*{box-sizing:border-box}html{background:#0c1723;color:#eff6ef;font-family:system-ui,sans-serif}body{margin:0;padding:20px 14px 36px;background:radial-gradient(ellipse at top right,hsl(var(--h) 45% 23%),transparent 65%)}main{max-width:430px;margin:auto}header{border-top:3px solid var(--accent);padding-top:12px}.eyebrow{letter-spacing:.16em;font-size:11px;color:var(--accent);font-weight:800}h1{font-size:32px;line-height:1.05;letter-spacing:-.04em;margin:12px 0}p{line-height:1.5;font-size:14px;color:#c5d2de}.panel{background:#132334;border:1px solid #304356;border-radius:18px;padding:12px;margin-top:18px;box-shadow:0 16px 30px #0003}#info{font-size:12px;line-height:1.6;min-height:45px;color:#c7d6e2}#board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:10px 0}button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:46px;min-width:44px;border:1px solid #43596b;border-radius:8px;color:#d8e4ed;background:#1b3042}#board button{height:clamp(46px,13vw,64px);font-size:23px;font-weight:800;min-width:0}#board button.filled{background:hsl(var(--h) 30% 31%);color:#f9f3d5;box-shadow:inset 0 -4px #0002}button:hover{border-color:var(--accent)}button:focus-visible{outline:3px solid #fff;outline-offset:2px}button.selected{outline:3px solid #ffcf67}button:disabled{cursor:default;opacity:.78}#controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#controls button{font-size:13px;padding:8px 4px}#status{font-weight:750;margin:12px 0;min-height:24px;font-size:15px}#status[data-state=won]{color:#a7f5b5}#status[data-state=lost]{color:#ffb09c}#restart{width:100%;margin-top:12px;background:var(--accent);color:#10202b;font-weight:800;border:0}footer{font-size:11px;color:#91a8ba;line-height:1.6;margin-top:16px}details{font-size:12px;margin-top:15px;color:#a9bfcc}summary{cursor:pointer;min-height:44px;padding:12px 0}a{color:var(--accent)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
#board button[aria-label$=": ▒"]{background:#6b5144}#board button[aria-label*="B↓"]{background:#584f53;color:#ffd3b0}#board button[aria-label*="B✓"]{background:#4c736c}#board button[aria-label$=": ⚙"]{background:#99763c}#board button[aria-label$=": MINER"]{background:#cfaa59;color:#172b3a;font-size:10px}
