@media (orientation:landscape){.splash{height:100%}}
@media (max-width:680px){.hud{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}.icon-button{width:42px;height:42px}.hud-block span{font-size:9px}.tutorial-panel ol{grid-template-columns:1fr}.tutorial-panel{padding:20px}.tutorial-demo{height:94px}.tutorial-demo.flipped .demo-runner{bottom:52px}.panel h2{margin-bottom:13px}.stats-grid{margin:12px 0}.result-panel{padding:20px}.result-panel .primary-button,.result-panel .secondary-button,.result-panel .text-button{min-height:44px;margin-top:6px}}
@media (orientation:portrait){.splash{width:100%;height:auto;aspect-ratio:942/1668;background-size:contain}.play-screen canvas{position:relative;z-index:1;height:auto;max-height:100%;aspect-ratio:16/9}.play-screen::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,#02040b,#0a1230 50%,#02040b)}.hud{top:calc(50% - min(28.125vw,25vh) + 8px)}.gravity-indicator{z-index:3;bottom:calc(50% - min(28.125vw,25vh) + 8px)}.tap-hint{bottom:calc(50% - min(28.125vw,25vh) + 38px);font-size:11px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.demo-runner{transition:none}.status-message{transition:none}}