*{box-sizing:border-box}html{background:#101b24}body{margin:0;color:#ebf7f3;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8bead4;outline-offset:3px}[hidden]{display:none!important}.arcade{width:min(1040px,calc(100% - 28px));margin:auto;padding:18px 0 50px}.arcade-header{display:flex;justify-content:space-between;align-items:center;font:700 .7rem ui-monospace,monospace;letter-spacing:.13em;color:#91bcb6;border-bottom:1px solid #3b5660;padding:12px 0 20px}.back{color:#afe8dc;text-decoration:none}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:2.3rem 0 1.7rem}.eyebrow{font:700 .7rem ui-monospace,monospace;letter-spacing:.15em;color:#8be3ce;margin:0 0 8px}.game-heading h1{font-size:clamp(2.6rem,7vw,5rem);letter-spacing:-.07em;line-height:1;margin:0}.mode-badge{border:1px solid #dcb97c;color:#f0ca8d;padding:8px 10px;font:700 .66rem ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.mode-badge.official{border-color:#72dcbf;color:#8af0ce}.state-panel{border:1px solid #365660;background:#1c3039;padding:28px;line-height:1.5}.state-panel h2{margin-top:0}.state-panel button,.overlay button{background:#91e6d0;color:#102028;border:0;padding:12px 18px;font-weight:800}.score-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.score-strip>div{background:#1d3039;border:1px solid #38545c;padding:12px;min-width:0}.score-strip span{display:block;font:700 .66rem ui-monospace,monospace;letter-spacing:.12em;color:#8eb5b3}.score-strip strong{display:block;font-size:clamp(1rem,3vw,1.6rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.game-layout{display:grid;grid-template-columns:minmax(0,600px) minmax(210px,1fr);gap:18px;align-items:start}.play-surface{position:relative;background:#08141b;border:1px solid #4a6c70;min-width:0;overflow:hidden;display:grid;place-items:center}canvas{display:block;width:100%;max-width:600px;height:auto;touch-action:none}.card-board{width:100%;display:grid;gap:8px;padding:14px;aspect-ratio:1;align-content:center;touch-action:manipulation}.card-board button{min-width:0;aspect-ratio:1;border:1px solid #61848d;background:#233a44;color:#e9fbf4;font-size:clamp(1rem,4vw,1.7rem);font-weight:800;border-radius:5px}.card-board .flipped,.card-board .revealed{background:#8de6d0;color:#10232a}.card-board .flagged{color:#f4cd84}.card-board .mine{background:#d66b6b;color:white}.overlay{position:absolute;inset:0;background:#08141bdc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:2}.overlay h2{font-size:clamp(1.8rem,6vw,3rem);margin:0 0 10px}.overlay p{line-height:1.5;max-width:320px}.cabinet-controls{display:flex;gap:8px}.cabinet-controls button,.touch-controls button{background:#273e47;border:1px solid #58737b;color:#eaf9f4;padding:12px 15px;min-height:50px;font-weight:700}.cabinet-controls button{flex:1}.game-aside{border:1px solid #365660;background:#1a2c35;padding:16px}.instructions,.session-note{color:#a8c2bf;font-size:.86rem;line-height:1.55}.instructions{margin:20px 0}.session-note{border-top:1px solid #3a565c;padding-top:16px;margin:20px 0 0}.touch-controls{display:flex;flex-wrap:wrap;gap:8px}.touch-controls button{flex:1;min-width:60px;touch-action:none}.difficulty-wrap{display:grid;gap:7px;font:700 .76rem ui-monospace,monospace;color:#a7d3c9;margin-top:16px}.difficulty-wrap select{background:#21343d;color:#eaf9f4;border:1px solid #5b797e;padding:10px}.card-board.mines{gap:2px;padding:8px}.card-board.mines button{font-size:clamp(.7rem,2.7vw,1.1rem);border-radius:2px}.card-board.memory button{font-size:clamp(1rem,5vw,2rem)}@media(max-width:760px){.game-layout{grid-template-columns:1fr}.game-aside{display:flex;flex-wrap:wrap;gap:12px}.cabinet-controls{width:100%}.instructions{flex:1;min-width:160px;margin:3px 0}.touch-controls{width:100%}.session-note{width:100%;margin:0}.game-heading{align-items:start;flex-direction:column}.score-strip{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
