:root{--bg:#0b0b0f;--battlefield:#000;--panel:#5e594e;--panel-border:#8b8271;--text:#f2f2ee;--muted:#cfcbbe;--accent:#e8c547;--accent-ink:#241b00;--enemy:#d6d6d6;--brick:#a85527;--steel:#9a9a9a;--danger:#d94a3d;--ok:#6fcf5f;--radius:4px;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--display:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #1b1a22 0%, var(--bg) 60%);color:var(--text);min-height:100vh;margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-weight:700}h3{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.75rem}button{font:inherit;cursor:pointer;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);border:1px solid #0000;padding:.5rem .9rem;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--text);border-color:var(--panel-border);background:0 0}button.link{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}kbd{font-family:var(--mono);color:inherit;background:#ffffff0f;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:3px;padding:.1em .4em;font-size:.75em}.muted{color:var(--muted)}.app{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0fb3;justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex}.topbar h1{letter-spacing:.3em;color:var(--accent);font-size:1.1rem}.account{align-items:center;gap:.75rem;display:flex}.who{font-family:var(--mono);font-size:.9rem}.layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;padding:1.5rem;display:flex}.game{align-items:flex-start;gap:1rem;display:flex}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:.9rem}.panel.side{flex-direction:column;gap:.6rem;width:8.75rem;display:flex}.board-wrap{border:3px solid var(--panel-border);border-radius:var(--radius);background:var(--battlefield);position:relative;overflow:hidden;box-shadow:0 20px 60px #0000008c}.board{background:var(--battlefield);image-rendering:pixelated;display:block}.overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000d6;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex;position:absolute;inset:0}.overlay h2{letter-spacing:.2em;text-transform:uppercase;font-size:1.6rem}.overlay p{margin:0}.overlay button{margin-top:.5rem}.final-score{font-family:var(--display);color:var(--accent);font-size:2.2rem;font-weight:700}.save-status{font-size:.95rem}.save-status.error{color:var(--danger)}.stats{grid-template-columns:1fr;gap:.15rem;margin:0;display:grid}.stats dt{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:.4rem;font-size:.7rem}.stats dd{font-family:var(--display);margin:0;font-size:1.25rem;font-weight:700}.hint{margin:0;font-size:.7rem;line-height:1.35}.roster{gap:.3rem;display:grid}.roster-grid{grid-template-columns:repeat(5,14px);justify-content:start;gap:3px;display:grid}.pip{background:radial-gradient(circle at 50% 68%, #0000008c 0 2.5px, transparent 2.6px), linear-gradient(var(--enemy), var(--enemy)) 50% 0 / 4px 6px no-repeat, linear-gradient(var(--enemy), var(--enemy)) 50% 100% / 14px 10px no-repeat;border-radius:2px;width:14px;height:14px}.pip.spent{opacity:.16}.lives-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.life{background:radial-gradient(circle at 50% 68%, #0000008c 0 3px, transparent 3.1px), linear-gradient(var(--accent), var(--accent)) 50% 0 / 4px 7px no-repeat, linear-gradient(var(--accent), var(--accent)) 50% 100% / 16px 11px no-repeat;border-radius:2px;width:16px;height:16px}.stage-number{font-family:var(--display);letter-spacing:.06em;color:var(--accent);font-size:2rem;font-weight:700;line-height:1}.powerups{color:var(--muted);gap:.3rem;margin:0;padding:0;font-size:.7rem;list-style:none;display:grid}.powerup{align-items:center;gap:.4rem;display:flex}.powerup .icon{background:var(--steel);border:1px solid #0000008c;border-radius:2px;flex:0 0 16px;width:16px;height:16px}.stage-banner{text-align:center;background:var(--battlefield);font-family:var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--text);justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;display:flex;position:absolute;inset:0}.controls{color:var(--muted);gap:.3rem;margin:.4rem 0 0;padding:0;font-size:.75rem;list-style:none;display:grid}.controls kbd{color:var(--text)}.leaderboard{align-self:stretch;width:19rem}.panel-header{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.panel-header h2{text-transform:uppercase;letter-spacing:.14em;font-size:.95rem}.live{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:.35rem;font-size:.7rem;display:inline-flex}.live:before{content:"";background:var(--muted);border-radius:50%;width:.5rem;height:.5rem}.live-live:before{background:var(--ok);box-shadow:0 0 0 3px #6fcf5f40}.live-offline:before{background:var(--danger)}.leaderboard-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{border-radius:var(--radius);background:#00000047;grid-template-columns:1.6rem 1fr auto;grid-template-areas:"rank name points""rank meta points";align-items:center;column-gap:.5rem;padding:.45rem .6rem;animation:1.6s ease-out row-flash;display:grid}.leaderboard-list li.is-me{background:#e8c54729;outline:1px solid #e8c54799}.leaderboard-list li:first-child .rank{color:var(--accent)}.leaderboard-list li:nth-child(2) .rank{color:var(--enemy)}.leaderboard-list li:nth-child(3) .rank{color:var(--brick)}.leaderboard-list .rank{font-family:var(--display);color:var(--muted);grid-area:rank;font-weight:700}.leaderboard-list .name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:600;overflow:hidden}.leaderboard-list .points{font-family:var(--display);grid-area:points;font-size:1.05rem;font-weight:700}.leaderboard-list .meta{color:var(--muted);grid-area:meta;font-size:.75rem}@keyframes row-flash{0%{background:#e8c54773}to{background:#00000047}}.auth-dialog{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);color:var(--text);width:min(22rem,92vw);padding:0}.auth-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3}.auth-form{gap:.9rem;padding:1.25rem;display:grid}.tabs{border-radius:var(--radius);background:#00000047;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}.tabs button{color:var(--muted);background:0 0;padding:.4rem}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.reason{color:var(--accent);margin:0;font-size:.9rem}.auth-form label{color:var(--muted);gap:.3rem;font-size:.85rem;display:grid}.auth-form input{font:inherit;color:var(--text);background:var(--battlefield);border:1px solid var(--panel-border);border-radius:var(--radius);padding:.55rem .7rem}.auth-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.field-error,.form-error{color:var(--danger);margin:0;font-size:.85rem}.actions{justify-content:flex-end;gap:.5rem;display:flex}@media (width<=900px){.game{flex-wrap:wrap;justify-content:center}.leaderboard{width:min(100%,24rem)}}