:root{--gold:#d8b46a;--parchment:#efe4c8;--ink:#0a0c18b8;--confringo:#ffb25e;--expelliarmus:#ff5a6e;--incendio:#ff8a52;--petrificus:#a9c0ff;--depulso:#d9ecf2;--wiggenweld:#8fe07a;--strength:#ff7466;--swiftness:#6fe6d6;--felix:#ffd65e;--stamina:#5f8fd8;color:var(--parchment);background:#0b1020;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block}#reticle{width:var(--size,36px);height:var(--size,36px);pointer-events:none;position:fixed;top:50%;left:50%;translate:-50% -50%}#reticle:before{border:1.5px solid var(--parchment);content:"";border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 1px #0a0c1873}#reticle .reticle-dot{background:var(--parchment);border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #0a0c1899}#charge-ring{--level:0;--throb:1;--ember:#ff9a4a;--danger:#ff3a24;pointer-events:none;width:84px;height:84px;position:fixed;top:50%;left:50%;translate:-50% -50%}#charge-ring svg{width:100%;height:100%;overflow:visible}#charge-ring circle{fill:none}#charge-ring .charge-track{stroke:#efe4c838;stroke-width:3px}#charge-ring .charge-window{stroke:var(--gold);stroke-width:6px;opacity:.5}#charge-ring .charge-fill{stroke:var(--ember);stroke-width:4px;stroke-dasharray:var(--level) 1;filter:drop-shadow(0 0 3px #ff7a2acc)}#charge-ring[data-stage=perfect] .charge-fill{stroke:#fff2c0;stroke-width:6px;filter:drop-shadow(0 0 7px #ffd67af2)}#charge-ring[data-stage=perfect] .charge-window{opacity:1}#charge-ring[data-stage=full] .charge-fill{stroke:var(--danger);stroke-width:6px;filter:drop-shadow(0 0 6px #ff3a24e6);opacity:var(--throb)}#charge-ring[data-flourish=perfect] .charge-fill{stroke:#fffbe8;stroke-width:8px}#charge-ring[data-flourish=backfire] circle{stroke:var(--danger)}#charge-ring[hidden],#reticle[hidden],#hud[hidden],.hud-callout[hidden]{display:none}#hud{pointer-events:none;text-shadow:0 1px 3px #000000b3;position:fixed;inset:0}#hud.hud-held .hud-callout,#hud.hud-held .hud-spell-callout{display:none}.hud-score{justify-content:center;gap:1.4rem;display:flex;position:absolute;inset:1.1rem 0 auto}#hud.hud-practice .hud-score{display:none}.hud-pips{gap:.35rem;display:flex}.hud-pip{background:var(--ink);border:1px solid #d8b46abf;width:.5rem;height:.5rem;rotate:45deg}.hud-pip-won{background:var(--gold);box-shadow:0 0 6px #d8b46ab3}.health-bar{background:var(--ink);border:1px solid #d8b46a59;border-radius:1px;position:relative;overflow:hidden;box-shadow:0 0 6px #00000073}.health-bar-lag,.health-bar-fill{width:100%;position:absolute;inset:0 auto 0 0}.health-bar-lag{background:#f3deaa80}.health-bar-fill{transition:width 90ms ease-out}.hud-vitals{align-items:center;gap:.6rem;display:flex;position:absolute;inset:auto auto clamp(1rem,4vh,2rem) clamp(1rem,3vw,1.5rem)}.hud-bars{gap:.3rem;width:min(22rem,34vw);display:grid}.hud-health{height:.55rem}.hud-health .health-bar-fill{background:linear-gradient(#fbf6ea,#d9c08a)}.hud-stamina{background:var(--ink);border-radius:1px;width:72%;height:.3rem;transition:opacity .4s ease-out;position:relative;overflow:hidden;box-shadow:0 0 4px #00000073}.hud-stamina-full{opacity:.35}.hud-stamina-fill{background:linear-gradient(180deg, color-mix(in srgb, var(--stamina), white 30%), var(--stamina));width:100%;position:absolute;inset:0 auto 0 0}.hud-stamina-short{opacity:1;background:#e0574a8c;box-shadow:0 0 10px #e0574ad9}.hud-spell-callout{color:var(--gold);letter-spacing:.04em;text-align:center;white-space:nowrap;opacity:0;text-shadow:0 0 18px,0 2px 6px #000000d9;font-size:clamp(2rem,4.4vw,3.2rem);position:absolute;inset:calc(50% + 3.6rem) 0 auto}.hud-spell-callout[data-spell=confringo]{color:var(--confringo)}.hud-spell-callout[data-spell=expelliarmus]{color:var(--expelliarmus)}.hud-spell-callout[data-spell=incendio]{color:var(--incendio)}.hud-spell-callout[data-spell=petrificus]{color:var(--petrificus)}.hud-spell-callout[data-spell=depulso]{color:var(--depulso)}.hud-spell-callout[data-spell=wiggenweld]{color:var(--wiggenweld)}.hud-spell-callout[data-spell=strength]{color:var(--strength)}.hud-spell-callout[data-spell=swiftness]{color:var(--swiftness)}.hud-spell-callout[data-spell=felix]{color:var(--felix)}.hud-spell-callout[data-spell=interrupted]{color:#efe4c8b3;font-size:clamp(1.4rem,3vw,2.2rem)}.hud-callout{justify-items:center;gap:.25rem;display:grid;position:absolute;inset:34% 0 auto}.hud-callout-small{color:var(--parchment);letter-spacing:.2em;text-transform:uppercase;font-size:clamp(1rem,2vw,1.3rem)}.hud-callout-big{color:var(--gold);letter-spacing:.06em;text-shadow:0 0 24px #d8b46a73,0 2px 6px #000c;font-size:clamp(3rem,9vw,6.5rem)}#menu{--logo-width:min(40rem, 86vw, 72vh);--logo-height:calc(var(--logo-width) / 4);--veil-size:clamp(1.1rem, 2.4vw, 1.5rem);--veil-line:calc(var(--veil-size) * 1.4);--logo-top:max(clamp(1rem, 4vh, 3rem), calc(50vh - (var(--logo-height) + 1.25rem + var(--veil-line)) / 2));--content-height:0px;--clash-y:calc(var(--logo-top) + var(--logo-height) * .7375);--clash-delay:.16s;z-index:10;color:var(--parchment);text-align:center;background: radial-gradient(ellipse 90% 85% at 50% 45%, transparent 55%, #02040ab3 100%),  radial-gradient(circle at 50% var(--clash-y), #d8b46a1a, transparent min(30rem, 60vw)),  repeating-linear-gradient(45deg, #d8b46a06 0 1px, transparent 1px 26px), repeating-linear-gradient(-45deg, #d8b46a06 0 1px, transparent 1px 26px), radial-gradient(ellipse 120% 90% at 50% 30%, #1a2344, #111832 40%, #0b1020 75%, #070a16);position:fixed;inset:0;overflow:hidden}#menu[hidden]{display:none}@property --rune-glint{syntax:"<angle>";inherits:false;initial-value:0deg}.menu-rune{aspect-ratio:1;opacity:.2;filter:drop-shadow(0 0 .4rem #e8be6e8c);pointer-events:none;width:min(115vmin,60rem);position:absolute;top:50%;left:50%;translate:-50% -50%}.menu-rune span{-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;background:linear-gradient(160deg,#f6dc9a,#c9973f 45%,#f2d48c 70%,#a8782e);position:absolute;inset:0}.menu-rune span:after{background:conic-gradient(from var(--rune-glint), transparent 0 78%, #fff6d6e6 86%, transparent 94%);content:"";animation:7s linear infinite menu-rune-glint;position:absolute;inset:0}.menu-rune-rings{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000'%3E%3Ccircle cx='50' cy='50' r='49' stroke-width='.25'/%3E%3Ccircle cx='50' cy='50' r='46.6' stroke-width='1.4' stroke-dasharray='.2 1.6'/%3E%3Ccircle cx='50' cy='50' r='44' stroke-width='.3'/%3E%3C/svg%3E");animation:240s linear infinite menu-rune-turn}.menu-rune-star{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23000'%3E%3Cpath d='M50 6L88.1 72H11.9ZM50 94L11.9 28H88.1Z' stroke-width='.22'/%3E%3Ccircle cx='50' cy='50' r='30' stroke-width='.25'/%3E%3Ccircle cx='50' cy='50' r='28.4' stroke-width='.8' stroke-dasharray='.2 3.3'/%3E%3Ccircle cx='50' cy='50' r='12' stroke-width='.25'/%3E%3C/svg%3E");animation:160s linear infinite reverse menu-rune-turn}.menu-rune-star:after{animation-duration:5s;animation-direction:reverse}@keyframes menu-rune-turn{to{rotate:1turn}}@keyframes menu-rune-glint{to{--rune-glint:1turn}}#menu:after{background:radial-gradient(circle at 50% var(--clash-y), #ffce7857, #d2823214 12rem, transparent 30rem);opacity:0;mix-blend-mode:plus-lighter;content:"";pointer-events:none;position:absolute;inset:0}.menu-frame{--corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23d8b46a' stroke-opacity='.7'%3E%3Cpath d='M.5 44V.5H44'/%3E%3Cpath d='M6.5 26V6.5H26' stroke-width='.6' stroke-opacity='.4'/%3E%3Cpath d='M12 8l4 4-4 4-4-4z' fill='%23d8b46a' fill-opacity='.7' stroke='none'/%3E%3C/svg%3E");pointer-events:none;border:1px solid #d8b46a29;position:absolute;inset:clamp(.5rem,1.6vmin,1.25rem)}.menu-frame span{aspect-ratio:1;background:var(--corner) center / contain no-repeat;width:clamp(2rem,4vmin,3rem);margin:-1px;position:absolute}.menu-frame span:first-child{top:0;left:0}.menu-frame span:nth-child(2){top:0;right:0;scale:-1 1}.menu-frame span:nth-child(3){bottom:0;left:0;scale:1 -1}.menu-frame span:nth-child(4){bottom:0;right:0;scale:-1}.menu-logo{top:var(--logo-top);z-index:1;width:var(--logo-width);margin:0 auto;transition:opacity .22s ease-out,visibility 0s .22s;position:absolute;left:0;right:0}#menu:has(#overlay[data-screen]:not([data-screen=title])) .menu-logo{visibility:hidden;opacity:0}#overlay{inset:max(clamp(1rem, 4vh, 3rem), calc(50vh - var(--content-height) / 2)) 0 6rem;z-index:1;flex-direction:column;align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:absolute;overflow-y:auto}#overlay[hidden],#overlay [hidden]{display:none}#overlay h2{color:var(--gold);letter-spacing:.14em;text-shadow:0 0 18px #d8b46a59;align-items:center;gap:1.2rem;margin:0;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:clamp(1.5rem,3.6vw,2.4rem);font-weight:500;display:flex}#overlay h2:before,#overlay h2:after{content:"";background:linear-gradient(90deg,#0000,#d8b46ab3);width:clamp(2rem,8vw,5rem);height:1px}#overlay h2:after{background:linear-gradient(90deg,#d8b46ab3,#0000)}#overlay p{letter-spacing:.03em;margin:0;font-size:clamp(1rem,2.4vw,1.4rem)}#overlay ul{gap:.35rem;min-width:min(22rem,80vw);margin:.5rem 0 0;padding:0;list-style:none;display:grid}#overlay li{color:#efe4c8a6;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:1px solid #0000;padding:.5rem 2.2rem;font-size:clamp(1.1rem,2.4vw,1.5rem);transition:color .12s ease-out,background .12s ease-out,border-color .12s ease-out;position:relative}#overlay li.selected{color:var(--gold);background:var(--ink);text-shadow:0 0 12px #d8b46a73;border-color:#d8b46abf;box-shadow:0 0 18px #d8b46a2e}#overlay li.selected:before,#overlay li.selected:after{background:var(--gold);content:"";width:.55rem;height:.55rem;position:absolute;inset-block-start:50%;translate:0 -50%;rotate:45deg;box-shadow:0 0 8px #d8b46acc}#overlay li.selected:before{inset-inline-start:.9rem}#overlay li.selected:after{inset-inline-end:.9rem}#overlay li.disabled{color:#efe4c840}#overlay .overlay-done{color:var(--gold);letter-spacing:0;margin-inline-start:.6em}#overlay li.hinted{border-color:#d8b46a66}#overlay .overlay-hint{color:var(--gold);letter-spacing:.08em;text-transform:none;margin-top:.2rem;font-size:.62em;animation:1.6s ease-in-out infinite alternate overlay-hint-breathe;display:block}@keyframes overlay-hint-breathe{0%{opacity:.6}to{opacity:1}}#overlay[data-screen=lessons] ul{grid-template-rows:repeat(9,auto);grid-auto-flow:column;gap:.25rem 1.2rem}#overlay[data-screen=lessons] li{text-align:start;padding-block:.38rem;font-size:clamp(.9rem,1.8vw,1.15rem)}@media (width<760px){#overlay[data-screen=lessons] ul{grid-template-rows:none;grid-auto-flow:row}}#overlay .overlay-effects{color:#efe4c880;letter-spacing:.06em;margin-top:.5rem;font-size:.9rem}#overlay:not([data-screen=connect],[data-screen=main],[data-screen=difficulty]) .overlay-effects{display:none}#overlay[data-screen=options] ul{min-width:min(34rem,88vw)}#overlay li.setting{text-align:start;justify-content:space-between;align-items:center;gap:2rem;display:flex}#overlay .overlay-value{font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:none;align-items:center;gap:.8rem;display:inline-flex}#overlay .overlay-level+.overlay-value-words{text-align:end;min-width:4.6ch}#overlay .overlay-value:before,#overlay .overlay-value:after{color:#d8b46acc;visibility:hidden;font-size:1.1em;line-height:1}#overlay li.selected .overlay-value:before,#overlay li.selected .overlay-value:after{visibility:visible}#overlay .overlay-value:before{content:"‹"}#overlay .overlay-value:after{content:"›"}#overlay .overlay-level{background:#efe4c826;border-radius:.15rem;width:clamp(4rem,12vw,7rem);height:.3rem;position:relative;overflow:hidden}#overlay .overlay-level:after{transform:scaleX(var(--level));transform-origin:0;content:"";background:currentColor;transition:transform .12s ease-out;position:absolute;inset:0}#menu:has(#overlay[data-screen=unsupported]){--logo-top:clamp(1.5rem, 14vh, 7rem)}#menu:has(#overlay[data-screen=unsupported]:not([data-screen=title])) .menu-logo{visibility:visible;opacity:1}#overlay[data-screen=unsupported]{inset-block-start:calc(var(--logo-top) + var(--logo-height) + 2rem);inset-block-end:1rem}#overlay[data-screen=unsupported] p{max-width:34rem;line-height:1.5}#overlay ul.overlay-needs{flex-wrap:wrap;justify-content:center;gap:.6rem;min-width:0;max-width:36rem;margin-top:.75rem;display:flex}#overlay .overlay-needs li{color:var(--gold);background:var(--ink);letter-spacing:.1em;border-color:#d8b46a8c;padding:.45rem 1rem;font-size:clamp(.85rem,2vw,1rem)}#overlay .overlay-legal{z-index:3;color:#efe4c866;max-width:52rem;margin:0 auto;padding:0 1rem;font-size:.7rem;line-height:1.4;transition:opacity .7s ease-out,visibility 0s .7s;position:fixed;bottom:calc(clamp(.5rem,1.6vmin,1.25rem) + 1.25rem);left:0;right:0}#overlay:not([data-screen=title],[data-screen=connect]) .overlay-legal{visibility:hidden;opacity:0}#overlay.entering>:is(h2,p:not([class])){animation:.46s cubic-bezier(.2,.7,.3,1) both menu-enter;animation-delay:var(--enter-delay,0s)}#overlay.entering li{animation:.42s cubic-bezier(.2,.7,.3,1) both menu-enter;animation-delay:calc(var(--enter-delay,0s) + 70ms + var(--entry) * 60ms)}@keyframes menu-enter{0%{opacity:0;translate:0 .9rem}}#overlay .overlay-veil{z-index:2;color:var(--gold);font:inherit;font-size:var(--veil-size);letter-spacing:.18em;text-align:center;text-shadow:0 0 14px #d8b46a8c;text-transform:uppercase;visibility:hidden;opacity:0;cursor:pointer;background:0 0;border:none;padding:0;transition:opacity .26s ease-in,visibility 0s .26s;position:fixed;inset:0}#overlay .overlay-veil.shown{visibility:visible;opacity:1;transition:opacity .6s ease-out;animation:2.4s ease-in-out infinite menu-veil-breathe}#overlay .overlay-veil span{top:calc(var(--logo-top) + var(--logo-height) + 1.25rem);height:var(--veil-line);line-height:1.4;position:absolute;left:1rem;right:1rem}#menu[data-intro=loading] #overlay .overlay-veil{visibility:hidden}#overlay .overlay-veil:focus-visible{outline:none}@keyframes menu-veil-breathe{50%{color:#efe4c8d9}}#menu[data-intro=loading] #overlay{visibility:hidden}#menu[data-intro=clash]:after{animation:menu-clash-light .9s ease-out var(--clash-delay) both}#menu[data-intro=clash] #overlay>*{animation:.7s ease-out both menu-reveal;animation-delay:calc(var(--clash-delay) + .28s)}#menu[data-intro=clash] #overlay>:is(ul,.overlay-veil,.overlay-effects){animation-delay:calc(var(--clash-delay) + .42s)}#menu[data-intro=clash] #overlay>.overlay-legal{animation-name:menu-reveal-last;animation-delay:calc(var(--clash-delay) + .56s)}@keyframes menu-clash-light{12%{opacity:1}to{opacity:0}}@keyframes menu-reveal{0%{opacity:0;translate:0 .6rem}}@keyframes menu-reveal-last{0%{opacity:0;translate:0 .6rem}}@media (prefers-reduced-motion:reduce){#overlay.entering :is(h2,p,li),.menu-rune span,.menu-rune span:after,#menu[data-intro=clash]:after{animation:none}@keyframes menu-reveal{0%{opacity:0}}@keyframes menu-reveal-last{0%{opacity:0}}}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-ext-wght-normal-CG36JvV6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/cinzel-latin-wght-normal-DMUuCU8H.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.logo{--progress:1;width:100%;height:auto;display:block;overflow:visible}#menu[data-intro=loading] .logo{--progress:0}.logo-word{fill:#efe4c8;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:64px;font-weight:600}.logo-beam{transform:scaleX(var(--progress));transform-box:fill-box;transition:transform var(--clash-delay,.16s) ease-out}.logo-beam line{stroke-linecap:round}.logo-crimson{transform-origin:0;filter:drop-shadow(0 0 6px #d9473ccc)}.logo-emerald{transform-origin:100%;filter:drop-shadow(0 0 6px #3fae7acc)}.logo-flare{filter:drop-shadow(0 0 10px #fff0c8e6);transform-box:fill-box;transform-origin:50%;animation:logo-flare-light .52s cubic-bezier(.2, .9, .3, 1.3) var(--clash-delay,0s) both, logo-flare 1.6s ease-in-out calc(var(--clash-delay,0s) + .52s) infinite alternate}#menu[data-intro=loading] .logo-flare{opacity:0;animation:none}@keyframes logo-flare-light{0%{opacity:0;transform:scale(.1)}}@keyframes logo-flare{to{transform:scale(1.12)rotate(8deg)}}.logo-flash{opacity:0;transform-box:view-box;transform-origin:320px 118px}#menu[data-intro=clash] .logo-flash{animation:logo-flash .56s ease-out var(--clash-delay) forwards}#menu[data-intro=clash] .logo-beam{animation:logo-beam-surge .62s ease-out var(--clash-delay) both}@keyframes logo-flash{0%{opacity:1;transform:scale(.15)}25%{opacity:1}to{opacity:0;transform:scale(2.4)}}@keyframes logo-beam-surge{15%{filter:brightness(1.8)drop-shadow(0 0 14px #fff0c8e6)}}@media (prefers-reduced-motion:reduce){#menu[data-intro=clash] :is(.logo-flash,.logo-beam){animation:none}.logo-flare{animation:logo-flare-light .52s ease-out var(--clash-delay,0s) both}@keyframes logo-flare-light{0%{opacity:0}}}.clash-callout{color:var(--confringo);letter-spacing:.05em;text-align:center;white-space:nowrap;opacity:0;text-shadow:0 0 28px #ff781ebf,0 0 8px #ffe2a099,0 2px 6px #000000d9;font-size:clamp(3.4rem,10vw,7.5rem);font-style:italic;position:absolute;inset:30% 0 auto}.clash-prompt{justify-items:center;gap:.45rem;display:grid;position:absolute;inset:calc(50% + 4.6rem) 0 auto}.clash-prompt[hidden],#hud.hud-held .clash-callout,#hud.hud-held .clash-prompt{display:none}.clash-trigger{border:2px solid var(--gold);width:2.9rem;height:2.9rem;color:var(--parchment);background:var(--ink);border-radius:50%;place-items:center;font-size:1.6rem;line-height:1;animation:.42s ease-in-out infinite alternate clash-breathe;display:grid}@keyframes clash-breathe{0%{box-shadow:0 0 6px #ff8c3259,inset 0 0 4px #ff8c3233}to{border-color:var(--confringo);box-shadow:0 0 22px #ff8c32d9,inset 0 0 10px #ffa0468c}}.clash-pump{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:clamp(1rem,2vw,1.3rem)}.clash-bar{background:#0a0c1899;border-radius:.2rem;width:clamp(10rem,24vw,16rem);height:.32rem;position:relative;box-shadow:0 0 0 1px #d8b46a73}.clash-bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--confringo));width:50%;position:absolute;inset:0 auto 0 0}.clash-bar-marker{width:.75rem;height:.75rem;box-shadow:0 0 10px #ffd08a, 0 0 18px var(--confringo);background:#fff3d6;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}@property --sd-spread{syntax:"<length>";inherits:true;initial-value:0}@property --sd-badge{syntax:"<length>";inherits:true;initial-value:0}.sd-diamond{--sd-spread:2.1rem;--sd-badge:2.7rem;width:calc(var(--sd-spread) * 2 + var(--sd-badge));height:calc(var(--sd-spread) * 2 + var(--sd-badge));opacity:.78;transition:--sd-spread var(--slots-spread-seconds,.12s) ease-out, --sd-badge var(--slots-spread-seconds,.12s) ease-out, opacity var(--slots-spread-seconds,.12s) ease-out;flex:none;position:relative}.sd-diamond[data-held=true]{--sd-spread:3.3rem;--sd-badge:3rem;opacity:1}.sd-slot{--dx:0;--dy:0;translate:calc(-50% + var(--dx) * var(--sd-spread)) calc(-50% + var(--dy) * var(--sd-spread));justify-items:center;display:grid;position:absolute;top:50%;left:50%}.sd-at-top{--dy:-1}.sd-at-left{--dx:-1}.sd-at-right{--dx:1}.sd-at-bottom{--dy:1}.sd-badge{width:var(--sd-badge);height:var(--sd-badge);background:var(--ink);border:1px solid #d8b46ab3;border-radius:50%;place-items:center;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:grid;position:relative;box-shadow:0 0 6px #00000073}.sd-face{top:calc(var(--sd-badge) - .55rem);color:#efe4c8cc;background:#0a0c18eb;border:1px solid #d8b46a73;border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;font-family:system-ui,sans-serif;font-size:.6rem;line-height:1;display:grid;position:absolute}.sd-name{top:calc(var(--sd-badge) + .5rem);width:max-content;max-width:6rem;color:var(--parchment);letter-spacing:.1em;text-align:center;text-transform:uppercase;opacity:0;transition:opacity var(--slots-spread-seconds,.12s) ease-out;font-size:.65rem;line-height:1.15;position:absolute}.sd-diamond[data-held=true] .sd-name{opacity:.85}.sd-slot[data-state=empty] .sd-badge{box-shadow:none;background:#0a0c184d;border-style:dashed;border-color:#d8b46a4d}.sd-slot[data-state=empty] .sd-face{opacity:.45}.sd-count{color:var(--parchment);font-variant-numeric:lining-nums tabular-nums;font-size:.75rem;position:absolute;top:-.25rem;right:-.3rem}.ps-frame{flex:none;width:9.6rem;height:9.6rem;position:relative}.ps-frame>.sd-diamond{position:absolute;top:50%;left:50%;translate:-50% -50%}.sd-slot[data-potion=wiggenweld]{--potion:var(--wiggenweld)}.sd-slot[data-potion=felix]{--potion:var(--felix)}.sd-slot[data-potion=strength],.ps-effect[data-potion=strength]{--potion:var(--strength)}.sd-slot[data-potion=swiftness],.ps-effect[data-potion=swiftness]{--potion:var(--swiftness)}.ps-glyph,.ps-effect-glyph{fill:none;width:62%;height:62%;stroke:var(--potion,var(--gold));stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.ps-diamond .sd-slot[data-potion] .sd-badge{background:radial-gradient(circle at 50% 85%, color-mix(in srgb, var(--potion), transparent 72%), transparent 62%), var(--ink)}.ps-diamond[data-held=true] .sd-slot[data-state=ready] .sd-badge{box-shadow:0 0 10px #d8b46a99, inset 0 0 8px color-mix(in srgb, var(--potion), transparent 60%);border-color:#f3d796}.ps-diamond .sd-slot[data-state=spent] .sd-badge{box-shadow:none;background:#0a0c1873;border-color:#d8b46a40}.ps-diamond .sd-slot[data-state=spent] .ps-glyph,.ps-diamond .sd-slot[data-state=spent] .sd-count{opacity:.35}.ps-diamond .sd-slot[data-state=drinking] .sd-badge{border-color:var(--potion);box-shadow:0 0 12px color-mix(in srgb, var(--potion), transparent 35%)}.ps-diamond .sd-badge:after{content:"";background:conic-gradient(color-mix(in srgb, var(--potion,transparent), transparent 55%) calc(var(--drunk,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.hud-bars{position:relative}.ps-effects{gap:.6rem;display:flex;position:absolute;bottom:calc(100% + .45rem);left:0}.ps-effect{color:var(--potion);font-variant-numeric:lining-nums tabular-nums;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.ps-effect[hidden]{display:none}.ps-effect-glyph{box-sizing:content-box;background:radial-gradient(circle, var(--ink) 62%, transparent 64%), conic-gradient(var(--potion) calc(var(--left,0) * 360deg), #efe4c826 0);width:1rem;height:1rem;box-shadow:0 0 8px color-mix(in srgb, var(--potion), transparent 55%);border-radius:50%;padding:.2rem}#overlay .overlay-tabs:not([hidden]){align-items:center;gap:.6rem;display:flex}#overlay .ch-tab{color:#efe4c88c;letter-spacing:.16em;text-transform:uppercase;border:1px solid #0000;padding:.3rem 1.1rem;font-size:clamp(.9rem,1.8vw,1.1rem);transition:color .12s ease-out,border-color .12s ease-out}#overlay .ch-tab.selected{color:var(--gold);background:var(--ink);text-shadow:0 0 10px #d8b46a73;border-color:#d8b46abf;box-shadow:0 0 14px #d8b46a29}#overlay .ch-bumper{color:#efe4c8bf;letter-spacing:.05em;border:1px solid #d8b46a8c;border-radius:.6rem .6rem .3rem .3rem;place-items:center;min-width:2.4rem;padding:.1rem .45rem;font-family:system-ui,sans-serif;font-size:.75rem;display:grid}#overlay .overlay-help{width:min(100% - 2rem,92rem)}#overlay[data-screen=controls]{bottom:clamp(1rem,4vh,3rem)}#overlay .overlay-help.switched>*{animation:.26s ease-out both ch-switch}@keyframes ch-switch{0%{opacity:0}}#overlay.entering>:is(.overlay-tabs,.overlay-help){animation:.46s cubic-bezier(.2,.7,.3,1) both menu-enter;animation-delay:calc(var(--enter-delay,0s) + 70ms)}#overlay.entering>.overlay-help{animation-delay:calc(var(--enter-delay,0s) + .13s)}.ch-controls{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem 1rem;display:flex}.ch-pad{aspect-ratio:1100/440;flex:1 1 0;min-width:0;max-width:min(64rem,250vh - 42.5rem);position:relative;container-type:inline-size}.ch-drawing{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ch-body{fill:#0a0c18c7;stroke:#d8b46ad9;stroke-width:1.6px;filter:drop-shadow(0 0 10px #d8b46a2e)}.ch-part{fill:#0a0c18eb;stroke:#d8b46ab3;stroke-width:1.2px}.ch-quiet{stroke:#d8b46a52}.ch-touchpad{fill:#d8b46a0a;stroke:#d8b46a73}.ch-cap{fill:#d8b46a12}.ch-face{stroke:#d8b46acc}.ch-face-icon{color:var(--parchment)}.ch-tag{fill:#efe4c8cc;dominant-baseline:central;text-anchor:middle;font-family:system-ui,sans-serif;font-size:11px}.ch-leader{fill:none;stroke:#d8b46a8c;stroke-width:1.1px}.ch-anchor{fill:var(--gold)}.ch-label{top:var(--y);gap:.15em;width:21cqw;font-size:1.75cqw;line-height:1.2;display:grid;position:absolute}.ch-label[data-align=left]{left:var(--x);text-align:left;translate:0 -.62em}.ch-label[data-align=right]{right:calc(100% - var(--x));text-align:right;translate:0 -.62em}.ch-label[data-align=below],.ch-label[data-align=above]{left:var(--x);text-align:center;width:16cqw;translate:-50%}.ch-label[data-align=above]{translate:-50% -100%}.ch-label-line{color:var(--parchment);letter-spacing:.04em}.ch-label[data-align=right] .ch-label-line{justify-content:flex-end}.ch-key{min-width:1.5em;color:var(--gold);vertical-align:.1em;border:1px solid #d8b46a8c;border-radius:.35em;place-items:center;margin-inline-end:.4em;padding:0 .25em;font-family:system-ui,sans-serif;font-size:.72em;line-height:1.5;display:inline-grid}.ch-key svg{vertical-align:-.15em;width:1.05em;height:1.05em}.ch-detail{color:#efe4c894;text-wrap:balance;letter-spacing:.02em;font-size:.78em}.ch-slots{justify-items:center;gap:.6rem;display:grid}.ch-slots-heading{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.85rem}.ch-slots-frame{width:14.8rem;height:13.3rem;position:relative}.ch-slots .sd-diamond[data-held=true]{--sd-spread:4.4rem}.ch-slots-frame>.sd-diamond{position:absolute;top:calc(50% - .75rem);left:50%;translate:-50% -50%}@media (width<=1180px){.ch-slots{zoom:.72}}.ch-slots .sd-slot[data-state=shown] .sd-badge{border-color:#f3d796}.ch-cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(max(13rem,25% - .525rem),1fr));gap:.7rem;display:grid}.ch-card{background:var(--ink);border:1px solid #d8b46a47;padding:.6rem .9rem .7rem}#overlay .ch-card-title{color:var(--gold);letter-spacing:.08em;margin:0 0 .35rem;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:.95rem;font-weight:500}#overlay .ch-card-body{color:#efe4c8d1;letter-spacing:.01em;font-size:.86rem;line-height:1.34}@media (height<=700px){.ch-card{padding:.45rem .7rem .5rem}#overlay .ch-card-title{margin-bottom:.2rem;font-size:.85rem}#overlay .ch-card-body{font-size:.78rem;line-height:1.28}}#overlay.entering .ch-card{animation:.42s cubic-bezier(.2,.7,.3,1) both menu-enter;animation-delay:calc(var(--enter-delay,0s) + .13s + var(--entry) * 35ms)}@media (prefers-reduced-motion:reduce){#overlay.entering>:is(.overlay-tabs,.overlay-help),#overlay.entering .ch-card,#overlay .overlay-help.switched>*{animation:none}}.ss-panel{align-items:center;gap:.75rem;display:flex;position:absolute;inset:auto clamp(1rem,3vw,1.5rem) clamp(1rem,4vh,2rem) auto}.ss-focus{flex-direction:column-reverse;gap:.35rem;display:flex}.ss-orb{background:var(--ink);border:1px solid #d8b46a8c;border-radius:50%;width:.7rem;height:.7rem;position:relative;overflow:hidden}.ss-orb:after{content:"";transform:scaleY(var(--fill,0));transform-origin:bottom;background:radial-gradient(circle at 40% 35%,#f6efff,#9a80e6 72%);transition:transform .12s ease-out;position:absolute;inset:0}.ss-orb[data-full=true]{border-color:#e9c983;box-shadow:0 0 8px #c9b8ffb3,0 0 3px #e9c983b3}.ss-diamond[data-held=true] .sd-slot[data-state=ready] .sd-badge{border-color:#f3d796;box-shadow:0 0 10px #d8b46a99,inset 0 0 8px #d8b46a40}.ss-diamond .sd-badge:after{content:"";background:conic-gradient(#05060ecc calc(var(--cooldown,0) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:0}.ss-timer{z-index:1;color:var(--parchment);font-variant-numeric:lining-nums tabular-nums;font-size:.7rem;position:absolute}.ss-glyph{fill:none;width:58%;height:58%;stroke:var(--gold);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.sd-slot[data-spell=expelliarmus] .ss-glyph{stroke:var(--expelliarmus)}.sd-slot[data-spell=expelliarmus][data-state=ready] .sd-badge{border-color:var(--expelliarmus);animation:1.2s ease-in-out infinite alternate ss-expelliarmus-ready}@keyframes ss-expelliarmus-ready{0%{box-shadow:0 0 6px #ff5a6e73,inset 0 0 6px #ff5a6e33}to{box-shadow:0 0 16px #ff5a6ed9,inset 0 0 10px #ffdce159}}.sd-slot[data-spell=incendio] .ss-glyph{stroke:var(--incendio)}.sd-slot[data-spell=petrificus] .ss-glyph{stroke:var(--petrificus)}.sd-slot[data-spell=depulso] .ss-glyph{stroke:var(--depulso)}.sd-slot[data-state=focus] .sd-badge,.sd-slot[data-state=cooldown] .sd-badge{box-shadow:none;border-color:#d8b46a4d}.sd-slot[data-state=cooldown] .sd-badge{background:#d8b46a38}.sd-slot[data-state=focus] .ss-glyph,.sd-slot[data-state=cooldown] .ss-glyph{opacity:.4}.lesson-menu{--menu-inset:calc(clamp(.5rem, 1.6vmin, 1.25rem) + clamp(1rem, 3vmin, 2.25rem));inset:var(--menu-inset);text-align:start;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(15rem,.62fr) 1fr;gap:clamp(.6rem,2vmin,1.25rem) clamp(1rem,3vw,2.5rem);display:grid;position:fixed}.lesson-menu[hidden]{display:none}.lesson-menu-header{border-bottom:1px solid #d8b46a4d;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:clamp(.4rem,1.4vmin,.8rem);display:flex}#overlay .lesson-menu-title{color:var(--gold);letter-spacing:.14em;text-shadow:0 0 18px #d8b46a59;margin:0;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:clamp(1.3rem,3vw,2.1rem);font-weight:500}#overlay .lesson-menu-title:before,#overlay .lesson-menu-title:after{content:none}#overlay .lesson-menu-progress{color:#efe4c8b3;letter-spacing:.08em;margin:0;font-size:clamp(.85rem,1.6vw,1rem)}.lesson-list{scrollbar-width:thin;scrollbar-color:#d8b46a59 transparent;min-height:0;padding:.2rem .4rem .6rem 0;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 .6rem calc(100% - 1.2rem),#0000);mask-image:linear-gradient(#0000,#000 .6rem calc(100% - 1.2rem),#0000)}.lesson-section+.lesson-section{margin-top:clamp(.4rem,1.4vmin,.8rem)}#overlay .lesson-section-heading{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;opacity:.85;margin:0 0 .2rem;padding:.35rem .2rem .15rem;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:clamp(.7rem,1.3vw,.82rem);font-weight:600}.lesson-entry{color:#efe4c89e;letter-spacing:.04em;border:1px solid #0000;grid-template-columns:2.1em 1fr auto;align-items:center;gap:.6rem;padding:clamp(.3rem,1vmin,.45rem) .7rem;font-size:clamp(.92rem,1.7vw,1.08rem);transition:color .12s ease-out,background .12s ease-out,border-color .12s ease-out;display:grid;position:relative}.lesson-entry-number{color:#d8b46ab3;font-variant-numeric:lining-nums tabular-nums;text-align:end;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif}.lesson-entry-done{color:var(--gold);visibility:hidden}.lesson-entry.done .lesson-entry-done{visibility:visible}.lesson-entry.selected{color:var(--gold);background:linear-gradient(90deg, #d8b46a29, var(--ink) 70%);text-shadow:0 0 12px #d8b46a73;border-color:#d8b46abf;box-shadow:0 0 18px #d8b46a29}.lesson-entry.selected:before{background:var(--gold);content:"";width:3px;position:absolute;top:-1px;bottom:-1px;left:-1px;box-shadow:0 0 8px #d8b46acc}.lesson-entry.selected .lesson-entry-number{color:var(--gold)}.lesson-preview{grid-template-rows:minmax(0,1fr) auto;gap:clamp(.6rem,1.8vmin,1rem);min-width:0;min-height:0;display:grid}.lesson-preview-stage{background:#05070f;border:1px solid #d8b46a8c;min-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 4px #d8b46a14,0 12px 30px #00000073}.lesson-preview-canvas{width:100%;height:100%;display:block}.lesson-preview-shade{opacity:0;pointer-events:none;background:#05070f;position:absolute;inset:0}.lesson-preview-shade.blink{animation:lesson-preview-blink var(--blink,.36s) ease-in-out}@keyframes lesson-preview-blink{50%{opacity:1}}.lesson-preview-details{justify-items:start;gap:.35rem;display:grid}#overlay .lesson-preview-eyebrow{color:#d8b46ad9;letter-spacing:.22em;text-transform:uppercase;gap:1rem;margin:0;font-size:clamp(.7rem,1.3vw,.8rem);display:flex}.lesson-preview-done{color:var(--gold);letter-spacing:.12em}#overlay .lesson-preview-heading{color:var(--parchment);letter-spacing:.08em;margin:0;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:clamp(1.25rem,2.8vw,1.9rem);font-weight:600;line-height:1.15}#overlay .lesson-preview-body{color:#efe4c8d9;max-width:44rem;min-height:2.8em;margin:0;font-size:clamp(.95rem,1.8vw,1.12rem);line-height:1.4}#overlay .lesson-preview-controls{color:var(--parchment);letter-spacing:.02em;background:#d8b46a14;border:1px solid #d8b46a73;border-radius:.3rem;margin:.15rem 0 0;padding:.35rem .8rem;font-size:clamp(.85rem,1.6vw,.98rem)}@media (width<760px){.lesson-menu{grid-template-rows:auto minmax(0,1.1fr) minmax(0,1fr);grid-template-columns:1fr}.lesson-preview{grid-row:2}}#overlay.entering .lesson-menu>*{animation:.46s cubic-bezier(.2,.7,.3,1) both menu-enter}#overlay.entering .lesson-list{animation-delay:60ms}#overlay.entering .lesson-preview{animation-delay:.12s}@media (prefers-reduced-motion:reduce){#overlay.entering .lesson-menu>*,.lesson-preview-shade.blink{animation:none}}.world-hud{position:absolute;inset:0;overflow:hidden}.wh-opponent,.wh-number{position:absolute;top:0;left:0}.wh-opponent[hidden],.wh-number[hidden]{display:none}.wh-opponent{justify-items:center;gap:.2rem;width:5.5rem;display:grid;translate:-50% -100%}.wh-bar{border-color:#efe4c84d;width:100%;height:.28rem}.wh-bar .health-bar-fill{background:linear-gradient(#d9675a,#9c2e27)}.wh-spell{min-height:1em;color:var(--parchment);letter-spacing:.06em;white-space:nowrap;opacity:0;font-size:.8rem}.wh-spell[data-spell=expelliarmus]{color:var(--expelliarmus)}.wh-spell[data-spell=incendio]{color:var(--incendio)}.wh-spell[data-spell=petrificus]{color:var(--petrificus)}.wh-spell[data-spell=depulso]{color:var(--depulso)}.wh-number{color:#f6f1e4;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 1px 3px #000000d9,0 0 1px #000000e6;will-change:transform, opacity;font-size:1.05rem;line-height:1;translate:-50% -50%}.wh-number-strong{color:#f3cf74;font-size:calc(1.05rem * var(--strong-scale,1.4));text-shadow:0 0 10px #d8b46a8c,0 1px 3px #000000d9}.training-hud{justify-items:center;gap:.35rem;display:grid;position:absolute;inset:1.1rem 0 auto}.training-hud[hidden],#hud.hud-held .training-hud{display:none}.training-lesson{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.75rem,1.4vw,.9rem)}.training-goal{color:var(--parchment);background:var(--ink);letter-spacing:.04em;white-space:nowrap;border:1px solid #d8b46a73;padding:.45rem 1.2rem;font-size:clamp(1rem,2vw,1.3rem);box-shadow:0 0 14px #00000059}.training-done .training-goal{border-color:var(--gold);color:var(--gold);text-shadow:0 0 12px #d8b46a99;box-shadow:0 0 22px #d8b46a73}.training-goal.training-enter{animation:.35s cubic-bezier(.2,1.4,.4,1) training-enter}@keyframes training-enter{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.scroll-veil{--scroll-ink:#2b1d10;--scroll-ink-soft:#2b1d10b8;--scroll-gold:#9a7128;z-index:5;pointer-events:none;background:radial-gradient(80% 75%,#070a1673,#070a16c7);place-items:center;padding:1.5rem 1rem;display:grid;position:fixed;inset:0}.scroll-veil[hidden],.scroll-veil [hidden]{display:none}.scroll-sheet{filter:drop-shadow(0 18px 30px #0000008c);width:min(36rem,92vw);max-height:calc(100vh - 3rem);padding:1.2rem 0;position:relative}.scroll-rod{background:radial-gradient(circle at .65rem,#f6dc9a 0 .32rem,#0000 .36rem),radial-gradient(circle at calc(100% - .65rem),#f6dc9a 0 .32rem,#0000 .36rem),linear-gradient(#f2d48c,#c9973f 45%,#7d5820 80%,#a8782e);border-radius:.65rem;height:1.3rem;position:absolute;left:-1.1rem;right:-1.1rem;box-shadow:0 2px 6px #00000073}.scroll-rod-top{top:0}.scroll-rod-bottom{bottom:0}.scroll-body{max-height:calc(100vh - 5.5rem);color:var(--scroll-ink);text-align:center;text-shadow:none;background:radial-gradient(70% 60% at 50% 45%,#fff8e48c,#0000 70%),radial-gradient(120% 90%,#0000 60%,#784e1e59 100%),repeating-linear-gradient(0deg,#784e1e08 0 2px,#0000 2px 5px),linear-gradient(#ead9b0,#f1e3bf 30%,#e9d4a4 70%,#dcc28c);justify-items:center;gap:.7rem;padding:1.6rem clamp(1.2rem,5vw,2.6rem) 1.5rem;display:grid;overflow-y:auto;box-shadow:inset 0 0 0 1px #9a712873,inset 0 0 0 5px #efe4c800,inset 0 0 0 6px #9a71284d}.scroll-eyebrow{color:var(--scroll-gold);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.8rem}.scroll-heading{color:var(--scroll-ink);letter-spacing:.08em;margin:0;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:clamp(1.45rem,3.4vw,2.1rem);font-weight:600;line-height:1.15}.scroll-rule{background:linear-gradient(90deg, transparent, var(--scroll-gold) 25%, var(--scroll-gold) 75%, transparent);width:min(14rem,60%);height:1px;position:relative}.scroll-rule:after{background:var(--scroll-gold);content:"";width:.45rem;height:.45rem;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.scroll-paragraphs{gap:.55rem;display:grid}.scroll-paragraph{margin:0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.45}.scroll-paragraph+.scroll-paragraph{color:var(--scroll-ink-soft);font-style:italic}.scroll-controls{color:var(--scroll-ink);letter-spacing:.02em;background:#9a71281a;border:1px solid #9a71288c;border-radius:.3rem;margin:.2rem 0 0;padding:.4rem .9rem;font-size:.95rem}.scroll-seal{color:#f6dc9a;background:radial-gradient(circle at 38% 34%,#c4483c,#8e1f1a 55%,#5e100d);border-radius:50%;place-items:center;width:3.6rem;height:3.6rem;margin:.2rem 0;font-family:Cinzel Variable,Iowan Old Style,Palatino,serif;font-size:1.7rem;font-weight:700;display:grid;box-shadow:0 0 0 3px #8e1f1a59,0 3px 6px #00000059,inset 0 -3px 6px #00000059}.scroll-items{gap:.3rem;min-width:min(16rem,70vw);margin:.4rem 0 0;padding:0;list-style:none;display:grid}.scroll-items li{color:var(--scroll-ink-soft);letter-spacing:.14em;text-transform:uppercase;border:1px solid #0000;padding:.4rem 2rem;font-size:clamp(1rem,2vw,1.2rem);position:relative}.scroll-items li.selected{border-color:var(--scroll-gold);color:var(--scroll-ink);background:#9a712824;font-weight:600}.scroll-items li.selected:before,.scroll-items li.selected:after{background:var(--scroll-gold);content:"";width:.5rem;height:.5rem;position:absolute;inset-block-start:50%;translate:0 -50%;rotate:45deg}.scroll-items li.selected:before{inset-inline-start:.8rem}.scroll-items li.selected:after{inset-inline-end:.8rem}.scroll-veil.scroll-pop .scroll-sheet{animation:.42s cubic-bezier(.34,1.45,.5,1) both scroll-pop}.scroll-veil.scroll-pop .scroll-body>*{animation:.3s ease-out both scroll-line-in;animation-delay:calc(.12s + var(--line,0) * 35ms)}.scroll-veil.scroll-pop .scroll-seal{animation:.36s cubic-bezier(.3,1.6,.5,1) .34s both scroll-seal-stamp}@keyframes scroll-pop{0%{opacity:0;scale:.72}25%{opacity:1}}@keyframes scroll-line-in{0%{opacity:0;translate:0 .35rem}}@keyframes scroll-seal-stamp{0%{opacity:0;scale:1.8}}@media (prefers-reduced-motion:reduce){.scroll-veil.scroll-pop .scroll-sheet,.scroll-veil.scroll-pop .scroll-body>*,.scroll-veil.scroll-pop .scroll-seal{animation:none}}