:root{color-scheme:dark;--accent:#2dd4bf;--grad:linear-gradient(92deg,#2ee6a6,#38bdf8 60%,#818cf8)}*{box-sizing:border-box}body{background:radial-gradient(1100px 700px at 50% -10%,#0c1320 0,transparent 55%),#05070a;color:#e8edf1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}.mines{margin:0 auto;max-width:920px;padding:26px 18px 56px}.mines__bar{align-items:center;display:flex;gap:14px;margin-bottom:18px}.mines__title{background:var(--grad);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0;-webkit-text-fill-color:transparent}.mines__back{margin-right:auto}.mines__back,.mines__home{color:#9fb0bb;font-size:15px;font-weight:600;text-decoration:none}.mines__home{margin-left:auto}.mines__back:hover,.mines__home:hover{color:#67e8f9}.btn{background:rgba(45,212,191,.13);border:1px solid rgba(45,212,191,.42);border-radius:9px;color:#d6fbf3;cursor:pointer;font:inherit;font-size:13px;font-weight:700;padding:8px 14px;transition:background .14s,border-color .14s}.btn:hover{background:rgba(45,212,191,.24)}.btn--ghost{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.16);color:#b9c6cf}.btn--ghost:hover{background:hsla(0,0%,100%,.09)}.mines__panel{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.mines__difficulty{display:flex;flex-wrap:wrap;gap:9px}.diff{align-items:flex-start;background:linear-gradient(180deg,rgba(21,29,40,.7),rgba(12,17,24,.7));border:1px solid hsla(0,0%,100%,.1);border-radius:11px;color:#c2d0d8;cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:13px;font-weight:700;gap:2px;padding:9px 14px;transition:border-color .14s,background .14s,transform .06s}.diff:hover{border-color:rgba(45,212,191,.5)}.diff:active{transform:translateY(1px)}.diff small{color:#7d909c;font-size:10.5px;font-weight:600;letter-spacing:.02em}.diff[aria-pressed=true]{background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.55);box-shadow:inset 0 0 0 1px rgba(45,212,191,.18);color:#d6fbf3}.mines__custom{align-items:flex-end;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.09);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:13px 14px}.mines__custom[hidden]{display:none}.mines__custom label{color:#8aa0ad;display:flex;flex-direction:column;font-size:10px;font-weight:700;gap:5px;letter-spacing:.09em;text-transform:uppercase}.mines__custom input{accent-color:var(--accent);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.16);border-radius:8px;color:#e8edf1;font:inherit;font-size:14px;font-variant-numeric:tabular-nums;padding:7px 9px;width:76px}.mines__custom input:focus-visible{border-color:rgba(45,212,191,.7);box-shadow:0 0 0 2px rgba(45,212,191,.3);outline:none}.mines__hud{align-items:center;background:linear-gradient(180deg,rgba(21,29,40,.74),rgba(12,17,24,.74));border:1px solid hsla(0,0%,100%,.09);border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.34);display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;max-width:100%;padding:11px 16px}.hud__counter{background:#0a0d12;border:1px solid rgba(255,90,90,.25);border-radius:8px;color:#ff5a5a;font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,monospace;font-size:25px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.08em;min-width:74px;padding:6px 10px;text-align:center;text-shadow:0 0 9px rgba(255,60,60,.55)}.hud__counter--time{border-color:rgba(56,189,248,.25);color:#6ee7ff;text-shadow:0 0 9px rgba(56,189,248,.5)}.hud__face{align-items:center;background:linear-gradient(180deg,#1c2735,#0b1018);border:1px solid hsla(0,0%,100%,.14);border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 4px 10px rgba(0,0,0,.5);cursor:pointer;display:flex;flex:0 0 auto;font-size:25px;height:50px;justify-content:center;line-height:1;transition:transform .06s,border-color .14s;width:50px}.hud__face:hover{border-color:rgba(45,212,191,.5)}.hud__face:active{transform:translateY(1px) scale(.97)}.mines__boardwrap{background:linear-gradient(180deg,rgba(21,29,40,.55),rgba(12,17,24,.6));border:1px solid hsla(0,0%,100%,.08);border-radius:14px;max-width:100%;overflow:auto;padding:10px;-webkit-overflow-scrolling:touch}.mines__board{--cell:30px;display:grid;gap:2px;grid-template-columns:repeat(var(--cols,9),var(--cell));margin:0 auto;touch-action:manipulation;width:-moz-max-content;width:max-content;-webkit-touch-callout:none}.cell,.mines__board{-moz-user-select:none;user-select:none;-webkit-user-select:none}.cell{align-items:center;background:linear-gradient(155deg,#28394b,#16202d);border:1px solid hsla(0,0%,100%,.07);border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.07);color:transparent;cursor:pointer;display:flex;font-size:calc(var(--cell)*.56);font-variant-numeric:tabular-nums;font-weight:800;height:var(--cell);justify-content:center;line-height:1;transition:background .08s;width:var(--cell)}.cell:hover{background:linear-gradient(155deg,#314660,#1b2838)}.cell:focus-visible{outline:2px solid #6cf;outline-offset:-2px}.cell.is-flagged{background:linear-gradient(155deg,#2a3a4d,#18222f);color:#ff5a5a}.cell.is-flagged:after{content:"\1F6A9"}.cell.is-revealed{border-color:hsla(0,0%,100%,.05);box-shadow:none;cursor:default}.cell.is-revealed,.cell.is-revealed:hover{background:hsla(0,0%,100%,.025)}.cell[data-adj="1"]{color:#4d9bff}.cell[data-adj="2"]{color:#36d399}.cell[data-adj="3"]{color:#ff6b6b}.cell[data-adj="4"]{color:#a78bfa}.cell[data-adj="5"]{color:#f0a35e}.cell[data-adj="6"]{color:#2dd4bf}.cell[data-adj="7"]{color:#e8edf1}.cell[data-adj="8"]{color:#9fb0bb}.cell.is-mine{background:hsla(0,0%,100%,.04);color:#e8edf1}.cell.is-mine:after{content:"\1F4A3"}.cell.is-exploded{background:radial-gradient(circle at 50% 45%,#ff6b6b,#b91c1c);border-color:rgba(255,120,120,.6)}.cell.is-wrong{background:rgba(120,30,30,.35);color:#ff5a5a}.cell.is-wrong:after{content:"\2715"}.mines__actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.mines__status{font-size:14px;font-weight:700}.mines__status.is-win{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mines__status.is-lose{color:#ff6b6b}.mines__hint{color:#71808a;font-size:12.5px;line-height:1.7;margin-top:18px}.mines__hint strong{color:#9fb0bb}.mines__hint kbd{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);border-radius:4px;color:#cdd9e1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;padding:1px 6px}@media (max-width:520px){.mines{padding:18px 12px 48px}.mines__title{font-size:19px}.hud__counter{font-size:21px;min-width:62px}.hud__face{font-size:22px;height:44px;width:44px}.diff{font-size:12px;padding:8px 11px}}