[hidden]{display:none!important}:root{--hud-bg:#121822b8;--hud-edge:#ffffff29;--hud-text:#f4f8ff;--hud-dim:#f4f8ff9e;--health-high:#57d16c;--health-medium:#ffc23d;--health-low:#ff5b5b;--stamina:#6ec6ff;--accent:#ffb43d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{height:100%;color:var(--hud-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#8fd3ff;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{touch-action:none;width:100%;height:100%;display:block}#ui-root{pointer-events:none;position:absolute;inset:0}#ui-root .overlay,#ui-root .btn,#ui-root .setup-select,#ui-root .setup-range,#ui-root .touch-buttons,#ui-root .touch-btn{pointer-events:auto}#ui-root .hud,#ui-root .hud *{pointer-events:none}#boot-screen{z-index:100;background:linear-gradient(160deg,#8fd3ff 0%,#d5f0ff 55%,#ffe9b8 100%);place-items:center;transition:opacity .45s;display:grid;position:absolute;inset:0}#boot-screen.is-hidden{opacity:0;pointer-events:none;display:grid}.boot-card{text-align:center;color:#123;padding:2rem}.boot-logo{font-size:5rem;line-height:1;animation:1.4s ease-in-out infinite boot-bounce}@keyframes boot-bounce{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.boot-logo{animation:none}}.boot-card h1{letter-spacing:-.02em;margin:.4rem 0 .2rem;font-size:2.6rem}#boot-status{color:#2b3d4f;margin:0 0 1rem;font-size:1rem}.boot-bar{background:#00000024;border-radius:999px;width:min(320px,70vw);height:10px;overflow:hidden}.boot-bar-fill{background:linear-gradient(90deg,#ffb43d,#ff7b6b);border-radius:999px;width:0%;height:100%;transition:width .3s}.hud{pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;inset:0}.hud-top{top:calc(.75rem + var(--safe-top));align-items:center;gap:.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-pill{background:var(--hud-bg);border:1px solid var(--hud-edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.95rem;font-weight:600;display:flex}.hud-fps{color:var(--hud-dim);font-size:.75rem;font-weight:500}.hud-crosshair{width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}.hud-crosshair:before,.hud-crosshair:after{content:"";background:#ffffffe6;position:absolute;box-shadow:0 0 0 1px #0000008c}.hud-crosshair:before{width:2px;height:100%;margin-left:-1px;top:0;left:50%}.hud-crosshair:after{width:100%;height:2px;margin-top:-1px;top:50%;left:0}.hud-feed{top:calc(4rem + var(--safe-top));right:calc(1rem + var(--safe-right));flex-direction:column;align-items:flex-end;gap:.3rem;max-width:min(360px,46vw);display:flex;position:absolute}.hud-feed-line{background:var(--hud-bg);border:1px solid var(--hud-edge);border-radius:8px;padding:.35rem .7rem;font-size:.85rem;transition:opacity 1s}.hud-feed-line.is-fading{opacity:0}.hud-prompt{background:var(--hud-bg);border:1px solid var(--accent);border-radius:10px;padding:.5rem 1rem;font-size:1rem;font-weight:600;position:absolute;top:58%;left:50%;transform:translate(-50%)}.hud-bottom{bottom:calc(1rem + var(--safe-bottom));left:calc(1rem + var(--safe-left));right:calc(1rem + var(--safe-right));justify-content:space-between;align-items:flex-end;gap:1rem;display:flex;position:absolute}.hud-vitals{flex-direction:column;gap:.35rem;width:min(300px,45vw);display:flex}.hud-bar{background:var(--hud-bg);border:1px solid var(--hud-edge);border-radius:8px;height:26px;transition:opacity .3s;position:relative;overflow:hidden}.hud-bar.is-hidden{opacity:0;display:block}.hud-stamina{height:8px}.hud-bar-fill{width:100%;height:100%;transition:width .12s linear}.hud-health .hud-bar-fill{background:var(--health-high)}.hud-health .hud-bar-fill[data-level=medium]{background:var(--health-medium)}.hud-health .hud-bar-fill[data-level=low]{background:var(--health-low)}.hud-stamina .hud-bar-fill{background:var(--stamina)}.hud-bar-text{text-shadow:0 1px 3px #000c;place-items:center;font-size:.9rem;font-weight:700;display:grid;position:absolute;inset:0}.hud-weapon{text-align:right}.hud-weapon-name{color:var(--hud-dim);font-size:1rem;font-weight:600}.hud-ammo{text-shadow:0 2px 6px #000000b3;font-size:2rem;font-weight:800;line-height:1.1}.hud-ammo.is-empty strong{color:var(--health-low)}.hud-ammo-reserve{color:var(--hud-dim);font-size:1.1rem;font-weight:600}.hud-reload{color:var(--accent);font-size:.9rem;font-weight:700}.hud-slots{bottom:calc(4.5rem + var(--safe-bottom));gap:.4rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-slot{background:var(--hud-bg);border:1px solid var(--hud-edge);border-radius:8px;flex-direction:column;justify-content:space-between;width:68px;height:46px;padding:.25rem;font-size:.65rem;display:flex;position:relative}.hud-slot.is-active{border-color:var(--accent);box-shadow:0 0 0 2px #ffb43d59}.hud-slot.is-empty .hud-slot-name{color:#f4f8ff4d}.hud-slot-number{color:var(--hud-dim);font-weight:700}.hud-slot-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0a1018b8;place-items:center;padding:1.5rem 0;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay-card{border:1px solid var(--hud-edge);text-align:center;background:#1a2332;border-radius:16px;max-width:min(440px,88vw);padding:1.75rem 2rem;box-shadow:0 20px 60px #00000073}.overlay-card h2{margin:0 0 .5rem;font-size:1.8rem}.overlay-card p{color:var(--hud-dim);margin:0 0 1.25rem;line-height:1.5}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.btn{appearance:none;border:1px solid var(--hud-edge);color:var(--hud-text);font:inherit;cursor:pointer;background:#2a3648;border-radius:10px;min-height:48px;padding:0 1.25rem;font-weight:700;transition:transform .1s,background .15s}.btn:hover{background:#35435a}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#1a1206;border-color:#0000}.btn-primary:hover{background:#ffc45e}@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}.touch-controls{pointer-events:none;display:none;position:absolute;inset:0}.touch-controls.is-active{display:block}.touch-stick{opacity:0;background:#ffffff1a;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;position:absolute}.touch-stick.is-visible{opacity:1}.touch-stick-nub{background:#ffffff8c;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.touch-buttons{right:calc(1rem + var(--safe-right));bottom:calc(7rem + var(--safe-bottom));pointer-events:auto;grid-template-columns:repeat(2,72px);gap:.6rem;display:grid;position:absolute}.touch-btn{width:72px;height:72px;color:var(--hud-text);cursor:pointer;background:#141c2899;border:2px solid #ffffff4d;border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.touch-btn:active{background:#ffb43d80}.touch-btn-attack{background:#ff7b6b8c;grid-column:span 2;justify-self:center;width:92px;height:92px}.setup-row{text-align:left;flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.setup-row label{color:var(--hud-dim);font-size:.9rem;font-weight:600}.setup-select{appearance:none;border:1px solid var(--hud-edge);width:100%;min-height:48px;color:var(--hud-text);font:inherit;background:#2a3648;border-radius:10px;padding:0 .85rem;font-weight:600}.setup-range{width:100%;height:40px;accent-color:var(--accent)}.lobby-card{min-width:min(460px,90vw)}.lobby-roster{text-align:left;border:1px solid var(--hud-edge);background:#0003;border-radius:10px;max-height:34vh;margin:.75rem 0 1rem;padding:.6rem .75rem;overflow-y:auto}.lobby-count{color:var(--hud-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.8rem;font-weight:700}.lobby-member{align-items:center;gap:.4rem;padding:.2rem 0;font-weight:600;display:flex}.lobby-member.is-bot .lobby-name{color:var(--hud-dim);font-weight:500}.lobby-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:#ffb43d38;border-radius:999px;padding:.1rem .4rem;font-size:.62rem;font-weight:700}.lobby-wait{text-align:left;background:#6ec6ff1f;border:1px solid #6ec6ff4d;border-radius:10px;margin:0 0 1rem;padding:.6rem .75rem;font-size:.9rem;line-height:1.45}.lobby-bots{border-top:1px solid var(--hud-edge);margin-top:1rem;padding-top:1rem}.lobby-dialog{z-index:60}.btn:disabled{opacity:.45;cursor:not-allowed}.overlay.is-celebrating{background:#060e186b;animation:.5s ease-out result-fade}.overlay.is-celebrating .result-card{animation:.5s cubic-bezier(.16,1,.3,1) result-rise}@keyframes result-fade{0%{opacity:0}to{opacity:1}}@keyframes result-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.reward{background:#ffd84a1f;border:1px solid #ffd84a59;border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;margin:1.1rem 0 .4rem;padding:.85rem 1.4rem;display:flex}.reward-label{letter-spacing:.09em;text-transform:uppercase;color:#ffd84a;font-size:.78rem}.reward-amount{color:#ffe89a;font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800;line-height:1.1}.reward-detail{opacity:.75;font-size:.82rem}@media (max-width:480px){.reward-amount{font-size:2rem}}.sign-in-card{max-width:22rem}.sign-in-blurb{opacity:.8;margin-bottom:1.1rem}.field{text-align:left;margin-bottom:.8rem;display:block}.field>span{letter-spacing:.07em;text-transform:uppercase;opacity:.7;margin-bottom:.3rem;font-size:.78rem;display:block}.field input{width:100%;color:inherit;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;padding:.7rem .85rem;font-family:inherit;font-size:1.05rem}.field input:focus{outline-offset:1px;outline:2px solid #ffb340}.sign-in-error{color:#ff9a8f;min-height:1.2rem;margin:.2rem 0 .6rem;font-size:.88rem}.sign-in-actions{gap:.6rem;display:flex}.sign-in-actions .btn{flex:1}.btn-quiet{opacity:.85;background:0 0;border:1px solid #ffffff29;margin-top:.9rem}.lobby-panel{pointer-events:auto;background:#0c1622c7;border:1px solid #ffffff1f;border-radius:14px;max-width:15rem;padding:.9rem 1.1rem;position:absolute;top:1rem;left:1rem}.lobby-panel-inner{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.lobby-panel strong{font-size:1.05rem}.lobby-panel span{opacity:.75;font-size:.85rem;line-height:1.35}.lobby-panel .btn{width:100%;margin-top:.5rem}.hud-zone{letter-spacing:.01em;text-align:center;text-shadow:0 2px 6px #0009;min-height:1.3rem;margin-top:.45rem;font-size:1rem;font-weight:700}.hud-zone.is-warning{color:#ffe08a}.hud-zone.is-closing{color:#ffa63d}.hud-zone.is-outside{color:#ff6a5a;font-size:1.3rem;animation:.7s ease-in-out infinite zone-alarm}@keyframes zone-alarm{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.hud-zone.is-outside{animation:none}}.hud-pounce{opacity:0;background:#00000073;border-radius:3px;width:84px;height:6px;transition:opacity .12s ease-out;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.hud-pounce.is-charging{opacity:1}.hud-pounce-fill{background:#6ac8ff;border-radius:3px;width:0%;height:100%;transition:width 50ms linear,background-color .15s ease-out}.hud-pounce-fill.is-full{background:#ffd84a;box-shadow:0 0 8px #ffd84acc}.touch-btn-pounce{background:#6ac8ff38;border-color:#6ac8ff8c;font-size:.72rem}.touch-btn-pounce:active{background:#ffd84a59;border-color:#ffd84acc}.touch-slots{pointer-events:auto;gap:.5rem;display:flex;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.touch-slot{color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#0e182499;border:2px solid #ffffff47;border-radius:12px;width:54px;height:54px;font-family:inherit;font-size:1.1rem;font-weight:800}.touch-slot:active{background:#ffb34080;transform:scale(.94)}.touch-btn.is-on{background:#ffb34080;border-color:#ffd84ae6}.touch-btn-ability{background:#c09ae84d;border-color:#c09ae8b3;font-size:.68rem}@media (max-height:460px){.touch-slot{width:44px;height:44px;font-size:.95rem}.touch-slots{gap:.35rem;bottom:.4rem}}.reward-next{opacity:.8;margin-top:.2rem;font-size:.82rem}.lobby-coins{color:#ffd84a;margin-top:.4rem;font-size:.9rem;font-weight:700}.tutorial-hint{color:#ffe89a;white-space:nowrap;opacity:0;pointer-events:none;background:#0c1622d1;border:1px solid #ffd84a73;border-radius:999px;padding:.5rem 1rem;font-size:.95rem;font-weight:700;transition:opacity .22s ease-out,transform .22s ease-out;position:absolute;bottom:22%;left:50%;transform:translate(-50%)translateY(8px)}.tutorial-hint.is-visible{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:560px){.tutorial-hint{padding:.4rem .8rem;font-size:.82rem;bottom:26%}}.emoji-wheel{opacity:0;pointer-events:none;width:0;height:0;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;top:50%;left:50%;transform:scale(.75)}.emoji-wheel.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.emoji-option{cursor:pointer;touch-action:manipulation;background:#0c1622d9;border:2px solid #ffffff40;border-radius:50%;width:58px;height:58px;font-size:1.7rem;line-height:1;transition:background-color .1s ease-out,border-color .1s ease-out;position:absolute;top:0;left:0}.emoji-option.is-highlighted{background:#ffb340e6;border-color:#ffd84a;box-shadow:0 0 14px #ffd84ab3}.emote-bubble{pointer-events:none;text-shadow:0 2px 6px #0000008c;font-size:1.8rem;animation:.25s cubic-bezier(.16,1,.3,1) emote-pop;position:absolute;transform:translate(-50%,-100%)}@keyframes emote-pop{0%{opacity:0;transform:translate(-50%,-80%)scale(.6)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@media (max-width:560px){.emoji-option{width:48px;height:48px;font-size:1.4rem}}.touch-btn-emote{background:#ffd84a38;border-color:#ffd84a99;font-size:1.3rem}.voice-field{border:1px solid #ffffff2e;border-radius:12px;margin-bottom:.8rem;padding:.7rem .85rem;display:none}.voice-field.is-shown{display:block}.voice-field legend{letter-spacing:.07em;text-transform:uppercase;opacity:.75;padding:0 .35rem;font-size:.74rem}.voice-option{cursor:pointer;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.92rem;display:flex}.voice-option input{accent-color:#ffb340;width:20px;height:20px}.voice-note{opacity:.7;margin:.4rem 0 0;font-size:.78rem;line-height:1.35}.room-card{min-width:min(430px,92vw)}.room-list-wrap{margin:.6rem 0 .9rem}.room-list-head{letter-spacing:.04em;text-transform:uppercase;opacity:.7;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.82rem;display:flex}.room-list{background:#00000038;border-radius:12px;max-height:34vh;margin:0;padding:0;list-style:none;overflow-y:auto}.room-row{border-bottom:1px solid #ffffff12;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.room-row:last-child{border-bottom:none}.room-row.is-full{opacity:.5}.room-name{letter-spacing:.12em;flex:1;font-weight:700}.room-count{opacity:.8;font-size:.85rem}.room-empty{text-align:center;opacity:.75;padding:.9rem .75rem;font-size:.9rem;line-height:1.4}.room-code-row{gap:.5rem;display:flex}.room-code-input{letter-spacing:.24em;text-transform:uppercase;flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.room-error:empty{display:none}.room-error{color:#ffb4b4;margin:.2rem 0 0;font-size:.88rem}.btn-tiny{padding:.15rem .5rem;font-size:.95rem;line-height:1.2}.friends-card{min-width:min(440px,92vw)}.friend-code-block{background:#6ec6ff24;border:1px solid #6ec6ff4d;border-radius:12px;align-items:center;gap:.65rem;margin:.5rem 0 .9rem;padding:.55rem .75rem;display:flex}.friend-code-label{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.78rem}.friend-code-value{letter-spacing:.22em;flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.35rem}.friend-section{margin-bottom:.75rem}.friend-row{gap:.55rem}.friend-text{flex-direction:column;flex:1;min-width:0;display:flex}.friend-detail{opacity:.65;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.friend-dot{background:#ffffff40;border-radius:50%;flex:none;width:9px;height:9px}.friend-dot.is-online{background:#57d97e;box-shadow:0 0 8px #57d97ecc}.upgrade-card{min-width:min(430px,92vw)}.upgrade-free{opacity:.82;margin:.4rem 0 .8rem;font-size:.9rem;line-height:1.45}.perk-list{margin:0 0 .9rem;padding:0;list-style:none}.perk{padding:.38rem 0 .38rem 1.6rem;font-size:.92rem;line-height:1.35;position:relative}.perk:before{content:"🔓";position:absolute;top:.35rem;left:0}.perk.is-why{color:#ffe08a;font-weight:700}.upgrade-hint{opacity:.65;margin:.35rem 0 0;font-size:.78rem}.upgrade-fallback-link{color:#9ec7ff;margin-top:.3rem;display:inline-block}.save-account{z-index:70;color:#241a02;background:linear-gradient(#ffc44af5,#f0a820f0);border-radius:0 0 14px 14px;max-width:min(560px,94vw);padding:.55rem .8rem;font-size:.9rem;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000052}.save-account-line{align-items:center;gap:.7rem;display:flex}.save-account-text{flex:1;font-weight:600;line-height:1.3}.save-account-form{border-top:1px solid #00000029;margin-top:.55rem;padding-top:.55rem}.save-account-hint{opacity:.8;margin:0 0 .45rem;font-size:.82rem}.save-account-pin{letter-spacing:.2em;max-width:6.5rem}.save-account-error:empty{display:none}.save-account-error{color:#7a1414;margin:.4rem 0 0;font-size:.83rem;font-weight:700}.who-row{background:#ffffff0f;border-radius:10px;align-items:center;gap:.6rem;margin:0 0 .9rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.who-text{opacity:.85;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ask-grownup{background:#6ec6ff1f;border:1px solid #6ec6ff57;border-radius:12px;margin:.5rem 0 .4rem;padding:.9rem}.ask-grownup-title{margin:0 0 .4rem;font-size:1.05rem}.ask-grownup-lead{opacity:.9;margin:0 0 .7rem;font-size:.88rem;line-height:1.45}.is-hidden{display:none!important}.ask-grownup-label{text-transform:uppercase;letter-spacing:.04em;opacity:.75;margin:.55rem 0 .25rem;font-size:.78rem;display:block}.lobby-screen{z-index:45;pointer-events:none;width:min(360px,92vw);max-height:86vh;position:absolute;top:50%;right:2vw;overflow-y:auto;transform:translateY(-50%)}.lobby-screen>*{pointer-events:auto}.lobby-screen .overlay-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101826eb;width:100%;min-width:0}@media (max-width:720px){.lobby-screen{width:100%;max-height:46vh;inset:auto 0 0;transform:none}}.invite-card,.install-card{min-width:min(440px,92vw)}.invite-lead{opacity:.88;margin:.4rem 0 .9rem;font-size:.92rem;line-height:1.45}.invite-link-row{gap:.5rem;margin-bottom:.8rem;display:flex}.invite-link-row .setup-input{flex:1;font-size:.82rem}.invite-actions .btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.install-manual{background:#6ec6ff1f;border:1px solid #6ec6ff4d;border-radius:10px;margin:0 0 .9rem;padding:.6rem .75rem;font-size:.88rem;line-height:1.5}.upgrade-wanted{background:#ffd67a24;border:1px solid #ffd67a52;border-radius:10px;margin:.4rem 0 .6rem;padding:.55rem .7rem;font-size:.92rem;line-height:1.45}.emote-control{z-index:30;position:absolute;bottom:5.5rem;right:1rem}.emote-control .touch-btn-emote{background:#121a289e;border:1px solid #ffffff38;border-radius:50%;width:56px;height:56px;font-size:1.5rem}@media (pointer:coarse){.emote-control{bottom:11rem}}.touch-controls [data-button=interact],.touch-controls [data-button=reload]{visibility:hidden;opacity:0;transition:opacity .14s ease-out}body[data-can-interact="1"] .touch-controls [data-button=interact],body[data-can-reload="1"] .touch-controls [data-button=reload]{visibility:visible;opacity:1}