/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.g-mines{padding-block:var(--s3) var(--s7)}.g-mines__intro{margin-bottom:var(--s3)}.g-mines__intro h1{font-size:24px}.g-mines__intro p{margin-top:var(--s1);max-width:60ch}.g-mines__note{margin-bottom:var(--s3)}.g-mines__game{display:grid;gap:var(--s3);grid-template-areas:"bar" "board" "actions" "result" "tools";max-width:1280px;padding:var(--s2) var(--s1);position:relative}@media (min-width:400px){.g-mines__game{padding:var(--s3)}}@media (min-width:720px){.g-mines__game{padding:var(--s5)}}.g-mines__game:focus{outline:none}.g-mines__bar{align-items:end;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);grid-area:bar;padding-inline:var(--s1)}.g-mines__bar .stat__value{font-size:18px}.g-mines__level{display:grid;flex:1 1 100%;gap:2px}@media (min-width:560px){.g-mines__level{flex:0 1 auto}}.g-mines__select{background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);font:inherit;font-size:15px;max-width:100%;min-height:44px;padding:0 var(--s3)}.g-mines__size-btn{padding-inline:12px}.g-mines__ng{align-items:center;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:var(--s2);min-height:44px}.g-mines__ng input{accent-color:var(--ink);height:20px;margin:0;width:20px}.g-mines__ng:has(input:disabled){color:var(--ink-2);cursor:default}.g-mines__bar-note{flex-basis:100%;font-size:14px}.g-mines__replay{align-self:center}.g-mines__pause-btn{margin-left:auto;min-width:88px;padding-inline:12px}.g-mines__scroller{container-type:inline-size;grid-area:board;overflow:auto;overscroll-behavior-x:contain;position:relative}.g-mines__finding{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink);display:none;font-size:18px;font-weight:700;inset:0;place-content:center;position:absolute;text-align:center}.g-mines__game.is-finding .g-mines__finding{display:grid}.g-mines__board{--cell:clamp(28px,calc((100cqi - 3px)/var(--cols, 9) - 1px),40px);-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:var(--deep);border:2px solid var(--deep);flex-direction:column;margin-inline:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none;width:max-content}.g-mines__board,.g-mines__row{display:flex;gap:1px}.g-mines__cell{background:var(--field);color:var(--deep);cursor:pointer;display:grid;font-size:calc(var(--cell)*.58);font-variant-numeric:tabular-nums;font-weight:800;height:var(--cell);line-height:1;place-items:center;position:relative;width:var(--cell)}.g-mines__cell:focus{outline:none}.g-mines__cell:focus-visible{outline:3px solid var(--deep);outline-offset:-5px;z-index:1}.g-mines__cell.is-mine,.g-mines__cell.is-number,.g-mines__cell.is-wrong-flag{background:var(--light);cursor:default}.g-mines__cell.is-exploded{background:var(--state-wrong);color:#fff}.g-mines__cell.is-miss{background:color-mix(in srgb,var(--field) 55%,var(--light))}.g-mines__board.is-locked .g-mines__cell{cursor:default}.g-mines__board.is-comfortable{--cell:44px}.g-mines__icon{fill:currentColor;aspect-ratio:1;height:auto;pointer-events:none;width:64%}.g-mines__cell .g-mines__icon+.g-mines__icon{color:var(--state-wrong);position:absolute;width:72%}.g-mines__q{font-weight:800}.g-mines__n{color:color-mix(in srgb,var(--field) 60%,var(--deep))}.g-mines__n.is-d40{color:color-mix(in srgb,var(--field) 40%,var(--deep))}.g-mines__n.is-d30{color:color-mix(in srgb,var(--field) 30%,var(--deep))}.g-mines__n.is-deep{color:var(--deep)}.g-mines__actions{display:flex;gap:var(--s2);grid-area:actions;justify-content:center;padding-inline:var(--s1)}.g-mines__actions .btn{touch-action:manipulation}.g-mines__flag-btn{gap:6px}.g-mines__flag-btn .g-mines__icon{width:20px}.g-mines__flag-btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.g-mines__tools{display:flex;gap:var(--s2);grid-area:tools;justify-content:center}.g-mines__result{background:var(--surface-2);border-radius:12px;display:grid;gap:var(--s3);grid-area:result;padding:var(--s4)}.g-mines__result[hidden]{display:none}.g-mines__result .fig dd{font-size:24px}.g-mines__game.is-paused .g-mines__actions,.g-mines__game.is-paused .g-mines__scroller{visibility:hidden}.g-mines__pause{align-content:center;border-radius:0;grid-area:board;inset:auto;min-height:240px;padding:var(--s5);position:relative}.g-mines__game>.g-mines__start{grid-area:board;inset:auto;position:relative;z-index:2}@media (max-height:599px),(max-width:719px){.g-mines__game:not(.is-play-mode) :is(.g-mines__pause-btn,.g-mines__flag-btn){display:none}.g-mines__game.is-play-mode{grid-template-rows:auto minmax(0,1fr) auto auto}.is-play-mode .g-mines__bar{align-items:center}.is-play-mode .g-mines__bar .play-close{margin-left:0}.is-play-mode .g-mines__scroller{align-content:safe center;container-type:size;display:grid;min-height:0}.is-play-mode .g-mines__board{--cell:clamp(28px,min(calc((100cqi - 3px)/var(--cols, 9) - 1px),calc((100cqh - 3px)/var(--rows, 9) - 1px)),40px)}}@media (orientation:landscape) and (max-height:599px){.g-mines__game.is-play-mode{grid-template-areas:"board bar" "board actions" "board result";grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);grid-template-rows:auto auto minmax(0,1fr)}}.g-mines__dlg .fig dd{font-size:22px}.g-mines__stats-levels{flex-wrap:wrap;margin-bottom:var(--s4)}.g-mines__stats-levels span{min-width:0;padding-inline:10px}.g-mines__reset{margin-top:var(--s5)}.g-mines__reset p{font-weight:600}.g-mines__settings{display:grid}.g-mines__settings label{align-items:center;cursor:pointer;display:flex;gap:var(--s3);min-height:44px}.g-mines__settings input{accent-color:var(--ink);flex:none;height:20px;margin:0;width:20px}.g-mines__choice{border:0;margin:var(--s3) 0 0;padding:0}.g-mines__choice legend{font-weight:600;padding:0}.g-mines__custom{display:grid;gap:var(--s1)}.g-mines__custom label{font-weight:600;margin-top:var(--s3)}.g-mines__custom input{background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;color:var(--ink);font:inherit;font-size:16px;min-height:44px;padding:0 var(--s3)}.g-mines__custom input[aria-invalid=true]{border:2px solid var(--state-wrong)}.g-mines__err{color:var(--state-wrong);font-size:14px;font-weight:600}.g-mines__custom .dlg__actions{margin-top:var(--s4)}.g-mines__about{margin-top:var(--s6);max-width:62ch}.g-mines__about h2{margin:var(--s6) 0 var(--s3)}.g-mines__about h2:first-child{margin-top:0}.g-mines__about ol{margin:var(--s3) 0 0;padding-left:1.25em}.g-mines__about li+li{margin-top:6px}.g-mines__keys{border-collapse:collapse;font-size:15px}.g-mines__keys td,.g-mines__keys th{border-bottom:1px solid var(--line);padding:6px var(--s4) 6px 0;text-align:left;vertical-align:top}.g-mines__keys th{font-weight:600;white-space:nowrap}