:root{--cyan: #00e5ff;--pink: #ff2ea8;--purple: #b14bff;--dark: #05060c;--panel: rgba(10, 12, 24, .82);--panel-border: rgba(0, 229, 255, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;padding:0;width:100%;height:100%;background:var(--dark);color:#e8f7ff;font-family:Rajdhani,Segoe UI,system-ui,sans-serif;overflow:hidden;user-select:none;touch-action:none}canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:fixed;inset:0;pointer-events:none;font-family:Rajdhani,Segoe UI,sans-serif}#hud>*{pointer-events:auto}#top-right{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}#minimap{border:1px solid var(--panel-border);border-radius:50%;background:#05060cb3;box-shadow:0 0 20px #00e5ff33}#leaderboard{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:8px 12px;min-width:180px;font-size:13px;box-shadow:0 0 20px #00e5ff26}#leaderboard h4{margin:0 0 6px;color:var(--cyan);font-size:11px;letter-spacing:2px;text-transform:uppercase}.lb-row{display:flex;justify-content:space-between;padding:2px 0}.lb-row.me{color:var(--cyan);text-shadow:0 0 8px var(--cyan)}.lb-row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}#bottom-center{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}#blade-counter{display:flex;align-items:baseline;gap:8px;padding:6px 16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;box-shadow:0 0 20px #00e5ff4d}#blade-count{font-size:40px;font-weight:700;color:var(--cyan);text-shadow:0 0 10px var(--cyan);letter-spacing:2px}#blade-label{font-size:11px;color:#89bacf;letter-spacing:3px;text-transform:uppercase}#boost-bar{width:160px;height:4px;background:#ffffff14;border:1px solid var(--panel-border);overflow:hidden}#boost-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .1s linear}#joystick{position:absolute;left:24px;bottom:24px;width:140px;height:140px;pointer-events:auto}#joystick-base{width:100%;height:100%;border:2px solid var(--panel-border);border-radius:50%;background:#00e5ff0f;position:relative;box-shadow:0 0 20px #00e5ff26}#joystick-thumb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#00e5ff4d;border:1px solid var(--cyan);box-shadow:0 0 16px var(--cyan)}#boost-btn{position:absolute;right:30px;bottom:30px;width:110px;height:110px;border-radius:50%;background:#ff2ea826;border:2px solid var(--pink);color:var(--pink);font-weight:700;letter-spacing:2px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ff2ea840;user-select:none}#boost-btn:active{background:#ff2ea84d}#settings-icon{position:absolute;left:16px;top:16px;font-size:24px;color:#89bacf;cursor:pointer;background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;padding:4px 10px}#fps{position:absolute;right:16px;bottom:4px;font-size:11px;color:#89bacf;opacity:.7}#login-screen,#death-screen,#settings-panel{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(0,229,255,.05),transparent 70%),#0000008c;z-index:10}.login-card,.death-card,.settings-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:30px 40px;text-align:center;box-shadow:0 0 40px #00e5ff40;min-width:320px}.neon-title{font-size:56px;margin:0;letter-spacing:6px;color:var(--cyan);text-shadow:0 0 18px var(--cyan),0 0 40px rgba(0,229,255,.5)}.neon-title .pink{color:var(--pink);text-shadow:0 0 18px var(--pink),0 0 40px rgba(255,46,168,.55)}.subtitle{color:var(--purple);letter-spacing:4px;margin:0 0 24px;font-size:14px;text-transform:uppercase}#name-input{width:100%;padding:10px 12px;background:#00000080;border:1px solid var(--panel-border);color:var(--cyan);font-size:18px;letter-spacing:2px;text-align:center;outline:none;border-radius:4px;font-family:inherit}#name-input:focus{border-color:var(--cyan);box-shadow:0 0 12px #00e5ff66}button{margin-top:14px;padding:10px 16px;background:transparent;border:1px solid var(--cyan);color:var(--cyan);font-weight:700;letter-spacing:3px;cursor:pointer;font-family:inherit;font-size:14px;border-radius:4px;transition:all .15s ease}button:hover{background:#00e5ff1a;box-shadow:0 0 14px #00e5ff80}#respawn-btn{border-color:var(--pink);color:var(--pink)}#respawn-btn:hover{background:#ff2ea81f;box-shadow:0 0 14px #ff2ea880}.login-footer{margin-top:14px;font-size:11px;color:#89bacf;opacity:.6}.death-card h2{color:var(--pink);letter-spacing:4px;margin:0 0 16px;text-shadow:0 0 14px var(--pink)}#death-stats{text-align:left;font-size:14px;margin:10px 0 16px;color:#d5eefb}#death-stats .row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(0,229,255,.15)}#death-stats .label{color:#89bacf;letter-spacing:2px;text-transform:uppercase;font-size:11px}.settings-card{min-width:320px}.settings-card h3{letter-spacing:3px;color:var(--cyan);margin:0 0 16px}.settings-card label{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}@media (max-width: 600px){#blade-count{font-size:32px}#minimap{width:120px;height:120px}#leaderboard{font-size:11px;min-width:140px}.neon-title{font-size:40px}#joystick{width:120px;height:120px}}