/* Touch HUD: safe-area aware thumb zones, with secondary tools in a menu. */
.mobile-menu-toggle,.mobile-game-menu,.touch-look,.connection-status{display:none}
.touch-extras{display:flex;gap:8px}.touch-extras button{min-width:52px;min-height:44px;border:1px solid #ffffff60;border-radius:14px;background:#173f35dc;color:#fff;font:700 12px inherit;touch-action:none}.touch-extras .pressed{background:#d7b869;color:#122e27}
.touch-device{--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(12px,env(safe-area-inset-bottom));overscroll-behavior:none}
.touch-device button{touch-action:manipulation}
.touch-device.roam-mode .topbar{top:var(--safe-top);left:var(--safe-left);right:calc(var(--safe-right) + 52px);height:44px;padding:4px 8px;border-radius:13px;background:#102d35ed;color:#f8fcf7;border:1px solid #ffffff2b;box-shadow:none}
.touch-device.roam-mode .brand{font-size:15px;color:#fff}.touch-device.roam-mode .brand-emblem{height:28px;width:28px;font-size:21px}
.touch-device.roam-mode .profile-pill,.touch-device.roam-mode .roam-toggle,.touch-device.roam-mode .online-word{display:none}
.touch-device.roam-mode .top-right{margin-left:auto;gap:6px}.touch-device.roam-mode .online-pill,.touch-device.roam-mode .cash-pill{height:30px;padding:0 8px;font-size:11px}.touch-device.roam-mode .city-clock{display:block;position:static;transform:none;margin-left:auto;margin-right:8px;padding:6px 8px;font-size:10px;background:transparent;color:#dceede}
.touch-device.roam-mode .mobile-menu-toggle{display:block;position:fixed;z-index:110;right:var(--safe-right);top:var(--safe-top);width:44px;height:44px;border:1px solid #ffffff60;border-radius:13px;background:#133a32f2;color:#fff;font-size:23px}
.touch-device.roam-mode .mobile-game-menu:not(.hidden){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:fixed;z-index:105;right:var(--safe-right);top:calc(var(--safe-top) + 52px);bottom:var(--safe-bottom);width:min(320px,calc(100vw - var(--safe-left) - var(--safe-right)));overflow:auto;gap:7px;padding:10px;border:1px solid #ffffff55;border-radius:16px;background:#102a2af7;box-shadow:0 16px 50px #0005;align-content:start}
.mobile-game-menu button{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0c;color:#f3f7f2;font-size:12px;text-align:left;padding:8px}.mobile-game-menu button span{font-size:19px;width:24px;text-align:center}
.touch-device.roam-mode .world-tool,.touch-device.roam-mode .life-launch,.touch-device.roam-mode .destinations-button,.touch-device.roam-mode .roam-chat-toggle,.touch-device.roam-mode .roam-instructions,.touch-device.roam-mode .district-badge{display:none!important}
.touch-device.roam-mode .roam-status{left:var(--safe-left);top:calc(var(--safe-top) + 52px);width:180px;padding:8px 10px;border-radius:12px;background:#102d35c9;box-shadow:none}.touch-device .roam-status .roam-kicker{font-size:8px}.touch-device .roam-status strong{font-size:14px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-device .roam-status>span:nth-child(3){font-size:9px;min-height:0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-device .roam-meter{margin-top:5px;font-size:8px;gap:5px}.touch-device .roam-meter span{width:34px}.touch-device .roam-meter i{height:4px}.touch-device .road-warning{display:none}.touch-device .road-warning.danger{display:block;font-size:9px;margin:4px 0 0;padding:4px}.touch-device .roam-status .roam-speed{font-size:16px}
.touch-device.roam-mode .touch-controls{display:flex;position:absolute;inset:auto var(--safe-right) var(--safe-bottom) var(--safe-left);padding:0;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:3}
.touch-device .joystick-pad{display:block;width:112px;height:112px;border:2px solid #ffffff5c;background:#102e355f;border-radius:50%;position:relative;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 0 18px #ffffff08;user-select:none}
.touch-device .joystick-knob{position:absolute;width:46px;height:46px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#d1e9e1aa;border:2px solid #fff9;box-shadow:0 3px 12px #0004;pointer-events:none}
.touch-device .touch-right{display:grid;grid-template-columns:52px 72px;gap:8px;align-items:end;pointer-events:auto}.touch-device .touch-turn{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.touch-device .touch-turn button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff70;background:#163f37c9;color:#fff;font-size:23px;touch-action:none}.touch-device .touch-interact{grid-column:2;grid-row:2;width:72px;height:60px;border-radius:20px;border:1px solid #f8de85;background:#ddbd72ec;color:#142d29;font-size:11px;font-weight:800;box-shadow:0 4px 18px #0003}.touch-device .touch-extras{grid-column:1;grid-row:2}.touch-device .touch-brake{display:none}.touch-device [data-travel="drive"] .touch-run{display:none}.touch-device [data-travel="drive"] .touch-brake{display:block}
.touch-device.roam-mode .roam-prompt{left:50%;right:auto;bottom:calc(var(--safe-bottom) + 8px);transform:translateX(-50%);min-width:0;width:min(260px,calc(100vw - 310px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:none;padding:8px 10px;font-size:10px;pointer-events:none}.touch-device .roam-prompt .prompt-key{display:none}
.touch-device.roam-mode .vehicle-button,.touch-device.roam-mode .view-button{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 125px);min-width:0;width:132px;min-height:44px;padding:8px;font-size:10px;border-radius:12px}.touch-device.roam-mode .view-button{bottom:calc(var(--safe-bottom) + 175px)}
.touch-device.roam-mode .touch-look{display:block;position:absolute;left:38%;right:160px;top:25%;bottom:90px;pointer-events:auto;touch-action:none;z-index:1}
.touch-device.roam-mode .navigation-card{top:calc(var(--safe-top) + 52px);bottom:auto;left:50%;transform:translateX(-50%);width:min(270px,calc(100vw - 430px));padding:8px;font-size:11px}.touch-device .navigation-card p{font-size:11px;margin:4px 0}.touch-device .navigation-card strong{font-size:12px}.touch-device .navigation-card .nav-arrow{font-size:22px}
.touch-device.roam-mode .connection-status{display:block;position:fixed;z-index:19;left:calc(var(--safe-left) + 122px);bottom:calc(var(--safe-bottom) + 2px);font-size:8px;color:#dfebe5;text-shadow:0 1px 3px #000;pointer-events:none}
.touch-device .life-drawer,.touch-device .world-panel,.touch-device .destination-panel,.touch-device .roam-action-menu,.touch-device.roam-mode .right-stack.roam-chat-open{position:fixed;z-index:120;top:var(--safe-top);bottom:var(--safe-bottom);left:auto;right:var(--safe-right);width:min(420px,calc(100vw - var(--safe-left) - var(--safe-right)));max-height:none;transform:none;overflow:auto;margin:0}
.touch-device .roam-action-menu{padding:15px}.touch-device .life-drawer header{padding:12px 16px}.touch-device .life-drawer h2,.touch-device .world-panel h2{font-size:19px}.touch-device .life-wallet{padding:0 16px 8px}.touch-device .life-drawer nav{padding-bottom:7px}.touch-device .life-content{padding:10px 16px}.touch-device .life-note{padding:7px 16px}.touch-device .world-panel{padding:14px}.touch-device .destination-panel{padding:14px}.touch-device .destination-list{max-height:none}.touch-device .life-shift,.touch-device .resident-dialogue{left:50%;bottom:calc(var(--safe-bottom) + 55px);max-width:calc(100vw - 330px);font-size:11px;padding:8px}.touch-device .toast{max-width:calc(100vw - 48px);bottom:calc(var(--safe-bottom) + 20px);z-index:220}
.touch-device .help-modal,.touch-device .welcome-modal{max-height:calc(100dvh - 24px);overflow:auto}.touch-device .welcome-art{display:none}.touch-device .welcome-modal{padding:18px}.touch-device .welcome-copy h2{margin:5px 0;font-size:23px}.touch-device .welcome-copy p{margin:5px 0}.touch-device .modal-close,.touch-device .roam-action-head button,.touch-device .life-drawer header button,.touch-device .destination-heading>button{min-width:44px;min-height:44px}
.touch-device.mobile-paused .touch-controls,.touch-device.mobile-paused .touch-look,.touch-device.mobile-panel-open .vehicle-button,.touch-device.mobile-panel-open .view-button{visibility:hidden}
.touch-device .mapboxgl-ctrl-bottom-right{bottom:0!important;right:0;font-size:9px}.touch-device .mapboxgl-ctrl-logo{transform:scale(.7);transform-origin:left bottom}
@media(orientation:landscape) and (max-height:390px){.touch-device .roam-status{width:165px}.touch-device .roam-status>span:nth-child(3),.touch-device .roam-kicker,.touch-device .roam-status .road-warning{display:none}.touch-device .joystick-pad{width:96px;height:96px}.touch-device .roam-status .roam-meter{display:inline-flex;width:46%;margin-right:3%}.touch-device .roam-meter span{width:auto}.touch-device.roam-mode .view-button{bottom:calc(var(--safe-bottom) + 170px)}.touch-device .city-clock{display:none!important}.touch-device.roam-mode .navigation-card{width:calc(100vw - 370px)}.touch-device .life-note{display:none}}
.touch-device:not(.roam-mode) .left-panel,.touch-device:not(.roam-mode) .right-stack{display:none}
.touch-device:not(.roam-mode) .left-panel.mobile-open,.touch-device:not(.roam-mode) .right-stack.chat-mobile,.touch-device:not(.roam-mode) .right-stack.place-mobile{display:flex;position:fixed;left:var(--safe-left);right:auto;top:64px;bottom:72px;width:min(380px,calc(100vw - var(--safe-left) - var(--safe-right)));z-index:21}
.touch-device:not(.roam-mode) .right-stack.chat-mobile .place-panel,.touch-device:not(.roam-mode) .right-stack.place-mobile .chat-panel{display:none}
.touch-device:not(.roam-mode) .right-stack.chat-mobile .chat-panel{height:100%;min-height:0}
.touch-device:not(.roam-mode) .mobile-dock{display:flex;position:fixed;z-index:22;left:50%;right:auto;transform:translateX(-50%);bottom:var(--safe-bottom);height:52px;width:min(360px,calc(100vw - 32px));border-radius:16px;justify-content:space-around;background:#fffffff2;box-shadow:0 6px 24px #172d3033;padding:4px}
.touch-device .mobile-dock button{min-width:62px;border:0;background:none;color:#56836c;font-size:10px;font-weight:800;border-radius:10px}.touch-device .mobile-dock button span{display:block;font-size:19px}.touch-device .mobile-dock button.active{background:#e2f3e9;color:#1c8c5d}
.touch-device:not(.roam-mode) .map-tools{right:var(--safe-right);top:70px}.touch-device:not(.roam-mode) .map-caption{display:none}
.touch-device.roam-mode #chatCollapse{min-width:44px;min-height:44px;font-size:22px}
.touch-device.mobile-paused .roam-prompt{visibility:hidden}.touch-device .life-actions button,.touch-device .life-content form button,.touch-device .life-drawer nav button{min-height:44px}