*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #10182b;--panel: #1b2540;--panel2: #223055;--line: #34456f;--text: #e8eefc;--muted: #8fa0c5;--accent: #ffb52e;--accent2: #ff7043;--green: #4cd137;--red: #ff5252}html,body{height:100%;overflow:hidden}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none}#app,#app canvas{position:fixed;inset:0}.hidden{display:none!important}a{color:var(--accent)}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 50% 20%,#1d2b52,#10182b 70%)}#screen-over{background:#090d18b8}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 18px 60px #00000080}.panel-center{width:min(430px,92vw);text-align:center}.panel-wide{width:min(680px,94vw);max-height:92vh;display:flex;flex-direction:column;gap:14px;overflow:auto}.logo{font-size:44px;letter-spacing:1px;margin-bottom:6px}.logo span{color:var(--accent)}.tagline{color:var(--muted);margin-bottom:22px}.credit{color:var(--muted);font-size:12px;margin-top:18px}input[type=text],#name-input,.chat input{width:100%;background:#0d1526;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px;outline:none;user-select:text;-webkit-user-select:text}#name-input{text-align:center;margin-bottom:12px}input:focus{border-color:var(--accent)}.btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .06s,background .15s}.btn:hover{background:#2a3a66}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:transparent;color:#241a00}.btn-primary:hover{background:#ffc85e}.btn-small{padding:6px 12px;font-size:13px}#name-form .btn{width:100%}.lobby-head{display:flex;justify-content:space-between;align-items:center}.lobby-actions,.room-actions{display:flex;gap:10px;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.room-list{display:flex;flex-direction:column;gap:8px}.room-row{display:flex;justify-content:space-between;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer}.room-row:hover{border-color:var(--accent)}.room-row .rr-name{font-weight:700}.room-row .rr-meta{color:var(--muted);font-size:13px}.room-row.playing{opacity:.55;cursor:default}.member-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.member-card{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.member-card .dot{width:14px;height:14px;border-radius:50%;flex:none}.member-card .m-name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-card .m-state{font-size:13px}.member-card .m-kick{background:none;border:none;color:var(--red);cursor:pointer;font-size:14px}.chat{display:flex;flex-direction:column;gap:6px}.chat-log{height:130px;overflow-y:auto;background:#0d1526;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px}.chat-log div{margin-bottom:3px;word-break:break-word}.chat-log b{color:var(--accent)}.chat-log .sys{color:var(--muted);font-style:italic}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:10px 14px;gap:10px}#player-list{display:flex;flex-direction:column;gap:6px;min-width:210px}.pl-row{display:flex;align-items:center;gap:8px;background:#0d1526d1;border:1px solid var(--line);border-radius:9px;padding:5px 9px;font-size:13px}.pl-row.me{border-color:var(--accent)}.pl-row.dead-row{opacity:.45}.pl-row .dot{width:11px;height:11px;border-radius:50%;flex:none}.pl-row .pl-name{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:110px}.pl-row .pl-lives{color:var(--red);letter-spacing:1px;font-size:12px;white-space:nowrap}.pl-row .pl-stars{color:var(--accent);font-size:12px;white-space:nowrap}.pl-row .pl-gun{font-size:14px}#round-box{background:#0d1526d1;border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-weight:800;font-size:16px}#banner{position:absolute;top:22%;left:50%;transform:translate(-50%);background:#0d1526e6;border:1px solid var(--accent);color:var(--accent);font-size:26px;font-weight:800;padding:12px 30px;border-radius:14px;animation:bannerPop 2.2s ease forwards;white-space:nowrap;z-index:12}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%) scale(.7)}12%{opacity:1;transform:translate(-50%) scale(1.05)}20%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}#hud-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px}#gun-box{display:flex;align-items:center;gap:10px;background:#0d1526d9;border:1px solid var(--line);border-radius:12px;padding:8px 16px;min-width:190px}#gun-icon{font-size:28px}#gun-name{font-weight:700;font-size:14px}#gun-ammo{color:var(--accent);font-weight:800;font-size:16px}#gren-box{display:flex;align-items:center;gap:8px;background:#0d1526d9;border:1px solid var(--line);border-radius:12px;padding:8px 14px;width:130px}#gren-box span{font-size:20px}.bar{flex:1;height:10px;background:#0d1526;border-radius:5px;overflow:hidden}.bar div{height:100%;width:100%;border-radius:5px}#gren-fill{background:linear-gradient(90deg,#ff7043,#ffb52e)}#game-chat{position:absolute;left:12px;bottom:12px;width:250px;display:flex;flex-direction:column;gap:5px;pointer-events:auto}#game-chat .chat-log{height:92px;background:#0d152699;font-size:12.5px;border-color:#34456f99}#game-chat input{padding:7px 10px;font-size:13px;background:#0d1526d9}#help-tip{position:absolute;bottom:12px;right:12px;max-width:320px;color:var(--muted);font-size:11.5px;text-align:right;text-shadow:0 1px 3px #000}#touch-ui{position:absolute;inset:0;pointer-events:none}#touch-ui .t-left{position:absolute;left:14px;bottom:90px;display:flex;gap:10px;pointer-events:auto}#touch-ui .t-right{position:absolute;right:14px;bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:10px;pointer-events:auto}#touch-ui button{width:64px;height:64px;font-size:26px;background:#0d15268c;border:2px solid rgba(52,69,111,.8);border-radius:50%;color:var(--text);touch-action:none}#touch-ui button:active{background:#ffb52e66}#conn-status{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:50;background:var(--red);color:#fff;padding:8px 18px;border-radius:999px;font-weight:700;font-size:14px}.head-right{display:flex;align-items:center;gap:10px}.keys-panel{width:min(470px,94vw);text-align:left}.keys-panel h2{text-align:center;margin-bottom:14px}.keys-panel .muted{text-align:center;margin-top:12px;line-height:1.6}#keys-table{display:flex;flex-direction:column;gap:6px}.keys-row{display:grid;grid-template-columns:1fr 86px 86px 86px;gap:6px;align-items:center}.keys-label{font-size:14px;color:var(--text)}.keys-slot{background:#0d1526;border:1px solid var(--line);color:var(--accent);border-radius:8px;padding:7px 4px;font-size:13px;font-weight:700;cursor:pointer;font-family:Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keys-slot:hover{border-color:var(--accent)}.keys-slot.listening{border-color:var(--accent2);color:var(--accent2);animation:pulse .9s infinite}@keyframes pulse{50%{opacity:.55}}.keys-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}#btn-keys-hud{width:40px;height:40px;font-size:17px;background:#0d1526d9;border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--text)}#btn-keys-hud:hover{border-color:var(--accent)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:60;background:var(--panel2);border:1px solid var(--accent);color:var(--text);padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;animation:toastIn .2s ease;box-shadow:0 8px 30px #00000073}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}}#over-title{font-size:34px;margin-bottom:8px}#over-sub{color:var(--muted);margin-bottom:20px;font-size:17px;white-space:pre-line}@media(max-width:720px){.member-list{grid-template-columns:1fr}#game-chat{width:170px}#game-chat .chat-log{height:64px}#help-tip{display:none}#player-list{min-width:150px}.pl-row .pl-name{max-width:60px}#gun-box{min-width:130px;padding:6px 10px}#hud-bottom{bottom:0}}