.bb-container{--primary:#22c55e;--bg:#050a05;background:var(--bg);color:#e2e8f0;width:100%;height:100%;min-height:100vh;font-family:"Press Start 2P",monospace;position:relative}.bb-menu,.bb-victory,.bb-defeat{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.bb-title{color:var(--primary);text-shadow:0 0 20px var(--primary);font-size:1.8rem}.bb-subtitle{color:#64748b;margin-bottom:1rem;font-size:.8rem}.bb-info{color:#94a3b8;margin-bottom:1.5rem;font-size:.65rem}.bb-start-btn,.bb-primary-btn{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-family:inherit}.bb-back-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #334155;margin-top:1rem;padding:.5rem 1rem}.bb-game{flex-direction:column;display:flex}.bb-game.slow-mo{filter:saturate(1.5)}.bb-game.slow-mo .bb-arena{animation:.5s infinite slowmo-glow}@keyframes slowmo-glow{0%,to{box-shadow:inset 0 0 30px #f59e0b33}50%{box-shadow:inset 0 0 50px #f59e0b66}}.bb-hud{background:#000000b3;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.bb-lives span{margin-right:.25rem}.bb-score{color:var(--primary);font-size:.9rem;font-weight:700}.bb-level{color:#f59e0b}.bb-combo{color:#f59e0b;z-index:10;font-size:1.2rem;position:absolute;top:60px;left:50%;transform:translate(-50%)}.bb-arena{cursor:none;background:linear-gradient(#0a150a 0%,#050a05 100%);border:2px solid #1a3a1a;width:400px;height:400px;margin:0 auto;position:relative;overflow:hidden}.bb-brick{border:1px solid #0000004d;border-radius:3px;position:absolute}.bb-brick.bb-tough{border:2px solid #94a3b8}.bb-brick.bb-explosive{animation:.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bb-brick.bb-shooter,.bb-brick.bb-boss{border:2px solid #a855f7}.bb-boss-hp{background:#333;border-radius:2px;height:4px;position:absolute;bottom:-8px;left:0;right:0;overflow:hidden}.bb-boss-hp div{background:#ef4444;height:100%}.bb-powerup{font-size:1.2rem;animation:.5s infinite float;position:absolute;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-3px)}}.bb-projectile{font-size:.8rem;position:absolute;transform:translate(-50%,-50%)}.bb-ball{border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px}.bb-ball.bb-fire{box-shadow:0 0 15px #ef4444}.bb-paddle{background:linear-gradient(#4ade80,#22c55e);border-radius:6px;height:12px;transition:width .3s;position:absolute;bottom:20px;transform:translate(-50%)}.bb-paddle.shield{box-shadow:0 0 15px #3b82f6}.bb-paddle.magnet{box-shadow:0 0 15px #a855f7}.bb-paddle.expand{box-shadow:0 0 15px #fbbf24}.bb-shield-icon,.bb-magnet-icon{font-size:.9rem;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.bb-hit-effect{pointer-events:none;color:var(--primary);font-size:.8rem;font-weight:700;animation:.5s float-up;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{to{opacity:0;transform:translate(-50%,-100%)}}