:root{--bg:#05070d;--bg-soft:#0a0f1d;--panel:#101626d9;--panel-border:#78a0ff2e;--fg:#e6ecff;--muted:#8794b8;--accent:#6df0ff;--accent-warm:#ffd166;--danger:#ff4d6d;--good:#6dffb0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--fg);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(#0c1428 0%,#03050a 70%);width:100%;height:100%;margin:0;padding:0;overflow:hidden}button{color:var(--fg);cursor:pointer;letter-spacing:.04em;background:linear-gradient(#6df0ff26,#6df0ff0d);border:1px solid #6df0ff73;border-radius:8px;padding:.6rem 1.1rem;font-family:inherit;font-size:.95rem;transition:transform 80ms,box-shadow .15s,background .15s}button:hover{background:linear-gradient(#6df0ff47,#6df0ff14);box-shadow:0 0 18px #6df0ff59}button:active{transform:translateY(1px)}button.ghost{background:0 0;border-color:#ffffff2e}button.ghost:hover{box-shadow:none;background:#ffffff0f}button.danger{background:linear-gradient(#ff4d6d1f,#ff4d6d0a);border-color:#ff4d6d80}input[type=text]{font:inherit;color:var(--fg);background:#ffffff0a;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:.55rem .8rem}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6df0ff2e}.app-shell{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.starfield-bg{opacity:.4;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 80% 30%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 50% 70%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 25% 80%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 65%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 90% 90%,#fff 50%,#0000 51%);position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;padding:1.5rem 2rem;box-shadow:0 20px 60px #0000008c,inset 0 1px #ffffff0a}h1.title{letter-spacing:.12em;background:linear-gradient(90deg,#6df0ff,#b78dff);color:#0000;text-shadow:0 0 40px #6df0ff59;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2.6rem;font-weight:700}.subtitle{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.75rem}.menu-stack{flex-direction:column;gap:.65rem;min-width:320px;display:flex}.menu-stack button{text-align:left;padding:.85rem 1.2rem}.row{align-items:center;gap:.6rem;display:flex}.row.between{justify-content:space-between}.profile-list{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.profile-row{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .9rem;display:flex}.profile-row .name{font-weight:600}.profile-row .meta{color:var(--muted);font-size:.8rem}#game-root{position:absolute;inset:0}#game-root canvas{width:100%;height:100%;display:block}.hud{pointer-events:none;color:var(--fg);font-family:JetBrains Mono,SF Mono,Menlo,monospace;position:absolute;inset:0}.hud .top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute;top:18px;left:18px;right:18px}.hud .stat{letter-spacing:.1em;background:#080c1899;border:1px solid #78a0ff2e;border-radius:8px;padding:.45rem .8rem;font-size:.85rem}.hud .stat .label{color:var(--muted);text-transform:uppercase;font-size:.65rem;display:block}.hud .stat .value{color:var(--accent);font-size:1.2rem;font-weight:700}.hud .stat.warm .value{color:var(--accent-warm)}.hud .stat.good .value{color:var(--good)}.hud .stat.danger .value{color:var(--danger)}.lvl-progress{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-top:.3rem;overflow:hidden}.lvl-progress-fill{background:linear-gradient(90deg, var(--good), var(--accent));height:100%;transition:width .15s ease-out;box-shadow:0 0 8px #6dffb080}.shields{gap:.35rem;margin-top:.25rem;display:flex}.shield{background:var(--good);width:14px;height:14px;box-shadow:0 0 10px var(--good);border-radius:50%}.shield.lost{box-shadow:none;background:#ffffff1a}.bottom-bar{letter-spacing:.12em;color:var(--muted);background:#080c1899;border:1px solid #78a0ff2e;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.bottom-bar .pool{color:var(--accent);letter-spacing:.25em;font-weight:700}.center-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02040a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gameover .stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0;display:grid}.gameover .stats-grid .cell{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:.65rem .9rem}.gameover .stats-grid .cell .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.gameover .stats-grid .cell .value{color:var(--accent);font-size:1.4rem;font-weight:700}.leaderboard table{border-collapse:collapse;width:100%;margin:.5rem 0;font-family:JetBrains Mono,monospace}.leaderboard th,.leaderboard td{text-align:left;border-bottom:1px solid #ffffff0f;padding:.5rem .7rem;font-size:.9rem}.leaderboard th{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:500}.leaderboard tr.winner td{color:var(--accent-warm)}.leaderboard .empty{color:var(--muted);text-align:center;padding:1rem}.modal{max-width:540px}.modal h2{letter-spacing:.04em;margin-top:0;font-weight:600}