/* All play, navigation and companion apps live within a single viewport. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}main{height:100%;padding:0;margin:0}.cinematic-stage{height:100dvh;min-height:0;padding:0;overflow:hidden}.cinematic-stage>.world-shell{height:100%;inset:0}.masthead{position:fixed;inset:12px 18px auto;height:56px;z-index:5}.masthead .shop-nav{display:none}.masthead .leaderboard-nav{display:flex;gap:8px;align-items:center;padding:5px 10px;border:1px solid #ffc77955;border-radius:9px;font-size:27px;line-height:1}.masthead .leaderboard-nav span{display:inline;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:0}.scene-intro{top:110px;left:34px;max-width:calc(100% - 420px)}.scene-intro h1{font-size:clamp(38px,5.2vw,80px)}.scene-intro p{font-size:12px;max-width:390px}.world-toolbar{top:87px;right:28px;left:auto}.world-toolbar button{width:36px;height:32px}.quest-sidebar{top:auto;right:24px;bottom:24px;width:330px;max-height:calc(100dvh - 150px);padding:18px;margin:0;overflow:auto;border-radius:16px}.quest-sidebar>.next-mission{margin:0;padding:0;border:0}.next-mission h2{font-size:30px}.next-mission>p{font-size:12px;min-height:0;margin:10px 0}.next-mission .micro{font-size:9px}.guided-controls{display:flex;gap:10px}.guided-controls .main-button{min-height:48px;font-size:20px}.guided-controls strong{font-size:10px}.next-mission-heading .destination-art{width:44px;height:48px;flex-basis:44px}.navigation-map,.story-arrived[data-scene-kind='interior'] .navigation-map{width:155px;height:155px;bottom:38px;left:24px;opacity:1}.navigation-map .map-badge{font-size:7px}.map-expand{position:absolute;inset:0;border-radius:50%;z-index:5;border:0;background:transparent;min-height:44px}.map-expand>span{position:absolute;right:8px;bottom:8px;background:#111d2d;border:1px solid #fabb6999;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:21px;color:#ffcc8b}.map-expand:hover{box-shadow:inset 0 0 0 3px #ffbb7566}.map-expand:focus-visible{outline-offset:5px}.map-badge{pointer-events:none}.autopilot-hud,.story-arrived[data-scene-kind='interior'] .autopilot-hud{left:calc((100% - 360px)/2);bottom:108px;right:auto;min-width:0;max-width:calc(100% - 590px);padding:8px 16px;transform:translateX(-50%);font-size:10px;white-space:normal}.autopilot-hud strong,.story-arrived .autopilot-hud strong{font-size:10px}.autopilot-hud div>span{font-size:8px;letter-spacing:1px}.travel-readout,.cinematic-stage[data-opening-drive='true'] .travel-readout{left:calc((100% - 360px)/2);right:auto;bottom:179px;width:235px;max-width:30%;transform:translateX(-50%)}.game-dock{position:absolute;z-index:5;left:calc((100% - 360px)/2);bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:5px;margin:0;padding:5px 8px;border:1px solid #fbc57c66;border-radius:17px;background:linear-gradient(130deg,#181a2def,#202331eb);box-shadow:0 12px 35px #0005;backdrop-filter:blur(18px)}.game-dock button{min-width:62px;min-height:52px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 10px;color:#f8dfc2}.game-dock button:hover{background:#ffb0541a;color:#ffbb6a}.game-dock button>span:first-child{font:27px/1 var(--display);color:#ffba66}.game-dock button>span:last-child{font-size:9px;letter-spacing:.3px}.dashboard-link{display:none}.scene-loading .game-dock{opacity:.5}
/* A tactile phone with its own scrollable apps, never a second web page. */
#leaderboard-dialog.trader-phone{position:fixed;inset:auto 24px 22px auto;margin:0;width:420px;height:min(750px,calc(100dvh - 44px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 44px);padding:0;border:6px solid #080c13;border-radius:36px;background:radial-gradient(ellipse at 90% 0,#49314d66,transparent 60%),#141a26;box-shadow:0 0 0 1px #b8a18b99,0 25px 100px #000b;overflow:hidden;backdrop-filter:none}#leaderboard-dialog[open]{display:flex;flex-direction:column}#leaderboard-dialog::backdrop{background:#060b174d;backdrop-filter:blur(3px)}.phone-status{height:34px;min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:8px;font-weight:700;letter-spacing:1px;color:#efdcbe}.phone-status i{position:absolute;top:5px;left:50%;transform:translateX(-50%);height:19px;width:90px;border-radius:12px;background:#080c13}.trader-phone .dialog-top{padding:10px 18px 15px;min-height:65px;border-color:#ffffff14;background:none;flex-shrink:0}.trader-phone .dialog-top .eyebrow{font-size:7px;letter-spacing:1.3px}.trader-phone #phone-title{font:700 27px/1 var(--display);letter-spacing:1px;margin:5px 0 0}.trader-phone .board-toolbar{gap:6px}.board-toolbar button{min-height:40px;min-width:40px;border:1px solid #ffffff22;border-radius:50%;font-size:23px!important}.phone-tabs{display:flex;padding:0 15px 12px;gap:6px;border-bottom:1px solid #ffffff12;flex-shrink:0}.phone-tabs button{flex:1;min-width:0;min-height:42px;border-radius:10px;background:#ffffff07;font-size:11px;color:#bdb9c4;white-space:nowrap;padding:5px}.phone-tabs button[aria-selected='true']{background:#f6ad4e;color:#1b1720;font-weight:700}.phone-tabs>button:last-child{color:#ffca80}.phone-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7e6274 transparent}.phone-scroll [hidden]{display:none!important}.phone-home{height:28px;min-height:28px;width:100%;padding:10px;display:grid;place-items:center}.phone-home span{width:105px;height:4px;border-radius:3px;background:#ede3d2aa}#leaderboard-body{padding:20px 18px 22px}.board-intro .eyebrow{font-size:7px;letter-spacing:.8px}.board-intro h2{font:700 34px/1 var(--display);letter-spacing:0;margin:12px 0}.board-intro>p{font-size:11px;line-height:1.7}.trader-phone .board-stats{gap:8px;padding:14px 10px;margin:18px 0 13px}.trader-phone .board-stats>div>span{font-size:7px}.trader-phone .board-stats strong{font:700 28px var(--display);margin:7px 0}.trader-phone .board-stats small{font-size:8px}.board-next{font-size:11px;margin-bottom:14px}.trader-phone .board-table-wrap{overflow:visible}.trader-phone .board-table{font-size:11px;table-layout:fixed}.trader-phone .board-table th{padding:10px 3px;font-size:7px;white-space:normal}.trader-phone .board-table th:first-child{width:49%}.trader-phone .board-table td{padding:14px 3px;font-size:11px;overflow-wrap:anywhere}.trader-phone .board-table td:first-child{gap:6px}.trader-phone .rank-token{font-size:12px;min-width:23px;flex-shrink:0}.trader-phone .board-table th:nth-child(4),.trader-phone .board-table td:nth-child(4){display:none}.trader-phone .board-table td small{font-size:6px;margin-left:3px;padding:2px}.trader-phone .comparison-heading{display:block}.trader-phone .comparison-heading h3{font:600 26px var(--display);letter-spacing:0}.trader-phone .comparison-heading label{margin-top:15px}.trader-phone .comparison-heading select{width:100%;max-width:none;min-height:44px;font-size:14px;background:#202838;border-color:#ffffff30}.trader-phone .comparison-bars{grid-template-columns:1fr;gap:17px}.trader-phone .comparison-legend{font-size:10px;gap:12px}.trader-phone .board-footnote{font-size:9px;color:#a5a0aa}.trader-phone .board-empty{padding:20px 12px;background:#ffffff04;border-color:#ffffff30}.trader-phone .board-empty strong{font-size:16px}.trader-phone .board-empty p{font-size:11px}
/* Existing live stats, reward wallet, badges and settings inside My stats. */
.trader-phone .player-dashboard{padding:0 18px;max-width:100%;margin:0}.trader-phone .intro{display:block;margin:0 0 18px}.trader-phone .intro>div:first-child{display:none}.trader-phone .intro-right{width:100%;margin:0;padding:0}.trader-phone .intro-right>p{display:none}.trader-phone .player-status{padding:16px 0 0;border:0;gap:10px}.trader-phone .intro .micro{font-size:7px}.trader-phone .intro .xp-status strong{font-size:18px}.trader-phone .wallet-strip{display:flex;flex-direction:column;align-items:stretch;padding:17px;gap:18px;margin-bottom:16px}.trader-phone .wallet-balance strong{font-size:34px}.trader-phone .wallet-mastery{width:100%}.trader-phone .wallet-mastery .micro{font-size:8px}.trader-phone .wallet-reward{text-align:left;border-top:1px solid #ffffff1a;padding-top:14px}.trader-phone .wallet-reward strong{font-size:22px}.trader-phone .leaderboard-preview{display:block;padding:17px;margin:0 0 16px}.trader-phone .leaderboard-preview h2{font-size:28px;margin:7px 0}.trader-phone .leaderboard-mini-stats{padding:14px 0;gap:9px;margin:12px 0}.trader-phone .leaderboard-mini-stats span{font-size:7px}.trader-phone .leaderboard-mini-stats strong{font-size:22px}.trader-phone .leaderboard-preview-actions{display:grid;gap:10px}.trader-phone .leaderboard-preview-actions .main-button{width:100%}.trader-phone .below-world{display:flex;flex-direction:column;gap:18px;align-items:stretch;margin:0;padding:0 0 18px}.trader-phone #badge-row{flex-wrap:wrap;gap:7px}.trader-phone .below-world .rules-note{width:100%;padding:14px}.trader-phone footer{margin:0 18px;padding:17px 0 20px;display:flex;flex-direction:column;gap:10px;align-items:stretch}.trader-phone footer p{font-size:10px}.trader-phone footer button{margin:0;text-align:left;min-height:40px}.trader-phone .sidebar-tools{padding:12px 18px;margin:0;border:0;background:#ffffff03;display:flex;gap:5px;align-items:center}.trader-phone .sidebar-tools button{font-size:10px;min-height:40px;padding:5px;display:block}.trader-phone .sidebar-tools .username-trigger{max-width:160px;font-size:11px}.trader-phone .sidebar-tools .icon-button span{font-size:10px}.trader-phone .quiet-button{display:block}
/* Mission map as a full in-game GPS with the same live route and progress. */
#map-dialog{width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#141e2b}#map-dialog .dialog-top{padding:18px 22px}#map-title{font:700 34px/1.1 var(--display);letter-spacing:.5px;margin-top:5px}#map-dialog .close-shop{min-width:44px;min-height:44px}.district-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0}.district-map-art{position:relative;align-self:stretch;min-height:400px;background:#102630;border-right:1px solid #ffffff15;display:flex;align-items:center;padding:32px 12px 60px;overflow:hidden}#district-map{width:100%;height:auto;aspect-ratio:8/5;display:block}.map-location{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;gap:8px;border:1px solid #fcb66066;border-radius:9px;padding:11px 12px;background:#101c2ae0;font-size:10px;color:#ffe2b5}.map-legend{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#e5c798}.map-missions{padding:16px}.map-missions .sidebar-heading{padding:0 0 14px}.map-missions .sidebar-heading .micro{font-size:8px;letter-spacing:1px}.map-missions .sidebar-heading strong{font-size:9px}.map-missions .quest-list{display:flex;flex-direction:column;gap:7px;grid-template-columns:1fr}.map-missions .quest-item{min-height:47px;padding:0 10px 0 0;gap:8px}.map-missions .quest-icon{height:45px;flex-basis:37px}.map-missions .quest-info strong{font-size:12px}.map-missions .quest-chevron{display:grid;font-size:10px}.map-route-note{font-size:10px;line-height:1.7;color:#a9b3c4;margin-top:14px}
/* Mission and reward sheets always remain inside the available screen. */
dialog{max-height:calc(100dvh - 28px);overscroll-behavior:contain;scrollbar-width:thin}dialog .dialog-top{position:sticky;top:0;z-index:5;background:#151b2cf5}dialog.mission-passed-dialog .dialog-top{position:static;background:transparent}#shop-dialog{width:min(760px,calc(100vw - 28px))}#toast{max-width:calc(100vw - 32px);bottom:100px;font-size:12px;padding:12px 18px;z-index:100}
@media(max-width:1050px) and (min-width:701px){.arcade-label{display:none}.scene-intro{max-width:calc(100% - 335px);left:27px}.scene-intro h1{font-size:48px}.quest-sidebar{width:290px;right:18px;bottom:20px}.next-mission h2{font-size:26px}.next-mission>p{font-size:11px}.navigation-map,.story-arrived[data-scene-kind='interior'] .navigation-map{width:120px;height:120px;left:20px;bottom:33px}.game-dock{left:calc((100% - 295px)/2);bottom:20px}.game-dock button{min-width:51px;padding:4px 7px}.autopilot-hud,.story-arrived[data-scene-kind='interior'] .autopilot-hud{left:calc((100% - 300px)/2);bottom:100px;max-width:240px}.travel-readout,.cinematic-stage[data-opening-drive='true'] .travel-readout{left:calc((100% - 300px)/2);bottom:175px}}
@media(max-width:700px){.masthead{inset:max(8px,env(safe-area-inset-top)) 10px auto;height:52px;padding:0 12px;gap:10px}.masthead .brand{font-size:18px;letter-spacing:-.7px}.masthead .brand-bars{width:25px;height:26px}.masthead .header-stats{margin-left:auto;font-size:9px;letter-spacing:0}.masthead .header-level,.arcade-label{display:none}.masthead nav{gap:0;margin:0}.masthead .leaderboard-nav{padding:2px 10px;min-height:38px}.masthead .leaderboard-nav span{display:none}.scene-intro{top:94px;left:20px;right:20px;max-width:none}.scene-intro h1{font-size:clamp(36px,10.5vw,56px);max-width:100%;margin-top:10px;line-height:.94}.scene-intro .eyebrow{font-size:7px}.scene-intro p{font-size:11px;max-width:310px;line-height:1.5;margin-top:9px}.world-toolbar{top:69px;right:14px;height:22px;font-size:6px}.world-toolbar button{height:28px;min-width:32px}.world-toolbar .signal{font-size:6px}.quest-sidebar{position:absolute;inset:auto 12px calc(88px + env(safe-area-inset-bottom));width:auto;margin:0;padding:14px;max-height:34dvh;border-radius:15px}.quest-sidebar>.next-mission{margin:0;padding:0}.next-mission-heading{gap:10px}.next-mission-heading .destination-art{width:35px;height:38px;flex-basis:35px}.destination-art svg{width:24px;height:24px}.next-mission .micro{font-size:7px;letter-spacing:1.6px}.next-mission h2{font-size:25px;margin-top:2px}.next-mission>p{display:none}.guided-controls{gap:8px;margin-top:8px}.guided-controls .ride-status strong{font-size:9px}.guided-controls .main-button{min-height:45px;font-size:18px;padding:8px 14px}.game-dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));transform:none;justify-content:space-around;border-radius:16px;padding:4px 8px;gap:0}.game-dock button{min-height:53px;flex:1;padding:3px 6px;min-width:0}.game-dock button>span:last-child{font-size:10px}.navigation-map,.story-arrived[data-scene-kind='interior'] .navigation-map{width:102px;height:102px;left:19px;bottom:calc(278px + env(safe-area-inset-bottom));opacity:1}.navigation-map .map-badge{font-size:5px;margin-top:5px}.map-expand>span{width:26px;height:26px;right:0;bottom:0;font-size:18px}.map-north{font-size:7px;top:10px;right:18px}.map-coordinate{font-size:5px;bottom:10px}.autopilot-hud,.story-arrived[data-scene-kind='interior'] .autopilot-hud{left:auto;right:18px;bottom:calc(278px + env(safe-area-inset-bottom));transform:none;min-width:0;max-width:calc(100% - 150px);padding:8px 11px;border-radius:12px}.autopilot-hud strong,.story-arrived .autopilot-hud strong{font-size:8px;letter-spacing:.5px}.autopilot-hud div>span{font-size:7px;letter-spacing:.5px}.autopilot-hud .steering-wheel{display:none}.travel-readout,.cinematic-stage[data-opening-drive='true'] .travel-readout{left:auto;right:18px;bottom:calc(345px + env(safe-area-inset-bottom));transform:none;max-width:calc(100% - 155px);width:190px;padding:9px}.travel-readout>span{font-size:6px}.travel-readout small{font-size:6px}.trader-phone .dialog-top{position:static;background:none}#leaderboard-dialog.trader-phone{inset:auto 8px calc(8px + env(safe-area-inset-bottom)) 8px;margin:auto;width:min(420px,calc(100vw - 16px));max-width:calc(100vw - 16px);height:calc(100dvh - 24px - env(safe-area-inset-bottom));max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));border-width:5px;border-radius:30px}.district-map-layout{grid-template-columns:1fr}.district-map-art{min-height:0;padding:55px 8px 42px;border-right:0;border-bottom:1px solid #ffffff20}.map-location{top:10px;left:12px;right:12px;padding:9px;font-size:9px}.map-legend{bottom:11px;font-size:9px}.map-missions{padding:15px}.map-missions .quest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.map-missions .quest-item{min-width:0;padding-right:7px;gap:6px;min-height:47px}.map-missions .quest-icon{flex-basis:27px;height:40px}.map-missions .quest-icon svg{width:19px;height:19px}.map-missions .quest-info strong{font-size:10px;line-height:1.3}.map-missions .quest-chevron{font-size:9px}.map-missions .sidebar-heading{padding-bottom:12px}#map-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:17px}#map-title{font-size:27px}#map-dialog .dialog-top{padding:12px 16px}.mission-content,.guide-content{padding:20px}.mission-content h3{font-size:21px}.answer{min-height:55px;font-size:13px;padding:12px}.mission-content h2{font-size:34px}.dialog-top{padding:12px 17px}.dialog-top .eyebrow{font-size:8px}.close-dialog,.close-shop{min-width:40px;min-height:40px}.discount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#shop-body{padding:20px}.shop-heading h2{font-size:32px}.results-content{padding:20px}.completion-details{padding:18px}.completion-band h2{font-size:48px}}
@media(max-height:650px) and (max-width:700px) and (orientation:portrait){.scene-intro{top:88px}.scene-intro h1{font-size:34px}.scene-intro p{display:none}.quest-sidebar{bottom:77px;padding:11px;max-height:30dvh}.guided-controls .ride-status{display:none}.guided-controls{margin-top:7px}.next-mission h2{font-size:23px}.game-dock{bottom:7px}.game-dock button{min-height:45px}.navigation-map,.story-arrived[data-scene-kind='interior'] .navigation-map{width:82px;height:82px;bottom:230px}.autopilot-hud,.story-arrived[data-scene-kind='interior'] .autopilot-hud{bottom:230px}.travel-readout,.cinematic-stage[data-opening-drive='true'] .travel-readout{bottom:290px}}
@media(max-height:530px) and (orientation:landscape){.masthead{height:45px;inset:7px 12px auto}.scene-intro{top:78px;left:22px;max-width:calc(100% - 340px)}.scene-intro h1{font-size:38px}.scene-intro p{display:none}.quest-sidebar{inset:auto 14px 14px auto;width:280px;padding:12px;max-height:calc(100dvh - 80px)}.next-mission h2{font-size:25px}.next-mission>p{display:none}.guided-controls{margin-top:10px}.game-dock{left:calc((100% - 300px)/2);right:auto;bottom:14px;transform:translateX(-50%);padding:2px 5px}.game-dock button{min-height:45px;min-width:49px}.navigation-map,.story-arrived[data-scene-kind='interior'] .navigation-map{width:86px;height:86px;left:17px;bottom:20px}.autopilot-hud,.story-arrived[data-scene-kind='interior'] .autopilot-hud{left:calc((100% - 300px)/2);right:auto;bottom:80px;transform:translateX(-50%);max-width:220px}.travel-readout,.cinematic-stage[data-opening-drive='true'] .travel-readout{left:calc((100% - 300px)/2);right:auto;bottom:143px;transform:translateX(-50%);max-width:220px}.world-toolbar{top:61px}.district-map-layout{grid-template-columns:minmax(0,1fr) 260px}.district-map-art{min-height:320px}.map-missions .quest-list{grid-template-columns:1fr}#leaderboard-dialog.trader-phone{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);inset:8px 14px 8px auto;width:390px}.phone-status{height:26px;min-height:26px}.trader-phone .dialog-top{min-height:53px;padding:5px 15px 10px}.phone-tabs{padding-bottom:8px}.phone-tabs button{min-height:36px}.phone-home{height:20px;min-height:20px}}
@media(prefers-reduced-motion:reduce){.trader-phone,.game-dock{scroll-behavior:auto}}

.game-dock svg{width:23px;height:23px;display:block;margin:0 auto 3px}.masthead .leaderboard-nav svg{width:23px;height:23px}.phone-primary-tabs{display:flex;flex:2;gap:6px;min-width:0}.phone-tabs>.phone-primary-tabs+button{flex:1}.trader-phone #sound span{display:inline}.trader-phone[open]{animation:phone-in .25s ease-out}@keyframes phone-in{from{opacity:0;transform:translateY(24px) rotate(1deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.trader-phone[open]{animation:none}}@media(min-width:701px) and (max-width:850px) and (min-height:531px){.navigation-map,.story-arrived[data-scene-kind='interior'] .navigation-map{bottom:180px;width:100px;height:100px}}

/* Retained Traderscale logo and a dock centred on the whole gameplay area. */
.masthead{height:72px}.masthead .brand{display:flex;align-items:center;flex:0 0 auto;padding:0;line-height:0}.masthead .brand img{display:block;width:83px;height:56px;object-fit:contain}
.game-dock{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px)}
@media(min-width:701px) and (max-width:900px){.quest-sidebar{bottom:102px;max-height:calc(100dvh - 190px)}}
@media(max-width:700px){.masthead{height:58px}.masthead .brand img{width:65px;height:44px}.game-dock{left:50%;right:auto;width:calc(100% - 24px);max-width:360px;transform:translateX(-50%)}}
@media(max-height:530px) and (orientation:landscape){.masthead{height:45px}.masthead .brand img{width:49px;height:33px}.game-dock{left:50%;right:auto;width:max-content;max-width:calc(100% - 24px);transform:translateX(-50%)}}
@media(max-width:900px) and (max-height:530px) and (orientation:landscape){.quest-sidebar{bottom:82px;max-height:calc(100dvh - 155px)}}