.mfl{position:absolute;inset:0;container-type:size;user-select:none;-webkit-user-select:none}.mfl-in{height:100%;display:flex;flex-direction:column;gap:2cqh;padding:3.5cqw}.mfl-hud{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:space-between}.mfl-stats,.mfl-actions{display:flex;gap:6px;align-items:center}.mfl-stat{min-width:52px;padding:3px 8px;border-radius:var(--rounded-sm);background:var(--color-canvas-soft-2);text-align:center;line-height:1.2}.mfl-stat span{display:block;font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-mute)}.mfl-stat b{font-size:15px;font-variant-numeric:tabular-nums;color:var(--color-ink)}.mfl-stat.is-hot{background:color-mix(in srgb,var(--color-cat) 22%,var(--color-canvas-soft-2));box-shadow:inset 0 0 0 var(--border-w) color-mix(in srgb,var(--color-cat) 50%,transparent)}.mfl-stat.is-hot b{font-family:var(--font-display);font-weight:var(--display-weight);font-size:calc(17px * var(--display-scale))}.mfl-btn,.mfl-select{height:30px;padding:0 9px;border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);background:var(--color-canvas);color:var(--color-ink);font:inherit;font-size:13px;font-weight:500;cursor:pointer}.mfl-select{padding:0 4px}.mfl-btn:hover,.mfl-tool:hover,.mfl-mode:hover{background:var(--color-canvas-soft-2)}.mfl-btn:focus-visible,.mfl-select:focus-visible,.mfl-tool:focus-visible,.mfl-mode:focus-visible,.mfl-board:focus-visible{outline:2px solid var(--color-cat);outline-offset:2px}.mfl-board-wrap{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size}.mfl-board{display:grid;gap:2px;padding:5px;box-sizing:border-box;grid-template-columns:repeat(var(--mfl-c),minmax(0,1fr));grid-template-rows:repeat(var(--mfl-r),minmax(0,1fr));width:min(100cqw,100cqh * var(--mfl-c) / var(--mfl-r));aspect-ratio:var(--mfl-c) / var(--mfl-r);border-radius:var(--rounded-lg);background:color-mix(in srgb,var(--color-cat) 14%,var(--color-canvas-soft-2));touch-action:none;-webkit-touch-callout:none}@container (min-aspect-ratio: 1/1){.mfl-board{grid-auto-flow:column;grid-template-columns:repeat(var(--mfl-r),minmax(0,1fr));grid-template-rows:repeat(var(--mfl-c),minmax(0,1fr));width:min(100cqw,100cqh * var(--mfl-r) / var(--mfl-c));aspect-ratio:var(--mfl-r) / var(--mfl-c)}}.mfl-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;container-type:size;border-radius:22%;cursor:pointer;background:color-mix(in srgb,var(--color-cat) 42%,var(--color-canvas-soft-2));box-shadow:inset 0 -2px color-mix(in srgb,var(--color-cat) 55%,var(--color-ink) 20%);font-family:var(--font-display);font-weight:var(--display-weight);line-height:1}.mfl-cell span{font-size:calc(68cqh * var(--display-scale))}.mfl-board:not(.is-over) .mfl-cell:not(.is-open):hover{background:color-mix(in srgb,var(--color-cat) 55%,var(--color-canvas-soft-2))}.mfl-cell.is-open{background:var(--color-canvas);box-shadow:none;cursor:default}.mfl-cell.n1{color:var(--color-cat)}.mfl-cell.n2{color:var(--color-ink)}.mfl-cell.n3{color:var(--color-warning)}.mfl-cell.n4{color:color-mix(in oklab,var(--color-warning),var(--color-error))}.mfl-cell.n5{color:var(--color-error)}.mfl-cell.n6,.mfl-cell.n7,.mfl-cell.n8{color:color-mix(in oklab,var(--color-error) 70%,var(--color-ink))}.mfl-cell.is-flag:after{content:"";width:40%;aspect-ratio:1;transform:rotate(45deg);border-radius:12%;background:var(--color-warning);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--color-ink) 35%,transparent)}.mfl-cell.is-wrong:after{opacity:.45}.mfl-cell.is-wrong:before{content:"";position:absolute;width:70%;height:9%;border-radius:9px;background:var(--color-error);transform:rotate(-45deg);z-index:1}.mfl-cell.is-mine{background:color-mix(in srgb,var(--color-cat) 18%,var(--color-canvas));box-shadow:none}.mfl-cell.is-mine:after{content:"";width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--color-ink) 0 24%,transparent 26% 52%,var(--color-ink) 54% 66%,transparent 68%)}.mfl-cell.is-boom{background:var(--color-error)}.mfl-cell.is-boom:after{background:radial-gradient(circle,var(--color-canvas) 0 24%,transparent 26% 52%,var(--color-canvas) 54% 66%,transparent 68%)}.mfl-cell.is-cur{outline:2px solid var(--color-ink);outline-offset:-1px;z-index:1}.mfl-cell.is-hinted{animation:mfl-hint .9s ease-out}.mfl-cell.is-wave{animation:mfl-wave .45s ease-out var(--mfl-delay, 0ms) both}@keyframes mfl-hint{0%,40%{box-shadow:inset 0 0 0 3px var(--color-success)}to{box-shadow:inset 0 0 0 0 transparent}}@keyframes mfl-wave{0%{transform:scale(1)}40%{transform:scale(.75)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mfl-cell.is-hinted,.mfl-cell.is-wave{animation:none}}.mfl-paused{position:absolute;inset:0;display:none;align-items:center;justify-content:center;border-radius:var(--rounded-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--color-canvas) 55%,transparent);font-family:var(--font-display);font-size:22px;color:var(--color-ink)}.mfl-board-wrap.is-paused .mfl-paused{display:flex}.mfl-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px}.mfl-tool,.mfl-mode{min-width:0;height:40px;border:1px solid var(--color-hairline);border-radius:var(--rounded-sm);background:var(--color-canvas);color:var(--color-ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer}.mfl-tool:disabled{opacity:.45;cursor:default}.mfl-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;background:var(--color-canvas-soft-2)}.mfl-mode span{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:calc(var(--rounded-sm) - 2px);color:var(--color-mute)}.mfl-mode-flag:before{content:"";width:9px;aspect-ratio:1;transform:rotate(45deg);border-radius:1px;background:var(--color-warning)}.mfl-mode[aria-pressed=false] .mfl-mode-dig,.mfl-mode[aria-pressed=true] .mfl-mode-flag{background:var(--color-canvas);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-cat)}.mfl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@container (min-aspect-ratio: 5/4){.mfl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,30cqw);grid-template-rows:auto 1fr;gap:2cqh 3cqh;padding:2cqh}.mfl-board-wrap{grid-column:1;grid-row:1 / 3}.mfl-hud{grid-column:2;grid-row:1;flex-direction:column;align-items:stretch}.mfl-stats,.mfl-actions{flex-wrap:wrap}.mfl-tools{grid-column:2;grid-row:2;grid-template-columns:1fr 1fr;align-content:center}.mfl-mode{grid-column:1 / 3}}@container (max-height: 300px){.mfl-stat span,.mfl-stat[data-s=best]{display:none}.mfl-hud,.mfl-stats,.mfl-actions,.mfl-tools{gap:4px}.mfl-stat{min-width:40px;padding:2px 6px}.mfl-btn,.mfl-select{height:26px;padding:0 6px;font-size:12px}.mfl-tool,.mfl-mode{height:32px;font-size:12px}}