#mobile-launch{padding:14px;background:#20291f;border:1px solid #736342;border-radius:12px}
#mobile-launch[hidden],#mobile-toolbar[hidden],#mobile-rotate[hidden]{display:none}
#mobile-launch p{margin:0;font-size:13px}
#mobile-enter{min-height:48px}
#mobile-menu{width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;color:#f2e7ce;background:#142019;border:1px solid #b99a57;border-radius:14px;overscroll-behavior:contain}
#mobile-menu::backdrop{background:#07100ce8}
.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;position:sticky;top:0;background:#142019;z-index:2;border-bottom:1px solid #736342}
.mobile-menu-heading h2{margin:0;font-size:18px}
#mobile-menu button{min-height:44px;font-size:13px}
#mobile-settings{padding:16px}
#mobile-settings #game-settings{display:block}
#mobile-settings section{gap:10px}
#mobile-settings #results:empty,#mobile-settings #impacts:empty{display:none}
#mobile-settings #results{margin-top:12px;padding:12px;border:1px solid #736342;border-radius:8px}
.mobile-menu-footer{padding:0 16px 16px}
body.mobile-playing{overflow:hidden;overscroll-behavior:none}
.mobile-playing>header,.mobile-playing main>:not(#game-area){display:none}
.mobile-playing main{margin:0;padding:0;max-width:none}
.mobile-playing #game-area{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:100;background:#142019;overflow:hidden;--safe-left:max(12px,env(safe-area-inset-left));--safe-right:max(12px,env(safe-area-inset-right));--safe-top:max(8px,env(safe-area-inset-top));--safe-bottom:max(10px,env(safe-area-inset-bottom));--stick-size:clamp(88px,29dvh,116px)}
.mobile-playing #playfield{position:absolute!important;inset:0}
.mobile-playing #game{width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none}
.mobile-playing #belt-badge{left:var(--safe-left);top:var(--safe-top);width:142px;max-width:none;padding:5px 7px;border-radius:10px}
.mobile-playing #belt-badge svg{height:28px}
.mobile-playing #belt-name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-playing #belt-grade{font-size:10px;margin-top:1px}
.mobile-playing #speed-dial{left:auto;right:var(--safe-right);top:var(--safe-top);bottom:auto;width:104px;padding:0 5px 4px;border-radius:10px}
.mobile-playing #speed-dial span{font-size:0;display:flex;justify-content:space-between;padding:0 9px}
.mobile-playing #speed-dial span::before{content:'−';font-size:16px;line-height:16px}
.mobile-playing #speed-dial span::after{content:'+';font-size:16px;line-height:16px}
.mobile-playing #action-pad{left:var(--safe-left);bottom:var(--safe-bottom);width:140px}
.mobile-playing #action{min-height:56px;padding:10px 6px;font-size:13px}
.mobile-playing #practice-controls{top:auto;bottom:calc(var(--safe-bottom) + 58px);width:calc(100% - 350px);gap:5px}
.mobile-playing #practice-controls button{min-height:40px;font-size:12px;padding:8px 10px}
.mobile-playing #aim-stick{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 16px);width:var(--stick-size);height:var(--stick-size)}
.mobile-playing #aim-knob{width:38px;height:38px}
.mobile-playing #aim-stick-label{bottom:-20px;font-size:10px;background:#142019bd;padding:1px 4px;border-radius:4px}
.mobile-playing #mobile-toolbar{position:absolute;top:var(--safe-top);left:50%;transform:translateX(-50%);z-index:4}
#mobile-menu-open{min-height:44px;padding:8px 16px;background:#142019ed;font-size:13px}
.mobile-playing #hud{position:absolute;top:calc(var(--safe-top) + 48px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 340px);display:flex;flex-wrap:wrap;justify-content:center;gap:3px 12px;padding:5px 9px;margin:0;font-size:11px;background:#142019d9;pointer-events:none;z-index:3}
.mobile-playing #state{flex-basis:100%;text-align:center;font-size:11px}
.mobile-playing #message{position:absolute;bottom:var(--safe-bottom);left:50%;transform:translateX(-50%);width:calc(100% - 350px);min-height:0;max-height:42px;overflow:hidden;font-size:11px;line-height:1.3;text-align:center;background:#142019d9;border-radius:6px;padding:5px 8px;pointer-events:none;z-index:3}
#mobile-rotate{position:absolute;inset:0;z-index:10;background:#142019;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:14px}
#mobile-rotate svg{width:96px;height:96px;color:#e5ba57}
#mobile-rotate h2{font-size:24px;margin:0}
#mobile-rotate p{margin:0;max-width:320px}
#mobile-rotate button{min-height:48px;width:min(280px,100%)}
@media(orientation:portrait){.mobile-playing #mobile-toolbar{visibility:hidden}}
@media(max-height:340px) and (orientation:landscape){.mobile-playing #belt-badge svg{height:22px}.mobile-playing #speed-dial{width:90px}.mobile-playing #hud{top:calc(var(--safe-top) + 44px);font-size:10px}.mobile-playing #action{min-height:48px}}