:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f7ff;--cyan:#5fe7ff;--lime:#c8ff54;--orange:#ff9b42;--panel:#05111aed;background:#061019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;background:radial-gradient(circle at 50% 10%,#173343,#050b10 70%)}button,input{font:inherit}button{color:inherit;cursor:pointer}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.is-hidden{display:none!important}.panel{z-index:20;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #5fe7ff52;position:fixed;box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0d}.lobby-panel{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));width:min(560px,100% - 28px);max-height:calc(100% - 28px);padding:clamp(20px,4vw,34px);top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.brand-mark,.eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:11px;font-weight:800}h1{letter-spacing:-.055em;margin:10px 0 4px;font-size:clamp(34px,8vw,62px);line-height:.88}h1 span{color:var(--lime)}.tagline{color:#a9becb;margin:14px 0 22px}.field-label{color:#8ba2af;margin-bottom:6px;font-size:12px;display:block}input{color:#fff;background:#0b1c27;border:1px solid #284454;border-radius:4px;outline:none;width:100%;padding:12px 14px}input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #5fe7ff1f}.mode-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0 9px;display:grid}button{background:#102632;border:1px solid #315161;border-radius:4px;padding:11px 12px;transition:transform .12s,border-color .12s,background .12s}button:hover{border-color:var(--cyan);background:#163444}button:active{transform:translateY(1px)}button.primary{color:#071116;background:var(--lime);border-color:var(--lime);font-weight:900}button small{color:#91a8b4;margin-top:4px;font-size:10px;font-weight:500;display:block}button.primary small{color:#33480c}.room-join{grid-template-columns:1fr auto;gap:9px;display:grid}.connection-note{color:#8fa8b5;min-height:18px;margin:10px 0;font-size:12px}.ad-slot{color:#68818d;letter-spacing:.08em;border:1px dashed #304a57;justify-content:center;align-items:center;gap:12px;min-height:52px;font-size:10px;display:flex}.ad-slot b{color:#8da2ac;letter-spacing:0;font-size:12px}.lobby-footer{justify-content:space-between;margin-top:10px;display:flex}.text-button{color:#8fa8b5;background:0 0;border:0;padding:6px}.hud{z-index:10;pointer-events:none;padding:max(12px, env(safe-area-inset-top)) 12px;align-items:flex-start;gap:8px;display:flex;position:fixed;inset:0}.hud-chip{border-left:2px solid var(--cyan);background:#040e15c7;min-width:82px;padding:7px 10px}.hud-chip span{color:#86a2b0;font-size:9px;display:block}.hud-chip strong{font-size:15px}.score-chip{border-left-color:#ffd84a;min-width:112px}#score-label{color:#ffd84a;letter-spacing:.06em;text-shadow:0 0 12px #ffd84ab8,2px 2px #4b2600;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:24px;line-height:1;display:block}.kill-count{color:#b8ced8;align-items:baseline;gap:5px;margin-top:4px;font-size:9px;display:flex}.kill-count span{display:inline}.kill-count b{color:var(--cyan);font-family:Arial Black,Impact,sans-serif;font-size:14px}.health-wrap{bottom:max(14px, env(safe-area-inset-bottom));background:#030b10db;border:1px solid #33505f;width:min(360px,52vw);height:22px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}#health-bar{background:linear-gradient(90deg, #36d7a4, var(--lime));width:100%;transition:width .15s linear;position:absolute;inset:0 auto 0 0}#health-label{text-align:center;color:#071116;font-size:11px;font-weight:900;line-height:20px;display:block;position:relative}.scoreboard{background:#040e15c7;min-width:225px;margin:0 0 0 auto;padding:7px 10px;font-size:12px;list-style-position:inside}.scoreboard li{grid-template-columns:18px 1fr auto;gap:5px;padding:2px 0;display:grid}.scoreboard i{font-style:normal}.upgrade-status{border-left:2px solid var(--lime);color:#d8e8ef;background:#040e15d1;max-width:min(470px,42vw);padding:8px 10px;font-size:11px;position:fixed;bottom:16px;left:12px}.upgrade-status b{color:var(--lime)}.emote-bar{z-index:16;left:50%;top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040e15cc;border:1px solid #5fe7ff4d;grid-template-columns:repeat(8,36px);gap:5px;padding:6px;display:grid;position:fixed;transform:translate(-50%)}.emote-bar button{background:#102632e6;width:36px;height:36px;padding:0;font-size:20px}.modal{text-align:center;width:min(720px,100% - 24px);max-height:calc(100% - 24px);padding:24px;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal h2{margin:7px 0 18px;font-size:clamp(26px,6vw,42px)}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.upgrade-card{text-align:left;min-height:150px;padding:16px}.upgrade-card strong{color:var(--lime);margin-bottom:9px;display:block}.upgrade-card small{color:#9cb1bd;line-height:1.5}.upgrade-card .upgrade-preview{color:#fff;margin-top:10px;font-size:12px;font-weight:800;display:block}.result-score{color:#ffd84a;letter-spacing:.05em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:24px}.result-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.result-stat{border-top:2px solid var(--cyan);background:#0c2430c7;padding:10px 7px}.result-stat span{color:#91a9b5;font-size:10px;display:block}.result-stat strong{color:#fff;margin-top:4px;font-family:Arial Black,Impact,sans-serif;font-size:20px;display:block}.opponent-breakdown{text-align:left;max-width:520px;margin:0 auto}.opponent-breakdown h3{color:var(--lime);letter-spacing:.08em;margin:12px 0 7px;font-size:13px}.opponent-breakdown table{border-collapse:collapse;width:100%;font-size:12px}.opponent-breakdown th,.opponent-breakdown td{border-bottom:1px solid #25404e;padding:7px 9px}.opponent-breakdown th:last-child,.opponent-breakdown td:last-child{text-align:right}.opponent-breakdown td:last-child{color:#ffd84a;font-family:Arial Black,Impact,sans-serif;font-size:15px}.result-actions{gap:9px;max-width:360px;margin:18px auto 0;display:grid}.reward-button{color:#161005;background:linear-gradient(90deg,#ffb347,#ffe16d);border:0;font-weight:900}.ad-test-overlay{z-index:100;text-align:center;background:#000000e0;place-items:center;display:grid;position:fixed;inset:0}.ad-test-overlay>div{border:2px solid var(--orange);background:#0c1b24;width:min(420px,100% - 30px);padding:28px}.ad-test-overlay strong{color:var(--orange);letter-spacing:.12em}#ad-test-countdown{margin:20px;font-size:48px;font-weight:900;display:block}.toast{z-index:80;border:1px solid var(--cyan);background:#091923;border-radius:4px;padding:10px 16px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.joystick{z-index:12;bottom:max(24px, env(safe-area-inset-bottom));touch-action:none;background:#040f1652;border:1px solid #ffffff38;border-radius:50%;width:118px;height:118px;display:none;position:fixed}.joystick i{background:#5fe7ff8c;border-radius:50%;width:40px;height:40px;position:absolute;top:39px;left:39px}#joystick-move{left:20px}#joystick-aim{right:20px}@media (pointer:coarse),(max-width:760px){.mode-grid{grid-template-columns:1fr}.joystick.active{display:block}.hud{gap:4px;padding:8px}.scoreboard{width:150px;min-width:150px;padding:5px 7px;font-size:8px;position:fixed;top:8px;right:8px}.scoreboard li{grid-template-columns:12px 1fr auto;gap:3px}.score-hp{display:none}.hud-chip{min-width:60px;padding:5px 6px}.score-chip{min-width:78px}#score-label{font-size:20px}.upgrade-grid{grid-template-columns:1fr}.upgrade-card{min-height:92px}.health-wrap{width:44vw;bottom:18px}.upgrade-status{max-width:48vw;font-size:9px;top:142px;bottom:auto;left:8px}.emote-bar{grid-template-columns:repeat(8,30px);gap:3px;padding:4px;top:92px;left:50%;transform:translate(-50%)}.emote-bar button{width:30px;height:30px;font-size:16px}.result-stats{grid-template-columns:repeat(2,1fr)}}@media (max-height:650px){.lobby-panel{max-height:calc(100% - 14px);top:7px;transform:translate(-50%)}h1{font-size:36px}.tagline{margin:8px 0 12px}}