.mine-section{border-top:1px solid var(--line);padding-block:65px;background:#eeefeb}.mine-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.mine-copy h2{font-size:clamp(38px,4.5vw,65px);margin:22px 0 26px}.mine-copy>p:not(.eyebrow){max-width:370px;font-size:15px;line-height:1.8;color:var(--muted)}.mine-copy details{margin-top:25px;max-width:370px;font-size:12px;line-height:1.8;color:var(--muted)}.mine-copy summary{cursor:pointer;color:var(--ink);padding-block:10px}.mine-copy kbd{font:10px var(--mono);border:1px solid var(--line);padding:1px 4px;border-radius:3px}.minesweeper{max-width:440px;width:100%;justify-self:center}.mine-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.mine-meters{display:flex;gap:25px}.mine-meters>div{display:grid;gap:6px}.mine-meters span{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.mine-meters output{font:20px var(--mono);font-variant-numeric:tabular-nums}.mine-reset,.mine-flag-mode{border:1px solid #a8afa5;border-radius:30px;padding:10px 16px;background:transparent;font-size:11px;color:var(--ink);cursor:pointer;min-height:40px}.mine-reset:hover,.mine-flag-mode:hover{background:#e1e4dd}.mine-flag-mode.active{background:var(--ink);color:var(--paper)}.mine-board{padding:9px;background:#cdd3c7;border:1px solid #aeb7a6;box-shadow:0 8px 24px #2831260d}.mine-row{display:grid;grid-template-columns:repeat(var(--mine-size),minmax(0,1fr))}.mine-row>[role=gridcell]{min-width:0;padding:1.5px}.mine-cell{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:0;border:1px solid #aeb6a5;border-top-color:#fafbf6;border-left-color:#fafbf6;background:#e6e9df;color:var(--ink);font:600 clamp(12px,1.6vw,19px) var(--mono);cursor:pointer;user-select:none;touch-action:manipulation;border-radius:1px}.mine-cell:hover:not(.is-open){background:#f6f7f0}.mine-cell.is-open{background:#d6dbce;border-color:transparent;cursor:default}.mine-cell.is-mine{background:#c2a89a;border-color:transparent}.mine-cell.is-flagged{color:#685440}.mine-cell.is-wrong{color:#9b352e;background:#e4c9bc}.mine-cell[data-number="1"].is-open{color:#385f79}.mine-cell[data-number="2"].is-open{color:#406246}.mine-cell[data-number="3"].is-open{color:#93513e}.mine-cell[data-number="4"].is-open{color:#65527c}.mine-cell:focus-visible{outline:2px solid var(--ink);outline-offset:1px;position:relative;z-index:1}.mine-settings{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.mine-settings label{display:grid;gap:5px;font:8px var(--mono);letter-spacing:.6px;color:var(--muted)}.mine-level{border:0;border-bottom:1px solid #a8afa5;background:transparent;padding:5px 0;color:var(--ink);font:12px 'Helvetica Neue',Arial;max-width:200px}.mine-status{font-size:12px;line-height:1.7;color:var(--muted);min-height:42px;margin:18px 0 0}.mine-no-audio{display:block;font:8px var(--mono);letter-spacing:.7px;color:var(--muted);margin-top:25px}@media(max-width:750px){.mine-layout{grid-template-columns:1fr;gap:30px}.mine-section{padding-block:45px}.mine-copy h2{margin-block:18px;font-size:43px}.mine-copy>p:not(.eyebrow){max-width:100%;font-size:14px}.mine-copy details{max-width:100%;margin-top:15px}.minesweeper{max-width:420px}.mine-cell{font-size:16px}.mine-no-audio{margin-top:18px}}@media(max-width:380px){.mine-board{padding:5px}.mine-row>[role=gridcell]{padding:1px}.mine-settings{gap:8px}.mine-flag-mode,.mine-reset{padding-inline:12px}.mine-meters{gap:18px}}