:root{--bg:#050508;--panel:#0c1020;--text:#c8d0e0;--muted:#6a7a9a;--accent-red:#c41e1e;--accent-yellow:#f0d000;--accent-blue:#3a8cff;--accent-green:#2ee04a;--border:#1a2a4a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(at 50% 0,#12122a 0%,#0000 55%),linear-gradient(#07070c 0%,#050508 100%);margin:0;font-family:IBM Plex Mono,ui-monospace,monospace}body{min-height:100vh;padding:1rem}#app{flex-direction:row;justify-content:center;align-items:stretch;gap:1.25rem;max-width:1600px;min-height:calc(100vh - 2rem);margin:0 auto;display:flex}#game-shell{flex-direction:row;flex:auto;justify-content:center;align-items:stretch;gap:1.25rem;min-width:0;display:flex}#game-shell[hidden],#profile-page[hidden],#help-page[hidden],#mp-page[hidden]{display:none!important}#menu{background:var(--panel);border:1px solid var(--border);flex-direction:column;flex:0 0 260px;align-self:flex-start;gap:.85rem;max-height:calc(100vh - 2rem);padding:1.1rem 1rem;display:flex;position:sticky;top:1rem;overflow:auto}#menu h1{color:var(--accent-yellow);letter-spacing:.06em;margin:0;font-size:1.6rem}.menu-sub{color:var(--muted);margin:-.4rem 0 0;font-size:.75rem}#btn-help{align-self:flex-start;margin-top:-.15rem;padding:.35rem .7rem;font-size:.8rem}.size-field{border:1px solid var(--border);flex-direction:column;gap:.45rem;margin:0;padding:.6rem .7rem;display:flex}.size-field[hidden]{display:none}.size-field legend{color:var(--muted);padding:0 .35rem;font-size:.75rem}.size-field label{cursor:pointer;align-items:center;gap:.45rem;font-size:.9rem;display:flex}.size-field label span{color:var(--muted);margin-left:auto;font-size:.75rem}.primary{appearance:none;background:var(--accent-red);color:var(--accent-yellow);font:inherit;cursor:pointer;letter-spacing:.04em;border:none;padding:.7rem .9rem;font-weight:700}.primary:hover,.secondary:hover{filter:brightness(1.08)}.secondary{appearance:none;border:1px solid var(--border);color:var(--accent-yellow);font:inherit;cursor:pointer;background:#152038;padding:.55rem .8rem;font-weight:600}.highscore-panel{border:1px solid var(--accent-red);background:#1a0c10;flex-direction:column;gap:.5rem;padding:.65rem .7rem;display:flex}.highscore-panel[hidden]{display:none}.name-label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.75rem;display:flex}#player-name{font:inherit;color:var(--text);border:1px solid var(--border);background:#070a12;padding:.4rem .5rem;font-size:.95rem}.leaderboard{background:var(--panel);border:1px solid var(--border);flex-direction:column;flex:0 0 260px;align-self:flex-start;gap:.55rem;max-height:calc(100vh - 2rem);padding:1.1rem 1rem;display:flex;position:sticky;top:1rem;overflow:auto}.leaderboard[hidden]{display:none}.lb-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lb-filters{gap:.4rem;display:flex}#lb-period,#lb-scope{font:inherit;color:var(--text);border:1px solid var(--border);background:#070a12;flex:1;padding:.2rem .3rem;font-size:.75rem}.auth-panel{border:1px solid var(--border);flex-direction:column;gap:.45rem;padding:.65rem .7rem;display:flex}.auth-panel[hidden]{display:none}.auth-panel h2{color:var(--accent-yellow);margin:0;font-size:.85rem}.auth-status{color:var(--muted);margin:0;font-size:.75rem}.auth-form{flex-direction:column;gap:.45rem;display:flex}.auth-form[hidden],.auth-confirm[hidden],.auth-panel[hidden],.gameover-overlay[hidden],.guest-score-form[hidden]{display:none!important}.auth-confirm{color:var(--accent-blue);margin:0;font-size:.75rem}.text-btn{appearance:none;color:var(--muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:.15rem 0;font-size:.75rem;text-decoration:underline}.text-btn:disabled{opacity:.5;cursor:not-allowed}#btn-play:disabled{opacity:.45;cursor:not-allowed;filter:none}#stage{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.playfield{line-height:0;display:inline-block;position:relative}#game{background:#000;display:block;box-shadow:0 12px 40px #0000008c}.gameover-overlay{text-align:center;pointer-events:auto;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.25rem;line-height:normal;display:flex;position:absolute;inset:0}.gameover-overlay[hidden]{display:none}.mp-ready-overlay{text-align:center;pointer-events:auto;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;line-height:normal;display:flex;position:absolute;inset:0}.mp-ready-overlay[hidden]{display:none}.mp-ready-joined{color:var(--text);margin:0;font-size:1.15rem;font-weight:600}.mp-ready-label{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:1rem;display:inline-flex}.mp-ready-label[hidden]{display:none}.mp-ready-label input{width:1.1rem;height:1.1rem;accent-color:var(--accent-yellow)}.mp-countdown{color:var(--accent-yellow);letter-spacing:.04em;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:2.4rem;font-weight:700}.go-title{color:var(--accent-yellow);letter-spacing:.06em;margin:0;font-size:1.6rem;font-weight:700}.go-score{color:var(--text);white-space:pre;text-align:left;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1rem;line-height:1.45}.go-save-status{max-width:min(320px,90%);color:var(--accent-blue);white-space:pre-line;margin:0;font-size:.85rem;line-height:1.4}.go-save-status[data-kind=error]{color:var(--accent-red)}.go-save-status[data-kind=pending]{color:var(--muted)}p.go-too-low{color:var(--accent-red)}.go-mp-summary{flex-direction:column;align-items:center;gap:.5rem;display:flex}.go-mp-summary[hidden]{display:none}.go-mp-result{color:var(--accent-yellow);letter-spacing:.03em;margin:0;font-size:1.1rem;font-weight:700}.go-mp-table{border-collapse:collapse;font-size:.85rem}.go-mp-table th,.go-mp-table td{border:1px solid var(--border);text-align:right;padding:.25rem .6rem}.go-mp-table th:first-child,.go-mp-table td:first-child{text-align:left;color:var(--muted)}.go-mp-table th{color:var(--text);font-weight:700}.go-mp-table td.winner,.go-mp-table th.winner{color:var(--accent-green)}#mp-standings-table{table-layout:fixed;width:100%}#mp-standings-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#mp-standings-table td:first-child{text-align:left;width:27%}#mp-standings-table td:nth-child(2){text-align:center;color:var(--muted);width:46%}#mp-standings-table td:last-child{text-align:right;width:27%}.go-mp-elo{color:var(--accent-blue);margin:0;font-size:.9rem}.go-mp-elo[hidden]{display:none}.go-action-btn{min-width:9.5rem}.go-hotkey{color:var(--muted);letter-spacing:.04em;margin-top:.15rem;font-size:.65rem;font-weight:400;display:block}.mp-standings-names{color:var(--accent-yellow);justify-content:space-between;align-items:baseline;gap:.5rem;font-weight:700;display:flex}.mp-standings-names span:not(.mp-standings-vs){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mp-standings-vs{color:var(--muted);font-size:.75rem;font-weight:400}.mp-standings-wins{justify-content:space-between;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:700;display:flex}.mp-standings-subhead{color:var(--muted);margin:.4rem 0 0;font-size:.8rem;font-weight:600}.mp-standings-queue{border-top:1px solid var(--border);flex-direction:column;gap:.3rem;padding-top:.55rem;display:flex}.mp-standings-queue[hidden]{display:none}.guest-score-form{flex-direction:column;gap:.5rem;width:min(220px,80%);display:flex}#guest-name{font:inherit;color:var(--text);border:1px solid var(--border);background:#070a12;width:100%;padding:.4rem .5rem;font-size:.95rem}.highscore-panel h2,.leaderboard h2{color:var(--accent-yellow);letter-spacing:.03em;margin:0;font-size:.85rem;font-weight:700}.name-label{color:var(--muted);text-align:left;flex-direction:column;gap:.3rem;font-size:.75rem;display:flex}.lb-list{flex-direction:column;gap:.25rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.lb-list li{color:var(--text);grid-template-columns:1.2rem 1fr auto;gap:.35rem;display:grid}.lb-list .rank{color:var(--muted)}.lb-list .score{color:var(--accent-yellow)}.lb-list li.you .rank,.lb-list li.you .name,.lb-list li.you .score{color:var(--accent-green)}.lb-list li.lb-separator{text-align:center;color:var(--muted);display:block}.lb-empty{color:var(--muted);margin:0;font-size:.75rem}.lb-empty[hidden]{display:none}.status{min-height:1.4em;color:var(--accent-yellow);margin:0;font-size:.8rem}.hint{color:var(--muted);margin:0;font-size:.75rem}.profile-page{flex-direction:column;flex:auto;gap:1rem;width:100%;padding:.25rem 0 1rem;display:flex}.help-page{flex-direction:column;flex:auto;gap:1rem;width:100%;max-width:720px;margin:0 auto;padding:.25rem 0 1rem;display:flex}.help-content{flex-direction:column;gap:1rem;display:flex}.help-content p{color:var(--text);margin:0;font-size:.9rem;line-height:1.55}.help-list{color:var(--text);margin:0;padding-left:1.15rem;font-size:.88rem;line-height:1.55}.help-list li+li{margin-top:.35rem}.mp-code{color:var(--accent-yellow);letter-spacing:.12em;margin:.5rem 0 0;font-size:1.1rem;font-weight:700}.mp-public-list{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.mp-public-list li{border:1px solid var(--border);background:#0d1428;align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex}.mp-public-list li span{flex:auto;min-width:0}.mp-room-btn{appearance:none;border:1px solid var(--border);color:var(--accent-yellow);font:inherit;cursor:pointer;white-space:nowrap;background:#152038;flex:none;padding:.35rem .7rem;font-weight:600}.mp-room-btn:hover{filter:brightness(1.08)}.profile-header{align-items:center;gap:.85rem;display:flex}.profile-header h1{color:var(--accent-yellow);letter-spacing:.04em;margin:0;font-size:1.4rem}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.profile-card{background:var(--panel);border:1px solid var(--border);flex-direction:column;gap:.65rem;padding:1rem;display:flex}.mp-join-actions{gap:.5rem;display:flex}.mp-join-actions .secondary{flex:1 1 0}.profile-card h2{color:var(--accent-yellow);margin:0;font-size:.9rem}.profile-stats{grid-column:1/-1}.stats-table{border-collapse:collapse;width:100%;font-size:.85rem}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .5rem}.stats-table th{color:var(--muted);font-weight:600}.stats-sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin:0;padding:0;font-weight:600;display:inline-flex}.stats-sort:after{content:"↕";opacity:.45;font-size:.7em}.stats-sort[data-dir=asc]:after{content:"↑";opacity:1;color:var(--accent-yellow)}.stats-sort[data-dir=desc]:after{content:"↓";opacity:1;color:var(--accent-yellow)}.stats-sort:hover{color:var(--text)}.stats-table tbody tr{cursor:pointer}.stats-table tbody tr:hover,.stats-table tbody tr[data-active=true]{background:#12182a}.stats-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.stats-table th:last-child{text-align:right}.stats-table th:last-child .stats-sort{justify-content:flex-end;width:100%}.profile-chart-panel{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.profile-chart-panel[hidden]{display:none!important}.profile-chart-panel h3{color:var(--text);margin:0;font-size:.85rem}.chart-x-mode{color:var(--muted);border:none;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:0;font-size:.8rem;display:flex}.chart-x-mode legend{float:left;width:auto;margin-right:.25rem;padding:0}.chart-x-mode label{cursor:pointer;color:var(--text);align-items:center;gap:.35rem;display:inline-flex}.chart-x-mode input{accent-color:var(--accent-yellow)}#profile-chart{border:1px solid var(--border);background:#070a12;width:100%;height:280px;display:block}#profile-username,#profile-password,#profile-password-confirm,#auth-email,#auth-password,#account-username,#mp-join-code{font:inherit;color:var(--text);border:1px solid var(--border);background:#070a12;width:100%;padding:.4rem .5rem;font-size:.95rem}@media (width<=900px){#app{flex-direction:column;align-items:stretch}#game-shell{flex-direction:column}#menu,#scores{flex:none;width:100%;position:static}.profile-grid{grid-template-columns:1fr}}