/* Shared phone ergonomics for the three solo games. */
.online-choice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:18px 22px;margin:0 0 24px;border:1px solid #c6d1b9;border-radius:20px;background:#eaf0df;color:#35533e}.online-choice p{flex:1;margin:0;font-size:12px;line-height:1.6}.online-choice a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:24px;background:#355f49;color:#fffdf1;text-decoration:none;font-size:13px;font-weight:600}.is-racing .online-choice,.playing .online-choice,.arc-playing .online-choice{display:none}.thumb-stick{position:relative;flex-shrink:0;width:124px;height:124px;border-radius:50%;border:2px solid #fffdf1bd;background:#304f3a1f;box-shadow:inset 0 0 0 20px #fffdf124;touch-action:none;pointer-events:auto;user-select:none;-webkit-user-select:none}.thumb-stick>span{display:block;position:absolute;width:50px;height:50px;left:35px;top:35px;border-radius:50%;background:#fffdf1df;border:1px solid #fff;box-shadow:0 3px 12px #233c3a20;pointer-events:none}.thumb-stick small{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;pointer-events:none}#drift-stick{display:none}.arc-touch,.touch-controls,.driving-controls{touch-action:none;-webkit-user-select:none;user-select:none}
@media(pointer:coarse),(max-width:700px){
 .arc-stage{height:calc(100svh - 130px)!important;min-height:280px!important;max-height:none!important}.arc-playing .arc-play-section{scroll-margin-top:12px}.arc-playing .arc-stage{border-radius:18px}
 .playing .stage,.is-racing .race-stage{height:calc(100svh - 130px)!important;min-height:280px!important;max-height:none!important}
 .arc-touch,.touch-controls,.driving-controls{left:max(18px,env(safe-area-inset-left))!important;right:max(18px,env(safe-area-inset-right))!important;bottom:max(24px,env(safe-area-inset-bottom))!important;align-items:flex-end!important}
 #boost-button,#boost,#nitro{width:84px!important;height:84px!important;min-height:84px;border-radius:50%!important;touch-action:none}
 .touch-controls .boost-wrap{width:84px!important;flex:0 0 84px}
 #joystick{width:124px!important;height:124px!important;touch-action:none}#joystick-knob{width:50px!important;height:50px!important;left:35px!important;top:35px!important}
 .driving-controls .steering-buttons{display:none}#drift-stick{display:block;width:116px;height:116px}#drift-stick>span{left:31px;top:31px}
 .driving-controls .pedals{position:relative;width:148px;height:136px;display:block}.pedals #nitro{position:absolute;bottom:0;right:0}.pedals #brake{position:absolute;bottom:0;left:0;width:58px;height:58px;min-height:58px;padding:4px;font-size:9px;border-radius:18px}.pedals #drift{position:absolute;top:0;right:9px;width:66px;height:44px;min-height:44px;padding:4px;font-size:9px;border-radius:16px}
 .stage.expanded,.stage:fullscreen,.race-stage.expanded,.race-stage:fullscreen,.arc-stage.expanded,.arc-stage:fullscreen{height:100dvh!important;min-height:0!important;border-radius:0!important}
 #collapse,#exit-expanded{top:auto!important;bottom:176px!important;right:max(18px,env(safe-area-inset-right))!important;min-height:44px;padding:10px!important;z-index:9;font-size:10px!important}
 .race-bar button,.game-bar button,.arc-game-actions button{min-height:44px}
}
@media(orientation:landscape) and (max-height:600px){
 body.playing header,body.is-racing header{display:none!important}.playing main,.is-racing main{padding-top:0!important}.playing .game-bar,.is-racing .race-bar{padding:3px 12px!important;min-height:44px}
 .playing .stage,.is-racing .race-stage,.arc-playing .arc-stage{height:calc(100svh - 55px)!important;min-height:0!important;border-radius:0!important}.arc-touch,.touch-controls,.driving-controls{bottom:max(12px,env(safe-area-inset-bottom))!important}
 .thumb-stick,#joystick,#drift-stick{width:108px!important;height:108px!important}.thumb-stick>span,#joystick-knob,#drift-stick>span{left:27px!important;top:27px!important}
 .hud,.arc-hud,.race-hud{top:8px!important}.board,.arc-leaderboard,.positions{display:none!important}.score-box strong,.clock-box strong{font-size:24px!important}.combo,.drift-combo{top:100px!important}
 .controls-help,.race-help{display:none!important}.stage.expanded,.stage:fullscreen,.race-stage.expanded,.race-stage:fullscreen,.arc-stage.expanded,.arc-stage:fullscreen{height:100dvh!important}#collapse,#exit-expanded{bottom:162px!important}
}

.arc-back{display:none}
@media(pointer:coarse),(max-width:700px){
 .arc-touch{justify-content:space-between}
 .arc-playing .arc-play-section{position:fixed;inset:0;z-index:100;background:#f4f5ed;padding:0!important;margin:0!important;width:100%}
 .arc-playing .arc-game-heading{height:56px;margin:0!important;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,env(safe-area-inset-left));box-sizing:border-box}
 .arc-playing .arc-game-heading .arc-eyebrow{display:none}.arc-playing .arc-game-heading h2{font-size:17px;letter-spacing:-.5px}
 .arc-playing .arc-stage{height:calc(100svh - 56px)!important;min-height:0!important;margin:0!important;width:100%;border-radius:0!important}
 .arc-playing .arc-details{display:none}.arc-playing .arc-back{display:inline-flex;align-items:center;min-height:44px;font-size:10px;padding:8px;color:#35543e;text-decoration:none}
 .arc-playing .arc-tools button{min-height:44px}
 .arc-playing .arc-stage:fullscreen,.arc-playing .arc-stage.expanded{height:100dvh!important}
}