#root{min-width:320px;min-height:100svh}*{box-sizing:border-box}:root{color:#f5f7f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;overflow:hidden}button{font:inherit}.game-shell{background:#05070a;width:100vw;height:100svh;position:relative;overflow:hidden}.login-shell{background:linear-gradient(#05070adb,#05070af5),url(/assets/hero-CLDdwZDr.png) 50%/cover;place-items:center;width:100vw;height:100svh;padding:18px;display:grid}.login-panel{background:#090d12e6;border:1px solid #ffffff29;border-radius:8px;gap:14px;width:min(390px,100%);padding:22px;display:grid;box-shadow:0 24px 70px #00000075}.login-brand{gap:4px;margin-bottom:4px;display:grid}.login-brand span,.login-api{color:#aeb9c5;font-size:12px;line-height:1.2}.login-brand strong{color:#f5f7f3;font-size:26px;line-height:1.1}.login-panel label{color:#d3dbe2;gap:7px;font-size:13px;line-height:1.2;display:grid}.login-panel input{color:#f5f7f3;background:#ffffff12;border:1px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:12px 13px}.login-panel input:focus{border-color:#68e0ba}.login-action{width:100%;margin-top:4px}.login-error{color:#ffd7d7;margin:0;font-size:13px;line-height:1.35}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.aim-reticle{pointer-events:none;border:2px solid #f5f7f3d1;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-reticle:before,.aim-reticle:after{content:"";background:#f5f7f3eb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-reticle:before{width:2px;height:8px}.aim-reticle:after{width:8px;height:2px}.top-hud{pointer-events:none;grid-template-columns:minmax(190px,280px) minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid;position:absolute;top:12px;left:12px;right:12px}.brand-block,.hud-stat,.stand-panel,.end-panel,.error-banner,.controls-strip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090d12d1;border:1px solid #ffffff24;box-shadow:0 18px 38px #00000059}.brand-block{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.brand-block strong{font-size:16px;line-height:1.15;display:block}.hud-toggle{color:#f5f7f3;pointer-events:auto;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;min-width:64px;min-height:38px;font-size:12px;font-weight:900;display:none}.player-alias{color:#d3dbe2;font-size:12px;line-height:1.2}.eyebrow,.hud-stat span,.controls-strip span,dt{color:#aeb9c5;text-transform:uppercase;font-size:12px;line-height:1.2}.stat-grid{grid-template-columns:repeat(5,minmax(96px,1fr));gap:8px;display:grid}.hud-stat{border-radius:8px;align-content:center;gap:4px;min-height:58px;padding:8px 10px;display:grid}.hud-stat strong{font-size:15px;line-height:1.18}.primary-action{color:#061010;cursor:pointer;pointer-events:auto;background:#68e0ba;border:0;border-radius:8px;min-width:148px;min-height:58px;font-weight:800}.primary-action:hover{background:#86f0ce}.primary-action:disabled{cursor:wait;opacity:.7}.action-stack{pointer-events:auto;grid-template-columns:136px;gap:8px;display:grid}.action-stack .primary-action{min-width:136px;min-height:36px}.secondary-action{color:#f5f7f3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;min-height:28px;font-size:12px;font-weight:800}.secondary-action:hover{background:#ffffff1f}.controls-strip{pointer-events:none;border-radius:8px;flex-wrap:wrap;gap:10px;max-width:min(720px,100vw - 32px);padding:10px 12px;display:flex;position:absolute;bottom:16px;left:16px}.controls-strip span{color:#d3dbe2;text-transform:none}.player-status{pointer-events:none;background:#090d12db;border:1px solid #ffffff29;border-radius:8px;gap:8px;width:min(320px,100vw - 32px);padding:11px 12px;display:grid;position:absolute;bottom:76px;left:16px;box-shadow:0 18px 38px #00000059}.player-status-row{color:#f5f7f3;justify-content:space-between;gap:12px;font-size:14px;line-height:1.2;display:flex}.player-status-row span{color:#d3dbe2}.health-bar,.charge-bar{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.health-bar span,.charge-bar span{transform-origin:0;width:100%;height:100%;display:block}.health-bar span{background:#68e0ba}.snowball-charge{pointer-events:none;gap:7px;width:170px;display:grid;position:absolute;top:calc(50% + 38px);left:50%;transform:translate(-50%)}.snowball-charge strong{color:#f5f7f3;text-align:center;text-shadow:0 2px 8px #000000bf;font-size:12px;line-height:1}.charge-bar{background:#090d12c2;border:1px solid #ffffff38;height:6px}.charge-bar span{background:#dcecff}.interaction-prompt{pointer-events:none;background:#090d12db;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:42px 1fr;align-items:center;gap:10px;width:min(360px,100vw - 32px);padding:10px 12px;display:grid;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #00000059}.keycap{color:#f5f7f3;background:#ffffff14;border:1px solid #ffffff47;border-radius:6px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.interaction-prompt strong,.interaction-prompt span:not(.keycap){display:block}.interaction-prompt strong{color:#f5f7f3;font-size:14px;line-height:1.2}.interaction-prompt div>span{color:#aeb9c5;font-size:12px;line-height:1.25}.interaction-bar{background:#ffffff1f;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.interaction-bar span{transform-origin:0;background:#68e0ba;width:100%;height:100%;display:block}.stand-panel,.end-panel{border-radius:8px;width:min(340px,100vw - 32px);padding:18px;position:absolute;top:106px;right:16px}.panel-close{color:#f5f7f3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;padding:6px 10px;position:absolute;top:12px;right:12px}.stand-logo{color:#171304;background:#f3cf5c;border-radius:8px;place-items:center;width:58px;height:58px;margin-bottom:14px;font-weight:900;display:grid}.stand-panel h2,.end-panel h2{margin:0 0 10px;font-size:24px;line-height:1.15}.stand-panel p{color:#d5dde5;margin:0 0 18px;line-height:1.45}dl{gap:10px;margin:0;display:grid}dl div{border-top:1px solid #ffffff1a;justify-content:space-between;gap:12px;padding-top:10px;display:flex}dd{color:#fff;text-align:right;margin:0}.end-panel{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.error-banner{color:#ffd7d7;white-space:pre-wrap;border-color:#fa5e5e73;border-radius:8px;max-height:40svh;padding:12px 14px;position:absolute;bottom:16px;left:16px;right:16px;overflow:auto}.mobile-controls{pointer-events:none;justify-content:space-between;align-items:end;display:none;position:absolute;inset:auto 16px 18px}.move-pad{pointer-events:auto;touch-action:none;background:#090d1285;border:1px solid #ffffff2e;border-radius:50%;width:132px;height:132px;position:relative;box-shadow:0 18px 38px #00000059}.move-pad:before{content:"";border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:31px}.move-pad-stick{background:#68e0bae6;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 26px #0000006b}.touch-actions{pointer-events:auto;grid-template-columns:repeat(2,76px);justify-content:end;gap:10px;display:grid}.touch-button{color:#f5f7f3;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#090d12a3;border:1px solid #ffffff2e;border-radius:50%;min-width:0;min-height:62px;font-size:13px;font-weight:900;box-shadow:0 18px 38px #00000059}.touch-button:active{transform:translateY(1px)scale(.98)}.touch-button-primary{color:#061010;background:#dcecff;grid-column:1/-1;justify-self:end;width:92px;height:92px}.touch-button-secondary{color:#061010;background:#f3cf5c}@media (width<=900px){.top-hud{grid-template-columns:minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-action{min-height:52px}.stand-panel{top:auto;bottom:82px}}@media (pointer:coarse),(width<=760px){.top-hud{gap:8px;left:10px;right:10px}.brand-block{pointer-events:auto;min-height:52px;padding:8px 10px}.brand-block strong{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 128px);font-size:14px;overflow:hidden}.player-alias{display:none}.hud-toggle{display:block}.top-hud:not(.is-open) .stat-grid,.top-hud:not(.is-open) .action-stack{display:none}.top-hud.is-open{pointer-events:auto;max-height:calc(100svh - 210px);overflow:auto}.top-hud.is-open .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-stat{min-height:48px;padding:7px 9px}.hud-stat strong{font-size:13px}.action-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.action-stack .primary-action,.secondary-action{min-width:0;min-height:42px}.controls-strip{display:none}.mobile-controls{display:flex}.player-status{width:min(240px,100vw - 32px);bottom:164px;left:16px;transform:none}.interaction-prompt{bottom:164px}.snowball-charge{top:calc(50% + 50px)}}