:root{color-scheme:dark;--bg:#07111c;--panel:#111f30;--panel2:#17283b;--line:#2a4354;--muted:#91a8b5;--white:#f2f8f6;--mint:#b8fb68;--mint2:#79db93;--gold:#ffd27b;--danger:#ff8396}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -30%,#173548 0%,#07111c 63%);color:var(--white);min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.hide{display:none!important}.app{max-width:590px;min-height:100dvh;margin:auto;background:#0a1725;box-shadow:0 0 80px #0006;position:relative;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:40;background:#0e1b2bf7;backdrop-filter:blur(18px);border-bottom:1px solid #2d4656;box-shadow:0 8px 28px #0004}.brandline{height:63px;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #263b4b}.brand{font-size:17px;font-weight:900;letter-spacing:-.7px}.brand em{color:var(--mint);font-style:normal}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-left:33px;color:var(--muted);font-weight:750}.profile-short{display:flex;align-items:center;gap:8px;padding:5px 9px;border:1px solid #3a5464;background:#1b3140;color:#fff;border-radius:12px;font-size:12px;font-weight:800}.profile-short span:first-child{font-size:23px}.statline{padding:11px 13px;display:flex;align-items:center;gap:9px}.stat{min-width:0;flex:1}.stat small{font-size:9px;letter-spacing:.6px;font-weight:850;color:#b5c7d2;display:block}.stat strong{font-weight:900;white-space:nowrap;display:block;font-size:clamp(15px,4.3vw,22px);letter-spacing:-.8px}.ratestat strong{color:var(--mint);font-size:clamp(13px,3.9vw,19px)}.gemstat{border:1px solid #37536c;background:#1b3447;color:white;border-radius:11px;padding:9px 9px;font-size:12px;white-space:nowrap}.level-line{display:flex;align-items:center;gap:9px;padding:0 14px 11px}.level-line small{color:#afd8b4;font-size:10px;white-space:nowrap}.mini-progress{height:5px;border-radius:6px;background:#314657;flex:1;overflow:hidden}.mini-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#83e1a8,var(--mint))}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:40;width:min(590px,100%);display:flex;justify-content:space-evenly;background:#101f31f6;border-top:1px solid #355066;padding:8px 6px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.bottom-nav button{border:0;border-radius:10px;background:transparent;color:#94aaba;font-size:10px;font-weight:750;flex:1;padding:6px 1px;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button span{font-size:19px}.bottom-nav button.selected{background:#263d3b;color:#cbf7a4}main{padding:15px 13px 28px;min-height:calc(100dvh - 244px)}.card{background:linear-gradient(145deg,#15293b,#111e2f);border:1px solid #2c4657;border-radius:17px;padding:15px;margin-bottom:12px;box-shadow:0 5px 17px #0002}.card.soft{background:#101d2b}.hero{background:linear-gradient(120deg,#244847,#172a3a 60%,#22344c);position:relative;overflow:hidden}.hero:after{content:'🚛';font-size:100px;opacity:.1;position:absolute;right:-6px;top:-12px;transform:rotate(-11deg)}.eyebrow{color:#bcef95;font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.hero h2{font-size:25px;line-height:1.12;max-width:270px;margin:8px 0}.muted,.desc{color:var(--muted);font-size:12px;line-height:1.55}.section-title{display:flex;align-items:center;justify-content:space-between;margin:17px 2px 9px;gap:6px}.section-title h3{font-size:15px;margin:0}.section-title small{color:var(--muted);font-size:11px}.card-head{display:flex;align-items:center;gap:11px;margin-bottom:11px}.illustration{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,#2d515c,#1c354b);border:1px solid #466977;flex-shrink:0}.grow{flex:1;min-width:0}.card h3,.card h4{margin:0;font-size:15px}.small-title{font-size:11px;color:var(--muted);margin-top:4px}.level-pill{font-size:11px;color:var(--mint);font-weight:800;white-space:nowrap}.progress{height:7px;border-radius:20px;background:#344859;overflow:hidden;margin:9px 0 7px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#4ecea6,#c6f66d);border-radius:inherit;transition:width .25s}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.wrap{flex-wrap:wrap}.price{color:#ffe4a8;font-size:13px;font-weight:900}.income{color:var(--mint);font-size:12px;font-weight:850}.btn{border:1px solid #416072;border-radius:11px;background:#203a4b;color:#effaf4;min-height:40px;padding:9px 13px;font-weight:800;font-size:12px}.btn.main{background:linear-gradient(120deg,#c8fb8b,#a9ea6d);color:#17321e;border:0}.btn.subtle{background:#182b3a}.btn.warn{background:#553b39;color:#ffe3d8}.btn.full{width:100%;min-height:43px}.btn.active,.choice.active{border-color:#bdf66f;background:#2a453b;color:#ddffbd}.btn:active{transform:translateY(1px)}.btn.tiny{padding:6px 8px;min-height:30px}.pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;background:#264539;color:#c3f69c;font-size:10px;font-weight:850}.pill.danger{background:#513039;color:#ffc0c7}.pills{display:flex;gap:6px;flex-wrap:wrap}.choice-row{display:flex;gap:5px;margin:0 0 15px}.choice{flex:1;min-width:0;padding:8px 0;border-radius:9px;background:#162b3c;border:1px solid #314d61;color:#a8bdc9;font-weight:850;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:#1b3040;border:1px solid #344f61;padding:12px;border-radius:13px}.kpi strong{display:block;font-size:18px;white-space:nowrap}.kpi small{font-size:10px;color:#a4b6c2}.city-card{border:1px solid #345064;border-radius:15px;padding:13px;background:#162738;margin-bottom:10px}.city-card.current{border-color:#91d77b;background:#1c3439}.locked{opacity:.8}.rank{display:flex;align-items:center;gap:10px;padding:12px;background:#192b3c;border:1px solid #2d465b;border-radius:12px;margin-bottom:8px}.rank .num{font-weight:900;color:#c6e39d;min-width:26px}.avatar{font-size:24px;width:39px;height:39px;display:grid;place-items:center;border:2px solid #43677b;border-radius:12px;background:#274253}.frame-gold{border-color:#eac36d}.frame-green{border-color:#8be8a1}.frame-royal{border-color:#a580ff}.frame-neon{border-color:#54b7ff}.frame-silver{border-color:#b7c7db}.beta{padding:10px;margin-bottom:13px;font-size:11px;border:1px solid #876d3b;background:#393024;color:#ffe6ab;border-radius:12px}.objective{background:#1b3041;border:1px solid #365065;padding:12px;border-radius:12px;margin-bottom:9px}.objective .progress{margin:7px 0}.spacer{height:6px}.toast{position:fixed;z-index:110;bottom:calc(85px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:min(340px,calc(100vw - 28px));background:#d0f9a1;color:#1b3a2c;border:1px solid #ecffc8;box-shadow:0 9px 30px #0008;border-radius:12px;padding:9px 13px;font-size:12px;font-weight:850;text-align:center;pointer-events:none}.modal{position:fixed;inset:0;z-index:120;background:#020811c9;display:grid;place-items:center;padding:16px}.modal-card{position:relative;background:#162a3b;border:1px solid #4a6a78;border-radius:19px;padding:23px;max-width:420px;width:100%;max-height:85dvh;overflow-y:auto;box-shadow:0 20px 90px #000b}.modal-x{position:absolute;right:12px;top:9px;border:0;background:transparent;color:#bcd1d5;font-size:18px}.modal h2{margin:0 0 10px}.field{display:block;font-size:11px;color:#b9cdd5;margin:12px 0 6px;font-weight:800}.input{width:100%;border:1px solid #456374;border-radius:10px;background:#0e1d2c;padding:12px;color:white;font-size:13px}.auth,.splash{position:fixed;inset:0;z-index:90;background:radial-gradient(circle at 40% 20%,#315044 0%,#0c1a28 53%,#060d16 100%);display:grid;place-items:center;padding:20px}.splash{z-index:150;align-content:center;text-align:center}.splash-logo,.auth-mark{font-size:75px}.splash h1,.auth h1{font-size:36px;margin:6px 0}.splash h1 span,.auth h1 span{color:var(--mint)}.splash p{font-size:10px;letter-spacing:3px;color:#bbcecf}.splash small{color:#a9bbbd}.loader{background:#263849;width:200px;height:8px;border-radius:20px;overflow:hidden;margin:22px auto}.loader i{display:block;width:40%;height:100%;border-radius:30px;background:#bafb76;animation:loading 1.1s infinite alternate}@keyframes loading{to{transform:translateX(150%)}}.auth{position:fixed;overflow:auto;display:block}.auth-panel{width:min(420px,100%);margin:5vh auto 8vh;background:#132639dd;border:1px solid #395769;border-radius:24px;padding:22px;text-align:center}.auth-mark{font-size:55px}.auth-sub{font-size:13px;color:#aec5ca}.beta-ribbon{background:#453a23;border-radius:8px;color:#f6d788;margin:16px 0;padding:9px;font-size:10px;font-weight:800}.auth-tabs{display:flex;gap:5px;background:#0b1b2c;border-radius:11px;padding:5px;margin:16px 0}.auth-tabs button{flex:1;border:0;border-radius:8px;background:transparent;color:#afc8c9;padding:9px 3px;font-size:11px}.auth-tabs button.active{background:#36564a;color:#dcffbb}.auth-panel small{font-size:10px;color:#8da5b0;line-height:1.5;display:block;margin-top:12px}.auth-error{color:#ffb3b3;font-size:12px}.offline{position:sticky;top:137px;z-index:50;background:#713d3c;text-align:center;padding:9px;font-size:11px}.intro-card{color:#baccd1;margin:40px auto;max-width:340px;text-align:center}.intro-emoji{font-size:60px}.intro-card h2{color:white}.intro-card p{font-size:12px;line-height:1.6}select option{background:#122737}.shop-price{font-weight:900;font-size:16px;color:#ffdda0}.action-col{display:flex;gap:6px;align-items:center}.hr{border:0;border-top:1px solid #304b5b;margin:15px 0}.city-gate{background:#2e273a;border:1px solid #675583;border-radius:15px;padding:14px}.title-hero{font-size:22px;margin:6px 0 11px}.minor{font-size:11px}.tag-test{font-size:10px;color:#ffe7ad}.prestige{color:#f8d797}.scroll-top{scroll-margin-top:155px}@media(min-width:700px){body{background:#06111a}main{padding:20px 20px 50px}.app{border-left:1px solid #274459;border-right:1px solid #274459}}@media(max-width:365px){.stat strong{font-size:14px}.ratestat strong{font-size:13px}.brand{font-size:15px}.brandline{padding:7px 10px}.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:17px}.card{padding:12px}.choice{font-size:11px}}

.btn.disabled{opacity:.42;cursor:not-allowed}