#visuals{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;text-align:left;padding-block:55px}#visuals .feature-copy{order:0}#visuals .checks{display:block}#visuals .tags{justify-content:flex-start}.inline-card-stage{width:100%;display:flex;justify-content:center}.inline-medallion{width:min(480px,100%);height:700px!important}.inline-medallion .lab-art{height:270px;flex-basis:270px}.inline-medallion .full-card-caption{font-size:11px;padding:12px}.particle-choices button{border:1px solid #35435b;border-radius:999px;background:#0b1526;color:#b7c4d6;font:inherit;font-size:13px;padding:9px 16px;cursor:pointer}.particle-choices button[aria-pressed=true]{border-color:#d4ae63;color:#ffe3a3;background:#dfb96215;box-shadow:0 0 16px #e5c47a12}.foil-choices button{border-radius:999px}.use-demo{padding:35px 0 90px}.use-label,.use-action{background:linear-gradient(120deg,#92e4e0,#5fbfba);color:#113b3b;border:1px solid #94ded9;border-radius:10px;font-weight:700}.use-label{display:inline-block;padding:2px 10px;font-size:14px}.usable-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1020px;margin:55px auto 25px}.usable-card{height:780px;max-height:none;width:100%;border-color:var(--rarity);box-shadow:0 16px 40px #0007,0 0 24px color-mix(in srgb,var(--rarity) 25%,transparent)}.usable-card .lab-art{height:310px;flex-basis:310px;clip-path:inset(-45px -25px 0)}.usable-card .lab-art img{filter:drop-shadow(0 0 9px var(--art-glow));transform:translate(var(--image-x),var(--image-y)) scale(var(--image-scale));mask-image:linear-gradient(#000 82%,transparent)}.usable-card[data-kind=potion] .lab-art img{transform:translate(var(--image-x),var(--image-y)) scale(1.2)}.usable-card .full-card-scroll>small{color:var(--rarity)}.usable-card .lab-particles i{color:var(--rarity);text-shadow:0 0 10px var(--rarity)}.usable-card .lab-bubbles{border-color:var(--rarity)}.item-description{color:#c7d0cb;font-size:14px;line-height:1.8}.item-description div{margin:15px 0}.item-description hr{border:0;border-top:1px solid #ffffff18;margin:20px 0}.spell-level{width:130px;padding:10px 15px;border:1px solid #efc36e44;border-radius:10px;text-align:center;font-size:11px;color:#bdc7bf;margin:15px 0}.spell-level b{display:block;font-size:18px;color:#eee;margin-top:5px}.use-footer{position:relative;z-index:9;padding:12px 22px 16px;border-top:1px solid #ffffff15;border-radius:0 0 21px 21px;background:color-mix(in srgb,var(--aura) 18%,#161c1d);text-align:center}.use-action,.restore-action{font:inherit;font-size:14px;font-weight:700;padding:10px 20px;cursor:pointer}.restore-action{background:#244a36;color:#bce7c8;border:1px solid #62ac7a;border-radius:10px}.use-action:disabled{cursor:wait;opacity:.7}.use-status{font-size:12px;color:#bac6bf;margin:0 0 10px;line-height:1.5;min-height:0}.use-status:empty{display:none}.use-explanation{text-align:center;color:var(--muted);font-size:14px}.demo-used{--aura:#78847e!important;--rarity:#939e98!important;border-color:#939e98;box-shadow:0 16px 40px #0007,0 0 12px #939e9822}.demo-used .lab-art img{filter:grayscale(1)!important;opacity:.48}.demo-used .lab-particles{display:none}.consume-particles{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:8}.consume-particles i{position:absolute;font-style:normal;color:var(--rarity);font-size:var(--size);opacity:0;text-shadow:0 0 12px var(--rarity)}.demo-consuming .lab-art img{animation:demoConsumeImage 1.25s ease-in forwards}.demo-consuming .full-card-scroll{animation:demoConsumeFade 1.25s ease-in forwards}.demo-consuming .lab-particles{display:none}.demo-consuming[data-kind=potion] .consume-particles i{left:var(--x);bottom:var(--start);animation:demoChaoticDrink var(--duration) ease-out forwards;animation-delay:var(--delay)}.burst-bubble{width:var(--size);height:var(--size);border:1px solid var(--rarity);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff70,transparent 36%)}.demo-consuming[data-kind=scroll] .consume-particles i{left:50%;top:40%;animation:demoUseBurst .85s ease-out forwards}@keyframes demoConsumeImage{to{opacity:0;transform:translateY(-15px) scale(.8)}}@keyframes demoConsumeFade{to{opacity:.4}}@keyframes demoChaoticDrink{0%{opacity:0;transform:translateY(15px) translateX(0) scale(.5)}17%{opacity:.85}55%{transform:translateY(-170px) translateX(var(--drift)) scale(.9)}100%{opacity:0;transform:translateY(-440px) translateX(calc(var(--drift)*-.6)) scale(1.12)}}@keyframes demoUseBurst{0%{opacity:0;transform:rotate(var(--angle)) translateX(0) scale(.3)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(210px) scale(.5)}}@media(max-width:850px){#visuals{gap:25px}.usable-grid{gap:25px}.usable-card .lab-art{height:260px;flex-basis:260px}.usable-card .full-card-scroll{padding-inline:20px}}@media(max-width:600px){#visuals{grid-template-columns:1fr;text-align:center}#visuals .tags{justify-content:center}#visuals .checks{text-align:left}.usable-grid{grid-template-columns:1fr;gap:45px}.usable-card{height:730px}.inline-medallion{height:670px!important}.usable-card .lab-art{height:260px;flex-basis:260px}.usable-card .lab-art{clip-path:inset(-35px 0 0)}.use-demo{overflow:clip}.use-footer{padding:12px 15px}.use-explanation{font-size:13px}}@media(prefers-reduced-motion:reduce){.demo-consuming *{animation:none!important}.consume-particles{display:none}}
.use-demo{overflow:clip}