:root{--bg-color:#050510;--ui-bg:#050510cc}body,html{background-color:var(--bg-color);color:#fff;touch-action:none;width:100%;height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#ui-layer{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#controls-hint{text-align:center;opacity:.7;text-transform:uppercase;letter-spacing:2px;width:100%;font-weight:700;position:absolute;bottom:20px}#score-board{background:var(--ui-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:12px;padding:15px 25px;font-size:16px;font-weight:700;position:absolute;top:20px;right:20px;box-shadow:0 8px 32px #00000080}.score-entry{text-transform:uppercase;letter-spacing:1px;justify-content:space-between;gap:20px;margin-bottom:8px;display:flex}.score-entry:last-child{margin-bottom:0}#death-screen{background:var(--ui-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;pointer-events:auto;border:1px solid #ff00004d;border-radius:16px;padding:40px 60px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #f003}#death-screen.hidden{opacity:0;pointer-events:none}.hidden{display:none!important}#lobby-container{text-align:left;background:#0006;border:1px solid #0ff3;border-radius:10px;margin-bottom:20px;padding:20px}#lobby-container h3{color:#0ff;letter-spacing:2px;text-align:center;margin-top:0}#lobby-slots{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style-type:none;display:flex}#lobby-slots li{background:#ffffff1a;border-radius:5px;justify-content:space-between;padding:10px 15px;font-family:Outfit,sans-serif;display:flex}.slot-you{color:#f0f;font-weight:700}.slot-bot{color:#0ff}.slot-empty{color:#ffffff4d;font-style:italic}.lobby-controls{justify-content:center;gap:10px;display:flex}#death-screen h1{color:#f33;text-shadow:0 0 10px red;letter-spacing:2px;margin-top:0;font-size:32px}#death-screen h2{color:#f33;letter-spacing:2px;margin-bottom:20px;font-size:2rem}#respawn-btn,.neon-btn{color:#0ff;cursor:pointer;background:0 0;border:2px solid #0ff;border-radius:5px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:1.2rem;transition:all .2s;box-shadow:0 0 10px #0ff3}#respawn-btn:hover,.neon-btn:hover{color:#000;background:#0ff;box-shadow:0 0 20px #0ff9}.neon-btn.secondary{color:#f0f;border-color:#f0f;box-shadow:0 0 10px #f0f3}.neon-btn.secondary:hover{color:#fff;background:#f0f;box-shadow:0 0 20px #f0f9}#main-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;pointer-events:auto;background:#0a0f19d9;border:1px solid #00ffff4d;border-radius:15px;flex-direction:column;gap:20px;padding:50px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000080,0 0 40px #00ffff1a}#main-menu h1{background:linear-gradient(90deg,#0ff,#f0f);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #00ffff4d;-webkit-background-clip:text;margin-bottom:20px;font-size:3rem}#hud{gap:20px;display:flex;position:absolute;bottom:30px;left:30px}.hud-item{color:#fff;text-shadow:0 0 10px #0ffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;background:#00ffff1a;border:1px solid #0ff6;border-radius:8px;min-width:150px;padding:10px 20px;font-size:1.5rem;font-weight:600}button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:2px solid #0ff;border-radius:8px;padding:12px 30px;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 0 15px #0ff3,inset 0 0 10px #00ffff1a}button:hover{background:#00ffff1a;box-shadow:0 0 25px #00ffff80,inset 0 0 15px #00ffff4d}button:active{transform:scale(.95)}#match-timer{color:#fff;text-shadow:0 0 15px #0ff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#00000080;border:1px solid #0ff6;border-radius:10px;padding:10px 30px;font-family:Outfit,sans-serif;font-size:3rem;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}#final-scoreboard{text-align:left;background:#0009;border:1px solid #00ffff4d;border-radius:8px;min-width:300px;margin-bottom:20px;padding:15px 30px;font-family:Outfit,sans-serif}#final-scoreboard h3{color:#fff;text-align:center;border-bottom:1px solid #fff3;margin-top:0;margin-bottom:10px;padding-bottom:5px}