/* Local CSS only: the rail glows while every exposed hand remains readable. */
#allInEffect[hidden]{display:none!important}
#allInEffect{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--accent2);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 0 20px color-mix(in srgb,var(--accent2) 45%,transparent);white-space:nowrap;pointer-events:none;z-index:5;animation:allin-label .5s ease-in-out 5}
#allInEffect b{font:900 clamp(16px,2.5vw,25px)/1.1 system-ui,sans-serif;letter-spacing:.12em;color:var(--accent2)}
#allInEffect span{font-size:11px}
#table.allin-flash .rail{animation:allin-rail .5s ease-in-out 5}
@keyframes allin-label{50%{opacity:.55}}
@keyframes allin-rail{50%{filter:brightness(1.7);box-shadow:0 0 18px 4px var(--accent2)}}
@media(max-width:600px){#allInEffect{gap:5px;padding:4px 9px}#allInEffect span{font-size:10px}}
@media(prefers-reduced-motion:reduce){#allInEffect,#table.allin-flash .rail{animation:none}}