/* Illustrated route + quest folio. Theme-paired components, one material per object. */
/* route-v2: geometry owns the route; scene art reserves a clear corridor. */
[data-journey],.jr-peek{--jr-ink:#f5f1e4;--jr-muted:#c8c8b9;--jr-panel:#242a27;--jr-line:#5c6254;--jr-gold:#efce83;--jr-blue:#a5e2f2;--jr-green:#9ee5b6;color:var(--jr-ink);font-family:Sarabun,sans-serif;font-size:16px;line-height:1.65}
html[data-theme=light] [data-journey],html[data-theme=light] .jr-peek{--jr-ink:#243a31;--jr-muted:#4c5d51;--jr-panel:#fffaf0;--jr-line:#b7b29d;--jr-gold:#785017;--jr-blue:#17576b;--jr-green:#19663d}
[data-journey] button,.jr-peek button{font:inherit;cursor:pointer}
[data-journey] [hidden],.jr-peek [hidden]{display:none!important}
[data-journey] a,.jr-peek a{color:inherit}
[data-journey] :focus-visible,.jr-peek :focus-visible{outline:3px solid var(--jr-blue);outline-offset:5px}
.jr-eyebrow{font:500 14px/1.6 Mitr,sans-serif;color:var(--jr-muted)}
.jr-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:12px 22px;border:0;border-radius:10px;text-decoration:none!important;background:linear-gradient(135deg,#ffe7a5,#e0b65c);color:#30210c!important;font:600 16px/1.5 Mitr,sans-serif!important;box-shadow:inset 0 1px #fff4d5,0 3px 0 #94702e;transition:translate .18s,filter .18s}
.jr-primary:hover{filter:brightness(1.07);translate:0 -2px}.jr-primary:active{translate:0 2px;box-shadow:inset 0 1px #fff4d5}
.jr-primary small{display:block;font:500 14px/1.5 Sarabun,sans-serif;color:#594215}
.jr-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}
.jr-entry h3{font:600 clamp(24px,2.5vw,32px)/1.5 Mitr,sans-serif;margin:3px 0 0;color:var(--jr-ink)}
.jr-entry .jr-all{min-width:250px}
.jr-world{margin:0 0 76px;scroll-margin-top:calc(var(--ak-shell-h,80px) + 22px)}
.jr-wh{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.jr-world-number{display:block;font:500 14px/1.5 Mitr,sans-serif;color:var(--jr-gold);margin-bottom:5px}
.jr-wh h2{font:600 clamp(26px,3vw,40px)/1.45 Mitr,sans-serif;margin:0;color:var(--jr-ink)}
.jr-wh p{font-size:16px;color:var(--jr-muted);margin:5px 0 0}
.jr-world-status{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--jr-muted);font-size:14px;margin-bottom:6px}
.jr-world-status i{width:8px;height:8px;border-radius:50%;background:var(--jr-green)}
.jr-map{position:relative;isolation:isolate;border:3px solid #bd9654;border-radius:16px;overflow:hidden;background:#203329;box-shadow:0 4px 0 #6a542b}
.jr-map::before,.jr-map::after{content:'';position:absolute;z-index:5;pointer-events:none;inset:8px;border-radius:8px;border:1px solid #fff1bf60}
.jr-map::after{inset:0;border:0;box-shadow:inset 0 0 45px #14170960}
.jr-canvas{position:relative;width:100%;aspect-ratio:1672/941}
.jr-img{width:100%;height:100%;display:block;object-fit:cover}
.jr-canvas::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#070f1955,transparent 35%,#070f1910)}
.jr-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.jr-path path{fill:none;stroke:#fff0ba;stroke-width:.48;stroke-dasharray:.9 1.1;stroke-linecap:round}
.jr-path .jr-road-under{stroke:#332b22;stroke-width:.8;stroke-dasharray:none;opacity:.65}
.jr-coin{position:absolute;z-index:3;translate:-50% -50%;display:flex;align-items:center;flex-direction:column;gap:8px;border:0;background:none;padding:0;color:#fff;font-family:Mitr,sans-serif!important}
.jr-coin b{position:relative;display:grid;place-items:center;width:clamp(44px,4.5vw,64px);aspect-ratio:1;border-radius:50%;border:3px solid #e0d3ad;background:radial-gradient(circle at 30% 25%,#4e5c54,#253b34 65%,#15251d);color:#eee6cd;font:600 clamp(18px,2vw,26px)/1 Outfit,Mitr,sans-serif;box-shadow:0 0 0 2px #263127,0 4px 0 #172a20;transition:scale .18s}
.jr-coin.open b{background:radial-gradient(circle at 30% 25%,#fff3c2,#ebc15f 60%,#a47828);color:#3c280e;border-color:#fff6d8;box-shadow:0 0 0 3px #896329,0 0 0 8px #f9da6e50,0 4px 0 #785018}
.jr-coin.done b{background:radial-gradient(circle at 30% 25%,#d8f4bc,#70be8b 65%,#286443);color:#123d24}
.jr-coin:hover b,.jr-coin:focus-visible b{scale:1.09}.jr-coin:focus-visible{outline:0}.jr-coin:focus-visible b{outline:3px solid white;outline-offset:5px}
.jr-lab{display:block;max-width:180px;padding:5px 11px;border:1px solid #bdad80;border-radius:6px;background:#1a2b24;color:#f8f3e1;font:500 clamp(12px,1.1vw,15px)/1.5 Mitr,sans-serif;text-align:center}
.jr-coin.open .jr-lab{background:#f7dc94;color:#35270f;border-color:#a77c2b;font-weight:600}
.jr-padlock{width:13px;height:11px;border:1.5px solid #c7cbbb;border-radius:2px;position:relative;translate:0 -3px}
.jr-padlock::before{content:'';position:absolute;left:2px;top:-8px;width:6px;height:7px;border:1.5px solid #c7cbbb;border-bottom:0;border-radius:7px 7px 0 0}
.jr-coin b small{position:absolute;bottom:4px;font:500 10px/1 Outfit,sans-serif;color:#d0d6c9}
.jr-start-flag{position:absolute;bottom:calc(100% + 12px);padding:4px 11px;background:#fff3c5;color:#3f2a0c;font:500 13px/1.5 Mitr,sans-serif;border-radius:5px;font-style:normal;white-space:nowrap;animation:jrFlag 2.8s ease-in-out infinite}
.jr-start-flag::after{content:'';position:absolute;left:calc(50% - 5px);bottom:-5px;width:10px;height:10px;background:#fff3c5;rotate:45deg}
@keyframes jrFlag{50%{translate:0 -4px}}
.jr-npc{position:absolute;z-index:3;translate:-50% -50%;padding:0;display:grid;justify-items:center;border:0;background:none;gap:4px}
.jr-keeper{display:block;position:relative;width:96px;height:96px;overflow:hidden;filter:drop-shadow(0 3px 2px #101e1a88)}
.jr-keeper>span{display:block;width:100%;height:100%;background-image:url('/assets/journey/toolkeepers-atlas.webp');background-size:400% 400%;background-position:0 calc(var(--keeper-row) * 100% / 3);animation:jrKeeper 1.8s steps(1,end) infinite}
@keyframes jrKeeper{0%,100%{background-position-x:0}25%{background-position-x:33.333333%}50%{background-position-x:66.666667%}75%{background-position-x:100%}}
.jr-npc-tag{padding:5px 10px;border-radius:6px;border:1px solid #9ad6da;background:#173f42;color:#f3ffff;font:500 13px/1.5 Mitr,sans-serif;white-space:nowrap}
.jr-npc-tag>span{margin-left:8px;color:#b9eeef}.jr-npc:hover .jr-npc-tag{background:#255b5e}
.jr-world-foot{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 4px 0;align-items:start}
.jr-chapters{border-bottom:1px solid var(--jr-line)}
.jr-chapters summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:14px 0;font-weight:600;cursor:pointer;min-height:52px}
.jr-chapters summary::-webkit-details-marker{display:none}.jr-chapters summary>span{color:var(--jr-gold);font-size:14px}
.jr-chapters ol{list-style:none;padding:0;margin:0 0 12px}.jr-chapters li+li{border-top:1px solid var(--jr-line)}
.jr-chapters li button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;border:0;background:none;padding:12px 0;color:var(--jr-ink);min-height:48px;font-size:15px}
.jr-chapters li b{color:var(--jr-gold);font-family:Outfit,sans-serif}.jr-chapters li small{font-size:13px;color:var(--jr-muted)}.jr-chapters .is-open{color:var(--jr-green)}
.jr-boss-door{display:flex;align-items:center;gap:14px;width:100%;min-height:70px;padding:4px 0;border:0;background:none;color:var(--jr-ink);text-align:left}
.jr-boss-door>span:nth-child(2){flex:1}.jr-boss-door small{display:block;font-size:14px;color:var(--jr-muted)}.jr-boss-door strong{font:500 16px/1.5 Mitr,sans-serif}
.jr-boss-seal{display:grid;place-items:center;flex:none;width:48px;height:54px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(145deg,#623f58,#352234);color:#f4d4e4;font-size:26px}
html[data-theme=light] .jr-boss-seal{background:linear-gradient(145deg,#e6c5cf,#c8919d);color:#481e35}
.jr-world-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:32px 0 52px}
.jr-world-nav a{display:flex;align-items:center;gap:12px;min-height:84px;padding:10px;border:1px solid var(--jr-line);border-radius:12px;background:linear-gradient(135deg,#354239,#232b27);text-decoration:none;transition:border-color .2s,translate .2s}
html[data-theme=light] .jr-world-nav a{background:linear-gradient(145deg,#fffdf5,#e9ede2)}
.jr-world-nav a[aria-current]{border:2px solid #d8b965;padding:9px}.jr-world-nav a:hover{translate:0 -3px;border-color:#ddb970}
.jr-thumb{display:block;flex:none;width:54px;height:58px;border-radius:7px;background-size:cover;background-position:center}
.jr-world-nav a>span:nth-child(2){flex:1}.jr-world-nav small{font-size:13px;display:block;color:var(--jr-muted)}.jr-world-nav strong{display:block;font:500 16px/1.45 Mitr,sans-serif}
.jr-nav-state{font-size:12px;color:var(--jr-gold)}
/* Finance crop: controls remain outside the illustration, so the main action is never hidden in the art. */
#z-start.jr-on{padding:24px;margin:24px 0 30px;background:linear-gradient(140deg,#28342b,#1c2520)!important;border:1px solid #7a8064;border-radius:16px;box-shadow:none!important}
html[data-theme=light] #z-start.jr-on{background:linear-gradient(140deg,#f8fcf4,#eef4e8)!important;border-color:#b1bda3}
#z-start .v41-top{padding-right:48px;margin-bottom:18px}#z-start .v41-top h2{font:500 15px/1.5 Mitr,sans-serif;color:var(--jr-muted,#c8c8b9)}
html[data-theme=light] #z-start .v41-top h2{color:#4c5d51}
#z-start .v41-x{width:44px;height:44px;top:12px;right:12px}
.jr-crop .jr-world{margin:0}.jr-crop .jr-wh{display:none}
.jr-crop .jr-map{height:360px}
.jr-crop .jr-canvas{position:absolute;width:160%;left:clamp(-60%,calc(40% - var(--fx,50%) * 1.6),0%);bottom:0}
.jr-crop .jr-npc .jr-keeper{width:100px;height:100px}
.jr-current{display:flex;align-items:center;gap:18px;padding:22px 0 0}
.jr-current>div{flex:1}.jr-current small{display:block;color:var(--jr-muted);font-size:14px}.jr-current strong{display:block;font:500 19px/1.5 Mitr,sans-serif;color:var(--jr-ink)}
.jr-current-number{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #a58b52;border-radius:50%;font:600 19px/1 Outfit,sans-serif;color:var(--jr-gold)}
/* The open state is a brass-bound quest folio, not a generic list modal. */
.jr-peek{box-sizing:border-box;max-width:none;position:fixed;inset:0;width:min(920px,calc(100% - 40px));height:fit-content;max-height:calc(100dvh - 48px);padding:0;margin:auto;overflow:auto;overscroll-behavior:contain;border:2px solid #b89a5d;border-radius:12px;background:var(--jr-panel);color:var(--jr-ink);box-shadow:0 24px 80px #050e0b70}
.jr-peek::backdrop{background:#07150fbd;backdrop-filter:blur(7px)}
html[data-theme=light] .jr-peek::backdrop{background:#d0deccbb}
.jr-peek[open]{animation:jrUnfold .26s cubic-bezier(.16,1,.3,1)}
@keyframes jrUnfold{from{opacity:.2;clip-path:inset(0 25% round 12px)}to{opacity:1;clip-path:inset(0 0 round 12px)}}
.jr-in{display:grid;grid-template-columns:30% 1fr;min-height:520px}
.jr-folio-art{position:relative;overflow:hidden;min-height:100%;background:#233b2c;border-right:5px solid #9f8146}
.jr-folio-art>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:29% center;filter:saturate(.85)}
.jr-folio-art::after{content:'';position:absolute;inset:10px;border:1px solid #e7ca85a3;border-radius:50% 50% 8px 8px;pointer-events:none}
.jr-art-caption{position:absolute;inset:auto 0 0;padding:50px 22px 30px;background:linear-gradient(transparent,#12271df5 55%);color:#f7e9c8}
.jr-art-caption span{display:block;font:500 14px/1.5 Mitr,sans-serif}.jr-art-caption b{display:block;font:600 32px/1.5 Mitr,sans-serif;margin-top:8px}
.jr-folio-body{padding:32px 36px;background:radial-gradient(ellipse at 100% 0,#c6ae6330,transparent 60%),linear-gradient(150deg,#303b31,#242a27);min-width:0}
html[data-theme=light] .jr-folio-body{background:radial-gradient(ellipse at 100% 0,#e7c97d40,transparent 60%),linear-gradient(150deg,#fffdf4,#f4eddb)}
.jr-x{position:absolute;z-index:5;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:1px solid #b1a27a;background:#25352b;color:#f8f0d8;font-size:18px!important;line-height:1!important}
html[data-theme=light] .jr-x{background:#fffaf0;color:#243a31}
.jr-sh{position:relative;padding-right:28px}.jr-sh .jr-eyebrow{color:var(--jr-gold)}
.jr-sh h2{margin:12px 0 8px;font:600 clamp(26px,3vw,36px)/1.45 Mitr,sans-serif;color:var(--jr-ink)}
.jr-sh p{margin:0;max-width:45ch;color:var(--jr-muted);font-size:16px;line-height:1.7}
.jr-state{display:block;font-size:13px;color:var(--jr-muted);margin-top:8px}.jr-state.is-open{color:var(--jr-green)}
.jr-mission-facts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0;font-size:14px;color:var(--jr-muted)}
.jr-mission-facts b{color:var(--jr-ink);font:600 22px/1 Outfit,sans-serif;margin:0 3px}
.jr-folio-body>.jr-primary{width:100%}
.jr-section-title{font:500 15px/1.5 Mitr,sans-serif;margin:28px 0 5px;color:var(--jr-muted)}
.jr-items{list-style:none;padding:0;margin:8px 0 0}.jr-items li+li{border-top:1px solid var(--jr-line)}
.jr-items a{display:flex;align-items:center;gap:16px;min-height:74px;padding:12px 0;text-decoration:none;transition:background .18s}
.jr-items a:hover{background:#dbc57e12}.jr-item-num{font:500 21px/1 Outfit,sans-serif;color:var(--jr-gold);flex:none;width:32px}.jr-items a>span:nth-child(2){flex:1;min-width:0}
.jr-items small{display:block;font-size:13px;color:var(--jr-muted);line-height:1.5}.jr-items strong{display:block;font:500 17px/1.6 Mitr,sans-serif;color:var(--jr-ink)}
.jr-item-arrow{color:var(--jr-gold);font-size:21px}
.jr-practice{margin:20px 0;padding:16px 0;border-top:2px solid #77a0a0;border-bottom:1px solid var(--jr-line)}
.jr-practice h3{margin:0 0 10px;font:500 15px/1.5 Mitr,sans-serif;color:var(--jr-blue)}
.jr-practice a{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;color:var(--jr-blue)}
.jr-practice strong{font:500 17px/1.5 Mitr,sans-serif}.jr-practice small{display:block;color:var(--jr-muted);font-size:14px;line-height:1.65;margin-top:6px}
.jr-completion{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px}
.jr-completion button{color:var(--jr-ink);border:1px solid var(--jr-line);background:transparent;border-radius:7px;padding:10px 14px;font-size:14px;min-height:44px}
.jr-completion button[aria-pressed=true]{color:var(--jr-green);border-color:var(--jr-green)}
.jr-completion>small{color:var(--jr-muted);font-size:12px}
.jr-reader-count{font-size:13px;color:var(--jr-muted);margin:12px 0 0}.jr-reader-count:empty{display:none}
.jr-live:empty{display:none}.jr-live{margin:0;padding:12px 24px;border-top:1px solid var(--jr-line);background:var(--jr-panel);font-size:14px}
.jr-post{display:block;margin-top:12px;color:var(--jr-gold)!important}
.jr-locked-route{padding:28px 0;text-align:center}.jr-lock-medal{display:grid;place-items:center;width:72px;height:80px;margin:0 auto 16px;color:var(--jr-gold);background:linear-gradient(140deg,#54674e,#31402e);clip-path:polygon(50% 0,100% 15%,100% 75%,50% 100%,0 75%,0 15%);font-size:32px}
html[data-theme=light] .jr-lock-medal{background:linear-gradient(140deg,#d8ddc5,#bac8a6)}
.jr-locked-route h3{font:500 21px/1.5 Mitr,sans-serif;margin:8px 0;color:var(--jr-ink)}
.jr-locked-route p{color:var(--jr-muted);font-size:14px}.jr-locked-route ul{display:inline-block;text-align:left;padding-left:20px;font-size:16px;color:var(--jr-muted)}
.jr-keeper-intro{display:flex;align-items:center;gap:20px;margin:20px 0 8px;color:var(--jr-blue);font:500 18px/1.6 Mitr,sans-serif}.jr-keeper-intro .jr-keeper{width:112px;height:112px;flex:none}.jr-keeper-intro small{font:400 14px/1.6 Sarabun,sans-serif;color:var(--jr-muted)}
.jr-footnote{color:var(--jr-muted);font-size:14px;margin:24px 0 0}
.jr-error{padding:24px;text-align:center}
/* Full page hero: unframed orientation, a real route and one entrance. */
main.jr-page{width:min(1680px,100% - 64px);max-width:none;margin:0 auto;padding:44px 0 72px;font-family:Sarabun,sans-serif}
.jr-hero{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:22px}
.jr-hero h1{margin:8px 0 14px;font:600 clamp(36px,4.8vw,64px)/1.3 Mitr,sans-serif;color:var(--text,#f4f6fb)}
.jr-hero h1 em{font-style:normal;color:#e5c586}html[data-theme=light] .jr-hero h1 em{color:#875c1c}
.jr-hero p{font:400 18px/1.7 Sarabun,sans-serif;margin:0;color:var(--text-dim,#c9d2e3)}
.jr-hero-side{display:grid;justify-items:end;gap:18px}.jr-hero-stats{display:flex;gap:32px}
.jr-hero-stats span{display:grid;justify-items:center;font-size:14px;color:var(--text-dim,#c9d2e3)}.jr-hero-stats b{font:500 36px/1.2 Outfit,sans-serif;color:var(--text,#f4f6fb)}
.jr-guide{padding:12px 0 18px;border-bottom:1px solid #8b92704d;color:var(--text-dim,#c9d2e3);font:400 15px/1.7 Sarabun,sans-serif}
.jr-guide summary{cursor:pointer;width:fit-content;min-height:44px;display:flex;align-items:center;gap:18px}.jr-guide summary span{font-size:13px;color:#e5c586}html[data-theme=light] .jr-guide summary span{color:#785017}
.jr-guide-body{display:flex;flex-wrap:wrap;gap:12px 28px;padding:8px 0}.jr-guide-body p{margin:0}.jr-guide-body strong{color:var(--text,#f4f6fb)}
@media (max-width:1000px){.jr-world-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-hero{gap:20px}.jr-in{grid-template-columns:26% 1fr}.jr-folio-body{padding:30px 26px}.jr-nav-state{font-size:13px}}
@media (max-width:760px){
  main.jr-page{width:calc(100% - 32px);padding-top:26px}.jr-hero{display:block}.jr-hero h1{font-size:38px}.jr-hero p{font-size:16px}.jr-hero-side{justify-items:start;margin-top:24px;gap:20px}.jr-hero-stats{gap:36px}.jr-hero-stats b{font-size:30px}.jr-world-nav{gap:10px;margin:24px 0 36px}.jr-world-nav a{min-height:80px;gap:8px;padding:8px}.jr-world-nav a[aria-current]{padding:7px}.jr-thumb{width:36px;height:50px}.jr-world-nav strong{font-size:14px}.jr-nav-state{display:none}
  .jr-world{margin-bottom:48px}.jr-wh{display:block}.jr-wh h2{font-size:28px}.jr-world-status{margin:8px 0 0}.jr-map{border-radius:12px;border-width:2px}
  .jr-canvas{aspect-ratio:1;overflow:visible}.jr-img{object-fit:fill}.jr-map::before{inset:5px}.jr-map::after{box-shadow:inset 0 0 20px #14170960}
  .jr-coin{gap:3px}.jr-coin b{width:36px;min-width:36px;font-size:17px;border-width:2px}.jr-coin{min-width:44px;min-height:44px}.jr-coin b small{font-size:9px;bottom:3px}.jr-padlock{scale:.8}
  .jr-lab{display:none}.jr-start-flag{font-size:11px;padding:3px 6px;bottom:calc(100% + 7px)}
  .jr-npc .jr-keeper{width:64px;height:64px}.jr-npc-tag{font-size:10px;padding:4px 5px}.jr-npc-tag>span{display:none}
  .jr-world-foot{grid-template-columns:1fr;gap:12px;padding-top:12px}.jr-chapters summary{font-size:15px}.jr-chapters li button{font-size:15px;grid-template-columns:34px 1fr;gap:6px 10px}.jr-chapters li small{grid-column:2}.jr-boss-door{padding:6px 0}.jr-boss-door strong{font-size:16px}
  #z-start.jr-on{padding:18px 14px;margin:20px 0}.jr-entry{display:block;margin-bottom:20px}.jr-entry h3{font-size:24px;margin:8px 0 14px}.jr-entry .jr-all{width:100%;min-width:0;padding:12px 18px}.jr-all>span:first-child{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px;font-size:15px}.jr-all small{font-size:12px;white-space:nowrap}.jr-all{gap:12px}
  .jr-crop .jr-map{height:270px}.jr-crop .jr-canvas{width:230%;aspect-ratio:1672/941;left:clamp(-130%,calc(42% - var(--fx,50%) * 2.3),0%);bottom:0}.jr-crop .jr-img{object-fit:cover}.jr-crop .jr-lab{display:block;font-size:12px;max-width:130px;padding:3px 6px}.jr-crop .jr-coin b{width:48px}.jr-crop .jr-npc .jr-keeper{width:72px;height:72px}
  .jr-current{display:grid;grid-template-columns:40px 1fr;gap:12px;padding-top:18px}.jr-current-number{width:40px;height:40px;font-size:17px}.jr-current strong{font-size:18px}.jr-current .jr-primary{grid-column:1/-1;justify-content:center;width:100%}
  .jr-peek{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:12px}.jr-in{display:block;min-height:0}.jr-folio-art{min-height:100px;height:100px;border:0;border-bottom:3px solid #9f8146}.jr-folio-art>img{object-position:center 70%;filter:brightness(.7)}.jr-folio-art::after{inset:7px;border-radius:8px}.jr-art-caption{inset:0;padding:20px;background:linear-gradient(90deg,#12271de0,#12271d20);display:flex;flex-direction:column;justify-content:center}.jr-art-caption span{font-size:12px}.jr-art-caption b{font-size:22px;margin-top:2px}.jr-x{background:#203b2d!important;color:#fff3d3!important;top:12px;right:12px}.jr-folio-body{padding:22px 20px 26px}.jr-sh{padding-right:0}.jr-sh h2{font-size:27px;margin:8px 0}.jr-sh p{font-size:15px}.jr-sh .jr-eyebrow{font-size:13px}.jr-mission-facts{margin:16px 0;gap:18px}.jr-items a{min-height:68px;gap:10px}.jr-items strong{font-size:16px}.jr-item-num{width:28px;font-size:19px}.jr-section-title{margin-top:24px}.jr-practice{margin-top:14px;padding:14px 0}.jr-practice strong{font-size:16px}.jr-completion{display:grid;justify-content:stretch}.jr-completion small{text-align:center}.jr-completion button{width:100%}.jr-keeper-intro .jr-keeper{width:88px;height:88px}.jr-keeper-intro{gap:12px;font-size:17px}.jr-footnote{font-size:13px}.jr-locked-route{padding:22px 0}
}
@media (max-width:360px){.jr-all>span:first-child{display:block}.jr-all small{margin-top:3px}.jr-world-nav strong{font-size:13px}.jr-thumb{width:28px}.jr-npc-tag{font-size:9px}.jr-hero h1{font-size:34px}}
html[data-motion=paused] .jr-start-flag,html[data-motion=paused] .jr-keeper>span,html[data-motion=paused] .jr-peek[open],.jr-hidden-tab .jr-keeper>span,.jr-offscreen .jr-keeper>span{animation:none!important}
@media (prefers-reduced-motion:reduce){.jr-start-flag,.jr-keeper>span,.jr-peek[open]{animation:none!important}.jr-primary,.jr-world-nav a,.jr-coin b{transition:none!important}}

/* Repair pass: protect the start flag and toolkeeper; preserve authored ink over real sky pixels. */
body:has(main.jr-page){overflow-x:clip;overflow-y:visible}
.jr-lab{width:max-content}
html[data-theme=light] .jr-hero p,html[data-theme=light] .jr-hero-stats span,html[data-theme=light] .jr-guide{color:#3f4f62}
.jr-crop .jr-npc{left:20px!important;top:14px!important;translate:0 0}
.jr-crop .jr-npc .jr-keeper{width:88px;height:88px}
@media(max-width:760px){.jr-crop .jr-npc{left:14px!important;top:10px!important}.jr-crop .jr-npc .jr-keeper{width:72px;height:72px}}

/* On phones keep the art's proportions; show the region as a movable panorama. */
.jr-map-controls{display:none}
.jr-peek[data-world=w2] .jr-folio-body{background:radial-gradient(ellipse at 100% 0,#c6ae6320,transparent 60%),linear-gradient(150deg,#293d3f,#202f31)}
.jr-peek[data-world=w3] .jr-folio-body{background:radial-gradient(ellipse at 100% 0,#c6ae6320,transparent 60%),linear-gradient(150deg,#40363f,#2c2730)}
.jr-peek[data-world=w4] .jr-folio-body{background:radial-gradient(ellipse at 100% 0,#c6ae6320,transparent 60%),linear-gradient(150deg,#383747,#252530)}
html[data-theme=light] .jr-peek[data-world] .jr-folio-body{background:radial-gradient(ellipse at 100% 0,#e7c97d40,transparent 60%),linear-gradient(150deg,#fffdf4,#f4eddb)}
@media(max-width:760px){
 .jr-world:not(.jr-crop .jr-world) .jr-map{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
 .jr-map::-webkit-scrollbar{display:none}
 .jr-canvas{width:960px;aspect-ratio:1672/941}.jr-img{object-fit:cover}
 .jr-world:not(.jr-crop .jr-world) .jr-lab{display:block;font-size:13px;max-width:165px;padding:4px 8px}
 .jr-world:not(.jr-crop .jr-world) .jr-coin b{width:48px;font-size:21px}
 .jr-map-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;color:var(--jr-muted);font-size:14px}
 .jr-map-controls button{width:44px;height:44px;flex:none;display:grid;place-items:center;background:var(--jr-panel);color:var(--jr-ink);border:1px solid var(--jr-line);border-radius:50%;font-size:24px}
 .jr-map-controls button:disabled{opacity:.4;cursor:default}
}

/* Slime expedition: route first, compact stage markers, separate guide and encounters. */
.jr-world[hidden]{display:none!important}
.jr-world{margin-bottom:24px}
.jr-world-nav{margin:24px 0 30px}
.jr-map{border-radius:12px;border:3px solid #b99554;background:#203329;box-shadow:0 4px 0 #6a542b}
.jr-map::before{inset:7px;z-index:1}.jr-map::after{box-shadow:inset 0 0 20px #14170930;z-index:1}
.jr-canvas::after{display:none}
.jr-path .jr-road-shadow{stroke:#132a2770;stroke-width:3;stroke-dasharray:none;transform:translateY(.5px)}
.jr-path .jr-road-edge{stroke:#927d55;stroke-width:2.6;stroke-dasharray:none}
.jr-path .jr-road-surface{stroke:#e5d8b0;stroke-width:2.1;stroke-dasharray:none}
.jr-path .jr-road-center{stroke:#fff4d150;stroke-width:1.35;stroke-dasharray:.12 .65;stroke-linecap:butt}
.jr-path .jr-side-road{stroke:#eadbb9;stroke-width:.45;stroke-dasharray:.45 .65}
.jr-path .jr-boss-branch{stroke:#d4bfd6;stroke-width:.55;stroke-dasharray:.65 .7}
.jr-world[data-w=w2] .jr-path .jr-road-edge{stroke:#184c63;stroke-width:2.2}
.jr-world[data-w=w2] .jr-path .jr-road-surface{stroke:#e9c98f;stroke-width:1.7}
.jr-world[data-w=w2] .jr-path .jr-road-center{stroke:#886745;stroke-width:1.4;stroke-dasharray:.12 .8}
.jr-world[data-w=w4] .jr-path .jr-road-edge{stroke:#494a6a}.jr-world[data-w=w4] .jr-path .jr-road-surface{stroke:#c2c4cf}
.jr-coin{width:56px;height:56px;min-width:0;min-height:0;display:block;gap:0}
.jr-coin b{width:100%;height:100%;font:600 23px/1 Outfit,Mitr,sans-serif}
.jr-node-state{position:absolute;top:calc(100% + 7px);left:50%;translate:-50% 0;display:block;background:#21392b;color:#f6eddb;border:1px solid #a8b39e;border-radius:5px;padding:1px 7px;font:500 12px/1.5 Mitr,sans-serif;white-space:nowrap}
.jr-coin.open .jr-node-state{background:#f7dc94;color:#35270f;border-color:#a77c2b}
.jr-coin .jr-lab,.jr-crop .jr-coin .jr-lab,.jr-world:not(.jr-crop .jr-world) .jr-coin .jr-lab{display:none;position:absolute;top:calc(100% + 36px);left:50%;translate:-50% 0;max-width:230px;font-size:14px;pointer-events:none;z-index:6}
.jr-coin:hover .jr-lab,.jr-coin:focus-visible .jr-lab,.jr-world:not(.jr-crop .jr-world) .jr-coin:hover .jr-lab,.jr-world:not(.jr-crop .jr-world) .jr-coin:focus-visible .jr-lab{display:block}
.jr-coin:hover,.jr-coin:focus-visible{z-index:8}
.jr-cast{display:block;width:100px;height:100px;overflow:hidden;flex:none;filter:drop-shadow(0 3px 2px #101e1a66)}
.jr-cast>span{display:block;width:100%;height:100%;background-image:url('/assets/journey/adventurers-v2.webp');background-size:400% 600%;background-position:0 calc(var(--cast-row) * 100% / 5);animation:jrKeeper 2.4s steps(1,end) infinite}
.jr-player{position:absolute;z-index:4;translate:-50% -100%;margin-top:-29px;pointer-events:none}
.jr-player .jr-cast,.jr-player .jr-avatar{width:76px;height:76px}
.jr-player>span:last-child{display:block;position:absolute;bottom:calc(100% - 4px);left:50%;translate:-50% 0;white-space:nowrap;padding:2px 9px;border:1px solid #c0f3ff;border-radius:5px;background:#174b63;color:#ecfbff;font:500 12px/1.5 Mitr,sans-serif}
.jr-encounter{position:absolute;z-index:4;translate:-50% -50%;display:grid;justify-items:center;padding:0;border:0;background:none;color:#f1fcff}
.jr-encounter .jr-cast{width:104px;height:104px;transition:scale .18s}
.jr-encounter:hover .jr-cast{scale:1.06}
.jr-npc-tag{display:block;padding:5px 10px;text-align:center;min-width:114px;line-height:1.5;background:#173f42;color:#f3ffff;border-color:#9ad6da}
.jr-npc-tag b{display:block;font:500 14px/1.5 Mitr,sans-serif}.jr-npc-tag small{display:block;font:400 12px/1.5 Sarabun,sans-serif;color:#c6edf0}
.jr-map-boss{position:absolute;z-index:3;translate:-50% -50%;display:grid;justify-items:center;padding:0;border:0;background:none;color:#fff0f5}
.jr-boss-art{display:block;width:138px;height:138px;background-image:url('/assets/journey/bosses-v2.webp');background-size:200% 200%;background-position:calc(var(--boss-x)*100%) calc(var(--boss-y)*100%);filter:drop-shadow(0 4px 2px #20162c88)}
.jr-map-boss>span:last-child{display:block;padding:3px 10px;background:#4b2343;color:#fff0f5;border:1px solid #d3a8c8;border-radius:5px;font:500 12px/1.6 Mitr,sans-serif;white-space:nowrap}
.jr-map-boss small{display:block;text-align:center;color:#e6c3db;font-size:11px}
.jr-guide-dock{display:flex;align-items:center;gap:22px;padding:22px 4px;margin:12px 0 4px;border-bottom:1px solid var(--jr-line)}
.jr-guide-dock>.jr-keeper{width:112px;height:112px;flex:none}
.jr-guide-speech{flex:1;min-width:0}.jr-guide-speech>span{font:500 16px/1.5 Mitr,sans-serif;color:var(--jr-gold)}
.jr-guide-speech small{display:block;font:400 12px/1.6 Sarabun,sans-serif;color:var(--jr-muted);margin-top:3px}
.jr-guide-speech p{font-size:16px;margin:8px 0;color:var(--jr-ink)}
.jr-guide-speech strong{display:block;font:500 14px/1.6 Mitr,sans-serif;color:var(--jr-muted)}
.jr-guide-actions{display:grid;gap:12px;min-width:240px}
.jr-tool-shortcut{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--jr-line);border-radius:8px;background:var(--jr-panel);color:var(--jr-blue);font-size:15px;text-decoration:none}
.jr-map-controls>[data-center]{width:auto;border-radius:7px;padding:4px 12px;font-size:13px}
.jr-encounter-intro{display:flex;align-items:center;gap:16px;margin:6px 0 20px}.jr-encounter-intro .jr-cast{width:120px;height:120px}
.jr-encounter-intro h2{font-size:30px}
.jr-encounter-list button{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:10px 0;background:transparent;color:var(--jr-ink);border:0;border-bottom:1px solid var(--jr-line)}
.jr-encounter-list .jr-cast{width:68px;height:68px}.jr-encounter-list button>span:nth-child(2){flex:1}.jr-encounter-list strong{display:block;font:500 18px/1.6 Mitr,sans-serif}.jr-encounter-list small{display:block;font-size:14px;color:var(--jr-muted)}
.jr-boss-preview .jr-boss-art{width:190px;height:190px;margin:0 auto}
.jr-budget{display:grid;gap:16px}.jr-budget>p{margin:0;color:var(--jr-muted);font-size:14px}.jr-budget label{display:block;font:500 15px/1.6 Mitr,sans-serif}.jr-budget label>span{float:right;color:var(--jr-muted);font:400 13px/1.6 Sarabun,sans-serif}
.jr-budget input{display:block;width:100%;height:48px;margin-top:6px;padding:8px 12px;border:1px solid var(--jr-line);border-radius:7px;background:#162c25;color:var(--jr-ink);font:500 22px/1.3 Outfit,sans-serif;box-sizing:border-box}
html[data-theme=light] .jr-budget input{background:#fff;color:#243a31}
.jr-budget-result{display:block;padding:20px;background:#2c3732;border:1px solid var(--jr-line);border-radius:10px;color:var(--jr-ink)}
html[data-theme=light] .jr-budget-result{background:#f1f2e8}
.jr-budget-result.is-positive{color:var(--jr-green);border-color:var(--jr-green)}.jr-budget-result.is-negative{color:#ffc4bd;border-color:#db8a80}
html[data-theme=light] .jr-budget-result.is-negative{color:#8e261b;border-color:#af4e42}
.jr-budget-result>span{display:block;font-size:14px}.jr-budget-result strong{display:block;font:600 36px/1.5 Outfit,sans-serif}.jr-budget-result strong small{font:400 15px/1.5 Sarabun,sans-serif}
.jr-budget-result>small{display:block;color:var(--jr-muted);font-size:13px}
.jr-budget-track{height:8px;margin:10px 0 12px;border-radius:5px;background:#68746b;overflow:hidden}.jr-budget-track i{display:block;height:100%;background:#bb9960}.is-negative .jr-budget-track i{background:#d5786b}
.jr-budget>[data-budget-clear]{justify-self:start;min-height:44px;padding:8px 14px;border:1px solid var(--jr-line);border-radius:7px;background:none;color:var(--jr-ink)}.jr-budget>small{font-size:12px;color:var(--jr-muted)}
.jr-folio-body>.jr-tool-shortcut{margin-top:24px}
.jr-crop .jr-map{height:330px}.jr-crop .jr-canvas{width:130%;left:clamp(-30%,calc(35% - var(--fx,50%) * 1.3),0%);top:calc(150px - var(--fy,65%) * 1.3);bottom:auto}
.jr-crop .jr-canvas{top:50%;translate:0 -65%}
.jr-crop .jr-encounter,.jr-crop .jr-map-boss{display:none}
.jr-crop .jr-coin b{width:100%;height:100%}
.jr-crop .jr-player .jr-cast,.jr-crop .jr-player .jr-avatar{width:84px;height:84px}
@media(min-width:761px){.jr-map-controls{display:flex;align-items:center;justify-content:flex-end;margin-top:12px;gap:12px;padding:0}.jr-map-controls>[data-map-step]{display:none}.jr-map-controls>[data-center]{min-height:44px;border:1px solid var(--jr-line);background:var(--jr-panel);color:var(--jr-blue);border-radius:7px;padding:8px 14px;cursor:pointer}}
@media(max-width:760px){
 .jr-canvas{width:960px;aspect-ratio:1672/941}.jr-coin,.jr-world:not(.jr-crop .jr-world) .jr-coin{width:48px;height:48px;min-width:48px;min-height:48px}
 .jr-world:not(.jr-crop .jr-world) .jr-coin b{width:100%;height:100%;font-size:21px}.jr-node-state{font-size:11px;padding:1px 5px;top:calc(100% + 6px)}
 .jr-player .jr-cast,.jr-player .jr-avatar{width:64px;height:64px}.jr-player{margin-top:-26px}.jr-player>span:last-child{font-size:11px}
 .jr-encounter .jr-cast{width:90px;height:90px}.jr-npc-tag{min-width:108px;padding:4px 8px}.jr-npc-tag b{font-size:13px}.jr-npc-tag small{font-size:11px}
 .jr-boss-art{width:110px;height:110px}.jr-map-boss>span:last-child{font-size:11px}.jr-map-boss small{font-size:10px}
 .jr-guide-dock{display:grid;grid-template-columns:76px 1fr;align-items:start;gap:14px 12px;padding:18px 0}.jr-guide-dock>.jr-keeper{width:76px;height:76px}.jr-guide-speech>span{font-size:15px}.jr-guide-speech p{font-size:15px;margin:6px 0}.jr-guide-speech strong{font-size:13px}
 .jr-guide-actions{grid-column:1/-1;grid-template-columns:1fr;min-width:0;gap:10px}.jr-guide-actions .jr-primary{justify-content:center}.jr-tool-shortcut{font-size:14px}
 .jr-hero h1{font-size:34px;line-height:1.5}.jr-hero p{font-size:15px}.jr-hero-stats{gap:34px}
 .jr-crop .jr-map{height:250px}.jr-crop .jr-canvas{width:230%;left:clamp(-130%,calc(42% - var(--fx,50%) * 2.3),0%);top:50%;translate:0 -65%;bottom:auto}.jr-crop .jr-player .jr-cast,.jr-crop .jr-player .jr-avatar{width:68px;height:68px}
 .jr-encounter-intro{gap:12px}.jr-encounter-intro .jr-cast{width:90px;height:90px}.jr-encounter-intro h2{font-size:24px}.jr-budget{gap:14px}
}
html[data-motion=paused] .jr-cast>span,.jr-hidden-tab .jr-cast>span,.jr-offscreen .jr-cast>span{animation:none!important}
@media(prefers-reduced-motion:reduce){.jr-cast>span{animation:none!important}.jr-encounter .jr-cast{transition:none!important}}
.jr-encounter::before,.jr-map-boss::before,.jr-map-mini::before{content:'';position:absolute;z-index:-1;left:50%;top:36%;translate:-50% -50%;width:130px;height:130px;border-radius:50%;background:radial-gradient(ellipse,#3bcaff80,transparent 68%);pointer-events:none}
.jr-map-boss::before,.jr-map-mini::before{background:radial-gradient(ellipse,#ff363688,transparent 68%);width:170px;height:170px}
.jr-map-mini{position:absolute;z-index:3;translate:-50% -50%;display:grid;justify-items:center;padding:0;border:0;background:none;color:#fff1eb}
.jr-mini-art{display:block;width:104px;height:104px;background-image:url('/assets/journey/minibosses-v2.webp');background-size:200% 200%;background-position:calc(var(--boss-x)*100%) calc(var(--boss-y)*100%);filter:drop-shadow(0 3px 2px #40121288)}
.jr-map-mini>span:last-child{display:block;padding:3px 10px;background:#5d2527;color:#fff1eb;border:1px solid #efaea7;border-radius:5px;font:500 12px/1.6 Mitr,sans-serif;white-space:nowrap}
.jr-map-mini small{display:block;text-align:center;font-size:11px;color:#ffd0c6}
.jr-map-boss>span:last-child{background:#5d2527;color:#fff1eb;border-color:#efaea7}.jr-map-boss small{color:#ffd0c6}
.jr-mini-preview{display:grid;place-items:center;padding:12px 0 22px}.jr-mini-preview .jr-mini-art{width:180px;height:180px}
.jr-test-shortcut{display:block;width:100%;min-height:48px;margin:20px 0 12px;padding:12px 14px;text-align:left;border:1px solid #c48e88;border-radius:8px;color:#ffd5c8;background:#4b2828;font:500 15px/1.5 Mitr,sans-serif}.jr-test-shortcut small{display:block;font:400 13px/1.5 Sarabun,sans-serif;color:#f0c0b5}
html[data-theme=light] .jr-test-shortcut{background:#fff0e9;color:#842c25;border-color:#ac655b}html[data-theme=light] .jr-test-shortcut small{color:#6f423c}
.jr-map-key{display:flex;align-items:center;gap:24px;float:left;min-height:44px;margin-top:12px;font:400 13px/1.5 Sarabun,sans-serif;color:var(--jr-muted)}
.jr-map-key>span{display:flex;align-items:center;gap:8px}.jr-map-key i{display:block;width:10px;height:10px;border-radius:50%;background:#40bbdf;box-shadow:0 0 0 3px #40bbdf25}.jr-map-key>span:nth-child(2) i{background:#e47168;box-shadow:0 0 0 3px #e4716825}
.jr-crop .jr-map-mini{display:none}
@media(max-width:760px){.jr-mini-art{width:88px;height:88px}.jr-map-mini>span:last-child{font-size:11px;padding:3px 8px}.jr-map-mini small{font-size:10px}.jr-map-key{float:none;margin-top:14px;min-height:30px;justify-content:center;gap:24px}.jr-encounter::before{width:110px;height:110px}.jr-map-mini::before{width:120px;height:120px}.jr-map-controls{padding-top:8px}}
/* Atlas rows have hand-painted baselines; explicit windows exclude neighboring heads. */
.jr-cast[style*="--cast-row:0"]>span{background-position-y:0;clip-path:inset(0 0 13% 0)}
.jr-cast[style*="--cast-row:1"]>span{background-position-y:17.8%}
.jr-cast[style*="--cast-row:2"]>span{background-size:400% 582%;background-position-y:38.2%}
.jr-cast[style*="--cast-row:3"]>span{background-position-y:58.7%}
.jr-cast[style*="--cast-row:4"]>span{background-position-y:79%}
.jr-cast[style*="--cast-row:5"]>span{background-position-y:100%}
body:has(main.jr-page) #slime-mate,body.jr-start-visible #slime-mate{display:none!important}
.jr-folio-art>.jr-keeper{position:absolute;z-index:1;left:50%;bottom:160px;translate:-50% 0;width:180px;height:180px}
@media(max-width:760px){.jr-folio-art>.jr-keeper{width:90px;height:90px;left:auto;right:58px;bottom:0;translate:0 0}.jr-art-caption{padding-right:150px}}
.jr-crop .jr-side-road,.jr-crop .jr-boss-branch{display:none}
.jr-encounter .jr-cast{filter:drop-shadow(0 0 3px #35c4ff) drop-shadow(0 0 10px #35c4ff70)}
.jr-map-boss .jr-boss-art{filter:drop-shadow(0 0 3px #ff5e49) drop-shadow(0 0 10px #ff5e4970)}
.jr-folio-art{background-size:cover;background-position:29% center}
.jr-art-caption span{display:table;background:#173b2b;color:#fff1d2;border-radius:4px;padding:3px 6px}
.jr-hero h1 em{display:inline-block;white-space:nowrap}
.jr-world-nav{scroll-margin-top:calc(var(--ak-shell-h,80px) + 20px)}
@media(max-width:760px){.jr-folio-art{background-position:center 70%}.jr-art-caption span{font-size:11px}}
html[data-theme=light] [data-journey]{--jr-gold:#6b4211}