.map{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#030a1a;position:absolute;inset:0;overflow:hidden}.map:active{cursor:grabbing}.map-svg{display:block}.city-label{fill:#fff;paint-order:stroke;stroke:#030a1ae6;stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:15px;font-weight:700}.city-q{fill:#8ea6cf;font-size:14px;font-weight:700}.city-dim{opacity:.38}.hq-tag{fill:#0b1d3f;font-size:11.5px;font-weight:800}.price-tag{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.region-label{fill:#9fb6dd;letter-spacing:.08em;paint-order:stroke;stroke:#030a1acc;stroke-width:3px;font-size:13px;font-weight:700}.pulse-ring{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}.pulse-soft{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite pulse-soft}@keyframes pulse-soft{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:.15;transform:scale(1.25)}}.route-dim{opacity:.35}.route-normal{opacity:.8}.leg-flow{animation:1.2s linear infinite leg-flow}@keyframes leg-flow{to{stroke-dashoffset:-30px}}.leg-blocked{animation:.9s steps(2,start) infinite leg-blink}@keyframes leg-blink{50%{opacity:.25}}.floaters{pointer-events:none;position:absolute;inset:0}.floater{white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 0 6px #000c,0 0 14px #0009;font-size:18px;font-weight:800;animation:2.6s ease-out forwards floater;position:absolute;transform:translate(-50%,-100%)}.floater-good{color:#2ee39a}.floater-bad{color:#ff6b6b}.floater-info{color:#ffd54a}@keyframes floater{0%{opacity:0;transform:translate(-50%,-60%)scale(.8)}12%{opacity:1;transform:translate(-50%,-100%)scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-240%)scale(1)}}.map-controls{z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute}.map-btn{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;place-items:center;font-size:22px;display:grid}@media (prefers-reduced-motion:reduce){.leg-flow,.pulse-ring,.pulse-soft{animation:none}}.hub-tag{fill:#0b1d3f;font-size:10.5px;font-weight:900}.chokepoint-label{fill:#ffe9a6;paint-order:stroke;stroke:#030a1ad9;stroke-width:3px;pointer-events:none;font-size:12px;font-weight:700}.stats{--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--chart-surface:#0a1a3c;border:1px solid var(--line-strong);background:linear-gradient(#0f2453,#08163a 30%);border-radius:20px;flex-direction:column;width:min(1120px,100%);height:min(860px,100% - 8px);animation:.3s cubic-bezier(.2,1.3,.4,1) pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0009}.overlay.stats-overlay{justify-content:center;align-items:center;padding:12px;display:flex}.stats-h{justify-content:space-between;align-items:center;padding:10px 14px 0 18px;display:flex}.stats-h h2{margin:0;font-size:21.5px}.stats-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;gap:4px;padding:8px 12px 0;display:flex;overflow-x:auto}.stats-tabs::-webkit-scrollbar{display:none}.stats-tab{min-width:82px;min-height:46px;color:var(--dim);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:17.5px;font-weight:800;display:flex}.stats-tab.on{color:var(--text);border-bottom-color:var(--yellow)}.stats-body{overscroll-behavior:contain;flex:1;min-height:0;padding:16px;overflow-y:auto}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.span-2{grid-column:1/-1}.stat-card{border:1px solid var(--line);background:#0a1a3cd9;border-radius:14px;min-width:0;padding:14px}.stat-card-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:2px 0 10px;display:flex}.stat-card-h h4{margin:0;font-size:17.5px}.stat-card-h+.stat-card-h,.barlist+.stat-card-h{margin-top:16px}.stat-empty{color:var(--dim);text-align:center;padding:18px 0;font-size:16px}.kpis-6,.kpis-4,.kpis-2{gap:10px;display:grid}.kpis-6{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr))}.kpis-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpis-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{background:#10244eb3;border:1px solid #78aaff24;border-radius:12px;min-width:0;padding:10px 12px}.kpi-k{color:var(--dim);font-size:13.5px;font-weight:700}.kpi-v{white-space:nowrap;text-overflow:ellipsis;font-size:21.5px;font-weight:900;overflow:hidden}.kpi-sub{color:var(--dim);text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.seg{border:1px solid var(--line-strong);border-radius:10px;margin-bottom:12px;display:inline-flex;overflow:hidden}.seg button{min-height:36px;color:var(--dim);background:0 0;border:0;padding:0 14px;font-weight:700}.seg button.on{color:var(--text);background:#45d4ff29}.seg-small{margin:0}.seg-small button{min-height:30px;padding:0 10px;font-size:15px}.chart{touch-action:pan-y;position:relative}.chart svg{display:block;overflow:visible}.chart-grid{stroke:#78aaff1f;stroke-width:1px}.chart-zero{stroke:#c8dcff66;stroke-width:1px}.chart-tick{fill:var(--dim);font-size:13px}.chart-cross{stroke:#e8f0ff73;stroke-width:1px;stroke-dasharray:3 3}.chart-legend{color:#c7d6f2;gap:14px;margin-bottom:4px;font-size:15px;display:flex}.chart-key{align-items:center;gap:6px;display:inline-flex}.chart-swatch{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.chart-tip{border:1px solid var(--line-strong);pointer-events:none;z-index:2;background:#030a1af2;border-radius:10px;min-width:140px;padding:8px 10px;font-size:15px;position:absolute;top:24px;transform:translate(-50%)}.chart-tip-h{margin-bottom:4px;font-weight:800}.chart-tip-row{align-items:center;gap:6px;display:flex}.chart-tip-row strong{margin-left:auto;padding-left:10px}.barlist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.barlist li{grid-template-columns:minmax(64px,30%) minmax(0,1fr) auto;align-items:center;gap:8px;font-size:15.5px;display:grid}.barlist-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barlist-track{background:#78aaff14;border-radius:4px;height:12px;overflow:hidden}.barlist-bar{border-radius:0 4px 4px 0;min-width:2px;height:100%;display:block}.barlist-bar.neg{background:repeating-linear-gradient(135deg,#e66767 0 4px,#e667678c 4px 8px)}.barlist-value{white-space:nowrap;font-weight:700}.barlist-sub{color:var(--dim);font-size:13px;font-weight:500;display:block}.donut{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.donut circle{transition:stroke-width .15s}.donut-center{text-align:center;height:100%;color:var(--text);flex-direction:column;justify-content:center;align-items:center;font-size:15.5px;line-height:1.25;display:flex}.donut-legend{flex-direction:column;gap:6px;min-width:120px;margin:0;padding:0;font-size:16.5px;list-style:none;display:flex}.donut-legend li{align-items:center;gap:8px;display:flex}.donut-legend strong{margin-left:auto}.prog{margin-bottom:10px}.prog-h{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:16px;display:flex}.prog-track{background:#78aaff1f;border-radius:5px;height:10px;overflow:hidden}.prog-track span{background:linear-gradient(90deg,#3987e5,#45d4ff);border-radius:5px;height:100%;display:block}.prog-done .prog-track span{background:linear-gradient(90deg,#c98500,#ffd54a)}.prog-locked{opacity:.55}.history-hero{background:radial-gradient(at 10% 20%,#f0be4533,#0000 60%),#0a1a3cd9;border:1px solid #f0be4566;border-radius:16px;align-items:center;gap:16px;margin-bottom:14px;padding:14px 16px;display:flex}.history-emblem{filter:drop-shadow(0 4px 14px #f0be4566);flex:none;width:64px;height:64px}.history-age{margin:2px 0 6px;font-size:20px}.history-age strong{color:#f6d274;font-size:26px}.history-facts{color:#c7d6f2;flex-wrap:wrap;gap:4px 16px;font-size:15.5px;display:flex}.timeline{padding-left:4px;position:relative}.tl-year-h{z-index:1;color:#f6d274;background:linear-gradient(#0b1b43 70%,#0000);margin:10px 0 6px;padding:6px 0;font-size:17.5px;position:sticky;top:-16px}.tl-year ol{border-left:2px solid #f0be4559;margin:0 0 0 84px;padding:0;list-style:none}.tl-item{align-items:flex-start;gap:10px;padding:6px 0 10px 18px;display:flex;position:relative}.tl-month{text-align:right;width:56px;color:var(--dim);font-size:15.5px;font-weight:700;position:absolute;top:9px;left:-84px}.tl-dot{background:#0f2453;border:2px solid #78aaff80;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16.5px;display:grid;position:absolute;top:4px;left:-15px}.tl-gold .tl-dot{border-color:#f0be45}.tl-green .tl-dot{border-color:#2ee39a}.tl-red .tl-dot{border-color:#ff6b6b}.tl-body{flex-direction:column;min-width:0;padding-left:12px;display:flex}.tl-title{font-weight:700}.tl-sub{color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:inline-flex}.tl-big .tl-title{font-size:19px;font-weight:900}.tl-big.tl-gold .tl-title{color:#f6d274}.tl-big .tl-dot{width:34px;height:34px;font-size:19px;top:2px;left:-18px;box-shadow:0 0 14px #f0be4559}.tl-small .tl-title{color:#c7d6f2;font-size:16px;font-weight:600}.tl-small .tl-dot{width:22px;height:22px;font-size:13px;top:6px;left:-12px}.tl-now{color:var(--cyan);align-items:center;gap:12px;margin:8px 0 4px 70px;font-weight:800;display:flex}.tl-now .tl-dot{border-color:var(--cyan);color:var(--cyan);position:static}.top-routes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.top-route{background:#10244e99;border:1px solid #78aaff29;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.top-1{background:#f0be4514;border-color:#f0be4599}.top-rank{background:#78aaff2e;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.top-1 .top-rank{color:#1b1200;background:#f0be45}.top-main{flex-direction:column;flex:1;min-width:0;display:flex}.top-title{font-weight:800}.top-nums{white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.top-nums strong{font-size:18px}.best-month{margin:10px 0 0}.earth-km{font-size:30px;font-weight:900}.earth-laps{margin:2px 0 8px;font-size:19px}.earth-bar{background:#78aaff1f;border-radius:5px;height:10px;margin-bottom:4px;overflow:hidden}.earth-bar span{background:linear-gradient(90deg,#199e70,#45d4ff);height:100%;display:block}.earth .kpis-2{margin-top:10px}.table-wrap{overflow-x:auto}.stat-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:16px}.stat-table th{text-align:right;color:var(--dim);border-bottom:1px solid var(--line);padding:6px 8px;font-size:14px;font-weight:700}.stat-table td{text-align:right;border-bottom:1px solid #78aaff14;padding:8px}.stat-table th:first-child,.stat-table td:first-child{text-align:left}.mode-cell{align-items:center;gap:6px;font-weight:700;display:inline-flex}.chains{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.chain-row{background:#10244e99;border:1px solid #78aaff24;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.chain-done{background:#f0be4514;border-color:#f0be4599}.chain-steps{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.chain-step{opacity:.45;align-items:center;gap:4px;font-size:15px;display:inline-flex}.chain-step.on{opacity:1}.chain-arr{color:var(--dim)}.chain-q{border:1.5px dashed var(--dim2);width:22px;height:22px;color:var(--dim2);border-radius:50%;place-items:center;font-size:14px;display:grid}.chain-state{white-space:nowrap;font-size:15.5px;font-weight:800}.chain-done .chain-state{color:#f6d274}.achievements{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ach{background:#10244e80;border:1px solid #78aaff1f;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.ach-done{background:#f0be451a;border-color:#f0be4599}.ach-medal{filter:grayscale();opacity:.6;flex:none;font-size:26px}.ach-done .ach-medal{filter:none;opacity:1}.ach-main{flex-direction:column;flex:1;min-width:0;display:flex}.ach-bar{background:#78aaff1f;border-radius:3px;height:6px;margin-top:4px;overflow:hidden}.ach-bar span{background:#3987e5;height:100%;display:block}.ach-pct{white-space:nowrap;font-weight:800}.ach-done .ach-pct{color:#f6d274}.regions{flex-direction:column;display:flex}@media (width<=1000px){.kpis-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.overlay.stats-overlay{padding:0}.stats{border-radius:0;width:100%;height:100%}.stats-body{padding:12px}.stat-grid{grid-template-columns:minmax(0,1fr)}.kpis-6,.kpis-4{grid-template-columns:repeat(2,minmax(0,1fr))}.chains,.achievements{grid-template-columns:minmax(0,1fr)}.stats-tab{min-width:72px;padding:0 10px;font-size:16.5px}.tl-year ol{margin-left:70px}.tl-month{width:44px;font-size:14px;left:-70px}.tl-now{margin-left:56px}.history-emblem{width:48px;height:48px}}.stats .small{font-size:14px}.stats .eyebrow{font-size:13px}.stats .chart-tick{font-size:13.5px}.range-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.game{position:fixed;inset:0;overflow:hidden}.hud{height:var(--hud-h);border-bottom:1px solid var(--line);z-index:10;padding-top:env(safe-area-inset-top);background:linear-gradient(#030a1af5,#030a1ad1);align-items:stretch;display:flex;position:absolute;top:0;left:0;right:0}.hud-brand{border-right:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:0 18px;display:flex}.hud-logo{filter:drop-shadow(0 2px 6px #f0be4559);flex:none;width:38px;height:38px}.hud-title{letter-spacing:.12em;white-space:nowrap;color:#f6d274;font-size:13.5px;font-weight:800}.hud-item{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;flex-direction:column;justify-content:center;min-width:0;padding:0 18px;display:flex}.hud-click:hover{background:#78aaff0f}.hud-k{color:var(--dim);letter-spacing:.06em;white-space:nowrap;font-size:11px}.hud-v{white-space:nowrap;font-size:19px;font-weight:800}.hud-accent{color:var(--yellow)}.hud-sales{min-width:150px}.hud-bar{background:#78aaff2e;border-radius:2px;height:4px;margin-top:3px;overflow:hidden}.hud-bar span{background:linear-gradient(90deg, var(--yellow), var(--orange));height:100%;transition:width .6s;display:block}.hud-actions{align-items:center;gap:8px;margin-left:auto;padding:0 10px 0 8px;display:flex}.hud-stats{color:#f6d274;white-space:nowrap;background:#f0be451a;border:1px solid #f0be458c;border-radius:12px;align-items:center;gap:6px;min-height:46px;padding:0 12px;font-weight:800;display:flex}.hud-stats:hover{background:#f0be4533}.hud-routes{border:1px solid var(--line-strong);background:var(--panel2);min-height:46px;color:var(--text);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:flex}.hud-routes:hover,.hud-routes-on{border-color:var(--cyan);background:#45d4ff24}.hud-routes-count{background:#78aaff33;border-radius:999px;padding:1px 7px;font-size:12px}.hud-next{color:#1b1200;background:linear-gradient(#ffb547,#ff8a1f);border:1px solid #ffd27a;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:168px;min-height:50px;padding:2px 16px;display:flex;box-shadow:0 4px 18px #ff9f4359}.hud-next:active{transform:translateY(1px)}.hud-next-label{white-space:nowrap;font-size:17px;font-weight:900}.hud-next-sub{opacity:.85;white-space:nowrap;font-size:11.5px;font-weight:700}.hud-settings{align-self:center}@media (width<=1240px){.is-wide .hud-brand{display:none}}@media (width<=1040px){.is-wide .hud-item{padding:0 12px}.is-wide .hud-v{font-size:17px}.is-wide .hud-routes-label,.is-wide .hud-stats-label{display:none}}.is-narrow{--hud-h:100px}.is-narrow .hud{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 44px 92px;column-gap:2px;padding:4px 6px;display:grid}.is-narrow .hud-brand{display:none}.is-narrow .hud-item{border-right:0;padding:0 3px}.is-narrow .hud-v{text-overflow:ellipsis;font-size:13px;overflow:hidden}.is-narrow .hud-item{min-width:0}.is-narrow .hud-k{font-size:10px}.is-narrow .hud-sales{min-width:0}.is-narrow .hud-money{grid-area:1/1}.is-narrow .hud-profit{grid-area:1/2}.is-narrow .hud-sales{grid-area:1/3}.is-narrow .hud-month{grid-area:2/1}.is-narrow .hud-cities{grid-area:2/2}.is-narrow .hud-actions{display:contents}.is-narrow .hud-stats{flex-direction:column;grid-area:1/4;justify-content:center;gap:0;min-height:0;margin:1px 0;padding:0;font-size:10px}.is-narrow .hud-stats svg{width:17px;height:17px}.is-narrow .hud-routes{grid-area:2/3/3/5;justify-content:center;gap:4px;min-width:0;min-height:0;margin:3px 4px;padding:0 8px}.is-narrow .hud-routes svg{display:none}.is-narrow .hud-routes-label{font-size:11px}.is-narrow .hud-routes-count{padding:0 5px;font-size:11px}.is-narrow .hud-next{grid-area:1/5/3/6;min-width:0;margin:2px 0;padding:2px 6px}.is-narrow .hud-next-label{font-size:15px}.is-narrow .hud-next-sub{font-size:10.5px}.is-narrow .hud-settings{top:calc(var(--hud-h) + 8px);background:var(--panel);border-color:var(--line);z-index:6;position:fixed;right:10px}.is-narrow.panel-open .hud-settings{display:none}.icon-btn{width:44px;height:44px;color:var(--dim);background:0 0;border:1px solid #0000;border-radius:12px;flex:none;place-items:center;font-size:18px;display:grid}.icon-btn:hover{border-color:var(--line);color:var(--text)}.btn{border:1px solid var(--line-strong);background:var(--panel2);border-radius:12px;min-height:44px;padding:8px 16px;font-weight:700}.btn:hover:not(:disabled){border-color:var(--cyan)}.btn-primary{color:#fff;background:linear-gradient(#2f8cff,#1863d6);border-color:#6fb2ff;box-shadow:0 4px 18px #2f8cff59}.btn-ghost{background:0 0}.btn-danger{background:#b8323f;border-color:#ff6b6b}.btn-danger-ghost{color:#ff9a9a;background:0 0;border-color:#ff6b6b80}.btn-block{width:100%;margin-top:10px;display:block}.btn-big{min-height:54px;font-size:17px}.btn-small{min-height:36px;padding:4px 12px;font-size:13px}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.btn-row .btn:not(.btn-small){flex:1}.btn-col{flex-direction:column;gap:8px;margin:14px 0;display:flex}.link{color:var(--cyan);background:0 0;border:0;padding:6px 4px;font-size:13px;font-weight:700}.small{font-size:12.5px}.text{color:var(--text)}.eyebrow{color:var(--dim);letter-spacing:.08em;font-size:11.5px;font-weight:700}.tag{vertical-align:middle;border-radius:5px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:800;display:inline-block}.tag-hq{background:var(--yellow);color:#0b1d3f}.picon{border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:0 0 0 2px #ffffffd9}.pname{align-items:center;gap:7px;min-width:0;display:inline-flex}.arrow{color:var(--dim)}.progress{background:#78aaff2e;border-radius:4px;height:8px;overflow:hidden}.progress span{background:var(--yellow);height:100%;display:block}.goal{top:calc(var(--hud-h) + 10px);z-index:5;text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071430e6;border:1px solid #ffd54a80;border-radius:12px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px;max-width:min(420px,100% - 24px);padding:9px 14px;display:grid;position:absolute;left:12px}.goal-k{color:var(--yellow);white-space:nowrap;font-size:11px;font-weight:800}.goal-title{font-weight:800}.goal-hint{color:var(--dim);grid-column:1/3;font-size:12.5px}.toast{top:calc(var(--hud-h) + 12px);z-index:30;border:1px solid var(--line-strong);background:#071430f5;border-radius:12px;max-width:calc(100% - 24px);padding:10px 18px;font-weight:700;animation:.25s ease-out toast-in;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.toast-good{border-color:#2ee39ab3}.toast-bad{border-color:#ff6b6bb3}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.bottombar{z-index:8;padding:10px 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottombar>*{pointer-events:auto}.bb-btn{border:1px solid var(--line-strong);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:84px;min-height:56px;padding:4px 10px;display:flex}.bb-k{color:var(--dim);font-size:11px}.bb-v{font-size:17px;font-weight:800}.bb-main{color:#1b1200;background:linear-gradient(#ffb547,#ff8a1f);border:1px solid #ffd27a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:180px;min-height:60px;margin-left:auto;padding:4px 18px;display:flex;box-shadow:0 6px 24px #ff9f4366}.bb-main-label{font-size:19px;font-weight:900}.bb-main-sub{opacity:.85;font-size:12px;font-weight:700}.bb-pulse{animation:2s ease-in-out infinite breathe}.bb-create{color:#fff;background:linear-gradient(#2f8cff,#1863d6);border-color:#6fb2ff;font-size:18px;font-weight:900;box-shadow:0 6px 24px #2f8cff73}@keyframes breathe{50%{box-shadow:0 6px 34px #2f8cffcc}}.panel{z-index:9;background:var(--panel);-webkit-backdrop-filter:blur(10px);flex-direction:column;display:flex;position:absolute}.panel-side{top:var(--hud-h);border-left:1px solid var(--line);width:400px;bottom:0;right:0}.panel-sheet{border-top:1px solid var(--line-strong);padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;transition:height .25s;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}.sheet-full{height:55%}.sheet-peek{height:120px}.sheet-handle{background:0 0;border:0;flex:none;place-items:center;height:22px;display:grid}.sheet-handle span{background:var(--line-strong);border-radius:3px;width:44px;height:5px}.panel-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.panel-body{padding:14px 16px 24px}.panel-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.panel-head h2{margin:2px 0 0;font-size:22px;line-height:1.3}.route-h{font-size:18px!important}.blurb{color:#c7d6f2;margin:4px 0 10px;font-size:14px}.facilities{gap:8px;margin-bottom:6px;display:flex}.fac{border:1px solid var(--line);color:#c7d6f2;border-radius:999px;padding:3px 10px;font-size:12.5px}.fac-no{color:var(--dim2);text-decoration:line-through}.sec{margin-top:16px}.sec-h{align-items:center;gap:8px;margin-bottom:8px;display:flex}.sec-h h3{color:#c7d6f2;letter-spacing:.04em;margin:0;font-size:14px}.sec-step{background:var(--blue);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.sec-right{margin-left:auto}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.supply{background:var(--green)}.legend-dot.process{background:var(--cyan)}.legend-dot.demand{background:var(--orange)}.rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.row{text-align:left;background:#10244e8c;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:6px 10px;display:flex}.row-btn:hover:not(:disabled){border-color:var(--line-strong)}.row-on{border-color:var(--green);background:#2ee39a1f}.row-r{text-align:right;white-space:nowrap;font-size:14px}.row-main{flex-direction:column;min-width:0;display:flex}.instr{color:#c7d6f2;margin:6px 0;font-size:14px}.instr strong{color:var(--yellow)}.hint-line{background:#ffd54a1a;border:1px solid #ffd54a59;border-radius:10px;margin-bottom:10px;padding:8px 10px;font-size:13px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:#10244eb3;border-radius:999px;flex-direction:column;align-items:center;min-height:40px;padding:6px 14px;font-weight:700;line-height:1.2;display:inline-flex}.chip-sub{color:var(--dim);font-size:11px;font-weight:600}.picked{background:#3d8bff1f;border:1px solid #3d8bff66;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;display:flex}.chain{border:1px solid var(--line);background:#030a1a80;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px 2px;padding:10px;display:flex}.chain-item{align-items:center;gap:2px;display:inline-flex}.chain-arrow{color:var(--dim);padding:0 3px;display:inline-flex}.chain-node{border:1.5px solid var(--line-strong);background:#10244eb3;border-radius:10px;flex-direction:column;align-items:flex-start;min-height:40px;padding:3px 10px;line-height:1.25;display:flex}.chain-k{font-size:10.5px;font-weight:800}.chain-v{font-size:14px;font-weight:800}.chain-仕入{border-color:#2ee39a99}.chain-仕入 .chain-k{color:var(--green)}.chain-加工{border-color:#45d4ff99}.chain-加工 .chain-k{color:var(--cyan)}.chain-販売{border-color:#ff9f4399}.chain-販売 .chain-k{color:var(--orange)}.chain-active{box-shadow:0 0 0 3px #ffd54a80}.leg{margin-bottom:12px}.leg-same{padding:4px 0}.leg-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.leg-h .small{align-items:center;gap:4px;display:inline-flex}.modes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode{border:1.5px solid var(--line);background:#10244e99;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:72px;padding:6px 4px;display:flex}.mode-name{font-size:13.5px;font-weight:800}.mode-sub{color:#c7d6f2;font-size:11.5px}.mode-warn{color:var(--orange);text-align:center;font-size:10.5px}.mode-ng{opacity:.6;border-style:dashed}.mode-ng .mode-name{color:var(--dim2)}.mode-on.mode-land{border-color:var(--land);background:#ffb34726}.mode-on.mode-sea{border-color:var(--sea);background:#4fd8ff26}.mode-on.mode-air{border-color:var(--air);background:#e9e4ff24}.mode-info{color:#ffb4b4;background:#ff6b6b1a;border:1px solid #ff6b6b59;border-radius:10px;padding:8px 10px;font-size:13px}.calc{border-collapse:collapse;width:100%;font-size:14.5px}.calc th{text-align:left;color:#c7d6f2;padding:4px 0;font-weight:600}.calc td{text-align:right;padding:4px 0}.calc-total th,.calc-total td{border-top:1px solid var(--line);padding-top:8px;font-size:20px;font-weight:900}.calc-notes{color:var(--dim);flex-wrap:wrap;gap:4px 12px;margin:6px 0 4px;display:flex}.warn-box{background:#ff9f431a;border:1px solid #ff9f4380;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px;font-size:13.5px;display:flex}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;display:grid}.kpis>div{background:#10244e8c;border-radius:10px;padding:8px 10px}.kpis .k{color:var(--dim);font-size:11.5px}.kpis .v{font-size:17px;font-weight:800}.status-line{margin:4px 0;font-weight:800}.route-cards{flex-direction:column;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.route-card{text-align:left;border:1px solid var(--line);background:#10244e8c;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.route-card:hover{border-color:var(--line-strong)}.route-card-no{color:var(--dim);width:14px;font-size:12px}.route-card-main{flex-direction:column;flex:1;min-width:0;display:flex}.route-card-title{font-weight:800}.route-card-r{white-space:nowrap;flex-direction:column;align-items:flex-end;font-weight:800;display:flex}.missions{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mission{background:#10244e73;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:10px;display:flex}.mission-cur{background:#ffd54a14;border-color:#ffd54a99}.mission-done{opacity:.6}.mission-check{border:1.5px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.mission-done .mission-check{background:var(--green);border-color:var(--green);color:#0b1d3f}.mission-cur .mission-check{color:var(--yellow);border-color:var(--yellow)}.mission-main{flex-direction:column;flex:1;display:flex}.mission-title{font-weight:800}.mission-reward{color:var(--yellow);white-space:nowrap}.event-inline{border-radius:10px;margin:8px 0;padding:8px 10px;font-size:13.5px}.event-inline.bad{background:#ff6b6b1f;border:1px solid #ff6b6b66}.event-inline.good{background:#2ee39a1a;border:1px solid #2ee39a66}.hist{align-items:flex-end;gap:4px;height:90px;padding-bottom:16px;display:flex;position:relative}.hist-col{flex:1;height:100%;position:relative}.hist-sales,.hist-profit{border-radius:3px 3px 0 0;position:absolute;bottom:0;left:0;right:0}.hist-sales{background:#3d8bff73}.hist-profit{background:var(--green);left:25%;right:25%}.hist-m{text-align:center;color:var(--dim);font-size:10px;position:absolute;bottom:-16px;left:0;right:0}.hist-legend{align-items:center;gap:6px;display:flex}.hist-key{border-radius:2px;width:10px;height:10px;display:inline-block}.hist-key.sales{background:#3d8bff99}.hist-key.profit{background:var(--green);margin-left:8px}.overlay{z-index:50;background:#030a1a8c;place-items:center;padding:16px;animation:.2s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.notice{border:1px solid var(--line-strong);text-align:center;background:linear-gradient(#10275a,#091737);border-radius:20px;width:min(440px,100%);max-height:calc(100% - 32px);padding:24px 22px 20px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop-in;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0009}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.notice-title{margin:4px 0 6px;font-size:26px;line-height:1.3}.notice-unlock{border-color:#ffd54ab3}.notice-unlock .notice-title{color:var(--yellow);text-shadow:0 0 20px #ffd54a80}.notice-burst{pointer-events:none;background:radial-gradient(circle,#ffd54a47,#0000 60%);animation:1.2s ease-out burst;position:absolute;inset:-40px}@keyframes burst{0%{opacity:0;transform:scale(.3)}}.notice-products{flex-wrap:wrap;justify-content:center;gap:10px;margin:10px 0;font-weight:700;display:flex}.notice-medal{color:#0b1d3f;background:radial-gradient(circle at 35% 30%, #fff1a8, var(--yellow) 55%, #d99a00);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 8px;font-size:32px;animation:.6s ease-out spin-in;display:grid;box-shadow:0 0 30px #ffd54a99}@keyframes spin-in{0%{transform:rotate(-180deg)scale(.3)}}.notice-reward{color:var(--green);margin:6px 0;font-size:22px;font-weight:900}.notice-event-icon{border:2px solid;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 8px;display:grid}.notice-event-icon.bad{color:var(--red);background:#ff6b6b1f}.notice-event-icon.good{color:var(--green);background:#2ee39a1f}.notice-event{text-align:left}.notice-event .notice-event-icon,.notice-event .eyebrow{text-align:center}.notice-event .notice-title{text-align:center;font-size:22px}.settings{text-align:left}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;font-weight:700;display:flex}.toggle input{width:22px;height:22px}.clear{z-index:60;background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:center;padding:16px;animation:.8s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.clear-inner{text-align:center;width:min(620px,100%);position:relative}.clear-emblem{filter:drop-shadow(0 6px 24px #f0be4573);width:96px;height:96px;margin:0 auto 6px;animation:.8s ease-out spin-in;display:block}.clear-title{background:linear-gradient(#fff,#ffd54a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 18px;font-size:clamp(26px,5vw,44px)}.clear-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.clear-stats>div{border:1px solid var(--line);background:#071430d9;border-radius:12px;padding:10px 6px}.clear-stats .k{color:var(--dim);font-size:11.5px}.clear-stats .v{font-size:18px;font-weight:900}.next-region{text-align:left;background:#071430d9;border:1px solid #45d4ff80;border-radius:14px;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;display:flex}.lock-open{font-size:30px}.next-region strong{font-size:20px}.title{background:var(--bg);place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.title-bg{filter:blur(3px)brightness(.55)saturate(1.1);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-12px}.title-bg:after{content:"";background:linear-gradient(#030a1ad9 0%,#030a1a8c 35%,#030a1ae6 100%);position:absolute;inset:0}.title-inner{text-align:center;width:min(980px,100%);position:relative}.title-logo{margin:0 0 6px;line-height:0}.title-logo-img{filter:drop-shadow(0 8px 30px #f0be4547);width:min(460px,82vw);height:auto}.title-eyebrow{color:#f6d274;margin-bottom:4px}.title-copy{margin:0 0 24px;font-size:clamp(16px,2.6vw,22px);font-weight:700}.title-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px;display:grid}.title-cards figure{border:1px solid var(--line);background:#071430cc;border-radius:14px;margin:0;overflow:hidden}.title-cards img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.title-cards figcaption{padding:8px 10px;font-size:13px;font-weight:700}.title-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.title-actions .btn{width:min(360px,100%)}.title-note{margin-top:14px}@media (width<=640px){.title-cards{grid-template-columns:1fr;gap:8px}.title-cards figure{text-align:left;grid-template-columns:120px 1fr;align-items:center;display:grid}.title-cards img{aspect-ratio:4/3}.clear-stats{grid-template-columns:repeat(2,1fr)}}.debug-toggle{right:12px;top:calc(var(--hud-h) + 64px);z-index:40;border:1px dashed var(--line-strong);background:#071430b3;border-radius:50%;width:40px;height:40px;position:absolute}.debug{right:12px;top:calc(var(--hud-h) + 64px);z-index:40;background:#140a00eb;border:1px dashed #ff9f43;border-radius:12px;width:min(360px,100% - 24px);padding:10px;font-size:12.5px;position:absolute}.debug-h{align-items:center;gap:8px;display:flex}.debug-h .icon-btn{width:32px;height:32px;margin-left:auto}.debug-grid{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;display:grid}.debug button,.debug select{color:#ffe2c2;background:#3c1e00cc;border:1px solid #ff9f4380;border-radius:8px;min-height:34px;font-size:12.5px}.debug-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}@media (width<=899px){.goal{top:calc(var(--hud-h) + 8px);padding:7px 12px}.goal-hint{display:none}.bb-btn{min-width:66px}.bb-main{flex:1;min-width:0}}@media (width<=380px){.bb-btn{min-width:58px;padding:4px 6px}.bb-main-label{font-size:17px}}.rest-note{margin:4px 4px 2px}.diff{background:#2ee39a14;border:1px solid;border-radius:10px;margin:8px 0 2px;padding:8px 10px;font-size:13.5px}.diff.bad{background:#ff6b6b14}.is-narrow.panel-open .debug-toggle{display:none}.port-note{background:#ffd54a14;border:1px solid #ffd54a4d;border-radius:8px;margin:4px 0 6px;padding:6px 10px}.hub-box{background:#ffd54a0f;border:1px dashed #ffd54a99;border-radius:12px;margin:10px 0;padding:10px 12px}.hub-box.hub-on{background:#ffd54a1f;border-style:solid}.hub-box p{margin:6px 0}.hub-box-h{align-items:center;gap:8px;display:flex}.hub-tag-html,.relay-badge{color:#0b1d3f;background:var(--yellow);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:900}.picked-relay{background:#ffd54a14;border-color:#ffd54a73}.step-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.step-actions .btn{flex-direction:column;align-items:center;line-height:1.25;display:flex}.btn-sub{color:var(--dim);font-size:11px;font-weight:600}.chip-hub{border-color:var(--yellow)}.chain-中継{border-style:dashed;border-color:#ffd54ab3}.chain-中継 .chain-k{color:var(--yellow)}.mode-hub{color:var(--yellow);text-align:center;font-size:10.5px;font-weight:800}.region-intro{text-align:left;border-color:#45d4ffb3;width:min(520px,100%)}.region-intro .eyebrow,.region-intro .notice-title{text-align:center}.region-theme{background:#45d4ff1f;border:1px solid #45d4ff80;border-radius:12px;flex-direction:column;align-items:center;margin:6px 0 12px;padding:10px;display:flex}.region-theme-k{color:var(--cyan);letter-spacing:.08em;font-size:11.5px;font-weight:800}.region-theme strong{font-size:19px}.region-points{flex-direction:column;gap:6px;margin:0 0 10px;padding-left:1.4em;font-size:14px;display:flex}.region-missions{background:#ffd54a14;border:1px solid #ffd54a59;border-radius:10px;padding:8px 12px}.region-missions ul{margin:4px 0 0;padding-left:1.2em;font-size:13.5px}.mission-region{margin-bottom:14px}.mission-region-h{flex-wrap:wrap;align-items:baseline;gap:8px;margin:6px 0;display:flex}.mission-region-h>:last-child{margin-left:auto}.block{display:block}.act-icon{border:1px solid var(--line);width:36px;height:36px;color:var(--cyan);background:#030a1a59;border-radius:10px;flex:none;place-items:center;display:grid}.act-icon:hover{border-color:var(--cyan);background:#45d4ff1f}.act-remove{color:#ff9a9a}.act-remove:hover{border-color:var(--red);background:#ff6b6b1f}.instr-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.warn-blink{animation:2.4s ease-in-out infinite warn-blink}@keyframes warn-blink{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.warn-blink{animation:none}}:root{--bg:#030a1a;--bg2:#061330;--panel:#071430e0;--panel-solid:#0a1a3c;--panel2:#10244ee6;--line:#78aaff42;--line-strong:#78aaff80;--text:#e8f0ff;--dim:#8ea6cf;--dim2:#6a82ad;--blue:#3d8bff;--cyan:#45d4ff;--orange:#ff9f43;--green:#2ee39a;--yellow:#ffd54a;--red:#ff6b6b;--land:#ffb347;--sea:#4fd8ff;--air:#e9e4ff;--radius:14px;--hud-h:64px;--font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}body{font-size:15px;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}.num{font-variant-numeric:tabular-nums}.good{color:var(--green)}.bad{color:var(--red)}.dim{color:var(--dim)}