.app.journey-mode{width:min(100%,1180px);padding:18px 20px 30px}
.journey-dashboard{--j-navy:#0b1130;--j-panel:#09192b;--j-gold:#f2a93b;--j-gold-dark:#c77e14;--j-teal:#25d5c7;--j-green:#34c759;--j-blue:#2e86de;--j-cream:#f5f1e6;position:relative;overflow:hidden;min-height:100vh;padding:18px;border:1px solid #29405a;border-radius:32px;background:radial-gradient(circle at 34% 14%,#16496a 0,transparent 24%),linear-gradient(165deg,#07182a,#0b1130 58%,#071522);color:#fff;box-shadow:0 30px 90px #02081766}
.journey-symbols{position:absolute;width:0;height:0;overflow:hidden}.journey-dashboard svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.journey-topbar{position:relative;z-index:10;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;margin-bottom:18px}.journey-brand{display:flex;align-items:center;gap:10px;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.journey-logo{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:#09213a;background:linear-gradient(145deg,#ffd552,var(--j-gold-dark));box-shadow:inset 0 2px #fff7,0 8px 22px #f2a93b42}.journey-logo svg{width:34px;height:34px;stroke-width:2}.journey-brand>span:last-child{display:grid;line-height:1}.journey-brand strong{font:900 22px var(--font-display);letter-spacing:.04em}.journey-brand b{margin-top:4px;color:var(--j-gold);font:900 16px var(--font-display);letter-spacing:.18em}
.journey-currencies{justify-self:center;display:flex;align-items:center;padding:8px 10px;border:1px solid #38506a;border-radius:18px;background:#07192bbf;box-shadow:inset 0 1px #ffffff0d}.journey-currencies>div{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;align-items:center;min-width:94px;padding:0 12px;border-right:1px solid #31465d}.journey-currencies>div:last-child{border:0}.currency-icon{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;margin-right:8px;border-radius:50%;font-weight:900}.currency-icon.coin{color:#6e4300;background:linear-gradient(#ffd85c,#e8990d);box-shadow:inset 0 0 0 3px #fff4a870}.currency-icon.xp{color:#233d0d;background:#8bd11e;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,80% 96%,50% 72%,20% 96%,32% 57%,2% 35%,39% 35%)}.currency-icon.gem{color:white;background:linear-gradient(145deg,#b36aff,#5b2ccf)}.journey-currencies strong{font-size:14px}.journey-currencies small{color:var(--j-gold);font-size:8px;font-weight:900;letter-spacing:.06em}.journey-currencies>div:nth-child(2) small{color:var(--j-teal)}
.journey-level{min-width:132px;padding:9px 12px;border:1px solid #38506a;border-radius:16px;background:#07192bbf}.journey-level small{display:block;color:var(--j-teal);font-size:8px;font-weight:900;letter-spacing:.09em}.journey-level strong{float:right;margin-top:-12px;font-size:15px}.journey-level>span{display:block;clear:both;height:5px;margin-top:7px;overflow:hidden;border-radius:9px;background:#31465d}.journey-level i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--j-teal),var(--j-green));transition:width .6s ease}.journey-topbar .theme-toggle{border-color:#38506a;background:#07192bbf;color:#fff;box-shadow:none}
.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.journey-map{position:relative;min-height:1060px;overflow:hidden;border:1px solid #27445f;border-radius:28px;background:radial-gradient(ellipse at 18% 10%,#4a884b 0 7%,transparent 8%),radial-gradient(ellipse at 76% 76%,#183f38 0 16%,transparent 17%),linear-gradient(155deg,#143a50,#09273d 48%,#071d34);box-shadow:inset 0 1px #ffffff12,0 20px 45px #0005}.journey-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,#9bc44b33 0 2px,transparent 3px),radial-gradient(circle at 75% 56%,#75a64a2e 0 3px,transparent 4px);background-size:30px 30px,44px 44px;opacity:.65}.map-heading{position:absolute;z-index:6;left:22px;top:20px}.map-heading span{color:var(--j-teal);font-size:9px;font-weight:900;letter-spacing:.14em}.map-heading h1{margin:4px 0 2px;color:white;font-size:25px}.map-heading p{margin:0;color:#b9c9d8;font-size:11px}
.journey-path{position:absolute;z-index:1;inset:70px 0 0;width:100%;height:calc(100% - 90px);filter:drop-shadow(0 0 9px #f2a93b72)}.journey-path .path-shadow{fill:none;stroke:#0b1827;stroke-width:28}.journey-path .path-main{fill:none;stroke:#f2c867;stroke-width:11;stroke-dasharray:10 4;animation:pathGlow 4s linear infinite}.journey-path .path-main{stroke-dashoffset:0}@keyframes pathGlow{to{stroke-dashoffset:-56}}
.river-shimmer{position:absolute;z-index:0;inset:20px -22% 80px 42%;border-radius:46% 54% 48% 52%;background:linear-gradient(115deg,#167e9a66,#42b9d733,#0b4c7255);transform:rotate(7deg);animation:riverMove 8s ease-in-out infinite}@keyframes riverMove{50%{transform:rotate(5deg) translateX(8px);filter:brightness(1.18)}}
.journey-cloud{position:absolute;z-index:2;width:92px;height:20px;border-radius:30px;background:#d8ecf025;filter:blur(.2px);animation:cloudDrift 16s ease-in-out infinite}.journey-cloud:before,.journey-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.journey-cloud:before{width:34px;height:34px;left:20px;bottom:0}.journey-cloud:after{width:46px;height:46px;right:12px;bottom:0}.cloud-one{top:118px;left:47%}.cloud-two{top:420px;left:5%;transform:scale(.72);animation-delay:-7s}@keyframes cloudDrift{50%{translate:24px 3px}}
.path-spark{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:white;box-shadow:0 0 8px 3px var(--j-gold);animation:sparkTravel 3s ease-in-out infinite}.spark-one{left:24%;top:205px}.spark-two{right:33%;top:540px;animation-delay:-1.4s}@keyframes sparkTravel{50%{transform:translate(28px,16px) scale(.7);opacity:.35}}
.journey-node{position:absolute;z-index:4;width:250px;min-height:112px;display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;border:1px solid #4a6176;border-radius:21px;padding:12px;text-align:left;color:#fff;background:linear-gradient(145deg,#0b2237eF,#091726ed);box-shadow:0 14px 30px #020b1499;transition:transform .22s ease,border-color .22s ease,filter .22s ease}.journey-node:hover{transform:translateY(-3px) scale(1.01)}.journey-node:focus-visible{outline:3px solid #fff;outline-offset:3px}.world-landmark{position:relative;width:68px;height:68px;display:grid;place-items:center;border-radius:20px;color:#b9c8d5;background:linear-gradient(145deg,#243e55,#12263a);box-shadow:inset 0 1px #ffffff26}.world-landmark svg{width:40px;height:40px}.node-copy{min-width:0;display:grid}.node-copy small{margin-bottom:3px;color:var(--j-gold);font-size:7px;font-weight:900;letter-spacing:.12em}.node-copy strong{font-size:13px;line-height:1.2}.node-copy em{margin-top:5px;color:#91a5b7;font-size:8px;font-style:normal}.node-state{grid-column:1/-1;justify-self:end;margin-top:-15px;padding:4px 7px;border-radius:20px;color:#aab7c3;background:#ffffff0c;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.journey-node.locked{filter:saturate(.65) brightness(.82)}.journey-node.locked .node-state:before{content:"◇ ";}.journey-node.active{border-color:var(--j-teal);box-shadow:0 0 0 3px #25d5c720,0 0 32px #25d5c73a,0 16px 35px #020b14}.journey-node.active .world-landmark{color:#04271d;background:linear-gradient(145deg,#7ff1bd,var(--j-green));animation:activePulse 2.6s ease-in-out infinite}.journey-node.active .node-state{color:#03241b;background:var(--j-teal)}.journey-node.completed{border-color:#65d578;background:linear-gradient(145deg,#123725f0,#0a2030f0)}.journey-node.completed .world-landmark{color:#08331b;background:linear-gradient(145deg,#a7ef8d,#34c759);box-shadow:0 0 24px #34c75968}.journey-node.completed .node-state{color:#0a2c19;background:#73de88}.journey-node.completed .node-state:before{content:"✓ ";}.journey-node.completed .world-landmark:after{content:"";position:absolute;inset:-7px;border:1px solid #7aea8b;border-radius:24px;opacity:.4;animation:completionRing 2.4s ease-in-out infinite}@keyframes activePulse{50%{box-shadow:0 0 0 8px #25d5c719,0 0 24px #25d5c76b}}@keyframes completionRing{50%{transform:scale(1.05);opacity:.75}}
.node-1{left:5%;top:98px}.node-2{right:5%;top:230px}.node-3{left:8%;top:364px}.node-4{right:4%;top:494px}.node-5{left:8%;top:625px}.node-6{right:5%;top:750px}.node-7{left:7%;top:872px}.node-8{right:5%;top:930px}
.life-marker{position:absolute;z-index:3;padding:5px 7px;border:1px solid #c9973f;border-radius:7px;color:#ffe7a7;background:#151b21df;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transform:rotate(-3deg);box-shadow:0 5px 12px #0007}.marker-job{left:35%;top:181px}.marker-bank{left:15%;top:300px}.marker-card{right:27%;top:350px}.marker-car{left:30%;top:608px}.marker-rent{right:22%;top:735px}.marker-home{left:35%;bottom:26px}
.continent-button{position:absolute;z-index:7;right:18px;top:18px;display:flex;align-items:center;gap:9px;border:1px solid #8e6b2d;border-radius:15px;padding:8px 11px;color:#fff;background:#07192bd9}.continent-button svg{width:26px;height:26px;color:var(--j-gold)}.continent-button span{display:grid;text-align:left}.continent-button small{color:var(--j-gold);font-size:6px;letter-spacing:.1em}.continent-button strong{font-size:9px}
.journey-panel{align-self:start;position:sticky;top:18px;padding:18px;border:1px solid #36516b;border-radius:26px;background:linear-gradient(155deg,#0a2034f5,#071526f5);box-shadow:0 20px 45px #0007}.journey-panel-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #2b4258}.journey-panel-title span{color:var(--j-teal);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.journey-panel-title b{padding:5px 8px;border-radius:20px;color:#83e78d;background:#163824;font-size:7px;text-transform:uppercase;letter-spacing:.06em}.current-world{display:grid;grid-template-columns:1fr 82px;gap:12px;align-items:center;padding:17px 0}.current-world small{color:var(--j-teal);font-size:7px;font-weight:900;letter-spacing:.12em}.current-world h2{margin:5px 0;color:#fff;font-size:20px;line-height:1.12}.current-world p{margin:0;color:#98adbf;font-size:9px;line-height:1.45}.journey-panel .mastery-ring{width:78px;height:78px;background:conic-gradient(var(--j-teal) var(--mastery,0%),#223b50 0)}.journey-panel .mastery-ring:after{background:#0a1e31}.journey-panel .mastery-ring strong{color:#fff}.journey-panel .mastery-ring span{color:#91a6b8}
.world-completion{padding:13px;border:1px solid #2b435a;border-radius:16px;background:#07192c}.world-completion>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;color:#b8c7d3;font-size:9px}.world-completion b{color:white}.world-completion small{display:block;margin-top:7px;color:#8297a9;font-size:8px}.journey-panel .world-progress{height:7px;background:#213b4f}.journey-panel .world-progress span{background:linear-gradient(90deg,var(--j-teal),var(--j-green))}
.journey-mini-card{width:100%;min-height:63px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin-top:9px;border:1px solid #29435a;border-radius:15px;padding:10px;color:#fff;text-align:left;background:#07192c}.journey-mini-card:hover{border-color:#4e718d}.journey-mini-card .mini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--j-gold);background:#23354a}.journey-mini-card .mini-icon svg{width:21px;height:21px}.journey-mini-card .fire{color:#ff8a22}.journey-mini-card span:nth-child(2){display:grid}.journey-mini-card small{color:var(--j-teal);font-size:7px;font-weight:900;letter-spacing:.08em}.journey-mini-card strong{font-size:9px}.journey-mini-card em{margin-top:2px;color:#8fa2b3;font-size:7px;font-style:normal}.journey-mini-card>b{color:#c4d1dc;font-size:8px}.reward-chest{animation:rewardShimmer 2.8s ease-in-out infinite}@keyframes rewardShimmer{50%{color:white;background:#8b611f;box-shadow:0 0 18px #f2a93b75}}
.view-levels-button{width:100%;margin-top:12px;border:1px solid #3c5b73;border-radius:13px;padding:11px;color:var(--j-teal);background:#112b40;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.journey-footer{position:relative;z-index:8;margin-top:18px}.footer-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #36516b;border-radius:20px;background:#07192bd9}.footer-metrics>div{min-width:0;padding:12px 15px;border-right:1px solid #30465a}.footer-metrics>div:last-child{border:0}.footer-metrics small{display:block;color:var(--j-teal);font-size:7px;font-weight:900;letter-spacing:.08em}.footer-metrics strong{display:block;margin-top:4px;color:#fff;font-size:11px}.footer-metrics em{display:block;margin-top:2px;color:#91a4b3;font-size:7px;font-style:normal}.footer-progress{display:block;height:6px;margin-top:6px;overflow:hidden;border-radius:8px;background:#294054}.footer-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--j-teal),var(--j-green))}.continue-adventure{width:100%;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;margin-top:12px;border:1px solid #ffd45c;border-radius:22px;padding:12px 18px;color:#fff;background:linear-gradient(180deg,#f5b21d,#c77e14);box-shadow:inset 0 1px #fff8,0 14px 32px #c77e144d;text-align:left}.continue-adventure:hover{box-shadow:inset 0 1px #fff8,0 18px 38px #f2a93b61}.cta-compass{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#0b2440;box-shadow:0 0 0 4px #ffcf4b}.cta-compass svg{width:30px;height:30px}.continue-adventure>span:nth-child(2){font:900 24px var(--font-display);letter-spacing:-.025em}.continue-adventure small{display:block;margin-bottom:2px;font:900 7px var(--font-body);letter-spacing:.13em}.continue-adventure b{font-size:25px}
@media(max-width:900px){.app.journey-mode{padding:0}.journey-dashboard{border-radius:0;border-left:0;border-right:0;padding:14px}.journey-topbar{grid-template-columns:auto 1fr auto}.journey-brand>span:last-child{display:none}.journey-level{display:none}.journey-currencies{justify-self:stretch}.journey-currencies>div{min-width:0;flex:1;padding:0 6px}.journey-layout{grid-template-columns:1fr}.journey-panel{position:relative;top:auto}.journey-map{min-height:1060px}.journey-footer{position:relative}.footer-metrics{grid-template-columns:repeat(2,1fr)}.footer-metrics>div:nth-child(2){border-right:0}.footer-metrics>div:nth-child(-n+2){border-bottom:1px solid #30465a}}
@media(max-width:560px){.journey-dashboard{padding:10px}.journey-topbar{gap:7px}.journey-logo{width:44px;height:44px}.journey-logo svg{width:28px;height:28px}.journey-currencies{padding:6px 3px}.journey-currencies>div{grid-template-columns:27px auto;padding:0 4px}.currency-icon{width:25px;height:25px;font-size:10px}.journey-currencies strong{font-size:11px}.journey-currencies small{font-size:6px}.journey-topbar .theme-toggle{width:42px;height:42px}.journey-map{min-height:1110px;border-radius:22px}.map-heading{left:14px;top:14px}.map-heading h1{font-size:21px}.map-heading p{max-width:215px}.continent-button{right:10px;top:70px}.journey-node{width:222px;min-height:103px;grid-template-columns:61px 1fr;padding:10px}.world-landmark{width:58px;height:58px}.world-landmark svg{width:34px;height:34px}.node-copy strong{font-size:11px}.node-1{left:3%;top:112px}.node-2{right:3%;top:242px}.node-3{left:3%;top:376px}.node-4{right:3%;top:508px}.node-5{left:3%;top:640px}.node-6{right:3%;top:770px}.node-7{left:3%;top:900px}.node-8{right:3%;top:998px}.life-marker{font-size:6px}.marker-job{top:218px}.marker-bank{top:350px}.marker-card{top:478px}.marker-car{top:614px}.marker-rent{top:870px}.marker-home{bottom:8px}.journey-panel{padding:14px}.continue-adventure{grid-template-columns:46px 1fr auto;padding:11px}.cta-compass{width:43px;height:43px}.continue-adventure>span:nth-child(2){font-size:19px}.footer-metrics>div{padding:10px}.journey-path{inset:90px 0 0;height:calc(100% - 105px)}}
@media(prefers-reduced-motion:reduce){.journey-path .path-main{stroke-dasharray:none}.journey-cloud,.river-shimmer,.path-spark,.reward-chest,.journey-node.active .world-landmark,.journey-node.completed .world-landmark:after{animation:none!important}}

.journey-logo-img{background:none;box-shadow:none}.journey-logo-img img{width:100%;height:100%;object-fit:contain}
.journey-layout-solo{display:block}.journey-layout-solo .journey-map{min-height:780px}
.journey-tabs{position:relative;z-index:9;display:flex;gap:10px;margin:2px 0 18px}
.journey-tab{display:flex;align-items:center;gap:8px;border:1px solid #38506a;border-radius:999px;padding:10px 18px;color:#9db0c2;background:#07192bd9;font:900 12px inherit;letter-spacing:.02em;cursor:pointer}
.journey-tab-icon{font-size:14px}
.journey-tab.active{color:#04271d;background:linear-gradient(145deg,#7ff1bd,var(--j-green,#34c759));border-color:transparent}
.journey-tab:focus-visible{outline:3px solid #fff;outline-offset:2px}
.world-emoji{font-size:30px;line-height:1}
.node-kicker{min-height:9px}
.node-progress{display:block;margin-top:4px;color:#7ea0bd;font-size:8px;font-weight:700;letter-spacing:.04em}
.journey-node.learning-soon{filter:saturate(.55) brightness(.78)}
.journey-node.learning-soon .node-state{background:#ffffff0c}
#journeyLearningBanner .cta-compass{font-size:22px}
@media(max-width:900px){.journey-layout-solo .journey-map{min-height:820px}}