:root{--cyan: #00e5ff;--magenta: #ff3b6b;--violet: #b14bff;--bg: #06001a;--panel: rgba(12, 0, 40, .55);--panel-border: rgba(120, 90, 255, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:#dfe8ff;font-family:Segoe UI,system-ui,sans-serif}#app{position:fixed;inset:0}canvas{display:block}.hidden{display:none!important}#entry{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1a0745,#06001a 70%);z-index:50}.entry-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:2.4rem 2.8rem;text-align:center;width:min(92vw,440px);backdrop-filter:blur(8px);box-shadow:0 0 60px #783cff40}.logo{font-size:2.8rem;font-weight:900;letter-spacing:2px;color:var(--cyan);text-shadow:0 0 24px var(--cyan)}.logo span{color:var(--magenta);text-shadow:0 0 24px var(--magenta);margin-left:.3rem}.tag{opacity:.8;margin:.4rem 0 1.4rem;font-size:.95rem}#name-input{width:100%;padding:.8rem 1rem;font-size:1.1rem;border-radius:10px;border:1px solid var(--panel-border);background:#00000059;color:#fff;text-align:center}#name-input:focus{outline:none;border-color:var(--cyan)}.color-row{display:flex;gap:.5rem;justify-content:center;margin:1rem 0;flex-wrap:wrap}.color-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .1s}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 14px currentColor}.ship-row{display:flex;gap:.5rem;justify-content:center;margin:.4rem 0 1rem}.ship-card{flex:1;background:#0000004d;border:2px solid var(--panel-border);border-radius:10px;padding:.6rem .4rem;cursor:pointer;transition:transform .1s,border-color .1s;text-align:center}.ship-card:hover{transform:translateY(-2px)}.ship-card.selected{border-color:var(--cyan);box-shadow:0 0 16px #00e5ff59;background:#00e5ff14}.ship-card b{display:block;font-size:1rem;color:#fff}.ship-card span{display:block;font-size:.68rem;color:var(--cyan);letter-spacing:1px;margin:2px 0 4px}.ship-card small{display:block;font-size:.6rem;opacity:.7;line-height:1.3}#play-btn{width:100%;margin-top:.6rem;padding:.9rem;font-size:1.3rem;font-weight:800;letter-spacing:1px;border:none;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(90deg,var(--magenta),var(--violet));box-shadow:0 0 30px #ff3c7866}#play-btn:hover{filter:brightness(1.12)}.online-line{margin-top:1rem;font-size:.95rem}.hint{margin-top:1rem;font-size:.72rem;opacity:.55;line-height:1.5}#hud{position:fixed;inset:0;pointer-events:none;z-index:20;font-variant-numeric:tabular-nums}#feed{position:absolute;top:12px;left:12px;width:340px;max-width:40vw;display:flex;flex-direction:column;gap:4px}.feed-item{background:var(--panel);border-left:3px solid var(--magenta);padding:5px 9px;border-radius:5px;font-size:.82rem;opacity:0;animation:slidein .25s forwards;backdrop-filter:blur(4px)}.feed-item.sun{border-left-color:#ff8c1a}.feed-item.asteroid{border-left-color:#9a7b5a}.feed-item.wormhole{border-left-color:var(--cyan)}@keyframes slidein{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}.feed-item b{color:var(--cyan)}.feed-item i{color:var(--magenta);font-style:normal}#leaderboard{position:absolute;top:12px;right:12px;width:210px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px;backdrop-filter:blur(6px)}#leaderboard h3{font-size:.8rem;letter-spacing:2px;color:var(--cyan);margin-bottom:6px}#leaderboard ol{list-style:none;font-size:.82rem}#leaderboard li{display:flex;justify-content:space-between;padding:2px 0}#leaderboard li b{color:var(--magenta)}#leaderboard li.me{color:#fff;font-weight:700}#top-center{position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:.9rem;background:var(--panel);padding:5px 14px;border-radius:20px;border:1px solid var(--panel-border)}#top-center #online-count{color:var(--cyan);font-weight:800}#streak-badge{color:var(--magenta);font-weight:800;margin-left:8px}#radar{position:absolute;bottom:90px;right:12px;opacity:.9}#minimap{position:absolute;bottom:90px;right:170px;opacity:.85;background:#0000004d;border-radius:8px}#bottom-bars{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;background:var(--panel);padding:10px 22px;border-radius:12px;border:1px solid var(--panel-border);backdrop-filter:blur(6px)}#bottom-bars .stat{font-size:1.4rem;font-weight:800}#bottom-bars .stat span,#bottom-bars .kd b{color:var(--cyan)}#bottom-bars .kd{font-size:1rem}.bar{display:flex;flex-direction:column;gap:3px;width:140px}.bar label{font-size:.62rem;letter-spacing:1.5px;opacity:.7}.bar-fill{height:12px;border-radius:6px;background:#ffffff1f;overflow:hidden}.bar-fill i{display:block;height:100%;width:0%;border-radius:6px}.bar-fill.ab i{background:linear-gradient(90deg,var(--cyan),#66ffe0)}.bar-fill.heat i{background:linear-gradient(90deg,#ffb020,var(--magenta))}.bar-fill.hull i{background:linear-gradient(90deg,#2ecc71,#a7ffcb);transition:width .1s}.bar-fill.hull i.low{background:linear-gradient(90deg,#ff3b3b,#ff9a3b);animation:blink .5s steps(1) infinite}.bar-fill.beam i{background:linear-gradient(90deg,#ff2ea6,#ff9ad4)}.bar-fill.beam i.over{background:linear-gradient(90deg,#ff2a2a,#ffb020);animation:blink .4s steps(1) infinite}#warning{position:absolute;top:30%;left:50%;transform:translate(-50%);color:#ff5a3c;font-size:1.8rem;font-weight:900;letter-spacing:3px;text-shadow:0 0 20px #ff2a00;animation:blink .6s steps(1) infinite}@keyframes blink{50%{opacity:.15}}#death{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:40;pointer-events:none}.death-card{background:var(--panel);border:1px solid var(--magenta);border-radius:16px;padding:2rem 3rem;text-align:center;pointer-events:auto;backdrop-filter:blur(8px)}.death-card h2{color:var(--magenta);font-size:2.4rem;letter-spacing:3px;text-shadow:0 0 24px var(--magenta)}.death-card p{margin:.6rem 0 1.2rem;opacity:.85}#share-btn{background:#1d9bf0;color:#fff;border:0;padding:.7rem 1.4rem;border-radius:24px;font-weight:700;cursor:pointer}#share-btn:hover{filter:brightness(1.1)}.respawn{margin-top:1rem;opacity:.7;font-size:.9rem}#touch{position:fixed;inset:0;z-index:30;pointer-events:none}.touch-zone{position:absolute;bottom:30px;width:130px;height:130px;border-radius:50%;background:#ffffff0f;border:2px solid var(--panel-border);pointer-events:auto}#stick{left:24px}#stick-knob{position:absolute;top:40px;left:40px;width:50px;height:50px;border-radius:50%;background:var(--cyan);opacity:.8}#throttle{right:24px;width:70px;height:200px;border-radius:35px}#throttle-knob{position:absolute;left:5px;bottom:5px;width:56px;height:56px;border-radius:50%;background:var(--magenta);opacity:.85}#throttle label{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:.7rem}.touch-btn{position:absolute;right:110px;width:66px;height:66px;border-radius:50%;font-size:1.6rem;border:2px solid var(--panel-border);background:#0006;pointer-events:auto}#btn-fire{bottom:330px;background:#50001480}#btn-beam{bottom:250px;background:#78003c80}#btn-ab{bottom:170px}#btn-brake{bottom:90px}@media (max-width: 720px){#leaderboard,#minimap{display:none}#feed{width:60vw}}