@font-face{font-family:League;src:url('../company-name-preview/assets/LeagueGothic-Regular.otf')}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020d16;color:#edf3f7;font:14px Arial,sans-serif}html,body,#app{touch-action:manipulation}body{background:radial-gradient(ellipse at top,#163447,#020d16 70%)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a,input{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #58d9f8;outline-offset:3px}#app{max-width:460px;margin:auto;min-height:100svh;background:linear-gradient(145deg,#082a40,#021522);box-shadow:0 0 80px #0009}h1,h2,h3,p{margin:0}h1{font:38px League,Arial;letter-spacing:.3px;line-height:1.1}h2{font:29px League,Arial;line-height:1.15}p{line-height:1.55}button.gold,.gold{border:1px solid #ffd265;border-radius:10px;padding:15px 17px;width:100%;color:#041521;background:linear-gradient(110deg,#ffc500,#ff9d00);font-weight:800;box-shadow:0 2px 0 #a56100}.secondary{background:#082a40;border:1px solid #49677d;color:#c7e2ee;padding:14px;border-radius:10px;font-weight:700}.text{background:none;border:0;color:#7dccdf;padding:14px;width:100%}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#ffc13e;font-weight:800;display:block;margin-bottom:9px}.heading{margin:6px 0 22px}.heading p{color:#9fb5c5;margin-top:9px;font-size:13px}.muted{color:#92abba;font-size:12px;margin:13px 0}.card{padding:20px;border:1px solid #365367;background:linear-gradient(120deg,#09314a,#031c2b);border-radius:15px;margin-bottom:16px;box-shadow:0 5px 15px #0002}.hud{padding:16px 15px 13px;background:linear-gradient(#062032,#041724);border-bottom:1px solid #243c4d}.company{display:flex;align-items:center;gap:10px;margin-bottom:15px}.company>img{width:49px;height:49px;object-fit:contain}.company>strong{font-size:14px;max-width:145px;overflow-wrap:anywhere}.level{margin-left:auto;min-width:118px;font-size:12px}.level small{font-size:9px;color:#b7c9d4}.meter{background:#294658;height:7px;border-radius:10px;overflow:hidden;margin:7px 0}.meter>span{height:100%;display:block;background:linear-gradient(90deg,#ffc924,#ffab08);border-radius:10px;transition:width 1s linear}.wallet{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:7px}.wallet>div{display:flex;align-items:center;gap:7px;border:1px solid #3b586a;border-radius:9px;padding:9px 7px;background:#052237}.wallet img{width:33px;height:33px;object-fit:contain}.wallet small{font-size:8px;letter-spacing:1px;display:block;margin-bottom:4px;color:#b3c6d2}.wallet b{font-size:13px}.content{padding:22px 17px 110px;min-height:calc(100svh - 147px)}nav{position:fixed;bottom:0;width:min(460px,100%);z-index:3;display:flex;background:#031725ef;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid #375365;backdrop-filter:blur(12px)}nav button{flex:1;border:0;border-radius:9px;padding:7px 0;background:none;color:#8ba4b7;font-size:10px}nav img{display:block;width:29px;height:29px;object-fit:contain;margin:0 auto 5px}nav button[aria-current]{color:#ffc02b;background:#103449;box-shadow:inset 0 2px #ffc02b}.map{height:260px;background:#0d2628;position:relative;border:1px solid #3b5662;border-radius:16px;overflow:hidden;margin-bottom:17px;background-image:linear-gradient(35deg,transparent 40%,#153737 41%,#153737 56%,transparent 57%)}.map svg{width:100%;height:100%}.road{stroke:#46605b;stroke-width:4;fill:none}.route{stroke:#fcb515;stroke-width:3;fill:none;stroke-linejoin:round;stroke-dasharray:5 3}.map text{fill:#a1bfba;font:9px Arial;letter-spacing:1px}.map-label{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:1.6px;color:#88a7a3}.map-bottom{position:absolute;bottom:0;padding:11px;background:#041b20dd;width:100%;font-size:10px;text-align:right;color:#a2c5c8}.moving-truck{position:absolute;transform:translate(-50%,-50%);width:43px;transition:top 1s linear,left 1s linear}.moving-truck img{width:100%;filter:drop-shadow(0 3px 3px black)}.guidance h2{margin:7px 0 18px}.stats{display:flex;justify-content:space-around;text-align:center;margin:20px 0}.stats>div{font-size:10px;color:#9eb6c6;flex:1}.stats>div+div{border-left:1px solid #365064}.stats strong{display:block;color:#fff;font-size:24px;margin-bottom:6px}.save-note{text-align:center;color:#6fbaaa;font-size:10px;margin-top:22px}.save-note button,.board-note button{border:0;background:none;color:#62c6e5;font-size:11px;padding:8px}.truck-stage{height:170px;display:grid;place-items:center;background:radial-gradient(ellipse at bottom,#46626b55,transparent 70%)}.truck-art{width:100%;height:165px;object-fit:contain}.truck-title{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.badge{font-size:9px;letter-spacing:.7px;background:#1f5a43;color:#98e2aa;border-radius:5px;padding:6px 8px}.truck-card>p{color:#9eb6c6;font-size:12px;margin:18px 0}.service-buttons{display:flex;gap:9px;margin-top:18px}.service-buttons>*{flex:1;width:50%!important;font-size:12px}.fuel{margin-top:0;height:5px}.fuel span{background:#31bfd6}.driver-choice{display:flex;align-items:center;gap:13px;width:100%;color:#fff;text-align:left;padding:14px}.driver-choice img,.driver-owned img{width:78px;height:85px;object-fit:contain}.driver-choice strong{font-size:15px;display:block;margin-bottom:8px}.driver-choice small{font-size:11px;color:#9fbaca}.driver-choice>b{margin-left:auto;color:#ffc224}.driver-choice.selected{border-color:#ffbf1c}.driver-owned{display:flex;align-items:center;gap:12px}.driver-owned p{font-size:11px;color:#9eb6c6;margin-top:10px}.driver-owned h2{margin-bottom:10px}.tabs{display:flex;gap:8px;margin-bottom:15px}.tabs button{flex:1;border:1px solid #405f73;background:#092a3e;color:#b1c7d5;padding:12px;border-radius:9px}.tabs .selected{border-color:#e6ad22;color:#ffc420;background:#183642}.board-note{display:flex;justify-content:space-between;align-items:center;color:#9db9c7;font-size:11px;margin-bottom:10px}.job h2{font-size:30px}.destination{font-size:12px;color:#b1c9d8;margin:14px 0}.destination span{color:#ffc300}.job-stats{display:flex;justify-content:space-between;font-size:12px;padding:14px 0;border-top:1px solid #304d62;border-bottom:1px solid #304d62;align-items:center}.job-stats strong{color:#93d756;font-size:22px}.availability{font-size:11px;color:#adc7d3;margin:15px 0}.job .gold{font-size:13px}.empty{text-align:center;padding:30px 20px}.empty p{margin:12px 0 20px;color:#a8becc}.active-trip{text-align:center}.active-trip>p{font-size:12px;color:#aac4d2;margin:10px 0}.active-truck{height:145px;width:100%;object-fit:contain;margin:12px 0}.trip-driver{font-size:12px;color:#a9c9d7}.trip-time{margin:20px 0 12px}.trip-time strong{font:55px League;color:#ffc327;display:block}.trip-time span{font-size:11px;color:#9cbbcc}.reward-line{display:flex;gap:10px;justify-content:center;margin:20px 0;color:#a6df63}.reward-line b{background:#0c3548;border:1px solid #356077;border-radius:9px;padding:12px;font-size:16px}.history-row{display:flex;justify-content:space-between;font-size:12px;padding:13px 0;border-bottom:1px solid #214254;color:#a8c0cf}.history-row b{color:#a4d471}.section-title{color:#8faebb;font-size:11px;margin:25px 0 8px;text-transform:uppercase;letter-spacing:1px}.milestone{text-align:center;border-color:#ffbe20}.milestone h2{font-size:43px;color:#ffd147}.milestone p{font-size:12px;color:#b5cbd7;margin-top:10px}.milestone .reward-line b{font-size:12px}.onboarding{min-height:100svh;padding-bottom:30px}.setup-header{display:flex;align-items:center;justify-content:space-between;padding:24px 22px 18px;text-align:center;font:18px League;color:#ffb800}.setup-header>span{width:35px}.setup-header b{color:#fff;margin-left:6px;font-weight:400}.back{width:35px;font-size:35px;background:none;color:white;border:0}.steps{display:flex;gap:6px;margin-top:13px}.steps i{height:7px;flex:1;background:#314855;border-radius:6px}.steps .on{background:#ffb500}.garage-hero{position:relative;height:285px;overflow:hidden}.garage-bg{position:absolute;width:100%;top:-80px}.garage-sign{position:absolute;top:28px;width:100%;text-align:center;font:25px League;color:#ffca4b;text-shadow:0 3px 3px #000;overflow-wrap:anywhere;padding:0 25px}.setup-body{padding:24px}.setup-body .heading{text-align:center}.setup-body form label{display:block;color:#b1c9d7;font-size:12px;margin-bottom:10px}.setup-body input{width:100%;padding:17px;border:1px solid #6d8b9c;border-radius:10px;background:#011624;color:#fff;font-size:18px}.setup-body small{display:block;color:#8aa8bd;font-size:11px;margin:10px 0 24px}.logo-hero{height:235px;display:grid;place-items:center;background:radial-gradient(ellipse at bottom,#2f4e58,transparent 70%);position:relative}.logo-hero>img:first-child{width:90%;height:220px;object-fit:contain}.truck-logo{position:absolute;width:35px;height:35px;object-fit:contain;left:46%;top:40%;opacity:.7}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.logo-grid button{position:relative;aspect-ratio:1.1;border:1px solid #678599;border-radius:10px;background:#062234}.logo-grid img{width:78%;height:78%;object-fit:contain}.logo-grid .selected{border:2px solid #ffbe00}.logo-grid span{display:none;position:absolute;right:5px;top:3px;color:#ffbf00}.logo-grid .selected span{display:block}.certificate{background:linear-gradient(120deg,#dfc77f,#f4e5ac);color:#0a2c36;border:9px solid #847455;border-radius:12px;text-align:center;padding:30px 20px;margin:26px 0;box-shadow:0 8px 20px #0008}.certificate>img{width:90px;height:90px;object-fit:contain;filter:brightness(.2)}.certificate>p{font:27px League;letter-spacing:2px;margin:16px 0}.certificate h2{font:35px League;overflow-wrap:anywhere;text-transform:uppercase}.certificate dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;text-align:left;font-size:12px;margin:25px 0}.certificate dd{margin:0;font-weight:bold}.approved{display:inline-block;border:2px solid #346a58;padding:9px;color:#346a58;transform:rotate(-8deg);letter-spacing:2px}.licence>.muted{text-align:center}dialog{width:calc(100% - 36px);max-width:390px;border:1px solid #dcac32;border-radius:20px;background:linear-gradient(120deg,#092e43,#021724);color:#f1f6f9;padding:25px;box-shadow:0 20px 80px #000a;max-height:90svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}dialog h2{font-size:35px}dialog p{font-size:13px;color:#a8c2d1;margin:12px 0 20px}.dialog-truck{width:100%;height:145px;object-fit:contain}.cost{display:flex;justify-content:space-between;font-size:13px;padding:13px 0;border-top:1px solid #2a4a5e}.cost:last-of-type{margin-bottom:20px}.assignment{display:flex;align-items:center;gap:15px;margin:20px 0;color:#a8c8d8;font-size:12px;line-height:1.8}.assignment img{width:140px}.result{text-align:center}.success{font-size:37px;background:linear-gradient(#60bd43,#267c43);border:2px solid #9ce467;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px}.level-reward{border:1px solid #9b8239;border-radius:12px;padding:16px;margin:15px 0;color:#ffc133}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,15px);background:#193c50;color:#fff;padding:14px 18px;border:1px solid #7797a5;border-radius:10px;max-width:390px;width:90%;z-index:10;opacity:0;pointer-events:none;transition:.2s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}.fatal{padding:35px}.fatal p{margin:20px 0}.fatal button{padding:15px}@media(min-width:650px){#app{border-left:1px solid #304859;border-right:1px solid #304859}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.offline-map{position:relative;border:1px solid #39566a;border-radius:15px;background:#061c2a;overflow:hidden;margin:0 0 20px}.geo-viewport{height:370px;position:relative;overflow:hidden;touch-action:none;background:#122127;cursor:grab}.geo-viewport:active{cursor:grabbing}.geo-viewport canvas,.geo-routes,.geo-hubs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.geo-routes{overflow:hidden}.geo-hub{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border:2px solid #9ce4d2;border-radius:50%;background:#0d574e;color:#70edd0;font-size:17px;line-height:20px;box-shadow:0 2px 5px #000c;z-index:1;padding:0}.geo-hub.locked{background:#26333e;border-color:#7a8c99;color:#9da7ae}.geo-hub.home{background:#9b6100;color:#fff;border-color:#ffda63;font-size:21px;z-index:2}.geo-hub.selected{outline:3px solid #4de3ee;outline-offset:3px;z-index:3}.geo-truck{position:absolute;pointer-events:none;color:#102533;background:#ffca24;border:2px solid #fff5be;box-shadow:0 1px 7px #000;border-radius:8px;width:29px;height:25px;font-size:21px;line-height:20px;text-align:center;z-index:4}.geo-caption{position:absolute;top:10px;left:10px;font-size:8px;letter-spacing:1.4px;background:#041820db;padding:7px;border-radius:5px;color:#d4e6de;pointer-events:none}.geo-controls{display:flex;gap:5px;padding:10px;border-top:1px solid #304b5b}.geo-controls button{background:#0c3045;border:1px solid #4a6577;border-radius:6px;color:#dcebf2;padding:9px 7px;font-size:11px;flex:1}.geo-controls button:nth-child(-n+2){font-size:20px;flex:0 0 35px;padding:3px}.geo-selector{padding:0 10px 10px;display:flex;align-items:center;gap:10px}.geo-selector label{font-size:10px;color:#a6c5d3}.geo-selector select{min-width:0;flex:1;max-width:100%;background:#06283a;border:1px solid #4f6c7c;border-radius:5px;padding:9px 5px;color:#dcebf2;font-size:11px}.geo-legend{display:flex;justify-content:space-around;font-size:8px;color:#a9c7d3}.geo-legend .gold-key{color:#f8cb34}.geo-status{font-size:10px;padding:10px;color:#c1d9e3;min-height:35px}.map-attribution{font-size:8px;color:#85b5c3;display:block;text-align:right;padding:0 10px 9px}.offline-status{font-size:10px;color:#9ed3bd;text-align:center;padding:8px}.geo-hub[hidden],.geo-truck[hidden]{display:none}
.geo-hub.compact{width:21px;height:21px;font-size:12px;line-height:16px;border-width:1.5px}.geo-hub.compact.locked{width:12px;height:12px;font-size:0;border-width:1px;opacity:.85}.geo-hub.compact.home{width:27px;height:27px;font-size:19px}.geo-hub.compact.selected{width:26px;height:26px;font-size:15px}.geo-truck{color:#102533}
.geo-truck{width:42px;height:26px;background:none;border:0;box-shadow:none;filter:drop-shadow(0 2px 3px #000);line-height:0}.geo-truck svg{width:100%;height:100%}
.fleet-search{display:block;font-size:12px;color:#a7c2d1;margin-bottom:18px}.fleet-search input{display:block;width:100%;border:1px solid #496b7f;border-radius:9px;color:white;background:#062237;padding:13px;margin-top:9px}.fleet-upgrade{display:flex;gap:10px;align-items:center;border-top:1px solid #305268;padding:13px 0;font-size:12px}.fleet-upgrade>div{flex:1}.fleet-upgrade small{display:block;color:#9fbdcd;font-size:10px;line-height:1.5;margin-top:7px}.fleet-upgrade button{font-size:11px;max-width:110px;padding:10px}.refuel-fleet,.train-driver{width:100%;margin-top:12px}.driver-owned{padding:0;gap:13px}.assignment-select{display:block;color:#a9c6d6;font-size:12px;margin:17px 0}.assignment-select select{display:block;width:100%;background:#082c41;border:1px solid #6a8a9c;border-radius:8px;color:white;padding:13px 8px;margin-top:8px}.assignment-error{color:#ffc05a!important}.history-row small{display:block;font-size:10px;color:#7da4b7;margin-top:5px}.wallet b{font-size:12px;overflow-wrap:anywhere}.truck-title h2{font-size:27px}.geo-truck{z-index:4}
.wallet{grid-template-columns:1fr 1.15fr .7fr;gap:6px}.wallet>div{gap:5px;min-width:0;padding:9px 6px}.wallet img{width:27px;height:29px}.wallet b{white-space:nowrap;overflow-wrap:normal;font-size:10px}.wallet small{font-size:7px;letter-spacing:.4px}.wallet>div>span{min-width:0}.fleet-upgrade .secondary{min-width:62px}
.primary-action{margin:0 0 14px}
.assignment-dialog>p{margin-bottom:14px}.assignment-picker{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;min-height:78px;margin:10px 0;padding:7px 9px;border:1px solid #46687c;border-radius:12px;background:linear-gradient(110deg,#0a3349,#041e2e);color:#a9c6d6}.assignment-visual{height:64px;display:grid;place-items:center;border-radius:9px;background:radial-gradient(ellipse at bottom,#38596a88,transparent 72%);overflow:hidden}.assignment-visual img{display:block;width:100%;height:100%;object-fit:contain}.assignment-visual.driver-visual img{width:68px;object-position:center bottom}.assignment-control{display:block;min-width:0;position:relative}.assignment-control>b{display:block;margin:0 0 6px;color:#fff;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.crew-picker{position:relative}.crew-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:45px;padding:7px 10px;border:1px solid #6a8a9c;border-radius:8px;background:linear-gradient(180deg,#0c3a52,#06283b);color:#fff;text-align:left;box-shadow:inset 0 1px #ffffff12}.crew-picker-trigger[aria-expanded="true"]{border-color:#ffc324;box-shadow:0 0 0 2px #ffc32422}.crew-picker-value{display:block;min-width:0}.crew-picker-value strong,.crew-picker-value small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-picker-value strong{font-size:12px}.crew-picker-value small{margin-top:3px;color:#8fc5d8;font-size:9px}.crew-picker-trigger>i{color:#ffc324;font-size:20px;font-style:normal;line-height:1;transition:transform .18s}.crew-picker-trigger[aria-expanded="true"]>i{transform:rotate(180deg)}.crew-picker-menu{position:absolute;z-index:20;top:calc(100% + 6px);right:0;width:min(285px,calc(100vw - 82px));max-height:224px;overflow:auto;padding:6px;border:1px solid #6f8da0;border-radius:11px;background:#061d2c;box-shadow:0 14px 28px #000c}.crew-picker-option{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;text-align:left}.crew-picker-option+.crew-picker-option{margin-top:4px}.crew-picker-option:hover,.crew-picker-option.selected{border-color:#d8a91c;background:#10384b}.crew-picker-option:disabled{opacity:.42}.crew-option-image{width:52px;height:45px;object-fit:contain}.crew-option-image.driver{height:50px;object-position:center bottom}.crew-picker-option span{min-width:0}.crew-picker-option strong,.crew-picker-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-picker-option strong{font-size:11px}.crew-picker-option small{margin-top:4px;color:#8fb5c6;font-size:9px}.crew-picker-option>i{color:#62d47b;font-size:11px;font-style:normal}.crew-picker-option:disabled>i{color:#91a3ad;font-size:8px}.assignment-cost{align-items:center;padding:9px 0}.assignment-cost>span{display:flex;align-items:center;gap:9px}.assignment-cost img{width:30px;height:30px;object-fit:contain}.assignment-cost b{white-space:nowrap}.assignment-dialog #confirm-dispatch{margin-top:5px}
.rep{font-size:9px;color:#ffd35c;border:1px solid #886c27;border-radius:10px;padding:5px 7px;white-space:nowrap}.contract-badge,.urgent-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:1px;border-radius:5px;padding:6px 8px;margin:0 6px 12px 0}.contract-badge{color:#bdefff;background:#16475f}.category-2{color:#aeeaa5;background:#24533a}.category-3{color:#ffd982;background:#57441c}.category-4{color:#e9ccff;background:#4d2e65}.urgent-badge{color:#fff;background:#b93432}.urgent-job{border-color:#a7463d;box-shadow:0 0 18px #8c292433}.requirements{font-size:10px;color:#b9d8e6;margin:13px 0;padding:10px;border-radius:7px;background:#061d2c}.hazard-inline{color:#ffbd58!important;background:#522d1d;padding:10px;border-radius:7px;margin-top:12px!important}.urgent-outcome{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #43864d;border-radius:9px;color:#a9eb99}.urgent-outcome.late{border-color:#9d403a;color:#ff9a8e}.event-modal,.hazard-modal{text-align:center}.event-icon{width:115px;height:115px;object-fit:contain;margin:0 auto 12px}.hub-unlock-image,.hazard-image{width:100%;height:175px;object-fit:contain;margin-bottom:12px}.event-reward{color:#a7e568!important;border:1px solid #47703d;border-radius:8px;padding:12px}.delay-box{font:34px League;color:#ffbd31;border:1px solid #704c23;background:#3b241b;border-radius:10px;padding:13px;margin:18px 0}.hazard-modal .secondary{width:100%;margin-top:10px}
.level-number{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:radial-gradient(circle,#ffd95c,#ee9e00);color:#062033;font:64px League;border:5px solid #fff1af;box-shadow:0 0 24px #ffc42588}
.company>strong{flex:1;min-width:0;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level{min-width:100px}@media(max-width:360px){.company .rep{display:none}}
.company-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.company-shortcuts button{min-height:78px;text-align:left;border:1px solid #426276;border-radius:12px;padding:13px;background:linear-gradient(135deg,#0c354a,#061d2c);color:white}.company-shortcuts span{display:block;color:#ffc230;font-size:9px;font-weight:800;letter-spacing:1px;margin-bottom:8px}.company-shortcuts b{font-size:11px;line-height:1.35}.upgrade-summary{display:flex;gap:14px;align-items:center;margin:8px 0 18px;padding:13px;border-radius:12px;background:#09283b;border:1px solid #34546a}.upgrade-summary img{width:58px;height:58px;object-fit:contain}.upgrade-summary strong,.upgrade-summary span{display:block}.upgrade-summary span{font-size:11px;color:#9cb9c9;margin-top:6px}.company-upgrade{display:flex;align-items:center;gap:13px;padding:15px}.company-upgrade>img{width:55px;height:55px;object-fit:contain}.upgrade-copy{min-width:0;flex:1}.upgrade-copy h2{font-size:23px}.upgrade-copy p{font-size:10px;color:#aac3d2;margin:6px 0}.company-upgrade>button{width:82px;padding:10px 7px;font-size:11px}.level-dots{display:flex;gap:4px}.level-dots i{width:13px;height:5px;border-radius:4px;background:#385263}.level-dots i.filled{background:#ffc123}.manager-card>img{display:block;width:100%;height:190px;object-fit:contain;object-position:center bottom;background:radial-gradient(ellipse at bottom,#28506488,transparent 70%);margin-bottom:15px}.manager-card p,.manager-intro p{color:#a9c2d1;margin:10px 0 18px}.manager-intro{text-align:center}.manager-hero{display:block;width:100%;height:220px;object-fit:contain;margin:-15px auto 8px}.manager-toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border:1px solid #667581;border-radius:9px;background:#263742;color:#c3d2d9;font-size:11px;font-weight:800}.manager-toggle span{width:13px;height:13px;border-radius:50%;background:#9ba6ac}.manager-toggle.on{border-color:#42b990;background:#123d37;color:#8ce5bd}.manager-toggle.on span{background:#45e0a4;box-shadow:0 0 9px #45e0a4}.readiness ul{padding-left:19px;color:#a9c3d2;font-size:11px;line-height:1.8}.readiness .stats{margin:18px 0}.offline-reward{text-align:center}.offline-hero{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:18px}.reward-chest{display:block;width:105px;height:105px;object-fit:contain;margin:5px auto}.offline-amount{display:block;font:47px League;color:#a9e574;margin:2px 0 18px}.offline-double{width:100%;margin-top:10px}.auto-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:1px;border-radius:5px;padding:6px 8px;margin:0 6px 12px 0;color:#8ce5e9;background:#174c55}nav button{min-width:0;font-size:9px}nav img{width:26px;height:26px}
.company-shortcuts button:last-child{grid-column:1/-1}.shop-tabs{position:sticky;top:0;z-index:2;background:#062034;padding:7px;border-radius:11px}.shop-back{text-align:left;padding-left:0}.sandbox-note,.sandbox-warning{border:1px solid #9a7430;background:#392d18;color:#ffd36c!important;border-radius:8px;padding:11px;font-size:10px;letter-spacing:.5px;margin:0 0 16px}.shop-product{display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center}.shop-icon{width:72px;height:72px;object-fit:contain;grid-row:1/3}.shop-product p{color:#9fb9c8;font-size:11px;margin-top:7px}.shop-product .gold{grid-column:2;width:100%;padding:11px}.daily-chest{text-align:center;border-color:#997228}.daily-chest p{color:#a9c1cf;margin:12px 0 16px}.daily-dots{display:flex;justify-content:center;gap:12px;margin:18px 0}.daily-dots i{width:38px;height:38px;border:2px solid #466274;border-radius:50%;display:grid;place-items:center;color:#486372;font-style:normal}.daily-dots i.filled{border-color:#61d99e;background:#194d3f;color:#8ef0bf}.reward-test{width:100%;margin-top:10px}.piggy-card{text-align:center}.piggy-image{display:block;width:150px;height:130px;object-fit:contain;margin:0 auto 6px}.piggy-card p{color:#a9c3d1;margin:10px 0}.piggy-card small{display:block;color:#7f9dad;font-size:9px;margin-top:10px}.piggy-progress{height:10px;background:#294657;border-radius:10px;overflow:hidden;margin:14px 0}.piggy-progress span{display:block;height:100%;background:linear-gradient(90deg,#27b9dd,#b2efff)}

/* Mockup-matched screens 01–06 */
.onboarding{position:relative;width:100%;min-height:max(100svh,760px);padding:0;overflow:hidden;background-size:100% 100%;background-position:top center;background-repeat:no-repeat}.onboarding-name{background-image:url('../Truck-UI/01-company-name/Backgrounds/background_company_name_1080x1920.webp')}.onboarding-logo{background-image:url('../Truck-UI/02-company-logo/Backgrounds/background_company_logo_1080x1920.webp')}.onboarding-licence{background-image:url('../Truck-UI/03-operating-licence/Backgrounds/background_operating_licence_1080x1920.webp')}
.setup-header{position:relative;z-index:4;height:86px;padding:24px 22px 12px;align-items:flex-start;font-size:22px;background:linear-gradient(#001523dd,transparent)}.setup-header>div{width:155px}.setup-header .back{padding:0;width:35px;height:35px;line-height:24px;font:42px Arial;background:transparent;box-shadow:none}.steps{gap:10px;margin-top:12px}.steps i{height:9px;background:#001421}.steps .on{background:linear-gradient(90deg,#ffc319,#ff9910)}
.onboarding .heading{text-align:center;margin:0 0 20px}.onboarding .heading .eyebrow:empty{display:none}.onboarding .heading h1{font-size:43px;text-shadow:0 2px 2px #000}.onboarding .heading p{font-size:15px;margin-top:8px;color:#b7c2c9}.onboarding .garage-bg{display:none}
.onboarding-name .garage-hero{position:relative;height:322px;overflow:visible}.onboarding-name .garage-sign{top:39px;left:15%;width:49%;height:66px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;line-height:10;color:#0a2435;text-shadow:none;text-transform:uppercase;padding:3px 7px;transform:translateY(1px) rotate(6deg);transform-origin:center}.onboarding-name .setup-body{position:relative;margin:-28px 7px 0;padding:0 8px 24px}.setup-panel{min-height:345px;border:2px solid #435a69;border-radius:18px;padding:24px 22px 20px;background:linear-gradient(135deg,#051d2dcc,#00111fd9);box-shadow:0 7px 22px #0008}.onboarding-name form label{color:#29d6a1;font-weight:800;font-size:14px;margin:0 0 8px}.name-field{position:relative}.onboarding-name .setup-body input{height:56px;padding:13px 54px 13px 16px;border:2px solid #ffae13;border-radius:10px;background:#062236df;font-size:21px;font-weight:800}.name-field>span{position:absolute;right:15px;top:12px;width:31px;height:31px;border:2px solid #38d3a3;color:#38d3a3;border-radius:50%;display:grid;place-items:center;font-weight:900}.name-suggestions{display:grid;grid-template-columns:1fr 1fr 1fr 38px;gap:7px;margin:13px 0}.name-suggestions button{min-width:0;height:40px;padding:4px;border:1px solid #315267;border-radius:7px;color:#f2f3ee;background:#0a2b40;font-size:9px;font-weight:700}.name-suggestions button:last-child{font-size:20px;color:#3bd8aa}.change-note{font-size:11px;color:#acbac4;margin:9px 0 15px}.onboarding-name .gold{height:58px;font:27px League}
.onboarding-logo .logo-hero{position:relative;margin-top:-86px;height:360px;overflow:hidden;background:#031624}.onboarding-logo .logo-hero>.logo-truck-preview{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;transition:opacity .18s ease}.onboarding-logo .setup-body{position:relative;padding:18px 17px 24px}.onboarding-logo .heading h1{font-size:37px}.onboarding-logo .logo-grid{gap:10px;margin:22px 0 24px}.onboarding-logo .logo-grid button{aspect-ratio:1.14;border:2px solid #7790a0;border-radius:10px;background:#052337d9}.onboarding-logo .logo-grid .selected{border-color:#ffad00;box-shadow:0 0 14px #f5a40044}.onboarding-logo .logo-grid span{right:4px;top:2px;width:22px;height:22px;border:2px solid #ffb000;border-radius:50%}.onboarding-logo .gold{height:55px;font:26px League}
.onboarding-licence .setup-body{padding:8px 28px 28px}.onboarding-licence .heading{margin:5px 0 18px}.onboarding-licence .heading h1{font-size:48px}.onboarding-licence .heading p{font-size:17px}.onboarding-licence .certificate{position:relative;margin:0 8px 26px;padding:16px;background:#091924;border:7px solid #213847;border-radius:18px;box-shadow:0 10px 30px #000b}.certificate-paper{position:relative;min-height:470px;padding:42px 28px 25px;background:linear-gradient(125deg,#fff7dd,#f5e4b9);border:2px solid #b79b62;color:#062031}.certificate-paper:before{content:'';position:absolute;left:22%;right:22%;top:-31px;height:48px;border:6px solid #344956;border-radius:9px;background:#0b1e29}.certificate-paper>img{width:76px;height:76px;object-fit:contain}.certificate-paper>p{font:36px League;letter-spacing:2px;line-height:.95;margin:8px 0 15px}.certificate-paper h2{font:31px League;border-top:1px solid #b7a87c;border-bottom:1px solid #b7a87c;padding:13px 0;text-transform:uppercase}.certificate-paper dl{display:grid;grid-template-columns:1fr 1.25fr;text-align:left;gap:5px 8px;margin:15px 0;font-size:12px}.certificate-paper dt{grid-column:1;font-weight:700}.certificate-paper dt span{font-weight:400;color:#50606a}.certificate-paper dd{grid-column:2;margin:0;font-weight:900}.certificate-paper .approved{position:absolute;right:18px;bottom:112px;border:3px solid #279474;color:#279474;font-weight:900;padding:9px;transform:rotate(-10deg)}.licence-seal{position:absolute;right:25px;bottom:24px;width:70px;height:70px;border:8px double #b56c00;border-radius:50%;display:grid;place-items:center;color:#754300;background:#f3a600;font-size:28px}.onboarding-licence .gold{height:61px;font:28px League}
.game{min-height:100svh;background:#001b2c}.game>.hud{height:153px;padding:22px 12px 13px;background:linear-gradient(#001a2b,#001524);position:relative;z-index:5}.hud .company{height:62px;margin:0;align-items:flex-start}.hud .company>img{width:54px;height:54px}.hud .company>strong{font-size:17px;line-height:20px;white-space:normal;max-width:105px;color:#fff}.hud .rep{display:none}.hud .level{min-width:150px;font-size:16px;margin-top:4px}.hud .level small{font-size:11px}.hud .meter{height:9px;margin:9px 0 5px}.hud .wallet{gap:7px}.hud .wallet>div{height:56px;padding:7px 8px;border:2px solid #344f61;border-radius:10px;background:#06243a}.hud .wallet img{width:38px;height:38px}.hud .wallet small{font-size:9px}.hud .wallet b{font-size:17px}
.game>.content{padding:0 15px 106px;min-height:calc(100svh - 153px);background:linear-gradient(#00243b,#001b2c)}.game>.content:has(.dashboard-map){position:relative;padding:0 0 96px;background:#061b1c;min-height:calc(100svh - 153px)}.dashboard-stage{position:relative;min-height:calc(100svh - 249px)}
.dashboard-map{position:absolute;inset:0;height:auto;margin:0;border:0;border-radius:0;background:transparent;opacity:.66;z-index:1}.dashboard-map .geo-viewport{height:100%;background:transparent}.dashboard-map canvas{mix-blend-mode:screen;opacity:.72}.dashboard-map .geo-controls,.dashboard-map .geo-selector,.dashboard-map .geo-legend,.dashboard-map .geo-status,.dashboard-map .map-attribution,.dashboard-map .geo-caption{display:none}.dashboard-map .geo-hub{transform:translate(-50%,-50%) scale(.75)}.dashboard-stage>.offline-status{position:absolute;z-index:2;left:10px;bottom:98px;font-size:0;padding:0}.dashboard-stage>.offline-status:before{content:'●';font-size:9px;color:#64dcb9}
.fleet-status{position:absolute!important;left:20px;top:20px;width:68px;height:68px;padding:0;border:0;background:transparent;z-index:4}.fleet-progress-ring{--fleet-progress:0;display:grid;width:68px;height:68px;padding:4px;border-radius:50%;place-items:center;background:conic-gradient(#24d6c4 calc(var(--fleet-progress)*1%),#304a59 0);box-shadow:0 2px 8px #000b}.fleet-progress-ring:before{content:'';position:absolute;inset:4px;border-radius:50%;background:#092333}.fleet-progress-ring img{position:relative;width:60px;height:60px;object-fit:contain;border-radius:50%;z-index:1}.fleet-status.has-active .fleet-progress-ring img{width:57px;height:57px;padding:3px;background:radial-gradient(circle,#315f4a 0 61%,#0b2638 62%)}.fleet-status b{position:absolute;right:-6px;top:-3px;background:#ef3735;color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;z-index:2}.action-rail{position:absolute!important;z-index:4;right:13px;top:23px;width:58px;display:grid;gap:7px}.action-rail button{position:relative;width:58px;height:55px;border:2px solid #40596a;border-radius:11px;background:linear-gradient(145deg,#092c43,#031724);color:white;padding:8px}.action-rail img{width:37px;height:37px;object-fit:contain}.action-rail span{display:none}.action-rail button:first-child{height:61px;background:linear-gradient(145deg,#ffc426,#f0980c);border-color:#ffd36b}.action-rail button>i{position:absolute;right:-2px;top:-5px;font-style:normal;font-size:9px;color:#ffbd21}.action-rail.expanded{width:168px}.action-rail.expanded button{width:168px;display:flex;align-items:center;gap:10px;text-align:left}.action-rail.expanded span{display:block;font-size:16px;font-weight:800}.action-rail.expanded button i{right:8px;top:20px}
.dashboard-save{position:absolute!important;z-index:4;left:6px;top:92px;opacity:0}.dashboard-save:focus-within{opacity:1}.dashboard-save button{font-size:8px;background:#001a2bcc;color:#9eb9c5;border:0}
.game>nav{height:96px;padding:8px 9px max(8px,env(safe-area-inset-bottom));gap:5px;background:#02192aef;border:1px solid #465b68;border-radius:13px 13px 0 0}.game>nav button{border:1px solid #39576a;border-radius:10px;background:linear-gradient(#0b3048,#041b2d);color:#fff;font-size:12px;font-weight:700}.game>nav img{width:42px;height:39px;margin:0 auto 4px}.game>nav button[aria-current]{border:2px solid #ffd037;background:linear-gradient(#173b4d,#092337);box-shadow:0 0 12px #ffd03444;color:#ffc420}
.jobs-screen{padding:22px 0 4px}.jobs-title{display:flex;align-items:center;gap:12px;margin:0 10px 14px}.jobs-title img{width:42px;height:46px;object-fit:contain}.jobs-title h1{font:48px League}.jobs-tabs{width:62%;margin-left:10px;gap:4px;margin-bottom:0}.jobs-tabs button{border-radius:11px 11px 0 0;font-size:15px}.mock-job-list{display:grid;gap:12px}.job-mock{border:1px solid #466174;background:linear-gradient(125deg,#063250,#021b2d);border-radius:15px;color:#f7f3eb}.job-expanded{padding:17px 18px;border:2px solid #f5b514}.job-title-row{display:grid;grid-template-columns:72px 1fr 36px 30px;align-items:center;gap:8px}.job-cargo{width:72px;height:66px;object-fit:contain}.job-title-row h2{font:30px League}.job-favourite{width:34px;height:34px;border:2px solid #ffbd15;border-radius:50%;color:#ffbd15;display:grid;place-items:center;font-size:26px}.job-road{font-size:26px}.route-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin:12px 0;padding-bottom:13px;border-bottom:1px solid #426073}.route-row b{color:#ffc11d}.job-rewards{display:grid;grid-template-columns:1.1fr 1fr .8fr .7fr;align-items:center;gap:5px;padding:12px 0;border-bottom:1px solid #426073}.job-rewards>*{font-size:13px;color:#45bdf1}.job-rewards strong{font-size:18px;color:#82cf41}.job-rewards .fuel-cost,.fuel-cost{color:#ff5938}.ready-row{display:flex;justify-content:space-around;color:#85d748;font-size:13px;margin:16px 0}.job-expanded .gold{font:25px League;height:52px}.job-compact{display:grid;grid-template-columns:74px 1fr 30px;align-items:center;gap:10px;padding:10px 12px}.job-badge{width:68px;height:72px;object-fit:contain}.job-compact h2{font:25px League;margin-bottom:4px}.job-compact p{font-size:12px;color:#d7e0e6}.job-compact p b{color:#ffbd19;font-size:19px;margin:0 8px}.job-compact div>div{display:flex;gap:11px;margin-top:7px;font-size:11px}.job-compact strong{color:#82d143;font-size:16px}.job-compact span{color:#43b8ee}.job-compact>button{border:0;background:none;color:#fff;font-size:28px}.jobs-screen .active-trip{margin-top:15px}
@media(max-width:360px){.setup-panel{padding-left:16px;padding-right:16px}.onboarding-name .setup-body{top:auto;margin-top:-20px}.name-suggestions{grid-template-columns:1fr 1fr}.name-suggestions button:last-child{grid-column:2}.onboarding-logo .setup-body{top:auto;padding-top:14px}.onboarding-logo .heading h1{font-size:34px}.onboarding-licence .setup-body{padding-left:17px;padding-right:17px}.certificate-paper{padding-left:16px;padding-right:16px}.hud .level{min-width:105px}.hud .company>strong{font-size:14px;max-width:75px}.job-title-row{grid-template-columns:58px 1fr 28px}.job-road{display:none}.job-cargo{width:58px}.route-row{font-size:11px}.game>.content{padding-left:10px;padding-right:10px}.game>.content:has(.dashboard-map){padding-left:0;padding-right:0}.jobs-tabs{width:75%}}
.mock-hud .hud-top{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:11px;height:62px}.mock-hud .company{display:grid;grid-template-columns:50px minmax(0,1fr) 18px;align-items:center;gap:5px;width:100%;height:58px;margin:0;padding:5px 7px;border:2px solid #445e6f;border-radius:13px;background:linear-gradient(135deg,#0a3047,#031a2a);color:#fff;text-align:left}.mock-hud .company>img{width:48px;height:48px;object-fit:contain}.mock-hud .company>strong{max-width:none;white-space:normal;overflow:hidden;font-size:14px;line-height:15px}.mock-hud .company>span{font-size:31px;line-height:1}.mock-hud .level{min-width:0!important;margin:4px 0 0;font-size:15px}.mock-hud .level>b{display:block}.mock-hud .level small{font-size:10px}.mock-hud .wallet{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.mock-hud .wallet>div{position:relative}.mock-hud .wallet>div>button{position:absolute;right:5px;width:27px;height:27px;padding:0;border:2px solid #ffc219;border-radius:7px;background:#062035;color:#ffc219;font-size:23px;line-height:20px}.mock-hud .wallet>div:last-child{display:grid;grid-template-columns:38px minmax(16px,1fr) 27px;align-items:center;gap:3px;padding:7px 5px}.mock-hud .wallet>div:last-child>img{width:38px;height:38px;object-fit:contain}.mock-hud .wallet>div:last-child>span{min-width:0;text-align:center}.mock-hud .wallet>div:last-child>button{position:static;right:auto;width:27px;height:27px}.mock-hud .wallet>div:last-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:360px){.mock-hud .hud-top{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:7px}.mock-hud .company{grid-template-columns:42px minmax(0,1fr) 12px;padding:4px}.mock-hud .company>img{width:40px;height:44px}.mock-hud .company>strong{font-size:12px;line-height:13px}.mock-hud .company>span{font-size:23px}.mock-hud .level{font-size:13px}.mock-hud .wallet img{width:31px;height:31px}.mock-hud .wallet>div:last-child{grid-template-columns:31px minmax(16px,1fr) 27px}.mock-hud .wallet>div:last-child>img{width:31px;height:31px}.mock-hud .wallet b{font-size:12px}.mock-hud .wallet small{font-size:7px}}

/* User verification fixes: truck decal scale and real dispatch progress. */
.onboarding-logo .logo-hero>.truck-logo{position:absolute;left:45%;top:38%;width:48px;height:48px;max-width:48px;object-fit:contain;opacity:.8}

.onboarding-logo .logo-hero>.truck-logo{top:55%}

/* Expandable rewarded-boost tray on the main dashboard. */
.boost-drawer{position:fixed;left:50%;bottom:96px;z-index:7;width:min(460px,100%);transform:translate(-50%,calc(100% - 36px));transition:transform .24s ease;filter:drop-shadow(0 -7px 14px #0008);pointer-events:none}
.boost-drawer.open{transform:translate(-50%,0)}
.boost-handle{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;width:98px;height:36px;margin:0 auto -1px;padding:4px 12px;border:2px solid #e5aa18;border-bottom:0;border-radius:13px 13px 0 0;background:linear-gradient(#123a4e,#061d2d);color:#ffc62b;font-size:10px;font-weight:900;letter-spacing:.7px;pointer-events:auto}
.boost-chevron{width:16px;height:13px;flex:0 0 16px;overflow:visible}.boost-chevron path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.boost-chevron.down{transform:rotate(180deg)}.boost-handle i{position:absolute;right:-5px;top:-6px;width:13px;height:13px;border:2px solid white;border-radius:50%;background:#ef3941;box-shadow:0 0 8px #ef3941}
.boost-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 8px 11px;border-top:2px solid #ca951e;background:linear-gradient(#071a28f7,#020d16f7)}
.boost-drawer:not(.open) .boost-tray{visibility:hidden;opacity:0;pointer-events:none}
.boost-drawer.open .boost-tray{visibility:visible;opacity:1;pointer-events:auto}
.boost-card{display:flex;min-width:0;min-height:174px;flex-direction:column;align-items:center;padding:8px 5px 6px;border:1px solid #3d5869;border-radius:9px;background:linear-gradient(#132f3e,#071c29);text-align:center;color:#fff}
.boost-card-icon{width:47px;height:47px;object-fit:contain;margin-bottom:4px}.boost-card h3{min-height:29px;font-size:11px;line-height:1.2;text-transform:uppercase}.boost-card strong{color:#52d56b;font-size:11px;margin:4px 0}.boost-card small{min-height:22px;color:#8ea6b3;font-size:8px;line-height:1.3}.boost-card button{width:100%;min-height:32px;margin-top:auto;padding:6px 2px;border:1px solid #4fd23b;border-radius:6px;background:linear-gradient(#2baa22,#14720f);color:white;font-size:9px;font-weight:900}
.boost-card.active{border-color:#57c66a;box-shadow:inset 0 0 15px #2fa64a2e}.boost-card.active button{background:#173c31;border-color:#4f826c;color:#9fe0bb}.boost-card.locked{filter:saturate(.45);opacity:.72}.boost-card.locked button{background:#17303a;border-color:#52636b;color:#9eacb1}

/* Keep the full diamond label visible while preserving a generous + hit area. */
.mock-hud .wallet>div:last-child{grid-template-columns:34px minmax(30px,1fr) 22px;gap:2px;padding-left:4px;padding-right:4px}
.mock-hud .wallet>div:last-child>img{width:34px;height:34px}
.mock-hud .wallet>div:last-child>button{position:relative;right:auto;width:22px;height:24px;padding:0;border-radius:6px;font-size:19px;line-height:17px}
.mock-hud .wallet>div:last-child>button::after{content:"";position:absolute;inset:-9px -7px}
.mock-hud .wallet>div:last-child small{overflow:visible;text-overflow:clip;font-size:8px;letter-spacing:.15px}
@media(max-width:360px){.mock-hud .wallet>div:last-child{grid-template-columns:31px minmax(29px,1fr) 20px}.mock-hud .wallet>div:last-child>button{width:20px;height:22px;font-size:17px}}
.mock-hud .wallet>div{overflow:hidden}.mock-hud .wallet>div>span{min-width:0;overflow:hidden}.mock-hud .wallet b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,3.7vw,17px)}.mock-hud .wallet>div:nth-child(2) b{font-size:clamp(10px,3.2vw,15px)}

/* Fullscreen first-install startup video overlay */
.startup-video-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:2147483647;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.startup-video-player{width:100%;height:100%;object-fit:cover;background:#000;pointer-events:auto}
.startup-video-skip{position:absolute;top:max(20px,env(safe-area-inset-top,20px));right:20px;z-index:2147483648;padding:10px 18px;border:1.5px solid rgba(255,255,255,0.45);border-radius:24px;background:rgba(0,0,0,0.65);color:#fff;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(8px);cursor:pointer;transition:background .2s,border-color .2s}
.startup-video-skip:hover,.startup-video-skip:active{background:#ffc11f;color:#041a2a;border-color:#ffc11f}
.startup-video-sound-btn{position:absolute;bottom:max(24px,env(safe-area-inset-bottom,24px));right:20px;z-index:2147483648;padding:9px 16px;border:1.5px solid rgba(255,255,255,0.45);border-radius:24px;background:rgba(0,0,0,0.65);color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(8px);cursor:pointer;transition:background .2s,border-color .2s}
.startup-video-sound-btn:hover,.startup-video-sound-btn:active{background:rgba(255,255,255,0.25)}
.startup-video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2147483648;padding:14px 28px;border:2px solid #ffc11f;border-radius:30px;background:rgba(4,26,42,0.85);color:#ffc11f;font-size:16px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(10px);cursor:pointer;display:none;align-items:center;gap:8px;box-shadow:0 8px 32px rgba(0,0,0,0.6)}
.startup-video-play-btn.show{display:flex}

.onboarding-name .suggest-name{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;margin:6px auto 0;padding:5px 8px;border:0;border-radius:7px;color:#83bfd0;background:transparent;font-size:11px;font-weight:700;transition:color .15s,background .15s}
.onboarding-name .suggest-name:hover{color:#d5fff4;background:#0b354b80}
.onboarding-name .suggest-name:active{transform:translateY(1px)}
.onboarding-name .suggest-name svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}