.screen{justify-content:center;align-items:center;animation:.4s ease-out both screen-in;display:flex;position:fixed;inset:0}.screen.leaving{pointer-events:none;animation:.22s ease-in forwards screen-out}@keyframes screen-in{0%{opacity:0}}@keyframes screen-out{to{opacity:0}}.screen-title{z-index:20;justify-content:flex-start;overflow:hidden}.ttl-bg{background:#070d1f url(../assets/brand/loading_bg.webp) 30%/cover no-repeat;animation:38s ease-in-out infinite alternate drift;position:absolute;inset:-3%;-webkit-mask-image:linear-gradient(90deg,#000 0% 34%,#0000008c 56%,#0000 82%);mask-image:linear-gradient(90deg,#000 0% 34%,#0000008c 56%,#0000 82%)}.screen-title .embers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ttl-shade{pointer-events:none;background:radial-gradient(120% 90% at 0 60%,#050918b3,#0000 62%),linear-gradient(#0000 66%,#050918bf),linear-gradient(#0509188c,#0000 22%);position:absolute;inset:0}.ttl-main{text-align:center;flex-direction:column;align-items:center;width:54rem;margin-left:7rem;display:flex;position:relative}.ttl-main>*{animation:rise .9s var(--ease-out) both}.ttl-main>:nth-child(2){animation-delay:80ms}.ttl-main>:nth-child(3){animation-delay:.2s}.ttl-main>:nth-child(4){animation-delay:.32s}.ttl-main>:nth-child(5){animation-delay:.44s}.kicker{font-family:var(--serif);letter-spacing:.1em;color:var(--gold-2);text-shadow:0 .2rem .8rem #000;align-items:center;gap:1.4rem;margin:0 0 .2rem;font-size:1.8rem;font-style:italic;display:flex}.kicker i{background:linear-gradient(90deg, transparent, var(--gold));width:7rem;height:.15rem;display:block}.kicker i:last-child{transform:scaleX(-1)}.ttl-logo-wrap{margin:0;line-height:0}.ttl-logo{filter:drop-shadow(0 .6rem 1.6rem #000000b3)drop-shadow(0 0 3rem #e0b44c47);width:54rem;height:auto;animation:6s ease-in-out infinite logo-breathe;display:block}.tagline{font-family:var(--serif);color:var(--parch);text-shadow:0 .2rem 1rem #000,0 0 2rem #3fd0d84d;margin:.4rem 0 2.8rem;font-size:2.4rem;font-style:italic}.ttl-btns{flex-direction:column;align-items:center;gap:1.8rem;display:flex}.ttl-btns .btn-primary{animation:2.8s ease-in-out infinite btn-glow}.best{font-family:var(--serif);color:#f3e6c3cc;text-shadow:0 .2rem .8rem #000;margin:2.2rem 0 0;font-size:1.6rem;font-style:italic}.ttl-card{width:35rem;animation:rise .9s .5s var(--ease-out) both;padding:.8rem 1rem .4rem;position:absolute;bottom:2.6rem;right:3.2rem}.ttl-card h2{letter-spacing:.14em;text-transform:uppercase;text-align:center;margin-bottom:1rem;font-size:1.5rem}.ttl-card h2:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-3), transparent);width:60%;height:.15rem;margin:.6rem auto 0;display:block}.keylist{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.keylist li{grid-template-columns:13.2rem 1fr;align-items:center;gap:.8rem;font-size:1.25rem;font-weight:600;line-height:1.2;display:grid}.keylist .caps{flex-wrap:nowrap;justify-content:flex-end;display:flex}.keylist kbd{min-width:2.4rem}.ttl-card .note{font-size:1.15rem;line-height:1.35;font-family:var(--serif);margin:.8rem 0 0;font-style:italic}.ttl-card .note.dim{margin-top:.3rem;font-size:1.05rem}@keyframes rise{0%{opacity:0;transform:translateY(2.4rem)}}@keyframes drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.12)translate(-1.6%,-1.2%)}}@keyframes logo-breathe{50%{transform:translateY(-.5rem)scale(1.012)}}@keyframes btn-glow{50%{filter:brightness(1.1)drop-shadow(0 0 1.6rem #ffcd6080)}}@media (max-aspect-ratio:4/3){.ttl-main{width:46rem;margin-left:3rem}.ttl-logo{width:46rem}.ttl-card{display:none}}@media (prefers-reduced-motion:reduce){.ttl-bg,.ttl-logo,.ttl-btns .btn-primary,.ttl-main>*,.ttl-card{animation:none}}body.reduce-motion .ttl-bg,body.reduce-motion .ttl-logo,body.reduce-motion .ttl-btns .btn-primary{animation:none}.overlay{z-index:30;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:radial-gradient(90% 90%,#080e2280,#040714d1)}.overlay.dark{background:radial-gradient(90% 90%,#080e22b3,#03050eeb)}.menu{min-width:34rem;animation:menu-in .5s var(--ease-pop) both;flex-direction:column;gap:1.3rem;padding:1rem 2.4rem 1.2rem;display:flex;position:relative}.menu.wide{width:min(56rem,92vw)}.menu h2{text-align:center;letter-spacing:.05em;color:var(--ink-2);text-shadow:0 .1rem #ffffff80;font-size:3.2rem}.menu h2:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-3), transparent);width:70%;height:.18rem;margin:.9rem auto 0;display:block}.menu .sub{text-align:center;font-family:var(--serif);color:#4a3424;margin:-.4rem 0 .4rem;font-size:1.6rem;font-style:italic}.menu .btn{align-self:stretch}@keyframes menu-in{0%{opacity:0;transform:translateY(2rem)scale(.94)}}.menu .row{grid-template-columns:1fr 17rem 5.2rem;align-items:center;gap:1.2rem;font-size:1.45rem;font-weight:600;display:grid}.menu .row.check{grid-template-columns:1fr auto}.menu .row>.seg{grid-column:2/4}.menu output{text-align:right;font-size:1.25rem;font-family:var(--display);color:#5a3a12;font-weight:700}.over{padding-top:1.6rem}.over:before{content:"";z-index:-1;opacity:.22;mix-blend-mode:multiply;pointer-events:none;background:url(../assets/vfx/ink_splat.webp) 50%/contain no-repeat;width:34rem;height:34rem;position:absolute;top:-1.2rem;left:50%;transform:translate(-50%)}.over h2{font-size:3.8rem}.over .stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;margin:.4rem 0;display:grid}.stat{animation:rise .6s var(--ease-out) both;background:#2a1c1412;border:.15rem solid #2a1c1440;border-radius:.9rem;padding:1rem .6rem .9rem}.stat:nth-child(2){animation-delay:60ms}.stat:nth-child(3){animation-delay:.12s}.stat:nth-child(4){animation-delay:.18s}.stat:nth-child(5){animation-delay:.24s}.stat:nth-child(6){animation-delay:.3s}.stat b{font-family:var(--display);color:var(--ink-2);font-size:3.2rem;line-height:1.1;display:block}.stat span{letter-spacing:.04em;color:#5a3a12;margin-top:.3rem;font-size:1.2rem;font-weight:700;display:block}.over .new{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:#8f1d1d;animation:stamp-in .55s .5s var(--ease-pop) both;border:.25rem double #8f1d1d;border-radius:.6rem;align-self:center;margin:0;padding:.5rem 2rem;font-size:1.7rem;font-weight:800;transform:rotate(-3deg)}.over .dim{text-align:center;margin:0;font-size:1.3rem}.over .btn-row{justify-content:center}.over .btn-row .btn{align-self:auto}@keyframes stamp-in{0%{opacity:0;transform:rotate(-3deg)scale(2.6)}}.screen-codex{flex-direction:column}.codex{width:min(118rem,96vw);animation:menu-in .55s var(--ease-pop) both;flex-direction:column;align-items:center;gap:1.2rem;display:flex;position:relative}.cx-cover{background:linear-gradient(135deg,#e0b44c 0 46%,#0000 46%) 0 0/5rem 5rem no-repeat,linear-gradient(225deg,#e0b44c 0 46%,#0000 46%) 100% 0/5rem 5rem no-repeat,linear-gradient(45deg,#e0b44c 0 46%,#0000 46%) 0 100%/5rem 5rem no-repeat,linear-gradient(315deg,#e0b44c 0 46%,#0000 46%) 100% 100%/5rem 5rem no-repeat,linear-gradient(150deg,#5a2620,#34140f 55%,#1d0a08);border-radius:1.6rem;width:100%;padding:1.7rem;position:relative;box-shadow:0 2.4rem 7rem #000000bf,inset 0 0 0 .25rem #8a6420,inset 0 0 3rem #0009}.cx-spread{background:#d8bd84 url(../assets/ui/parchment_tex.webp) 50%/50% 100%;border-radius:.6rem;grid-template-columns:1fr 1fr;height:58rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .15rem #2a1c1480}.cx-spread:before,.cx-spread:after{content:"";pointer-events:none;z-index:2;position:absolute;top:0;bottom:0}.cx-spread:before{background:linear-gradient(270deg,#3c230c80,#0000 16%),linear-gradient(90deg,#3c230c59,#0000 6%);left:0;right:50%}.cx-spread:after{background:linear-gradient(90deg,#3c230c80,#0000 16%),linear-gradient(270deg,#3c230c59,#0000 6%);left:50%;right:0}.cx-spine{opacity:.6;background:#1d0a08;width:.4rem;position:absolute;top:1.7rem;bottom:1.7rem;left:50%;transform:translate(-50%)}.cx-page{color:var(--ink);flex-direction:column;align-items:center;padding:2.6rem 3rem 2rem;display:flex;position:relative}.cx-page:before{content:"";pointer-events:none;border:.12rem solid #2a1c1473;border-radius:.3rem;position:absolute;inset:1.4rem}.cx-page h2{font-family:var(--serif);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--ink-2);margin:0 0 1.6rem;font-size:3rem;font-weight:700}.cx-page h2:after{content:"✦";letter-spacing:0;color:var(--gold-3);margin-top:.3rem;font-size:1.2rem;display:block}.cx-medal{border:.25rem solid var(--gold);width:8.4rem;height:8.4rem;box-shadow:0 0 0 .15rem var(--ink), 0 0 1.6rem var(--c), inset 0 0 1.6rem #000000b3;background:radial-gradient(circle at 50% 40%,#232f5e,#0d1430 70%);border-radius:50%;place-items:center;margin:0 auto;display:grid}.cx-medal svg{width:74%;height:74%;overflow:visible}.cx-elements .cx-medal{width:9.4rem;height:9.4rem}.cx-elements{grid-template-columns:repeat(5,1fr);gap:.8rem;width:100%;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.cx-el{text-align:center}.cx-el h4{font-family:var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--c);filter:brightness(.62)saturate(1.4);margin:.9rem 0 .3rem;font-size:1.5rem}.cx-el p{margin:.2rem 0 0;font-size:1.15rem;line-height:1.25}.cx-el .how{color:#6b2f1f;font-weight:700}.cx-el .fx{font-family:var(--serif);font-style:italic}.cx-note{text-align:center;max-width:42rem;font-family:var(--serif);background:#fff4d68c;border:.14rem solid #2a1c1466;border-radius:.4rem;margin:auto 0 0;padding:1.6rem 2.6rem;font-size:1.7rem;font-style:italic;line-height:1.4;box-shadow:0 .3rem #2a1c1426}.cx-grid{flex-direction:column;gap:.8rem;width:100%;display:flex}.cx-row{border-bottom:.12rem solid #2a1c1447;grid-template-columns:repeat(5,1fr);gap:.6rem;margin:0;padding:0 0 .8rem;list-style:none;display:grid}.cx-row:last-child{border-bottom:0}.cx-tile{text-align:center;cursor:default;transition:transform .15s var(--ease-out), background .15s;border-radius:.8rem;padding:.3rem .1rem}.cx-tile .cx-medal{border-width:.2rem;width:7rem;height:7rem}.cx-tile b{font-family:var(--serif);letter-spacing:.04em;text-transform:uppercase;margin-top:.5rem;font-size:1.15rem;line-height:1.15;display:block}.cx-tile:hover,.cx-tile:focus-visible{background:#fff4d680;transform:translateY(-.3rem)scale(1.05)}.cx-tile.locked b{color:#2a1c148c}.cx-tile.locked .cx-medal{box-shadow:0 0 0 .15rem var(--ink), inset 0 0 1.6rem #000000b3}.cx-detail{text-align:center;width:100%;min-height:6.2rem;font-family:var(--serif);background:#fff4d68c;border:.14rem solid #2a1c1466;border-radius:.4rem;flex-direction:column;justify-content:center;margin-top:auto;padding:.9rem 1.6rem;font-size:1.4rem;font-style:italic;line-height:1.3;display:flex}.cx-detail b{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:1.7rem;font-style:normal}.cx-bar{align-items:center;gap:2.4rem;display:flex}.cx-count{font-family:var(--serif);color:var(--gold-2);text-shadow:0 .2rem .8rem #000;font-size:1.7rem;font-style:italic}@media (max-aspect-ratio:5/4){.cx-spread{grid-template-columns:1fr;height:auto}}@media (prefers-reduced-motion:reduce){.menu,.codex,.stat,.over .new{animation:none}}.hud{pointer-events:none;font-family:var(--serif);position:absolute;inset:0;overflow:hidden}.hud.shake{animation:.32s linear hud-shake}.fx-slow,.fx-lowhp,.fx-hurt{opacity:0;pointer-events:none;position:absolute;inset:0}.fx-slow{background:radial-gradient(85% 85%,#286e8c0d 30%,#0e32566b 78%,#051028c7 100%);transition:opacity .5s}.fx-slow .streaks{background:repeating-linear-gradient(100deg,#0000 0 9rem,#a0f0ff17 9rem 9.12rem,#0000 9.12rem 17rem,#a0f0ff0d 17rem 17.1rem,#0000 17.1rem 26rem);animation:2.4s linear infinite streaks;position:absolute;inset:-20% -10%;-webkit-mask-image:radial-gradient(70% 70%,#0000 45%,#000 100%);mask-image:radial-gradient(70% 70%,#0000 45%,#000 100%)}.is-slow .fx-slow{opacity:1}.fx-lowhp{background:radial-gradient(80% 80%,#0000 45%,#be14288c 100%)}.low-hp .fx-lowhp{animation:1.15s ease-in-out infinite lowhp}.fx-hurt{--h:.8;background:radial-gradient(75% 75%,#0000 35%,#e61e32e6 100%)}.fx-hurt i{mix-blend-mode:screen;position:absolute;inset:0}.fx-hurt i:first-child{background:radial-gradient(75% 75%,#0000 55%,#ff002880 100%);transform:translate(-.8rem)}.fx-hurt i:last-child{background:radial-gradient(75% 75%,#0000 55%,#00c8ff59 100%);transform:translate(.8rem)}.fx-hurt.on{animation:.6s ease-out hurt}.hud-hp{aspect-ratio:960/260;width:36rem;transition:transform .3s var(--ease-out);transform-origin:0 0;position:absolute;top:1.4rem;left:1.8rem}.hp-frame,.hp-flask{filter:drop-shadow(0 .5rem .8rem #0009);background:url(../assets/ui/hp_frame.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.hp-flask{filter:hue-rotate(140deg)saturate(1.5)brightness(1.05);clip-path:ellipse(7.2% 25% at 13.4%)}.low-hp .hp-flask{animation:.7s ease-in-out infinite flask-beat}.hp-track{border-radius:.6rem;width:63.6%;height:23.6%;position:absolute;top:38.6%;left:28.3%;overflow:hidden}.hp-fill,.hp-ghost{transition:clip-path .28s var(--ease-out);border-radius:.6rem;position:absolute;inset:0}.hp-fill{background:linear-gradient(#ff9aa3 0%,#e8434f 38%,#b01f3c 100%);overflow:hidden;box-shadow:inset 0 .2rem .3rem #ffffff59}.hp-fill:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff59 48%,#0000 62%);animation:3.2s ease-in-out infinite shine;position:absolute;inset:0}.hp-ghost{opacity:.85;background:linear-gradient(#fff2d0,#f0c36a);transition:clip-path .7s ease-out .4s}.hp-ghost.heal{transition:clip-path .2s ease-out}.hp-text{font-family:var(--display);color:#fff;text-shadow:0 .1rem .3rem #000,0 0 .4rem #000;justify-content:center;align-items:center;gap:.2rem;font-size:1.6rem;font-weight:800;display:flex;position:absolute;inset:0}.hp-text small{opacity:.85;font-size:1.15rem;font-weight:600}.low-hp .hp-fill{background:linear-gradient(#ffb27a,#ee4a2c 45%,#a31226)}.hud-wave{transition:transform .3s var(--ease-out);transform-origin:top;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;top:1.4rem;left:50%;transform:translate(-50%)}.wv-plate,.hud-score{color:var(--parch);border:.2rem solid var(--gold);clip-path:polygon(1.4rem 0,calc(100% - 1.4rem) 0,100% 50%,calc(100% - 1.4rem) 100%,1.4rem 100%,0 50%);background:linear-gradient(#142044f0,#070c1ef0);border-radius:.5rem;align-items:center;gap:1.2rem;padding:.9rem 3.2rem;display:flex;box-shadow:inset 0 0 0 .25rem #070c1ee6,inset 0 0 0 .32rem #e0b44c59,0 .6rem 1.6rem #00000080}.wv-plate b{letter-spacing:.08em;text-transform:uppercase;color:#fff4d0;text-shadow:0 0 1rem #e0b44c99;font-size:2.6rem}.wv-dash:before{content:"–";color:var(--gold);font-size:2.2rem}.wv-plate span{font-size:2rem;font-style:italic}.wv-orn{background:var(--gold);width:1.2rem;height:1.2rem;box-shadow:0 0 .8rem var(--gold);flex:none;transform:rotate(45deg)}.wv-next{font-family:var(--display);color:#c8fbff;border:.15rem solid var(--teal);background:#14465ab3;border-radius:99rem;padding:.3rem 1.4rem;font-size:1.3rem;font-weight:700}.hud-score{clip-path:none;flex-direction:column;align-items:stretch;gap:.3rem;padding:.9rem 2.6rem .9rem 2rem;transition:opacity .3s;position:absolute;top:1.6rem;right:2rem}.sc-row{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:1.5rem;display:flex}.sc-row span{flex:1}.sc-row b{font-family:var(--display);color:var(--gold-2);text-align:right;min-width:3rem;font-size:2.4rem}.sc-row+.sc-row{border-top:.1rem solid #e0b44c59;padding-top:.3rem;font-size:1.15rem}.sc-row+.sc-row b{color:var(--parch);font-size:1.8rem}.ico-skull{color:#d9d2c0;width:2.2rem;height:2.2rem}.combo{text-align:right;--k:0;transform-origin:100%;position:absolute;top:12.6rem;right:2.6rem}.cb-label{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);text-shadow:0 .2rem .6rem #000;font-size:1.3rem;font-weight:800;display:block}.cb-num{font-family:var(--display);font-style:italic;font-weight:800;line-height:1;font-size:calc(4rem + var(--k) * 3.4rem);color:#fff3c4;background:linear-gradient(#fffbe6,#ffd35c 55%,#e08a1f);-webkit-text-fill-color:transparent;filter:drop-shadow(0 .25rem 0 #2a1408) drop-shadow(0 0 calc(.6rem + var(--k) * 2rem) #ffaa3ce6);-webkit-background-clip:text;background-clip:text;display:block}.cb-line{background:linear-gradient(90deg, transparent, var(--gold));border-radius:1rem;height:.25rem;margin-top:.4rem;display:block}.combo.bump{animation:combo-bump .4s var(--ease-pop)}.combo.break{animation:.45s ease-in forwards combo-break}.time-chip{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:#d5f6ff;opacity:0;transition:opacity .3s, transform .3s var(--ease-out);background:linear-gradient(#18346ee6,#08102aeb);border:.2rem solid #7b6ff0;border-radius:99rem;align-items:center;gap:.9rem;padding:.7rem 2rem;font-size:1.4rem;font-weight:700;display:flex;position:absolute;top:9.6rem;right:2rem;transform:translateY(-.8rem);box-shadow:0 0 1.6rem #6fe9ff59,inset 0 0 0 .2rem #070c1ee6}.time-chip.on{opacity:1;transform:none}.ico-glass{color:#9fe8ff;width:1.8rem;height:2.1rem;animation:3s ease-in-out infinite glass-flip}.banner{text-align:center;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;top:20%;left:0;right:0}.banner h2{font-family:var(--serif);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:#fff4d0;text-shadow:0 .4rem #1b1530,0 0 4rem #e0b44cd9,0 0 10rem #ff8c2880;margin:0;font-size:8.4rem;font-weight:700}.banner p{font-family:var(--serif);color:var(--parch);text-shadow:0 .2rem 1rem #000;margin:0;font-size:2.6rem;font-style:italic}.bn-rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:46rem;height:.2rem;box-shadow:0 0 1rem var(--gold);display:block}.banner.show{animation:banner 2.8s var(--ease-out) forwards}.banner.clear h2{color:#eaffd8;text-shadow:0 .4rem #10261a,0 0 4rem #78f096cc;font-size:6.2rem}.banner.clear p{color:#b8ffc4;font-family:var(--display);letter-spacing:.1em;font-style:normal;font-weight:800}.is-quire .banner{opacity:0!important}.toasts{flex-direction:column;align-items:center;gap:.8rem;display:flex;position:absolute;top:9.6rem;left:50%;transform:translate(-50%)}.is-quire .toasts{top:13.4rem}.toast{font-family:var(--display);color:var(--parch);white-space:nowrap;--c:var(--gold);border:.2rem solid var(--c);box-shadow:0 0 1.6rem color-mix(in srgb, var(--c) 45%, transparent), 0 .6rem 1.6rem #00000080;animation:toast 2.2s var(--ease-out) both;background:linear-gradient(#142044f2,#070c1ef2);border-radius:99rem;align-items:center;gap:1rem;padding:.7rem 2.2rem;font-size:1.5rem;font-weight:700;display:flex;position:relative}.toast .t-diag{border:.15rem solid var(--gold);background:radial-gradient(circle,#232f5e,#0d1430 75%);border-radius:50%;width:3.4rem;height:3.4rem;margin:-.6rem 0 -.6rem -1.2rem;padding:.3rem;display:block}.toast .t-diag svg{width:100%;height:100%;overflow:visible}.toast.fizzle{--c:#9a94b8;color:#dcd7ee;background:linear-gradient(#262038f2,#0e0a1af2)}.toast .smudge{filter:invert(.85)hue-rotate(200deg);opacity:.9;background:url(../assets/vfx/ink_splat.webp) 50%/contain no-repeat;width:3rem;height:3rem;margin:-.6rem .2rem -.6rem -1rem;display:block}.toast.quiet,.toast.hint{--c:var(--parch);font-size:1.3rem}.toast.unlock{--c:var(--gold);font-family:var(--serif);animation:unlock 3.8s var(--ease-pop) both;background:linear-gradient(#30220cf5,#0e0a08f5);border-width:.3rem;border-radius:1.6rem;flex-direction:row;gap:1.6rem;padding:1.2rem 3.6rem 1.2rem 2rem;box-shadow:0 0 4rem #ffcd6099,0 1rem 2.4rem #0009,inset 0 0 0 .2rem #ffe29640}.toast.unlock .t-diag{width:6.4rem;height:6.4rem;box-shadow:0 0 2rem var(--c);border-width:.25rem;margin:-1.4rem 0;padding:.6rem}.un-txt{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.un-txt small{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);font-size:1.2rem;font-weight:800}.un-txt b{letter-spacing:.04em;color:#fff4d0;text-shadow:0 0 1.2rem var(--c);font-size:3rem}.un-txt em{opacity:.8;font-size:1.4rem}.un-rays{z-index:-1;background:radial-gradient(closest-side,#ffe29659,#0000);animation:1.2s ease-in-out infinite glow-pulse;position:absolute;inset:-2rem -3rem}.spark{background:var(--sc,#ffd35c);width:.7rem;height:.7rem;box-shadow:0 0 .8rem .1rem var(--sc,#ffd35c);pointer-events:none;z-index:3;border-radius:50%;margin:-.35rem 0 0 -.35rem;animation:.7s ease-out forwards spark;position:absolute}.spark.gold{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:.9rem;height:.9rem;box-shadow:none;border-radius:0}.reticle{opacity:0;width:9.6rem;height:9.6rem;transition:opacity .16s, transform .22s var(--ease-out);--rc:#f3e6c3;--rg:#ffd35c;margin:-4.8rem 0 0 -4.8rem;position:absolute;top:50%;left:50%;transform:scale(1.5)}.is-aiming .reticle{opacity:1;transform:none}.is-hip:not(.is-aiming) .reticle{opacity:.9;transform:scale(.55)}.is-hip:not(.is-aiming) .rt-img{filter:drop-shadow(0 0 .35rem var(--rg)) drop-shadow(0 0 .15rem #000);animation-duration:60s}.is-hip:not(.is-aiming) .reticle:after{content:"";background:var(--rc);width:.7rem;height:.7rem;box-shadow:0 0 .5rem var(--rg), 0 0 0 .1rem #0000008c;border-radius:50%;margin:-.35rem 0 0 -.35rem;position:absolute;top:50%;left:50%}.rt-img{background:var(--rc);filter:drop-shadow(0 0 .5rem var(--rg));animation:24s linear infinite reticle-spin;position:absolute;inset:0;-webkit-mask:url(../assets/ui/reticle.webp) 50%/contain no-repeat;mask:url(../assets/ui/reticle.webp) 50%/contain no-repeat}.on-foe .reticle{transform:scale(.72)}.on-foe .rt-img{filter:drop-shadow(0 0 .8rem #ff3b2a);background:#ff6b5a;animation-duration:6s}.reticle.kick{animation:.3s ease-out kick}.rt-cd{opacity:0;width:calc(100% + 1.2rem);height:calc(100% + 1.2rem);transition:opacity .15s;position:absolute;inset:-.6rem;transform:rotate(-90deg)}.rt-cd circle{fill:none;stroke:var(--rg);stroke-width:3px;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:calc((1 - var(--cd,0)) * 100);filter:drop-shadow(0 0 .4rem var(--rg))}.reticle.cooling .rt-cd{opacity:1}.is-quire .reticle{opacity:0!important}.popups{position:absolute;inset:0}.popup{white-space:nowrap;font-family:var(--serif);color:#ffe9a8;text-shadow:0 .2rem #1b1530,0 0 .8rem #000000d9;--dx:0px;--rot:0deg;font-size:2.8rem;font-style:italic;font-weight:800;animation:1s ease-out forwards floatup;position:absolute;transform:translate(-50%,-50%)}.popup.damage{background:linear-gradient(#fff,#ffe29a 60%,#f0b640);-webkit-text-fill-color:transparent;filter:drop-shadow(0 .2rem #1b1530)drop-shadow(0 0 .5rem #000000b3);-webkit-background-clip:text;background-clip:text}.popup.crit{color:#fff;text-shadow:0 .25rem #6b2a08,0 0 1.6rem #ffb43c,0 0 3rem #ff8c1ecc;font-size:4.6rem;animation:1.15s ease-out forwards floatcrit}.popup.heal{color:#a8ffb4;text-shadow:0 .2rem #0e2a16,0 0 1.2rem #50ff82b3;font-size:3rem}.popup.hurt{color:#ff8a8f;text-shadow:0 .2rem #300810,0 0 1.2rem #ff1e3cb3;font-size:3.2rem}.popup.status{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:#d8f4ff;font-size:1.5rem;font-style:normal;animation-duration:1.2s}.popup.reaction{isolation:isolate;font-family:var(--display);text-transform:uppercase;color:var(--p1,#fff1b8);text-shadow:0 0 1rem var(--p2,#e0b44c), 0 .2rem 0 #1b1530;filter:drop-shadow(0 0 .8rem var(--p2,#e0b44c));animation:floatreact 1.5s var(--ease-pop) forwards;padding:0 1.6rem;font-size:3.6rem;font-weight:800}.popup.reaction:before{content:"";z-index:-1;border:.18rem solid var(--p2,#e0b44c);background:#0f0c1edb;position:absolute;inset:-.4rem 0;transform:skew(-12deg)}.keys{flex-direction:column;align-items:flex-end;gap:.6rem;margin:0;padding:0;list-style:none;transition:opacity .8s;display:flex;position:absolute;bottom:2.4rem;right:2.2rem}.keys.off{opacity:0}.keys li{font-family:var(--body);color:#f3e6c3bf;text-shadow:0 .2rem .5rem #000;flex-direction:row-reverse;align-items:center;gap:.9rem;font-size:1.35rem;font-weight:600;display:flex}.keys kbd{opacity:.85;min-width:4.8rem;margin:0}.keys li.on{color:var(--gold-2)}.keys li.on kbd{animation:1.4s ease-in-out infinite key-pulse}.is-quire .keys{opacity:0}.tray{--s:6.2rem;--gap:.9rem;transition:bottom .3s var(--ease-out);flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.tray-plate{letter-spacing:.24em;text-transform:uppercase;color:var(--gold-2);background:#070c1ed9;border:.14rem solid #e0b44cb3;border-radius:.4rem;padding:.15rem 2.4rem;font-size:1.15rem;font-weight:700}.qs-list{align-items:flex-end;gap:var(--gap);background:linear-gradient(#28201400,#070c1e8c);border-radius:1.4rem;margin:0;padding:.6rem 1.4rem 2rem;list-style:none;display:flex}.qs{width:var(--s);height:var(--s);transition:transform .25s var(--ease-out);flex:none;position:relative}.qs.is-head{width:calc(var(--s) * 1.34);height:calc(var(--s) * 1.34)}.qs-frame{opacity:.8;filter:drop-shadow(0 .3rem .4rem #0009);background:url(../assets/ui/queue_slot.webp) 50%/100% 100% no-repeat;transition:filter .3s,opacity .3s;position:absolute;inset:0}.qs.filled .qs-frame{opacity:1;filter:drop-shadow(0 0 .9rem var(--c)) drop-shadow(0 .3rem .4rem #0009)}.qs.is-head.filled .qs-frame{filter:drop-shadow(0 0 1.6rem var(--c)) drop-shadow(0 0 .5rem var(--a)) drop-shadow(0 .3rem .4rem #0009);animation:1.6s ease-in-out infinite head-glow}.qs-body{position:absolute;inset:19%}.si{width:100%;height:100%;position:relative}.si-glow{background:var(--glow);filter:blur(.9rem);opacity:.6;border-radius:50%;animation:2s ease-in-out infinite glow-pulse;position:absolute;inset:-18%}.si-main{object-fit:contain;filter:drop-shadow(0 .2rem .3rem #000000b3);width:100%;height:100%;position:absolute;inset:0}.si-pl{width:42%;height:42%;box-shadow:0 0 .9rem var(--pc), 0 .2rem .4rem #000000b3;background:#060a1a80;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.si-pl-img{width:100%;height:100%;display:block}.si-tier{gap:.25rem;display:flex;position:absolute;top:-.9rem;left:50%;transform:translate(-50%)}.si-tier i{background:var(--a);width:.7rem;height:.7rem;box-shadow:0 0 .6rem var(--c);transform:rotate(45deg)}.qs-num{font-family:var(--display);color:#f3e6c399;text-shadow:0 .1rem .3rem #000;font-size:1.15rem;font-style:normal;font-weight:800;position:absolute;bottom:-1.7rem;left:50%;transform:translate(-50%)}.qs.filled .qs-num{color:var(--gold-2)}.qs.is-head.filled .qs-num{display:none}.qs-ring{border:.3rem solid var(--rc,#fff);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:14%}.qs-ring.go{animation:.65s ease-out shock}.qs-body.stamp{animation:.62s cubic-bezier(.3,.9,.3,1.2) both stamp}.qs-body.slide{animation:qslide .42s var(--ease-out) both}.qs:first-child .qs-body{--dx:calc(var(--s) * 1.2 + var(--gap))}.qs:not(:first-child) .qs-body{--dx:calc(var(--s) + var(--gap))}.qs-head-name{left:calc(var(--s) * .67 + 1.4rem);white-space:nowrap;letter-spacing:.06em;color:var(--a,#fff);text-shadow:0 0 .8rem var(--c), 0 .2rem .4rem #000;font-size:1.5rem;font-weight:700;position:absolute;bottom:-.2rem;transform:translate(-50%)}.qs-cast{left:calc(var(--s) * .67 + 1.4rem);color:var(--gold-2);opacity:0;text-shadow:0 .2rem .4rem #000;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;top:-.2rem;transform:translate(-50%,-100%)}.qs-cast kbd{min-width:0;margin:0;font-size:1rem}.has-spells .qs-cast{opacity:.6}.is-aiming .has-spells .qs-cast,.is-aiming .qs-cast{opacity:1}.is-aiming .has-spells .qs-cast kbd{animation:1s ease-in-out infinite key-pulse}.tray.fired{animation:.35s ease-out fired}.tray.deny{animation:.35s linear deny}.qs-fly{z-index:5;pointer-events:none;animation:.7s cubic-bezier(.3,0,.2,1) forwards fly;position:fixed}.qs-fly .si{width:100%;height:100%}.is-quire .tray{--s:4.2rem;--gap:.7rem;bottom:3.4rem}.is-quire .qs.is-head{width:calc(var(--s) * 1.2);height:calc(var(--s) * 1.2)}.is-quire .tray-plate,.is-quire .qs-cast{display:none}.is-quire .qs-list{padding:.4rem 1.2rem .8rem}.is-quire .qs-num{display:none}.is-quire .qs-head-name{font-size:1.4rem;top:-2.4rem;bottom:auto}.is-quire .hud-wave{transform:translate(-50%)scale(.82)}.is-quire .hud-score,.is-quire .combo{opacity:0}.is-quire .time-chip{top:1.8rem}@keyframes hud-shake{0%,to{transform:none}20%{transform:translate(-.6rem,.3rem)}40%{transform:translate(.5rem,-.4rem)}60%{transform:translate(-.3rem,-.2rem)}80%{transform:translate(.2rem,.3rem)}}@keyframes streaks{to{transform:translate(-26rem)}}@keyframes lowhp{0%,to{opacity:.25}45%{opacity:1}}@keyframes hurt{0%{opacity:var(--h)}to{opacity:0}}@keyframes flask-beat{0%,to{filter:hue-rotate(140deg)saturate(1.5)brightness()}50%{filter:hue-rotate(140deg)saturate(2)brightness(1.5)}}@keyframes shine{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes combo-bump{0%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes combo-break{0%{opacity:1}30%{filter:grayscale();transform:translate(-.6rem)scale(1.08)}to{opacity:0;filter:grayscale();transform:translateY(1.6rem)scale(.7)}}@keyframes glass-flip{0%,40%{transform:rotate(0)}60%,to{transform:rotate(180deg)}}@keyframes banner{0%{opacity:0;letter-spacing:.5em;transform:scale(.8)}14%{opacity:1;transform:scale(1)}76%{opacity:1}to{opacity:0;transform:translateY(-1.4rem)scale(1.04)}}@keyframes toast{0%{opacity:0;transform:translateY(-1rem)scale(.9)}7%{opacity:1;transform:none}88%{opacity:1}to{opacity:0;transform:translateY(-.6rem)}}@keyframes unlock{0%{opacity:0;transform:scale(.5)}6%{opacity:1;transform:scale(1.12)}10%{transform:scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-1rem)}}@keyframes spark{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}@keyframes glow-pulse{50%{opacity:.95;transform:scale(1.08)}}@keyframes head-glow{50%{opacity:.85}}@keyframes reticle-spin{to{transform:rotate(360deg)}}@keyframes kick{0%{transform:scale(.8)}to{transform:none}}@keyframes floatup{0%{opacity:0;transform:translate(-50%, -30%) scale(.6) rotate(var(--rot))}14%{opacity:1;transform:translate(-50%, -60%) scale(1.2) rotate(var(--rot))}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -230%) scale(1) rotate(var(--rot))}}@keyframes floatcrit{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}10%{opacity:1;transform:translate(-46%,-60%)scale(1.5)}18%{transform:translate(-54%,-58%)scale(1.3)}26%{transform:translate(-48%,-62%)scale(1.4)}34%{transform:translate(-50%,-60%)scale(1.3)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -250%) scale(1)}}@keyframes floatreact{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)rotate(-10deg)}14%{opacity:1;transform:translate(-50%,-70%)scale(1.25)rotate(-6deg)}24%{transform:translate(-50%,-70%)scale(1)rotate(-6deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(1)rotate(-6deg)}}@keyframes key-pulse{50%{box-shadow:0 .25rem 0 var(--ink), 0 0 1.2rem var(--gold)}}@keyframes fired{0%{filter:brightness(1.8)}to{filter:none}}@keyframes deny{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% - .6rem))}75%{transform:translate(calc(.6rem - 50%))}}@keyframes shock{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}@keyframes stamp{0%{opacity:0;transform:translateY(-4.4rem)scale(2.2)rotate(-14deg)}42%{opacity:1;transform:none}56%{transform:scale(1.22,.74)}76%{transform:scale(.94,1.08)}to{transform:none}}@keyframes qslide{0%{transform:translateX(var(--dx)) scale(.75)}to{transform:none}}@media (prefers-reduced-motion:reduce){.hud.shake,.fx-slow .streaks,.rt-img,.si-glow,.ico-glass,.hp-fill:after,.low-hp .fx-lowhp,.qs-frame,.popup.crit{animation:none!important}}body.reduce-motion .hud.shake,body.reduce-motion .fx-slow .streaks,body.reduce-motion .rt-img,body.reduce-motion .popup.crit{animation:none!important}.lev-badge{color:#dff8ff;opacity:0;transition:opacity .25s, transform .35s var(--ease-out);pointer-events:none;background:linear-gradient(#163e60eb,#08142cf0);border:.18rem solid #8fe3ff;border-radius:99rem;align-items:center;gap:.9rem;padding:.5rem 1.6rem .5rem .5rem;display:flex;position:absolute;top:11.4rem;left:2.4rem;transform:translateY(.8rem)scale(.9);box-shadow:0 0 1.6rem #8fe3ff73,inset 0 0 0 .2rem #070c1ee6}.lev-badge.on{opacity:1;animation:2.2s ease-in-out infinite lev-bob;transform:none}.lv-ring{background:conic-gradient(#bff4ff calc(var(--k,1) * 360deg), #8fe3ff26 0);border-radius:50%;flex:none;width:3.4rem;height:3.4rem;position:relative;box-shadow:0 0 1rem #8fe3ff99}.lv-ring:after{content:"";background:#0b1c36;border-radius:50%;position:absolute;inset:.35rem}.lv-ico{color:#c9f5ff;filter:drop-shadow(0 0 .4rem #8fe3ff);width:2.2rem;height:2.2rem;animation:1.4s ease-in-out infinite lev-gust;position:absolute;left:1.1rem}.lv-txt{flex-direction:column;line-height:1.05;display:flex}.lv-txt small{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:#9fe2ff;font-size:1.05rem;font-weight:700}.lv-txt b{font-family:var(--display);font-variant-numeric:tabular-nums;text-shadow:0 0 .8rem #8fe3ffcc;font-size:1.7rem}.lv-motes{pointer-events:none;position:absolute;inset:0}.lv-motes i{opacity:0;background:#e6fbff;border-radius:50%;width:.4rem;height:.4rem;animation:1.6s ease-out infinite lev-mote;position:absolute;bottom:.2rem;box-shadow:0 0 .6rem #8fe3ff}.lv-motes i:first-child{left:18%}.lv-motes i:nth-child(2){animation-delay:.4s;left:42%}.lv-motes i:nth-child(3){animation-delay:.8s;left:66%}.lv-motes i:nth-child(4){animation-delay:1.2s;left:86%}.lev-badge.ending{border-color:#ffd27a;animation:.45s steps(2,jump-none) infinite lev-blink;box-shadow:0 0 1.6rem #ffd27a8c,inset 0 0 0 .2rem #070c1ee6}.lev-badge.ending .lv-ring{background:conic-gradient(#ffd27a calc(var(--k,1) * 360deg), #ffd27a26 0)}.lev-badge.ending .lv-txt small{color:#ffd27a}@keyframes lev-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.4rem)}}@keyframes lev-gust{0%,to{transform:translate(0)}50%{transform:translate(.25rem)}}@keyframes lev-mote{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(-2.6rem)}}@keyframes lev-blink{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){.lev-badge.on,.lv-ico,.lv-motes i,.lev-badge.ending{animation:none}}.uib-layer{pointer-events:none;z-index:60;contain:strict;position:fixed;inset:0;overflow:hidden}.uib{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--c);box-shadow:0 0 calc(var(--s) * 1.4) var(--c);mix-blend-mode:screen;will-change:transform, opacity;border-radius:50%;animation:.6s cubic-bezier(.15,.7,.3,1) forwards uib-fly;position:absolute}.uib.chip{clip-path:polygon(50% 0,100% 40%,70% 100%,0 70%);mix-blend-mode:normal;box-shadow:none;border-radius:1px;animation-name:uib-fall;animation-timing-function:cubic-bezier(.3,.1,.7,1)}.uib.mote{animation-name:uib-rise}.uib.star{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:calc(var(--s) * 1.8);height:calc(var(--s) * 1.8);border-radius:0}@keyframes uib-fly{0%{opacity:1;transform:translate(0)scale(1.2)rotate(0)}70%{opacity:.9}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2) rotate(var(--r))}}@keyframes uib-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 40px)) rotate(var(--r))}}@keyframes uib-rise{0%{opacity:0;transform:translate(0)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * .5), calc(var(--dy) - 20px)) scale(1)}}.reticle.hitmark,.reticle.hitcrit{animation:.22s ease-out hitmark}.reticle.hitcrit{animation-name:hitcrit;animation-duration:.32s}.reticle.hitmark:before,.reticle.hitcrit:before{content:"";background:linear-gradient(45deg, transparent 44%, var(--hm,#fff3d6) 44% 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, var(--hm,#fff3d6) 44% 56%, transparent 56%);width:2.6rem;height:2.6rem;filter:drop-shadow(0 0 .3rem var(--hm,#fff3d6));margin:-1.3rem 0 0 -1.3rem;animation:.22s ease-out forwards hitx;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 .45rem,#000 .5rem);mask:radial-gradient(circle,#0000 .45rem,#000 .5rem)}.reticle.hitcrit:before{--hm:#ffd35c;width:3.4rem;height:3.4rem;margin:-1.7rem 0 0 -1.7rem;animation-duration:.32s}@keyframes hitmark{0%{filter:brightness(2);scale:1.08}to{filter:none;scale:1}}@keyframes hitcrit{0%{filter:brightness(2.6)saturate(1.4);scale:1.16}to{filter:none;scale:1}}@keyframes hitx{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.uib{animation-duration:.3s!important}}.banner.fusion h2{color:#ffd9c2;text-shadow:0 0 18px #ff2a3a,0 0 42px #ff2a3acc,0 2px #3a0008;letter-spacing:.08em}.banner.fusion p{color:#ff9a8a;letter-spacing:.3em}.banner.fusion .bn-rule{background:linear-gradient(90deg,#0000,#ff2a3a,#0000)}body.fusion-flash:after{content:"";pointer-events:none;z-index:40;background:radial-gradient(#0000 45%,#ff1e3252 100%);animation:2s ease-out forwards fusionPulse;position:fixed;inset:0}@keyframes fusionPulse{0%{opacity:0}12%{opacity:1}70%{opacity:.8}to{opacity:0}}.boss-bar{opacity:0;pointer-events:none;justify-items:center;gap:.35rem;width:min(46rem,62vw);transition:opacity .4s,transform .4s;display:grid;position:absolute;top:8.4rem;left:50%;transform:translate(-50%,-.6rem)}.boss-bar.on{opacity:1;transform:translate(-50%)}.is-quire .boss-bar{opacity:0}.bb-name{font-family:var(--font-display,serif);letter-spacing:.18em;text-transform:uppercase;color:#efe2ff;text-shadow:0 0 .8rem #8a5cffcc,0 2px #05070f;align-items:center;gap:.8rem;font-size:1.05rem;display:flex}.bb-orn{background:linear-gradient(90deg,#0000,#b59bff);width:4.5rem;height:2px}.bb-orn.r{transform:scaleX(-1)}.bb-track{background:#070916d9;border-radius:.5rem;width:100%;height:.95rem;position:relative;overflow:hidden;box-shadow:0 0 0 2px #2a2050,0 0 0 3px #b59bff73,0 .4rem 1.2rem #00000080}.bb-fill,.bb-ghost,.bb-expose{position:absolute;inset:0}.bb-ghost{opacity:.55;background:#f3e6c3;transition:clip-path .5s .35s}.bb-fill{background:linear-gradient(#a77bff 0%,#5a2cff 55%,#2a1680 100%);box-shadow:inset 0 1px #ffffff59}.bb-expose{transform-origin:0;mix-blend-mode:screen;background:linear-gradient(90deg,#ffd35c00,#ffd35ca6);transform:scaleX(0)}.bb-ward{align-items:center;gap:.35rem;min-height:2.6rem;display:flex}.bw{--c:#fff;opacity:.55;filter:saturate(.6);border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;transition:opacity .2s,transform .2s,filter .2s;display:grid;position:relative}.bw img{object-fit:contain;width:100%;height:100%}.bw.next{opacity:1;filter:none;box-shadow:0 0 1.1rem var(--c), 0 0 0 2px var(--c);animation:.9s ease-in-out infinite bw-pulse;transform:scale(1.25)}.bw.broken{opacity:.25;filter:grayscale()brightness(.6);transform:scale(.85)rotate(-12deg)}.bw.broken:after{content:"";background:linear-gradient(45deg,#0000 46%,#ffe7a8 48%,#0000 52%),linear-gradient(-30deg,#0000 46%,#ffe7a8 48%,#0000 52%);position:absolute;inset:15%}.bw-arrow{color:#efe2ff8c;font-size:1.2rem}.bb-hint{letter-spacing:.06em;color:#d8ccff;text-shadow:0 1px #05070f;font-size:.82rem}.boss-bar.exposed .bb-name,.boss-bar.exposed .bb-hint{color:#ffe7a8;text-shadow:0 0 .9rem #ffd35ce6,0 2px #05070f}.boss-bar.exposed .bb-track{box-shadow:0 0 0 2px #5a4010,0 0 0 3px #ffd35ccc,0 0 1.6rem #ffd35c99}.boss-bar.hit .bb-ward{animation:.35s bw-shake}@keyframes bw-pulse{50%{box-shadow:0 0 1.8rem var(--c), 0 0 0 3px var(--c)}}@keyframes bw-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.banner.boss h2{color:#efe2ff;text-shadow:0 0 1.4rem #8a5cffe6,0 3px #05070f}.banner.boss.exposed h2{color:#ffe7a8;text-shadow:0 0 1.6rem #ffd35cf2,0 3px #05070f}.glyph,.rdiag{width:100%;height:100%;display:block;overflow:visible}.glyph path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.2px}.g-ghost{stroke:var(--c);opacity:.22}.g-draw{stroke:var(--c);stroke-dasharray:100 100;stroke-dashoffset:100px;animation:3.4s ease-in-out infinite gdraw;animation-delay:var(--d,0s);filter:drop-shadow(0 0 .35rem var(--c))}.rdiag{filter:drop-shadow(0 0 .3rem var(--c))}.rdiag.locked{filter:none;opacity:.6}.rdiag.locked path{stroke:#7f89b4!important}@keyframes gdraw{0%{stroke-dashoffset:100px}50%,72%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.quire-ui{opacity:0;visibility:hidden;--col:min(31rem, calc((100vw - 78vmin) / 2 - 2.4rem));transition:opacity .3s,visibility 0s linear .3s;position:absolute;inset:0}.is-quire .quire-ui{opacity:1;visibility:visible;transition:opacity .35s .2s}.q-panel{width:var(--col);opacity:0;min-width:21rem;transition:transform .5s var(--ease-out) .25s, opacity .4s .25s;flex-direction:column;padding:0 .2rem;display:flex;position:absolute;transform:translate(-3rem)}.q-right{transform:translate(3rem)}.quire-ready .q-panel{opacity:1;transform:none}.q-left{top:11.4rem;bottom:3.4rem;left:1.2rem}.q-right{top:7.4rem;bottom:3.4rem;right:1.2rem}.q-panel header{text-align:center;margin:0 0 .8rem}.q-panel h3{font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:2rem;font-weight:700}.q-panel header p,.q-found{font-family:var(--serif);color:#5a3a12;margin:.2rem 0 0;font-size:1.15rem;font-style:italic;display:block}.q-panel header:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-3), transparent);height:.15rem;margin:.6rem 10% 0;display:block}.elist{flex-direction:column;flex:1;gap:.6rem;min-height:0;margin:0;padding:0;list-style:none;display:flex}.ecard{border-bottom:.12rem solid #2a1c1438;flex:1 1 0;grid-template-columns:5rem 1fr 4.6rem;align-items:center;gap:.7rem;min-height:0;padding:0 .3rem .4rem;display:grid}.ecard:last-child{border-bottom:0}.ecard-seal img{width:5rem;height:5rem;filter:drop-shadow(0 .2rem .3rem #00000073) drop-shadow(0 0 .7rem var(--c));display:block}.ecard-txt h4{font-family:var(--serif);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:1.55rem}.ecard-txt p{margin:.1rem 0 0;font-size:1.1rem;line-height:1.2}.ecard-txt .how{color:#6b2f1f;font-weight:700}.ecard-txt .fx{font-family:var(--serif);color:#4a3424;font-style:italic}.ecard-glyph{border:.2rem solid var(--gold);width:4.6rem;height:4.6rem;box-shadow:0 0 0 .12rem var(--ink), 0 0 .9rem var(--c);background:radial-gradient(circle at 50% 40%,#232f5e,#0d1430 72%);border-radius:50%;padding:.7rem;display:block}.q-scroll{scrollbar-width:thin;scrollbar-color:var(--gold-3) transparent;flex:1;min-height:0;padding-bottom:2rem;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 88%,#0000);mask-image:linear-gradient(#000 88%,#0000)}.rlist{margin:0;padding:0;list-style:none;position:relative}.rrow{border-bottom:.12rem dashed #2a1c1440;grid-template-columns:5rem 1fr;align-items:center;gap:1rem;padding:.5rem .4rem;display:grid}.rrow-diag{border:.2rem solid var(--gold);width:5rem;height:5rem;box-shadow:0 0 0 .12rem var(--ink), 0 0 1rem var(--c);background:radial-gradient(circle at 50% 40%,#232f5e,#0d1430 72%);border-radius:50%;padding:.7rem;display:block}.rrow.locked .rrow-diag{box-shadow:0 0 0 .12rem var(--ink)}.rrow-txt h4{font-family:var(--serif);letter-spacing:.05em;color:var(--ink-2);font-size:1.5rem}.rrow-txt p{color:#4a3424;margin:.15rem 0 0;font-size:1.1rem;line-height:1.2}.rrow.locked .rrow-txt h4{letter-spacing:.3em;color:#2a1c148c}.rrow.locked .rrow-txt p{opacity:.7;font-style:italic}.rrow.flash{animation:1.6s ease-out row-flash}@keyframes row-flash{0%{background:#ffd25ae6}to{background:0 0}}.q-more{text-align:center;font-family:var(--serif);color:#7a5a30;margin:0;font-size:1rem;font-style:italic}.q-more i{border-bottom:.15rem solid;border-right:.15rem solid;width:.6rem;height:.6rem;margin-right:.6rem;animation:1.4s ease-in-out infinite bob;display:inline-block;transform:rotate(45deg)translateY(-.2rem)}@keyframes bob{50%{transform:rotate(45deg)translate(.3rem,.1rem)}}.q-panel footer{text-align:center;font-family:var(--serif);color:var(--ink-2);border-top:.12rem solid #2a1c144d;margin-top:.5rem;padding-top:.6rem;font-size:1.2rem;font-style:italic;line-height:1.3}.reading{white-space:nowrap;border:.2rem solid var(--gold);background:linear-gradient(#142044f0,#070c1ef0);border-radius:99rem;align-items:center;gap:.6rem;min-height:4.4rem;padding:.4rem 2.2rem;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;top:6.6rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .2rem #070c1ee6,0 .6rem 1.6rem #0000008c}.reading.idle{border-color:#e0b44c73}.reading.idle .rd-name{color:#f3e6c3b3;font-size:1.4rem;font-style:italic}.rd-seals{align-items:center;gap:.5rem;display:flex}.rd-seal img{width:3.2rem;height:3.2rem;filter:drop-shadow(0 0 .6rem var(--c));display:block}.rd-sub{color:var(--gold-2);font-size:1.6rem;font-style:normal}.rd-name{font-family:var(--serif);letter-spacing:.06em;color:var(--parch);align-items:center;gap:.8rem;font-size:2.2rem;font-weight:700;display:flex}.rd-arrow{color:var(--gold-2);font-style:normal}.reading.has-spell .rd-name span{background:var(--g);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 .7rem var(--c));-webkit-background-clip:text;background-clip:text}.reading.has-spell{border-color:var(--c,var(--gold));box-shadow:inset 0 0 0 .2rem #070c1ee6,0 0 2.2rem #ffcd6059,0 .6rem 1.6rem #0000008c}.reading.pulse{animation:chip-pulse .5s var(--ease-pop)}@keyframes chip-pulse{0%{transform:translate(-50%)scale(.9)}to{transform:translate(-50%)}}.qkeys{white-space:nowrap;color:var(--parch);background:#070c1ec7;border:.14rem solid #e0b44c8c;border-radius:99rem;align-items:center;gap:2.4rem;padding:.4rem 2.4rem .2rem;font-size:1.3rem;font-weight:600;display:flex;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.qkeys kbd{margin-right:.7rem}.q-hover{font-family:var(--serif);color:#f3e6c3cc;text-shadow:0 .2rem .5rem #000;opacity:0;margin:0;font-size:1.3rem;font-style:italic;transition:opacity .2s;position:absolute;bottom:1.2rem;right:3rem}.pressing .q-hover{opacity:1}.pen-cursor{pointer-events:none;opacity:0;will-change:transform;--c:#f6c453;z-index:40;transition:opacity .15s;position:fixed;top:0;left:0}.pen-cursor.show{opacity:1}.pen-cursor .ring{border:.2rem solid var(--c);width:3.2rem;height:3.2rem;box-shadow:0 0 1.2rem var(--c), inset 0 0 .9rem color-mix(in srgb, var(--c) 45%, transparent);transition:transform .12s var(--ease-out), border-color .15s, box-shadow .15s;border-radius:50%;position:absolute;top:-1.6rem;left:-1.6rem}.pen-cursor .dot{width:.6rem;height:.6rem;box-shadow:0 0 .9rem .1rem var(--c);background:#fff;border-radius:50%;position:absolute;top:-.3rem;left:-.3rem}.pen-cursor.has-reading .ring{animation:1.1s ease-in-out infinite ring-breathe}.pressing .pen-cursor .ring{animation:none;transform:scale(.5)}@keyframes ring-breathe{50%{box-shadow:0 0 2rem .3rem var(--c), inset 0 0 1rem color-mix(in srgb, var(--c) 60%, transparent)}}@media (max-height:640px),(max-aspect-ratio:3/2){.ecard-txt .fx,.rrow-txt p{display:none}}@media (prefers-reduced-motion:reduce){.g-draw{stroke-dashoffset:0;animation:none}.q-panel{transition:opacity .2s;transform:none}.reading.pulse,.rrow.flash,.pen-cursor .ring,.q-more i{animation:none!important}}body.reduce-motion .reading.pulse{animation:none}@font-face{font-family:Sora;src:url(../fonts/Sora-VF.subset.woff2)format("woff2");font-weight:100 800;font-display:swap}@font-face{font-family:Figtree;src:url(../fonts/Figtree-VF.subset.woff2)format("woff2");font-weight:300 900;font-display:swap}html{font-size:max(7.2px,min(.78125vw,1.38889vh))}:root{--parch:#f3e6c3;--parch-2:#e3cf9f;--ink:#2a1c14;--ink-2:#1b1530;--navy:#0b1226;--navy-2:#142449;--navy-3:#0a1024;--gold:#e0b44c;--gold-2:#f6d98a;--gold-3:#a5761f;--teal:#3fd0d8;--hp:#ef5f6b;--display:"Sora", "Trebuchet MS", system-ui, sans-serif;--body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--plate:url(../assets/ui/parchment_plate.webp);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-pop:cubic-bezier(.2, 1.5, .4, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--navy);height:100%;color:var(--parch);font-family:var(--body);font-size-adjust:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}body{font-size:1.4rem}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}button,input,select,.screen{pointer-events:auto}button{font:inherit;color:inherit}body.hide-cursor,body.hide-cursor #game{cursor:none}img{-webkit-user-drag:none}:focus-visible{outline:.3rem solid var(--teal);outline-offset:.3rem;border-radius:.6rem}.plate{color:var(--ink);border:2.2rem solid #0000;border-image:var(--plate) 56 fill / 2.2rem / 0 stretch;filter:drop-shadow(0 .8rem 1.4rem #0205108c)}.plate h2,.plate h3,.plate h4{font-family:var(--display);margin:0}.dim{opacity:.7}kbd{min-width:2.6rem;font-family:var(--display);text-align:center;color:var(--ink);border:.15rem solid var(--ink);box-shadow:0 .25rem 0 var(--ink), inset 0 .1rem 0 #ffffffb3;background:linear-gradient(#fff6dc,#ecd9a6 70%,#dcc287);border-radius:.5rem;margin:0 .15rem .25rem 0;padding:.25rem .7rem .3rem;font-size:1.05rem;font-weight:700;line-height:1.15;display:inline-block}.btn{isolation:isolate;font-family:var(--display);letter-spacing:.05em;color:var(--ink);border:.22rem solid var(--ink);cursor:pointer;box-shadow:0 .4rem 0 var(--ink), inset 0 0 0 .16rem #c08a2e99, 0 .9rem 1.8rem #0006;transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out), filter .14s;background:linear-gradient(#fbefcb,#ead7a3 60%,#dcc184);border-radius:.9rem;padding:1rem 2.6rem;font-size:1.5rem;font-weight:700;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 30%,#ffffffa6 48%,#0000 66%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover:before{transition:transform .7s var(--ease-out);transform:translate(120%)}.btn:hover{filter:brightness(1.06);box-shadow:0 .6rem 0 var(--ink), inset 0 0 0 .16rem #e0b44ce6, 0 0 2.4rem #f6d98a8c, 0 1.2rem 2rem #00000073;transform:translateY(-.2rem)}.btn:active{box-shadow:0 .15rem 0 var(--ink), inset 0 0 0 .16rem #c08a2e99;transform:translateY(.25rem)}.btn-primary{background:linear-gradient(#ffe9a3,#f1c25c 55%,#d49a34)}.btn-primary:hover{box-shadow:0 .6rem 0 var(--ink), inset 0 0 0 .16rem #fff2c2, 0 0 3.2rem #ffcd60cc, 0 1.2rem 2rem #00000073}.btn-xl{letter-spacing:.08em;border-radius:1.2rem;padding:1.4rem 4.6rem;font-size:2.2rem}.btn-sm{padding:.7rem 1.8rem;font-size:1.3rem}.btn-dark{color:var(--parch);border-color:var(--gold);background:linear-gradient(#1a2954eb,#0a1024f0);box-shadow:0 .35rem #6b4a12,inset 0 0 0 .12rem #f6d98a40,0 .9rem 1.8rem #00000073}.btn-dark:hover{box-shadow:0 .5rem #6b4a12,inset 0 0 0 .12rem #f6d98a8c,0 0 2.4rem #3fd0d873,0 1.1rem 2rem #00000080}.btn-dark:before{background:linear-gradient(105deg,#0000 30%,#f6d98a47 48%,#0000 66%)}.btn-ghost{color:#2a1c14d9;background:0 0;border-color:#2a1c1499;box-shadow:0 .3rem #2a1c148c}.btn-row{flex-wrap:wrap;gap:1.4rem;display:flex}.btn .ripple{pointer-events:none;z-index:-1;background:radial-gradient(circle,#1b15308c,#1b153033 55%,#0000 70%);border-radius:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;animation:.65s ease-out forwards ripple;position:absolute}.btn-dark .ripple{background:radial-gradient(circle,#f6d98a99,#3fd0d840 55%,#0000 70%)}@keyframes ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(26)}}input[type=range]{appearance:none;cursor:pointer;--pct:50%;background:0 0;width:100%;height:2.2rem}input[type=range]::-webkit-slider-runnable-track{border:.16rem solid var(--ink);background:linear-gradient(90deg, #2a3f7a var(--pct), #2a1c1438 var(--pct));border-radius:.5rem;height:.8rem;box-shadow:inset 0 .1rem .2rem #00000059}input[type=range]::-moz-range-track{border:.16rem solid var(--ink);background:#2a1c1438;border-radius:.5rem;height:.8rem}input[type=range]::-moz-range-progress{background:#2a3f7a;border-radius:.5rem;height:.8rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:.18rem solid var(--ink);background:radial-gradient(circle at 35% 30%,#fff2c2,#e0b44c 60%,#a5761f);border-radius:50%;width:2rem;height:2rem;margin-top:-.75rem;transition:transform .12s;box-shadow:0 .2rem .5rem #00000073}input[type=range]::-moz-range-thumb{border:.18rem solid var(--ink);background:#e0b44c;border-radius:50%;width:1.8rem;height:1.8rem}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}input.switch{appearance:none;border:.18rem solid var(--ink);cursor:pointer;background:#2a1c1440;border-radius:1.2rem;width:4.6rem;height:2.4rem;transition:background .2s;position:relative}input.switch:after{content:"";border:.14rem solid var(--ink);width:1.7rem;height:1.7rem;transition:transform .2s var(--ease-pop);background:radial-gradient(circle at 35% 30%,#fff2c2,#e0b44c 60%,#a5761f);border-radius:50%;position:absolute;top:.15rem;left:.2rem}input.switch:checked{background:#2a3f7a}input.switch:checked:after{transform:translate(2.2rem)}.seg{border:.2rem solid var(--ink);border-radius:.9rem;display:flex;overflow:hidden}.seg-b{font-family:var(--display);cursor:pointer;color:var(--ink);background:#2a1c1414;border:0;flex:1;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:700;transition:background .15s,color .15s}.seg-b+.seg-b{border-left:.2rem solid var(--ink)}.seg-b:hover{background:#e0b44c66}.seg-b.on{color:var(--gold-2);background:#2a3f7a}@media (prefers-reduced-motion:reduce){.btn,.btn:before,.btn .ripple{transition:none;animation:none}}body.reduce-motion .btn .ripple{animation-duration:10ms}