/* STACK 99 // THE FALLING-BLOCK ROYALE (static/js/games/stack.js). THE GRID's stage round the well: chunky lit
   blocks, the next queue and hold in holo frames, the field of 98 as a grid of lamps. */
.st-root { --ac: var(--holo, #4fe3ff); --aa: var(--amber, #ffb020); }
.st-modes { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.gd-go.st-alt { background: var(--ac); box-shadow: 0 0 24px rgba(79, 227, 255, .3); }
.st-play { position: relative; align-items: center; }
.st-wrap { display: flex; gap: 14px; justify-content: center; align-items: flex-start; }
.st-left, .st-right { display: flex; flex-direction: column; gap: 6px; width: 112px; }
#st-well { display: block; max-height: min(62vh, 520px); width: auto; border: 1px solid rgba(79, 227, 255, .3); box-shadow: 0 0 26px rgba(79, 227, 255, .1); }
#st-hold, #st-next, #st-field { background: rgba(4, 10, 20, .7); border: 1px solid rgba(79, 227, 255, .3); }
.st-stats div { display: flex; justify-content: space-between; font: 600 11px var(--mono); color: rgba(160, 210, 235, .8); padding: 3px 0; border-bottom: 1px solid rgba(79, 227, 255, .08); }
.st-stats b { color: var(--aa); font-size: 14px; }
.st-pad { display: none; gap: 8px; justify-content: center; margin-top: 10px; }
@media (pointer: coarse) { .st-pad { display: flex; } }
.st-pad button { width: 54px; height: 54px; border-radius: 12px !important; font: 700 16px var(--mono) !important; color: #fff; background: rgba(4, 10, 20, .85); border: 1px solid rgba(79, 227, 255, .5); touch-action: none; }
@media (max-width: 620px) { .st-left, .st-right { width: 70px; } #st-hold, #st-next { width: 70px; height: auto; } #st-field { width: 70px; height: 70px; } #st-well { max-height: 54vh; } }
.st-over { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background: rgba(3, 6, 13, .86); }
.st-over b { font: 800 24px var(--mono); letter-spacing: .2em; color: var(--aa); }
.st-over span { font: 600 13px var(--mono); color: #cfe8f5; }
.st-over small { font: 600 11px var(--mono); color: rgba(160, 210, 235, .75); }