.page{--ms-paper: #F3F1EB;--ms-frame: #C3CDD7;--ms-hidden: #8092A6;--ms-hi: #CFDAE5;--ms-lo: #5F7288;--ms-open: #F7F8F9;--ms-ink: #23262C;--ms-flag: #C8362A;--ms-n1: #2F5FB5;--ms-n2: #146B41;--ms-n3: #C8362A;--ms-n4: #1F3A8A;--ms-n5: #7A3E12;--ms-n6: #0F7B7B;--ms-n7: #23262C;--ms-n8: #6F6356}@media (min-width: 900px){.page.page{max-width:1000px}}.game-title,.panel h2,.banner h2{font-family:var(--font-round);font-weight:600}.board-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:var(--ms-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-3)}.ms-scroll{width:100%;max-width:100%;container-type:inline-size;overflow-x:auto;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch}.ms{--cell: clamp(var(--cell-min, 28px), calc((100cqw - 4px - 2px * (var(--cols) - 1)) / var(--cols)), 40px);width:max-content;margin:0 auto;display:grid;grid-template-columns:repeat(var(--cols),var(--cell));gap:2px;background:var(--ms-frame);border:2px solid var(--ms-frame);border-radius:var(--radius-sm);user-select:none;-webkit-user-select:none}.ms-cell{width:var(--cell);height:var(--cell);border:0;padding:0;border-radius:2px;background:var(--ms-hidden);box-shadow:inset 2px 2px 0 var(--ms-hi),inset -2px -2px 0 var(--ms-lo);color:var(--ms-ink);font-family:var(--font-round);font-size:max(10px, calc(var(--cell) * .55));font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-touch-callout:none}.ms-cell:hover{background:var(--ms-hi)}.ms-cell.open{background:var(--ms-open);box-shadow:none;cursor:default}.ms-cell.open:hover{background:var(--ms-open)}.ms-cell.n1{color:var(--ms-n1)}.ms-cell.n2{color:var(--ms-n2)}.ms-cell.n3{color:var(--ms-n3)}.ms-cell.n4{color:var(--ms-n4)}.ms-cell.n5{color:var(--ms-n5)}.ms-cell.n6{color:var(--ms-n6)}.ms-cell.n7{color:var(--ms-n7)}.ms-cell.n8{color:var(--ms-n8)}.ms-cell.flag{background:var(--ms-paper);color:var(--ms-flag)}.ms-cell.flag:hover{background:var(--ms-open)}.ms-cell.flag.wrong{color:var(--ms-ink);text-decoration:line-through}.ms-cell.mine{color:var(--ms-ink)}.ms-cell.exploded,.ms-cell.exploded:hover{background:var(--ms-flag);color:var(--ms-open);box-shadow:none}.ms-cell.last{outline:2px solid var(--color-accent);outline-offset:-2px}.ms-cell.pop{animation:rh-pop .2s var(--ease) backwards}.ms-cell.boom{animation:rh-flash .16s var(--ease) 4}.ms-cell:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px;z-index:1}.ms--over .ms-cell{cursor:default}.btn.ms-mode--on,.btn.ms-mode--on:hover{background:var(--ms-flag);color:var(--ms-open);border-color:var(--ms-flag)}.chip strong{font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 480px){.board-wrap{padding:var(--space-2)}}@media (max-width: 360px){}@media (orientation: landscape) and (max-height: 480px){.board-wrap{padding:var(--space-2)}.ms{--cell: clamp(var(--cell-min-l, 24px), min(calc((100cqw - 4px - 2px * (var(--cols) - 1)) / var(--cols)), calc((100vh - 92px - 2px * (var(--rows, var(--cols)) - 1)) / var(--rows, var(--cols)))), 40px)}}