:root{--bg: #0c1014;--panel: #161c22;--panel-border: #2a3540;--text: #e8edf2;--muted: #8b98a5;--accent: #c4453c;--accent-2: #e8c547;--jet: #3d9ee8;--hp: #d23c3c;--shadow: 0 12px 40px rgba(0, 0, 0, .45);font-family:Segoe UI,Helvetica Neue,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;height:100dvh;background:var(--bg);color:var(--text);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{height:100%}input,textarea{user-select:text;-webkit-user-select:text}kbd{display:inline-block;padding:.05em .4em;border:1px solid #445;border-radius:3px;background:#1c242c;font-size:.85em}#main-menu{min-height:100%;height:100%;display:grid;grid-template-columns:16.5rem minmax(0,1fr);background:radial-gradient(ellipse at top,#2a1515 0%,transparent 55%),linear-gradient(#10161c,#0c1014)}#main-menu[hidden]{display:none!important}#menu-rail{display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem 1.1rem 1rem;border-right:1px solid var(--panel-border);background:#0c101473}#menu-stage{overflow:auto;padding:1.6rem 1.8rem 2.4rem}.menu-pane h2{margin:0 0 1rem;letter-spacing:.08em;text-transform:uppercase;font-size:1.15rem}.menu-pane h3{margin:1.1rem 0 .4rem;color:var(--muted);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.menu-pane[hidden]{display:none!important}#game-title{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:.22em;font-weight:800;color:var(--accent);text-shadow:0 0 24px rgba(196,69,60,.45)}#game-subtitle{margin:.2rem 0 0;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:.7rem}#main-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem;min-width:16rem}#auth-panel button,#rooms-panel button,#lobby-panel button,#auth-panel input,#rooms-panel input,#lobby-panel input{font:inherit}#auth-panel input,#lobby-panel input{padding:.4rem .5rem;background:#0e141a;color:var(--text);border:1px solid var(--panel-border)}#main-menu-list button,#menu-stage button,dialog menu button,#weapon-primary-list button,#auth-panel button,#rooms-panel button,#lobby-panel button{width:100%;padding:.75rem 1.1rem;font:inherit;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);cursor:pointer}#main-menu-list button:hover,#menu-stage button:hover,dialog menu button:hover,#weapon-primary-list button:hover{border-color:var(--accent);color:#fff}#main-menu-list button[aria-current=page],.btn-cta{border-color:var(--accent);background:#2c1717}.btn-last{border-style:dashed;color:var(--accent-2)}#main-menu-list button:disabled{opacity:.4;cursor:not-allowed}#menu-footer{margin-top:auto;color:var(--muted);display:flex;flex-direction:column;gap:.25rem}#pane-play-home{display:flex;flex-direction:column;gap:.7rem;max-width:22rem}#form-match-setup menu{display:flex;gap:.5rem;padding:.8rem 0 0;margin:0}#form-match-setup menu button{width:auto;flex:1}.match-grid{display:grid;grid-template-columns:minmax(0,22rem) minmax(12rem,1fr);gap:1.2rem 1.6rem;align-items:start}.match-preview{margin:0;background:#0e141a;border:1px solid var(--panel-border);overflow:hidden}.match-preview img{display:block;width:100%;height:12rem;object-fit:cover}.match-preview figcaption{padding:.45rem .6rem;color:var(--muted);font-size:.85rem}.menu-pane label,.menu-pane fieldset{display:block;margin:.55rem 0;color:var(--muted);font-size:.9rem}.menu-pane input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=hidden]),.menu-pane select{display:block;width:100%;margin-top:.25rem;padding:.4rem .5rem;background:#0e141a;color:var(--text);border:1px solid var(--panel-border);font:inherit}.menu-pane label.inline,#form-options label.inline,#form-options-pause label.inline,dialog label.inline{display:flex;align-items:center;gap:.55rem;cursor:pointer}input[type=radio],input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;margin:0;flex-shrink:0;background:#0e141a;border:1px solid var(--panel-border);box-shadow:inset 0 0 0 2px #0e141a;cursor:pointer}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:2px}input[type=radio]:hover,input[type=checkbox]:hover{border-color:var(--accent)}input[type=radio]:checked,input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px #2c1717}input[type=checkbox]:checked{background-image:linear-gradient(var(--accent),var(--accent));box-shadow:inset 0 0 0 2px #2c1717}input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.menu-pane fieldset,dialog fieldset{border:1px solid var(--panel-border);background:#0e141a8c;padding:.45rem .55rem .65rem}.menu-pane fieldset legend,dialog fieldset legend{padding:0 .35rem;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}fieldset:has(input[type=radio]){display:flex;flex-direction:column;gap:.4rem}fieldset:has(input[type=radio]) label.inline{margin:0;padding:.55rem .75rem;background:var(--panel);border:1px solid var(--panel-border);color:var(--text);font-size:.82rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}fieldset:has(input[type=radio]) label.inline:hover{border-color:var(--accent);color:#fff}fieldset:has(input[type=radio]) label.inline:has(input:checked){border-color:var(--accent);background:#2c1717;color:#fff}#soldier-preview{--shirt: #cc4444;--pants: #333333;--skin: #e0b090;position:relative;width:5.2rem;height:7.2rem;margin:0 0 1rem}#soldier-preview .pv-head,#soldier-preview .pv-shirt,#soldier-preview .pv-pants{position:absolute}#soldier-preview .pv-head{left:1.55rem;top:.35rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--skin);box-shadow:0 0 0 1px #1a120c}#soldier-preview .pv-shirt{left:1.15rem;top:2.05rem;width:2.6rem;height:2.3rem;background:var(--shirt);box-shadow:0 0 0 1px #1a120c}#soldier-preview .pv-pants{left:1.35rem;top:4.3rem;width:2.2rem;height:2.3rem;background:var(--pants);box-shadow:0 0 0 1px #1a120c}.controls-cheatsheet{color:var(--muted);font-size:.88rem;line-height:1.65;max-width:36rem}#opt-connection{margin-top:1.1rem;color:var(--muted)}#opt-connection summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}body.touch-ui .opt-controls{display:none}.muted-hint{color:var(--muted);font-size:.85rem;margin:.35rem 0 .8rem}.rooms-toolbar,.lobby-actions,#pane-play-home{display:flex;flex-direction:column;gap:.55rem;max-width:24rem}.room-list{display:grid;gap:.7rem;margin-top:1rem}.room-card{padding:.85rem 1rem;background:var(--panel);border:1px solid var(--panel-border);display:grid;gap:.35rem}.room-card h3{margin:0;font-size:1rem;letter-spacing:.04em}.room-card p{margin:0;color:var(--muted);font-size:.85rem}#menu-stage .room-card button{width:auto;justify-self:start;margin-top:.3rem}#menu-stage #form-lobby-chat{flex-direction:row;align-items:stretch}#menu-stage #form-lobby-chat input{flex:1;margin:0}#menu-stage #form-lobby-chat button{width:auto}.match-summary{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;margin:0 0 1rem;color:var(--muted);font-size:.88rem}.match-summary dt{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.match-summary dd{margin:0;color:var(--text)}#dlg-pause menu{flex-direction:column}dialog{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);box-shadow:var(--shadow);padding:1.2rem 1.4rem;min-width:18rem}dialog::backdrop{background:#0000009e}dialog h2{margin:0 0 .8rem;letter-spacing:.08em;text-transform:uppercase;font-size:1.05rem}dialog label,dialog fieldset{display:block;margin:.55rem 0;color:var(--muted);font-size:.9rem}dialog input[type=number],dialog input[type=text],dialog select{display:block;width:100%;margin-top:.25rem;padding:.4rem .5rem;background:#0e141a;color:var(--text);border:1px solid var(--panel-border)}dialog fieldset{border:1px solid var(--panel-border)}dialog menu{display:flex;gap:.5rem;padding:.8rem 0 0;margin:0}dialog menu button{width:auto;flex:1}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#stage[hidden]{display:block!important;visibility:hidden;pointer-events:none}#game-canvas{width:100%;height:100%;display:block}#stage:not([hidden]){cursor:none}#crosshair{position:fixed;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;z-index:8;background:linear-gradient(#f2f6fa,#f2f6fa) center / 18px 2px no-repeat,linear-gradient(#f2f6fa,#f2f6fa) center / 2px 18px no-repeat;box-shadow:0 0 0 1px #00000080}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#hud-bars{position:absolute;left:1.2rem;bottom:2.6rem;display:flex;flex-direction:column;gap:.35rem;min-width:16rem}#hud-keys{position:absolute;left:50%;bottom:.45rem;transform:translate(-50%);margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .85rem;max-width:min(52rem,92vw);font-size:.72rem;color:#c5ced6;text-shadow:0 1px 2px #000;background:#080a0c73;padding:.28rem .7rem}#hud-keys kbd{font-size:.68rem}.bar{display:grid;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:.45rem;background:#080a0c8c;padding:.2rem .45rem}.bar-label{font-size:.7rem;letter-spacing:.08em;color:var(--muted)}#ammo-count{font-variant-numeric:tabular-nums;font-size:.85rem}meter,progress{width:100%;height:.7rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#1b2228}meter::-webkit-meter-bar,progress::-webkit-progress-bar{background:#1b2228}#meter-health::-webkit-meter-optimum-value{background:var(--hp)}#meter-ammo::-webkit-meter-optimum-value{background:var(--accent-2)}#meter-jet::-webkit-meter-optimum-value{background:var(--jet)}#progress-fire-interval::-webkit-progress-value{background:#9aa3ad}#live-ranking{position:absolute;top:1rem;left:1.2rem;margin:0;padding:.5rem .75rem .4rem;min-width:13.5rem;background:#080c1061;border:1px solid rgba(255,255,255,.08);pointer-events:none}#live-ranking h3{margin:0 0 .35rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#d2dce6a6}#live-ranking-head,#live-ranking-list li{display:grid;grid-template-columns:1.1rem minmax(0,1fr) 1.6rem 2.4rem;gap:.35rem;align-items:baseline}#live-ranking-head{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:#b4bec880;padding-bottom:.15rem}#live-ranking-head span:nth-child(3),#live-ranking-head span:nth-child(4),#live-ranking-list li span:nth-child(3),#live-ranking-list li span:nth-child(4){text-align:right}#live-ranking-list{list-style:none;margin:0;padding:0;font-size:.8rem;font-variant-numeric:tabular-nums}#live-ranking-list li{color:#e8edf2d1;padding:.08rem 0}#live-ranking-list li span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#live-ranking-list li.me{color:#ffe066;font-weight:700}#live-ranking-hint{margin:.35rem 0 0;font-size:.62rem;color:#b4bec88c}.play-hint{margin:-.35rem 0 .8rem;color:var(--muted);font-size:.82rem}#hud-mission{position:absolute;top:.7rem;left:50%;transform:translate(-50%);margin:0;padding:.25rem .7rem;background:#0e141a8c;border:1px solid var(--panel-border);color:var(--text);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #000;pointer-events:none}#hud-stats{position:absolute;top:1rem;right:1.2rem;display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}#stat-rank{color:#7ddea0;font-size:1.4rem;font-weight:700}#stat-score{color:var(--hp);font-size:1.2rem}#stat-limit{color:#b388ff}#kill-console{position:absolute;top:6.2rem;right:1.2rem;margin:0;padding:0;list-style:none;text-align:right;font-size:.85rem;text-shadow:0 1px 2px #000;max-width:22rem}#kill-console li{margin:.15rem 0;color:#d7dde4}#respawn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000047;color:#fff;font-size:1.6rem;letter-spacing:.08em}#respawn-overlay[hidden]{display:none!important}#weapon-primary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}#weapon-hint{color:var(--muted);font-size:.8rem}#join-password-error{color:var(--accent);min-height:1.1em;font-size:.85rem}#dlg-pause p{color:var(--muted);margin:0 0 .4rem}#form-options label.inline{display:flex;align-items:center;gap:.45rem}#opt-music,#opt-music-pause{width:100%;max-width:24rem;margin-top:.3rem}#table-scoreboard,#table-gameover-rank{width:100%;border-collapse:collapse}#table-scoreboard th,#table-scoreboard td,#table-gameover-rank th,#table-gameover-rank td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--panel-border)}#table-gameover-rank{margin:.6rem 0 .2rem}#table-gameover-rank tr.me td{color:#ffe066;font-weight:700}#chat-log{position:absolute;left:1.2rem;bottom:7.2rem;margin:0;padding:0;list-style:none;font-size:.85rem;text-shadow:0 1px 2px #000;pointer-events:none}#auth-panel,#rooms-panel,#lobby-panel{min-height:0;max-height:none;overflow:visible;padding:0;max-width:42rem;margin:0}#auth-panel form,#lobby-panel form{display:flex;flex-direction:column;gap:.45rem;margin:1rem 0;padding:1rem;background:var(--panel);border:1px solid var(--panel-border)}#auth-panel #form-guest{background:none;border:0;padding:0;margin:.4rem 0 .8rem}#auth-panel form[hidden],#btn-show-login[hidden],#btn-show-register[hidden]{display:none!important}#auth-panel,#pane-soldier form,#pane-options form,#form-match-setup{max-width:46rem}#auth-panel h2,#rooms-panel h2,#lobby-panel h2{letter-spacing:.08em;text-transform:uppercase}#auth-panel h3{margin:0 0 .3rem;color:var(--muted);font-size:.9rem}#auth-status{color:var(--accent-2);min-height:1.2em}.panel-head{display:flex;flex-wrap:wrap;gap:.7rem;align-items:baseline}#table-rooms{width:100%;border-collapse:collapse}#table-rooms th,#table-rooms td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--panel-border)}#lobby-players{padding-left:1.2rem}.text-btn{background:transparent!important;border:0!important;color:var(--muted)!important;width:auto!important}#auth-panel .text-btn{display:block}#server-url-label,#server-url-label-auth{display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.8rem;min-width:0;max-width:22rem;margin-top:.6rem}#input-server-url,#input-server-url-auth{padding:.45rem .55rem;background:#0e141a;color:var(--text);border:1px solid var(--panel-border);font:inherit}#game-canvas{touch-action:none}#touch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#touch-overlay[hidden]{display:none!important}.touch-zone{position:absolute;width:min(38vw,16rem);height:min(58vh,14rem);pointer-events:auto;touch-action:none}.touch-zone-left{position:relative;left:auto;bottom:auto;width:10.5rem;height:10.8rem}.touch-left-cluster{position:absolute;left:max(.4rem,env(safe-area-inset-left));bottom:max(.4rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none;z-index:7}.touch-left-cluster>*{pointer-events:auto}.touch-zone-right{position:relative;right:auto;bottom:auto;width:10.5rem;height:10.8rem}.touch-right-cluster{position:absolute;right:max(.4rem,env(safe-area-inset-right));bottom:max(.4rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none;z-index:7}.touch-right-cluster>*{pointer-events:auto}.touch-stick{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px}.touch-stick-base,.touch-stick-knob{position:absolute;border-radius:50%}.touch-stick-base{top:0;right:0;bottom:0;left:0;background:#0c101461;border:2px solid rgba(232,237,242,.28)}.touch-stick-knob{left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;background:#c4453cb8;border:2px solid rgba(255,255,255,.55)}#touch-aim-knob.firing{background:#dc322af2;box-shadow:0 0 10px #ff503cb3}.touch-zone-label{position:absolute;left:50%;bottom:.2rem;transform:translate(-50%);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#e8edf28c;text-shadow:0 1px 2px #000}#touch-fire{position:absolute;left:calc(max(.4rem,env(safe-area-inset-left)) + 11.2rem);bottom:max(2.2rem,env(safe-area-inset-bottom));z-index:7;pointer-events:auto;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#c4453cd1;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;touch-action:manipulation}#touch-actions{position:relative;display:grid;grid-template-columns:repeat(2,3.6rem);gap:.35rem;justify-content:center}#touch-pause{position:absolute;top:max(.45rem,env(safe-area-inset-top));right:max(.5rem,env(safe-area-inset-right));z-index:8;pointer-events:auto}#touch-actions button,#touch-pause{width:3.6rem;height:3.6rem;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#161c22b8;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;touch-action:manipulation}body.touch-ui #hud-keys,body.touch-playing #hud-keys{display:none}body.touch-playing #hud-bars{left:max(.5rem,env(safe-area-inset-left));bottom:19.8rem;min-width:10rem}body.touch-playing #hud-stats,body.touch-playing #kill-console{top:max(.5rem,env(safe-area-inset-top));right:4.6rem}body.touch-playing #hud-mission{top:max(.45rem,env(safe-area-inset-top))}body.touch-playing #kill-console{top:4.6rem}dialog{z-index:20}@media(max-width:720px){#hud-bars{min-width:12rem;left:.5rem;bottom:2.8rem}#hud-stats,#kill-console{right:.5rem}#live-ranking{left:.5rem;top:.5rem;min-width:9rem}#main-menu{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}#menu-rail{border-right:0;border-bottom:1px solid var(--panel-border);flex-direction:column;align-items:stretch;padding:.65rem .75rem .55rem;gap:.45rem}#main-menu-list{flex-direction:row;min-width:0;width:100%}#main-menu-list li{flex:1;min-width:0}#menu-footer{flex-direction:row;gap:.8rem;margin-top:0;font-size:.75rem}#main-menu-list button{width:100%;padding:.55rem .35rem;font-size:.72rem;letter-spacing:.04em}#auth-panel button,#rooms-panel button,#lobby-panel button{padding:.85rem 1rem}#auth-panel,#rooms-panel,#lobby-panel{padding:0;max-width:none}.match-grid{grid-template-columns:1fr}#table-rooms{font-size:.85rem}dialog{max-height:92vh;overflow:auto;min-width:min(22rem,92vw)}}#auth-panel[hidden],#rooms-panel[hidden],#lobby-panel[hidden]{display:none!important}@media(orientation:landscape)and (max-height:500px){#main-menu{grid-template-columns:11.5rem minmax(0,1fr)}#menu-rail{padding:.6rem .7rem;gap:.6rem}#menu-stage{padding:.7rem 1rem 1rem}#game-title{font-size:1.2rem;letter-spacing:.14em}#auth-panel:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem;align-content:start}#auth-panel h2,#auth-status,#auth-server-wrap,#form-guest,#btn-auth-back{grid-column:1 / -1}}