body[data-wp-game-id=breakout] [hidden]{display:none!important}body[data-wp-game-id=breakout] #stageWorkspace{position:relative}body[data-wp-game-id=breakout] #equipmentPanel{position:absolute;inset:0}body[data-wp-game-id=breakout] #battleScreen .battle-canvas{position:relative;isolation:isolate}body[data-wp-game-id=breakout] #battleScreen .battle-panel{display:grid;grid-template-rows:26px minmax(0,1fr) 5px 52px 14px;gap:5px;height:calc(100% - 14px);width:100%;padding:0;min-height:0;background:transparent;border:0;box-shadow:none}body[data-wp-game-id=breakout] #battleScreen .board-wrap{position:relative;display:block;padding:0;width:100%;height:100%;min-height:0;border:1px solid #547d8c;border-radius:14px;overflow:hidden;background:#0a192b}body[data-wp-game-id=breakout] #board.crystal-court{display:block;width:100%;height:100%;min-height:0;padding:0;touch-action:none;outline-offset:-4px;direction:ltr;background:none}body[data-wp-game-id=breakout] #board canvas{width:100%;height:100%;display:block}body[data-wp-game-id=breakout] .court-status{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#d6ede7;font-size:13px;font-weight:700;padding-inline:5px;white-space:nowrap}body[data-wp-game-id=breakout] .court-status span{min-width:0;overflow:hidden;text-overflow:ellipsis}body[data-wp-game-id=breakout] .charge-meter{height:5px;border-radius:5px;background:#183b49;overflow:hidden}body[data-wp-game-id=breakout] .charge-meter span{display:block;height:100%;background:#7ef3d3;transition:width .12s ease-out}body[data-wp-game-id=breakout] .crystal-controls{display:grid;grid-template-columns:2fr 1fr;gap:8px;min-height:0}body[data-wp-game-id=breakout] .crystal-controls button{min-height:48px;padding:6px 10px}body[data-wp-game-id=breakout] .crystal-controls .charged{box-shadow:inset 0 0 0 2px #dcfff3,0 0 16px #68eac74d}body[data-wp-game-id=breakout] #gameMessage{margin:0;min-height:0;padding:0;font-size:12px;line-height:14px;color:#c5e6df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-wp-game-id=breakout] #graphicsRetry{position:absolute;inset:40% 16%}body[data-wp-game-id=breakout][data-wp-result-active] .battle-panel{visibility:hidden;pointer-events:none}body[data-wp-game-id=breakout][data-wp-result-active] #battleScreen .wp-frame-utility{visibility:hidden}body[data-wp-game-id=breakout] #resultScreen{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:16px;overflow:auto}body[data-wp-game-id=breakout] #resultScreen .result-card{display:grid;gap:16px;width:min(680px,100%);max-height:100%;overflow:auto;margin:auto;padding:24px;border:1px solid #80b4ab;border-radius:22px;background:linear-gradient(145deg,#19394b,#0a1d30);color:#f5fbfa;box-shadow:0 18px 60px #0005}body[data-wp-game-id=breakout] .result-card h2,body[data-wp-game-id=breakout] .result-card p{margin:0}body[data-wp-game-id=breakout] .result-card .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body[data-wp-game-id=breakout] .breakout-result-stat{display:grid;gap:6px;padding:12px 8px;border:1px solid #638a944d;border-radius:12px;background:#071d2a99;text-align:center}body[data-wp-game-id=breakout] .stat-label{font-size:13px;color:#bedbd5}body[data-wp-game-id=breakout] .result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}body[data-wp-game-id=breakout] .result-actions button{min-height:52px;padding:8px 4px;white-space:normal;line-height:1.25}body[data-wp-game-id=breakout] button:disabled{opacity:.54;cursor:default}body[data-wp-game-id=breakout] :is(.breakout-dialog,.breakout-leave-dialog){width:min(500px,calc(100vw - 28px));max-height:calc(100dvh - 30px);overflow:auto;padding:24px;border:1px solid #83bbb3;border-radius:20px;background:#102c3d;color:#f5fbfa;box-shadow:0 24px 64px #0008}body[data-wp-game-id=breakout] dialog::backdrop{background:#020b18b8;backdrop-filter:blur(5px)}body[data-wp-game-id=breakout] dialog h2{margin:0 0 16px}body[data-wp-game-id=breakout] dialog p{font-size:15px;line-height:1.6;color:#d4e9e4}body[data-wp-game-id=breakout] :is(.dialog-actions,.breakout-leave-actions){display:grid;gap:10px;margin-top:18px}body[data-wp-game-id=breakout] dialog button{min-height:48px;width:100%}body[data-wp-game-id=breakout] #equipmentPanel{width:min(860px,100%);height:100%;margin:auto;overflow:auto;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}body[data-wp-game-id=breakout] .equipment-balance,body[data-wp-game-id=breakout] #equipmentMessage{grid-column:1/-1;margin:0}body[data-wp-game-id=breakout] .equipment-balance{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:700}body[data-wp-game-id=breakout] .paddle-card{padding:12px;border:1px solid #7eafa65e;border-radius:16px;background:#133448e6;display:flex;flex-direction:column;gap:8px;min-width:0}body[data-wp-game-id=breakout] .paddle-card img{width:100%;height:auto;border-radius:9px}body[data-wp-game-id=breakout] .paddle-card h3{margin:0}body[data-wp-game-id=breakout] .paddle-card p{font-size:14px;line-height:1.5;margin:0 0 6px;flex:1}body[data-wp-game-id=breakout] .paddle-card button{min-height:48px;padding:8px}@media(max-width:600px)and (orientation:portrait){body[data-wp-game-id=breakout] #equipmentPanel{grid-template-columns:1fr}body[data-wp-game-id=breakout] .paddle-card{display:grid;grid-template-columns:100px 1fr}body[data-wp-game-id=breakout] .paddle-card img{grid-row:1/3;align-self:center}body[data-wp-game-id=breakout] .paddle-card button{grid-column:1/-1}}@media(orientation:landscape)and (max-height:500px){body[data-wp-game-id=breakout] #battleScreen .battle-panel{grid-template-columns:minmax(0,1fr) 126px;grid-template-rows:22px minmax(0,1fr) 5px;gap:4px 8px;padding:4px}body[data-wp-game-id=breakout] .court-status{grid-column:1;grid-row:1}body[data-wp-game-id=breakout] #battleScreen .board-wrap{grid-column:1;grid-row:2}body[data-wp-game-id=breakout] .charge-meter{grid-column:1;grid-row:3}body[data-wp-game-id=breakout] .crystal-controls{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:12px}body[data-wp-game-id=breakout] #gameMessage{grid-column:2;grid-row:1;font-size:11px}body[data-wp-game-id=breakout] #resultScreen{padding:82px 5px}body[data-wp-game-id=breakout] #resultScreen .result-card{gap:4px;padding:8px 12px;min-height:0}body[data-wp-game-id=breakout] #resultScreen h2{font-size:18px;line-height:20px}body[data-wp-game-id=breakout] #resultScreen p{font-size:12px;line-height:14px}body[data-wp-game-id=breakout] .breakout-result-stat{gap:2px;padding:4px}body[data-wp-game-id=breakout] .breakout-result-stat strong{font-size:14px;line-height:16px}body[data-wp-game-id=breakout] .breakout-result-stat .stat-label{font-size:11px;line-height:12px}body[data-wp-game-id=breakout] #resultGoal{max-height:30px;overflow:auto}body[data-wp-game-id=breakout] .result-actions button{min-height:44px;padding:4px}body[data-wp-game-id=breakout] .paddle-card img{max-height:64px;object-fit:contain}}@media(prefers-reduced-motion:reduce){body[data-wp-game-id=breakout] .charge-meter span{transition:none}}