:root{--bg:#0f1120;--panel:#1a1d33;--grid:#191c30;--snake:#4ade80;--snake-head:#86efac;--food:#f472b6;--text:#e6e8f0;--muted:#8b90b0;--accent:#6366f1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{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:16px;width:min(100%,480px);padding:16px;display:flex}.topbar{justify-content:space-between;align-items:baseline;display:flex}.topbar h1{letter-spacing:.3em;color:var(--snake);margin:0;font-size:1.8rem}.score{text-align:right}.score__label{letter-spacing:.2em;color:var(--muted);font-size:.7rem;display:block}.score__value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.stage{aspect-ratio:1;width:100%;position:relative}#board{background:var(--grid);touch-action:none;border-radius:12px;width:100%;height:100%;display:block}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1120d1;border-radius:12px;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:12px;width:100%;padding:24px;display:flex}.panel[hidden]{display:none}.panel__title{letter-spacing:.08em;margin:0;font-size:1.5rem;font-weight:700}.panel__score{color:var(--muted);margin:0;font-size:1.1rem}.panel__hint{color:var(--muted);margin:0;font-size:.85rem}.btn{appearance:none;letter-spacing:.05em;color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:10px 28px;font-size:1rem;font-weight:600;transition:transform 50ms,filter .15s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn--ghost{border:1px solid var(--muted);color:var(--text);background:0 0}.initials{flex-direction:column;align-items:center;gap:12px;display:flex}.initials[hidden]{display:none}.initials__label{color:var(--snake);font-size:.9rem}.initials__inputs{gap:10px;display:flex}.initials__box{text-align:center;text-transform:uppercase;width:52px;height:64px;color:var(--text);background:var(--panel);border:2px solid var(--accent);caret-color:var(--accent);border-radius:8px;font-size:2rem;font-weight:700}.initials__box:focus{border-color:var(--snake);outline:none}.initials__error{color:var(--food);margin:0;font-size:.8rem}.initials__error[hidden]{display:none}.leaderboard h2{letter-spacing:.2em;color:var(--muted);margin:0 0 8px;font-size:.9rem}.leaderboard__list{counter-reset:rank;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(--snake);font-weight:700}.leaderboard__list li.is-new{background:#6366f12e}.leaderboard__loading,.leaderboard__empty{color:var(--muted);justify-content:center}