:root{--bg: #212233;--surface: #2c2e44;--surface-2: #383b56;--cell-hidden: #3a3d5c;--cell-hidden-hover: #454971;--cell-revealed: #1b1c2b;--accent: #f5a524;--accent-dark: #c9821a;--text: #f2f3f8;--text-muted: #9a9db8;--danger: #ff5b5b;--line: #4a4d6e;--n1: #5aa9ff;--n2: #4cd964;--n3: #ff6b6b;--n4: #b388ff;--n5: #ffb74d;--n6: #4dd0e1;--n7: #ff8ac4;--n8: #c7cbe8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Nunito,system-ui,-apple-system,sans-serif;font-weight:600;min-height:100dvh;overscroll-behavior:none}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer}.app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:0 12px 32px}.topbar{width:100%;max-width:980px;display:flex;align-items:center;justify-content:space-between;padding:14px 4px 6px}.logo{font-size:1.5rem;font-weight:900;letter-spacing:-.5px;color:var(--text);text-decoration:none}.logo .dot{color:var(--accent)}.heading{text-align:center;margin:4px 0 14px}.heading h1{font-size:1.15rem;font-weight:800;margin:0;letter-spacing:-.2px}.heading p{margin:4px 0 0;font-size:.82rem;color:var(--text-muted);font-weight:600}.difficulties{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;justify-content:center}.diff-btn{background:var(--surface);color:var(--text-muted);border:2px solid transparent;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:800;transition:all .15s ease}.diff-btn:hover{background:var(--surface-2);color:var(--text)}.diff-btn.active{background:var(--accent);color:#1a1206;border-color:var(--accent)}.hud{width:100%;max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border-radius:14px;padding:10px 14px;margin-bottom:12px}.hud-stat{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums;font-weight:800;font-size:1.15rem;min-width:86px}.hud-stat .icon{font-size:1.1rem}.hud-stat.timer{justify-content:flex-end}.reset-btn{background:var(--surface-2);border:none;border-radius:12px;width:46px;height:46px;font-size:1.5rem;line-height:1;display:grid;place-items:center;transition:transform .1s ease,background .15s ease}.reset-btn:hover{background:var(--cell-hidden-hover)}.reset-btn:active{transform:scale(.92)}.mode-toggle{width:100%;max-width:760px;display:flex;gap:8px;margin-bottom:12px}.mode-btn{flex:1;background:var(--surface);color:var(--text-muted);border:2px solid transparent;border-radius:12px;padding:10px;font-size:.9rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}.mode-btn.active{background:var(--accent);color:#1a1206;border-color:var(--accent)}.board-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;display:flex;justify-content:center;-webkit-overflow-scrolling:touch}.board{display:grid;gap:3px;background:var(--line);padding:3px;border-radius:10px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.cell{width:var(--cell-size, 34px);height:var(--cell-size, 34px);border:none;border-radius:5px;background:var(--cell-hidden);display:grid;place-items:center;font-size:calc(var(--cell-size, 34px) * .52);font-weight:900;line-height:1;padding:0;color:var(--text);transition:background .08s ease}.cell:hover:not(.revealed){background:var(--cell-hidden-hover)}.cell.revealed{background:var(--cell-revealed);cursor:default}.cell.revealed.empty{background:#16172333}.cell.flagged .flag{filter:drop-shadow(0 1px 1px #0006)}.cell.exploded{background:var(--danger)!important}.cell.mine-cell{background:#2a1414}.n1{color:var(--n1)}.n2{color:var(--n2)}.n3{color:var(--n3)}.n4{color:var(--n4)}.n5{color:var(--n5)}.n6{color:var(--n6)}.n7{color:var(--n7)}.n8{color:var(--n8)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f101ab8;display:grid;place-items:center;padding:20px;z-index:100;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{background:var(--surface);border-radius:20px;padding:28px 26px;text-align:center;max-width:340px;width:100%;box-shadow:0 16px 48px #0008}.dialog .emoji{font-size:3rem;line-height:1}.dialog h2{margin:12px 0 4px;font-size:1.5rem;font-weight:900}.dialog .sub{color:var(--text-muted);margin:0 0 6px;font-size:.9rem}.dialog .time{font-size:1.3rem;font-weight:800;margin:8px 0 4px;font-variant-numeric:tabular-nums}.dialog .record{color:var(--accent);font-weight:800;font-size:.95rem;margin:0 0 4px}.dialog-actions{display:flex;gap:10px;margin-top:20px}.btn{flex:1;border:none;border-radius:12px;padding:13px;font-size:.95rem;font-weight:800;transition:transform .1s ease,filter .15s ease}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#1a1206}.btn-primary:hover{filter:brightness(1.06)}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-secondary:hover{background:var(--cell-hidden-hover)}.about{max-width:640px;margin:28px auto 0;color:var(--text-muted);font-size:.82rem;font-weight:600;line-height:1.6;text-align:center}.about h2{color:var(--text);font-size:.95rem;margin-bottom:6px}@media (max-width: 480px){.heading h1{font-size:1rem}.hud-stat{font-size:1rem;min-width:70px}}