/* Fit the untouched 1024 x 600 scene into a rotated portrait viewport. */
.game-shell{scroll-margin-top:14px}
.game-stage{position:absolute;left:50%;top:50%;width:1024px;height:600px;transform-origin:center;transform:translate(-50%,-50%) scale(var(--scene-scale,1))}
.game-stage #phaser-example{width:1024px;height:600px}
.space-modal{width:min(1120px,calc(100% - 24px));max-width:calc(100% - 24px);height:min(90dvh,930px);max-height:90dvh;padding:16px;overflow:hidden}
.space-modal[open]{display:flex;flex-direction:column}
.space-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;margin-bottom:14px;font-size:20px;color:var(--accent)}
.space-modal-head .button{min-height:44px;padding:9px 16px;font-size:15px}
.space-frame{display:block;border:0;width:100%;min-height:0;flex:1;background:var(--bg)}
.scene-page.embedded .site-header,.scene-page.embedded .site-footer{display:none}
.scene-page.embedded .hero{padding:18px 0 22px}
.scene-page.embedded .hero h1{font-size:clamp(30px,4.2vw,48px);margin:13px 0}
.scene-page.embedded .hero-copy{font-size:16px}
.scene-page.embedded .game-controls{padding:18px 0}
.scene-page.embedded .hero{display:none}
.scene-page.embedded .game-controls .text-link{display:none}
.scene-page.embedded>.wrap{padding-inline:8px}
@media(max-width:740px) and (orientation:portrait){.game-shell{aspect-ratio:600/1024}.game-stage{transform:translate(-50%,-50%) rotate(-90deg) scale(var(--scene-scale,1))}}
@media(max-width:740px){.space-modal{padding:12px}.space-modal-head{font-size:18px;margin-bottom:10px}}

.scene-label .scene-play{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:var(--accent);border:1px solid var(--accent);border-radius:40px;color:#191513;font:16px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-shadow:none;margin-top:22px}
