/* Stage D: the tumble machine (js/am-tumble.js). Classes prefixed amt-. Six columns must fit a 390 px phone: cells 46 px. */
.am-grid[style*="--cols:6"]{--cell:56px;gap:5px;padding:8px}
.am-grid[style*="--cols:6"] .am-sym{font-size:30px}.am-grid[style*="--cols:6"] .am-sym.am-s7{font-size:34px}
.amt-orbcell{background:radial-gradient(circle at 50% 40%,#5a2c8f,#1a0a30 75%)}
.amt-orb{display:inline-block;min-width:38px;padding:4px 3px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e9c6ff,#8a3ddb 55%,#3b1370);color:#fff;font:700 15px/1 "Barlow Condensed",sans-serif;text-shadow:0 1px 2px #000;box-shadow:0 0 8px #b07cff;box-sizing:border-box}
.am-cell.amt-glow{box-shadow:0 0 0 3px #d9a6ff,0 0 16px #b07cff;animation:amtGlow .5s ease-in-out infinite alternate}
.am-cell.amt-pop{animation:amtPop .5s ease-in}
.am-cell.amt-fall{animation:amtFall .4s ease-out}
.amt-fs .amt-tm{border-color:#b07cff;color:#e9c6ff}.amt-fs .amt-tm b{color:#fff}
.am-grid.amt-grid.amb-free{background:#1a0a30;border-color:#d9a6ff;box-shadow:0 0 18px rgba(176,124,255,.4)}
.amt-pay td{padding:2px 7px}
@keyframes amtPop{0%{transform:scale(1)}60%{transform:scale(1.12);opacity:1}100%{transform:scale(.4);opacity:0}}
@keyframes amtFall{from{transform:translateY(-60%);opacity:.3}to{transform:none;opacity:1}}
@keyframes amtGlow{from{box-shadow:0 0 0 2px #d9a6ff,0 0 8px #b07cff}to{box-shadow:0 0 0 3px #fff,0 0 20px #d9a6ff}}
@media (max-width:480px){.am-grid[style*="--cols:6"]{--cell:46px;gap:3px;padding:5px}.am-grid[style*="--cols:6"] .am-sym{font-size:25px}.am-grid[style*="--cols:6"] .am-sym.am-s7{font-size:28px}.amt-orb{min-width:32px;font-size:13px;padding:3px 2px}.amt-pay td{padding:2px 5px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.am-cell.amt-pop,.am-cell.amt-fall,.am-cell.amt-glow{animation:none}}