/* A travel map with vivid wayfinding, calm surfaces, and no extra learning obstacles. */
.travelDestinationBar,.travelArrival,.travelLandscape{display:none}
html[data-design="2026"]{--bg:#10343a;--surface:#183f47;--surface2:#234c55;--border:#38616a;--green:#4fe2bd;--blue:#74d8f1;--accent:#ffb06e;--new-primary:#54dfb9;--new-primary-ink:#073d34;--new-nav:#173d45f5;--scene-sun:#ffbe67;--scene-far:#286365;--scene-ground:#173d48;--scene-wall:#79c8af;--scene-roof:#3c9592;--scene-gold:#ffc66e;--scene-water:#247e94}
html[data-design="2026"][data-theme="light"]{--bg:#f1f6e8;--surface:#fffdf4;--surface2:#e0eee2;--border:#c2d8c7;--green:#0b8069;--blue:#137d9b;--accent:#c8672f;--new-primary:#087f69;--new-primary-ink:#fffef5;--new-nav:#fffef4f5;--scene-sun:#ffc85c;--scene-far:#bfddba;--scene-ground:#498377;--scene-wall:#b7dbc0;--scene-roof:#71ada0;--scene-gold:#e9aa4b;--scene-water:#8bced2}
html[data-design="2026"] .professionalIcon{animation:none!important;filter:none!important;stroke-width:1.7;opacity:1}
html[data-design="2026"] .pathHome .stats>.avatar{display:none}
html[data-design="2026"] nav .professionalIcon{width:25px!important;height:25px!important;color:var(--sub);opacity:1}
html[data-design="2026"] nav button.active .professionalIcon{color:var(--green)}
html[data-design="2026"] .pathHome .stats [role=button] .professionalIcon{color:#ffad73;width:25px;height:25px}
html[data-design="2026"] .wallet>.professionalIcon{color:#ffcc76;width:25px;height:25px}
html[data-design="2026"] .pathMissionButton>.professionalIcon{color:#8fdcf2;width:25px;height:25px}
html[data-design="2026"] .pathSectionBanner{background:var(--destination-color,#29d3ad);border:1px solid #ffffff29;box-shadow:0 7px 0 #072d3a22;color:#083e3b}
html[data-design="2026"] .pathSectionSelect small{color:#123d3c;opacity:.85}
html[data-design="2026"] .pathGuide{background:#ffffff25;color:#133e3b}
html[data-design="2026"] .cleanJourney{--trail:#47d9bb;--trailDepth:#168d7b;padding-left:16px;padding-right:16px}
html[data-design="2026"] .travelDestinationBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 12px;position:relative;z-index:2}
.travelDestinationBar button{display:flex;align-items:center;gap:7px;background:transparent;border:0;box-shadow:none;color:var(--sub);padding:8px 0;font-size:11px;min-height:38px}
.travelDestinationBar button span{line-height:1.4}.travelDestinationBar strong{color:var(--text);font-weight:750}.travelDestinationBar .uiIcon{width:16px;height:16px;flex:none}.travelDestinationBar button>.uiIcon:last-child{width:13px;height:13px}.travelDestinationBar #openPassport{gap:6px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--green)}.travelDestinationBar #openPassport>.uiIcon{width:19px;height:19px}
html[data-design="2026"] .learningTrail{border-radius:28px;background:color-mix(in srgb,var(--scene-far) 17%,transparent);overflow:visible;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}
html[data-design="2026"] .learningTrail:before{content:'';position:absolute;inset:0;border-radius:28px;pointer-events:none;z-index:-3;background:radial-gradient(ellipse at 0 15%,color-mix(in srgb,var(--scene-roof) 16%,transparent),transparent 55%),radial-gradient(ellipse at 100% 80%,color-mix(in srgb,var(--scene-gold) 9%,transparent),transparent 55%)}
html[data-design="2026"] .travelLandscape{display:block;position:absolute;inset:0;z-index:-2;overflow:hidden;border-radius:28px;pointer-events:none}.travelLandscape>span{position:absolute;display:block;width:230px;opacity:.35}.travelLandscape .landscapeTop{right:-74px;top:230px}.travelLandscape .landscapeBottom{left:-80px;bottom:64px;transform:scaleX(-1);opacity:.28}.destinationIllustration{display:block;width:100%;height:auto}
html[data-design="2026"] .routeSegment{stroke:var(--border);stroke-width:4;opacity:.85}html[data-design="2026"] .routeSegment.routeDone{stroke:#47d9bb}html[data-design="2026"] .routeSegment.routeNext{stroke:#64e1c3}
html[data-design="2026"] .isCurrent>.trailNode{--disc-color:#49dfb7;--disc-depth:#159b7d;color:#063f34}
html[data-design="2026"] .isCurrent>.trailNode:before{border-top-color:#4de6ba;border-right-color:#4de6ba;border-width:4px}
html[data-design="2026"] .isDone>.trailNode{--disc-color:#238b7c;--disc-depth:#16665c;color:#d5ffef}
html[data-design="2026"] .nodeStart{background:#ffb45d;color:#4b3010;font-weight:850}
html[data-design="2026"] .nodeStart:after{background:#ffb45d}
html[data-design="2026"] .travelArrival{display:flex;align-items:center;gap:12px;position:relative;z-index:1;width:100%;margin:18px 0 16px;padding:12px 14px 12px 8px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 5px 20px #062c3315;text-align:left;color:var(--text)}
.arrivalPicture{display:block;width:85px;flex:none}.arrivalCopy{flex:1;min-width:0}.arrivalCopy>*{display:block}.arrivalCopy small{font-size:8px;font-weight:850;letter-spacing:1.1px;color:var(--accent)}.arrivalCopy strong{font-size:18px;letter-spacing:-.4px;margin:5px 0 4px;overflow-wrap:anywhere}.arrivalCopy>span{font-size:11px;color:var(--muted)}.arrivalSeal{width:30px;height:30px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--muted);flex:none}.arrivalSeal .uiIcon{width:16px;height:16px}.destinationEarned .arrivalSeal{color:var(--green);border-color:var(--green)}
.destinationSheet{text-align:left;max-width:500px}.destinationSheet .sheetHeader{align-items:center;gap:12px}.destinationPostcard{position:relative;border-radius:22px;background:var(--surface2);overflow:hidden;max-height:230px;margin:16px 0 22px}.destinationPostcard>.destinationIllustration{max-height:225px}.destinationPostcard>span{position:absolute;top:14px;left:16px;font-size:11px;font-weight:750;background:var(--surface);border-radius:20px;padding:6px 10px;color:var(--text)}.destinationSheet>h2{font-size:30px;margin-bottom:12px}.destinationSheet>p{font-size:15px;color:var(--sub);line-height:1.75}.destinationStatus{display:flex;align-items:center;gap:12px;margin:22px 0;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface2);font-size:12px;color:var(--sub);line-height:1.5}.destinationStatus>.uiIcon{width:27px;height:27px;flex:none;color:var(--green)}.destinationSheet>.primary{width:100%;min-height:50px}.destinationSheet .close,.travelPassport .close{width:44px;height:44px;padding:12px;flex:none}.destinationSheet .close .uiIcon,.travelPassport .close .uiIcon{width:20px;height:20px}.travelPassport{max-width:620px}.travelPassport>p{font-size:14px;color:var(--sub);line-height:1.6}.passportGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.passportGrid>button{padding:17px 12px;border:1px dashed var(--border);background:var(--surface2);color:var(--sub);border-radius:18px;box-shadow:none;text-align:left;min-width:0}.passportGrid .uiIcon{width:25px;height:25px;margin-bottom:10px}.passportGrid strong,.passportGrid small{display:block}.passportGrid strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.passportGrid small{font-size:9px;letter-spacing:.6px;margin-top:7px;color:var(--muted)}.passportGrid>button.earned{border-style:solid;border-color:var(--green);background:var(--greenTint);color:var(--green)}
/* Quests feel like part of the same trip, with three distinct visual accents. */
html[data-design="2026"] .travelQuests{background:var(--surface);border-radius:26px}
html[data-design="2026"] .travelQuests .questHero{position:relative;overflow:hidden;isolation:isolate;background:#d8ab4c;color:#2f3627;border:0;min-height:136px}
.travelQuests .questHeroCopy{position:relative;z-index:2}.travelQuests .questHeroCopy>strong{color:#253a2c}.travelQuests .questTotal{color:#2f4430}.travelQuests .questHero>img{display:none}.travelQuests .questHeroCopy{padding-right:55px}.travelQuests .questLandscape{position:absolute;inset:auto -20px -20px auto;width:190px;opacity:.45;z-index:0;--scene-sun:#ffe398;--scene-far:#a6a256;--scene-wall:#e5b965;--scene-roof:#a7773b;--scene-ground:#665a34;--scene-gold:#fff3bc}.questDestination{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:750;margin-top:10px;color:#33442f}.questDestination .uiIcon{width:13px;height:13px;flex:none}
html[data-design="2026"] .questSegments>span{background:#46543230}html[data-design="2026"] .questSegments>.filled{background:#176451}
html[data-design="2026"] .travelQuests .questCard{background:var(--surface2);border:1px solid var(--border)}
html[data-design="2026"] .questCard:nth-child(1){--quest-accent:#4de2ba}html[data-design="2026"] .questCard:nth-child(2){--quest-accent:#ffbc74}html[data-design="2026"] .questCard:nth-child(3){--quest-accent:#a6b5ff}
html[data-design="2026"][data-theme="light"] .questCard:nth-child(1){--quest-accent:#0e8a72}html[data-design="2026"][data-theme="light"] .questCard:nth-child(2){--quest-accent:#b76b18}html[data-design="2026"][data-theme="light"] .questCard:nth-child(3){--quest-accent:#6857be}
html[data-design="2026"] .questArt{background:color-mix(in srgb,var(--quest-accent) 12%,var(--surface));color:var(--quest-accent)}
html[data-design="2026"] .questArt>.professionalIcon{width:26px;height:26px}
html[data-design="2026"] .missionTrack>span{background:var(--quest-accent)}html[data-design="2026"] .questFooter{background:var(--surface)}
html[data-design="2026"] .streakHero>.professionalIcon{color:#ffad73;width:82px;height:100px;animation:none}
html[data-design="2026"] .questReward>.professionalIcon{width:17px;height:17px;color:var(--coin)}
@media(max-width:760px){html[data-design="2026"] .pathHome .workspace>header{background:var(--bg)}html[data-design="2026"] .cleanJourney{padding-left:18px;padding-right:18px}.travelDestinationBar{gap:6px}.travelDestinationBar button{font-size:10px}html[data-design="2026"] .pathHome .trailChang{width:100px;right:0}.travelLandscape>span{width:180px}.travelLandscape .landscapeTop{right:-62px;top:235px}.travelLandscape .landscapeBottom{left:-70px;bottom:90px}.travelArrival .arrivalPicture{width:70px}.arrivalCopy strong{font-size:16px}.destinationSheet>h2{font-size:26px}}
@media(max-width:360px){html[data-design="2026"] .cleanJourney{padding-left:12px;padding-right:12px}.travelDestinationBar button{font-size:9px;gap:5px}.travelDestinationBar .uiIcon{width:14px;height:14px}.arrivalCopy strong{font-size:15px}.travelArrival .arrivalPicture{width:60px}.arrivalSeal{width:26px;height:26px}.passportGrid{gap:9px}.passportGrid>button{padding:13px 10px}}
.sectionDestinationHint{display:none}html[data-design="2026"] .sectionDestinationHint{display:block!important;color:var(--green)!important;margin-top:5px!important;font-size:10px!important}html[data-design="classic"] .questLandscape,html[data-design="classic"] .questDestination{display:none}html[data-design="classic"] .travelQuests .questHero>img{display:block}html[data-design="classic"] .travelQuests .questHeroCopy{padding-right:0}html[data-design="classic"] .travelQuests .questHeroCopy>strong,html[data-design="classic"] .travelQuests .questTotal{color:var(--text)}
.destinationMilestone{display:none}html[data-design="2026"] .destinationMilestone{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--green);border-radius:18px;background:var(--greenTint);color:var(--green);width:100%;max-width:400px;margin:18px auto;text-align:left}.destinationMilestone>.uiIcon{width:25px;height:25px;flex:none}.destinationMilestone span{flex:1}.destinationMilestone small,.destinationMilestone strong{display:block}.destinationMilestone small{font-size:9px;letter-spacing:1px;margin-bottom:5px}.destinationMilestone strong{font-size:20px}

html[data-design="2026"][data-theme="light"] .pathHome .stats [role="button"] .professionalIcon{color:#a75316}html[data-design="2026"][data-theme="light"] .wallet>.professionalIcon{color:#946b17}html[data-design="2026"][data-theme="light"] .pathMissionButton>.professionalIcon{color:#18748b}
/* A continuous environment: riverbanks, plants, boats and local architecture. */
html[data-design="2026"] .learningTrail{background:color-mix(in srgb,var(--scene-far) 30%,var(--bg));border-color:color-mix(in srgb,var(--scene-wall) 18%,var(--border))}
.travelLandscape .worldRiver{position:absolute;inset:0;width:100%;height:100%;opacity:.28}
.travelLandscape .landscapeTop{right:-7px;top:275px;width:175px;opacity:.65}
.travelLandscape .landscapeBottom{left:-12px;bottom:45px;width:170px;opacity:.52;transform:none}
.travelLandscape .mapDetail{position:absolute;display:block;opacity:.65;pointer-events:none}
.mapDetail svg{display:block;width:100%;height:auto}
.travelLandscape .mapPalmOne{left:-14px;top:28px;width:80px;transform:rotate(-8deg);opacity:.5}
.travelLandscape .mapPalmTwo{right:-8px;bottom:215px;width:84px;transform:scaleX(-1);opacity:.55}
.travelLandscape .mapLotus{left:10px;top:410px;width:88px}
.travelLandscape .mapBoat{right:-13px;top:530px;width:112px;transform:rotate(-8deg);opacity:.75}
.travelLandscape .mapLanterns{right:1px;top:12px;width:92px;opacity:.65}
.travelLandscape .mapCloud{left:58px;top:180px;width:76px;opacity:.15}
body[data-travel-biome="prang"] .travelLandscape{--scene-wall:#c8dfcc;--scene-gold:#ffd071}
html[data-design="2026"][data-theme="light"] .travelLandscape .worldRiver{opacity:.5}
html[data-design="2026"][data-theme="light"] .travelLandscape .mapDetail{opacity:.75}
@media(min-width:761px){.travelLandscape .landscapeTop{width:210px;right:0;top:260px}.travelLandscape .landscapeBottom{width:220px;left:-15px;bottom:15px}.travelLandscape .mapPalmOne{width:110px;left:0}.travelLandscape .mapPalmTwo{width:110px;right:0}.travelLandscape .mapLotus{width:110px;left:15px}.travelLandscape .mapBoat{width:140px;right:-5px}.travelLandscape .mapLanterns{width:115px;right:12px}}
@media(max-width:360px){.travelLandscape .landscapeTop{width:145px;right:-6px;top:285px}.travelLandscape .landscapeBottom{width:145px}.travelLandscape .mapBoat{width:90px}.travelLandscape .mapPalmOne,.travelLandscape .mapPalmTwo{width:66px}.travelLandscape .mapLanterns{width:75px}}