/* Shared typography also applies to every state of Rainbow Breaker. */
#game-dialog[data-game="breakout"]{width:min(1100px,96vw)}
#game-dialog[data-game="breakout"] .playfield{aspect-ratio:1;min-height:0;margin:0 auto;border:2px solid #344c70}
#game-dialog[data-game="breakout"] #canvas{position:absolute;inset:0}
#game-dialog[data-game="breakout"] .game-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:start}
#game-dialog[data-game="breakout"] .playfield{max-width:calc(94dvh - 192px)}
#game-dialog[data-game="breakout"] #overlay{background:#0b1930f2}
#game-dialog[data-game="breakout"] #overlay h3{font-size:1.75rem}
#game-dialog[data-game="breakout"] .game-bottom{display:block}
#breakout-tools{margin:0}.breakout-action-row{display:flex;flex-direction:column;gap:12px}
#launch{background:#ffd454;color:#172b46;border:0;border-radius:8px;box-shadow:0 3px #b58711;min-height:48px;font-size:1rem;font-weight:900;padding:12px}
#launch:disabled{background:#e3e8ee;color:#45566d;box-shadow:none}
#touch-pad{min-height:76px;touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;border:2px dashed #789c95;background:#eaf5f0;border-radius:9px;color:#294f47;font-size:1rem;font-weight:700;cursor:ew-resize;text-align:center;padding:10px}
#power-status{font-size:0.875rem;line-height:1.8;color:#41566a;margin:14px 0 0;text-align:center;min-height:25px}
#breakout-guide{margin:20px 0 0;font-size:1rem;color:#334760;line-height:1.8}
#breakout-guide summary{font-size:1rem;cursor:pointer;font-weight:800;min-height:44px;display:list-item}
#breakout-guide p{margin:10px 0 18px}
#result-details{font-size:1rem;line-height:1.8;color:#d3e5f4;margin:0 0 18px;max-width:420px}
#game-dialog[data-game="breakout"] .game-actions{margin-top:16px}
@media(max-width:800px){
 #game-dialog[data-game="breakout"] .game-content{display:block}
 #game-dialog[data-game="breakout"] .playfield{max-width:none;width:100%}
 #game-dialog[data-game="breakout"] #overlay h3{font-size:1.5rem}
 #breakout-tools{margin-top:16px}.breakout-action-row{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}
 #launch{font-size:1rem;padding:12px 8px}#touch-pad{font-size:0.875rem;min-height:52px;padding:8px}
 #power-status{font-size:0.875rem}.game-stats{font-size:0.875rem}#game-dialog[data-game="breakout"] #status{font-size:0.875rem}
}
@media(max-width:380px){.breakout-action-row{grid-template-columns:1fr}#touch-pad{min-height:52px}}