:root{--bg: #f6f7fb;--panel: #ffffff;--text: #1f2937;--muted: #6b7280;--accent: #2dd4bf;--danger: #ef4444;--warn: #f59e0b;--ok: #10b981;--border: #e5e7eb;--cell-size: clamp(28px, min(7.5vw, 7.5vh), 42px);--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.08);--transition: .16s ease}@media (prefers-color-scheme: dark){:root{--bg: #0f1220;--panel: #151a2d;--text: #e5e7eb;--muted: #9aa3b2;--accent: #22c1aa;--danger: #f87171;--warn: #f6b454;--ok: #34d399;--border: #1f2542;--shadow: 0 6px 28px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 10% 10%,rgba(45,212,191,.08),transparent 60%),var(--bg);color:var(--text);display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:clamp(12px,3vw,24px)}.app{max-width:960px;margin:0 auto;width:100%;display:grid;gap:16px}.toolbar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px clamp(12px,2vw,16px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.title{font-weight:700;letter-spacing:.5px}.center-controls{display:flex;gap:8px;align-items:center}.stats{justify-self:end;display:flex;gap:14px;color:var(--muted)}.stat{display:inline-flex;gap:6px;align-items:center}.dot{width:8px;height:8px;border-radius:999px;background:var(--muted)}.dot.mines{background:var(--danger)}.dot.time{background:var(--accent)}.btn{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#00000008),var(--panel);color:var(--text);border-radius:10px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 1px #ffffff0d inset;transition:transform var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.primary{border-color:color-mix(in oklab,var(--accent),#ffffff 70%)}.btn.danger{border-color:color-mix(in oklab,var(--danger),#ffffff 70%)}.btn.small{padding:6px 10px;font-size:12px;border-radius:8px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(10px,2vw,14px)}.banner{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}.banner.success{background:color-mix(in oklab,var(--ok),#ffffff 92%)}@media (prefers-color-scheme: dark){.banner.success{background:color-mix(in oklab,var(--ok),#000000 85%)}}.settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted)}.field input[type=number]{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.toggles{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hint{color:var(--muted);font-size:12px}.board-wrapper{display:grid;justify-items:center}.board{display:grid;gap:2px;padding:6px;background:linear-gradient(180deg,#ffffff0f,#0000000d),var(--panel);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);box-shadow:var(--shadow);touch-action:manipulation;-webkit-user-select:none;user-select:none;contain:content}.cell{width:var(--cell-size);height:var(--cell-size);border-radius:8px;display:grid;place-items:center;font-weight:700;line-height:1;font-size:calc(var(--cell-size) * .46);color:var(--text);cursor:pointer;position:relative;background:linear-gradient(180deg,#ffffff24,#0000000f),#d7dbe6;border:1px solid #c7ccda;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}@media (prefers-color-scheme: dark){.cell{background:linear-gradient(180deg,#ffffff0a,#0000002e),#2a3146;border-color:#303958}}.cell.covered:active{transform:translateY(1px)}.cell.revealed{background:linear-gradient(180deg,#ffffff1f,#0000000a),#eef1f6;border-color:#d6dbe7;cursor:default}@media (prefers-color-scheme: dark){.cell.revealed{background:linear-gradient(180deg,#ffffff0d,#0000001f),#22283c;border-color:#2a314e}}.cell .flag,.cell .mine{width:64%;height:64%}.question{font-weight:900;color:var(--warn);line-height:1}.flag{position:relative}.flag:before{content:"";position:absolute;left:42%;bottom:8%;width:10%;height:68%;background:#4b5563;border-radius:2px}.flag:after{content:"";position:absolute;left:46%;top:14%;width:64%;height:48%;background:var(--danger);border-radius:2px 6px 6px 2px;transform:translate(-40%);box-shadow:0 1px #ffffff59 inset}.mine{position:relative;border-radius:999px;background:#111827}.mine:before,.mine:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:999px;background:#0b0f1a}.mine:after{top:34%;right:34%;bottom:34%;left:34%;background:#111827}.exploded{outline:2px solid var(--danger);box-shadow:0 0 0 4px color-mix(in oklab,var(--danger),transparent 75%)}.num{color:#1f2937}.n1{color:#2563eb}.n2{color:#16a34a}.n3{color:#ef4444}.n4{color:#7c3aed}.n5{color:#b91c1c}.n6{color:#0891b2}.n7{color:#111827}.n8{color:#6b7280}.footer{color:var(--muted);text-align:center;font-size:12px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:#0000000f;padding:2px 6px;border-radius:6px;border:1px solid var(--border)}.tag{font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}@media (max-width: 560px){.toolbar{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px}.title{text-align:center;justify-self:center;font-size:clamp(16px,5vw,20px)}.center-controls{justify-content:center;flex-wrap:wrap}.stats{justify-self:center}}