.mines-view{--mines-board-max:min(100%,max(360px,calc(100dvh - 292px)),690px);display:grid;gap:14px;grid-template-columns:minmax(230px,320px) minmax(0,1fr);height:calc(100dvh - 96px);margin:0 auto;max-width:1320px;min-height:0}.mines-panel,.mines-board-panel{background:rgba(246,250,242,.98);border:3px solid rgba(255,255,255,.72);border-radius:8px;box-shadow:var(--shadow)}.mines-panel{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;padding:16px}.mines-controls,.mines-presets,.mines-topline{display:grid;gap:10px}.mines-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mines-presets,.mines-topline{grid-template-columns:repeat(3,1fr)}.mines-controls label{background:linear-gradient(180deg,#fff,#f2f7ef);border:2px solid #d6e3d6;border-radius:8px;display:grid;gap:6px;padding:10px}.mines-controls span,.mines-topline span{font-size:11px;font-weight:900;text-transform:uppercase}.mines-controls span{color:var(--muted)}.mines-controls input{background:#fff;border:2px solid #d6e3d6;border-radius:8px;color:var(--ink);font-size:22px;font-weight:900;min-height:40px;padding:0 10px;width:100%}.mines-preset{min-height:40px;padding:0 8px}.mines-sound-button[aria-pressed=true]{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,246,237,.96)),linear-gradient(90deg,rgba(37,184,95,.14),transparent)}.mines-help{background:linear-gradient(90deg,rgba(255,208,76,.1),transparent),rgba(16,21,28,.94);border-radius:8px;color:#fff;display:grid;gap:8px;margin-top:auto;padding:10px}.mines-help span{align-items:center;display:flex;font-size:12px;font-weight:900;gap:8px;text-transform:uppercase}.mines-help kbd{background:linear-gradient(180deg,#fff,#dfe8e1);border-radius:6px;color:#111820;font-size:12px;min-width:58px;padding:5px 7px;text-align:center}.mines-board-panel{display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;overflow:hidden;padding:14px}.mines-topline>div{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),#10151c;border-radius:8px;color:#fff;min-width:0;padding:10px 12px}.mines-topline span{color:rgba(255,255,255,.66);display:block}.mines-topline strong{color:var(--gold);display:block;font-size:clamp(24px,3vw,30px);line-height:1;margin-top:5px}.mines-topline b{font:inherit}.mines-board{align-self:center;aspect-ratio:1;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent),#12191f;border:8px solid #10151c;border-radius:8px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),0 22px 44px rgba(8,14,18,.26);display:grid;gap:clamp(2px,.35rem,6px);grid-template-columns:repeat(var(--mines-size),minmax(0,1fr));grid-template-rows:repeat(var(--mines-size),minmax(0,1fr));justify-self:center;max-width:720px;padding:clamp(6px,1rem,14px);width:var(--mines-board-max)}.mines-cell{align-items:center;aspect-ratio:1;background:linear-gradient(145deg,#91a5a8,#52666b);border:1px solid rgba(255,255,255,.65);border-radius:5px;box-shadow:inset 0 -5px 0 rgba(12,18,22,.22);color:#fff;display:flex;font-size:clamp(12px,1.35vw,18px);font-weight:900;justify-content:center;line-height:1;min-height:0;min-width:0;padding:0;touch-action:manipulation}.mines-cell:hover{transform:translateY(-1px)}.mines-cell.revealed{background:linear-gradient(180deg,#edf2ec,#cbd6ce);box-shadow:inset 0 0 0 2px rgba(74,91,80,.15);color:#243024;cursor:default}.mines-cell.flagged{background:linear-gradient(180deg,#ffed98,var(--gold));color:#172017}.mines-cell.bomb,.mines-cell.bomb-found{background:linear-gradient(180deg,#2a333d,#111820);color:#ffd04c}.mines-cell.exploded{background:linear-gradient(180deg,#ff6b70,#e73e43);color:#fff}.mines-cell[data-count='1']{color:#2364d8}.mines-cell[data-count='2']{color:#15824d}.mines-cell[data-count='3']{color:#e73e43}.mines-cell[data-count='4'],.mines-cell[data-count='5'],.mines-cell[data-count='6'],.mines-cell[data-count='7'],.mines-cell[data-count='8']{color:#7c3fb0}.mines-result{background:linear-gradient(180deg,#fff,#f5f8f2);border:2px solid #d6e3d6;border-radius:8px;min-height:70px;padding:12px 14px}.mines-result strong{display:block;font-size:21px}.mines-result p{color:var(--muted);font-weight:700;line-height:1.4;margin:7px 0 0}.mines-result.won{border-color:rgba(37,184,95,.55)}.mines-result.won strong{color:#168345}.mines-result.lost{border-color:rgba(231,62,67,.55)}.mines-result.lost strong{color:#e73e43}@media (max-width:900px){.mines-view{--mines-board-max:min(100%,max(340px,calc(100dvh - 246px)),690px);grid-template-columns:1fr;height:auto}.mines-board-panel{min-height:620px}.mines-panel{overflow:visible}}@media (max-width:620px){.mines-view{--mines-board-max:min(100%,92vw,max(260px,calc(100dvh - 330px)))}.mines-topline,.mines-controls,.mines-presets{grid-template-columns:1fr}.mines-board-panel{min-height:0}.mines-board{border-width:5px;gap:2px;padding:6px}}