.flat-stage{display:flex;align-items:center;justify-content:center;background:#e3f3f5}
#phaser-stage{position:absolute;inset:0;overflow:hidden}
#phaser-stage canvas{display:block;touch-action:none;outline:none}
.flat-page .arcade-hud{top:10px}
.flat-page .arcade-stat{min-width:85px;padding:6px 16px}
.flat-page .arcade-status{bottom:10px}
.flat-page .arcade-select{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
.flat-page .arcade-select select{border:1px solid var(--arcade-line);background:#fff;padding:9px 28px 9px 10px;border-radius:6px;color:var(--arcade-ink);max-width:190px;min-height:42px}
.flat-page .arcade-button.is-hit{background:var(--game-accent);color:#fff}
@media(max-width:640px){.flat-page .arcade-stat{min-width:68px;padding:6px 10px}.flat-page .arcade-controls{gap:8px}.flat-page .arcade-button{min-height:46px}.flat-page .arcade-stage{height:calc(100svh - 210px)}}
@media(max-width:640px){body[data-app="rhythm"] .arcade-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}body[data-app="rhythm"] .arcade-select{grid-column:1/-1;justify-content:center}}
@media(max-height:500px) and (orientation:landscape){.flat-page .arcade-stage{min-height:255px;height:calc(100svh - 110px)}.flat-page .arcade-hud{left:10px;transform:none;max-width:40%}.flat-page .arcade-stat{min-width:53px;padding:4px 6px}.flat-page .arcade-stat>strong{font-size:16px}.flat-page .arcade-status{left:auto;right:10px;transform:none;max-width:40%}}