.m3{max-width:420px;margin:0 auto}.m3-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:10px}.m3-stat{flex:1 1 72px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);text-align:center;line-height:1.2}.m3-stat span{display:block;font-size:var(--fs-xs);color:var(--muted)}.m3-stat b{font-size:19px;font-variant-numeric:tabular-nums}.m3-stat.is-hot b{color:var(--accent)}.m3-boardwrap{position:relative}.m3-board{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--sp-1);padding:var(--sp-2);border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none}.m3-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid transparent;border-radius:var(--r-sm);background:var(--panel);font-size:clamp(15px,5vw,22px);line-height:1;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.m3-cell.is-sel{border-color:var(--accent);transform:scale(.92)}.m3-cell.is-pop{transform:scale(.55);opacity:.35}.m3-cell.is-gone{opacity:0}.m3-g1{color:var(--hue-red)}.m3-g2{color:var(--hue-amber)}.m3-g3{color:var(--hue-green)}.m3-g4{color:var(--hue-sky)}.m3-g5{color:var(--hue-violet)}.m3-g6{color:var(--hue-pink)}.m3-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);text-align:center;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 88%,transparent)}.m3-over-title{font-size:var(--fs-xl);font-weight:700;margin:0}.m3-over-sub{color:var(--muted);margin:0}.m3-over-btns{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.m3-actions{display:flex;gap:var(--sp-2);margin-top:10px}.m3-actions .btn{flex:1}.m3-msg{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);min-height:1.4em}