/* 404 page and its hidden minesweeper */
.nf-page{padding-bottom:var(--s6)}
.nf-intro{padding:var(--s6) max(1.25rem,calc((100vw - var(--reading))/2)) var(--s4)}
.nf-intro h1{margin:0 0 1rem}
.nf-intro p{margin-bottom:1.6rem}
.nf-advice-title{margin:2.25rem 0 .9rem;font-size:var(--text-h3)}
.nf-advice{max-width:70ch;margin:0 0 2rem;padding-left:1.5em}
.nf-advice li{margin-block:.6rem;padding-left:.35em}
.nf-advice li::marker{font-family:Georgia,serif;font-weight:700}
.nf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.nf-actions .pill{gap:.45rem}

/* easter egg trigger — a quiet dot, not an advertised feature */
.ms-trigger{width:2.25rem;height:2.25rem;padding:0;border:.0625rem solid var(--color-border);border-radius:50%;background:transparent;color:var(--color-text-secondary);font:.8rem 'Open Sans',Arial,sans-serif;line-height:1;cursor:pointer;opacity:.45;transition:opacity var(--ease),border-color var(--ease),background var(--ease)}
.ms-trigger:hover,.ms-trigger:focus-visible{opacity:1;border-color:var(--color-accent-primary);background:var(--color-paper)}
.ms-trigger[aria-expanded=true]{width:auto;height:auto;padding:.5rem 1.1rem;border-radius:var(--pill);opacity:1}

.ms-panel{width:min(calc(100% - 2.5rem),var(--content));margin:var(--s4) auto 0}

.ms-board{overflow-x:auto;padding-bottom:.35rem}
.ms-grid{--ms-cell:1.6rem;--ms-cols:30;margin-inline:auto;display:grid;grid-template-columns:repeat(var(--ms-cols),var(--ms-cell));gap:2px;width:max-content;padding:10px;border:.0625rem solid var(--color-border);border-radius:.55rem;background:var(--color-soft)}
.ms-row{display:contents}
.ms-cell{width:var(--ms-cell);height:var(--ms-cell);padding:0;border:.0625rem solid var(--color-border);border-radius:.15rem;background:var(--color-bg);color:var(--color-text-primary);font:700 .8rem/1 Georgia,serif;cursor:pointer;display:grid;place-items:center;transition:background var(--ease),border-color var(--ease)}
.ms-cell:hover:not(.is-open){background:var(--color-paper);border-color:var(--color-accent-warm)}
.ms-cell.is-open{background:var(--color-bg);border-color:transparent;cursor:default}
.ms-cell.is-flag{color:var(--color-accent-primary)}
.ms-cell.is-mine{background:#f2d9d7;border-color:#b4544f}
.ms-cell.is-blast{background:#b4544f;border-color:#b4544f;color:#fff}
.ms-cell svg{width:.85rem;height:.85rem;fill:currentColor}

/* neighbour counts */
.ms-cell[data-n="1"]{color:#2f5d8c}.ms-cell[data-n="2"]{color:#3f6b45}
.ms-cell[data-n="3"]{color:#b4544f}.ms-cell[data-n="4"]{color:#4a3f8c}
.ms-cell[data-n="5"]{color:#8c5a2f}.ms-cell[data-n="6"]{color:#2f7d7d}
.ms-cell[data-n="7"]{color:#1a1a1a}.ms-cell[data-n="8"]{color:#777}

.ms-status{max-width:none;min-height:1.6rem;margin:.9rem 0 .35rem;text-align:center;font:1rem 'Open Sans',Arial,sans-serif}
.ms-status.is-win{color:#3f6b45}
.ms-status.is-loss{color:#b4544f}

@media(max-width:36rem){.ms-grid{--ms-cell:1.45rem}.ms-cell{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.ms-cell,.ms-trigger{transition:none}}