@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Nunito:wght@500;700;800&display=swap";.scene-outlet{position:relative;min-height:100vh;overflow:clip}.scene-outlet__layer{position:absolute;inset:0;transition:transform var(--duration-scene) var(--ease-out),opacity var(--duration-scene) var(--ease-out)}.scene-outlet__layer--incoming-start{transform:translate(var(--space-6));opacity:0}.scene-outlet__layer--incoming-end,.scene-outlet__layer--outgoing-start{transform:translate(0);opacity:1}.scene-outlet__layer--outgoing-end{transform:translate(calc(var(--space-6) * -1));opacity:0}.auth-stage{--sky-bleed: -3%;--hero-left: 11%;--hero-width: clamp(280px, 27vw, 440px);--hero-ratio: 688 / 1024;--mark-top: clamp(var(--space-8), 6vh, var(--space-16));--mark-left: clamp(24px, 4vw, 64px);--mark-width: clamp(200px, 21vw, 310px);--slot-right: clamp(40px, 5.5vw, 104px);--slot-width: min(486px, 42vw);--mascot-cell-w: 138px;--mascot-cell-h: 172px;--mascot-sheet-w: 552px;--mascot-left: -9%;--mascot-overlap: 34px;--mascot-scale: 1;--mascot-rise: calc(var(--mascot-cell-h) * var(--mascot-scale) - var(--mascot-overlap));--cloud-far-w: 1204px;--cloud-far-h: 242px;--cloud-near-w: 421px;--cloud-near-h: 214px;position:relative;min-height:100vh;overflow:clip;background:var(--color-surface-sunken)}.auth-stage__sky{position:absolute;inset:var(--sky-bleed);background:var(--art-sky) 38% 46% / cover no-repeat;animation:sky-breathe 64s var(--ease-in-out) infinite}@media(min-resolution:1.5dppx){.auth-stage__sky{background-image:var(--art-sky-wide)}}@media(max-width:900px)and (max-resolution:1.49dppx){.auth-stage__sky{background-image:var(--art-sky-narrow)}}@keyframes sky-breathe{0%,to{transform:scale(1.005) translateZ(0)}50%{transform:scale(1.03) translate3d(-18px,-8px,0)}}.auth-stage__veil{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,transparent 46%,color-mix(in srgb,var(--color-night-deep) 18%,transparent) 58%,color-mix(in srgb,var(--color-night-deep) 52%,transparent) 74%,color-mix(in srgb,var(--color-night-deep) 72%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--color-night-deep) 30%,transparent) 0%,transparent 18%)}.auth-stage__cloud{position:absolute;background-repeat:no-repeat;background-size:contain;pointer-events:none;will-change:transform}.auth-stage__cloud--far{top:16%;left:-30%;width:var(--cloud-far-w);height:var(--cloud-far-h);background-image:var(--art-cloud-far);opacity:.22;filter:saturate(.55) brightness(1.15);animation:drift-far 150s linear infinite}.auth-stage__cloud--near{top:8%;left:-20%;width:var(--cloud-near-w);height:var(--cloud-near-h);background-image:var(--art-cloud-near);opacity:.3;filter:saturate(.5) brightness(1.2);animation:drift-near 92s linear infinite}.auth-stage__cloud--low{bottom:14%;left:-25%;width:var(--cloud-near-w);height:var(--cloud-near-h);background-image:var(--art-cloud-near);opacity:.16;transform:scaleX(-1);filter:saturate(.45) brightness(1.1) blur(1px);animation:drift-low 210s linear infinite}@keyframes drift-far{to{transform:translate(150vw)}}@keyframes drift-near{to{transform:translate(160vw)}}@keyframes drift-low{to{transform:scaleX(-1) translate(-170vw)}}.auth-stage__motes{position:absolute;inset:0;pointer-events:none;opacity:.55}.auth-stage__mote{position:absolute;bottom:-6%;border-radius:50%;background:var(--color-daylight);box-shadow:0 0 6px color-mix(in srgb,var(--color-daylight) 80%,transparent);animation-name:mote-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes mote-rise{0%{transform:translateZ(0);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate3d(var(--mote-sway, 30px),-108vh,0);opacity:0}}.auth-stage__hero{position:absolute;left:var(--hero-left);bottom:0;width:var(--hero-width);aspect-ratio:var(--hero-ratio);z-index:2;animation:hero-in var(--duration-scene) var(--ease-out) var(--duration-state) both}.auth-stage__hero-sprite{position:absolute;inset:0;background:var(--art-hero) bottom center / contain no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,.55) 86%,transparent 97%);mask-image:linear-gradient(180deg,#000 0%,#000 72%,rgba(0,0,0,.55) 86%,transparent 97%);filter:saturate(.88) contrast(.96) brightness(1.02);transform-origin:50% 100%;animation:hero-breathe 6.5s var(--ease-in-out) infinite}@keyframes hero-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(.997,1.008)}}.auth-stage__hero-glow{position:absolute;left:58%;top:26%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--color-daylight) 45%,transparent),color-mix(in srgb,var(--color-daylight) 14%,transparent) 52%,transparent 74%);animation:hero-pulse 11s var(--ease-in-out) infinite;pointer-events:none}@keyframes hero-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.auth-stage__hero-haze{position:absolute;left:-14%;right:-14%;bottom:-2%;height:26%;background:linear-gradient(0deg,color-mix(in srgb,var(--color-moon) 58%,transparent) 0%,color-mix(in srgb,var(--color-moon) 26%,transparent) 45%,transparent 100%);filter:blur(7px);pointer-events:none}@keyframes hero-in{0%{opacity:0;transform:translateY(var(--space-6))}to{opacity:1;transform:translateY(0)}}.auth-stage__mark{position:absolute;top:var(--mark-top);left:var(--mark-left);z-index:3;width:var(--mark-width);margin:0;animation:mark-in var(--duration-enter) var(--ease-out) both}.auth-stage__mark-img{display:block;width:100%;height:auto;filter:drop-shadow(var(--shadow-art))}.auth-stage__mark-tag{display:block;margin-left:var(--space-3);font-family:var(--font-display);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-display);letter-spacing:.22em;color:var(--color-text);opacity:.85;text-shadow:0 2px 10px rgba(6,9,24,.85)}@keyframes mark-in{0%{opacity:0;transform:translateY(calc(var(--space-4) * -1)) scale(.97)}to{opacity:1;transform:none}}.auth-stage__slot{position:absolute;top:50%;right:var(--slot-right);transform:translateY(calc(-50% + var(--mascot-rise) / 2));z-index:3;width:var(--slot-width)}@media(max-height:800px){.auth-stage{--mascot-scale: .8}}@media(max-width:1040px){.auth-stage{--hero-left: 2%;--hero-width: clamp(240px, 30vw, 330px);--slot-right: var(--space-6);--slot-width: min(380px, 46vw)}}@media(max-width:820px){.auth-stage__hero,.auth-stage__cloud--low{display:none}.auth-stage__mark{--mark-top: var(--space-4);--mark-left: var(--space-4);--mark-width: clamp(160px, 44vw, 230px)}.auth-stage__slot{top:auto;bottom:var(--space-8);right:var(--space-4);left:var(--space-4);width:auto;transform:none}.auth-stage__veil{background:linear-gradient(180deg,color-mix(in srgb,var(--color-night-deep) 35%,transparent),color-mix(in srgb,var(--color-night-deep) 60%,transparent),color-mix(in srgb,var(--color-night-deep) 96%,transparent) 76%)}}@media(prefers-reduced-motion:reduce){.auth-stage__sky,.auth-stage__cloud,.auth-stage__hero-sprite,.auth-stage__hero-glow{animation:none!important}.auth-stage__motes{display:none}.auth-stage__hero,.auth-stage__mark{animation-name:stage-fade-in;animation-timing-function:linear}@keyframes stage-fade-in{0%{opacity:0}to{opacity:1}}}.auth-choice{--choice-portrait-h: 84px;--choice-portrait-ratio: 250 / 312;margin-bottom:var(--space-4)}.auth-choice__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:var(--color-text-muted)}.auth-choice__group{display:flex;gap:var(--space-3)}.auth-choice__option{display:flex;flex:1;align-items:center;gap:var(--space-3);padding:var(--space-2);border:2px solid transparent;border-radius:var(--radius-tile);background:color-mix(in srgb,var(--color-night-deep) 66%,transparent);font-family:inherit;cursor:pointer;transition:transform var(--duration-state) var(--ease-pop),border-color var(--duration-press) var(--ease-in-out),background var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out)}.auth-choice__option:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-frost) 30%,transparent)}.auth-choice__option:disabled{cursor:default;opacity:.55}.auth-choice__option--checked{border-color:var(--color-brass);background:linear-gradient(180deg,color-mix(in srgb,var(--color-brass) 22%,transparent),color-mix(in srgb,var(--color-brass) 6%,transparent)),color-mix(in srgb,var(--color-night-deep) 66%,transparent);box-shadow:var(--glow-brass);transform:scale(1.035)}.auth-choice__portrait{position:relative;flex:none;height:var(--choice-portrait-h);aspect-ratio:var(--choice-portrait-ratio);overflow:hidden;border-radius:var(--radius-tile);background:color-mix(in srgb,var(--color-night-deep) 40%,transparent)}.auth-choice__layer{position:absolute;inset:0;background-repeat:no-repeat;background-position:0 0;background-size:auto 100%}.auth-choice__name{flex:1;font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:var(--color-text);text-align:left;transition:color var(--duration-press) var(--ease-in-out)}.auth-choice__option--checked .auth-choice__name{color:var(--color-brass-light)}.auth-choice__message{display:block;min-height:var(--leading-meta);margin-top:var(--space-2);font-size:var(--text-meta);line-height:var(--leading-meta)}.auth-choice__error{display:block;font-weight:var(--weight-strong);color:var(--color-danger);animation:auth-choice-error-in var(--duration-state) var(--ease-out) both}@keyframes auth-choice-error-in{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1))}to{opacity:1;transform:none}}@media(max-height:800px){.auth-choice{--choice-portrait-h: 42px;margin-bottom:var(--space-1)}.auth-choice__label{display:none}.auth-choice__option{padding:var(--space-1) var(--space-2)}.auth-choice__message{margin-top:var(--space-1)}}.auth-field{--field-icon-size: var(--space-4);--field-icon-inset: var(--space-3);--field-icon-lane: calc(var(--field-icon-inset) * 2 + var(--field-icon-size));--field-icon-opacity: .62;margin-bottom:var(--space-4)}.auth-field__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:var(--color-text-muted)}.auth-field__wrap{position:relative;display:flex}.auth-field__wrap:focus-within{--field-icon-opacity: 1}.auth-field__input{flex:1;min-width:0;padding:var(--space-3) var(--space-4) var(--space-3) var(--field-icon-lane);border:1px solid color-mix(in srgb,var(--color-frost) 16%,transparent);border-radius:var(--radius-tile);background:color-mix(in srgb,var(--color-night-deep) 66%,transparent);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-body);color:var(--color-text);transition:border-color var(--duration-press) var(--ease-in-out),background var(--duration-press) var(--ease-in-out)}.auth-field__input::placeholder{color:color-mix(in srgb,var(--color-frost) 40%,transparent)}.auth-field__input:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-frost) 30%,transparent)}.auth-field__input:focus-visible{border-color:var(--color-focus);background:color-mix(in srgb,var(--color-night-deep) 80%,transparent)}.auth-field__input:disabled{opacity:.55}.auth-field__input--reveal{padding-right:calc(var(--space-16) + var(--space-4))}.auth-field__input--counter{padding-right:calc(var(--space-8) + var(--space-6))}.auth-field__input--invalid{border-color:var(--color-danger)}.auth-field__icon{position:absolute;left:var(--field-icon-inset);top:50%;width:var(--field-icon-size);height:var(--field-icon-size);transform:translateY(-50%);color:var(--color-accent);opacity:var(--field-icon-opacity);pointer-events:none;transition:opacity var(--duration-press) var(--ease-in-out)}.auth-field__reveal{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-tile);background:transparent;font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-body-heavy);color:var(--color-text-muted);transition:color var(--duration-press) var(--ease-in-out),background var(--duration-press) var(--ease-in-out)}.auth-field__reveal:hover:not(:disabled){color:var(--color-text);background:color-mix(in srgb,var(--color-frost) 12%,transparent)}.auth-field__reveal:disabled{opacity:.4}.auth-field__counter--over{color:var(--color-danger)}.auth-field__counter{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:color-mix(in srgb,var(--color-frost) 70%,transparent);pointer-events:none}.auth-field__message{display:block;min-height:var(--leading-meta);margin-top:var(--space-2);font-size:var(--text-meta);line-height:var(--leading-meta)}.auth-field__error{display:block;font-weight:var(--weight-strong);color:var(--color-danger);animation:auth-field-error-in var(--duration-state) var(--ease-out) both}@keyframes auth-field-error-in{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1))}to{opacity:1;transform:none}}.auth-field__hint{display:block;font-weight:var(--weight-body);color:color-mix(in srgb,var(--color-frost) 75%,transparent)}@media(max-height:800px){.auth-field{margin-bottom:var(--space-3)}}.auth-panel-block{--cannon-width: 82%;--cannon-right: -7%;--cannon-top: -13%;--cannon-angle: -17deg;--cannon-angle-rest: -15.4deg;position:relative}.auth-panel-block__cannon{position:absolute;right:var(--cannon-right);top:var(--cannon-top);width:var(--cannon-width);z-index:0;transform:rotate(var(--cannon-angle));transform-origin:70% 70%;filter:drop-shadow(var(--shadow-art));pointer-events:none;animation:cannon-settle var(--duration-scene) var(--ease-out) var(--duration-state) both,cannon-sway 9s var(--ease-in-out) 1.3s infinite}@keyframes cannon-settle{0%{opacity:0;transform:rotate(-30deg) translate(var(--space-8),calc(var(--space-6) * -1))}to{opacity:1;transform:rotate(var(--cannon-angle)) translate(0)}}@keyframes cannon-sway{0%,to{transform:rotate(var(--cannon-angle)) translateY(0)}50%{transform:rotate(var(--cannon-angle-rest)) translateY(calc(var(--space-1) * -1))}}.auth-panel-block__mascot{position:absolute;left:var(--mascot-left);bottom:calc(100% - var(--mascot-overlap));width:calc(var(--mascot-cell-w) * var(--mascot-scale));height:calc(var(--mascot-cell-h) * var(--mascot-scale));z-index:2;pointer-events:none;animation:mascot-in var(--duration-enter) var(--ease-out) var(--duration-enter) both}.auth-panel-block__mascot-sprite{display:block;width:var(--mascot-cell-w);height:var(--mascot-cell-h);transform:scale(var(--mascot-scale));transform-origin:bottom left;background:var(--art-mascot) 0 0 / var(--mascot-sheet-w) var(--mascot-cell-h) no-repeat;filter:drop-shadow(var(--shadow-sprite));animation:mascot-idle 1.9s steps(1,end) infinite}@keyframes mascot-idle{0%,24%{background-position-x:0}25%,49%{background-position-x:calc(var(--mascot-cell-w) * -1)}50%,74%{background-position-x:calc(var(--mascot-cell-w) * -2)}75%,to{background-position-x:calc(var(--mascot-cell-w) * -3)}}@keyframes mascot-in{0%{opacity:0;transform:translateY(var(--space-2)) scale(.92)}to{opacity:1;transform:none}}.auth-panel{--corner-size: var(--space-12);--corner-inset: -7px;--panel-shake: 6px;position:relative;z-index:1;padding:var(--space-8) var(--space-8) var(--space-6);border-radius:var(--radius-panel);background:linear-gradient(158deg,color-mix(in srgb,var(--color-night-raised) 90%,transparent),color-mix(in srgb,var(--color-night-deep) 95%,transparent));-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);box-shadow:var(--inset-glass),inset 0 0 0 1px color-mix(in srgb,var(--color-frost) 10%,transparent),var(--shadow-panel);animation:panel-enter var(--duration-enter) var(--ease-out) both}.auth-panel:before{content:"";position:absolute;left:18%;right:18%;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-aurora) 75%,transparent),transparent)}@keyframes panel-enter{0%{opacity:0;transform:translate(var(--space-8)) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}.auth-panel--shaking{animation:panel-shake var(--duration-enter) var(--ease-in-out)}@keyframes panel-shake{0%,to{transform:translate(0)}15%{transform:translate(calc(var(--panel-shake) * -1))}35%{transform:translate(var(--panel-shake))}55%{transform:translate(calc(var(--panel-shake) * -.6))}75%{transform:translate(calc(var(--panel-shake) * .4))}}.auth-panel--leaving{animation:panel-leave var(--duration-scene) var(--ease-out) both}@keyframes panel-leave{to{opacity:0;transform:translate(var(--space-12))}}.auth-panel__corner{position:absolute;width:var(--corner-size);height:var(--corner-size);background:var(--art-corner) center / contain no-repeat;pointer-events:none}.auth-panel__corner--tl{top:var(--corner-inset);left:var(--corner-inset)}.auth-panel__corner--tr{top:var(--corner-inset);right:var(--corner-inset);transform:scaleX(-1)}.auth-panel__corner--bl{bottom:var(--corner-inset);left:var(--corner-inset);transform:scaleY(-1)}.auth-panel__corner--br{bottom:var(--corner-inset);right:var(--corner-inset);transform:scale(-1)}.auth-panel__head{position:relative;margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius-tile);background:linear-gradient(180deg,color-mix(in srgb,var(--color-night-deep) 50%,transparent),color-mix(in srgb,var(--color-night-deep) 16%,transparent));box-shadow:var(--inset-glass)}.auth-panel__head:after{content:"";position:absolute;left:var(--space-4);right:var(--space-4);bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-brass) 50%,transparent) 30%,color-mix(in srgb,var(--color-brass) 50%,transparent) 70%,transparent)}.auth-panel__title{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-display);color:var(--color-text)}.auth-panel__sub{margin:0;font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:var(--color-text-muted)}.auth-panel__link{padding:0;border:0;border-radius:var(--radius-tile);background:none;font:inherit;font-weight:var(--weight-body-heavy);color:var(--color-aurora)}.auth-panel__link:hover{text-decoration:underline}.auth-panel__foot{margin:var(--space-6) 0 0;font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}@media(max-height:800px){.auth-panel__foot{margin-top:var(--space-4)}.auth-panel{padding:var(--space-2) var(--space-8) var(--space-2)}.auth-panel__head{margin-bottom:var(--space-3)}}@media(prefers-reduced-motion:reduce){.auth-panel-block__cannon,.auth-panel-block__mascot,.auth-panel-block__mascot-sprite{animation:none!important}.auth-panel{animation-name:panel-fade-in;animation-timing-function:linear}.auth-panel--shaking{animation:none!important}.auth-panel--leaving{animation-name:panel-fade-out}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-fade-out{to{opacity:0}}}.auth-submit{position:relative;width:100%;margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-tile);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));box-shadow:var(--inset-top),var(--glow-brass);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--color-text-on-brass);overflow:hidden;transition:transform var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out),filter var(--duration-press) var(--ease-in-out)}.auth-submit:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--inset-top),var(--glow-brass-hover)}.auth-submit:active:not(:disabled){transform:translateY(2px);box-shadow:var(--inset-top),var(--glow-brass-pressed)}.auth-submit:disabled{cursor:default;filter:saturate(.55) brightness(.9)}.auth-submit__fill{position:absolute;inset:0;width:0;background:color-mix(in srgb,var(--color-brass-deep) 85%,transparent)}.auth-submit--loading .auth-submit__fill{animation:auth-submit-fill .9s var(--ease-in-out) infinite}@keyframes auth-submit-fill{0%{width:0}to{width:100%}}.auth-submit__label{position:relative}@media(prefers-reduced-motion:reduce){.auth-submit--loading .auth-submit__fill{animation:none!important;width:40%}}.register__form,.sign-in__form{margin:0}.aim-readout{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-night-veil);animation:aim-readout-enter var(--duration-enter) var(--ease-out)}.aim-readout__label{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.aim-readout__value{display:flex;align-items:baseline;font-family:var(--font-display);font-size:var(--text-hud);line-height:var(--leading-hud);letter-spacing:var(--tracking-display);color:var(--color-text);animation:aim-readout-bump var(--duration-press) var(--ease-out)}.aim-readout__degree{font-family:var(--font-display);font-size:var(--text-body);color:var(--color-text-muted)}.aim-readout__hint{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted);opacity:.7;letter-spacing:.2em}@keyframes aim-readout-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}@keyframes aim-readout-bump{0%{transform:scale(1.18);color:var(--color-brass)}to{transform:scale(1);color:var(--color-text)}}@media(prefers-reduced-motion:reduce){.aim-readout,.aim-readout__value{animation:none}}.energy-bar{display:flex;flex-direction:column;gap:var(--space-1);width:10vw;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-night-veil);animation:energy-bar-enter var(--duration-enter) var(--ease-out)}.energy-bar__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.energy-bar__label{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.energy-bar__value{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text)}.energy-bar__track{position:relative;height:var(--space-1);border-radius:var(--radius-pill);background:var(--color-lacquer);overflow:hidden}.energy-bar__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-heal),var(--color-danger));transition:width var(--duration-state) var(--ease-in-out)}.energy-bar__fill--full{animation:energy-bar-full-pop var(--duration-state) var(--ease-pop)}@keyframes energy-bar-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}@keyframes energy-bar-full-pop{0%{filter:brightness(1.6)}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.energy-bar,.energy-bar__fill--full{animation:none}}.force-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--color-night-veil);animation:force-bar-enter var(--duration-enter) var(--ease-out)}.force-bar__label{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.force-bar__ruler{position:relative;width:49.8vw;height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-lacquer);box-shadow:var(--inset-top);overflow:hidden;transition:box-shadow var(--duration-state) var(--ease-in-out)}.force-bar__ruler--skipped{box-shadow:var(--inset-top),0 0 0 2px var(--color-danger)}.force-bar__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-snow),var(--color-brass),var(--color-ember));transition:width var(--duration-press) var(--ease-out)}.force-bar__fill--hot{filter:saturate(1.15) brightness(1.05);transition:width var(--duration-press) var(--ease-out),filter var(--duration-press) var(--ease-in-out)}.force-bar__readout{font-family:var(--font-display);font-size:var(--text-hud-lg);line-height:var(--leading-hud-lg);letter-spacing:var(--tracking-display);color:var(--color-accent)}.force-bar__readout--released{color:var(--color-text);animation:force-bar-pop var(--duration-state) var(--ease-pop)}.force-bar__readout--skipped{color:var(--color-danger);animation:force-bar-pop var(--duration-state) var(--ease-pop)}@keyframes force-bar-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes force-bar-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.force-bar__fill{transition:width var(--duration-press) var(--ease-out)!important}.force-bar,.force-bar__readout--released,.force-bar__readout--skipped{animation:none!important}}.health-bar{display:flex;flex-direction:column;gap:var(--space-1)}.health-bar--corner{width:15.6vw;padding:var(--space-2) var(--space-3);border-radius:var(--radius-tile);background:var(--color-night-veil);animation:health-bar-enter var(--duration-enter) var(--ease-out)}.health-bar--right{align-items:flex-end}.health-bar--active{box-shadow:0 0 0 2px var(--color-brass);transition:box-shadow var(--duration-state) var(--ease-in-out)}.health-bar--dead{opacity:.4;transition:opacity var(--duration-state) var(--ease-in-out)}.health-bar__head{display:flex;align-items:baseline;gap:var(--space-2)}.health-bar--right .health-bar__head{flex-direction:row-reverse}.health-bar__name{font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text)}.health-bar__value{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.health-bar__track{position:relative;height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-lacquer);overflow:hidden}.health-bar__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--radius-pill);transition:width var(--duration-state) var(--ease-in-out)}.health-bar--team-1 .health-bar__fill{background:var(--color-team-blue)}.health-bar--team-2 .health-bar__fill{background:var(--color-team-red)}.health-bar--in-world{position:absolute;top:var(--space-4);left:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--space-1) / 2);width:max-content;padding:var(--space-1) var(--space-2);border-radius:var(--radius-tile);background:var(--color-night-veil);pointer-events:none}.health-bar--in-world .health-bar__track{width:var(--space-16);height:var(--space-1)}.health-bar--in-world .health-bar__name{white-space:nowrap;font-size:var(--text-meta);line-height:var(--leading-meta)}.health-bar--in-world.health-bar--team-1 .health-bar__name{color:var(--color-team-blue)}.health-bar--in-world.health-bar--team-2 .health-bar__name{color:var(--color-team-red)}@keyframes health-bar-enter{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}to{opacity:1;transform:translateY(0)}}.minimap{position:relative;overflow:hidden;border-radius:var(--radius-tile);background:var(--color-night-deep);cursor:pointer;transition:opacity var(--duration-state) var(--ease-in-out),box-shadow var(--duration-state) var(--ease-in-out)}.minimap:focus-visible{outline:2px solid var(--color-brass);outline-offset:2px}.minimap--locked{opacity:.4;cursor:default;pointer-events:none}.minimap__canvas{position:absolute;inset:0;width:100%;height:100%}.minimap__rect{position:absolute;top:0;left:0;box-sizing:border-box;border:1px solid var(--color-brass);background:color-mix(in srgb,var(--color-brass) 15%,transparent);cursor:grab;pointer-events:auto;touch-action:none}.minimap--locked .minimap__rect{cursor:default;pointer-events:none}.turn-timer{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16)}.turn-timer__ring{position:absolute;inset:0;transform:rotate(-90deg)}.turn-timer__track{fill:none;stroke:var(--color-lacquer);stroke-width:4}.turn-timer__progress{fill:none;stroke:var(--color-brass);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--duration-state) var(--ease-out),stroke var(--duration-state) var(--ease-out);animation:turn-timer-fill var(--duration-state) var(--ease-out)}.turn-timer--danger .turn-timer__progress{stroke:var(--color-danger)}.turn-timer--frozen .turn-timer__progress{stroke:var(--color-frost)}.turn-timer__seconds{position:relative;font-size:var(--text-hud);line-height:var(--leading-hud);color:var(--color-text);transition:color var(--duration-state) var(--ease-out)}.turn-timer--danger .turn-timer__seconds{color:var(--color-danger)}.turn-timer--frozen .turn-timer__seconds{color:var(--color-frost)}@keyframes turn-timer-fill{0%{stroke-dashoffset:0}}.wind-vane{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-night-veil);animation:wind-vane-enter var(--duration-enter) var(--ease-out)}.wind-vane__announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wind-vane__arrow{display:inline-block;font-size:var(--text-title);line-height:1;color:var(--color-wind);transform:scaleX(1);transition:transform var(--duration-state) var(--ease-pop)}.wind-vane__arrow--flipped{transform:scaleX(-1)}.wind-vane__value{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-wind)}@keyframes wind-vane-enter{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}to{opacity:1;transform:translateY(0)}}.battle-hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.battle-hud__top{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);pointer-events:none}.battle-hud__top>*{pointer-events:auto}.battle-hud__team{display:flex;align-items:flex-start;gap:var(--space-3)}.battle-hud__team--1{flex-direction:row-reverse}.battle-hud__team--2{flex-direction:row}.battle-hud__bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:var(--space-4);padding:var(--space-4);pointer-events:none}.battle-hud__bottom>*{pointer-events:auto}.battle-hud__bottom-side{display:flex;align-items:flex-end;justify-content:flex-start}.battle-hud__bottom-side--right{justify-content:flex-end}.battle-hud__center{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:0}.battle-hud__gauges{display:flex;align-items:flex-end;gap:var(--space-4);min-width:0}.battle-hud__actions{display:flex;gap:var(--space-2)}.battle-hud__button{border:0;border-radius:var(--radius-tile);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);color:var(--color-text);font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-body);line-height:var(--leading-body);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),opacity var(--duration-press) var(--ease-in-out)}.battle-hud__button:hover:not(:disabled){filter:brightness(1.15)}.battle-hud__button:disabled{opacity:.4;cursor:default}.battle-hud__button--danger{background:var(--color-surface-sunken);color:var(--color-danger)}.result-screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:var(--color-night-deep);animation:result-screen-in var(--duration-enter) var(--ease-out) both}@keyframes result-screen-in{0%{opacity:0}to{opacity:1}}.result-screen__panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:min(560px,calc(100vw - var(--space-12)));max-height:calc(100vh - var(--space-12));padding:var(--space-8) var(--space-6)}.result-screen__verdict{margin:0;font-family:var(--font-display);font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);animation:result-screen-verdict-in var(--duration-enter) var(--ease-pop) both}@keyframes result-screen-verdict-in{0%{opacity:0;transform:translateY(calc(var(--space-4) * -1)) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.result-screen__verdict{animation-name:result-screen-verdict-fade}@keyframes result-screen-verdict-fade{0%{opacity:0}to{opacity:1}}}.result-screen__reason{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-body);color:var(--color-frost);text-align:center}.result-screen__fighters{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:var(--space-8)}.result-screen__portrait{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-slate);transition:filter var(--duration-state) var(--ease-in-out)}.result-screen__portrait--team-1{border-bottom-color:var(--color-team-blue)}.result-screen__portrait--team-2{border-bottom-color:var(--color-team-red)}.result-screen__portrait--defeated{opacity:.55;filter:saturate(.4) brightness(.75)}.result-screen__portrait-sheet{background-repeat:no-repeat}.result-screen__rows{display:flex;flex-direction:column;gap:var(--space-1);width:100%;margin:0;padding:0;list-style:none}.result-screen__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-tile);background:var(--color-surface-raised)}.result-screen__row-name{font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-body);line-height:var(--leading-body)}.result-screen__row-name--team-1{color:var(--color-team-blue)}.result-screen__row-name--team-2{color:var(--color-team-red)}.result-screen__row-left{font-weight:var(--weight-body);color:var(--color-frost)}.result-screen__row-gp{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);white-space:nowrap}.result-screen__actions{display:flex;gap:var(--space-4)}.result-screen__button{padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-tile);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);cursor:pointer;transition:transform var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out),filter var(--duration-press) var(--ease-in-out)}.result-screen__button--brass{background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));box-shadow:var(--inset-top),var(--glow-brass);color:var(--color-text-on-brass)}.result-screen__button--brass:hover{filter:brightness(1.06);box-shadow:var(--inset-top),var(--glow-brass-hover)}.result-screen__button--brass:active{transform:translateY(2px);box-shadow:var(--inset-top),var(--glow-brass-pressed)}.result-screen__button--wood{background:var(--color-night-raised);box-shadow:var(--inset-top);border:1px solid var(--color-brass-deep);color:var(--color-text)}.result-screen__button--wood:hover{filter:brightness(1.12)}.result-screen__button--wood:active{transform:translateY(1px)}.xp-bar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.xp-bar__track{position:relative;width:100%;height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-night-raised);box-shadow:var(--inset-top);overflow:hidden}.xp-bar__fill{height:100%;border-radius:var(--radius-pill)}.xp-bar__fill--settling{transition:width var(--duration-scene) var(--ease-out)}.xp-bar__fill--brass{background:linear-gradient(to bottom,var(--color-brass-light),var(--color-brass) 50%,var(--color-brass-edge))}.xp-bar__fill--frost{background:var(--color-frost)}.xp-bar__crest{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-brass);color:var(--color-text-on-brass);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);animation:xp-bar-crest-in var(--duration-scene) var(--ease-pop) both}@keyframes xp-bar-crest-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.xp-bar__crest{animation-name:xp-bar-crest-fade}@keyframes xp-bar-crest-fade{0%{opacity:0}to{opacity:1}}}.xp-bar__value{margin:0;color:var(--color-text)}.xp-bar__digits{font-size:var(--text-hud);line-height:var(--leading-hud);color:var(--color-brass);margin-right:var(--space-1)}.battle-veil{position:relative;height:100%}.battle-veil__content{min-height:var(--space-16);height:100%}.battle-veil__overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-panel);background:var(--color-night-veil);animation:battle-veil-in var(--duration-state) var(--ease-in-out) both}@keyframes battle-veil-in{0%{opacity:0}to{opacity:1}}.battle-veil__text{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display);color:var(--color-text)}.player-absent{position:relative;height:100%}.player-absent__content{min-height:var(--space-16);height:100%}.player-absent__overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:var(--space-6);border-radius:var(--radius-panel);background:var(--color-night-veil);animation:player-absent-in var(--duration-state) var(--ease-in-out) both}@keyframes player-absent-in{0%{opacity:0}to{opacity:1}}.player-absent__text{max-width:var(--measure);margin:0;font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-title);line-height:var(--leading-title);color:var(--color-text);text-align:center}.scene-error-panel{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center}.scene-error-panel__veil{position:absolute;inset:0;background:var(--color-night-deep);animation:scene-error-panel-veil-in var(--duration-press) var(--ease-out) both}.scene-error-panel__panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);max-width:calc(var(--space-16) * 7);padding:var(--space-8);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--inset-top),var(--shadow-float);animation:scene-error-panel-panel-in var(--duration-enter) var(--ease-pop) both}.scene-error-panel__text{margin:0;font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-title);line-height:var(--leading-title);color:var(--color-text);text-align:center}.scene-error-panel__button{padding:var(--space-3) var(--space-8);border:0;border-radius:var(--radius-tile);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));box-shadow:var(--inset-top),var(--glow-brass);color:var(--color-text-on-brass);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out)}.scene-error-panel__button:hover{filter:brightness(1.06);box-shadow:var(--inset-top),var(--glow-brass-hover)}.scene-error-panel__button:active{transform:translateY(1px);box-shadow:var(--inset-top),var(--glow-brass-pressed)}@keyframes scene-error-panel-veil-in{0%{opacity:0}to{opacity:1}}@keyframes scene-error-panel-panel-in{0%{opacity:0;transform:scale(.94) translateY(var(--space-3))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.scene-error-panel__veil{animation-name:scene-error-panel-veil-in;animation-timing-function:linear}.scene-error-panel__panel{animation-name:scene-error-panel-fade-in;animation-timing-function:linear}@keyframes scene-error-panel-fade-in{0%{opacity:0}to{opacity:1}}}.battle-route{position:absolute;inset:0;overflow:hidden;display:grid;grid-template:1fr / 1fr;background:var(--color-night-deep)}.battle-route__stage{position:absolute;inset:0}.battle-route__canvas{display:block;width:100%;height:100%}.character-slot{--character-slot-ratio: 250 / 312;--character-slot-w: calc(var(--space-16) * 3);display:block;width:var(--character-slot-w);aspect-ratio:var(--character-slot-ratio)}.character-slot--mirrored{transform:scaleX(-1)}.battle-loading-screen{display:flex;flex-direction:column;gap:var(--space-8);min-height:100vh;padding:var(--space-6) var(--space-8);animation:battle-loading-screen-enter var(--duration-enter) var(--ease-out) both}.battle-loading-screen__header{display:flex}.battle-loading-screen__leave{padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-tile);background:var(--color-surface-raised);box-shadow:var(--inset-top);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--color-text);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.battle-loading-screen__leave:hover:not(:disabled){filter:brightness(1.12)}.battle-loading-screen__leave:active:not(:disabled){transform:translateY(1px)}.battle-loading-screen__leave:disabled{cursor:default;opacity:.6}.battle-loading-screen__stage{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center}.battle-loading-screen__map-picture{max-width:min(60vw,480px);max-height:40vh;border-radius:var(--radius-panel);box-shadow:var(--shadow-float)}.battle-loading-screen__map-name{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display);color:var(--color-text)}.battle-loading-screen__fighters{display:flex;align-items:center;justify-content:center;gap:var(--space-16);margin-top:var(--space-4)}.battle-loading-screen__side{display:flex;align-items:center;gap:var(--space-8)}.battle-loading-screen__fighter{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:battle-loading-screen-fighter-enter var(--duration-enter) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes battle-loading-screen-fighter-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:none}}.battle-loading-screen__nameplate{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:9em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-tile);background:var(--color-surface-raised);border:2px solid var(--color-slate);transition:border-color var(--duration-state) var(--ease-in-out)}.battle-loading-screen__nameplate--team-1{border-color:var(--color-team-blue)}.battle-loading-screen__nameplate--team-2{border-color:var(--color-team-red)}.battle-loading-screen__nameplate--ready{border-color:var(--color-heal)}.battle-loading-screen__name{font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);white-space:nowrap}.battle-loading-screen__percent{font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.battle-loading-screen__footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6)}.battle-loading-screen__status{font-family:var(--font-display);font-size:var(--text-hud);line-height:var(--leading-hud);letter-spacing:var(--tracking-display);color:var(--color-text);animation:battle-loading-screen-status-pop var(--duration-state) var(--ease-pop)}.battle-loading-screen__status--ready{color:var(--color-heal)}@keyframes battle-loading-screen-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes battle-loading-screen-status-pop{0%{transform:scale(.85)}to{transform:scale(1)}}.load-progress-bar{display:flex;justify-content:center}.load-progress-bar__ruler{position:relative;width:49.8vw;height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-lacquer);box-shadow:var(--inset-top);overflow:hidden}.load-progress-bar__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--color-snow),var(--color-brass),var(--color-ember));transition:width var(--duration-state) var(--ease-out)}.map-strip{--map-strip-picture-ratio: 295 / 107;--map-strip-tile-w: calc(var(--space-16) * 2 + var(--space-8));display:flex;gap:var(--space-3);padding:var(--space-1);overflow-x:auto;scrollbar-width:thin}.map-strip__tile{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:var(--space-2);width:var(--map-strip-tile-w);padding:var(--space-2);border:2px solid transparent;border-radius:var(--radius-tile);background:var(--color-surface-raised);font-family:inherit;cursor:pointer;transition:border-color var(--duration-press) var(--ease-in-out),transform var(--duration-state) var(--ease-pop)}.map-strip__tile:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-frost) 30%,transparent)}.map-strip__tile:disabled{cursor:default;opacity:.55}.map-strip__tile--checked{border-color:var(--color-brass);box-shadow:var(--ring-active);transform:scale(1.03)}.map-strip__picture{display:block;width:100%;aspect-ratio:var(--map-strip-picture-ratio);border-radius:var(--radius-tile);object-fit:cover;background:var(--color-surface-sunken)}.map-strip__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text);text-align:center}.map-strip__random{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--map-strip-picture-ratio);border-radius:var(--radius-tile);background:var(--color-surface-sunken);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);color:var(--color-text)}.create-room-dialog{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.create-room-dialog__veil{position:absolute;inset:0;background:color-mix(in srgb,var(--color-night-deep) 72%,transparent);animation:create-room-dialog-veil-in var(--duration-press) var(--ease-out) both}.create-room-dialog__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-4);width:min(calc(100% - var(--space-8)),calc(var(--space-16) * 12));padding:var(--space-6);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--inset-top),var(--shadow-float);animation:create-room-dialog-panel-in var(--duration-enter) var(--ease-out) both}.create-room-dialog__panel--shaking{--panel-shake: 6px;animation:create-room-dialog-shake var(--duration-enter) var(--ease-in-out)}@keyframes create-room-dialog-shake{0%,to{transform:translate(0)}15%{transform:translate(calc(var(--panel-shake) * -1))}35%{transform:translate(var(--panel-shake))}55%{transform:translate(calc(var(--panel-shake) * -.6))}75%{transform:translate(calc(var(--panel-shake) * .4))}}.create-room-dialog__size{display:flex;flex-direction:column;gap:var(--space-2)}.create-room-dialog__size-label{font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:var(--color-text-muted)}.create-room-dialog__size-group{display:flex;gap:var(--space-3)}.create-room-dialog__size-option{flex:1;padding:var(--space-2) var(--space-4);border:2px solid transparent;border-radius:var(--radius-tile);background:var(--color-surface-raised);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);color:var(--color-text);cursor:pointer;transition:transform var(--duration-state) var(--ease-pop),border-color var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out)}.create-room-dialog__size-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-frost) 30%,transparent)}.create-room-dialog__size-option:disabled{cursor:default;opacity:.6}.create-room-dialog__size-option--checked{border-color:var(--color-brass);box-shadow:var(--glow-brass);color:var(--color-text-on-brass);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));transform:scale(1.03)}.create-room-dialog__error{margin:0;font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-strong);color:var(--color-danger)}.create-room-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.create-room-dialog__button{padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-tile);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out)}.create-room-dialog__button:active:not(:disabled){transform:translateY(1px)}.create-room-dialog__button:disabled{cursor:default;filter:saturate(.6) brightness(.9)}.create-room-dialog__button--cancel{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--inset-top)}.create-room-dialog__button--cancel:hover:not(:disabled){filter:brightness(1.1)}.create-room-dialog__button--create{background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));box-shadow:var(--inset-top),var(--glow-brass);color:var(--color-text-on-brass)}.create-room-dialog__button--create:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--inset-top),var(--glow-brass-hover)}.create-room-dialog__button--create:active:not(:disabled){box-shadow:var(--inset-top),var(--glow-brass-pressed)}@keyframes create-room-dialog-veil-in{0%{opacity:0}to{opacity:1}}@keyframes create-room-dialog-panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.create-room-dialog__veil{animation-name:create-room-dialog-veil-in;animation-timing-function:linear}.create-room-dialog__panel{animation-name:create-room-dialog-fade-in;animation-timing-function:linear}.create-room-dialog__panel--shaking{animation:none!important}@keyframes create-room-dialog-fade-in{0%{opacity:0}to{opacity:1}}}.notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-tile);background:var(--color-surface-raised)}.notice__text{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text)}.notice__dismiss{flex:0 0 auto;border:0;border-radius:var(--radius-tile);padding:var(--space-1) var(--space-4);background:none;font-size:var(--text-button);line-height:var(--leading-button);color:var(--color-accent);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out)}.notice__dismiss:hover{filter:brightness(1.15)}.room-list-skeleton{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.room-list-skeleton__row{height:var(--space-12);border-radius:var(--radius-tile);background:var(--color-surface-raised)}.room-row{display:flex;align-items:center;gap:var(--space-4);height:var(--space-12);padding:0 var(--space-4);border-radius:var(--radius-tile);background:var(--color-surface-raised);list-style:none;animation:room-row-enter var(--duration-enter) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes room-row-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}.room-row--removing{animation:room-row-leave var(--duration-state) var(--ease-in-out) both}@keyframes room-row-leave{0%{opacity:1}to{opacity:0}}.room-row--inactive{opacity:.6}.room-row__map{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text)}.room-row__mode{flex:0 0 auto;font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:var(--color-text-muted)}.room-row__slots{display:flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.room-row__count{margin-left:var(--space-1);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-strong);color:var(--color-text-muted)}.room-row__dot{flex:0 0 auto;width:var(--space-3);height:var(--space-3);border-radius:50%;background:transparent}.room-row__dot--team-blue{border:var(--ring-team-blue);color:var(--color-team-blue)}.room-row__dot--team-red{border:var(--ring-team-red);color:var(--color-team-red)}.room-row__dot--filled{background:currentColor;animation:room-row-dot-pop var(--duration-state) var(--ease-pop)}@keyframes room-row-dot-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.room-row__action{flex:0 0 auto;min-width:var(--space-16);text-align:right;border:0;background:none;padding:0;font-size:var(--text-button);line-height:var(--leading-button);color:var(--color-brass);transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.room-row__action:hover:not(:disabled){filter:brightness(1.15)}.room-row__action:active:not(:disabled){transform:translateY(1px)}.room-row__action:disabled{cursor:default;filter:saturate(.6) brightness(.85)}.room-row__action--static{color:var(--color-text-muted);font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta)}.room-list{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.room-list__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.room-list__heading{font-size:var(--text-title);line-height:var(--leading-title);color:var(--color-text)}.room-list__create{flex:0 0 auto;border:0;border-radius:var(--radius-tile);padding:var(--space-2) var(--space-4);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));box-shadow:var(--inset-top),var(--glow-brass);font-size:var(--text-button);line-height:var(--leading-button);color:var(--color-text-on-brass);transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.room-list__create:hover{filter:brightness(1.06);box-shadow:var(--inset-top),var(--glow-brass-hover)}.room-list__create:active{transform:translateY(2px);box-shadow:var(--inset-top),var(--glow-brass-pressed)}.room-list__rows{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0;overflow-y:auto}.room-list__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-body);line-height:var(--leading-body)}.saguao-screen{display:flex;flex-direction:column;gap:var(--space-6);max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-6)}.saguao-screen__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.saguao-screen__username{font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-muted)}.saguao-screen__panel{position:relative}.saguao-screen__list-wrap{min-height:var(--space-16)}.countdown{display:flex;align-items:center;justify-content:center;pointer-events:none}.countdown__announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.countdown__digit{font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);color:var(--color-brass);animation:countdown-digit-pop var(--duration-state) var(--ease-pop)}@keyframes countdown-digit-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.player-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:player-slot-enter var(--duration-enter) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--stagger))}@keyframes player-slot-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:none}}.player-slot__frame{--player-slot-w: calc(var(--space-16) * 3);display:flex;align-items:center;justify-content:center;width:var(--player-slot-w);aspect-ratio:250 / 312;overflow:hidden;border:2px solid var(--color-slate);border-radius:var(--radius-panel);background:var(--color-surface-raised);transition:border-color var(--duration-state) var(--ease-pop)}.player-slot__frame--team-1{border-color:var(--color-team-blue)}.player-slot__frame--team-2{border-color:var(--color-team-red)}.player-slot__frame--empty{border-style:dashed;border-color:var(--color-slate);background:var(--color-surface-sunken)}.player-slot__frame--ready{border-style:solid;border-color:var(--color-heal);animation:player-slot-ring-pop var(--duration-state) var(--ease-pop)}@keyframes player-slot-ring-pop{0%{transform:scale(1.08)}to{transform:scale(1)}}.player-slot__nameplate{display:flex;align-items:center;gap:var(--space-2);max-width:var(--player-slot-w)}.player-slot__dot{flex:0 0 auto;width:var(--space-3);height:var(--space-3);border-radius:50%;background:currentColor}.player-slot__dot--team-1{color:var(--color-team-blue)}.player-slot__dot--team-2{color:var(--color-team-red)}.player-slot__name{overflow:hidden;max-width:12em;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text)}.player-slot__host-tag{flex:0 0 auto;font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.player-slot__waiting{max-width:var(--player-slot-w);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-muted);text-align:center}.player-slot__kick{border:0;background:none;padding:0;font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-press) var(--ease-in-out)}.player-slot__kick:hover:not(:disabled){color:var(--color-text)}.player-slot__kick:disabled{cursor:default;opacity:.6}.sala-screen{display:flex;flex-direction:column;gap:var(--space-6);max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-6);animation:sala-screen-enter var(--duration-enter) var(--ease-out) both}@keyframes sala-screen-enter{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:none}}.sala-screen__header{display:flex;align-items:baseline;justify-content:flex-start;gap:var(--space-5);padding-right:var(--space-16)}.sala-screen__title{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display);color:var(--color-text)}.sala-screen__leave{padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-tile);background:var(--color-surface-raised);box-shadow:var(--inset-top);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);color:var(--color-text);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.sala-screen__leave:hover:not(:disabled){filter:brightness(1.12)}.sala-screen__leave:active:not(:disabled){transform:translateY(1px)}.sala-screen__leave:disabled{cursor:default;opacity:.6}.sala-screen__panel{position:relative;display:flex;flex-direction:column;gap:var(--space-6)}.sala-screen__stage{position:relative;display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"team1 map team2" "pronto pronto pronto";align-items:center;justify-content:center;gap:var(--space-8) var(--space-12);padding:var(--space-8) 0}.sala-screen__team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6)}.sala-screen__team--1{grid-area:team1}.sala-screen__team--2{grid-area:team2}.sala-screen__pronto-row{grid-area:pronto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.sala-screen__pronto-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.sala-screen__switch{border:0;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-6);background:var(--color-surface-raised);box-shadow:var(--inset-top);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);color:var(--color-text);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.sala-screen__switch:hover:not(:disabled){filter:brightness(1.12)}.sala-screen__switch:active:not(:disabled){transform:translateY(1px)}.sala-screen__switch:disabled{cursor:default;opacity:.6}.sala-screen__switch-reason{margin:0;font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted);text-align:center}.sala-screen__pronto{border:0;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-8);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass-edge));box-shadow:var(--glow-brass);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);color:var(--color-text-on-brass);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out),background var(--duration-state) var(--ease-in-out),box-shadow var(--duration-state) var(--ease-in-out)}.sala-screen__pronto:hover:not(:disabled){filter:brightness(1.08)}.sala-screen__pronto:active:not(:disabled){transform:translateY(1px)}.sala-screen__pronto:disabled{cursor:default;filter:saturate(.6) brightness(.85)}.sala-screen__pronto--ready{background:linear-gradient(180deg,var(--color-heal),var(--color-brass-edge));box-shadow:var(--glow-brass-pressed)}.sala-screen__map{grid-area:map;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.sala-screen__map-picture{max-width:min(40vw,360px);border-radius:var(--radius-tile);box-shadow:var(--shadow-float)}.sala-screen__map-random{font-family:var(--font-display);font-size:var(--text-hud);line-height:var(--leading-hud);letter-spacing:var(--tracking-display);color:var(--color-text)}.sala-screen__map-name{font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-muted)}.sala-screen__countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.sala-screen__map-strip{display:flex;justify-content:center}.sala-screen__veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-panel);background:var(--color-night-veil);animation:sala-screen-veil-in var(--duration-state) var(--ease-in-out) both}@keyframes sala-screen-veil-in{0%{opacity:0}to{opacity:1}}.sala-screen__veil-text{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display);color:var(--color-text)}.city{position:absolute;inset:0;overflow:hidden;background:var(--color-night-deep)}.city__heading{position:absolute;width:0;height:0;overflow:hidden;white-space:nowrap;border:0}.city__stage{position:absolute;top:50%;left:50%;width:calc(var(--stage-w) * 1px);height:calc(var(--stage-h) * 1px);transform:translate(-50%,-50%) scale(var(--town-scale));transform-origin:center center;animation:city-stage-in var(--duration-scene) var(--ease-out) both}.city__background{position:absolute;inset:0;display:block;width:100%;height:100%}.city__glow{position:absolute;display:block;opacity:0;pointer-events:none;transition:opacity var(--duration-press) var(--ease-out)}.city__glow--active{opacity:1}.city__region{position:absolute;display:block;padding:0;border:0;background:none;cursor:pointer;animation:city-region-in var(--duration-enter) var(--ease-pop) var(--stagger) both}.city__label{position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--color-text);transition:transform var(--duration-press) var(--ease-out)}.city__label--active{transform:translate(-50%) translateY(calc(var(--space-2) * -1))}@keyframes city-stage-in{0%{opacity:0}to{opacity:1}}@keyframes city-region-in{0%{opacity:0;transform:translateY(calc(var(--space-6) * -1))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.city__region{animation-name:city-region-fade;animation-timing-function:linear}@keyframes city-region-fade{0%{opacity:0}to{opacity:1}}}.city__loading,.city__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.city__mark{--mark-width: clamp(160px, 30vw, 220px);display:block;width:var(--mark-width);height:auto}.city__bar{position:relative;width:40vw;height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-lacquer);box-shadow:var(--inset-top);overflow:hidden}.city__bar-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));transition:width var(--duration-press) var(--ease-out)}@media(prefers-reduced-motion:reduce){.city__bar-fill{transition:width var(--duration-press) var(--ease-out)!important}}.city__error-title{margin:0;max-width:var(--measure);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-body);color:var(--color-text)}.city__retry{padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-tile);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));box-shadow:var(--inset-top),var(--glow-brass);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--color-text-on-brass);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out)}.city__retry:hover{filter:brightness(1.06);box-shadow:var(--inset-top),var(--glow-brass-hover)}.city__retry:active{box-shadow:var(--inset-top),var(--glow-brass-pressed)}.city__skip{padding:0;border:0;background:none;font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-meta);font-weight:var(--weight-body-heavy);color:var(--color-aurora);cursor:pointer}.city__skip:hover{text-decoration:underline}.shell-settling{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--color-night-deep)}.shell-settling__mark{--mark-width: clamp(160px, 30vw, 220px);display:block;width:var(--mark-width);height:auto}.shell-settling__hint{margin:0;color:var(--color-text-muted);font-family:var(--font-body);font-size:var(--text-body)}.bag-frame{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.bag-frame__veil{position:absolute;inset:0;background:color-mix(in srgb,var(--color-night-deep) 72%,transparent);animation:bag-frame-veil-in var(--duration-press) var(--ease-out) both}.bag-frame__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-6);max-width:min(calc(var(--space-16) * 14),calc(100% - var(--space-8)));max-height:calc(100% - var(--space-8));padding:var(--space-6) var(--space-8);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--inset-top),var(--shadow-float);animation:bag-frame-panel-in var(--duration-enter) var(--ease-out) both}.bag-frame__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.bag-frame__title{margin:0;font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--color-text)}.bag-frame__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;border:0;border-radius:var(--radius-tile);background:var(--color-surface-raised);box-shadow:var(--inset-top);font-family:var(--font-display);font-size:var(--text-button);line-height:1;color:var(--color-text);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.bag-frame__close:hover{filter:brightness(1.12)}.bag-frame__close:active{transform:translateY(1px)}.bag-frame__body{display:flex;min-height:0}@keyframes bag-frame-veil-in{0%{opacity:0}to{opacity:1}}@keyframes bag-frame-panel-in{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bag-frame__veil,.bag-frame__panel{animation-name:bag-frame-fade-in;animation-duration:var(--duration-reduced);animation-timing-function:linear}@keyframes bag-frame-fade-in{0%{opacity:0}to{opacity:1}}}.bag-grid__wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.bag-grid{display:grid;grid-auto-rows:var(--space-16);gap:var(--space-1)}.bag-grid__error{margin:0;max-width:var(--measure);font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-danger)}.item-cell__wrapper{position:relative;display:inline-flex}.item-cell{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-16);height:var(--space-16);padding:0;border:0;border-radius:var(--radius-tile);background:var(--color-night-raised);font-family:var(--font-body);overflow:hidden}.item-cell--empty{background:var(--color-night-deep);border:1px solid var(--color-slate)}.item-cell--danger{border-color:var(--color-danger)}button.item-cell{cursor:pointer;transition:transform var(--duration-press) var(--ease-in-out)}button.item-cell:hover{filter:brightness(1.1)}button.item-cell:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button.item-cell:active{transform:scale(.96)}.item-cell--disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.6)}.item-cell__icon{width:100%;height:100%;object-fit:contain;pointer-events:none}.item-cell__empty-label{padding:0 var(--space-1);text-align:center;font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.item-cell--arrive-above .item-cell__icon,.item-cell--arrive-below .item-cell__icon{animation:item-cell-arrive var(--duration-state) var(--ease-in-out)}.item-cell--arrive-above .item-cell__icon{animation-name:item-cell-arrive-from-above}.item-cell--arrive-below .item-cell__icon{animation-name:item-cell-arrive-from-below}@keyframes item-cell-arrive-from-above{0%{opacity:0;transform:translateY(calc(var(--space-4) * -1))}to{opacity:1;transform:none}}@keyframes item-cell-arrive-from-below{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:none}}.item-cell--pulse-ring{animation:item-cell-pulse-ring var(--duration-state) var(--ease-pop)}@keyframes item-cell-pulse-ring{0%{box-shadow:inset 0 0 0 2px var(--color-heal)}60%{box-shadow:inset 0 0 0 4px var(--color-heal)}to{box-shadow:inset 0 0 0 2px var(--color-heal)}}.item-cell--shaking{animation:item-cell-shake var(--duration-press) var(--ease-in-out)}@keyframes item-cell-shake{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--space-1) * -1.5))}75%{transform:translate(calc(var(--space-1) * 1.5))}}@media(prefers-reduced-motion:reduce){.item-cell--arrive-above .item-cell__icon,.item-cell--arrive-below .item-cell__icon{animation-duration:var(--duration-reduced);animation-name:item-cell-fade-in;animation-timing-function:linear}.item-cell--pulse-ring{animation-duration:var(--duration-reduced)}.item-cell--shaking{animation:none!important}@keyframes item-cell-fade-in{0%{opacity:0}to{opacity:1}}}.item-tooltip{position:absolute;z-index:5;min-width:calc(var(--space-16) * 3);max-width:calc(var(--space-16) * 4);padding:var(--space-3);border-radius:var(--radius-tile);background:var(--color-night-deep);box-shadow:var(--shadow-float);font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text);pointer-events:none}.item-tooltip__name{margin:0;font-family:var(--font-body);font-weight:var(--weight-strong);font-size:var(--text-body);line-height:var(--leading-body)}.item-tooltip__quality{margin:0;font-weight:var(--weight-strong)}.item-tooltip__category{margin:0;color:var(--color-text-muted)}.item-tooltip__main-property{display:flex;align-items:baseline;gap:var(--space-2);margin:0;font-variant-numeric:tabular-nums}.item-tooltip__value{font-weight:var(--weight-strong);color:var(--color-text)}.item-tooltip__angle-band{color:var(--color-text-muted)}.item-tooltip__separator{margin:var(--space-2) 0;border:none;border-top:1px solid var(--color-slate)}.item-tooltip__attributes{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.item-tooltip__attribute{font-variant-numeric:tabular-nums}.item-tooltip__requirement{margin:0;color:var(--color-text-muted)}.item-tooltip__requirement--unmet{color:var(--color-danger)}.item-tooltip__description{margin:0;max-width:var(--measure);color:var(--color-text-muted)}.equip-slots{--equip-slots-max-width: calc(var(--space-16) * 5 + var(--space-1) * 4);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2);max-width:var(--equip-slots-max-width);margin-right:var(--space-4);flex-shrink:1;min-width:0}.equip-slots__doll{display:flex;align-items:center;justify-content:center}.equip-slots__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.equip-slots__slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.equip-slots__label{max-width:var(--space-16);text-align:center;font-family:var(--font-body);font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--color-text-muted)}.connection-veil{position:relative}.connection-veil__content{min-height:var(--space-16)}.connection-veil__overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-panel);background:var(--color-night-veil);animation:connection-veil-in var(--duration-state) var(--ease-in-out) both}@keyframes connection-veil-in{0%{opacity:0}to{opacity:1}}.connection-veil__text{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-display);color:var(--color-text)}.stopped-panel{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center}.stopped-panel__veil{position:absolute;inset:0;background:var(--color-night-deep);animation:stopped-panel-veil-in var(--duration-press) var(--ease-out) both}.stopped-panel__panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);max-width:calc(var(--space-16) * 7);padding:var(--space-8);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--inset-top),var(--shadow-float);animation:stopped-panel-panel-in var(--duration-enter) var(--ease-pop) both}.stopped-panel__text{margin:0;font-family:var(--font-body);font-weight:var(--weight-body-heavy);font-size:var(--text-title);line-height:var(--leading-title);color:var(--color-text);text-align:center}.stopped-panel__button{padding:var(--space-3) var(--space-8);border:0;border-radius:var(--radius-tile);background:linear-gradient(180deg,var(--color-brass-light),var(--color-brass) 55%,var(--color-brass-edge));box-shadow:var(--inset-top),var(--glow-brass);color:var(--color-text-on-brass);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);letter-spacing:var(--tracking-display);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out),box-shadow var(--duration-press) var(--ease-in-out)}.stopped-panel__button:hover{filter:brightness(1.06);box-shadow:var(--inset-top),var(--glow-brass-hover)}.stopped-panel__button:active{transform:translateY(1px);box-shadow:var(--inset-top),var(--glow-brass-pressed)}@keyframes stopped-panel-veil-in{0%{opacity:0}to{opacity:1}}@keyframes stopped-panel-panel-in{0%{opacity:0;transform:scale(.94) translateY(var(--space-3))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.stopped-panel__veil{animation-name:stopped-panel-veil-in;animation-timing-function:linear}.stopped-panel__panel{animation-name:stopped-panel-fade-in;animation-timing-function:linear}@keyframes stopped-panel-fade-in{0%{opacity:0}to{opacity:1}}}.exit-confirm{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}.exit-confirm__veil{position:absolute;inset:0;background:color-mix(in srgb,var(--color-night-deep) 72%,transparent);animation:exit-confirm-veil-in var(--duration-press) var(--ease-out) both}.exit-confirm__panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-panel);background:var(--color-surface);box-shadow:var(--inset-top),var(--shadow-float);animation:exit-confirm-panel-in var(--duration-enter) var(--ease-pop) both}.exit-confirm__title{margin:0;font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-display);color:var(--color-text);text-align:center}.exit-confirm__actions{display:flex;gap:var(--space-3)}.exit-confirm__button{padding:var(--space-3) var(--space-6);border:0;border-radius:var(--radius-tile);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.exit-confirm__button:active:not(:disabled){transform:translateY(1px)}.exit-confirm__button:disabled{cursor:default;filter:saturate(.6) brightness(.9)}.exit-confirm__button--cancel{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--inset-top)}.exit-confirm__button--cancel:hover:not(:disabled){filter:brightness(1.1)}.exit-confirm__button--confirm{background:color-mix(in srgb,var(--color-danger) 26%,var(--color-surface-raised));color:var(--color-text);box-shadow:var(--inset-top)}.exit-confirm__button--confirm:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 40%,var(--color-surface-raised))}@keyframes exit-confirm-veil-in{0%{opacity:0}to{opacity:1}}@keyframes exit-confirm-panel-in{0%{opacity:0;transform:scale(.94) translateY(var(--space-3))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.exit-confirm__veil{animation-name:exit-confirm-veil-in;animation-timing-function:linear}.exit-confirm__panel{animation-name:exit-confirm-fade-in;animation-timing-function:linear}@keyframes exit-confirm-fade-in{0%{opacity:0}to{opacity:1}}}.shell-chrome{position:relative;min-height:100vh}.shell-chrome__bar{position:fixed;top:var(--space-4);right:var(--space-4);z-index:10;display:flex;align-items:center;gap:var(--space-3)}.shell-chrome__badge{display:inline-flex;align-items:center;max-width:40vw;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--inset-top);overflow:hidden;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-body-heavy);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis}.shell-chrome__bag{padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-tile);background:var(--color-surface-raised);box-shadow:var(--inset-top);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--color-text);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.shell-chrome__bag:hover{filter:brightness(1.12)}.shell-chrome__bag:active{transform:translateY(1px)}.shell-chrome__exit{padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-tile);background:var(--color-surface-raised);box-shadow:var(--inset-top);font-family:var(--font-display);font-size:var(--text-button);line-height:var(--leading-button);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--color-text);cursor:pointer;transition:filter var(--duration-press) var(--ease-in-out),transform var(--duration-press) var(--ease-in-out)}.shell-chrome__exit:hover{filter:brightness(1.12)}.shell-chrome__exit:active{transform:translateY(1px)}.shell-chrome__content{position:relative}.app{min-height:100vh;overflow-x:clip}:root{--color-night-deep: #12172f;--color-night: #1d2445;--color-night-raised: #2b3359;--color-slate: #4a5288;--color-frost: #a8b2d8;--color-snow: #eef1fb;--color-aurora: #7fd4d9;--color-moon: #c9d2f0;--color-brass: #f2b33d;--color-brass-deep: #b8791a;--color-brass-light: #f7c556;--color-brass-edge: #dfa02c;--color-daylight: #fff6de;--color-night-veil: rgba(18, 23, 47, .82);--color-lacquer: #1b2942;--color-ember: #ff7a1a;--color-team-blue: #4da3ff;--color-team-red: #ff5c5c;--color-wind: #5eead4;--color-heal: #3ddc8c;--color-danger: #ff3d57;--color-rarity-1: #8a93b8;--color-rarity-2: var(--color-snow);--color-rarity-3: var(--color-aurora);--color-rarity-4: #a78bfa;--color-rarity-5: var(--color-brass);--color-rarity-6: var(--color-ember);--color-rarity-7: var(--color-daylight);--color-text: var(--color-snow);--color-text-muted: var(--color-frost);--color-text-on-brass: #2b1b06;--color-surface: var(--color-night);--color-surface-raised: var(--color-night-raised);--color-surface-sunken: var(--color-night-deep);--color-accent: var(--color-brass);--color-accent-pressed: var(--color-brass-deep);--color-focus: var(--color-aurora)}:root{--font-display: "Luckiest Guy", "Arial Black", sans-serif;--font-body: "Nunito", ui-rounded, sans-serif;--weight-body: 500;--weight-strong: 700;--weight-body-heavy: 800;--weight-display: 400;--text-meta: 13px;--leading-meta: 18px;--text-body: 16px;--leading-body: 24px;--text-button: 20px;--leading-button: 24px;--text-title: 32px;--leading-title: 36px;--text-hud: 28px;--leading-hud: 28px;--text-hud-lg: 56px;--leading-hud-lg: 56px;--text-display: 64px;--leading-display: 64px;--tracking-display: .01em;--digit-cell: .62em;--text-stroke-scene: 3px;--measure: 70ch}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--gutter: var(--space-6);--content-max: 1280px}:root{--radius-tile: 8px;--radius-panel: 16px;--radius-pill: 24px}:root{--inset-top: inset 0 1px 0 rgba(255, 255, 255, .14);--shadow-float: 0 8px 24px rgba(20, 12, 4, .18);--shadow-panel: 0 24px 60px rgba(4, 7, 20, .6);--shadow-art: 0 14px 26px rgba(4, 7, 20, .55);--shadow-sprite: 0 8px 14px rgba(4, 7, 20, .5);--inset-glass: inset 0 1px 0 rgba(238, 241, 251, .12);--glow-brass: 0 10px 26px rgba(242, 179, 61, .26);--glow-brass-hover: 0 14px 32px rgba(242, 179, 61, .36);--glow-brass-pressed: 0 4px 12px rgba(242, 179, 61, .2);--ring-active: 2px solid var(--color-brass);--ring-team-blue: 2px solid var(--color-team-blue);--ring-team-red: 2px solid var(--color-team-red)}:root{--duration-press: .12s;--duration-state: .22s;--duration-enter: .36s;--duration-scene: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--stagger: 40ms;--duration-reduced: .16s}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}img,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}html{font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text);background:var(--color-surface);-webkit-font-smoothing:antialiased}body{min-height:100vh}h1,h2,h3,button{font-family:var(--font-display);font-weight:var(--weight-display)}h1{font-size:var(--text-title);line-height:var(--leading-title)}button{cursor:pointer}p{max-width:var(--measure)}time,output{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-tile)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--duration-reduced)!important;transition-duration:var(--duration-reduced)!important;transition-property:opacity!important}}.tabular{font-variant-numeric:tabular-nums}.digits{display:inline-flex;font-family:var(--font-display)}.digits__d{display:inline-block;width:var(--digit-cell);text-align:center}.text-outline-night{paint-order:stroke fill;-webkit-text-stroke:var(--text-stroke-scene) var(--color-night)}