*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;touch-action:none;color:#edf6ee;user-select:none;-webkit-touch-callout:none;background:#101a16;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body,#app{position:fixed;inset:0}#app,#app *{user-select:none;-webkit-touch-callout:none}.game-shell{--hud-control-scale:1;--hud-edge-inset:max(14px, env(safe-area-inset-right));--paint-toggle-size:calc(72px * var(--hud-control-scale));--paint-panel-width:min(calc(184px * var(--hud-control-scale)), calc(100vw - 12px));--paint-panel-padding:calc(12px * var(--hud-control-scale));--paint-palette-gap:calc(8px * var(--hud-control-scale));--paint-close-size:calc(34px * var(--hud-control-scale));--paint-swatch-size:calc((var(--paint-panel-width) - (var(--paint-panel-padding) * 2) - var(--paint-palette-gap)) / 2);--mobile-move-zone-width:min(48vw, 380px);--mobile-move-zone-top:22vh;--mobile-joystick-size:calc(144px * var(--hud-control-scale));--mobile-joystick-knob-size:calc(58px * var(--hud-control-scale));--mobile-joystick-base-color:#080e0b52;--mobile-joystick-base-image:url(./joystick-base-CM2BeJ53.png);--mobile-joystick-base-image-size:contain;--mobile-joystick-knob-color:#edf6eedb;--mobile-joystick-knob-image:url(./joystick-knob-C2PSJ6Ty.png);--mobile-joystick-knob-image-size:contain;--mobile-action-button-size:calc(86px * var(--hud-control-scale));--mobile-action-button-gap:calc(14px * var(--hud-control-scale));--mobile-action-button-right:calc(22px * var(--hud-control-scale));--mobile-action-button-bottom:calc(18px * var(--hud-control-scale));--mobile-action-button-image-size:contain;--mobile-jump-button-image:url(./mobile-jump-icon-BOkJZL3B.png);--mobile-fire-button-image:url(./mobile-fire-icon-BKQB5DOn.png);width:100%;height:100%;position:relative}@media (width>=900px) and (height>=640px){.game-shell{--hud-control-scale:.92}}@media (height<=520px){.game-shell{--hud-control-scale:.86;--mobile-move-zone-top:0;--mobile-move-zone-width:min(44vw, 340px)}}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.paint-brush-cursor{z-index:3;pointer-events:none;will-change:transform, width, height;background:#70d48f1f;border:2px solid #ffffffeb;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #07110c9e,0 4px 14px #00000047}.paint-brush-cursor[hidden]{display:none}.paint-splashes{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.paint-splashes__dot{opacity:0;animation:paint-splash-pop var(--paint-splash-duration,.52s) cubic-bezier(.16, .86, .28, 1) forwards;will-change:transform, opacity;border:1.5px solid;border-radius:50%;display:block;position:absolute;transform:translate(-50%,-50%)scale(.35)}@keyframes paint-splash-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(0)}16%{opacity:.95}to{opacity:0;transform:translate(-50%, -50%) translate(var(--paint-splash-dx,0), var(--paint-splash-dy,0)) scale(.72) rotate(var(--paint-splash-rotate,0deg))}}.menu{--menu-padding:24px;--menu-logo-width:340px;--menu-logo-height:340px;--menu-logo-viewport-margin:40px;--menu-logo-play-gap:42px;--menu-group-offset-y:0px;--menu-panel-width:420px;--menu-panel-viewport-margin:32px;--menu-panel-gap:18px;--menu-actions-width:360px;--menu-actions-viewport-margin:48px;--menu-action-gap:10px;--menu-play-min-height:136px;--menu-play-padding-x:24px;--menu-play-border-width:4px;--menu-play-font-size:44px;--menu-play-depth:10px;--menu-play-active-offset:5px;--menu-play-active-depth:5px;--menu-play-shadow-y:28px;--menu-play-shadow-blur:58px;--menu-play-active-shadow-y:20px;--menu-play-active-shadow-blur:42px;--menu-pattern-image:url(./menu-palette-pattern-DGNRAbs-.svg);--menu-pattern-color:#ece7e7;--menu-pattern-size:160px;--menu-pattern-tile-width:calc(var(--menu-pattern-size) * 2);--menu-pattern-stagger-y:calc(var(--menu-pattern-size) / 2);--menu-pattern-opacity:.34;--menu-pattern-speed:14s;z-index:5;padding:var(--menu-padding);isolation:isolate;background:radial-gradient(circle,#fff0 0 48%,#08234e47 78%,#0414346b 100%),radial-gradient(circle,#ffffff14 0 38%,#10568c47 76%,#082d5c70 100%),#64bff0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.menu[hidden]{display:none}.menu__logo{width:min(var(--menu-logo-width), calc(100vw - var(--menu-logo-viewport-margin)));height:var(--menu-logo-height);object-fit:contain;margin-bottom:var(--menu-logo-play-gap);pointer-events:none;user-select:none}.menu:before,.menu:after{content:"";inset:calc(0px - var(--menu-pattern-size)) calc(0px - var(--menu-pattern-tile-width)) calc(0px - var(--menu-pattern-size)) calc(0px - var(--menu-pattern-tile-width));z-index:-1;background:var(--menu-pattern-color);opacity:var(--menu-pattern-opacity);-webkit-mask-image:var(--menu-pattern-image);mask-image:var(--menu-pattern-image);-webkit-mask-position:var(--menu-pattern-offset-x) var(--menu-pattern-offset-y);mask-position:var(--menu-pattern-offset-x) var(--menu-pattern-offset-y);mask-repeat:repeat;-webkit-mask-size:var(--menu-pattern-tile-width) var(--menu-pattern-size);mask-size:var(--menu-pattern-tile-width) var(--menu-pattern-size);animation:menu-pattern-drift var(--menu-pattern-speed) linear infinite;will-change:transform;backface-visibility:hidden;pointer-events:none;position:absolute;transform:translate(0,0)}.menu:before{--menu-pattern-offset-x:0px;--menu-pattern-offset-y:0px}.menu:after{--menu-pattern-offset-x:var(--menu-pattern-size);--menu-pattern-offset-y:var(--menu-pattern-stagger-y)}.menu__panel{z-index:1;width:min(var(--menu-panel-width), calc(100vw - var(--menu-panel-viewport-margin)));transform:translateY(var(--menu-group-offset-y));justify-items:center;gap:0;padding:0;display:grid;position:relative}.menu__field{color:#edf6eec2;gap:6px;font-size:13px;display:grid}.menu__field input,.menu__field select{color:#edf6ee;background:#20352a;border:1px solid #eefaee38;border-radius:6px;width:100%;height:36px;padding:0 10px}.menu__debug:not([hidden]){gap:var(--menu-panel-gap);width:100%;margin-bottom:var(--menu-panel-gap);display:grid}.menu__actions{width:min(var(--menu-actions-width), calc(100vw - var(--menu-actions-viewport-margin)));gap:var(--menu-action-gap);grid-template-columns:1fr;display:grid}.menu__loading{min-height:var(--menu-play-min-height);place-items:center;display:grid}.menu__loading[hidden]{display:none}.menu__loading-spinner{width:clamp(56px,16vw,84px);height:clamp(56px,16vw,84px);animation:1s linear infinite menu-loading-spinner-rotate}.menu .menu__play-button{min-height:var(--menu-play-min-height);padding:0 var(--menu-play-padding-x);border:var(--menu-play-border-width) solid #7d5b04;color:#3a2600;box-shadow:inset 0 18px 24px #fffbcfad, inset 0 -18px 24px #7e520057, 0 var(--menu-play-depth) 0 #7d5b04, 0 var(--menu-play-shadow-y) var(--menu-play-shadow-blur) #1a3e7557;font-size:var(--menu-play-font-size);text-transform:uppercase;text-shadow:0 2px #fff5b4b8;white-space:normal;overflow-wrap:anywhere;background:#ffd33f;border-radius:8px;font-weight:900;line-height:1}.menu .menu__play-button:active{transform:translateY(var(--menu-play-active-offset));box-shadow:inset 0 12px 18px #fffbcf85, inset 0 -14px 18px #7e520061, 0 var(--menu-play-active-depth) 0 #7d5b04, 0 var(--menu-play-active-shadow-y) var(--menu-play-active-shadow-blur) #1a3e754d}@keyframes menu-loading-spinner-rotate{to{transform:rotate(360deg)}}.menu__progress{width:min(var(--menu-actions-width), calc(100vw - var(--menu-actions-viewport-margin)));margin-top:var(--menu-panel-gap);gap:6px;display:grid}.menu__progress[hidden]{display:none}.menu__progress-track{background:#1931273d;border-radius:999px;width:100%;height:10px;overflow:hidden}.menu__progress-track span{transform-origin:0;background:#ffd33f;width:100%;height:100%;transition:transform .16s;display:block;transform:scaleX(.08)}.menu__status{width:min(var(--menu-panel-width), calc(100vw - var(--menu-actions-viewport-margin)));min-height:18px;margin-top:var(--menu-panel-gap);color:#16345b;text-align:center;text-shadow:0 1px #ffffff38;font-size:13px;font-weight:800}@keyframes menu-pattern-drift{0%{transform:translate(0,0)}to{transform:translate3d(calc(0px - var(--menu-pattern-tile-width)), calc(0px - var(--menu-pattern-size)), 0)}}@keyframes matchmaking-title-dot-one{0%,39.99%{opacity:0}40%,to{opacity:1}}@keyframes matchmaking-title-dot-two{0%,59.99%{opacity:0}60%,to{opacity:1}}@keyframes matchmaking-title-dot-three{0%,79.99%{opacity:0}80%,to{opacity:1}}@keyframes role-reveal-spin{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes hide-prompt-pop{0%{opacity:0;transform:translate(-50%,8px)scale(.78)}8%{opacity:1;transform:translate(-50%)scale(1)}72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-4px)scale(1.72)}}.phase-shade{--menu-pattern-image:url(./menu-palette-pattern-DGNRAbs-.svg);--menu-pattern-color:#ece7e7;--menu-pattern-size:160px;--menu-pattern-tile-width:calc(var(--menu-pattern-size) * 2);--menu-pattern-stagger-y:calc(var(--menu-pattern-size) / 2);--menu-pattern-opacity:.34;--menu-pattern-speed:14s;z-index:6;text-align:center;backdrop-filter:blur(5px);isolation:isolate;pointer-events:none;background:#060a08b8;place-content:center;padding:24px;display:grid;position:absolute;inset:0;overflow:hidden}.phase-shade[hidden]{display:none}.phase-shade--menu,.phase-shade--seeker-wait{backdrop-filter:none;background:radial-gradient(circle,#fff0 0 48%,#08234e47 78%,#0414346b 100%),radial-gradient(circle,#ffffff14 0 38%,#10568c47 76%,#082d5c70 100%),#64bff0}.phase-shade--role-reveal{--role-reveal-row-height:76px;backdrop-filter:none;background:radial-gradient(circle,#ffffff1a 0 30%,#10568c57 68%,#04143480 100%),#64bff0}.phase-shade--menu:before,.phase-shade--menu:after{content:"";inset:calc(0px - var(--menu-pattern-size)) calc(0px - var(--menu-pattern-tile-width)) calc(0px - var(--menu-pattern-size)) calc(0px - var(--menu-pattern-tile-width));z-index:-1;background:var(--menu-pattern-color);opacity:var(--menu-pattern-opacity);-webkit-mask-image:var(--menu-pattern-image);mask-image:var(--menu-pattern-image);mask-repeat:repeat;-webkit-mask-size:var(--menu-pattern-tile-width) var(--menu-pattern-size);mask-size:var(--menu-pattern-tile-width) var(--menu-pattern-size);animation:menu-pattern-drift var(--menu-pattern-speed) linear infinite;will-change:transform;backface-visibility:hidden;position:absolute;transform:translate(0,0)}.phase-shade--menu:before{mask-position:0 0}.phase-shade--menu:after{-webkit-mask-position:var(--menu-pattern-size) var(--menu-pattern-stagger-y);mask-position:var(--menu-pattern-size) var(--menu-pattern-stagger-y)}.phase-shade__panel{z-index:1;justify-items:center;width:min(380px,100vw - 48px);display:grid;position:relative}.phase-shade__logo{object-fit:contain;pointer-events:none;user-select:none;width:min(260px,100vw - 96px);height:260px;margin-bottom:22px}.phase-shade--seeker-wait .phase-shade__logo{width:min(190px,100vw - 112px);height:190px;margin-bottom:34px}.phase-shade__title{letter-spacing:0;font-size:28px;font-weight:900}.outlined-svg-text{width:100%;height:var(--outlined-svg-height,1.45em);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;display:block;overflow:visible}.outlined-svg-text text{fill:currentColor;stroke:var(--outlined-svg-stroke,#163a52);stroke-width:var(--outlined-svg-stroke-width,2.8px);stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill;filter:var(--outlined-svg-shadow,drop-shadow(0 2px 2px #04143461))}.phase-shade__menu-copy{width:100%;display:none}.phase-shade--menu .phase-shade__menu-copy{justify-items:stretch;display:grid}.visually-hidden,.phase-shade--menu .phase-shade__title,.phase-shade--menu .phase-shade__timer,.phase-shade--role-reveal .phase-shade__timer,.phase-shade--seeker-wait .phase-shade__title,.phase-shade--seeker-wait .phase-shade__timer{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phase-shade__menu-text{--outlined-svg-stroke:#051426d1;--outlined-svg-stroke-width:1px;--outlined-svg-shadow:drop-shadow(0 2px 0 #051426d1) drop-shadow(0 4px 12px #04143452);letter-spacing:0;font-weight:900}.phase-shade__menu-text--title{color:#edf6ee;font-size:28px}.phase-shade__menu-text--status{color:#ffe59b;margin-top:8px;font-size:18px}.phase-shade__menu-title-dot{opacity:0;animation-duration:1.15s;animation-timing-function:step-end;animation-iteration-count:infinite}.phase-shade__menu-title-dot--one{animation-name:matchmaking-title-dot-one}.phase-shade__menu-title-dot--two{animation-name:matchmaking-title-dot-two}.phase-shade__menu-title-dot--three{animation-name:matchmaking-title-dot-three}.reduced-motion .phase-shade__menu-title-dot{opacity:1;animation:none}.phase-shade__timer{color:#ffe59b;margin-top:8px;font-size:18px;font-weight:900}.phase-shade__role-timer-copy{--outlined-svg-height:1em;--outlined-svg-stroke:#000000e6;--outlined-svg-stroke-width:1.2px;--outlined-svg-shadow:drop-shadow(0 3px 0 #000000e0) drop-shadow(0 6px 16px #000000ad);color:#ffe59b;width:100%;margin-top:4px;font-size:30px;font-weight:950;display:none}.phase-shade--role-reveal .phase-shade__role-timer-copy{display:block}.phase-shade__seeker-wait-copy{justify-items:center;gap:14px;width:100%;display:none}.phase-shade--seeker-wait .phase-shade__seeker-wait-copy{display:grid}.phase-shade__seeker-wait-text--title{--outlined-svg-height:1.05em;--outlined-svg-stroke:#000000e6;--outlined-svg-stroke-width:1.5px;--outlined-svg-shadow:drop-shadow(0 3px 0 #000000f2) drop-shadow(0 7px 18px #000000b8);color:#edf6ee;text-transform:uppercase;font-size:42px;font-weight:950;line-height:1.05}.phase-shade__seeker-wait-text--subtitle{--outlined-svg-height:1.2em;--outlined-svg-stroke:#000000eb;--outlined-svg-stroke-width:1px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000eb) drop-shadow(0 5px 14px #000000b3);color:#edf6ee;text-transform:none;max-width:min(560px,100vw - 48px);font-size:28px;font-weight:900;line-height:1.2}.phase-shade__seeker-wait-text--timer{--outlined-svg-height:1em;--outlined-svg-stroke:#000000eb;--outlined-svg-stroke-width:1.5px;--outlined-svg-shadow:drop-shadow(0 3px 0 #000000eb) drop-shadow(0 8px 18px #000000b3);color:#ffe59b;margin-top:18px;font-size:48px;font-weight:950;line-height:1}.phase-shade--role-reveal .phase-shade__logo{width:min(170px,100vw - 128px);height:170px;margin-bottom:18px}.phase-shade--role-reveal .phase-shade__panel{width:min(620px,100vw - 32px)}.phase-shade--role-reveal .phase-shade__title{width:100%}.role-reveal{justify-items:center;gap:18px;display:grid}.role-reveal__header{--outlined-svg-height:1.15em;--outlined-svg-stroke:#fff6cd8c;--outlined-svg-stroke-width:.8px;--outlined-svg-shadow:drop-shadow(0 2px 0 #fff6cd5c);color:#402915;text-align:center;text-transform:uppercase;background:linear-gradient(#f5dfac 0%,#b48b4d 100%);border:3px solid #2c2217e6;border-radius:8px;min-width:min(420px,100vw - 64px);padding:10px 22px;font-size:28px;font-weight:950;line-height:1;box-shadow:inset 0 2px #ffffff6b,0 6px #1814117a,0 14px 32px #00000057}.role-reveal__machine{background:linear-gradient(#5a534cfa,#201b18fa);border:4px solid #2c241f;border-radius:12px;place-items:center;width:min(520px,100vw - 48px);min-height:150px;padding:26px 58px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ffffff14,inset 0 22px 32px #ffffff1a,0 16px 44px #0000006b}.role-reveal__window{width:100%;height:var(--role-reveal-row-height);background:linear-gradient(90deg,#460f0afa,#c63218fa,#460f0afa);border:4px solid #d5af54;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 24px #000000ad,0 0 0 2px #1c1410d6}.role-reveal__reel{animation:.42s linear infinite role-reveal-spin;display:grid}.role-reveal__reel-item{--outlined-svg-height:1.25em;--outlined-svg-stroke:#000c;--outlined-svg-stroke-width:1.2px;--outlined-svg-shadow:drop-shadow(0 3px 0 #000000d6) drop-shadow(0 0 16px #ffd75a73);height:var(--role-reveal-row-height);color:#fff6d0;text-transform:uppercase;place-items:center;font-size:34px;font-weight:950;line-height:1;display:grid}.role-reveal__pointer{filter:drop-shadow(0 4px 8px #00000085);width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.role-reveal__pointer--left{border:26px solid #0000;border-left:0;border-right:38px solid #ffd33f;left:16px}.role-reveal__pointer--right{border:26px solid #0000;border-left:38px solid #ffd33f;border-right:0;right:16px}.role-reveal__result{--outlined-svg-height:1.25em;--outlined-svg-stroke:#000000e6;--outlined-svg-stroke-width:1.5px;--outlined-svg-shadow:drop-shadow(0 3px 0 #000000f2) drop-shadow(0 7px 18px #000000b8);color:#edf6ee;opacity:0;text-transform:uppercase;place-items:center;width:100%;min-height:54px;font-size:42px;font-weight:950;line-height:1.05;transition:opacity .18s,transform .18s;display:grid;transform:translateY(8px)scale(.96)}.phase-shade--role-locked .role-reveal__reel{transition:transform .26s cubic-bezier(.2,.8,.2,1);animation:none}.phase-shade--role-locked .role-reveal--hider .role-reveal__reel{transform:translateY(0)}.phase-shade--role-locked .role-reveal--seeker .role-reveal__reel{transform:translateY(calc(0px - var(--role-reveal-row-height)))}.phase-shade--role-locked .role-reveal__result{opacity:1;transform:translateY(0)scale(1)}.round-strip{z-index:3;pointer-events:none;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;gap:14px;width:min(520px,100vw - 28px);display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}.round-strip[hidden]{display:none}.round-strip__timer{color:#fff;text-align:center;background:#080e0bad;border:1px solid #eefaee33;border-radius:8px;min-width:88px;padding:8px 12px;font-size:22px;font-weight:900;box-shadow:0 12px 32px #0000003d}.round-strip__hide-prompt{--outlined-svg-height:1.3em;--outlined-svg-stroke:#000000e6;--outlined-svg-stroke-width:2px;--outlined-svg-shadow:drop-shadow(0 4px 0 #000000eb) drop-shadow(0 8px 18px #0000008f) drop-shadow(0 0 18px #ffd33f66);z-index:1;color:#fff;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;width:min(760px,100vw - 28px);font-size:clamp(34px,6vw,70px);font-weight:950;line-height:1;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.round-strip__hide-prompt[hidden]{display:none}.round-strip__hide-prompt--show{animation:1.2s cubic-bezier(.17,.84,.32,1) forwards hide-prompt-pop}.round-strip__team{align-items:center;gap:7px;display:flex}.round-strip__team--seekers{justify-content:flex-end}.round-strip__team--hiders{justify-content:flex-start}.round-strip__icon{border:2px solid #ffffffb8;border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 4px 12px #0000004d}.round-strip__icon--seeker{background:#ff4d5d}.round-strip__icon--hider{background:#f7faf5}.round-strip__icon--down{opacity:.36}.round-strip__icon--down:after{content:"";background:#fc6;width:2px;height:24px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.crosshair{--crosshair-kick:0;z-index:3;width:34px;height:34px;transform:translate(-50%, -50%) scale(calc(1 + var(--crosshair-kick) * .18));pointer-events:none;position:absolute;top:50%;left:50%}.crosshair[hidden]{display:none}.crosshair:before,.crosshair:after,.crosshair span:before,.crosshair span:after{content:"";background:#f6fff3e6;position:absolute;box-shadow:0 0 8px #70d48f5c}.crosshair:before,.crosshair:after{width:2px;height:9px;left:50%;transform:translate(-50%)}.crosshair:before{top:0}.crosshair:after{bottom:0}.crosshair span:before,.crosshair span:after{width:9px;height:2px;top:50%;transform:translateY(-50%)}.crosshair span:before{left:0}.crosshair span:after{right:0}.crosshair--fire:before,.crosshair--fire:after,.crosshair--fire span:before,.crosshair--fire span:after{background:#fff0a8f5;box-shadow:0 0 10px #ffd33f94,0 0 18px #70d48f5c}.crosshair--hit:before,.crosshair--hit:after,.crosshair--hit span:before,.crosshair--hit span:after{background:#fffffffa;box-shadow:0 0 12px #ffffffe6,0 0 24px #46cfffb8}.hud__brand{letter-spacing:0;font-size:18px;font-weight:800}.hud__row,.hud__color-row,.hud__field{justify-content:space-between;align-items:center;gap:12px;min-height:28px;font-size:13px;display:flex}.hud__row span,.hud__field span{color:#edf6eeb8}.hud__row strong,.hud__color-row strong{overflow-wrap:anywhere;text-align:right}.hud__roster{gap:5px;display:grid}.hud__roster:empty{display:none}.hud__roster-row{background:#20352a8a;border:1px solid #eefaee1a;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:6px 7px;display:grid}.hud__roster-row--local{border-color:#8ee9a673}.hud__roster-row--muted{opacity:.62}.hud__roster-identity{gap:1px;min-width:0;display:grid}.hud__roster-identity strong,.hud__roster-identity span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hud__roster-identity strong{font-size:12px}.hud__roster-identity span{color:#edf6eea8;font-size:11px}.hud__roster-badge{color:#102015;text-align:center;background:#8ee9a6;border-radius:999px;min-width:32px;padding:3px 6px;font-size:11px;font-weight:900}.hud__swatch{border:1px solid #ffffff80;border-radius:5px;flex:none;width:36px;height:24px}.hud__field select,.hud__field input{width:150px;max-width:54vw}.hud__field select{color:#edf6ee;background:#20352a;border:1px solid #eefaee38;border-radius:6px;height:30px}.hud__button{color:#102015;cursor:pointer;background:#8ee9a6;border:0;border-radius:6px;width:100%;min-height:40px;padding:0 10px;font-weight:800}.hud__button:active{transform:translateY(1px)}.hud__actions{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px;display:grid}.hud__button--secondary{color:#edf6ee;background:#263d32;border:1px solid #eefaee2e;min-height:38px;font-size:12px}.hud__button--active{background:#42ff913d;border-color:#42ff919e}.hud__button:disabled{cursor:not-allowed;opacity:.45}.hud__result{color:#ffe59b;overflow-wrap:anywhere;min-height:18px;font-size:12px;font-weight:800}.paint-tools{right:0;top:max(calc(18px * var(--hud-control-scale)), env(safe-area-inset-top));bottom:max(calc(10px * var(--hud-control-scale)), env(safe-area-inset-bottom));z-index:4;align-content:start;justify-items:end;gap:calc(12px * var(--hud-control-scale));width:var(--paint-panel-width);pointer-events:none;display:grid;position:absolute}.paint-tools__toggles{justify-content:flex-end;align-items:center;gap:calc(14px * var(--hud-control-scale));margin-right:var(--hud-edge-inset);pointer-events:auto;flex-direction:column;display:flex}.paint-tools__toggle{--paint-toggle-icon:none;--paint-toggle-outline-color:#34921c;--paint-toggle-text-outline:#303934;--paint-toggle-outline-size:calc(2px * var(--hud-control-scale));width:calc(86px * var(--hud-control-scale));height:calc(92px * var(--hud-control-scale));border:var(--paint-toggle-outline-size) solid var(--paint-toggle-outline-color);border-radius:calc(9px * var(--hud-control-scale));color:#fff;background-color:#55c933;background-position:center calc(11px * var(--hud-control-scale));background-repeat:no-repeat;background-size:calc(44px * var(--hud-control-scale)) calc(44px * var(--hud-control-scale));min-height:0;box-shadow:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;padding:0;font-size:0;line-height:0;position:relative;overflow:visible;transform:translateY(0)}.paint-tools__toggle:before{content:"";left:50%;top:calc(11px * var(--hud-control-scale));width:calc(44px * var(--hud-control-scale));height:calc(44px * var(--hud-control-scale));mask:var(--paint-toggle-icon) center / contain no-repeat;-webkit-mask:var(--paint-toggle-icon) center / contain no-repeat;pointer-events:none;background:#fff;position:absolute;transform:translate(-50%)}.paint-tools__toggle-label{left:50%;bottom:calc(3px * var(--hud-control-scale));color:#fff;font-family:Arial Black,Impact,Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(16px * var(--hud-control-scale));letter-spacing:0;text-transform:uppercase;-webkit-text-stroke:calc(.8px * var(--hud-control-scale)) var(--paint-toggle-text-outline);text-shadow:0 calc(1px * var(--hud-control-scale)) 0 var(--paint-toggle-text-outline), 0 calc(2px * var(--hud-control-scale)) calc(3px * var(--hud-control-scale)) #00000052;pointer-events:none;font-weight:900;line-height:1;position:absolute;transform:translate(-50%)}.paint-tools__hotkey{left:calc(-25px * var(--hud-control-scale));top:calc(3px * var(--hud-control-scale));color:#fff;font-family:Arial Black,Impact,Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(22.5px * var(--hud-control-scale));letter-spacing:0;-webkit-text-stroke:calc(.7px * var(--hud-control-scale)) #26302a;text-shadow:0 calc(1px * var(--hud-control-scale)) 0 #26302a, 0 calc(2px * var(--hud-control-scale)) calc(3px * var(--hud-control-scale)) #00000057;pointer-events:none;font-weight:900;line-height:1;position:absolute}.paint-tools__toggle:active{box-shadow:none;transform:scale(.97)}.paint-tools__toggle--paint{--paint-toggle-icon:url("data:image/svg+xml,%3csvg%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M96.3932%204.01501C95.9451%204.038%2095.4912%204.08974%2095.0488%204.15872C91.4176%204.74505%2088.0968%207.04432%2085.8504%2010.706L55.4056%2059.072C55.3768%2059.072%2046.8736%2072.615%2046.8736%2072.615C45.0006%2072.8335%2043.1621%2073.2473%2041.4269%2073.9141C38.9621%2074.8626%2036.71%2076.3112%2034.8541%2078.3346C33.5211%2079.7889%2032.3606%2081.7318%2031.6079%2083.3298C28.8157%2089.2563%2028.8042%2094.9356%2027.5976%2098.8681C26.3853%20102.806%2024.7939%20105.341%2017.3707%20107.048C16.1354%20107.33%2014.6301%20108.088%2014.1303%20109.842C13.6362%20111.589%2014.6359%20113.164%2015.6413%20114.003C34.6651%20129.805%2061.4901%20127.184%2073.8775%20110.048C74.8485%20108.698%2076.0378%20106.755%2076.7674%20105.162C79.0311%20100.236%2079.2092%2095.3156%2077.8992%2090.9871L85.5349%2076.4956L112.154%2025.9163C114.194%2022.1339%20114.533%2018.1043%20113.223%2014.6669C111.93%2011.2811%20109.166%208.60817%20105.742%206.62508C102.743%204.88907%2099.5418%203.85976%2096.3932%204.01501ZM96.6805%209.46437C98.519%209.37815%20100.639%209.98172%20103.012%2011.344C105.724%2012.9133%20107.396%2014.6952%20108.125%2016.6037C108.855%2018.5122%20108.786%2020.6677%20107.35%2023.3177H107.338L81.7076%2072.0119C78.9326%2069.2986%2075.698%2066.8671%2072.153%2064.8208C68.6138%2062.7744%2064.885%2061.1763%2061.1504%2060.1244L90.4641%2013.5625H90.4813C92.0556%2011.0045%2093.8941%209.87215%2095.9108%209.54443C96.1578%209.50419%2096.4162%209.48162%2096.6805%209.46437ZM58.1005%2064.9984C61.8638%2065.8894%2065.7706%2067.4415%2069.4362%2069.5626C73.1076%2071.6837%2076.4055%2074.2819%2079.0484%2077.0987L74.9117%2084.9796C72.4526%2081.5134%2069.0399%2078.691%2065.2307%2076.5929C61.5135%2074.5523%2057.3939%2073.1784%2053.2687%2072.6725L58.1005%2064.9984ZM49.3675%2077.9033C53.6766%2077.8516%2058.4855%2079.1105%2062.605%2081.3753C66.7302%2083.6402%2070.1315%2086.8822%2071.8953%2090.5267C73.6649%2094.1827%2073.9752%2098.1892%2071.8206%20102.874C71.3668%20103.869%2070.1545%20105.886%2069.465%20106.846C59.5886%20120.516%2038.0494%20123.384%2021.4275%20111.364C28.0233%20109.042%2031.4304%20104.932%2032.7978%20100.466C34.3663%2095.3668%2034.3548%2090.291%2036.5324%2085.6469C36.9978%2084.6696%2038.279%2082.6578%2038.865%2082.0197C40.106%2080.6631%2041.6572%2079.6514%2043.4269%2078.9674C45.2022%2078.2776%2047.2128%2077.9551%2049.3675%2077.9033ZM63.869%2098.7981C62.9957%2098.8211%2062.1511%2099.2637%2061.6398%20100.04C61.2549%20100.661%2060.6458%20101.437%2059.9736%20102.161C55.0671%20107.49%2047.3395%20109.479%2039.9909%20108.386C38.5029%20108.168%2037.1182%20109.185%2036.8998%20110.68C36.6815%20112.169%2037.7099%20113.554%2039.1922%20113.778C48.0115%20115.095%2057.6644%20112.83%2063.989%20105.828C64.7876%20104.995%2065.5633%20104.035%2066.2412%20102.966C67.0455%20101.701%2066.6721%20100.017%2065.4023%2099.2121C64.9312%2098.9132%2064.3919%2098.7866%2063.869%2098.7981Z'%20fill='white'/%3e%3c/svg%3e");--paint-toggle-outline-color:#c65300;background-color:#ff7100}.paint-tools__toggle--pose{--paint-toggle-icon:url("data:image/svg+xml,%3csvg%20width='128'%20height='128'%20viewBox='0%200%20128%20128'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_37_16)'%3e%3cpath%20d='M64.8417%2044.6835C77.0326%2044.6835%2086.9153%2034.8075%2086.9153%2022.6249C86.9153%2010.4423%2077.0326%200.566406%2064.8417%200.566406C52.6508%200.566406%2042.7681%2010.4423%2042.7681%2022.6249C42.7681%2034.8075%2052.6508%2044.6835%2064.8417%2044.6835Z'%20fill='white'/%3e%3cpath%20d='M63.6413%2098.3717C59.8614%2098.3717%2055.9131%2095.31%2055.9131%2091.5326V54.9429C55.9131%2051.1638%2059.8614%2048.1021%2063.6413%2048.1021C67.4213%2048.1021%2071.3696%2051.1638%2071.3696%2054.9429V91.5326C71.3696%2095.31%2067.4213%2098.3717%2063.6413%2098.3717Z'%20fill='white'/%3e%3cpath%20d='M38.3783%20124.134C36.6248%20124.134%2034.8748%20123.467%2033.5387%20122.13C30.8647%20119.459%2030.8647%20115.129%2033.5387%20112.457L59.4301%2086.5834C62.1041%2083.913%2066.437%2083.913%2069.111%2086.5834C71.785%2089.2555%2071.785%2093.5856%2069.111%2096.2577L43.2162%20122.13C41.8818%20123.467%2040.13%20124.134%2038.3783%20124.134Z'%20fill='white'/%3e%3cpath%20d='M90.6215%20124.134C88.868%20124.134%2087.118%20123.467%2085.7836%20122.13L59.8888%2096.2577C57.2148%2093.5856%2057.2148%2089.2555%2059.8888%2086.5834C62.5628%2083.913%2066.894%2083.913%2069.568%2086.5834L95.4594%20112.457C98.1334%20115.129%2098.1334%20119.459%2095.4594%20122.13C94.125%20123.467%2092.3715%20124.134%2090.6215%20124.134Z'%20fill='white'/%3e%3cpath%20d='M97.1804%2061.7839H31.8182C28.0382%2061.7839%2024.9744%2058.6965%2024.9744%2054.9191C24.9744%2051.1417%2028.0382%2048.0542%2031.8182%2048.0542H97.1821C100.962%2048.0542%20104.028%2051.1417%20104.028%2054.9191C104.028%2058.6965%20100.96%2061.7839%2097.1804%2061.7839Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_37_16'%3e%3crect%20width='79'%20height='127'%20fill='white'%20transform='translate(25)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");--paint-toggle-outline-color:#34921c;background-color:#55c933}.paint-tutorial{z-index:6;padding:max(96px, env(safe-area-inset-top)) 20px 20px;pointer-events:none;place-items:start center;display:grid;position:absolute;inset:0}.paint-tutorial[hidden]{display:none}.paint-tutorial__card{color:#fff;text-align:center;backdrop-filter:blur(10px);background:#0c1b15d6;border:1px solid #eefaee47;border-radius:12px;justify-items:center;gap:8px;width:min(440px,100vw - 64px);padding:16px 22px;display:grid;position:relative;box-shadow:0 14px 34px #0000004d}.paint-tutorial__card:before{content:"";border:2px solid #ffe59b;border-radius:50%;width:26px;height:26px;margin-bottom:2px;animation:1.2s ease-in-out infinite paint-tutorial-pulse;box-shadow:0 0 0 5px #ffe59b29}.paint-tutorial--pick-color .paint-tutorial__card:before{background:#70d48f}.paint-tutorial__step{color:#ffe59b;font-size:13px;font-weight:900;line-height:1}.paint-tutorial__card strong{-webkit-text-stroke:.7px #26302a;text-shadow:0 2px #26302a;font-family:Arial Black,Impact,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(18px,2.5vw,24px);font-weight:900;line-height:1.15}.paint-tutorial__card>span:last-child{color:#edf6eed6;font-size:15px;font-weight:800}.paint-tutorial__mobile-copy{display:none}@keyframes paint-tutorial-pulse{0%,to{transform:scale(.88)}50%{transform:scale(1.08)}}.paint-tools__toggle--menu{--paint-toggle-outline-color:#315187;top:max(calc(18px * var(--hud-control-scale)), env(safe-area-inset-top));left:max(calc(14px * var(--hud-control-scale)), env(safe-area-inset-left));background-color:#5c81c7;position:fixed}.paint-tools__toggle--menu:before{content:"☰";top:calc(4px * var(--hud-control-scale));color:#fff;width:auto;height:auto;font-family:Arial,sans-serif;font-size:calc(48px * var(--hud-control-scale));background:0 0;font-weight:900;line-height:1;mask:none}.paint-tools__toggle--menu .paint-tools__hotkey{right:calc(-44px * var(--hud-control-scale));left:auto}.paint-tools__toggle[hidden]{display:none}.paint-tools__toggle--active{filter:brightness(1.08)saturate(1.08)}.paint-tools__toggle:disabled{filter:grayscale(.8);opacity:.78;background-color:#8a8a8a}.paint-tools__panel,.pose-tools__panel{gap:calc(8px * var(--hud-control-scale));width:100%;max-height:100%;padding:var(--paint-panel-padding);border-radius:calc(16px * var(--hud-control-scale)) 0 0 calc(16px * var(--hud-control-scale));backdrop-filter:blur(12px);pointer-events:auto;background:#080e0bad;border:1px solid #eefaee29;border-right:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000042}.paint-tools__panel{overflow:visible}.paint-tools__panel[hidden],.pose-tools__panel[hidden]{display:none}.paint-tools__close{top:var(--paint-panel-padding);right:var(--paint-panel-padding);width:var(--paint-close-size);height:var(--paint-close-size);border-radius:calc(10px * var(--hud-control-scale));color:#edf6ee;font-size:calc(26px * var(--hud-control-scale));cursor:pointer;touch-action:manipulation;background:#20352ae0;border:1px solid #eefaee33;place-items:center;padding:0;font-weight:900;line-height:1;display:grid;position:absolute}.paint-tools__current{min-height:calc(54px * var(--hud-control-scale));grid-template-columns:calc(46px * var(--hud-control-scale)) minmax(0, 1fr);align-items:center;gap:calc(2px * var(--hud-control-scale)) calc(8px * var(--hud-control-scale));padding-right:calc(var(--paint-close-size) + (8px * var(--hud-control-scale)));display:grid}.paint-tools__current .hud__swatch{width:calc(46px * var(--hud-control-scale));height:calc(34px * var(--hud-control-scale));border-radius:calc(10px * var(--hud-control-scale))}.paint-tools__current strong{white-space:nowrap;color:#edf6ee;min-width:0;font-size:calc(13px * var(--hud-control-scale));grid-column:1/-1;font-weight:900}.paint-tools__palette{grid-template-columns:repeat(2, var(--paint-swatch-size));gap:var(--paint-palette-gap);width:100%;min-width:0;display:grid}.paint-tools__swatch{width:var(--paint-swatch-size);height:var(--paint-swatch-size);border-radius:calc(12px * var(--hud-control-scale));cursor:pointer;touch-action:manipulation;border:2px solid #ffffffb8;min-width:0;padding:0;position:relative;box-shadow:0 8px 20px #00000042}.paint-tools__swatch--selected{border-color:#ffe59b;box-shadow:0 0 0 2px #ffe59b57,0 8px 20px #00000042}.paint-tools__swatch:disabled{opacity:.45;cursor:default}.paint-tools__item-hotkey{left:calc(4px * var(--hud-control-scale));top:calc(2px * var(--hud-control-scale));z-index:1;color:#fff;font-family:Arial Black,Impact,Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(17.55px * var(--hud-control-scale));letter-spacing:0;-webkit-text-stroke:calc(.6px * var(--hud-control-scale)) #26302a;text-shadow:0 calc(1px * var(--hud-control-scale)) 0 #26302a, 0 calc(2px * var(--hud-control-scale)) calc(3px * var(--hud-control-scale)) #00000057;pointer-events:none;font-weight:900;line-height:1;position:absolute}.paint-tools__item-hotkey[hidden]{display:none}.pose-tools__current{min-height:calc(38px * var(--hud-control-scale));padding-right:calc(var(--paint-close-size) + (8px * var(--hud-control-scale)));color:#edf6ee;font-size:calc(14px * var(--hud-control-scale));align-items:center;font-weight:900;display:flex}.pose-tools__grid{grid-template-columns:repeat(2, var(--paint-swatch-size));gap:var(--paint-palette-gap);width:100%;min-width:0;display:grid}.pose-tools__option{width:var(--paint-swatch-size);height:var(--paint-swatch-size);border-radius:calc(12px * var(--hud-control-scale));cursor:pointer;touch-action:manipulation;background-color:#edf6ee;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #ffffffb8;min-width:0;padding:0;position:relative;box-shadow:0 8px 20px #00000042}.pose-tools__option--selected{border-color:#ffe59b;box-shadow:0 0 0 2px #ffe59b57,0 8px 20px #00000042}.pose-tools__option:disabled{opacity:.45;cursor:default}.paint-tools__field{gap:calc(8px * var(--hud-control-scale));color:#edf6eec7;font-size:calc(14px * var(--hud-control-scale));font-weight:800;display:grid}.paint-tools__brush-preview{left:calc(-82px * var(--hud-control-scale));bottom:var(--paint-panel-padding);width:calc(72px * var(--hud-control-scale));height:calc(72px * var(--hud-control-scale));border-radius:calc(14px * var(--hud-control-scale));backdrop-filter:blur(12px);pointer-events:none;background:#080e0bad;border:1px solid #eefaee29;place-items:center;display:grid;position:absolute;box-shadow:0 18px 46px #00000042}.paint-tools__brush-preview[hidden]{display:none}.paint-tools__brush-preview span{background:#70d48f2e;border:2px solid #ffffffeb;border-radius:50%;display:block;box-shadow:0 0 0 1px #07110c9e,0 4px 14px #00000047}.paint-tools__field select,.paint-tools__field input{width:100%;max-width:100%}.paint-tools__brush-row{grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.paint-tools__field select{color:#edf6ee;background:#20352a;border:1px solid #eefaee38;border-radius:6px;min-height:34px}.paint-tools__field input{min-height:calc(40px * var(--hud-control-scale));accent-color:#70d48f;touch-action:manipulation}.paint-tools__field input[type=range]{appearance:none;background:0 0}.paint-tools__field input[type=range]::-webkit-slider-runnable-track{height:calc(10px * var(--hud-control-scale));background:#edf6ee38;border-radius:999px}.paint-tools__field input[type=range]::-webkit-slider-thumb{width:calc(32px * var(--hud-control-scale));height:calc(32px * var(--hud-control-scale));margin-top:calc(-11px * var(--hud-control-scale));appearance:none;background:#70d48f;border:2px solid #07110c47;border-radius:50%;box-shadow:0 7px 18px #00000052}.paint-tools__field input[type=range]::-moz-range-track{height:calc(10px * var(--hud-control-scale));background:#edf6ee38;border-radius:999px}.paint-tools__field input[type=range]::-moz-range-thumb{width:calc(32px * var(--hud-control-scale));height:calc(32px * var(--hud-control-scale));background:#70d48f;border:2px solid #07110c47;border-radius:50%;box-shadow:0 7px 18px #00000052}.paint-rotate-controls{left:50%;bottom:max(calc(34px * var(--hud-control-scale)), calc(env(safe-area-inset-bottom) + (18px * var(--hud-control-scale))));z-index:5;gap:calc(12px * var(--hud-control-scale));pointer-events:none;display:flex;position:absolute;transform:translate(-50%)}.paint-rotate-controls[hidden]{display:none}.paint-rotate-controls__button{width:calc(64px * var(--hud-control-scale));height:calc(54px * var(--hud-control-scale));min-width:0;min-height:0;padding:0 0 calc(4px * var(--hud-control-scale));border-radius:calc(14px * var(--hud-control-scale));color:#edf6ee;backdrop-filter:blur(12px);font-size:calc(44px * var(--hud-control-scale));cursor:pointer;pointer-events:auto;touch-action:none;user-select:none;background:#080e0bad;border:1px solid #eefaee38;place-items:center;font-weight:900;line-height:1;display:grid;box-shadow:0 18px 46px #00000042}.paint-rotate-controls__button:active{background:#20352ae0;border-color:#ffe59bc7}.paint-rotate-controls__button:disabled{opacity:.45;cursor:default}.mobile-controls{z-index:4;pointer-events:none;position:absolute;inset:0}.mobile-controls[hidden]{display:none}.mobile-controls__move-zone{top:var(--mobile-move-zone-top);width:var(--mobile-move-zone-width);pointer-events:auto;touch-action:none;position:absolute;bottom:0;left:0}.mobile-controls__stick{width:var(--mobile-joystick-size);height:var(--mobile-joystick-size);margin:calc(var(--mobile-joystick-size) / -2) 0 0 calc(var(--mobile-joystick-size) / -2);background-color:var(--mobile-joystick-base-color);background-image:var(--mobile-joystick-base-image);background-position:50%;background-repeat:no-repeat;background-size:var(--mobile-joystick-base-image-size);opacity:0;pointer-events:none;border:1px solid #eefaee2e;border-radius:50%;transition:opacity 80ms;position:absolute;transform:translateZ(0)}.mobile-controls__stick span{width:var(--mobile-joystick-knob-size);height:var(--mobile-joystick-knob-size);margin:calc(var(--mobile-joystick-knob-size) / -2) 0 0 calc(var(--mobile-joystick-knob-size) / -2);background-color:var(--mobile-joystick-knob-color);background-image:var(--mobile-joystick-knob-image);background-position:50%;background-repeat:no-repeat;background-size:var(--mobile-joystick-knob-image-size);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 12px 32px #00000052}.mobile-controls__stick.is-active{opacity:1}.mobile-controls__jump,.mobile-controls__fire{--mobile-action-button-image:var(--mobile-jump-button-image);appearance:none;right:max(var(--mobile-action-button-right), env(safe-area-inset-right));width:var(--mobile-action-button-size);height:var(--mobile-action-button-size);color:#0000;background-color:#0000;background-image:var(--mobile-action-button-image);background-position:50%;background-repeat:no-repeat;background-size:var(--mobile-action-button-image-size);box-shadow:none;pointer-events:auto;touch-action:none;border:0;border-radius:0;padding:0;font-size:0;font-weight:900;line-height:0;position:absolute;overflow:hidden}.mobile-controls__jump{bottom:max(var(--mobile-action-button-bottom), env(safe-area-inset-bottom))}.mobile-controls__fire{--mobile-action-button-image:var(--mobile-fire-button-image);bottom:calc(max(var(--mobile-action-button-bottom), env(safe-area-inset-bottom)) + var(--mobile-action-button-size) + var(--mobile-action-button-gap))}.mobile-controls__fire[hidden]{display:none}.game-menu{z-index:8;backdrop-filter:blur(5px);background:#050a0880;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.game-menu[hidden]{display:none}.game-menu__panel{background:#14211bf5;border:2px solid #eefaee52;border-radius:14px;gap:20px;width:min(420px,100vw - 48px);padding:30px;display:grid;position:relative;box-shadow:0 24px 60px #00000075}.game-menu__panel h2{color:#fff;text-transform:uppercase;-webkit-text-stroke:1px #26302a;text-shadow:0 2px #26302a;margin:0;padding-right:44px;font-family:Arial Black,Impact,Inter,ui-sans-serif,system-ui,sans-serif;font-size:28px;line-height:1}.game-menu__close{color:#edf6ee;cursor:pointer;background:#5c81c7db;border:1px solid #eefaee40;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:26px;font-weight:900;line-height:1;display:grid;position:absolute;top:14px;right:14px}.game-menu__field{color:#edf6ee;gap:8px;font-size:16px;font-weight:800;display:grid}.game-menu__range-row{grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:12px;display:grid}.game-menu__range-row input{accent-color:#70d48f;width:100%}.game-menu__range-row output{color:#ffe59b;font-variant-numeric:tabular-nums;text-align:right}.game-menu__leave{color:#fff;text-transform:uppercase;-webkit-text-stroke:.8px #542707;text-shadow:0 2px #542707;cursor:pointer;background:#d45a00;border:2px solid #8c3b00;border-radius:9px;min-height:58px;font-family:Arial Black,Impact,Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:900}.game-menu__close:active,.game-menu__leave:active{transform:scale(.98)}.results-panel{z-index:7;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));isolation:isolate;pointer-events:auto;background:#0000007a;place-items:stretch center;animation:.9s both results-fade-in;display:grid;position:absolute;inset:0;overflow:hidden}.results-panel[hidden]{display:none}.results-panel__panel{z-index:1;text-align:center;grid-template-rows:minmax(0,1fr) auto;justify-items:center;width:min(560px,100vw - 48px);height:100%;display:grid;position:relative}.results-panel__logo{display:none}.results-panel__title{--outlined-svg-height:1.02em;--outlined-svg-stroke:#000000e6;--outlined-svg-stroke-width:1.2px;--outlined-svg-shadow:drop-shadow(0 3px 0 #000000eb) drop-shadow(0 8px 20px #00000094);color:#edf6ee;text-transform:uppercase;align-self:start;width:min(560px,100vw - 48px);margin-top:clamp(28px,8vh,92px);font-size:clamp(28px,5vw,52px);font-weight:950;line-height:1.02}.results-panel__timer,.results-panel__reason,.results-panel__list{display:none}.results-panel__actions{grid-template-columns:1fr 1fr;align-self:end;gap:14px;width:min(460px,100vw - 48px);margin-top:22px;animation:.98s cubic-bezier(.16,1,.3,1) .22s both results-actions-slide-in;display:grid}.results-panel .menu__play-button{color:#3a2600;text-transform:uppercase;text-shadow:0 2px #fff5b4b8;white-space:normal;overflow-wrap:anywhere;background:#ffd33f;border:4px solid #7d5b04;border-radius:8px;min-height:92px;padding:0 22px;font-size:clamp(24px,4vw,36px);font-weight:900;line-height:1;box-shadow:inset 0 18px 24px #fffbcfad,inset 0 -18px 24px #7e520057,0 8px #7d5b04,0 24px 48px #1a3e7557}.results-panel .menu__play-button:active{transform:translateY(4px);box-shadow:inset 0 12px 18px #fffbcf85,inset 0 -14px 18px #7e520061,0 4px #7d5b04,0 16px 34px #1a3e754d}.results-panel .menu__play-button:disabled{cursor:default;filter:grayscale(.45);opacity:.72}@keyframes results-fade-in{0%{background:0 0}to{background:#0000007a}}@keyframes results-actions-slide-in{0%{opacity:0;transform:translateY(calc(90px + env(safe-area-inset-bottom)))}to{opacity:1;transform:translateY(0)}}.mock-interstitial-ad{z-index:10000;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));opacity:1;pointer-events:all;background:radial-gradient(circle at 50% 25%,#ffea8a3d,#0000 34%),linear-gradient(145deg,#10151d 0%,#233049 52%,#10151d 100%);place-items:center;transition:opacity .18s;display:grid;position:fixed;inset:0}.mock-interstitial-ad--closing{opacity:0}.mock-interstitial-ad__panel{color:#fff;text-align:center;background:#00000057;border:4px solid #ffe59bf2;border-radius:18px;align-content:center;place-items:center;gap:14px;width:min(520px,100vw - 36px);min-height:min(320px,100vh - 36px);display:grid;box-shadow:inset 0 0 0 2px #ffffff2e,0 24px 80px #00000075}.mock-interstitial-ad__label,.mock-interstitial-ad__title,.mock-interstitial-ad__placement{letter-spacing:0;text-transform:uppercase;-webkit-text-stroke:1px #000000e6;text-shadow:0 2px #000000f2,0 6px 16px #0000009e;font-family:Arial Black,Impact,Inter,ui-sans-serif,system-ui,sans-serif}.mock-interstitial-ad__label{color:#ffe59b;font-size:clamp(18px,3vw,28px)}.mock-interstitial-ad__title{font-size:clamp(42px,8vw,84px)}.mock-interstitial-ad__placement{color:#ffffffd1;text-transform:none;font-size:clamp(13px,2vw,18px)}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=640px){.paint-tutorial{padding-top:max(72px, env(safe-area-inset-top))}.paint-tutorial__card{gap:6px;width:min(320px,100vw - 40px);padding:12px 16px}.paint-tutorial__card:before{width:22px;height:22px}.paint-tutorial__card strong{font-size:18px}.paint-tutorial__card>span:last-child{font-size:13px}.paint-tutorial__desktop-copy{display:none}.paint-tutorial__mobile-copy{display:inline}.menu{--menu-padding:18px;--menu-logo-width:280px;--menu-logo-height:280px;--menu-logo-viewport-margin:32px;--menu-logo-play-gap:30px;--menu-panel-width:340px;--menu-panel-viewport-margin:36px;--menu-panel-gap:14px;--menu-actions-width:300px;--menu-actions-viewport-margin:36px;--menu-play-min-height:96px;--menu-play-padding-x:18px;--menu-play-border-width:3px;--menu-play-font-size:30px;--menu-play-depth:7px;--menu-play-active-offset:4px;--menu-play-active-depth:3px;--menu-play-shadow-y:20px;--menu-play-shadow-blur:44px;--menu-play-active-shadow-y:15px;--menu-play-active-shadow-blur:34px;--menu-pattern-size:144px;--menu-pattern-speed:18s}.round-strip{grid-template-columns:minmax(56px,1fr) auto minmax(56px,1fr);gap:8px;top:10px}.round-strip__timer{min-width:76px;padding:7px 10px;font-size:18px}.phase-shade{padding:16px}.phase-shade__panel{width:min(320px,100vw - 32px)}.phase-shade__logo{width:min(190px,100vw - 96px);height:190px;margin-bottom:16px}.phase-shade__title{font-size:24px}.phase-shade__timer{font-size:16px}.phase-shade__menu-text--title{font-size:24px}.phase-shade__menu-text--status{font-size:16px}.phase-shade--seeker-wait .phase-shade__logo{width:min(138px,100vw - 120px);height:138px;margin-bottom:22px}.phase-shade__seeker-wait-copy{gap:10px}.phase-shade__seeker-wait-text--title{font-size:30px}.phase-shade__seeker-wait-text--subtitle{font-size:20px}.phase-shade__seeker-wait-text--timer{margin-top:14px;font-size:38px}.phase-shade--role-reveal{--role-reveal-row-height:58px}.phase-shade--role-reveal .phase-shade__logo{width:min(124px,100vw - 136px);height:124px;margin-bottom:12px}.phase-shade--role-reveal .phase-shade__panel{width:min(360px,100vw - 32px)}.role-reveal{gap:12px}.role-reveal__header{min-width:min(300px,100vw - 56px);padding:8px 14px;font-size:20px}.role-reveal__machine{width:min(340px,100vw - 36px);min-height:116px;padding:20px 42px}.role-reveal__reel-item{font-size:24px}.role-reveal__pointer--left{border-top-width:18px;border-bottom-width:18px;border-right-width:28px;left:10px}.role-reveal__pointer--right{border-top-width:18px;border-bottom-width:18px;border-left-width:28px;right:10px}.role-reveal__result{min-height:38px;font-size:30px}.phase-shade__role-timer-copy{font-size:24px}.results-panel{padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))}.results-panel__actions{gap:10px;width:min(340px,100vw - 48px);margin-top:18px}.results-panel .menu__play-button{border-width:3px;min-height:76px;box-shadow:inset 0 14px 18px #fffbcfa3,inset 0 -14px 18px #7e520057,0 6px #7d5b04,0 18px 34px #1a3e7552}}@media (width<=390px),(width<=640px) and (height<=720px){.menu{--menu-padding:14px;--menu-logo-width:220px;--menu-logo-height:220px;--menu-logo-viewport-margin:28px;--menu-logo-play-gap:24px;--menu-panel-width:300px;--menu-panel-viewport-margin:28px;--menu-panel-gap:12px;--menu-actions-width:260px;--menu-actions-viewport-margin:28px;--menu-play-min-height:82px;--menu-play-padding-x:14px;--menu-play-font-size:26px;--menu-play-depth:6px;--menu-play-active-offset:3px;--menu-play-active-depth:3px;--menu-play-shadow-y:16px;--menu-play-shadow-blur:34px;--menu-play-active-shadow-y:12px;--menu-play-active-shadow-blur:28px;--menu-pattern-size:128px;--menu-pattern-speed:22s}}@media (orientation:landscape) and (height<=520px){.game-shell{--hud-control-scale:.72;--hud-edge-inset:max(8px, env(safe-area-inset-right));--paint-toggle-size:calc(54px * var(--hud-control-scale));--paint-panel-width:min(120px, calc(100vw - 8px));--paint-panel-padding:7px;--paint-palette-gap:5px;--paint-close-size:26px;--mobile-move-zone-top:0;--mobile-move-zone-width:min(42vw, 320px)}.menu{--menu-padding:max(12px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));--menu-logo-width:160px;--menu-logo-height:160px;--menu-logo-viewport-margin:36px;--menu-logo-play-gap:20px;--menu-panel-width:320px;--menu-panel-viewport-margin:36px;--menu-panel-gap:10px;--menu-actions-width:280px;--menu-actions-viewport-margin:36px;--menu-play-min-height:76px;--menu-play-padding-x:16px;--menu-play-font-size:28px;--menu-play-depth:6px;--menu-play-active-offset:3px;--menu-play-active-depth:3px;--menu-play-shadow-y:14px;--menu-play-shadow-blur:30px;--menu-play-active-shadow-y:10px;--menu-play-active-shadow-blur:24px;--menu-pattern-size:120px;--menu-pattern-speed:24s}.results-panel{padding:max(10px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))}.results-panel__panel{width:min(460px,100vw - 48px)}.results-panel__title{--outlined-svg-height:1.05em;--outlined-svg-stroke-width:.7px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000f2) drop-shadow(0 5px 12px #0000009e);width:min(460px,100vw - 72px);font-size:clamp(24px,4.6vw,34px);line-height:1.05}.results-panel__actions{gap:10px;width:min(360px,100vw - 96px);margin-top:14px}.results-panel .menu__play-button{border-width:3px;min-height:58px;padding:0 14px;font-size:clamp(20px,3.7vw,28px);box-shadow:inset 0 10px 14px #fffbcf9e,inset 0 -10px 14px #7e520057,0 5px #7d5b04,0 14px 26px #1a3e754d}.paint-tools{top:max(6px, env(safe-area-inset-top));bottom:max(6px, env(safe-area-inset-bottom));gap:6px}.paint-tools__toggles{margin-right:var(--hud-edge-inset);gap:8px}.paint-tools--panel-open .paint-tools__toggles{margin-right:0;position:absolute;top:0;right:calc(100% + 6px)}.paint-tools__toggle{width:calc(64px * var(--hud-control-scale));height:calc(70px * var(--hud-control-scale));background-position:center calc(8px * var(--hud-control-scale));background-size:calc(32px * var(--hud-control-scale)) calc(32px * var(--hud-control-scale));box-shadow:none;border-radius:8px}.paint-tools__toggle:before{top:calc(8px * var(--hud-control-scale));width:calc(32px * var(--hud-control-scale));height:calc(32px * var(--hud-control-scale))}.paint-tools__toggle--menu:before{top:calc(3px * var(--hud-control-scale));font-size:calc(36px * var(--hud-control-scale))}.paint-tools__toggle--menu{top:max(6px, env(safe-area-inset-top));left:max(6px, env(safe-area-inset-left))}.paint-tools__toggle-label{bottom:calc(3px * var(--hud-control-scale));font-size:calc(12px * var(--hud-control-scale));-webkit-text-stroke:calc(.6px * var(--hud-control-scale)) var(--paint-toggle-text-outline);text-shadow:0 calc(1px * var(--hud-control-scale)) 0 var(--paint-toggle-text-outline), 0 calc(2px * var(--hud-control-scale)) calc(3px * var(--hud-control-scale)) #0000006b}.paint-tools__hotkey,.paint-tools__item-hotkey{display:none}.paint-tools__toggle:active{box-shadow:none;transform:scale(.97)}.paint-tools__panel,.pose-tools__panel{border-radius:12px 0 0 12px;gap:5px}.paint-tools__close{border-radius:8px;font-size:18px}.paint-tools__current{grid-template-columns:28px minmax(0,1fr);gap:1px 5px;min-height:30px;padding-right:31px}.paint-tools__current .hud__swatch{border-radius:8px;width:28px;height:22px}.paint-tools__current strong{font-size:10px}.paint-tools__swatch,.pose-tools__option{border-width:1px;border-radius:9px}.pose-tools__current{min-height:24px;padding-right:31px;font-size:11px}.paint-tools__field{gap:3px;font-size:11px}.paint-tools__brush-preview{border-radius:10px;width:58px;height:58px;bottom:7px;left:-66px}.paint-tools__brush-row{grid-template-columns:minmax(0,1fr)}.paint-tools__field input{min-height:28px}.paint-tools__field input[type=range]::-webkit-slider-runnable-track{height:7px}.paint-tools__field input[type=range]::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px}.paint-tools__field input[type=range]::-moz-range-track{height:7px}.paint-tools__field input[type=range]::-moz-range-thumb{width:22px;height:22px}.paint-rotate-controls{bottom:max(6px, env(safe-area-inset-bottom));gap:8px}.paint-rotate-controls__button{border-radius:10px;width:44px;height:38px;padding-bottom:3px;font-size:32px}.game-menu{padding:16px}.game-menu__panel{gap:16px;width:min(340px,100vw - 32px);padding:24px 20px 20px}.game-menu__panel h2{font-size:24px}.game-menu__field{font-size:14px}.game-menu__leave{min-height:50px;font-size:17px}}@media (orientation:landscape) and (height<=620px){.phase-shade{padding:max(10px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))}.phase-shade__panel{width:min(520px,100vw - 48px)}.phase-shade__logo{width:min(170px,26vw);height:min(170px,26vw);margin-bottom:10px}.phase-shade__title{font-size:clamp(22px,4.4vw,34px);line-height:1.05}.phase-shade__timer{margin-top:4px;font-size:clamp(16px,3vw,24px)}.phase-shade__menu-text--title{font-size:clamp(22px,4.4vw,34px)}.phase-shade__menu-text--status{margin-top:4px;font-size:clamp(16px,3vw,24px)}.phase-shade--menu .phase-shade__menu-text{--outlined-svg-stroke-width:.45px;--outlined-svg-shadow:drop-shadow(0 2px 0 #051426d1) drop-shadow(0 4px 10px #04143447)}.phase-shade--seeker-wait .phase-shade__logo{width:min(104px,16vw);height:min(104px,16vw);margin-bottom:12px}.phase-shade__seeker-wait-copy{gap:8px}.phase-shade__seeker-wait-text--title{--outlined-svg-stroke-width:.8px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000f2) drop-shadow(0 5px 12px #000000a8);font-size:clamp(28px,5.1vw,42px)}.phase-shade__seeker-wait-text--subtitle{--outlined-svg-stroke-width:.55px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000e6) drop-shadow(0 4px 10px #00000094);max-width:min(560px,100vw - 72px);font-size:clamp(18px,3.8vw,28px)}.phase-shade__seeker-wait-text--timer{--outlined-svg-stroke-width:.75px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000eb) drop-shadow(0 5px 12px #0000009e);margin-top:6px;font-size:clamp(28px,5.4vw,44px)}.phase-shade--role-reveal{--role-reveal-row-height:46px}.phase-shade--role-reveal .phase-shade__logo{width:min(90px,15vw);height:min(90px,15vw);margin-bottom:6px}.phase-shade--role-reveal .phase-shade__panel{width:min(460px,100vw - 48px)}.phase-shade--role-reveal .phase-shade__title{width:100%}.role-reveal{gap:8px}.role-reveal__header{--outlined-svg-stroke-width:0;border-width:2px;min-width:min(320px,100vw - 96px);padding:7px 16px;font-size:clamp(18px,3.4vw,26px)}.role-reveal__machine{border-width:3px;border-radius:10px;width:min(400px,100vw - 96px);min-height:88px;padding:14px 40px}.role-reveal__window{border-width:3px}.role-reveal__reel-item{--outlined-svg-stroke-width:.55px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000d6) drop-shadow(0 0 12px #ffd75a5c);font-size:clamp(20px,4vw,28px)}.role-reveal__pointer--left{border-top-width:16px;border-bottom-width:16px;border-right-width:26px;left:10px}.role-reveal__pointer--right{border-top-width:16px;border-bottom-width:16px;border-left-width:26px;right:10px}.role-reveal__result{--outlined-svg-stroke-width:.7px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000f2) drop-shadow(0 5px 12px #0000009e);min-height:30px;font-size:clamp(24px,4.6vw,34px)}.phase-shade__role-timer-copy{--outlined-svg-stroke-width:.6px;--outlined-svg-shadow:drop-shadow(0 2px 0 #000000e0) drop-shadow(0 4px 10px #00000094);margin-top:0;font-size:clamp(18px,3.4vw,26px)}}