.tic-icon{color:#185ac5;letter-spacing:.12em}.mines-icon{color:#b3263f;letter-spacing:.15em}
.tic-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,470px);margin:24px auto}.tic-board button{aspect-ratio:1;border:3px solid #bdd0e7;border-radius:18px;background:#f7faff;color:#185ac5;font-size:clamp(3rem,10vw,6rem);font-weight:1000;line-height:1;cursor:pointer}.tic-board button:hover:not(:disabled){border-color:#7040b8;background:#f5effd}.tic-board button:disabled{opacity:1;cursor:default}.tic-board button.o{color:#b3263f}.tic-board button.winning-cell{border-color:#25a263;background:#e6faee;box-shadow:0 0 0 4px #25a2632b}
.mine-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.mine-levels label{cursor:pointer}.mine-levels input{position:absolute;opacity:0;pointer-events:none}.mine-levels span{display:grid;gap:5px;height:100%;padding:18px;border:3px solid #d3dfed;border-radius:16px;background:#f8fbff}.mine-levels strong{font-size:1.15rem}.mine-levels small{color:#5d7188;font-weight:750}.mine-levels input:checked+span{border-color:#185ac5;background:#eaf3ff;box-shadow:0 0 0 3px #185ac526}.mine-levels input:focus-visible+span{outline:3px solid #f0b429;outline-offset:2px}
.mines-panel{max-width:100%}.mine-stats{display:flex;justify-content:center;gap:14px;margin:14px auto}.mine-stats span{min-width:120px;padding:9px 13px;border-radius:12px;background:#edf4fd;color:#526980;font-weight:850}.mine-stats strong{margin-left:6px;color:#173f88;font-size:1.25rem}.mine-actions{display:flex;justify-content:center;gap:9px;margin:12px auto 16px}.mine-actions button{padding:10px 16px;border:2px solid #bfd0e5;border-radius:11px;background:#fff;color:#314c6b;font-weight:900;cursor:pointer}.mine-actions button.selected{border-color:#185ac5;background:#185ac5;color:#fff}.mines-board{display:grid;grid-template-columns:repeat(var(--mine-columns),minmax(0,1fr));gap:3px;width:min(100%,var(--mine-board-size));margin:0 auto;padding:8px;border:2px solid #c9d8e8;border-radius:15px;background:#dce7f3;user-select:none;touch-action:manipulation}.mines-board button{display:grid;place-items:center;min-width:0;aspect-ratio:1;border:0;border-radius:5px;background:linear-gradient(145deg,#fff,#dbe8f6);color:#173f88;font-size:clamp(.76rem,2.5vw,1.1rem);font-weight:1000;box-shadow:inset 0 -3px #aec3db;cursor:pointer}.mines-board button:hover:not(:disabled){filter:brightness(.96)}.mines-board button.revealed{background:#f7f9fb;box-shadow:none;color:#30465f;cursor:default}.mines-board button.flagged{color:#b3263f;background:#fff3f5}.mines-board button.mine{color:#fff;background:#c62c43;font-size:1.25rem}.mines-board button[data-number="1"]{color:#1769d2}.mines-board button[data-number="2"]{color:#21834d}.mines-board button[data-number="3"]{color:#c02d40}.mines-board button[data-number="4"],.mines-board button[data-number="5"],.mines-board button[data-number="6"],.mines-board button[data-number="7"],.mines-board button[data-number="8"]{color:#6b2aa0}.mines-board.dense{gap:2px;padding:6px}.mines-board.dense button{border-radius:3px;font-size:.78rem}
@media(max-width:650px){.mine-levels{grid-template-columns:1fr}.tic-board{width:min(100%,390px)}.mine-stats{gap:7px}.mine-stats span{min-width:0;flex:1}.mine-actions button{flex:1}.mines-board{padding:5px;gap:2px}}