/* ===== The Arcade, stage 2 (js/am-plinko.js): Plinko ===== */
.amp-mach{width:100%;max-width:420px;margin-left:auto;margin-right:auto}
.amp-board{position:relative;width:100%;aspect-ratio:1/0.85;background:radial-gradient(ellipse at 50% 0%,#17305a,#0b1a2e 70%);border:3px solid #b8862b;border-radius:12px 12px 4px 4px;box-shadow:inset 0 0 18px rgba(0,0,0,.7);overflow:hidden}
.amp-board i{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#e8e0c8;box-shadow:0 0 3px rgba(255,255,255,.6)}
.amm-skin-plinko .amp-board i{background:#ff6ad5;box-shadow:0 0 5px #ff6ad5}
.amp-ball{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd24a 50%,#b8862b);box-shadow:0 0 8px rgba(255,210,74,.8);transition:left .085s linear,top .085s linear;z-index:2}
.amp-ball[hidden]{display:none}
.amp-slots{display:grid;grid-template-columns:repeat(17,1fr);gap:1px;width:100%;margin-top:2px}
.amp-slots span{display:block;text-align:center;font:700 10px/1 "Barlow Condensed",sans-serif;padding:7px 0;border-radius:3px;color:#0b1a2e;overflow:hidden}
.amp-t0{background:#5a6b7d}.amp-t1{background:#8fa3b8}.amp-t2{background:#9fe3a1}.amp-t3{background:#ffb347}.amp-t4{background:#ffd24a;box-shadow:0 0 6px rgba(255,210,74,.6)}.amp-t5{background:#ff5f5f;color:#fff;box-shadow:0 0 8px rgba(255,95,95,.7)}
.amp-slots span.hit{animation:ampHit .7s ease-in-out 2;outline:2px solid #fff}
@keyframes ampHit{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.amp-hist{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;min-height:18px}
.amp-hist span{font:600 11px/1 "Barlow Condensed",sans-serif;padding:3px 6px;border-radius:4px;color:#0b1a2e}
.amp-legend{font-size:12px;opacity:.85}
.amp-race b{color:#ffd24a}
@media (max-width:480px){.amp-slots span{font-size:9px;padding:6px 0}}