.g-minesweeper{--ms-hi:#ffffff;--ms-lo:#8a8f8c;--ms-hidden:#cfd3d0;--ms-open:#e6e8e4;--ms-grid:#b5bab6;--ms-n1:#1a3fd6;--ms-n2:#167a16;--ms-n3:#d11a1a;--ms-n4:#0a0a80;--ms-n5:#800000;--ms-n6:#007575;--ms-n7:#111111;--ms-n8:#666a68;--ms-boom:#f0a9a3;--ms-cell:32px;--ms-cols:9;display:grid;grid-template-columns:repeat(var(--ms-cols),var(--ms-cell));width:max-content;max-width:100%;margin:4px auto;touch-action:manipulation;outline:none;border:2px solid var(--ms-lo);background:var(--ms-grid)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .g-minesweeper{--ms-hi:#5d6560;--ms-lo:#0d100e;--ms-hidden:#3b423e;--ms-open:#232825;--ms-grid:#171a18;--ms-n1:#6f9bff;--ms-n2:#4cc26b;--ms-n3:#ff6b6b;--ms-n4:#9aa6ff;--ms-n5:#e0806f;--ms-n6:#3cc9c9;--ms-n7:#e8ece9;--ms-n8:#a3aaa6;--ms-boom:#7a2a25}}:root[data-theme=dark] .g-minesweeper{--ms-hi:#5d6560;--ms-lo:#0d100e;--ms-hidden:#3b423e;--ms-open:#232825;--ms-grid:#171a18;--ms-n1:#6f9bff;--ms-n2:#4cc26b;--ms-n3:#ff6b6b;--ms-n4:#9aa6ff;--ms-n5:#e0806f;--ms-n6:#3cc9c9;--ms-n7:#e8ece9;--ms-n8:#a3aaa6;--ms-boom:#7a2a25}.g-minesweeper:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.g-minesweeper .ms-cell{width:var(--ms-cell);height:var(--ms-cell);display:grid;place-items:center;position:relative;font:700 calc(var(--ms-cell) * .62)/1 var(--mono);color:var(--ink);cursor:pointer;overflow:hidden}.g-minesweeper .ms-cell.is-hidden{background:var(--ms-hidden);box-shadow:inset calc(var(--ms-cell) * .09)calc(var(--ms-cell) * .09)0 var(--ms-hi),inset calc(var(--ms-cell) * -.09)calc(var(--ms-cell) * -.09)0 var(--ms-lo)}.g-minesweeper .ms-cell.is-open{background:var(--ms-open);box-shadow:inset 0 0 0 .5px var(--ms-grid);cursor:default}.g-minesweeper .ms-cell.is-boom{background:var(--ms-boom)}.g-minesweeper .ms-cell svg{width:66%;height:66%;display:block}.g-minesweeper .ms-cell.is-mine{color:var(--ink)}.g-minesweeper .ms-cell.is-flag,.g-minesweeper .ms-cell.is-wrong{color:var(--ink)}.g-minesweeper .ms-cross{position:absolute;inset:0}.g-minesweeper .ms-cross::before,.g-minesweeper .ms-cross::after{content:"";position:absolute;left:12%;right:12%;top:50%;height:2px;background:#d9362b;transform:rotate(45deg)}.g-minesweeper .ms-cross::after{transform:rotate(-45deg)}.g-minesweeper .n1{color:var(--ms-n1)}.g-minesweeper .n2{color:var(--ms-n2)}.g-minesweeper .n3{color:var(--ms-n3)}.g-minesweeper .n4{color:var(--ms-n4)}.g-minesweeper .n5{color:var(--ms-n5)}.g-minesweeper .n6{color:var(--ms-n6)}.g-minesweeper .n7{color:var(--ms-n7)}.g-minesweeper .n8{color:var(--ms-n8)}.g-minesweeper .ms-cell.ms-cursor{outline:3px solid transparent}.g-minesweeper:focus .ms-cell.ms-cursor{outline-color:var(--focus);outline-offset:-3px;z-index:1}@media(hover:hover){.g-minesweeper .ms-cell.is-hidden:hover{filter:brightness(1.08)}}.ms-custom{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.ms-custom[hidden]{display:none}.ms-custom__f{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;color:var(--muted)}.ms-custom input{width:4.2em;min-height:40px;padding:0 6px;font:inherit;font-size:.95rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}