:root{--bg:#0f1120;--panel:#1a1d33;--grid:#12142a;--accent:#6366f1;--good:#4ade80;--danger:#f472b6;--text:#e6e8f0;--muted:#8b90b0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;justify-content:center;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}.app{flex-direction:column;gap:14px;width:min(100%,460px);padding:16px;display:flex}.topbar{position:relative}.topbar h1{letter-spacing:.32em;color:var(--good);text-align:center;margin:0;font-size:1.7rem}.toggles{gap:6px;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.toggle{background:var(--panel);min-width:30px;color:var(--text);font:inherit;letter-spacing:.08em;cursor:pointer;border:1px solid #2c3055;border-radius:7px;padding:5px 8px;font-size:.7rem;line-height:1;transition:opacity .15s,color .15s}.toggle:hover{border-color:var(--accent)}.toggle--off{color:var(--muted);opacity:.55;text-decoration:line-through}.stage{justify-content:center;gap:12px;display:flex;position:relative}.board{background:var(--grid);aspect-ratio:1/2;touch-action:manipulation;border-radius:10px;width:min(58vw,300px);height:auto;display:block}.side{flex-direction:column;flex:1;gap:10px;min-width:92px;display:flex}.side__box{background:var(--panel);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.side__label{letter-spacing:.2em;color:var(--muted);font-size:.62rem}.side__value{font-variant-numeric:tabular-nums;color:var(--good);font-size:1.35rem;font-weight:700}.next{aspect-ratio:1;width:100%;max-width:96px;height:auto;margin-top:2px;display:block}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1120db;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay--hidden{display:none}.panel{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.panel__title{letter-spacing:.1em;margin:0;font-size:1.6rem;font-weight:700}.panel__score{color:var(--muted);margin:0;font-size:1rem}.btn{appearance:none;letter-spacing:.04em;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:11px 32px;font-size:1rem;font-weight:600;transition:transform 50ms,filter .15s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.touch{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.touch__btn{appearance:none;color:var(--text);background:var(--panel);cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;padding:16px 0;font-size:1.3rem;font-weight:700;transition:filter .1s,transform 50ms}.touch__btn:active{filter:brightness(1.3);transform:translateY(1px)}.touch__btn--wide{letter-spacing:.15em;color:var(--accent);grid-column:1/-1;font-size:.95rem}@media (hover:hover) and (pointer:fine){.touch{display:none}}.hint{color:var(--muted);text-align:center;margin:0;font-size:.74rem}@media (hover:none){.hint{display:none}}.initials{flex-direction:column;align-items:center;gap:12px;display:flex}.initials[hidden]{display:none}.initials__label{color:var(--good);font-size:.9rem}.initials__inputs{gap:10px;display:flex}.initials__box{text-align:center;text-transform:uppercase;width:48px;height:58px;color:var(--text);background:var(--grid);border:2px solid var(--accent);caret-color:var(--accent);border-radius:8px;font-size:1.9rem;font-weight:700}.initials__box:focus{border-color:var(--good);outline:none}.initials__error{color:var(--danger);margin:0;font-size:.8rem}.initials__error[hidden]{display:none}.leaderboard h2{letter-spacing:.16em;color:var(--muted);text-align:center;margin:0 0 8px;font-size:.9rem}.leaderboard__list{background:var(--panel);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.leaderboard__list li{font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:8px 14px;display:flex}.leaderboard__list li:last-child{border-bottom:0}.leaderboard__rank{width:1.6em;color:var(--muted);font-weight:700}.leaderboard__initials{letter-spacing:.15em;flex:1;font-weight:600}.leaderboard__points{color:var(--good);font-weight:700}.leaderboard__list li.is-new{background:#6366f12e}.leaderboard__loading,.leaderboard__empty{color:var(--muted);justify-content:center}