.mg-wrap{width:min(100%,440px,max(200px,100svh - 410px));margin:0 auto;position:relative}.mg-board{background:var(--ink);border-radius:var(--radius);touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;display:grid}.mg-tile{aspect-ratio:1;background:color-mix(in srgb,var(--surface)18%,var(--ink));font-family:var(--f-display);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;font-size:clamp(22px,7vw,38px);display:flex}.mg-tile.has{background:color-mix(in srgb,var(--accent)calc(var(--lvl)*8%),var(--surface));color:var(--ink);animation:.12s ease-out mg-pop}.mg-tile.has[style*="--lvl: 1"],.mg-tile.has[style*="--lvl: 2"]{color:var(--ink)}.mg-tile.big{font-size:clamp(18px,6vw,32px)}.mg-tile.huge{color:var(--accent-ink);background:var(--accent);font-size:clamp(15px,5vw,26px)}.mg-over{text-align:center;background:color-mix(in srgb,var(--surface)92%,transparent);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.mg-over p{margin:0}.mg-pad{justify-content:center}.mg-pad .btn{justify-content:center;min-width:52px;min-height:48px;font-size:20px}@keyframes mg-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mg-tile.has{animation:none}}