#touch-controls{display:none}.mobile #touch-controls:not([hidden]){display:block}
.mobile{overscroll-behavior:none}.mobile #view,.mobile #touch-controls,.mobile #highg,.mobile #special{touch-action:none;user-select:none;-webkit-user-select:none}
.mobile:not(.mobile-play) #highg,.mobile:not(.mobile-play) #special{display:none!important}
#touch-stick{position:fixed;z-index:4;left:18px;bottom:calc(28px + env(safe-area-inset-bottom));width:132px;height:132px;border:1px solid #a2f4e36b;border-radius:50%;background:#08233288;display:grid;place-items:center;color:#d5f4ed;font-size:12px}
#touch-stick i{position:absolute;width:48px;height:48px;border-radius:50%;background:#a2f4e37a;border:1px solid #d6fff8;pointer-events:none}#touch-stick span{position:absolute;bottom:12px}#touch-stick.paused{opacity:.3}
#touch-look{position:fixed;z-index:3;left:50%;right:0;top:20%;bottom:200px;color:#d6fff888;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;font-size:12px}#touch-look[hidden]{display:none}
#touch-pause,#touch-center{position:fixed;z-index:4;width:auto;min-width:48px;min-height:44px;padding:10px;background:#153746cc;color:#d8f5f0;font-size:12px;letter-spacing:0}
#touch-pause{right:12px;top:calc(100px + env(safe-area-inset-top))}#touch-center{right:12px;bottom:calc(190px + env(safe-area-inset-bottom))}
.mobile #highg{top:auto;right:16px;bottom:calc(28px + env(safe-area-inset-bottom));width:112px;height:68px;font-size:14px;padding:8px}
.mobile #special{top:auto!important;right:16px!important;bottom:calc(108px + env(safe-area-inset-bottom));width:112px!important;min-height:62px;padding:8px;font-size:13px;letter-spacing:0}
.mobile .top{top:calc(12px + env(safe-area-inset-top));left:12px;right:12px}.mobile .brand{font-size:10px;letter-spacing:.12em;max-width:190px}.mobile .brand span{display:block}.mobile .sub{display:none}.mobile .timer{font-size:32px}.mobile .timer small{font-size:9px;letter-spacing:0}
.mobile #hud .bottom{top:calc(57px + env(safe-area-inset-top));bottom:auto;left:12px;right:12px}.mobile #hud .stats{gap:18px}.mobile .stat strong{font-size:18px}.mobile .stat em{font-size:9px}.mobile .stat label{font-size:9px;letter-spacing:0}.mobile #camerahelp{display:none!important}
.mobile .notice{top:25%;width:90%;min-width:0;font-size:12px;letter-spacing:0;line-height:1.5}.mobile #landing-info{left:12px!important;right:12px!important;bottom:calc(240px + env(safe-area-inset-bottom))!important;font-size:11px!important;line-height:1.4}.mobile #warning{bottom:220px!important}
.mobile .overlay{padding:10px;padding-top:env(safe-area-inset-top)}.mobile .panel{box-sizing:border-box;max-height:92dvh;width:100%;padding:18px}.mobile .panel h1{font-size:26px}.mobile .panel .grid{margin:10px 0}.mobile #intro .customize{padding:10px}.mobile #intro .settingrow{gap:6px}.mobile #intro .settingrow>span{min-width:80px}.mobile #intro .customize input[type=range]{width:42%}.mobile #intro select{max-width:65%!important;font-size:13px}
.mobile #result{align-items:flex-end;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.mobile #result .panel{max-height:65dvh;width:100%;max-width:450px}.mobile #replay-controls{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;padding:10px!important}.mobile #replay-controls button,.mobile #replay-controls select{min-height:42px}.mobile #replay-seek{min-height:36px}
.mobile #tuning{display:none}.mobile .desktop-instructions{display:none}.mobile #mobile-instructions{display:block!important}
@media(max-height:550px){.mobile #touch-stick{width:110px;height:110px;bottom:12px}.mobile #highg{bottom:12px}.mobile #special{bottom:92px}.mobile #landing-info{bottom:175px!important}.mobile #touch-center{bottom:170px}.mobile #touch-look{bottom:170px}}
.mobile #hud .bottom{top:calc(78px + env(safe-area-inset-top))}.mobile #touch-pause{top:calc(126px + env(safe-area-inset-top))}
.mobile #intro .panel>p:last-child{display:none}.mobile #start{margin:10px 0}.mobile #intro h1{font-size:23px;line-height:1.05}.mobile #intro .eyebrow{font-size:9px;letter-spacing:.12em}.mobile #intro #start{position:relative}