.nm{width:100%;height:100%;container-type:size}.nm-in{--gap:clamp(4px, 1.6cqmin, 12px);--board:min(calc(100cqw - 20px), calc(100cqh - 108px), 560px);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,2cqmin,16px);width:100%;height:100%;padding:12px;display:flex}.nm-head{width:var(--board);justify-content:space-between;gap:6px;display:flex}.nm-stat{border:2px solid var(--line);background:var(--surface-raised);font:600 clamp(.62rem, 2.4cqmin, .85rem) / 1.15 var(--font-hud);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;flex:1;margin:0;padding:4px 8px;display:flex}.nm-stat strong{font:400 clamp(.95rem, 4.4cqmin, 1.6rem) / 1.1 var(--font-display);color:var(--text-main);letter-spacing:0}.nm-stat:first-child strong{color:var(--action)}.nm-board{width:var(--board);height:var(--board);background:var(--ink);border:2px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;flex:none;position:relative;box-shadow:0 0 0 2px #000,0 0 24px #9d6dff2e}.nm-slots,.nm-tiles{inset:var(--gap);position:absolute}.nm-slots{gap:var(--gap);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid}.nm-slot{background:var(--night);border:1px solid #3a2e6099}.nm-tile{--x:0;--y:0;--bg:var(--surface-raised);--fg:var(--text-main);--bd:var(--line);width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);box-sizing:border-box;background:var(--bg);color:var(--fg);border:2px solid var(--bd);font:400 calc(var(--board) * .1) / 1 var(--font-display);transform:translate(calc(var(--x) * (100% + var(--gap))), calc(var(--y) * (100% + var(--gap))));transition:transform .11s var(--ease);z-index:2;place-items:center;display:grid;position:absolute;top:0;left:0}.nm-tile[data-len="3"]{font-size:calc(var(--board) * .08)}.nm-tile[data-len="4"]{font-size:calc(var(--board) * .064)}.nm-tile.nm-gone{z-index:1}.nm-tile[data-v="2"]{--bg:var(--surface-raised);--bd:var(--line)}.nm-tile[data-v="4"]{--bg:var(--surface-hover);--bd:var(--electric-purple)}.nm-tile[data-v="8"]{--bg:var(--action);--fg:var(--ink);--bd:var(--action)}.nm-tile[data-v="16"]{--bg:var(--primary-lime);--fg:var(--ink);--bd:var(--primary-lime)}.nm-tile[data-v="32"]{--bg:var(--volt);--fg:var(--ink);--bd:var(--volt)}.nm-tile[data-v="64"]{--bg:var(--hot-pink);--fg:var(--ink);--bd:var(--hot-pink)}.nm-tile[data-v="128"]{--bg:var(--electric-purple);--fg:var(--ink);--bd:var(--electric-purple);box-shadow:0 0 14px #9d6dff8c}.nm-tile[data-v="256"]{--bg:var(--danger);--fg:var(--ink);--bd:var(--danger);box-shadow:0 0 14px #ff4a5780}.nm-tile[data-v="512"]{--bg:var(--text-main);--fg:var(--ink);--bd:var(--action);box-shadow:0 0 16px #3ee8ff99}.nm-tile[data-v="1024"]{--bg:var(--ink);--fg:var(--volt);--bd:var(--volt);border-width:3px;box-shadow:0 0 18px #f2ff3d8c,inset 0 0 12px #f2ff3d40}.nm-tile[data-v="2048"]{--bg:linear-gradient(135deg, var(--hot-pink), var(--electric-purple));--fg:var(--ink);--bd:var(--text-main);border-width:3px;box-shadow:0 0 22px #ff3d9ab3}.nm-tile.nm-new{animation:nm-pop .16s var(--ease) both}.nm-tile.nm-merged{animation:nm-merge .18s var(--ease)}@keyframes nm-pop{0%{opacity:0;scale:.4}}@keyframes nm-merge{50%{scale:1.12}}.nm-hint{max-width:var(--board);text-align:center;font:500 clamp(.62rem, 2.3cqmin, .85rem) / 1.3 var(--font-hud);color:var(--text-secondary);margin:0}@container (height<=460px){.nm-in{--board:min(calc(100cqw - 16px), calc(100cqh - 66px));gap:6px;padding:8px}.nm-hint{display:none}.nm-stat{flex-direction:row;justify-content:space-between;align-items:baseline;gap:4px}}.nm--still .nm-tile{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.nm-tile{transition:none;animation:none!important}}
