.minesweeper-root{font-family:var(--font-base);box-sizing:border-box;padding:12px}.minesweeper-root .info{font-size:14px}.board{background:color-mix(in srgb, var(--foreground) 2%, transparent);border-radius:calc(var(--radius-base) * 2);touch-action:manipulation;gap:6px;width:max-content;padding:8px;display:grid;overflow:visible}.cell{--cell-size:34px;width:var(--cell-size);height:var(--cell-size);border-radius:calc(var(--radius-base) * 1.5);color:var(--foreground);-webkit-user-select:none;user-select:none;background:linear-gradient(#2b2b2b,#232323);justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 2px #0009,inset 0 1px #00000005}.cell.revealed{color:#1f2937;background:linear-gradient(#e6e6e6,#dcdcdc);box-shadow:inset 0 -2px #0000000f}.cell.flagged{background:linear-gradient(#2b2b2b,#232323)}.cell.mine{background:linear-gradient(#ffefef,#ffdede)}.cell.mine-hit{background:linear-gradient(#ffb3b3,#ff8f8f);border:2px solid #ff5050b3;transform:scale(1.03)}.mine-emoji,.flag-emoji{font-size:18px}.count{font-weight:700}.count.c-1{color:#2b8cff}.count.c-2{color:#2bbf5e}.count.c-3{color:#ff6b6b}.count.c-4{color:#5b3eff}.count.c-5{color:#b45309}.count.c-6{color:#0891b2}.count.c-7{color:#374151}.count.c-8{color:#111827}.flag-mode-button{z-index:60;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:10px 14px;font-weight:700;display:none;position:fixed;bottom:90px;right:12px;box-shadow:0 8px 24px #0006}.flag-mode-toggle{display:inline-block}
.mc-grid{gap:10px;width:100%;display:grid}.mc-grid-4{grid-template-columns:repeat(4,1fr)}.mc-grid-6{grid-template-columns:repeat(6,1fr)}.mc-card-wrapper{perspective:800px;aspect-ratio:1}.mc-card{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;border-radius:calc(var(--radius-base) * 3);transition:transform .45s cubic-bezier(.4,0,.2,1);position:relative}.mc-card.flipped,.mc-card.matched{transform:rotateY(180deg)}.mc-card-face{border-radius:calc(var(--radius-base) * 3);backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mc-card-back{background:color-mix(in srgb, var(--foreground) 5%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);transform:rotateY(0);box-shadow:0 2px 8px #00000026}.mc-card-back-pattern{border-radius:calc(var(--radius-base) * 2);border:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);background:0 0;width:65%;height:65%}.mc-card-front{background:var(--page);border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);-webkit-user-select:none;user-select:none;font-size:1.75rem;transform:rotateY(180deg);box-shadow:0 2px 8px #00000026}.mc-card.matched .mc-card-front{border-color:color-mix(in srgb, var(--positive) 60%, transparent);background:color-mix(in srgb, var(--positive) 12%, var(--page))}.mc-card-wrapper:not(.mc-card.flipped):hover .mc-card:not(.flipped):not(.matched){transform:rotateY(8deg)scale(1.03)}.mc-timer-bar-wrap{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-radius:999px;width:100%;height:5px;margin-top:8px;overflow:hidden}.mc-timer-bar{background:var(--accent);border-radius:999px;height:100%;transition:width 1s linear,background .4s}.mc-timer-bar.warning{background:var(--negative)}.mc-diff-btn{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--foreground) 5%, transparent);color:var(--foreground);border-radius:calc(var(--radius-base) * 3.5);cursor:pointer;padding:10px 18px;font-size:.9rem;font-weight:700;transition:background .16s,border-color .16s}.mc-diff-btn:hover{background:color-mix(in srgb, var(--foreground) 8%, transparent);border-color:color-mix(in srgb, var(--foreground) 30%, transparent)}.mc-diff-btn.selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.mc-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.mc-stat-label{color:color-mix(in srgb, var(--foreground) 50%, transparent);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.mc-stat-value{color:color-mix(in srgb, var(--foreground) 92%, transparent);font-size:1.15rem;font-weight:800}.mc-stat-value.good{color:var(--positive)}.mc-stat-value.warn{color:var(--negative)}.mc-result-icon{font-size:3rem;animation:.4s cubic-bezier(.34,1.56,.64,1) mc-pop}@keyframes mc-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.mc-best-badge{background:color-mix(in srgb, var(--foreground) 5%, transparent);border:1px solid var(--glass-border);color:var(--foreground);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}