/* Road Club: enamel, warm paper and brass. UI only; scene physics are unchanged. */
:root{--ink:#233d36;--paper:#f3eddb;--gold:#e5b55e;--edge:#a88b54;--muted:#899b88}
body{background:#e9e1cb;background-image:radial-gradient(ellipse at 50% 0,#fff9e8,transparent 70%);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}
.header{height:84px;padding:0 32px;background:#213c35;border-bottom:4px solid #cba464;box-shadow:0 3px 12px #20382b20;color:#fff3d8}
.brand{gap:14px}.brand strong{font-size:24px;letter-spacing:2px;font-weight:850;text-shadow:0 2px #142b24}.brand small{color:#c0bc9e;letter-spacing:3.7px;font-size:8px}.brand-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid #dfb672;box-shadow:inset 0 0 0 4px #213c35,inset 0 0 0 5px #b7955e;background:#142c26;transform:rotate(-12deg)}.brand-mark svg{width:34px;height:34px;stroke:#e6c28a;fill:none;stroke-width:1.7}
.header-right{gap:18px}.demo-note{font-size:10px;color:#b2c3ae}.main-wallet{background:linear-gradient(#fff1c6,#eac87e);color:#493a20;border:1px solid #f9e3ad;border-bottom:3px solid #a17b42;border-radius:28px;padding:9px 20px;box-shadow:0 3px 8px #10261f44;min-width:150px;justify-content:center}.main-wallet strong{font-size:22px;font-weight:800}.main-wallet small{color:#79613b}.main-wallet>span{display:grid;place-items:center;background:#e5b252;border:2px solid #9d7330;border-radius:50%;width:26px;height:26px;font-size:16px;box-shadow:inset 0 0 0 2px #f8d890}.quiet{color:#f6e7c9}.quiet span{color:#b0bda7}.icon-button{width:32px;height:32px;border-color:#9dba9c;color:#e7e9d4}
main{max-width:1920px;padding:0 26px}.journey-bar{height:88px;padding:0 7px;gap:24px}.place{min-width:270px;gap:13px}.location-icon{font-size:0;display:grid;place-items:center;background:#28483e;color:#efd397;border:3px double #c5ac7a;border-radius:12px 12px 18px 18px;width:44px;height:48px;box-shadow:0 3px 0 #a6a08740}.location-icon:after{content:'01';font-size:22px;font-weight:800;letter-spacing:-1px}.place strong{font-size:18px;font-weight:800;letter-spacing:1px}.place div>span{color:#7c816e;font-size:11px;margin-top:6px}.route{width:330px;margin-left:auto;background:#e2dac3;border:1px solid #d1c7ae;border-radius:12px;padding:12px 16px}.route>div:first-child{font-size:11px;font-weight:650;color:#647360;margin-bottom:8px}.route-track{height:6px;background:#c7c9af;border:1px solid #aab39b;box-shadow:inset 0 1px 2px #3e583633}.route-track span{background:linear-gradient(90deg,#799573,#325d47);position:relative}.route-track span:after{content:'';position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:#eac477;border:2px solid #58714b}.traffic-label{color:#6e7b64;font-size:11px;min-width:155px}.live-dot{background:#729b62;box-shadow:0 0 0 3px #78946419}
.world{height:calc(100dvh - 390px);min-height:390px;max-height:940px;border:5px solid #2a453a;border-radius:18px;box-shadow:0 0 0 1px #ad9769,0 9px 0 -4px #b5a478,0 14px 25px #5d5b3b26}.world-top{top:16px}.world-top,.world-bottom{left:18px;right:18px}.world-bottom{bottom:16px}.scene-caption{background:#fff3dbeF;color:#4b523c;border:1px solid #ac9061;border-bottom:3px solid #b49b70;border-radius:8px;padding:10px 14px;font-size:11px;box-shadow:0 3px 8px #2d382c26}.sun{color:#b27b24}.glass-button{background:linear-gradient(#3f5d48,#284537);border:1px solid #c4b17e;border-bottom:3px solid #172f24;border-radius:8px;padding:11px 15px;font-weight:650;box-shadow:0 3px 5px #0002;color:#fff0cd}.glass-button:hover{background:#57704e;transform:translateY(-1px)}.own-label{padding:9px 14px;background:#fff0d9eb;color:#44513b;border-color:#aa956c;font-weight:700;font-size:11px;box-shadow:0 3px 6px #263a2826}.own-label i{background:#698956}.event-card{top:78px;background:#253e33f5;border:1px solid #e3c17d;border-left:4px solid #e3c17d;color:#fff1d5;box-shadow:0 4px 15px #122b2a44}.event-card strong{font-size:13px}.event-card small{color:#b5c9ac}
.dashboard{margin:22px 0 10px;padding:18px 20px;min-height:158px;gap:22px;border:1px solid #b6a077;border-radius:16px;background:linear-gradient(115deg,#29463b,#1e392f);box-shadow:inset 0 1px #6e8261,inset 0 -4px #142f27,0 6px 14px #625c3e20;color:#f3edda;position:relative}.dashboard:before,.dashboard:after{content:'+';position:absolute;top:8px;color:#9b9e7a;font-size:10px;line-height:10px}.dashboard:before{left:8px}.dashboard:after{right:8px}.metrics{flex:1.15;gap:18px;align-items:center}.metric{gap:9px;min-width:126px;position:relative}.metric-icon{width:30px;height:30px;color:#d1be8b;line-height:1;flex-shrink:0}.metric-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.metric label{font-size:11px;letter-spacing:1px;color:#c2cbb1;margin-bottom:5px}.metric strong{font-size:31px;font-weight:750;color:#fff1cc;letter-spacing:-.6px}.metric strong small{color:#adbea5;font-size:11px;font-weight:500;letter-spacing:0}.metric-foot{font-size:9px;color:#9eb393;margin-top:7px;line-height:1.6}.range-value{font-size:10px;color:#e5cf97;margin-top:7px}.meter{width:100%;height:7px;background:#102a22;border:1px solid #6b7c5355;border-radius:4px;overflow:hidden}.meter i{background:linear-gradient(90deg,#9ca55e,#e8c778);box-shadow:0 0 5px #e7c47b55}.condition-meter{margin-top:8px;max-width:102px}.condition-meter i{background:linear-gradient(90deg,#688d68,#bad599)}
.metric.speed{width:145px;min-width:145px;max-width:145px;height:128px;border-radius:12px;background:linear-gradient(140deg,#f9f0da,#e6d8b7);color:#2f493b;border:1px solid #f9e2ad;border-bottom:4px solid #b5a074;box-shadow:0 3px 5px #142b2444;justify-content:center;align-items:center;text-align:center;padding:20px 8px 10px}.speed .metric-icon{display:none}.speed:before{content:'';position:absolute;width:102px;height:48px;border:4px solid #52765a;border-bottom:0;border-radius:80px 80px 0 0;top:10px;opacity:.27}.speed label{position:relative;color:#8d825d;font-size:9px;letter-spacing:2px;margin:8px 0 2px}.speed strong{position:relative;font-size:42px;line-height:1.05;color:#264a3a;font-weight:850}.speed strong small{color:#7d8668;font-size:9px}.speed .metric-foot{font-size:8px;color:#8c8468;max-width:126px;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inventory{flex:1.2;min-width:330px;border-left:1px solid #d8d7ab20;border-right:1px solid #d8d7ab20;padding:0 22px}.inventory-title{font-size:13px;font-weight:700;color:#e1dfc2;margin-bottom:13px}.inventory-title b{background:#132e26;border:1px solid #83966c45;color:#bdc8a5;font-size:10px;padding:3px 7px}.text-button{font-size:11px;color:#edcb88}.slots{gap:7px}.slot{height:57px;background:linear-gradient(140deg,#f0e8d2,#d6ceb5);border:1px solid #f1dfb0;border-bottom:3px solid #aa9770;border-radius:8px;box-shadow:0 3px 5px #10291f44}.slot .loot-icon{width:44px;height:44px;filter:drop-shadow(0 2px 1px #5b513922)}.slot .slot-no{font-size:8px;color:#94886a;top:4px;left:5px}.slot.empty{background:#18362d;border:1px dashed #879c6b55;color:#7b9470;box-shadow:inset 0 2px 5px #092b2233}.slot.locked{border:2px solid #e4bb64;border-bottom-width:3px}.lock-mark{background:#3d573a;border-radius:3px;padding:1px 3px;right:2px;top:2px}.slot:hover{transform:translateY(-4px);border-color:#fff1b9;box-shadow:0 6px 12px #10291f55}
.service-buttons{width:190px;gap:7px;flex-shrink:0}.service-buttons button{min-height:36px;font-size:11px;letter-spacing:.3px;border-radius:8px}.primary-button{background:linear-gradient(#f7d58e,#deb068);color:#423d25;border:1px solid #f7dca0;border-bottom:3px solid #a47b42;box-shadow:0 3px 5px #162b2126,inset 0 1px #fff4c5;border-radius:9px}.primary-button:hover{background:linear-gradient(#ffe8b3,#ebc27a);transform:translateY(-1px)}.secondary-button{background:linear-gradient(#46644c,#324e3d);border:1px solid #8d9a6d;border-bottom:3px solid #152f24;color:#f0ebce;border-radius:9px}.secondary-button:hover{background:#506f4f;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;filter:saturate(.45)}.footnote{font-size:9px;color:#8c8b72;padding:0 5px 12px}.foot-divider{color:#aaa58b}
.dialog:not(#bag-dialog){background:#f3ecd9;color:#304b3c;border:4px solid #35513e;outline:1px solid #bea577;padding:30px;border-radius:18px;box-shadow:0 20px 90px #102b2577}.dialog::backdrop{background:#142b2ac2;backdrop-filter:blur(5px)}.dialog:not(#bag-dialog) .dialog-close{color:#6e7a5b;right:12px;top:10px}.dialog:not(#bag-dialog) .dialog-kicker{color:#9a7d45}.dialog:not(#bag-dialog) p{color:#788068}.dialog:not(#bag-dialog) .dialog-hint{color:#90947b}.dialog:not(#bag-dialog) h2{font-weight:800}.ride-preview{background:radial-gradient(ellipse at center,#fcf8e7,#dfd9bb);border:1px solid #cac5a8;border-bottom:3px solid #c3b58b}.creator div>span{color:#7c876c}.avatar{border:2px solid #dec483;background:#526c4c}.ride-stats{border-color:#c9c9ac}.ride-stats small{color:#859070}.ride-stats strong{color:#416144;font-weight:750}.upgrade-compare{background:#e5e4cd;border-color:#bfc5a5}.upgrade-compare small{color:#738564}.gold{color:#9c7b37}.collection-button{border-color:#b9c3a1;color:#728363}.collection-button:hover{color:#314f3b}.price-row{border-color:#b8bf9e55}.price-row strong{color:#947334}.demo-tools{border-color:#b8bf9e66}.demo-tools>small{color:#879273}
#bag-dialog{border:4px solid #3d5941;outline:1px solid #bca471;box-shadow:0 25px 100px #102c2780;background:#253e31}.bag-header{background:linear-gradient(110deg,#38563f,#243c30);border-bottom:1px solid #bba47044}.case-icon{border:2px solid #c5ab71;background:#1f392e;color:#ebcd8e;box-shadow:inset 0 0 0 4px #263d2d}.bag-header h2{font-weight:800}.bag-toolbar{background:#1d352b}.bag-content{padding-top:18px;background:repeating-linear-gradient(90deg,transparent 0,transparent 70px,#ffffff02 71px,#ffffff02 72px)}#bag-dialog .bag-item{border-bottom:4px solid #ad9e78;box-shadow:0 5px 8px #10261d44;border-radius:10px}#bag-dialog .bag-item.is-locked{padding-bottom:9px;border-bottom:4px solid #b38b3e}.bag-footer{background:#1c3329;border-color:#bba47044}.bag-demo-note{background:#1c3329}.bag-filters button[aria-pressed=true]{background:#e3c481;color:#38482e;border-color:#f1d69a;border-bottom:2px solid #ac8b4f}.toast{border:2px solid #baa06a;border-bottom-width:4px;border-radius:12px;font-size:13px}
@media(min-width:1600px){.dashboard{gap:26px;padding:20px 25px}.metrics{gap:24px}.metric.speed{width:158px;min-width:158px;max-width:158px}.inventory{padding:0 25px}.slot{height:64px}.slot .loot-icon{width:49px;height:49px}.service-buttons{width:210px}.service-buttons button{font-size:12px;min-height:38px}.metric strong{font-size:35px}.speed strong{font-size:44px}}
@media(max-width:1200px){.header{padding:0 22px}.brand strong{font-size:20px}.demo-note{display:none}.dashboard{gap:14px;padding:16px 14px}.metrics{gap:12px}.metric{min-width:100px;gap:6px}.metric.speed{min-width:112px;max-width:112px;width:112px}.metric-icon{display:none}.metric strong{font-size:29px}.speed strong{font-size:38px}.inventory{min-width:260px;padding:0 14px}.slots{gap:4px}.slot{height:46px}.slot .loot-icon{width:35px;height:35px}.service-buttons{width:165px}.service-buttons button{font-size:10px}.route{width:270px}.range-value{font-size:9px}}
@media(max-width:950px){.dashboard{display:grid;grid-template-columns:1fr 180px;gap:18px}.metrics{grid-column:1;grid-row:1}.inventory{grid-column:1/-1;grid-row:2;border:0;padding:0}.service-buttons{grid-column:2;grid-row:1;width:180px}.slots{gap:8px}.slot{height:48px}.metric{flex:1}.metric.speed{max-width:130px;min-width:130px}.metric-icon{display:block}.world{height:calc(100dvh - 460px);min-height:370px}.traffic-label{display:none}.place{min-width:240px}.route{width:280px}.inventory-title{margin-bottom:9px}}
@media(max-width:600px){.header{height:74px;padding:0 13px}.brand{gap:8px}.brand-mark{width:35px;height:35px;flex-shrink:0}.brand-mark svg{width:23px;height:23px}.brand strong{font-size:15px;letter-spacing:0}.brand small{font-size:5px;letter-spacing:1.8px}.header-right{gap:8px}.main-wallet{min-width:0;padding:6px 9px;gap:5px}.main-wallet strong{font-size:15px}.main-wallet>span{width:19px;height:19px;font-size:10px}.quiet{font-size:9px;padding:0}.icon-button{width:23px;height:23px;font-size:11px}main{padding:0 10px}.journey-bar{height:80px;gap:12px;padding:0 3px}.location-icon{width:33px;height:38px;border-radius:8px 8px 13px 13px;flex-shrink:0}.location-icon:after{font-size:17px}.place{min-width:0;gap:8px}.place strong{font-size:12px;letter-spacing:0}.place div>span{font-size:8px}.route{width:145px;flex-shrink:0;padding:9px}.route>div:first-child{font-size:8px}.world{height:54vh;min-height:330px;border-width:3px;border-radius:12px}.world-top,.world-bottom{left:10px;right:10px}.world-top{top:10px}.scene-caption{font-size:9px;padding:7px 9px}.glass-button{font-size:9px;padding:8px 9px}.own-label{font-size:8px;padding:7px 9px}.event-card{top:61px;left:10px}.dashboard{margin-top:16px;padding:14px 12px;grid-template-columns:1fr;gap:15px}.metrics{grid-column:1;gap:12px}.metric{min-width:0;gap:0}.metric+.metric{border:0;padding:0}.metric-icon{display:none}.metric.speed{min-width:98px;width:98px;max-width:98px;height:115px}.speed:before{width:78px;height:40px}.metric strong{font-size:25px}.speed strong{font-size:36px}.metric label{font-size:9px}.metric-foot{font-size:8px;max-width:110px}.range-value{font-size:8px;white-space:normal}.service-buttons{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:6px}.service-buttons button{font-size:9px;padding:8px 4px;min-height:40px}.inventory{grid-row:2;grid-column:1}.inventory-title{font-size:11px}.text-button{font-size:10px}.slots{gap:4px}.slot{height:40px;border-radius:5px}.slot .loot-icon{width:29px;height:29px}.slot .slot-no{font-size:6px;left:3px}.footnote{font-size:7px;padding-bottom:10px}.footnote>span:first-child{max-width:62%}}

/* Keep the complete control deck on screen at desktop heights. */
@media(min-width:951px){.world{height:calc(100dvh - 420px)}}
html{color-scheme:light}
.dialog{color-scheme:light}
#bag-dialog{color-scheme:dark}
.slot .qty{color:#5b583d;background:#efe4c8;border-radius:3px;padding:0 2px}
#bag-dialog .bag-item-info small{color:#68735d}
#bag-dialog .item-badge{color:#687359}
@media(prefers-reduced-motion:reduce){button:hover,.slot:hover{transform:none}}

@media(max-width:600px){html[lang=en] .brand strong{font-size:12px;letter-spacing:0;max-width:135px}html[lang=en] .place strong{font-size:10px}html[lang=en] .place div>span{max-width:125px}html[lang=en] .scene-caption{max-width:78%}}
.case-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Speed is an unbounded numeric readout, not a capped gauge. */
.speed:before{content:none}
.metric.speed{padding:14px 8px;align-items:center}
.speed label{margin:0 0 6px;letter-spacing:1.5px}
.speed strong{font-size:46px}
@media(max-width:600px){.speed strong{font-size:38px}}

body[data-stage="country"] .location-icon:after{content:'02'}.journey-map{width:min(960px,95vw);max-width:960px;max-height:90vh;overflow:auto}.chapter-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chapter-cards article{border:1px solid #c5b98e;border-radius:12px;overflow:hidden;background:#e2dfc2;padding:10px}.chapter-cards img{width:100%;height:120px;object-fit:contain;background:#e8e8cd}.chapter-cards h3{font-size:16px}.chapter-cards button{padding:10px 16px;border-radius:8px;background:#355a45;color:#fff0c9}#rural-catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#rural-catalog article{padding:10px;text-align:center;border:1px solid #d2c8aa;border-radius:10px;background:#fff9e8}#rural-catalog canvas{width:72px;height:72px}#rural-catalog strong,#rural-catalog small{display:block;font-size:12px}#rural-catalog small{color:#8b783e;margin-top:5px}#map-open{white-space:nowrap}@media(max-width:700px){.traffic-label{display:none}.chapter-cards{grid-template-columns:1fr}#rural-catalog{grid-template-columns:repeat(2,1fr)}}