:root{--bg:#0f1120;--panel:#1a1d33;--grid:#191c30;--cell-hidden:#2a2f4e;--cell-hidden-hi:#353c63;--cell-open:#12142400;--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%,560px);padding:16px;display:flex}.topbar h1{letter-spacing:.28em;color:var(--good);text-align:center;margin:0;font-size:1.7rem}.difficulty{background:var(--panel);border-radius:10px;gap:6px;padding:5px;display:flex}.difficulty__btn{appearance:none;letter-spacing:.03em;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:9px 4px;font-size:.82rem;font-weight:600;transition:color .15s,background .15s}.difficulty__btn--active{color:#fff;background:var(--accent)}.hud{justify-content:space-between;align-items:center;gap:12px;display:flex}.counter{flex-direction:column;min-width:66px;display:flex}.counter--right{text-align:right}.counter__label{letter-spacing:.2em;color:var(--muted);font-size:.65rem}.counter__value{font-variant-numeric:tabular-nums;color:var(--danger);font-size:1.7rem;font-weight:700}.face{appearance:none;background:var(--panel);cursor:pointer;border:0;border-radius:10px;width:52px;height:52px;font-size:1.6rem;line-height:1;transition:transform 50ms,filter .15s}.face:hover{filter:brightness(1.15)}.face:active{transform:translateY(1px)}.stage{justify-content:center;width:100%;display:flex;position:relative;overflow-x:auto}.board{--cell:34px;--cols:9;grid-template-columns:repeat(var(--cols), var(--cell));background:var(--grid);touch-action:manipulation;border-radius:12px;gap:3px;padding:6px;display:grid}.cell{width:var(--cell);height:var(--cell);appearance:none;font-size:calc(var(--cell) * .5);font-variant-numeric:tabular-nums;background:var(--cell-hidden);color:#0000;cursor:pointer;border:0;border-radius:5px;padding:0;font-weight:800;line-height:1;transition:background 80ms}.cell:hover:not(.cell--revealed):not(.cell--mine){background:var(--cell-hidden-hi)}.cell--flag{color:initial}.cell--revealed{cursor:default;background:#ffffff0a}.cell--mine{background:var(--danger);cursor:default}.cell--n1{color:#60a5fa}.cell--n2{color:#4ade80}.cell--n3{color:#f87171}.cell--n4{color:#a78bfa}.cell--n5{color:#fb923c}.cell--n6{color:#22d3ee}.cell--n7{color:#e6e8f0}.cell--n8{color:#94a3b8}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1120db;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__title{letter-spacing:.06em;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:.04em;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}.btn--active{background:var(--good);border-color:var(--good);color:#0f1120}.controls{flex-direction:column;align-items:center;gap:6px;display:flex}.controls__hint{color:var(--muted);margin:0;font-size:.78rem}.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: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(--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);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}