@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--bg:#f3f0e8;--panel:#faf8f2;--ink:#243c3c;--muted:#63726b;--line:#cbd0c2;--tile:#dbe1d1;--tilehover:#cad6bc;--open:#f0f0e6;--accent:#bf4d2d;--shadow:#b9c5af;--number1:#246873;--number2:#467243;--number3:#b1432d;--number4:#6753a2;--number5:#955337;--number6:#26797c;--number7:#353e3a;--number8:#666c65}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button{font:inherit;cursor:pointer;color:var(--ink)}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}main{max-width:1000px;margin:auto;padding:38px 38px 24px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:34px;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:11px;align-items:center;font-size:14px;font-weight:700;letter-spacing:2px}.logo{font-size:31px;line-height:1;color:var(--accent)}.edition,.eyebrow,#dimensions,.label,.footer-mark{font:11px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--muted)}.game{max-width:500px;margin:0 auto}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px}h1{font-size:32px;letter-spacing:-1.8px;line-height:1.2;margin:12px 0 30px;font-weight:600}h1>span{color:var(--accent)}.restart{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:14px}.restart:hover{border-color:var(--ink)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.difficulties{display:flex;border:1px solid var(--line);border-radius:6px;padding:3px;gap:2px;background:var(--panel)}.difficulties button{border:0;border-radius:3px;padding:9px 13px;font-size:12px;background:transparent;color:var(--muted)}.difficulties button[aria-pressed=true]{background:var(--ink);color:var(--bg)}#dimensions{font-size:10px;letter-spacing:.6px}.instrument-panel{background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;padding:20px 26px;display:flex;justify-content:space-between;align-items:center}.instrument{display:flex;flex-direction:column;gap:3px;min-width:100px}.right{text-align:right}.label{font-size:10px;letter-spacing:1.4px}.digits{font:38px 'DM Mono',monospace;letter-spacing:2px;line-height:1.2}.digits small{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:3px}.face{font-size:40px;color:var(--accent)}.board-wrap{background:var(--panel);padding:7px 24px 24px;border:1px solid var(--line);border-top:0;overflow:auto;scrollbar-color:var(--shadow) var(--panel)}#board{display:grid;gap:3px;background:var(--line);padding:3px;border:1px solid var(--line);width:max-content;min-width:100%;border-radius:3px}.cell{width:100%;aspect-ratio:1;border:0;border-radius:2px;background:var(--tile);box-shadow:inset 0 -3px 0 var(--shadow),inset 0 1px 0 #ffffff50;font:700 23px 'DM Mono',monospace;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;padding:0;min-height:30px}.cell:hover:not(.open){background:var(--tilehover)}.cell.open{background:var(--open);box-shadow:none}.cell.flag{color:var(--accent)}.cell.hit{background:var(--accent);color:#fff}.cell.mine{color:var(--ink)}.cell[data-n="1"]{color:var(--number1)}.cell[data-n="2"]{color:var(--number2)}.cell[data-n="3"]{color:var(--number3)}.cell[data-n="4"]{color:var(--number4)}.cell[data-n="5"]{color:var(--number5)}.cell[data-n="6"]{color:var(--number6)}.cell[data-n="7"]{color:var(--number7)}.cell[data-n="8"]{color:var(--number8)}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;color:var(--muted);font-size:12px}#flag-mode{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:9px 11px;white-space:nowrap;font-size:12px}#flag-mode>span:first-child{color:var(--accent);font-size:17px}#flag-state{font:10px 'DM Mono',monospace;color:var(--muted)}#flag-mode[aria-pressed=true]{border-color:var(--accent)}#flag-mode[aria-pressed=true] #flag-state{color:var(--accent)}footer{max-width:500px;margin:24px auto 0;padding-top:20px;border-top:1px solid var(--line);font-size:11px;line-height:2;color:var(--muted);display:flex;flex-direction:column;gap:20px}footer b{font-weight:500;color:var(--ink)}footer i{margin:0 7px;font-style:normal}.footer-mark{font-size:9px;letter-spacing:2px}
@media(max-width:600px){main{padding:22px 16px}header{padding-bottom:22px}.edition{display:none}.game{margin-top:0}.eyebrow{font-size:9px;letter-spacing:1px}.restart{padding:10px;font-size:21px}.restart span{display:none}h1{margin-bottom:25px}.instrument-panel{padding:16px}.board-wrap{padding:4px 12px 12px}.statusbar{align-items:flex-start;font-size:11px}#status{padding-top:10px}.difficulties button{padding:8px 10px}.toolbar{gap:12px;margin-bottom:16px}.cell{font-size:20px}footer{margin-top:12px}.digits{font-size:32px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#172725;--panel:#20312e;--ink:#e0e8d8;--muted:#a3b2a7;--line:#40534a;--tile:#415746;--tilehover:#506b54;--open:#273c33;--accent:#f0966f;--shadow:#304638;--number1:#89d3e1;--number2:#a4d28b;--number3:#ffac90;--number4:#c2b0ff;--number5:#edbb8d;--number6:#86dcd3;--number7:#e6eadc;--number8:#b5c3b9}.cell.hit{background:#a63b27;color:#fff}}