.score-bag-stack { display:flex; flex-direction:column; gap:8px; max-width:290px; min-width:0; pointer-events:none; }
#lane-modifier-label { max-width:310px; padding:8px 12px; color:#f2dca5; background:#111b2bea; border-left:3px solid #c78aff; font:16px 'VT323',monospace; pointer-events:none; }
#ball-bag-hud { pointer-events:auto; max-width:310px; padding:8px; background:#101827ed; border:1px solid #577086; }
#ball-bag-buttons, .shop-ball-bag { display:flex; gap:6px; flex-wrap:wrap; }
#ball-bag-buttons button, .shop-ball-bag button { color:#eaf1f8; background:#18273c; border:1px solid #58677e; padding:7px; flex:1; min-width:95px; text-align:left; font:16px 'VT323',monospace; }
#ball-bag-buttons button[aria-pressed=true], .shop-ball-bag button[aria-pressed=true] { border-color:var(--ball-color); box-shadow:inset 0 -3px var(--ball-color); }
#ball-bag-buttons button:disabled { opacity:.65; cursor:default; }
.ball-swatch { color:var(--ball-color); margin-right:6px; font-size:24px; vertical-align:middle; }
#ball-bag-buttons small, .shop-ball-bag small { display:block; font:13px 'VT323',monospace; color:#c4cddc; }
#bumper-charge-label { display:block; margin-top:7px; color:#ffbd99; font:14px 'VT323',monospace; }
.shop-ball-bag { margin-bottom:16px; }
.shop-ball-bag p { flex-basis:100%; font-size:13px; color:#d1b8ed; }
@media(max-width:640px) { #lane-modifier-label { max-width:210px; font-size:13px; padding:5px 8px; } #ball-bag-hud { max-width:220px; padding:4px; } #ball-bag-buttons button { min-width:85px; padding:4px; font-size:14px; } #ball-bag-buttons small { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { #ball-bag-buttons button { transition:none; } }

@media(max-width:760px) { .score-bag-stack { max-width:210px; gap:5px; } #boss-battle-hud { top:auto; bottom:220px; right:10px; left:auto; transform:none; width:160px; } }