/* Fill the host surface; scene projection follows its actual aspect ratio. */
html,body{width:100%;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}body{display:block}#shell{margin:0;padding:0;max-width:none;display:flex;flex-direction:column}#stage{aspect-ratio:auto!important;flex:none;border:0;margin:0}#screen{object-fit:fill;width:100%;height:100%}#hud,footer{flex:none;width:100%;margin:0}footer{padding-bottom:var(--safe-bottom);padding-left:max(9px,var(--safe-left));padding-right:max(9px,var(--safe-right))}#endingArt{object-fit:cover}#gameTop{padding-top:max(8px,var(--safe-top));padding-left:max(12px,var(--safe-left));padding-right:max(12px,var(--safe-right))}#stick{left:max(3%,var(--safe-left))}.touchActions{right:max(3%,var(--safe-right))}
@media(orientation:portrait){.coverArt{object-position:100% center}.coverShade{background:linear-gradient(#050d1444,#050d1466 40%,#050d14ee 100%)}.menuColumn{top:6%;left:8%;bottom:21%;width:84%}.titleLogo{width:100%;max-height:28%}.titleLogo img{max-height:170px}.menuChapter{font-size:10px;letter-spacing:1px;margin:10px 0}.menuActions{width:min(330px,95%);gap:10px}.menuActions button,#menu button.primary{height:44px;font-size:13px;letter-spacing:1px}.difficultyRow{width:min(330px,95%);margin-top:12px}.difficultyRow label{font-size:9px}.difficultyRow select{font-size:11px;padding:7px}.menuUtility{bottom:5%;right:8%;left:8%;align-items:center;gap:8px}.menuUtility button{font-size:10px;padding:9px 16px}.menuUtility>span{font-size:9px}.coverTag{display:none}.panel{justify-content:center;padding:16px 12px;gap:9px}.panel h2{font-size:24px}.panel p{font-size:11px;line-height:1.6}.panel .eyebrow{font-size:8px}.panel button{width:280px;min-height:38px;font-size:11px}.panel label,#settings label{font-size:12px;min-height:24px}#settings{gap:10px}#settings input[type=range]{height:22px;width:130px}#settings .controls{font-size:10px!important}.rewardOffer small{font-size:9px}.touchActions{bottom:6%;max-width:45%;display:grid;grid-template-columns:repeat(2,1fr)}.touchActions button{font-size:10px;min-height:44px;padding:10px}#stick{bottom:6%}#lookZone{height:65%;top:10%}#gameTop,#gameTop b{font-size:7px}#bossHUD{top:10%;left:8%;right:8%}#bossName{font-size:9px}#bossHUD small,#bossPhase{font-size:7px}.endingCopy{bottom:20%;left:6%;right:6%}.endingCopy small{font-size:8px}.endingCopy h2{font-size:22px}.endingCopy p{font-size:12px;line-height:1.55}.endingNav{bottom:5%;gap:6px}.endingNav button{font-size:8px;padding:10px 8px;min-width:55px}#campaign{justify-content:center;gap:9px}#campaign h2{font-size:22px}#stageCards{grid-template-columns:1fr;max-width:380px;gap:10px}.stageCard{padding:10px;min-height:110px}.stageThumb{display:block;float:left;width:80px;height:80px;margin:0 12px 0 0}.stageCard h3{font-size:13px;min-height:0}.stageCard p{display:none}.stageCard>small{font-size:8px}.stageCard button{width:calc(100% - 95px);min-height:30px;font-size:8px}.worldChip small{font-size:6px}#worldRail .worldChip{padding:4px 7px;font-size:10px}}
@media(orientation:portrait) and (max-height:650px){.menuColumn{bottom:25%}.menuChapter{font-size:8px}.menuActions button,#menu button.primary{height:36px}.menuActions{gap:7px}.menuUtility{gap:5px}.panel{gap:5px}.panel button{min-height:30px}.panel h2{font-size:19px}#settings{gap:5px}.stageCard{min-height:90px}.stageThumb{height:65px;width:65px}.stageCard button{width:calc(100% - 80px)}.endingCopy p{font-size:10px}.endingCopy h2{font-size:18px}}