[data-game=breakout]{--game-accent-h: 198;--game-accent-s: 93%;--game-accent-l: 60%}.breakout-main{max-width:540px;margin:0 auto;padding:var(--space-2) var(--space-3) var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:100%;box-sizing:border-box}.breakout-intro{text-align:center;padding:var(--space-8) var(--space-6);width:100%}.breakout-intro h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--color-text-primary);margin:var(--space-2) 0}.breakout-logo{font-size:3rem;line-height:1;margin-bottom:var(--space-3)}.breakout-canvas-wrap{position:relative;width:100%;max-width:480px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border-subtle);background:var(--color-surface-sunken);aspect-ratio:480 / 640}#breakout-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:none}.breakout-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:480px}.breakout-controls__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.breakout-touch-controls{display:none;justify-content:space-between;align-items:center;width:100%;max-width:480px;margin-top:var(--space-4);padding:0 var(--space-2)}@media (max-width: 1024px){.breakout-touch-controls{display:flex}}.control-group-left,.control-group-right{display:flex;gap:var(--space-3)}.touch-btn{width:56px;height:56px;border-radius:50%;background:#0f172a99;border:1.5px solid rgba(56,189,248,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:all .1s ease;box-shadow:0 0 8px #38bdf81a}.touch-btn:active{background:#38bdf840;border-color:#38bdf8;box-shadow:0 0 15px #38bdf866;transform:scale(.92)}.touch-btn svg{width:24px;height:24px;fill:currentColor}.touch-btn--launch{border-radius:var(--radius-lg);font-family:var(--font-display);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;width:72px}@media (max-width: 480px){.touch-btn{width:48px;height:48px}.touch-btn--launch{width:64px;height:48px;font-size:8px}}