*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#10141c;font-family:Segoe UI,system-ui,sans-serif;color:#fff}#app,#app canvas{position:fixed;inset:0}#hud{position:fixed;inset:0;pointer-events:none}#topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:18px;align-items:baseline;background:#0000008c;padding:8px 22px;border-radius:12px}#wave-label{font-size:18px;font-weight:600;color:#ffd23f}#timer{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}#scoreboard{position:absolute;top:14px;right:14px;min-width:200px;background:#0000008c;border-radius:12px;padding:10px 14px}.score-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:15px}.score-row.me{font-weight:700}.score-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.score-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-val{font-variant-numeric:tabular-nums;font-weight:700}.score-pend{font-size:12px;color:#ffd23f;min-width:40px;text-align:right}#banner{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:44px;font-weight:900;text-align:center;text-shadow:0 3px 12px #000;opacity:0;transition:opacity .3s;white-space:pre-line}#banner.show{opacity:1}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 4px #000c}#stamina{position:absolute;bottom:44px;left:50%;transform:translate(-50%);width:220px;height:8px;background:#0000008c;border-radius:6px;overflow:hidden;opacity:.85}#stamina-fill{height:100%;width:100%;border-radius:6px;background:#ffd23f;transition:width .1s linear}#stamina-fill.low{background:#e74c3c}#settings-btn{position:absolute;bottom:12px;right:14px;pointer-events:auto;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#0000008c;color:#ffd23f;font-size:20px}#settings-btn:hover{background:#000c}#settings-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0e16eb;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px 34px;z-index:20;min-width:340px;backdrop-filter:blur(6px);pointer-events:auto}#settings-panel.hidden{display:none}#settings-panel h2{color:#ffd23f;font-size:20px;letter-spacing:2px;margin-bottom:18px}.setting-row{display:block;margin-bottom:16px;font-size:14px;color:#dde}.setting-row input[type=range]{display:block;width:100%;margin-top:8px;accent-color:#ffd23f}.setting-row span{float:right;font-weight:700;color:#ffd23f}.setting-row small{display:block;color:#789;margin-top:4px}.setting-row input[type=checkbox]{accent-color:#ffd23f;margin-right:8px}#settings-close{width:100%;padding:10px;border:none;border-radius:10px;background:#ffd23f;font-weight:800;cursor:pointer;margin-top:6px}#controls-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:13px;color:#aab;background:#00000073;padding:6px 14px;border-radius:10px}#join-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1b2436,#0b0e15);z-index:10}#join-overlay.hidden{display:none}.join-card{text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:40px 48px}.join-card h1{font-size:34px;letter-spacing:2px;color:#ffd23f;margin-bottom:14px}.join-card p{color:#bbc;font-size:14px;line-height:1.6;margin-bottom:18px}.join-card input{display:block;margin:0 auto 14px;padding:10px 16px;font-size:16px;border-radius:10px;border:1px solid #456;background:#141a26;color:#fff;text-align:center;width:220px}.join-card input:focus{outline:2px solid #ffd23f}.join-card button{padding:12px 44px;font-size:18px;font-weight:800;letter-spacing:1px;border:none;border-radius:10px;cursor:pointer;background:#ffd23f;color:#1a1a1a}.join-card button:hover{background:#ffe066}.join-card .hint{margin-top:16px;margin-bottom:0;font-size:12px;color:#789}