@font-face{font-family:archivo;src:url(../media/archivo_latin_wdth_normal-s.p.021d2a7d.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:archivo;src:url(../media/archivo_latin_wdth_italic-s.p.3c0f1ffc.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:italic}@font-face{font-family:archivo Fallback;src:local(Arial);ascent-override:85.41%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:102.8%}.archivo_e926e25-module__LRi0wa__className{font-family:archivo,archivo Fallback}.archivo_e926e25-module__LRi0wa__variable{--font-archivo:"archivo","archivo Fallback"}
@font-face{font-family:pixel;src:url(../media/vt323_latin_400_normal-s.p.0c113cf3.woff2)format("woff2");font-display:swap}@font-face{font-family:pixel Fallback;src:local(Arial);ascent-override:91.26%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:87.66%}.pixel_6a63699f-module__kre6NG__className{font-family:pixel,pixel Fallback}.pixel_6a63699f-module__kre6NG__variable{--font-pixel:"pixel","pixel Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--hole:0px}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--hole:0px}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button{margin-right:4px}:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button{margin-left:4px}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.block{display:block}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--abyss:#0a1fa8;--deep:#06106e;--ocean:#1d55e8;--surf:#3cc4ff;--foam:#bff3ff;--oled:#6fd6ff;--paper:#fff;--ink:#000;--red:#e5172f;--pink:#ff5aa8;--gold:#ffd84a;--display:var(--font-archivo),"Arial Narrow",sans-serif;--body:var(--font-archivo),system-ui,sans-serif;--pixel:var(--font-pixel),ui-monospace,monospace;--ease-out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.7,.5,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--deep);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:var(--paper)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{--px:0;--py:0;isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100dvh;min-height:560px;position:relative;overflow:hidden}.sub-scroll,.sub-scroll *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.backdrop{z-index:-2;background:radial-gradient(120% 80% at 72% 8%,#4aa6ff 0%,transparent 55%),linear-gradient(180deg,var(--ocean)0%,var(--abyss)55%,var(--deep)100%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ocean{opacity:0;width:100%;height:100%;transition:opacity .9s linear;position:absolute;top:0;bottom:0;left:0;right:0}.ocean[data-ready=true]{opacity:1}.stairs{width:100%;height:100%;stroke:var(--foam);opacity:.16;filter:blur(.6px);mix-blend-mode:screen;transform:translate3d(calc(var(--px)*-10px),calc(var(--py)*-6px),0);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(transparent 6%,#000 35%,#000 70%,transparent 100%);mask-image:linear-gradient(transparent 6%,#000 35%,#000 70%,transparent 100%)}.stairs line{vector-effect:non-scaling-stroke;stroke-width:1.4px}.bubbles{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.wedge{--wedge-w:min(30vw,460px);z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.wedge:before{content:"";background:var(--paper);clip-path:polygon(0 0,var(--wedge-w)0,calc(var(--wedge-w)*.58)100%,0 100%);transition:clip-path .64s var(--ease-out);animation:wedgeIn .7s var(--ease-out)backwards;position:absolute;top:0;bottom:0;left:0;right:0}.screen[data-view=sub] .wedge:before{clip-path:polygon(0 36%,8% 36%,64% 100%,0 100%)}.wedge-name{writing-mode:vertical-rl;font-family:var(--display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;transform:rotate(180deg)translateY(calc(var(--py)*14px));font-size:min(21vh,13vw);font-weight:900;font-stretch:75%;line-height:.78;animation:14s ease-in-out infinite alternate nameDrift;position:absolute;bottom:-.02em;left:-.06em}@keyframes wedgeIn{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}}.wedge-name{transition:opacity .3s linear}.screen[data-view=sub] .wedge-name{opacity:0}@keyframes nameDrift{0%{translate:0 -2.5%}to{translate:0 2.5%}}.shards{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.shard{opacity:.9;translate:calc(var(--px)*var(--z)*-26px)calc(var(--py)*var(--z)*-20px);animation:shardFloat var(--dur)ease-in-out var(--del)infinite alternate;display:block;position:absolute}@keyframes shardFloat{0%{transform:translate(0)rotate(-8deg)scale(1)}50%{transform:translate(10px,-18px)rotate(10deg)scale(1.08)}to{transform:translate(-6px,12px)rotate(-2deg)scale(.94)}}.hud{z-index:6;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);min-width:210px;animation:hudIn .52s var(--ease-out)80ms both;padding:.55rem 1.1rem .6rem .8rem;position:absolute;top:max(16px,min(4vh,40px));left:max(16px,min(7vw,110px))}.hud-name{font-family:var(--display);font-size:1.35rem;font-weight:500;font-stretch:90%;line-height:1.1}.hud-sub{margin-top:.15rem;font-size:.72rem;font-style:italic;font-weight:700}@keyframes hudIn{0%{opacity:0;transform:translateY(-14px)}}.menu{z-index:5;transform:translate3d(calc(var(--px)*-14px),calc(-50% + var(--py)*-10px),0)rotate(-8deg);transform-origin:0;--unit:clamp(2.8rem,10.2vh,6.8rem);flex-direction:column;display:flex;position:absolute;top:50%;left:max(21vw,220px)}.menu-item{margin-left:var(--indent);text-align:left;cursor:pointer;font-family:var(--display);font-style:italic;font-weight:900;font-stretch:78%;font-size:calc(var(--unit)*var(--size));letter-spacing:-.02em;text-transform:uppercase;color:var(--foam);background:0 0;border:0;padding:0;line-height:.84;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.menu-item{color:color-mix(in oklab,var(--foam),#2f8fe0 calc(var(--depth)*100%))}}.menu-item{animation:slam .64s var(--ease-out)var(--delay)both;-webkit-tap-highlight-color:transparent}.menu-float{rotate:var(--tilt);animation:bob var(--bob)ease-in-out var(--phase)infinite;display:inline-block;position:relative}.menu-label{z-index:1;transform-origin:20% 60%;transition:transform .26s var(--spring),color 90ms linear;display:inline-block;position:relative}.menu-item:hover .menu-label{color:var(--paper)}.menu-float:before,.menu-float:after{content:"";pointer-events:none;opacity:0;transform-origin:0;transition:transform .3s var(--spring),opacity .1s linear;position:absolute;transform:scaleX(.1)skew(-20deg)}.menu-float:before{background:var(--paper);clip-path:polygon(0 64%,100% 0,84% 100%,0 100%);top:6%;bottom:4%;left:-16%;right:-46%}.menu-float:after{background:var(--red);clip-path:polygon(0 80%,100% 0,96% 32%,4% 100%);top:58%;bottom:-4%;left:-24%;right:-34%}.menu-item[data-selected=true] .menu-float:before,.menu-item[data-selected=true] .menu-float:after{opacity:1;transform:none}.menu-item[data-selected=true] .menu-float:before{animation:2.4s step-end infinite spikeTwitch}.menu-item[data-selected=true] .menu-float:after{animation:1.7s step-end infinite sliverTwitch}.menu-item[data-selected=true] .menu-label{color:var(--ink);text-shadow:.05em .035em 0 var(--red);animation:pop .38s var(--spring)both;transform:translate(.12em)scale(1.08)}.menu-label:after{content:attr(data-text);color:var(--red);z-index:-1;opacity:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.menu-item[data-selected=true] .menu-label:after{animation:1.9s step-end infinite ghost}.menu-item:active .menu-label{transition-duration:60ms;transform:translate(.2em)scale(.98)}.menu-item:focus-visible{outline:none}.menu-item:focus-visible .menu-label{outline:3px solid var(--gold);outline-offset:4px}@keyframes slam{0%{opacity:0;filter:blur(6px);transform:translate(-1.4em)skew(-22deg)}60%{filter:blur()}to{opacity:1;transform:none}}@keyframes bob{0%,to{translate:0}50%{translate:.04em -.06em}}@keyframes pop{0%{transform:translate(-.06em)scale(.92)}55%{transform:translate(.18em)scale(1.16)}to{transform:translate(.12em)scale(1.08)}}@keyframes spikeTwitch{0%{clip-path:polygon(0 64%,100% 0,84% 100%,0 100%)}46%{clip-path:polygon(0 58%,100% 4%,88% 100%,0 100%)}52%{clip-path:polygon(0 64%,100% 0,84% 100%,0 100%)}90%{clip-path:polygon(0 68%,96% 0,82% 100%,0 100%)}}@keyframes sliverTwitch{0%{translate:0}30%{translate:.04em -.02em}36%{translate:0}80%{translate:-.03em .02em}}@keyframes ghost{0%,60%{opacity:0;translate:0}62%{opacity:.85;translate:.08em -.02em}66%{opacity:.6;translate:-.05em .03em}70%{opacity:0;translate:0}}.party{z-index:7;flex-direction:column;gap:10px;display:flex;position:absolute;top:max(16px,min(4vh,36px));right:max(16px,min(2.4vw,36px))}.badge{border:1.5px solid var(--surf);width:176px;color:var(--paper);animation:badgeIn .52s var(--ease-out)calc(.3s + var(--i)*90ms)both,badgeBob 4.2s ease-in-out calc(var(--i)*-1.3s)infinite;transition:background .14s linear,color .14s linear,transform .26s var(--spring);background:rgba(6,16,110,.75);grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:10px;padding:6px 12px 7px 6px;text-decoration:none;display:grid;transform:skew(-10deg)}.badge:hover{background:var(--paper);color:var(--ink);transform:skew(-10deg)translate(-12px)scale(1.04)}.badge:focus-visible{background:var(--paper);color:var(--ink);transform:skew(-10deg)translate(-12px)scale(1.04)}.badge:active{transition-duration:60ms;transform:skew(-10deg)translate(-8px)scale(.97)}.badge-glyph{background:var(--paper);width:44px;height:44px;color:var(--abyss);font-family:var(--display);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);grid-row:span 2;place-items:center;font-size:1.15rem;font-style:italic;font-weight:900;transition:background .14s linear,color .14s linear;display:grid}.badge-glyph svg{width:58%;height:58%}.badge:hover .badge-glyph{background:var(--abyss);color:var(--paper);animation:glyphFlip .48s var(--ease-out)}.badge-name{font-family:var(--display);font-size:.95rem;font-style:italic;font-weight:800;line-height:1}.badge-bars{gap:3px;display:grid}.badge-bars i{background:rgba(255,255,255,.18);height:4px;display:block;position:relative;overflow:hidden}.badge-bars i:before{content:"";background:var(--surf);transform-origin:0;transform:scaleX(var(--fill));position:absolute;top:0;bottom:0;left:0;right:0}.badge-bars i+i:before{background:var(--gold);transform:scaleX(calc(var(--fill)*.88))}.badge:hover .badge-bars i:before{animation:refill .62s var(--ease-out)}.badge:hover .badge-bars i+i:before{animation-delay:80ms}@keyframes badgeIn{0%{opacity:0;translate:40px}}@keyframes badgeBob{0%,to{translate:0}50%{translate:0 -4px}}@keyframes glyphFlip{0%{transform:rotateY(180deg)}}@keyframes refill{0%{transform:scaleX(0)}}.walkman{z-index:4;width:min(30vw,440px);transform:translate3d(calc(var(--px)*-22px),calc(var(--py)*-16px),0)rotate(-9deg);animation:wmIn .9s var(--ease-out).25s both;position:absolute;bottom:22vh;right:3vw}.wm-float{animation:7s ease-in-out infinite sink;position:relative}.wm-wire{pointer-events:none;fill:none;stroke:#05070f;stroke-width:5px;stroke-linecap:round;transform-origin:98% 55%;width:100%;height:100%;animation:5.5s ease-in-out infinite wire;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.wm-body{position:relative}.wm-photo{filter:drop-shadow(0 18px 24px rgba(2,6,50,.55))saturate(1.1);pointer-events:none;width:100%;max-width:100%;height:auto;display:block}.wm-screen{cursor:pointer;text-align:left;width:33.9%;height:40.5%;color:var(--oled);font-family:var(--pixel);text-shadow:0 0 6px rgba(111,214,255,.7);background:radial-gradient(120% 140% at 30% 20%,#0d2a5c 0%,#071534 55%,#040c22 100%);border:0;border-radius:6px;flex-direction:column;justify-content:center;gap:.05em;padding:0 4% 0 5%;font-size:max(.8rem,min(1.55vw,1.45rem));line-height:1;transition:box-shadow .2s linear;display:flex;position:absolute;top:25%;left:27%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(120,200,255,.12),inset 0 0 18px rgba(0,0,0,.8),0 0 6px 2px rgba(5,14,40,.6)}.wm-screen:hover{box-shadow:inset 0 0 0 1px rgba(120,200,255,.4),inset 0 0 18px rgba(0,0,0,.7),0 0 14px 3px rgba(60,196,255,.45)}.wm-screen:after{content:"";pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.14) 0%,transparent 38%);position:absolute;top:0;bottom:0;left:0;right:0}.wm-row{white-space:nowrap;align-items:center;gap:.35em;min-width:0;display:flex}.wm-glyph{flex:none;width:.8em}.wm-marquee{flex:1;min-width:0;animation:.42s steps(6,end) both trackIn;overflow:hidden}.wm-tick{gap:2.5em;display:inline-flex}.wm-tick[data-scroll=true]{animation:tick var(--dur)linear infinite}@keyframes tick{0%,18%{transform:translate(0)}to{transform:translateX(calc(-1*(var(--w) + 2.5em)))}}.wm-sub{opacity:.85}.walkman[data-playing=false] .wm-sub{animation:1.1s step-end infinite blink}.wm-status{font-variant-numeric:tabular-nums}.wm-count{margin-left:auto}.wm-eq{align-items:flex-end;gap:2px;height:.75em;display:inline-flex}.wm-eq i{background:var(--oled);width:3px;height:25%;box-shadow:0 0 4px var(--oled)}.walkman[data-playing=true] .wm-eq i{animation:.9s ease-in-out infinite alternate eq}.walkman[data-playing=true] .wm-eq i:nth-child(2){animation-duration:.6s}.walkman[data-playing=true] .wm-eq i:nth-child(3){animation-duration:1.1s}.walkman[data-playing=true] .wm-eq i:nth-child(4){animation-duration:.75s}.wm-controls{align-items:center;gap:6px;margin-top:.4rem;display:flex;position:absolute;top:100%;left:29%}.wm-btn{border:1.5px solid var(--paper);min-width:38px;height:34px;color:var(--paper);font-family:var(--display);cursor:pointer;transition:background .12s linear,color .12s linear,transform .24s var(--spring);background:rgba(6,16,110,.7);place-items:center;padding:0 10px;font-size:.78rem;font-style:italic;font-weight:800;display:grid;transform:skew(-12deg)}.wm-btn svg{fill:currentColor;width:16px;height:16px;transform:skew(12deg)}.wm-btn:hover{background:var(--paper);color:var(--abyss);transform:skew(-12deg)translateY(-3px)scale(1.08)}.wm-btn:active{transition-duration:50ms;transform:skew(-12deg)translateY(1px)scale(.92)}.wm-play{background:var(--paper);min-width:50px;height:40px;color:var(--red)}.wm-play:hover{background:var(--red);color:var(--paper)}.walkman[data-playing=false] .wm-play{animation:2.4s ease-in-out 2s infinite nudge}.wm-sfx[aria-pressed=false]{opacity:.55;text-decoration:line-through}.wm-vol input{--v:.7;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--surf)calc(var(--v)*100%),rgba(255,255,255,.22) 0);cursor:pointer;width:92px;height:8px;transform:skew(-12deg)}.wm-vol input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper);border:2px solid var(--abyss);width:12px;height:20px}.wm-vol input::-moz-range-thumb{background:var(--paper);border:2px solid var(--abyss);border-radius:0;width:10px;height:18px}@keyframes wmIn{0%{opacity:0;translate:-60px 80px}}@keyframes sink{0%,to{translate:0;rotate:none}50%{translate:6px 12px;rotate:1.6deg}}@keyframes wire{0%,to{rotate:none}50%{rotate:-2.2deg}}@keyframes eq{0%{height:20%}to{height:100%}}@keyframes blink{50%{opacity:.2}}@keyframes trackIn{0%{opacity:0;transform:translate(60%)}}@keyframes nudge{0%,80%,to{transform:skew(-12deg)scale(1)}88%{transform:skew(-12deg)scale(1.14)}}.hero{--hh:92vh;z-index:3;width:calc(var(--hh)*1.0613);height:var(--hh);margin:calc(var(--hh)*-.5)0 0 calc(var(--hh)*-.5306);pointer-events:none;transition:transform .82s var(--ease-out),opacity .4s linear;animation:heroIn 1.1s var(--ease-out).15s backwards;position:absolute;top:0;left:0;transform:translate(calc(16vw - 18vh),48vh)rotate(172deg)}.hero-float{width:100%;height:100%;translate:calc(var(--px)*-18px)calc(var(--py)*-12px);animation:7s ease-in-out infinite drift}.hero-art{object-fit:contain;filter:drop-shadow(0 30px 40px rgba(2,6,50,.45));width:100%;max-width:100%;height:100%;display:block}.hero canvas.hero-art:not([data-ready]){opacity:0}.hero canvas.hero-art{transition:opacity .5s linear}.hero[data-pose=profile]{transform:translate(calc(26vw + 33vh),73vh)rotate(-8deg)scale(1.9)}.hero[data-pose=projects]{transform:translate(calc(24vw + 25vh),49vh)rotate(-22deg)scale(1.2)}.hero[data-pose=experience]{transform:translate(calc(26vw - 20vh),51vh)rotate(6deg)scale(-1.15,1.15)}.hero[data-pose=skills]{transform:translate(calc(30vw - 15vh),50vh)rotate(186deg)scale(1.1)}.hero[data-pose=activities]{transform:translate(calc(22vw + 14vh),62vh)rotate(14deg)scale(1.3)}.hero[data-pose=contact]{transform:translate(calc(26vw - 34vh),72vh)rotate(9deg)scale(-1.9,1.9)}@keyframes heroIn{0%{opacity:0;translate:-80px -120px}}@keyframes drift{0%,to{transform:translate(0)rotate(0)scale(1)}30%{transform:translate(8px,12px)rotate(1deg)scale(1.006)}65%{transform:translate(-4px,18px)rotate(-.6deg)scale(1.01)}}.ghost{z-index:2;font-family:var(--display);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:transparent;pointer-events:none;translate:calc(var(--px)*-10px)0;animation:ghostIn .7s var(--ease-out)both;background:repeating-linear-gradient(-28deg,rgba(255,255,255,.34) 0,rgba(255,255,255,.34) 7px,rgba(255,255,255,.18) 7px,rgba(255,255,255,.18) 14px);-webkit-background-clip:text;background-clip:text;font-size:min(34vh,21vw);font-style:italic;font-weight:900;font-stretch:72%;line-height:.9;position:absolute;top:-.1em;left:-.05em}@keyframes ghostIn{0%{opacity:0;transform:translate(-14%)skew(-12deg)}}.menu,.hud,.party,.walkman{transition:opacity .26s linear,visibility linear}.screen[data-view=sub] :-webkit-any(.menu,.hud,.party,.walkman){opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}.screen[data-view=sub] :-moz-any(.menu,.hud,.party,.walkman){opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}.screen[data-view=sub] :is(.menu,.hud,.party,.walkman){opacity:0;visibility:hidden;transition:opacity .2s linear,visibility 0s linear .2s}.screen[data-view=sub] .shards{opacity:.5}.sub{z-index:6;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sub:focus{outline:none}.sub>*{pointer-events:auto}.sub-back{font-family:var(--display);color:var(--ink);background:var(--paper);clip-path:polygon(0 0,100% 0,90% 100%,0 100%);cursor:pointer;animation:backIn .42s var(--spring).2s both;transition:transform .22s var(--spring),background .12s linear,color .12s linear;align-items:center;gap:.5rem;padding:.4rem 1.5rem .45rem 1rem;font-size:1.1rem;font-style:italic;font-weight:900;display:inline-flex;position:absolute;top:max(16px,min(4vh,40px));left:max(16px,min(2.4vw,36px))}.sub-back:hover{background:var(--red);color:var(--paper);transform:translate(-4px)scale(1.05)}.sub-back:active{transform:scale(.95)}@keyframes backIn{0%{opacity:0;transform:translate(-40px)}}.sub-nav{gap:5px;display:grid;position:absolute;bottom:max(16px,min(4vh,40px));left:max(16px,min(2.4vw,36px))}.sub-nav-item{text-align:left;width:230px;font-family:var(--display);color:var(--paper);border-left:4px solid var(--surf);cursor:pointer;animation:navIn .42s var(--ease-out)calc(.22s + var(--i)*45ms)both;transition:transform .24s var(--spring),background .12s linear,color .12s linear;background:rgba(3,6,32,.86);padding:.35rem 1rem .35rem 1.6rem;font-size:.98rem;font-style:italic;font-weight:800;position:relative;transform:skew(-14deg)}.sub-nav-item:hover{background:rgba(10,31,168,.95);transform:skew(-14deg)translate(10px)}.sub-nav-item[data-current=true]{background:var(--paper);color:var(--ink);border-left-color:var(--red);box-shadow:-6px 4px 0 var(--red);transform:skew(-14deg)translate(18px)}@keyframes navIn{0%{opacity:0;translate:-60px}}.sub-col{width:min(64vw,1120px);animation:colIn .56s var(--ease-out).12s both;background:linear-gradient(90deg,transparent 0%,rgba(4,10,80,.55) 12%,rgba(4,10,80,.84) 100%);flex-direction:column;padding:max(16px,min(4vh,40px)) max(24px,min(3.4vw,64px)) 0 max(48px,min(6vw,110px));display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}@keyframes colIn{0%{opacity:0;transform:translate(60px)}}.sub-tabs{z-index:3;border-bottom:3px solid var(--paper);box-shadow:0 3px 0 var(--red);align-items:center;gap:.8rem;margin-bottom:1.1rem;padding-bottom:.9rem;display:flex;position:relative}.sub-heading{flex:1;justify-items:center;gap:.35rem;min-width:0;display:grid}.sub-heading h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;animation:titleIn .46s var(--spring)both;font-size:max(2.6rem,min(5vw,4.6rem));font-style:italic;font-weight:900;font-stretch:78%;line-height:.9}.sub-dots{gap:6px;display:flex}.sub-dots i{width:7px;height:7px;transition:background .2s linear,transform .3s var(--spring);background:rgba(255,255,255,.35);border-radius:50%}.sub-dots i[data-on=true]{background:var(--paper);transform:scale(1.4)}.sub-arrow{font-family:var(--display);color:var(--paper);cursor:pointer;transition:transform .22s var(--spring),color .12s linear;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:1.2rem;font-style:italic;font-weight:900;display:inline-flex}.sub-arrow span{color:var(--red);text-shadow:0 0 0 var(--paper)}.sub-arrow kbd{font-family:var(--body);background:var(--paper);min-width:1.5rem;height:1.5rem;color:var(--abyss);border-radius:999px;place-items:center;font-size:.72rem;font-style:normal;display:inline-grid}.sub-arrow:hover{transform:scale(1.15)}.sub-arrow:active{transform:scale(.9)}.sub-scroll{z-index:1;scrollbar-width:thin;scrollbar-color:var(--surf)transparent;perspective:900px;flex:1;min-height:0;padding:.4rem .4rem 9rem 0;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 9.5rem),transparent calc(100% - 6rem));mask-image:linear-gradient(#000 calc(100% - 9.5rem),transparent calc(100% - 6rem))}.sub-body{max-width:940px}.cutin{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 30%,var(--red)30%,var(--red)33%,var(--paper)33%,var(--paper)52%,var(--surf)52%,var(--surf)54%,transparent 54%);animation:.52s cubic-bezier(.7,0,.3,1) both cutSweep;position:absolute;top:-10%;bottom:-10%;left:-40%;right:-40%}@keyframes cutSweep{0%{opacity:1;transform:translate(-70%)skew(-12deg)}85%{opacity:1}to{opacity:0;transform:translate(85%)skew(-12deg)}}@keyframes titleIn{0%{opacity:0;transform:translate(-.8em)skew(-14deg)}}@property --hole{syntax:"<length>";inherits:false;initial-value:0}.wipe{z-index:40;pointer-events:none;background:radial-gradient(circle at var(--x)var(--y),#fff 0,var(--foam)12vmax,var(--surf)38vmax,var(--ocean)90vmax);position:fixed;top:0;bottom:0;left:0;right:0}.wipe[data-phase=in]{animation:.32s cubic-bezier(.55,0,.75,.2) both bubbleIn}.wipe[data-phase=out]{-webkit-mask-image:radial-gradient(circle at var(--x)var(--y),transparent var(--hole),#000 calc(var(--hole) + 3px));-webkit-mask-image:radial-gradient(circle at var(--x)var(--y),transparent var(--hole),#000 calc(var(--hole) + 3px));-webkit-mask-image:radial-gradient(circle at var(--x)var(--y),transparent var(--hole),#000 calc(var(--hole) + 3px));mask-image:radial-gradient(circle at var(--x)var(--y),transparent var(--hole),#000 calc(var(--hole) + 3px));animation:bubbleOut .52s var(--ease-out)both}@keyframes bubbleIn{0%{clip-path:circle(0 at var(--x)var(--y))}to{clip-path:circle(150vmax at var(--x)var(--y))}}@keyframes bubbleOut{0%{--hole:0px}to{--hole:160vmax}}.stack{gap:2.2rem;display:grid}.lead{color:var(--paper);font-size:1.15rem;line-height:1.55}.entry{transform-origin:0;animation:flipIn .52s var(--ease-out)calc(.16s + var(--i,0)*80ms)both;gap:.7rem;display:grid}@keyframes flipIn{0%{opacity:0;transform:rotateY(-70deg)translate(-24px)}}.entry-bar{background:var(--paper);color:var(--abyss);clip-path:polygon(0 0,100% 0,97% 100%,0 100%);transition:transform .26s var(--spring),box-shadow .2s linear;justify-content:space-between;align-items:baseline;gap:1rem;padding:.35rem 1.2rem .4rem .9rem;display:flex;position:relative}.entry:hover .entry-bar{box-shadow:-8px 5px 0 var(--red);transform:translate(8px)}.entry-bar h3{font-family:var(--display);text-transform:uppercase;font-size:1.7rem;font-style:italic;font-weight:900;font-stretch:82%;line-height:1}.entry-bar span{white-space:nowrap;font-size:.82rem;font-style:italic;font-weight:700}.entry-shot{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--paper);clip-path:polygon(0 0,100% 0,98% 100%,0 100%);width:100%;max-width:100%;transition:transform .4s var(--ease-out),filter .3s linear}.entry-shot:hover{filter:saturate(1.25);transform:scale(1.02)rotate(-.6deg)}.entry-kind{color:var(--surf);font-size:.92rem;font-style:italic;font-weight:700}.entry-summary{font-size:1.02rem;line-height:1.55}.entry-points{color:rgba(255,255,255,.88);gap:.45rem;font-size:.95rem;line-height:1.55;display:grid}.entry-points li{padding-left:1.2rem;position:relative}.entry-points li:before{content:"";background:var(--surf);clip-path:polygon(0 0,100% 50%,0 100%);width:.6rem;height:.32rem;position:absolute;top:.62em;left:0}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tags li{color:var(--foam);cursor:default;transition:background .12s linear,color .12s linear,transform .26s var(--spring);border:1.5px solid rgba(60,196,255,.7);padding:.2rem .65rem;font-size:.78rem;font-weight:700;transform:skew(-10deg)}.tags li:hover{background:var(--surf);color:var(--deep);transform:skew(-10deg)translateY(-3px)rotate(-3deg)}.entry-links{flex-wrap:wrap;gap:.6rem 1rem;margin-top:.2rem;display:flex}.entry-links a,.contact-list a{color:var(--paper);font-family:var(--display);background:linear-gradient(var(--red),var(--red))left bottom/100% 3px no-repeat;transition:background-size .2s var(--ease-out),color .12s linear,transform .24s var(--spring);padding:.25rem .8rem .3rem;font-size:1.05rem;font-style:italic;font-weight:800;text-decoration:none;display:inline-block;position:relative}.entry-links a:hover,.contact-list a:hover{color:var(--paper);background-size:100% 100%;transform:translate(4px)skew(-8deg)}.entry-links a:active,.contact-list a:active{transition-duration:50ms;transform:translate(2px)skew(-8deg)scale(.95)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 2rem;display:grid}.stats dt{color:var(--surf);font-size:.8rem;font-style:italic;font-weight:700}.stats dd{margin-top:.15rem;font-size:1rem;line-height:1.4}.skills{gap:1.3rem;display:grid}.skill-row h3{font-family:var(--display);margin-bottom:.5rem;font-size:1.1rem;font-style:italic;font-weight:800}.email{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.email-address{font-family:var(--display);color:var(--paper);overflow-wrap:anywhere;border-bottom:3px solid var(--red);font-size:max(1.2rem,min(2.2vw,1.6rem));font-style:italic;font-weight:800;text-decoration:none}.email-copy{font-family:var(--display);background:var(--paper);color:var(--abyss);cursor:pointer;transition:transform .24s var(--spring),background .12s linear,color .12s linear;padding:.35rem 1rem;font-size:.9rem;font-style:italic;font-weight:800;transform:skew(-10deg)}.email-copy:hover{transform:skew(-10deg)translateY(-2px)scale(1.06)}.email-copy:active{transform:skew(-10deg)scale(.94)}.email-copy[data-copied=true]{background:var(--surf);color:var(--deep)}.contact-list{gap:.9rem;display:grid}.contact-list a{flex-direction:column;gap:.15rem;padding:.4rem 1rem .55rem .4rem;display:inline-flex}.contact-label{color:var(--surf);font-size:.8rem}.contact-list a:hover .contact-label{color:var(--paper)}.contact-value{overflow-wrap:anywhere;font-size:1.3rem}.prompt{z-index:7;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:max(16px,min(3.5vh,36px));right:max(16px,min(2.4vw,36px))}.prompt-title{font-family:var(--display);animation:hintIn .3s var(--ease-out)both;font-size:1.35rem;font-style:italic;font-weight:500}.prompt-rule{background:var(--paper);width:190px;height:1.5px;margin-top:.2rem;display:block}.prompt-keys{align-items:center;gap:.9rem;margin-top:.55rem;font-size:1rem;font-style:italic;font-weight:700;display:flex}.key{transition:transform .14s var(--spring);align-items:center;gap:.35rem;display:inline-flex}.key kbd{font-family:var(--body);background:var(--paper);min-width:1.6rem;height:1.6rem;color:var(--abyss);border-radius:999px;place-items:center;padding:0 .4rem;font-size:.75rem;font-style:normal;transition:background 80ms linear,color 80ms linear;display:inline-grid}.key[data-down=true]{transform:translateY(2px)scale(.92)}.key[data-down=true] kbd{background:var(--red);color:var(--paper)}@keyframes hintIn{0%{opacity:0;transform:translate(16px)}}.sub-body{font-size:max(1.05rem,min(1.15vw,1.25rem))}.sub-body .stack{gap:2.8rem}.sub-body .lead{font-size:max(1.3rem,min(1.6vw,1.75rem));line-height:1.5}.sub-body .entry{gap:.95rem}.sub-body .entry-bar{padding:.5rem 1.6rem .55rem 1.1rem}.sub-body .entry-bar h3{font-size:max(2rem,min(2.8vw,2.9rem))}.sub-body .entry-bar span{font-size:max(.9rem,min(1vw,1.1rem))}.sub-body .entry-kind{font-size:max(1.02rem,min(1.15vw,1.25rem))}.sub-body .entry-summary{font-size:max(1.15rem,min(1.35vw,1.45rem));line-height:1.55}.sub-body .entry-points{gap:.6rem;font-size:max(1.05rem,min(1.2vw,1.3rem))}.sub-body .tags{gap:.5rem}.sub-body .tags li{padding:.3rem .85rem;font-size:max(.88rem,min(.95vw,1.05rem))}.sub-body .entry-links a,.sub-body .contact-list a{font-size:max(1.2rem,min(1.4vw,1.5rem))}.sub-body .stats{gap:1.6rem 3rem}.sub-body .stats dt{font-size:max(.9rem,min(1vw,1.1rem))}.sub-body .stats dd{font-size:max(1.15rem,min(1.35vw,1.5rem))}.sub-body .skills{gap:1.9rem}.sub-body .skill-row h3{margin-bottom:.7rem;font-size:max(1.3rem,min(1.6vw,1.75rem))}.sub-body .email-address{font-size:max(1.6rem,min(2.6vw,2.5rem))}.sub-body .email-copy{padding:.5rem 1.3rem;font-size:1.05rem}.sub-body .contact-value{font-size:max(1.4rem,min(1.9vw,1.9rem))}.sub-body .entry-shot{max-width:760px}.screen[data-view=sub] .hero{opacity:0;transition:transform .6s var(--ease-out),opacity .3s linear;transform:translate(-30vw,50vh)rotate(-20deg)scale(.8)}.side{z-index:3;border-left:5px solid var(--surf);clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);width:calc(33.4vw - max(24px,min(3.4vw,72px)));color:var(--paper);scrollbar-width:thin;scrollbar-color:var(--surf)transparent;animation:sideIn .52s var(--ease-out)80ms both;background:linear-gradient(160deg,rgba(3,6,40,.97),rgba(8,20,120,.96));flex-direction:column;gap:.9rem;padding:max(14px,min(2.2vh,26px)) max(16px,min(1.6vw,28px));display:flex;position:absolute;top:12vh;bottom:calc(max(16px,min(4vh,40px)) + 210px);left:max(24px,min(3.4vw,72px));overflow-x:hidden;overflow-y:auto;box-shadow:0 20px 50px rgba(2,6,50,.5)}.side>:first-child{margin-top:auto}.side>:last-child{margin-bottom:auto}@keyframes sideIn{0%{opacity:0;transform:translate(-50px)skew(4deg)}}.side-kicker{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--surf);font-size:max(.9rem,min(1vw,1.1rem));font-style:italic;font-weight:900}.picker{gap:max(6px,min(1vh,12px));min-height:0;display:grid}.picker-inline{display:none}.pick{text-align:left;width:100%;color:var(--paper);cursor:pointer;animation:navIn .42s var(--ease-out)calc(.16s + var(--i)*60ms)both;transition:transform .26s var(--spring),background .14s linear,color .14s linear,box-shadow .2s linear;background:rgba(255,255,255,.06);border-left:4px solid transparent;align-items:center;gap:.9rem;padding:max(.4rem,min(1.1vh,.8rem)) 1rem;display:flex;position:relative;transform:skew(-10deg)}.pick:hover{background:rgba(60,196,255,.2);transform:skew(-10deg)translate(8px)}.pick[data-on=true]{background:var(--paper);color:var(--ink);border-left-color:var(--red);box-shadow:-7px 5px 0 var(--red);transform:skew(-10deg)translate(16px)}.pick-num{font-family:var(--display);color:transparent;-webkit-text-stroke:1.5px var(--surf);font-size:max(1.6rem,min(2.6vw,2.8rem));font-style:italic;font-weight:900;line-height:1}.pick[data-on=true] .pick-num{-webkit-text-stroke-color:var(--red)}.pick-text{flex:1;gap:.15rem;min-width:0;display:grid}.pick-name{font-family:var(--display);text-transform:uppercase;font-size:max(1.1rem,min(1.6vw,1.85rem));font-style:italic;font-weight:900;font-stretch:85%;line-height:1.02}.pick-sub{opacity:.75;font-size:max(.78rem,min(.85vw,.95rem));font-style:italic;font-weight:600}.picker-hobby .pick-name{font-size:max(1rem,min(1.3vw,1.5rem))}.pick-pips{gap:4px;display:flex}.pick-pips i{background:rgba(255,255,255,.2);width:14px;height:6px;transition:background .3s linear;transform:skew(-20deg)}.pick-pips i[data-on=true]{background:var(--surf)}.pick[data-on=true] .pick-pips i{background:rgba(0,0,0,.15)}.pick[data-on=true] .pick-pips i[data-on=true]{background:var(--red)}.pick-rank{font-family:var(--display);color:var(--gold);font-size:max(.9rem,min(1.1vw,1.2rem));font-style:italic;font-weight:900}.pick[data-on=true] .pick-rank{color:var(--red)}.uses{gap:max(6px,min(1vh,10px));display:grid}.uses li{font-family:var(--display);text-transform:uppercase;animation:navIn .42s var(--ease-out)calc(.16s + var(--i)*60ms)both;transition:transform .3s var(--spring),background .16s linear,color .16s linear,opacity .2s linear,box-shadow .2s linear;background:rgba(255,255,255,.06);padding:max(.4rem,min(1vh,.65rem)) 1rem;font-size:max(1rem,min(1.35vw,1.5rem));font-style:italic;font-weight:800;transform:skew(-10deg)}.uses li[data-on=true]{background:var(--paper);color:var(--ink);box-shadow:-6px 4px 0 var(--red);transform:skew(-10deg)translate(14px)}.uses li[data-dim=true]{opacity:.32}.radar{grid-template-rows:auto minmax(0,1fr) auto;gap:.6rem;height:100%;min-height:0;display:grid}.radar-wrap{min-height:170px;position:relative}.radar-svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.radar-ring,.radar-spoke{fill:none;stroke:rgba(191,243,255,.2);stroke-width:1px}.radar-shape{fill:rgba(60,196,255,.35);stroke:var(--surf);stroke-width:2px;stroke-linejoin:round;transform-box:view-box;transform-origin:100px 100px;animation:radarIn .9s var(--spring).25s both}@keyframes radarIn{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.radar-axis{cursor:pointer}.radar-dot{fill:var(--paper);transition:fill .16s linear}.radar-label{fill:var(--paper);font-family:var(--display);text-transform:uppercase;font-size:13px;font-style:italic;font-weight:800;transition:fill .16s linear}.radar-axis[data-on=true] .radar-dot,.radar-axis[data-on=true] .radar-label{fill:var(--gold)}.radar-info{animation:flipIn .38s var(--ease-out)both;gap:.25rem;display:grid}.radar-title{font-family:var(--display);text-transform:uppercase;font-size:max(1.2rem,min(1.6vw,1.7rem));font-style:italic;font-weight:900}.radar-title b{color:var(--gold);margin-left:.3rem}.radar-title em{color:var(--pink);letter-spacing:.06em;margin-left:.4rem;font-size:.65em}.radar-why{color:var(--foam);font-size:max(.95rem,min(1.05vw,1.15rem))}.invite{justify-items:start;gap:1.1rem;display:grid}.invite-btn{background:var(--red);color:var(--paper);font-family:var(--display);text-transform:uppercase;box-shadow:-8px 6px 0 var(--paper);cursor:pointer;transition:transform .26s var(--spring);padding:1.1rem 2.2rem;font-size:max(1.4rem,min(2.2vw,2.4rem));font-style:italic;font-weight:900;animation:2.4s ease-in-out infinite invitePulse;transform:skew(-12deg)}.invite-btn:hover{transform:skew(-12deg)translate(8px)scale(1.03)}.invite-btn:active{transform:skew(-12deg)scale(.96)}@keyframes invitePulse{0%,to{filter:drop-shadow(0 0 rgba(229,23,47,0))}50%{filter:drop-shadow(0 0 22px rgba(229,23,47,.75))}}.invite-msg{color:var(--foam);gap:.3rem;font-size:max(.95rem,min(1.1vw,1.2rem));display:grid}.invite-msg[data-on=true]{animation:flashIn .42s var(--spring)both}.invite-msg b{font-family:var(--display);color:var(--gold);font-size:1.3em;font-style:italic;font-weight:900}.stage{background:linear-gradient(rgba(3,8,50,.88),rgba(6,16,110,.72));border:2px solid rgba(60,196,255,.5);margin-top:.4rem;margin-bottom:.4rem;position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(2,6,50,.45),inset 0 0 40px rgba(60,196,255,.08)}.stage-top{background:rgba(60,196,255,.12);border-bottom:1px solid rgba(60,196,255,.3);align-items:center;gap:.9rem;padding:.5rem .9rem;display:flex}.stage-label{white-space:nowrap;background:var(--red);color:var(--paper);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;padding:.1rem .7rem;font-size:.85em;font-style:italic;font-weight:900;transform:skew(-12deg)}.stage-hint{color:var(--foam);font-size:.92em;font-style:italic;font-weight:600}.stage-body{padding:1rem}.stage-note{color:rgba(191,243,255,.72);padding:0 1rem .85rem;font-size:.85em;font-style:italic}.rec{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1rem;display:grid}.rec-rate{align-content:start;gap:.4rem;display:grid}.rec-rate li{background:rgba(255,255,255,.05);border-left:3px solid transparent;grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;padding:.35rem .5rem .35rem .75rem;transition:background .16s linear,border-color .16s linear;display:grid}.rec-rate li[data-vote="1"]{border-left-color:var(--pink);background:rgba(255,90,168,.16)}.rec-rate li[data-vote="-1"]{border-left-color:var(--paper)}.rec-rate li[data-vote="-1"] .rec-title{opacity:.55;text-decoration:line-through}.rec-title{font-size:.95em;font-weight:700}.rec-title small{opacity:.6;font-weight:500}.rec-btn{width:2.2rem;height:2.2rem;color:var(--paper);cursor:pointer;transition:background .12s linear,transform .2s var(--spring),color .12s linear;background:0 0;border:1.5px solid rgba(255,255,255,.4);font-size:1rem;transform:skew(-8deg)}.rec-btn:hover{transform:skew(-8deg)scale(1.1)}.rec-btn[data-kind=like][aria-pressed=true]{background:var(--pink);border-color:var(--pink)}.rec-btn[data-kind=nah][aria-pressed=true]{background:var(--paper);color:var(--deep)}.rec-out{align-content:start;gap:.6rem;display:grid}.rec-map{aspect-ratio:1;background:radial-gradient(circle,rgba(60,196,255,.12),transparent 70%);width:100%;max-height:290px}.rec-axis{stroke:rgba(191,243,255,.22);stroke-width:.8px}.rec-axis-label{fill:rgba(191,243,255,.6);font-size:7.5px;font-style:italic;font-weight:700}.rec-dot{fill:rgba(255,255,255,.35);transition:r .3s var(--spring),fill .2s linear}.rec-dot[data-state=like]{fill:var(--pink)}.rec-dot[data-state=nah]{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.6);stroke-width:.8px}.rec-dot[data-state=pick]{fill:var(--gold);stroke:var(--paper);stroke-width:1px}.rec-link{stroke:var(--gold);stroke-width:1px;stroke-dasharray:3 3;animation:.9s linear infinite march}@keyframes march{to{stroke-dashoffset:-12px}}.rec-you{transition:transform .65s var(--spring),opacity .2s linear}.rec-you[data-on=false]{opacity:.45}.rec-you circle{fill:var(--surf);stroke:var(--paper);stroke-width:2px}.rec-you text{fill:var(--paper);font-size:8px;font-style:italic;font-weight:900}.rec-picks{gap:.35rem;display:grid}.rec-picks li{animation:flipIn .42s var(--ease-out)calc(var(--k)*70ms)both;background:rgba(255,255,255,.05);justify-content:space-between;gap:.6rem;padding:.4rem .7rem;font-weight:700;display:flex;position:relative;overflow:hidden}.rec-picks li b{color:var(--gold);font-style:italic}.rec-picks li i{height:3px;width:calc(var(--m)*100%);background:var(--gold);transition:width .5s var(--ease-out);position:absolute;bottom:0;left:0}.rec-empty{color:var(--foam);font-style:italic;font-weight:500!important}.lb-search,.hp-input{min-width:0;font:inherit;color:var(--paper);background:rgba(255,255,255,.08);border:1.5px solid rgba(60,196,255,.6);outline:none;flex:1;padding:.55rem .85rem;font-style:italic}.lb-search:focus,.hp-input:focus{border-color:var(--paper);background:rgba(255,255,255,.12)}.lb-search::placeholder,.hp-input::placeholder{color:rgba(191,243,255,.55)}.tw-metric,.fs2-judge{grid-template-columns:6.2rem 1fr 2.4rem;align-items:center;gap:.6rem;font-weight:700;display:grid}.tw-metric i,.fs2-judge i{background:rgba(255,255,255,.12);height:8px;position:relative;overflow:hidden}.tw-metric i:after,.fs2-judge i:after{content:"";transform-origin:0;transform:scaleX(var(--v));background:linear-gradient(90deg,var(--surf),#3cff8a);animation:barIn .8s var(--ease-out)calc(var(--i)*.12s)both;position:absolute;top:0;bottom:0;left:0;right:0}.tw-metric b,.fs2-judge b{font-family:var(--display);color:var(--gold);text-align:right;font-style:italic;font-weight:900}@keyframes barIn{0%{transform:scaleX(0)}}.wd-arena{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(#2b1f86,#0f3a9a 60%,#12465e);border:1px solid rgba(255,255,255,.22);height:max(280px,min(44vh,400px));position:relative;overflow:hidden}.wd-shake{transition:filter .22s linear;position:absolute;top:0;bottom:0;left:0;right:0}.wd[data-cine=true] .wd-shake{filter:saturate(1.5)brightness(.75)hue-rotate(-12deg)}.wd-bg{object-fit:cover;opacity:.85;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.wd-sky{background:radial-gradient(at 50% 40%,transparent 40%,rgba(2,6,40,.55) 100%),linear-gradient(rgba(4,10,80,.1),rgba(4,10,80,.5));position:absolute;top:0;bottom:0;left:0;right:0}.wd-wiz{z-index:2;aspect-ratio:100/140;height:54%;position:absolute;bottom:6%}.wd-p{--robe:#2c3fd0;--cloak:#10196a;--trim:#7fdcff;--crystal:#7fdcff;left:9%}.wd-e{--robe:#b0162d;--cloak:#3a0812;--trim:#ffcf4a;--crystal:#ff5a6a;right:9%}.wd-wiz svg{width:100%;height:100%;animation:2.6s ease-in-out infinite wdIdle;overflow:visible}.wd-e svg{animation-delay:-1.3s;transform:scaleX(-1)}@keyframes wdIdle{50%{translate:0 -6px}}.wd-shadow{fill:rgba(0,0,0,.35)}.wd-cloak{fill:var(--cloak)}.wd-robe{fill:var(--robe)}.wd-belt{fill:var(--trim)}.wd-seam{stroke:var(--trim);stroke-width:1.2px;opacity:.7}.wd-skin{fill:#f0cfae}.wd-eye{fill:#111}.wd-hat{fill:var(--robe);stroke:var(--cloak);stroke-width:1px}.wd-band{stroke:var(--trim);stroke-width:3px;fill:none}.wd-sleeve{stroke:var(--robe);stroke-width:8px;stroke-linecap:round;fill:none}.wd-staff{stroke:#8a5a2b;stroke-width:3.5px;stroke-linecap:round}.wd-crystal{fill:var(--crystal);filter:drop-shadow(0 0 5px var(--crystal))}.wd-anchor{fill:transparent}.wd-arm{transform-box:view-box;transform-origin:57px 64px}.wd-wiz.is-cast .wd-arm{animation:wdCast .38s var(--ease-out)}@keyframes wdCast{35%{transform:rotate(-30deg)}}.wd-wiz.is-hit{animation:wdHit .38s var(--ease-out)}@keyframes wdHit{15%{filter:brightness(3)saturate(.2)}40%{filter:none}}.wd-e[data-tell] svg{filter:drop-shadow(0 0 14px #ff2a3d)}.wd-e[data-tell] .wd-crystal{fill:#fff}.wd-shield{aspect-ratio:1;opacity:0;width:150%;transition:opacity .12s linear,transform .16s var(--spring);pointer-events:none;background:radial-gradient(circle,transparent 50%,rgba(120,210,255,.35));border:3px solid rgba(140,220,255,.9);border-radius:50%;position:absolute;top:48%;left:50%;transform:scale(.5);box-shadow:0 0 24px rgba(120,210,255,.6)}.wd-p[data-shield] .wd-shield{opacity:1;transform:scale(1)}.wd-fx{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.wd-arena.is-flash{animation:.65s ease-out wdFlash}@keyframes wdFlash{0%{box-shadow:inset 0 0 0 999px rgba(255,255,255,.85)}to{box-shadow:inset 0 0 0 999px rgba(255,255,255,0)}}.wd-hud{z-index:4;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:.8rem;display:grid;position:absolute;top:10px;left:12px;right:12px}.wd-side{gap:4px;display:grid}.wd-side-r{justify-items:end}.wd-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 6px rgba(0,0,0,.8);font-size:.85rem;font-style:italic;font-weight:900}.wd-meter{border:1.5px solid var(--paper);background:rgba(0,0,0,.55);width:min(100%,260px);height:12px;display:block;position:relative;overflow:hidden;transform:skew(-14deg)}.wd-meter i{transform-origin:0;transform:scaleX(var(--v,1));transition:transform .16s linear;position:absolute;top:0;bottom:0;left:0;right:0}.wd-hp i{background:linear-gradient(90deg,#3cff8a,#ffd84a)}.wd-side-r .wd-hp i{transform-origin:100%;background:linear-gradient(270deg,#ff5a6a,#ffd84a)}.wd-mp{height:7px}.wd-mp i{background:linear-gradient(90deg,#3cc4ff,#b06cff)}.wd-vs{font-family:var(--display);text-shadow:3px 3px 0 var(--red);font-size:1.5rem;font-style:italic;font-weight:900}.wd-cine{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.wd-cine i{height:0;transition:height .26s var(--ease-out);background:#000;position:absolute;left:0;right:0}.wd-cine i:first-child{top:0}.wd-cine i:last-of-type{bottom:0}.wd-cine b{background:var(--red);color:var(--paper);font-family:var(--display);text-transform:uppercase;white-space:nowrap;opacity:0;padding:.2em .9em;font-size:max(1.4rem,min(3vw,2.8rem));font-style:italic;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skew(-12deg)scaleX(0)}.wd[data-cine=true] .wd-cine i{height:14%}.wd[data-cine=true] .wd-cine b{animation:cineSlam 1.25s var(--ease-out)forwards}@keyframes cineSlam{0%{opacity:1;transform:translate(-50%,-50%)skew(-12deg)scaleX(0)}15%{opacity:1;transform:translate(-50%,-50%)skew(-12deg)scaleX(1.1)}25%,72%{opacity:1;transform:translate(-50%,-50%)skew(-12deg)scaleX(1)}to{opacity:0;transform:translate(-50%,-50%)skew(-12deg)scaleX(1)translate(60%)}}.wd-overlay{z-index:6;text-align:center;-webkit-backdrop-filter:blur(2px);animation:flashIn .42s var(--ease-out)both;background:rgba(3,6,40,.72);place-content:center;justify-items:center;gap:.6rem;padding:1rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.wd-overlay-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--surf);font-size:.75rem;font-weight:900}.wd-overlay h4{font-family:var(--display);text-transform:uppercase;font-size:max(2rem,min(4vw,3.4rem));font-style:italic;font-weight:900;line-height:1}.wd-overlay h4[data-phase=won]{color:var(--gold)}.wd-overlay h4[data-phase=lost]{color:var(--pink)}.wd-overlay p{max-width:46ch;color:var(--foam)}.wd-overlay .hg-btn{justify-self:center}.wd-spells{grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin-top:.75rem;display:grid}.wd-spell{text-align:left;color:var(--paper);border:2px solid var(--c,#bff3ff);cursor:pointer;transition:background .12s linear,opacity .16s linear,transform .2s var(--spring);background:rgba(0,0,0,.4);gap:2px;padding:.5rem .55rem .55rem;display:grid;position:relative;overflow:hidden;transform:skew(-8deg)}.wd-shield-btn{--c:#bff3ff}.wd-spell[data-ready=false]{opacity:.55}.wd-spell[data-ready=true]:hover{background:var(--c)}@supports (color:color-mix(in lab, red, red)){.wd-spell[data-ready=true]:hover{background:color-mix(in oklab,var(--c),transparent 70%)}}.wd-spell[data-ready=true]:hover{transform:skew(-8deg)translateY(-2px)}.wd-spell:active{transform:skew(-8deg)scale(.95)}.wd-spell kbd{color:var(--c);font-size:.68rem;font-weight:900;position:absolute;top:4px;right:6px}.wd-spell b{font-family:var(--display);text-transform:uppercase;color:var(--c);padding-right:1.4rem;font-size:.84em;font-style:italic;font-weight:900;font-stretch:78%;line-height:1.05}.wd-spell small{color:var(--foam);font-size:.7em;font-style:italic}.wd-cd{transform-origin:bottom;transform:scaleY(var(--cd,0));pointer-events:none;background:rgba(2,6,40,.75);position:absolute;top:0;bottom:0;left:0;right:0}.wd-spell.is-denied{animation:.3s linear denied}@keyframes denied{25%{translate:-5px}75%{translate:5px}}.tw-verses{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tw-surah{font-family:var(--display);text-transform:uppercase;color:var(--gold);margin-right:.4rem;font-style:italic;font-weight:900}.tw-verses button{color:var(--foam);cursor:pointer;border:1.5px solid rgba(255,255,255,.3);padding:.25rem .7rem;font-style:italic;font-weight:800;transition:background .12s linear,color .12s linear;transform:skew(-10deg)}.tw-verses button:hover{border-color:var(--paper)}.tw-verses button[data-on=true]{background:var(--paper);color:var(--deep);border-color:var(--paper)}.tw-page{color:#1b1b1b;background:radial-gradient(at 50% 40%,#fbf6e8,#efe4c8);border:3px double #b8892c;margin-top:.9rem;padding:1.4rem 1.2rem 1.1rem;position:relative;box-shadow:inset 0 0 0 6px #f7efdb,inset 0 0 0 8px #0f6b4b,0 12px 30px rgba(2,6,50,.45)}.tw-page:before{content:"";pointer-events:none;border:1px solid rgba(184,137,44,.45);position:absolute;top:14px;bottom:14px;left:14px;right:14px}.tw-ayah{flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .9rem;font-family:Amiri,Scheherazade New,Geeza Pro,Noto Naskh Arabic,Traditional Arabic,serif;display:flex;position:relative}.tw-word{color:inherit;cursor:default;border-radius:6px;justify-items:center;padding:.2rem .5rem .35rem;transition:background .16s linear;display:grid;position:relative}.tw-word[data-tip=true]{cursor:pointer}.tw-word:before{content:"";transform-origin:100%;background:rgba(15,107,75,.14);border-radius:6px;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.tw-word[data-state=now]:before{animation:sweep var(--dur)linear forwards}.tw-word[data-state=good]:before,.tw-word[data-state=fix]:before{background:rgba(15,107,75,.07);transform:scaleX(1)}.tw-word[data-state=fix]:before{background:rgba(180,82,26,.1)}@keyframes sweep{to{transform:scaleX(1)}}.tw-word[data-open=true]{background:rgba(184,137,44,.2)}.tw-ar{font-size:max(1.9rem,min(3vw,3rem));line-height:1.6;transition:color .2s linear;position:relative}.tw-word[data-state=now] .tw-ar,.tw-word[data-state=good] .tw-ar{color:#0f6b4b}.tw-word[data-state=fix] .tw-ar{color:#b4521a}.tw-tr{font-family:var(--body);color:#6b5a3a;font-size:.85rem;font-style:italic;position:relative}.tw-word[data-tip=true] .tw-tr{text-underline-offset:3px;-webkit-text-decoration:underline dotted #b8892c;text-decoration:underline dotted #b8892c;text-decoration-thickness:2px}.tw-score{font-family:var(--display);font-size:.95rem;font-style:italic;font-weight:900;position:relative}.tw-word[data-state=good] .tw-score{color:#0f6b4b;animation:flashIn .3s var(--spring)both}.tw-word[data-state=fix] .tw-score{color:#b4521a;animation:flashIn .3s var(--spring)both}.tw-end{color:#0f6b4b;border:2px solid #b8892c;border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;font-size:1.2rem;display:inline-grid;box-shadow:0 0 0 3px #f7efdb,0 0 0 4px #b8892c}.tw-en{text-align:center;color:#5a4a2c;margin-top:.4rem;font-size:.95em;font-style:italic;position:relative}.tw-tip{border-left:4px solid var(--gold);animation:flipIn .38s var(--ease-out)both;background:rgba(255,216,74,.12);grid-template-columns:auto 1fr;align-items:baseline;gap:.2rem .8rem;margin-top:.7rem;padding:.7rem 1rem;display:grid}.tw-tip b{font-family:var(--display);text-transform:uppercase;color:var(--gold);font-style:italic;font-weight:900}.tw-tip span{justify-self:end;font-family:Amiri,Geeza Pro,Noto Naskh Arabic,serif;font-size:1.5rem}.tw-tip p{color:var(--foam);grid-column:1/-1}.tw-controls{flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:.9rem;display:flex}.tw-rec{background:var(--paper);color:var(--ink);font-family:var(--display);text-transform:uppercase;box-shadow:-5px 4px 0 var(--red);cursor:pointer;white-space:nowrap;align-items:center;gap:.6rem;padding:.6rem 1.4rem;font-style:italic;font-weight:900;display:inline-flex;transform:skew(-12deg)}.tw-rec:disabled{cursor:default}.tw-rec-dot{background:var(--red);border-radius:50%;width:.7rem;height:.7rem}.tw[data-phase=listen] .tw-rec-dot{animation:.7s ease-in-out infinite alternate recDot}@keyframes recDot{to{opacity:.2;transform:scale(.6)}}.tw-wave{flex:1;align-items:center;gap:3px;min-width:160px;height:54px;display:flex}.tw-wave i{background:linear-gradient(180deg,var(--surf),#b06cff);border-radius:3px;flex:1;height:100%;transform:scaleY(.06)}.tw-mic{color:var(--foam);cursor:pointer;align-items:center;gap:.45rem;font-style:italic;font-weight:700;display:inline-flex}.tw-mic input{width:1.05rem;height:1.05rem;accent-color:var(--red)}.tw-note{color:var(--foam);margin-top:.4rem;font-size:.85em;font-style:italic}.tw-result{animation:flipIn .42s var(--ease-out)both;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);grid-template-columns:auto 1fr;align-items:center;gap:1.3rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.tw-ring{aspect-ratio:1;text-align:center;place-content:center;width:118px;display:grid;position:relative}.tw-ring svg{position:absolute;top:0;bottom:0;left:0;right:0;rotate:-90deg}.tw-ring circle{fill:none;stroke-width:9px}.tw-ring-bg{stroke:rgba(255,255,255,.12)}.tw-ring-fg{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--v));animation:ringIn 1.1s var(--ease-out)both}@keyframes ringIn{0%{stroke-dashoffset:1px}}.tw-ring b{font-family:var(--display);color:var(--gold);font-size:1.8rem;font-style:italic;font-weight:900;line-height:1;position:relative}.tw-ring span{text-transform:uppercase;color:var(--foam);font-size:.75rem;font-weight:700;position:relative}.tw-metrics{gap:.5rem;display:grid}.tw-hint{color:var(--foam);font-size:.85em;font-style:italic}.lb-top{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;display:flex}.lb-orgs{flex-wrap:wrap;gap:.35rem;display:flex}.lb-orgs button{border:1.5px solid var(--c,rgba(255,255,255,.45));color:var(--c,var(--foam));cursor:pointer;padding:.3rem .85rem;font-style:italic;font-weight:800;transition:background .12s linear,color .12s linear;transform:skew(-10deg)}.lb-orgs button[data-on=true]{background:var(--c,var(--paper));color:var(--deep)}.lb-main{grid-template-columns:minmax(0,1fr) minmax(200px,250px);gap:1rem;margin-top:.9rem;display:grid}.lb-shelves{align-content:start;gap:.8rem;display:grid}.lb-shelf{grid-template-columns:4.4rem 1fr;align-items:end;gap:.6rem;transition:opacity .2s linear;display:grid}.lb-shelf[data-dim=true]{opacity:.35}.lb-org{font-family:var(--display);text-transform:uppercase;color:var(--c);justify-items:center;gap:.25rem;padding-bottom:.4rem;font-size:.78rem;font-style:italic;font-weight:900;display:grid}.lb-org i{border:2px solid var(--c);width:2rem;height:2rem;color:var(--paper);background:rgba(0,0,0,.3);border-radius:50%;place-items:center;font-size:1rem;font-style:normal;display:grid}.lb-row{background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.06));border-bottom:10px solid #8b5a2b;align-items:flex-end;gap:4px;height:128px;padding:0 .6rem;display:flex;position:relative;box-shadow:0 5px #5a3818,0 12px 18px rgba(0,0,0,.35)}.lb-book{width:var(--w);height:var(--h);background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 18%,rgba(255,255,255,.2) 30%,transparent 46%,rgba(0,0,0,.24)),var(--c);color:var(--ink);cursor:pointer;transition:transform .3s var(--spring),opacity .2s linear,box-shadow .2s linear;border-radius:3px 3px 1px 1px;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;padding:7px 0 5px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.lb-book:hover{transform:translateY(-8px)}.lb-band{opacity:.9;background:#e8c46a;flex-shrink:0;width:100%;height:4px}.lb-title{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;flex:1;min-height:0;font-family:Georgia,Times New Roman,serif;font-size:.64rem;font-weight:700;overflow:hidden;transform:rotate(180deg)}.lb-mark{font-family:var(--display);opacity:.8;font-size:.6rem;font-style:italic;font-weight:900}.lb-book[data-out=true]{outline-offset:-1.5px;box-shadow:none;color:rgba(255,255,255,.5);background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 4px,transparent 4px,transparent 8px);outline:1.5px dashed rgba(255,255,255,.4)}.lb-book[data-you=true]{outline-color:var(--gold);color:var(--gold)}.lb-book[data-out=true] .lb-band{opacity:.15}.lb-book[data-sel=true]{box-shadow:0 0 0 2px var(--paper),0 0 18px var(--surf);transform:translateY(-14px)}.lb-book[data-hit=true]{box-shadow:0 0 0 2px var(--gold),0 0 16px var(--gold);transform:translateY(-8px)}.lb-book[data-dim=true]{opacity:.22}.lb-count{color:var(--foam);font-style:italic;font-weight:700}.lb-side{align-content:start;gap:.8rem;display:grid}.lb-card{animation:flipIn .38s var(--ease-out)both;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);gap:.65rem;padding:.9rem;display:grid;position:relative}.lb-close{z-index:1;color:var(--foam);cursor:pointer;position:absolute;top:.35rem;right:.5rem}.lb-cover{text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 40%),var(--c);height:130px;color:var(--ink);outline-offset:-8px;border-radius:2px 6px 6px 2px;outline:1px solid rgba(232,196,106,.85);align-content:center;gap:.4rem;padding:.9rem;display:grid;box-shadow:inset 7px 0 rgba(0,0,0,.25),0 8px 18px rgba(0,0,0,.35)}.lb-cover span{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700;line-height:1.2}.lb-cover small{opacity:.85;font-size:.75rem;font-style:italic}.lb-meta{color:var(--foam);flex-wrap:wrap;gap:.35rem .8rem;font-size:.85em;display:flex}.lb-pill{color:#3cff8a;background:rgba(60,255,138,.16);padding:.1rem .55rem;font-style:italic;font-weight:800}.lb-pill[data-kind=other]{color:var(--pink);background:rgba(255,90,168,.16)}.lb-pill[data-kind=you]{color:var(--gold);background:rgba(255,216,74,.16)}.lb-cardholder{color:#1b1b1b;background:linear-gradient(135deg,#f7efdb,#e3d4ae);border-radius:6px;gap:.45rem;padding:.9rem;display:grid;box-shadow:0 10px 24px rgba(0,0,0,.35)}.lb-card-k{letter-spacing:.12em;text-transform:uppercase;color:#0f6b4b;font-size:.7rem;font-weight:900}.lb-cardholder b{font-family:var(--display);font-size:1.1rem;font-style:italic;font-weight:900}.lb-cardholder p{font-size:.85em}.lb-cardholder ul{gap:.3rem;display:grid}.lb-cardholder li{animation:flashIn .3s var(--spring)both;grid-template-columns:10px 1fr auto;align-items:center;gap:.5rem;font-size:.85em;display:grid}.lb-cardholder li i{border-radius:2px;width:10px;height:16px}.lb-cardholder li small{color:#6b5a3a;font-style:italic}.lb-cardholder li[data-hold=true]{opacity:.7}.lb-feed{background:rgba(0,0,0,.3);border:1px solid rgba(60,196,255,.25);padding:.7rem .8rem;font-size:.82em}.lb-live{text-transform:uppercase;letter-spacing:.08em;color:#3cff8a;align-items:center;gap:.4rem;font-size:.72rem;font-weight:900;display:flex}.lb-live i{background:#3cff8a;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite livePulse}@keyframes livePulse{50%{opacity:.25;transform:scale(.7)}}.lb-feed ul{gap:.35rem;margin-top:.5rem;display:grid}.lb-feed li{color:var(--foam);animation:flashIn .38s var(--spring)both;line-height:1.35}.lb-feed li[data-you=true]{color:var(--paper)}.sc2-scene{cursor:crosshair;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#0a1450;border:1px solid rgba(255,255,255,.2);width:100%;height:max(220px,min(36vh,330px));display:block}.sc2[data-phase=flight] .sc2-scene,.sc2[data-phase=result] .sc2-scene,.sc2[data-phase=over] .sc2-scene{cursor:default}.sc2-board{letter-spacing:2px;fill:#fff;text-anchor:middle;font-size:6px;font-style:italic;font-weight:900}.sc2-line{fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.6px}.sc2-netline{stroke:rgba(255,255,255,.45);stroke-width:.7px}.sc2-depth{fill:none;stroke:rgba(255,255,255,.6);stroke-width:1.5px}.sc2-frame{fill:none;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.sc2-goal[data-shake=true]{animation:.52s ease-out netShake}@keyframes netShake{20%{transform:translateY(3px)}45%{transform:translateY(-1.5px)}70%{transform:translateY(1px)}}.sc2-ripple{fill:none;stroke:#fff;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:.7s ease-out forwards ripple}@keyframes ripple{to{opacity:0;stroke-width:.3px;transform:scale(9)}}.sc2-keeper[data-dive=idle]{animation:1.3s ease-in-out infinite alternate shuffle}@keyframes shuffle{0%{transform:translate(-14px)}to{transform:translate(14px)}}.sc2-keeper-body{transition:transform .38s cubic-bezier(.2,.8,.3,1)}.sc2-keeper[data-dive=l] .sc2-keeper-body{transform:translate(-50px,-12px)rotate(-78deg)}.sc2-keeper[data-dive=r] .sc2-keeper-body{transform:translate(50px,-12px)rotate(78deg)}.sc2-keeper[data-dive=hl] .sc2-keeper-body{transform:translate(-44px,-40px)rotate(-58deg)}.sc2-keeper[data-dive=hr] .sc2-keeper-body{transform:translate(44px,-40px)rotate(58deg)}.sc2-keeper[data-dive=c] .sc2-keeper-body{transform:translateY(-18px)}.sc2-arm{stroke:#ffd84a;stroke-width:5px;stroke-linecap:round}.sc2-aim circle,.sc2-aim path{fill:none;stroke:var(--gold);stroke-width:1.6px}.sc2-aim .sc2-aim-dot{fill:var(--gold);stroke:none}.sc2[data-phase=power] .sc2-aim{animation:.45s ease-in-out infinite alternate aimPulse}@keyframes aimPulse{to{opacity:.45}}.sc2-ball{pointer-events:none}.sc2-callout{font-family:var(--display);text-anchor:middle;fill:#fff;stroke:#0a1450;stroke-width:1.5px;paint-order:stroke;transform-box:fill-box;transform-origin:50%;animation:callout .7s var(--spring)both;pointer-events:none;font-size:34px;font-style:italic;font-weight:900}.sc2-callout[data-kind=goal]{fill:var(--gold)}.sc2-callout[data-kind=save]{fill:var(--pink)}.sc2-callout[data-kind=miss]{fill:#bff3ff}@keyframes callout{0%{opacity:0;transform:scale(.3)}}.sc2-hud{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sc2-power{flex:1;align-items:center;gap:.6rem;max-width:380px;display:flex}.sc2-power span{text-transform:uppercase;color:var(--foam);font-size:.8rem;font-style:italic;font-weight:800}.sc2-power div{border:1.5px solid var(--paper);opacity:.4;background:linear-gradient(90deg,#3cff8a,#ffd84a 65%,#ff2a3d);flex:1;height:14px;transition:opacity .15s linear;position:relative;transform:skew(-14deg)}.sc2-power[data-on=true] div{opacity:1}.sc2-power i{width:5px;top:-5px;bottom:-5px;left:calc(var(--p,0)*(100% - 5px));background:var(--paper);box-shadow:0 0 10px var(--paper);position:absolute}.sc2-kicks{gap:.4rem;display:flex}.sc2-kicks li{border:2px solid rgba(255,255,255,.45);border-radius:50%;width:18px;height:18px;transition:background .2s linear,border-color .2s linear}.sc2-kicks li[data-k=goal]{background:#3cff8a;border-color:#3cff8a}.sc2-kicks li[data-k=save]{background:var(--pink);border-color:var(--pink)}.sc2-kicks li[data-k=miss]{border-color:var(--pink);background:rgba(255,90,168,.2)}.fs2{grid-template-columns:minmax(150px,.8fr) 1.2fr;align-items:start;gap:1rem}.fs2-stage{background:radial-gradient(at 50% 22%,rgba(255,255,255,.22),transparent 55%),linear-gradient(#16207a,#0a1046);border:1px solid rgba(255,255,255,.18);place-items:center;min-height:300px;padding:.6rem 0;display:grid;position:relative;overflow:hidden}.fs2-stage:before{content:"";background:radial-gradient(rgba(60,196,255,.3),transparent 70%);height:22%;position:absolute;bottom:4%;left:10%;right:10%}.fs2-fig{width:100%;height:auto;max-height:360px;position:relative}.fs2-body{transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite fsIdle}@keyframes fsIdle{50%{transform:rotate(.8deg)translateY(-1.5px)}}.fs2-body path,.fs2-body rect,.fs2-body ellipse{transition:fill .22s linear}.fs2-flash{z-index:2;opacity:0;pointer-events:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.fs2-flash[data-on=true]{animation:.52s ease-out camFlash}@keyframes camFlash{0%{opacity:.9}to{opacity:0}}.fs2-stamp{z-index:3;background:var(--red);color:var(--paper);border:3px solid var(--paper);font-family:var(--display);animation:stampIn .42s var(--spring)both;align-items:baseline;padding:.2rem .7rem;font-style:italic;font-weight:900;display:flex;position:absolute;top:10px;right:10px;transform:rotate(8deg);box-shadow:0 6px 14px rgba(0,0,0,.4)}.fs2-stamp[data-good=true]{background:var(--gold);color:var(--deep)}.fs2-stamp b{font-size:2.4rem;line-height:1}@keyframes stampIn{0%{opacity:0;transform:rotate(8deg)scale(2.4)}}.fs2-panel{gap:.7rem;display:grid}.fs2-tabs{gap:.3rem;display:flex}.fs2-tabs button{font-family:var(--display);text-transform:uppercase;color:var(--foam);cursor:pointer;background:rgba(255,255,255,.06);flex:1;padding:.4rem .3rem;font-size:.85em;font-style:italic;font-weight:900;transition:background .12s linear,color .12s linear;transform:skew(-10deg)}.fs2-tabs button[data-on=true]{background:var(--paper);color:var(--ink);box-shadow:-4px 3px 0 var(--red)}.fs2-styles{flex-wrap:wrap;gap:.35rem;display:flex}.fs2-styles button{color:var(--paper);cursor:pointer;border:1.5px solid rgba(255,255,255,.3);padding:.3rem .75rem;font-size:.88em;font-style:italic;font-weight:700;transition:background .12s linear,color .12s linear;transform:skew(-10deg)}.fs2-styles button:hover{border-color:var(--paper)}.fs2-styles button[data-on=true]{background:var(--surf);border-color:var(--surf);color:var(--deep)}.fs2-swatches{grid-template-columns:repeat(13,minmax(0,1fr));gap:6px;display:grid}.fs2-swatches button{aspect-ratio:1;background:var(--c);cursor:pointer;transition:transform .2s var(--spring),box-shadow .15s linear;border:2px solid rgba(255,255,255,.25);border-radius:50%}.fs2-swatches button:hover{transform:scale(1.15)}.fs2-swatches button[data-on=true]{border-color:var(--paper);box-shadow:0 0 0 2px var(--red);transform:scale(1.12)}.fs2-random{color:var(--foam);text-transform:uppercase;cursor:pointer;border:1.5px solid rgba(255,255,255,.35);padding:.55rem 1rem;font-style:italic;font-weight:800;transform:skew(-10deg)}.fs2-random:hover{border-color:var(--paper);color:var(--paper)}.fs2-judges{animation:flipIn .42s var(--ease-out)both;gap:.45rem;display:grid}.hg{gap:.85rem;display:grid}.hg-btn{background:var(--paper);color:var(--ink);font-family:var(--display);text-transform:uppercase;box-shadow:-5px 4px 0 var(--red);cursor:pointer;transition:transform .24s var(--spring),box-shadow .16s linear;justify-self:start;padding:.6rem 1.7rem;font-size:1.05em;font-style:italic;font-weight:900;transform:skew(-12deg)}.hg-btn:hover{transform:skew(-12deg)translate(5px)}.hg-btn:active{transform:skew(-12deg)scale(.94)}.hg-flash{min-height:1.6em;font-family:var(--display);animation:flashIn .38s var(--spring)both;font-size:1.15em;font-style:italic;font-weight:900}.hg-flash[data-kind=good]{color:var(--gold)}.hg-flash[data-kind=bad]{color:var(--pink)}.hg-flash[data-kind=idle]{font-family:var(--body);color:var(--foam);font-size:.95em;font-weight:600;animation:none}@keyframes flashIn{0%{opacity:0;transform:translateY(8px)scale(.92)}}.gm-bar{border:2px solid var(--paper);background:rgba(0,0,0,.45);height:48px;position:relative;overflow:hidden;transform:skew(-12deg)}.gm-zone{background:linear-gradient(180deg,#ff4d5e,var(--red));width:16%;position:absolute;top:0;bottom:0;left:42%;box-shadow:0 0 18px rgba(229,23,47,.8)}.gm-needle{width:6px;top:-4px;bottom:-4px;left:calc(var(--p,0)*(100% - 6px));background:var(--paper);box-shadow:0 0 12px var(--paper);position:absolute}.gm-row{align-items:center;gap:1.4rem;display:flex}.gm-attack{padding:.7rem 2.4rem;font-size:1.3em}.gm-combo{color:var(--foam);font-style:italic;font-weight:700}.gm-combo b{font-family:var(--display);color:var(--gold);font-size:1.9rem}.hg-climb{grid-template-columns:1fr auto}.hg-climb .hg-flash{grid-column:1/-1}.cl-wall{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 2px,transparent 3px) 0 0/34px 34px,linear-gradient(165deg,#5d6c80,#3a4557);border:1px solid rgba(255,255,255,.2);height:300px;position:relative;overflow:hidden}.cl-hold{cursor:pointer;width:26px;height:21px;transition:transform .2s var(--spring);border-radius:46% 58% 50% 42%;position:absolute;transform:translate(-50%,-50%)rotate(-12deg);box-shadow:inset -3px -3px rgba(0,0,0,.3)}.cl-hold:hover{transform:translate(-50%,-50%)rotate(-12deg)scale(1.2)}.cl-hold[data-kind=route]{background:var(--surf)}.cl-hold[data-kind=decoy]{background:#ff8a3d}.cl-hold[data-kind=decoy]:nth-child(2n){background:var(--gold)}.cl-hold[data-next=true]{animation:.9s ease-in-out infinite alternate chalk}.cl-hold[data-done=true]{background:var(--paper)}@keyframes chalk{to{box-shadow:inset -3px -3px 0 rgba(0,0,0,.3),0 0 0 4px rgba(255,255,255,.5),0 0 16px var(--surf)}}.cl-me{z-index:2;background:var(--red);border:3px solid var(--paper);pointer-events:none;width:26px;height:26px;transition:left .32s var(--spring),top .32s var(--spring);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.cl-top{font-family:var(--display);letter-spacing:.1em;border-bottom:2px dashed var(--paper);font-style:italic;font-weight:900;position:absolute;top:2%;left:50%;transform:translate(-50%)}.cl-side{grid-template-rows:auto 1fr;justify-items:center;gap:.4rem;display:grid}.cl-label{text-transform:uppercase;color:var(--foam);font-size:.75rem;font-weight:800}.cl-pump{border:1.5px solid var(--paper);background:rgba(0,0,0,.4);width:18px;position:relative}.cl-pump i{height:calc(var(--v)*100%);background:linear-gradient(0deg,var(--red),var(--gold),#3cff8a);transition:height .1s linear;position:absolute;bottom:0;left:0;right:0}.tr-head{flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;display:flex}.tr-ticker{background:var(--paper);color:var(--deep);font-family:var(--display);padding:.1rem .6rem;font-style:italic;font-weight:900}.tr-price{font-family:var(--pixel);font-size:2rem}.tr-pnl,.tr-total{color:var(--foam);font-style:italic;font-weight:800}.tr-pnl[data-up=true],.tr-total[data-up=true]{color:#3cff8a}.tr-pnl[data-up=false],.tr-total[data-up=false]{color:#ff5c7a}.tr-chart{background:rgba(0,0,0,.3);border:1px solid rgba(60,196,255,.3);width:100%;height:200px}.tr-candle{color:#3cff8a}.tr-candle[data-up=false]{color:#ff5c7a}.tr-candle line{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.tr-candle rect{fill:currentColor}.tr-entry{stroke:var(--gold);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.tr-row{align-items:center;gap:1.2rem;display:flex}.hg-btn[data-kind=buy]{box-shadow:-5px 4px #22c06b}.hp-scene{background:radial-gradient(at 30% 85%,#1b2150,#070a24 70%);border:1px solid rgba(255,255,255,.2);height:230px;transition:background .4s linear;position:relative;overflow:hidden}.hp-scene[data-light=true]{background:radial-gradient(at 24% 60%,#7c7aa8 0%,#2a2f66 40%,#0b0f34 80%)}.hp-wand{transform-origin:12% 90%;width:120px;height:120px;animation:flick .42s var(--ease-out);position:absolute;bottom:4%;left:4%}.hp-scene[data-fx=none] .hp-wand{animation:none}@keyframes flick{40%{transform:rotate(-16deg)}}.hp-stick{stroke:#8a5a2b;stroke-width:6px;stroke-linecap:round}.hp-grip{stroke:#4a2c12;stroke-width:10px;stroke-linecap:round}.hp-tip{fill:var(--paper)}.hp-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,250,220,.95) 0,rgba(255,250,220,.95) 6%,rgba(255,245,200,.35) 30%,transparent 65%);border-radius:50%;width:190px;height:190px;transition:opacity .3s linear;position:absolute;bottom:calc(4% + 92px);left:calc(4% + 94px);transform:translate(-50%,50%)}.hp-scene[data-light=true] .hp-glow{opacity:1;animation:2.2s ease-in-out infinite alternate flicker}@keyframes flicker{to{transform:translate(-50%,50%)scale(1.08)}}.hp-feather{width:30px;fill:var(--paper);opacity:.9;position:absolute;bottom:6%;left:46%}.hp-quill{stroke:#9aa;stroke-width:1.5px}.hp-scene[data-fx=wingardium\ leviosa] .hp-feather{animation:2.6s ease-in-out forwards levitate}@keyframes levitate{30%{transform:translate(-8px,-80px)rotate(-14deg)}60%{transform:translate(10px,-120px)rotate(12deg)}to{transform:translateY(-110px)rotate(-6deg)}}.hp-bolt{background:linear-gradient(90deg,#ffb3b3,var(--red));width:0;height:6px;box-shadow:0 0 16px var(--red);opacity:0;border-radius:6px;position:absolute;bottom:calc(4% + 89px);left:calc(4% + 94px)}.hp-scene[data-fx=expelliarmus] .hp-bolt{animation:bolt .52s var(--ease-out)forwards}@keyframes bolt{0%{opacity:1;width:0}70%{opacity:1;width:calc(84% - 94px)}to{opacity:0;width:calc(84% - 94px)}}.hp-enemy{stroke:#b07a46;stroke-width:5px;stroke-linecap:round;width:60px;height:60px;position:absolute;top:34%;right:6%}.hp-scene[data-fx=expelliarmus] .hp-enemy{animation:disarm .9s var(--ease-out).36s forwards}@keyframes disarm{to{opacity:0;transform:translate(40px,-160px)rotate(540deg)}}.hp-shield{opacity:0;pointer-events:none;background:radial-gradient(circle,transparent 55%,rgba(140,210,255,.35));border:3px solid rgba(140,210,255,.85);border-radius:50%;width:210px;height:210px;position:absolute;bottom:calc(4% + 60px);left:calc(4% + 60px);transform:translate(-50%,50%)scale(.2)}.hp-scene[data-fx=protego] .hp-shield{animation:shield 1.8s var(--ease-out)forwards}@keyframes shield{25%{opacity:1;transform:translate(-50%,50%)scale(1.05)}75%{opacity:.9;transform:translate(-50%,50%)scale(1)}to{opacity:0;transform:translate(-50%,50%)scale(1.15)}}.hp-form{gap:.7rem;display:flex}.hp-form .hg-btn{flex-shrink:0;justify-self:auto}.hp-book{flex-wrap:wrap;gap:.4rem;display:flex}.hp-chip{color:var(--foam);text-transform:capitalize;cursor:pointer;border:1.5px solid rgba(255,255,255,.35);padding:.25rem .75rem;font-style:italic;font-weight:700;transition:background .12s linear,color .12s linear;transform:skew(-10deg)}.hp-chip:hover{border-color:var(--paper)}.hp-chip[data-learned=true]{background:var(--gold);border-color:var(--gold);color:var(--deep)}.cm-room{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);grid-template-columns:repeat(20,1fr);gap:5px;padding:.9rem;display:grid}.cm-room i{aspect-ratio:1;transition:background .2s linear calc(var(--k)*25ms),transform .3s var(--spring)calc(var(--k)*25ms);background:rgba(255,255,255,.1);border-radius:50%}.cm-room i[data-in=true]{background:var(--surf);transform:scale(1.12)}.cm-room i[data-in=true]:nth-child(3n){background:var(--pink)}.cm-room i[data-in=true]:nth-child(7n){background:var(--gold)}.stage-top{position:relative;overflow:hidden}.rankup{background:var(--paper);color:var(--deep);white-space:nowrap;clip-path:polygon(14px 0,100% 0,100% 100%,0 100%);box-shadow:inset 4px 0 0 var(--red);pointer-events:none;animation:rankup 2.6s var(--ease-out)forwards;align-items:center;gap:.6rem;padding:0 1.1rem 0 1.6rem;display:flex;position:absolute;top:0;bottom:0;right:0}.rankup b{font-family:var(--display);text-transform:uppercase;color:var(--red);font-size:1.15em;font-style:italic;font-weight:900}.rankup span{font-style:italic;font-weight:900}@keyframes rankup{0%{transform:translate(105%)}10%{transform:translate(-6px)}16%,82%{transform:translate(0)}to{transform:translate(105%)}}.ranks{gap:.45rem;display:grid}.ranks li{background:rgba(255,255,255,.05);border-left:4px solid rgba(255,255,255,.15);grid-template-columns:3.4ch 1fr;align-items:baseline;gap:.8rem;padding:.55rem .85rem;display:grid}.ranks li[data-open=true]{border-left-color:var(--surf)}.ranks li[data-open=false] .ranks-line{opacity:.45;font-style:italic}.ranks li[data-new=true]{border-left-color:var(--gold);animation:flipIn .52s var(--ease-out)both;background:rgba(255,216,74,.14)}.ranks-n{font-family:var(--display);color:var(--surf);font-style:italic;font-weight:900}.sub-body .tags-pick li,.tags-pick li{border:none;padding:0}.tags-pick li:hover{background:0 0}.tags-pick button{color:var(--foam);font:inherit;cursor:pointer;border:1.5px solid rgba(60,196,255,.7);padding:.3rem .85rem;transition:background .12s linear,color .12s linear}.tags-pick button:hover,.tags-pick button[data-on=true]{background:var(--surf);color:var(--deep)}.skill-where{font-family:var(--display);color:var(--gold);font-size:1.1em;font-style:italic;font-weight:800}@media (min-width:900px) and (max-height:820px){.party{flex-direction:row;gap:8px}.badge{width:150px}.walkman{width:min(27vw,380px);bottom:24vh}.sub-nav-item{width:200px;padding-top:.25rem;padding-bottom:.25rem;font-size:.9rem}}@media (min-width:900px) and (max-height:660px){.sub-nav{display:none}.side{gap:.6rem;top:10vh;bottom:4vh}.pick{padding-top:.3rem;padding-bottom:.3rem}}.screen[data-entered=false] :-webkit-any(.menu-item,.hud,.badge,.walkman,.hero){animation-play-state:paused}.screen[data-entered=false] :-moz-any(.menu-item,.hud,.badge,.walkman,.hero){animation-play-state:paused}.screen[data-entered=false] :is(.menu-item,.hud,.badge,.walkman,.hero){animation-play-state:paused}.boot{z-index:60;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);-webkit-tap-highlight-color:transparent;background:radial-gradient(at 50% 45%,rgba(10,31,168,.55),rgba(2,6,40,.94) 75%);place-items:center;padding:1rem;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.boot[data-out=true]{pointer-events:none;animation:bootOut .7s var(--ease-out)forwards}@keyframes bootOut{to{opacity:0;filter:blur(6px);transform:scale(1.12)}}.boot-inner{animation:flashIn .7s var(--spring)both;justify-items:center;gap:1.2rem;display:grid}.boot-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--surf);font-size:max(.75rem,min(1.1vw,.95rem));font-weight:900}.boot-title{font-family:var(--display);text-transform:uppercase;color:var(--paper);text-shadow:.06em .06em 0 var(--red);font-size:max(3rem,min(11vw,9rem));font-style:italic;font-weight:900;font-stretch:80%;line-height:.85;transform:rotate(-4deg)}.boot-title span{color:var(--surf);text-shadow:none;font-size:.42em}.boot-press{background:var(--paper);color:var(--ink);font-family:var(--display);text-transform:uppercase;box-shadow:-8px 6px 0 var(--red);margin-top:.6rem;padding:.35em 1.4em;font-size:max(1.1rem,min(2.4vw,2rem));font-style:italic;font-weight:900;animation:1.4s ease-in-out infinite pressPulse;transform:skew(-12deg)}@keyframes pressPulse{50%{opacity:.55;transform:skew(-12deg)scale(.97)}}.boot-hint{color:var(--foam);align-items:center;gap:.5rem;font-size:max(.85rem,min(1.2vw,1.05rem));font-style:italic;font-weight:700;display:inline-flex}.boot-hint svg{fill:none;stroke:currentColor;stroke-width:2px;width:1.3em;height:1.3em}@media (max-width:899px){.screen{min-height:100dvh}.wedge{width:24vw}.wedge:before{clip-path:polygon(0 0,100% 0,62% 100%,0 100%)}.wedge-name{font-size:min(16vh,19vw)}.shard:nth-child(n+5){display:none}.stairs{opacity:.1}.hud{min-width:0;padding:.4rem .8rem .45rem .6rem;top:14px;left:14px}.hud-name{font-size:1.05rem}.hud-sub{font-size:.65rem}.party{gap:6px;top:14px;right:14px}.badge{grid-template-columns:36px;width:auto;padding:3px}.badge-glyph{width:36px;height:36px;font-size:.95rem}.badge-name,.badge-bars{display:none}.menu{--unit:clamp(2.3rem,12.4vw,4rem);top:44%;left:13vw}.menu-item{margin-left:calc(var(--indent)*.3)}.walkman{left:-10vw;right:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:min(82vw,420px);rotate:4deg}.wm-screen{font-size:max(.72rem,min(3.1vw,1.05rem))}.wm-controls{left:16%;rotate:-4deg}.wm-vol input{width:70px}.hero{--hh:66vh;transform:translate(calc(24vw - 15vh),62vh)rotate(172deg)}.screen[data-view=sub] .hero{opacity:0}.side{display:none}.picker-inline{scrollbar-width:none;gap:.45rem;padding:.2rem .2rem .5rem .6rem;display:flex;overflow-x:auto}.picker-inline .pick{flex:none;gap:.5rem;width:auto;padding:.45rem .9rem}.picker-inline .pick[data-on=true]{transform:skew(-10deg)}.picker-inline .pick-sub,.picker-inline .pick-pips{display:none}.picker-inline .pick-num{font-size:1.2rem}.picker-inline .pick-name{font-size:1rem}.rec{grid-template-columns:1fr}.wd-spells{grid-template-columns:repeat(4,minmax(0,1fr))}.wd-spell small,.wd-spell kbd{display:none}.wd-spell b{padding-right:0;font-size:.78em}.wd-arena{height:280px}.lb-main{grid-template-columns:1fr}.lb-shelf{grid-template-columns:3.2rem 1fr}.lb-row{gap:3px;height:110px;padding:0 .3rem}.lb-book{width:calc(var(--w)*.8)}.tw-result{grid-template-columns:1fr;justify-items:center}.tw-metrics{width:100%}.fs2{grid-template-columns:1fr}.fs2-stage{min-height:0}.fs2-fig{max-height:300px}.fs2-swatches{grid-template-columns:repeat(7,minmax(0,1fr))}.sc2-hud{flex-wrap:wrap}.stage-body{padding:.75rem}.hp-form .hg-btn{padding-left:1.1rem;padding-right:1.1rem}.sub-body{min-width:0;font-size:1.05rem}.sub-body .entry-bar{flex-wrap:wrap;row-gap:.15rem}.sub-body .entry-bar h3{font-size:max(1.5rem,min(7vw,2rem))}.sub-body .lead{font-size:1.2rem}.sub-body .entry-summary{font-size:1.1rem}.sub-body .entry-points{font-size:1.02rem}.sub-body .email-address{overflow-wrap:anywhere;font-size:max(1.2rem,min(6vw,1.6rem))}.ghost{font-size:24vw;top:3.4rem}.screen[data-view=sub] .wedge:before{clip-path:polygon(0 62%,6% 62%,70% 100%,0 100%)}.sub-nav{display:none}.sub-back{top:max(14px,env(safe-area-inset-top,0px));font-size:1rem;left:14px}.sub-col{width:auto;padding:calc(max(14px,env(safe-area-inset-top,0px)) + 3.6rem)max(16px,env(safe-area-inset-right,0px))0 max(16px,env(safe-area-inset-left,0px));background:linear-gradient(rgba(4,10,80,.2) 0%,rgba(4,10,80,.82) 30%,rgba(4,10,80,.9) 100%);top:0;bottom:0;left:0;right:0}.sub-scroll{padding-bottom:3rem;-webkit-mask-image:none;mask-image:none}.stats{grid-template-columns:1fr}.entry-bar h3{font-size:1.35rem}.prompt{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}