.mines{position:relative}.mines .score-box{display:flex;flex-direction:column;align-items:center;min-width:4.4rem;padding:.4rem .7rem;border-radius:.6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-weight:800;font-size:1.2rem;color:#fff}.mines .score-label{display:flex;align-items:center;gap:.22em;font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-magenta)}.mines .lvl-btn{font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:.4rem .85rem;border-radius:.55rem;color:#e7e7f399;border:1px solid rgba(255,255,255,.1);background:#ffffff08;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.mines .lvl-btn:hover{color:#fff;border-color:var(--color-magenta)}.mines .lvl-btn.is-active{color:#2a0716;background:var(--color-magenta);border-color:var(--color-magenta)}.mines-flagbtn .glyph{color:#e7e7f38c;transition:color .16s ease,text-shadow .16s ease}.mines-flagbtn.is-on{border-color:var(--color-magenta);color:#fff}.mines-flagbtn.is-on .glyph{color:var(--color-magenta);text-shadow:0 0 .5em var(--color-magenta)}.mines-hint{max-width:32rem;margin:1rem auto 0;text-align:center;text-wrap:balance;font-size:.875rem;line-height:1.6;color:#ffffff73}.mines-nb{white-space:nowrap}.mines-key{display:inline-block;font-family:var(--font-mono);font-feature-settings:"liga" 0;font-weight:700;font-size:.92em;line-height:1;letter-spacing:-.13em;padding:.16em .34em .16em .28em;border-radius:.3rem;background:#ffffff12;color:#8f88de;vertical-align:-.12em}.mines-key-f{letter-spacing:0;padding-inline:.36em;color:var(--color-magenta-soft)}.mines-scroll{overflow-x:auto}.mines-grid{display:grid;grid-template-columns:repeat(var(--cols, 9),1fr);gap:3px;background:#00000052;border-radius:.6rem;padding:.5rem;margin-inline:auto;width:fit-content;max-width:100%;touch-action:manipulation}.mines-cell{width:var(--cell, 30px);height:var(--cell, 30px);display:grid;place-items:center;border-radius:.3rem;font-family:var(--font-mono);font-feature-settings:"liga" 0;font-weight:800;line-height:1;font-size:calc(var(--cell, 30px) * .54);letter-spacing:-.06em;background:transparent;border:1px solid transparent;padding:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;color:transparent;transition:color .12s ease,text-shadow .16s ease,transform .08s ease}.mines-cell.covered{color:#7f78d4;font-size:calc(var(--cell, 30px) * .72);letter-spacing:-.13em;text-shadow:0 0 .3em rgba(139,127,240,.4)}.mines-cell.covered:hover{color:var(--color-violet-soft);text-shadow:0 0 .42em rgba(167,139,250,.85)}.mines-cell.covered:active{transform:scale(.9)}.mines-cell.revealed{background:#00000057;border-color:#ffffff08;cursor:default;color:#c7c7eb33}.mines-cell.flagged{color:var(--color-magenta);font-size:calc(var(--cell, 30px) * .62);text-shadow:0 0 .4em rgba(244,114,182,.8);background:#f472b612}.mines-cell.flag-ok{color:var(--color-lime);text-shadow:0 0 .45em rgba(163,230,53,.85);background:#a3e63514}.mines-cell.flag-wrong{color:#fb718580;font-size:calc(var(--cell, 30px) * .62);text-shadow:none;background:transparent}.mines-cell.mine{color:#fb7185;font-size:calc(var(--cell, 30px) * .68);text-shadow:0 0 .4em rgba(251,113,133,.75)}.mines-cell.mine-hit{color:#fff0f7;text-shadow:0 0 .35em var(--color-magenta),0 0 .9em var(--color-magenta);animation:mines-pop .45s ease}@keyframes mines-pop{0%{transform:scale(.55)}55%{transform:scale(1.22)}to{transform:scale(1)}}.mines-cell[data-n]{font-size:calc(var(--cell, 30px) * .56);letter-spacing:0}.mines-cell[data-n="1"]{color:#60a5fa}.mines-cell[data-n="2"]{color:#a3e635}.mines-cell[data-n="3"]{color:#f472b6}.mines-cell[data-n="4"]{color:#a78bfa}.mines-cell[data-n="5"]{color:#fbbf24}.mines-cell[data-n="6"]{color:#22d3ee}.mines-cell[data-n="7"]{color:#fb7185}.mines-cell[data-n="8"]{color:#e7e7f3}.mines-cell[data-n]{text-shadow:0 0 .4em currentColor}.mines-overlay{position:absolute;inset:0;border-radius:1rem;background:#07070edb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:5}@media(prefers-reduced-motion:reduce){.mines-cell{transition:none}.mines-cell.mine-hit{animation:none}}