html,body{max-width:100%;overflow-x:hidden}.game-shell{max-width:820px;padding-top:22px}.intro{margin:0 0 18px}.intro h1{font:700 32px/1.2 system-ui,sans-serif;margin:0 0 8px}.intro p{margin:0;font-size:15px}.mine-layout{display:block}.mine-layout>.panel{padding:18px;background:#223439;border-radius:8px}.toolbar{gap:8px;margin:0 0 12px}.toolbar label{font-size:14px;gap:8px}.toolbar button,.toolbar select{min-height:40px;padding:8px 12px;font-size:14px;border-radius:5px}.field-readout{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;margin:0 0 12px;background:#142327;border:1px solid #40585b;border-radius:4px;color:#b9cbc9;font:12px/1.4 system-ui}.field-readout strong{display:block;color:#f5edd9;font:bold 24px/1.3 ui-monospace,monospace;font-variant-numeric:tabular-nums}.status{font:14px/1.4 system-ui;margin:10px 0;min-height:20px}.legend{font-size:13px;color:var(--muted)}.crystal-icon{color:#ecc879;font-size:19px}.mine-viewport{max-width:100%;max-height:740px;overflow:auto;border:1px solid #526566;background:#18272a;padding:10px;touch-action:pan-x pan-y;border-radius:4px}.mine-board{display:grid;grid-template-columns:repeat(var(--cols),40px);gap:2px;width:max-content;margin:auto}.cell{width:40px;height:40px;min-height:0;padding:0;border:1px solid #82928b;border-top:2px solid #a0aea1;border-left:2px solid #a0aea1;border-bottom:3px solid #3c514b;border-right:3px solid #3c514b;border-radius:2px;background:#607568;font:bold 23px/1 ui-monospace,monospace;color:#f8dfa0;box-shadow:none;touch-action:manipulation}.cell:hover:not(:disabled){background:#798c7a}.cell:active:not(:disabled){border-width:1px;background:#53665b}.cell.open{border:1px solid #354b4d;background:#263a3d;color:#9ac9f2;box-shadow:none}.cell.open.n2{color:#9bd8a1}.cell.open.n3{color:#ffaaa0}.cell.open.n4{color:#c9b4f4}.cell.open.n5{color:#e5b68f}.cell.open.n6{color:#94dddd}.cell.open.n7,.cell.open.n8{color:#eeeece}.cell.flag{color:#ffe1a0}.cell.wrong{color:#ffa394}.cell:disabled{opacity:1;cursor:default}.cell.n0{color:transparent}.help{margin-top:18px;font-size:14px}#flag-mode[aria-pressed=true]{background:var(--gold);color:#173135;border-color:var(--gold)}@media(max-width:650px){.game-shell{padding:16px 10px}.mine-layout>.panel{padding:10px}.mine-board{grid-template-columns:repeat(var(--cols),36px)}.cell{width:36px;height:36px;font-size:21px}.mine-viewport{padding:6px}.field-readout{gap:10px;padding:8px}.field-readout strong{font-size:20px}.legend{display:none}}
.cell.mine{position:relative;color:#e8d6a6;overflow:visible;background:#243c3d}
.mine-icon{width:28px;height:28px;display:block;margin:auto;overflow:visible}
.cell.mine.hit{background:#873e32;border:2px solid #ffd18a;box-shadow:inset 0 0 0 1px #402b29}
.cell.mine .correct-flag{position:absolute;right:1px;bottom:0;font-size:13px;color:#f4dc99;text-shadow:0 1px #14282e}
.cell.detonated{z-index:3;animation:mine-tile-impact 480ms ease-out}
.detonated .mine-icon{animation:mine-impact 650ms ease-out}
.mine-reveal .mine-icon{animation:mine-reveal 280ms var(--reveal-delay,0ms) ease-out both}
.mine-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.blast-flare,.blast-ring,.blast-spark{position:absolute;display:block;opacity:0;pointer-events:none}
.blast-flare{width:50px;height:50px;left:-25px;top:-25px;background:#ffdf90;clip-path:polygon(50% 0,61% 29%,86% 8%,76% 38%,100% 50%,73% 60%,88% 89%,61% 75%,50% 100%,39% 73%,11% 90%,25% 61%,0 50%,29% 39%,12% 12%,40% 28%);animation:blast-flare 650ms ease-out both}
.blast-ring{width:32px;height:32px;left:-16px;top:-16px;border:3px solid #ffb966;border-radius:50%;animation:blast-ring 850ms ease-out both}
.blast-spark{width:7px;height:4px;left:-3px;top:-2px;border-radius:2px;background:#ffd58a;animation:blast-spark 750ms ease-out both}
@keyframes mine-tile-impact{0%,100%{transform:translate(0,0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,0)}}
@keyframes mine-impact{0%{transform:scale(1)}20%{transform:scale(1.22) rotate(-9deg)}50%{transform:scale(.85) rotate(7deg)}100%{transform:scale(1) rotate(0)}}
@keyframes mine-reveal{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@keyframes blast-flare{0%{opacity:0;transform:scale(.15) rotate(-15deg)}18%{opacity:.95;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1.5) rotate(20deg)}}
@keyframes blast-ring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(3.5)}}
@keyframes blast-spark{0%{opacity:1;transform:translate(0,0) rotate(var(--turn))}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.2)}}
@media(prefers-reduced-motion:reduce){.cell.detonated,.detonated .mine-icon,.mine-reveal .mine-icon{animation:none}.mine-burst{display:none}}