:root{--j-ink:#112a2b;--j-gold:#d8b779;--j-paper:#f1ebde;--j-muted:#9eafa5}.journey-open{overflow:auto;background:#10272a}.journey{min-height:100dvh;background:#10272a;color:var(--j-paper);font-family:Arial,sans-serif;position:relative;isolation:isolate}.journey *{box-sizing:border-box}.journey button,.journey input,.journey select{font:inherit}.journey button{cursor:pointer}.journey button:disabled{opacity:.4;cursor:not-allowed}.journey button:focus-visible,.journey a:focus-visible,.journey input:focus-visible,.leader-stage canvas:focus-visible{outline:2px solid #f1cb85;outline-offset:4px}.journey-header{height:94px;padding:22px 4.5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e9e6cc1a;position:relative;z-index:2}.journey-brand{display:flex;gap:13px;align-items:center;color:#f1ebde;text-decoration:none;font-size:9px;line-height:1.6;letter-spacing:2px}.journey-brand b{font-size:14px;letter-spacing:3px}.brand-seal{display:grid;place-items:center;border:1px solid var(--j-gold);color:var(--j-gold);font-family:Georgia,serif;font-size:30px;width:42px;height:48px;border-radius:50% 50% 5px 5px}.edition{font-size:10px;letter-spacing:2px;color:#dbdbc2}.journey-quiet{border:1px solid #d4c5a736!important;color:var(--j-paper)!important;background:#162c2b80!important;border-radius:4px!important;padding:11px 18px!important;min-height:42px}.journey-primary{border:1px solid #eac78b!important;background:#e5c58b!important;color:#172b29!important;border-radius:4px!important;padding:15px 27px!important;min-height:50px;font-weight:700!important;letter-spacing:.1px;box-shadow:0 8px 22px #0002}.journey-primary:hover{background:#f2d59f!important}.journey-kicker{display:block;font-size:10px;letter-spacing:2px;color:var(--j-gold);font-weight:600;line-height:1.7}.journey h1,.journey h2,.journey h3,.world-transition h1{font-family:Georgia,'Times New Roman',serif;font-weight:400}.journey h1{font-size:clamp(34px,3.3vw,54px);line-height:1.13;margin:15px 0}.journey em,.world-transition em{font-weight:400;color:#e8c68e}.journey p{font-size:14px;line-height:1.65;color:#bcc8bd}.welcome-landscape{position:absolute;inset:0;background:linear-gradient(90deg,#0c232af5 4%,#0d2824cb 43%,#142e2730 76%),linear-gradient(0deg,#0b2428ed,transparent 65%),url('./assets/scenarios/archipelago.png') center/cover;z-index:-1}.journey-welcome{min-height:760px;height:100dvh}.welcome-copy{position:relative;padding:7vh 0 80px 8vw;width:60%;z-index:1}.welcome-copy h1{font-size:clamp(44px,5vw,79px);line-height:1.08;margin:20px 0 25px}.welcome-copy>p{font-size:17px;line-height:1.8;max-width:420px}.guide-speech{border-left:2px solid #d6b978;padding:8px 20px;margin:32px 0;max-width:470px;background:linear-gradient(90deg,#173930aa,transparent)}.guide-speech>span{font-size:9px;color:#cfba8e;letter-spacing:1.8px}.guide-speech p{font-family:Georgia,serif;font-size:18px;color:#e3e2cf;margin:10px 0}.speech-button{background:none!important;border:0!important;padding:4px 0!important;color:#c7d4c0!important;font-size:11px!important;text-decoration:underline;text-underline-offset:4px;min-height:32px}.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.welcome-actions small{flex-basis:100%;font-size:10px;color:#b1bfb2}.welcome-guide{position:absolute;left:59%;right:1%;top:125px;bottom:105px}.leader-stage{height:100%;width:100%;min-height:150px;touch-action:pan-y}.leader-stage canvas{display:block;max-width:100%;touch-action:pan-y}.welcome-guide .leader-stage{background:radial-gradient(ellipse,#1f443b44 10%,transparent 65%)}.figure-caption{display:block;text-align:center;text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#d9d5b6}.welcome-footer{position:absolute;bottom:26px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b0c1b4}.welcome-footer a{color:#ccd3bb;text-decoration:none;letter-spacing:1px}.journey-steps{display:flex;gap:28px}.journey-steps>span{display:flex;align-items:center;gap:9px;color:#849b91;font-size:11px}.journey-steps b{font-weight:400;border:1px solid #61786b;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:10px}.journey-steps .current{color:#edce96}.journey-steps .current b{border-color:#d8b779;color:#142d29;background:#d8b779}.journey-steps .complete{color:#bac8b0}.journey-character{display:grid;grid-template-columns:minmax(360px,1fr) minmax(370px,.88fr);grid-template-rows:94px 1fr 50px}.journey-character>.journey-header{grid-column:1/-1}.character-library{padding:28px 4.5vw 12px}.journey-heading p{font-size:12px;margin:14px 0 22px}.character-library h1{font-size:clamp(30px,3vw,45px)}.leader-search{display:flex;align-items:center;gap:10px;background:#0b2123;border:1px solid #455d504d;border-radius:4px;padding:0 12px;color:#a9bba9;max-width:620px;margin:20px 0}.leader-search input{background:none;border:0;color:#e7e8d5;width:100%;padding:13px 0;outline:none;font-size:12px}.leader-search input::placeholder{color:#9aac9c}.leader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-width:680px}.leader-card{padding:0 0 12px!important;display:block!important;text-align:center;background:#21372f!important;border:1px solid #63796155!important;border-radius:5px!important;overflow:hidden;position:relative;color:#e4e6d4!important;min-width:0}.leader-card:hover{background:#33483a!important;border-color:#b7b58d!important}.leader-card.selected{border-color:#e2bd7d!important;box-shadow:0 0 0 1px #e2bd7d,0 5px 25px #0003}.bust-frame{height:130px;overflow:hidden;background:radial-gradient(ellipse at center 65%,#66725855,transparent);position:relative}.bust-frame img{height:165px;width:auto;margin-top:0}.bust-loading{display:grid;place-items:center;height:130px;font:60px Georgia;color:#cbbd9c44}.leader-card strong{font-family:Georgia,serif;font-weight:400;font-size:15px;display:block;line-height:1.2;padding:4px 6px}.leader-card small{display:block;font-size:9px;color:#b8c5b1;padding:0 4px}.leader-selected-mark{position:absolute;right:9px;top:9px;width:19px;height:19px;border-radius:50%;background:#e2bd7d;color:#243c31;font-size:12px;display:none}.selected .leader-selected-mark{display:block}.library-pager{display:flex;justify-content:space-between;align-items:center;margin:15px 0;max-width:680px}.library-pager>span{font-size:10px;color:#aabda9}.library-pager button{padding:6px 15px!important}.leader-detail{border-left:1px solid #85967b26;background:radial-gradient(ellipse at 50% 40%,#47593d88,#263d3044 45%,#10272a 84%);padding:30px 3.5vw 18px;display:flex;flex-direction:column;align-items:stretch;min-width:0}.leader-detail-title{text-align:center}.leader-detail-title h2{font-size:32px;margin:9px 0}.leader-detail-title p{font-size:12px;margin:6px 0}.figure-area{height:310px;position:relative}.rotation-controls{position:absolute;right:0;bottom:5px;left:0;display:flex;justify-content:center;align-items:center;gap:5px}.rotation-controls button{min-width:38px;min-height:33px;padding:4px 8px!important;background:#142d2bcc!important}.rotation-controls span{font-size:9px;color:#b8c7b0;margin-left:7px}.leader-profile{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;border-top:1px solid #a8ba8e26;padding-top:10px}.leader-profile dl{margin:0}.leader-profile dl>div{display:flex;justify-content:space-between;position:relative;padding:5px 0 9px;margin:3px 0;font-size:10px}.leader-profile dt{color:#bbc8b5}.leader-profile dd{margin:0;color:#eaca92;font-size:12px}.leader-profile dd small{font-size:8px;color:#839881}.leader-profile dd span{position:absolute;bottom:3px;left:0;width:100%;height:2px;background:#6a7c5b33}.leader-profile dd span:after{content:'';display:block;width:var(--score);height:2px;background:#bead7a}.score-note{font-size:9px!important;color:#99ad9a!important;margin:10px 0 16px}.leader-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}.leader-bottom>span{font-size:10px;color:#b6c5ac}.leader-bottom b{font-weight:400;color:#f0ddb4}.leader-bottom button{font-size:12px}.journey-bottom-link{grid-column:1/-1;padding:0 4.5vw}.journey-bottom-link button{border:0!important;font-size:11px!important;background:none!important}.journey-error{grid-column:1/-1;text-align:center;color:#f3bca8;padding:4px;font-size:12px}.journey-error:empty{display:none}.mode-content{max-width:1000px;margin:0 auto;padding:52px 36px}.mode-content>.journey-heading{text-align:center}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.mode-card{position:relative;text-align:left;padding:35px!important;background:linear-gradient(130deg,#304538,#17302c)!important;border:1px solid #76866377!important;color:#efe4c8!important;border-radius:6px!important}.mode-card.selected{border-color:#e9c68d!important;box-shadow:inset 0 0 0 1px #e9c68d}.mode-symbol{display:block;font:53px Georgia;color:#d5b778;height:70px}.mode-card h2{font-size:28px}.mode-card p{font-size:13px;min-height:60px}.mode-card small{font-size:10px;color:#bdc9ae}.mode-card i{position:absolute;top:23px;right:23px;font-style:normal}.mode-actions{display:flex;justify-content:space-between;align-items:center}.opponent-picker{display:flex;gap:20px;align-items:center;margin:18px 0;font-size:12px}.opponent-picker select{color:#e5e5d1!important;background:#20382f!important;border:1px solid #71836c!important;border-radius:4px;padding:12px}.mode-note{font-size:11px!important}.scenario-content{max-width:1320px;margin:auto;padding:38px 4.5vw 24px}.scenario-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.scenario-heading h1{font-size:clamp(30px,3vw,44px)}.scenario-context{border-left:1px solid #d3ba883a;padding-left:24px;display:flex;flex-direction:column;gap:8px;font-size:12px}.scenario-context span{font-size:10px;color:#a8bda9}.scenario-tabs{display:flex;border-bottom:1px solid #7b92724d;margin:20px 0 25px}.scenario-tabs button{border:0!important;background:none!important;font-size:11px;padding:12px 19px!important;border-bottom:2px solid transparent!important;border-radius:0;color:#b1c3ad!important}.scenario-tabs button.active{color:#f0cb8c!important;border-bottom-color:#e8c387!important}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;align-items:stretch}.scenario-card{padding:0!important;border:1px solid #6a81645e!important;border-radius:5px!important;background:#1c342d!important;color:#e8e4d0!important;text-align:left;overflow:hidden;display:flex!important;flex-direction:column}.scenario-card.selected{border-color:#e6be7f!important;box-shadow:0 0 0 1px #e6be7f}.scenario-card img{width:100%;height:160px;object-fit:cover;display:block}.scenario-card>div{padding:20px;flex:1;display:flex;flex-direction:column}.scenario-card h2{font-size:24px;margin:8px 0}.scenario-card p{font-size:12px;color:#bac8b2;margin:2px 0 16px}.scenario-card small{color:#d6c599;font-size:10px;margin-top:auto}.scenario-card .journey-kicker{font-size:9px}.scenario-brief{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;border-top:1px solid #a3ae822f;border-bottom:1px solid #a3ae822f;margin:28px 0 18px;padding:21px 0}.scenario-brief h3{font-size:20px;margin:7px 0}.scenario-brief p{font-size:12px;margin:8px 0}.scenario-brief small{font-size:9px;color:#9eaf95}.scenario-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.scenario-actions>span{font-size:11px;color:#b4c4a9}.scenario-requirement{padding:10px 0 20px}.scenario-requirement button{margin-right:10px;font-size:12px!important}.world-transition{position:fixed;inset:0;z-index:999;background:radial-gradient(ellipse at center,#304636,#0c2428 70%);color:#ede5cd;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.world-transition h1{font-size:clamp(33px,4vw,58px);line-height:1.2}.world-transition p{font-size:12px;color:#bacbb0}.world-transition progress{width:min(330px,80vw);height:4px;border:0;accent-color:#dfbc80;background:#64745144}.world-transition small{margin-top:35px;color:#95ad99;font-size:11px}.figure-fallback{font-size:12px;text-align:center;max-width:260px;margin:50px auto}.world-mission{position:fixed;top:124px;right:19px;width:240px;padding:14px 17px;border:1px solid #dac59c44;border-radius:5px;background:#132c2aee;color:#e5dfc7;z-index:15;font-size:11px}.world-mission summary{cursor:pointer;line-height:1.6;color:#edcf92}.world-mission ul{padding:0;list-style:none;margin:12px 0 0}.world-mission li{display:flex;gap:8px;justify-content:space-between;font-size:10px;margin:7px 0;color:#c2ceb5}.world-mission p{font-size:10px;line-height:1.5}.world-mission strong{font-size:10px;white-space:nowrap}.world-mission .mission-done{color:#a3ddb4}.journey-open .skip-link{z-index:50}
@media(min-width:1500px){.character-library{padding-top:45px}.figure-area{height:390px}.bust-frame{height:175px}.bust-frame img{height:210px}.leader-detail-title h2{font-size:40px}.leader-detail{padding-top:45px}}@media(max-width:1000px){.journey-header{padding:18px 25px}.journey-steps{gap:14px}.journey-character{grid-template-columns:1fr .9fr}.character-library{padding:28px 25px}.leader-detail{padding:30px 22px}.leader-grid{gap:9px}.leader-card strong{font-size:12px}.bust-frame{height:110px}.bust-frame img{height:145px}.leader-profile{grid-template-columns:110px 1fr;gap:10px}.leader-bottom button{width:100%}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-mission{width:220px;top:115px}.welcome-copy{padding-left:6vw}.welcome-guide{left:57%;right:-2%}}
@media(max-width:700px){.journey-header{height:80px;padding:16px 20px}.edition{display:none}.journey-header>.journey-quiet{padding:8px 12px!important;font-size:11px!important}.journey-brand{font-size:8px;gap:8px}.journey-brand b{font-size:11px}.brand-seal{width:32px;height:38px;font-size:25px}.journey-welcome{height:auto;min-height:100dvh}.welcome-copy{padding:38px 24px 80px;width:100%;position:relative}.welcome-copy h1{font-size:45px;max-width:330px}.welcome-copy>.journey-kicker{font-size:8px}.welcome-copy>p{font-size:13px;width:60%;min-height:85px}.welcome-guide{top:165px;left:58%;right:-3%;height:240px;bottom:auto;z-index:0;pointer-events:none}.welcome-guide .figure-caption{display:none}.guide-speech{max-width:100%;margin:20px 0;padding-right:8px}.guide-speech p{font-size:16px}.welcome-footer{position:relative;bottom:auto;left:auto;right:auto;margin:0 24px;padding-bottom:25px;letter-spacing:.5px;font-size:8px}.journey-steps{gap:9px}.journey-steps>span{font-size:0;gap:0}.journey-steps b{font-size:10px;width:24px;height:24px}.journey-character{display:block}.character-library{padding:27px 20px 0}.character-library h1{font-size:33px}.character-library h1 br{display:none}.leader-search{margin:16px 0}.leader-grid{gap:10px}.bust-frame{height:110px}.leader-card strong{font-size:13px}.library-pager{margin-bottom:8px}.leader-detail{padding:25px 24px;border:0;border-top:1px solid #6d826144}.leader-detail-title h2{font-size:33px}.figure-area{height:310px}.leader-profile{grid-template-columns:140px 1fr;gap:25px}.leader-bottom{margin-top:10px;position:sticky;bottom:0;background:#122b29f5;padding:13px 0;z-index:4}.leader-bottom>span{width:100%}.leader-bottom button{width:100%}.journey-bottom-link{padding:0 15px 20px}.mode-content{padding:30px 20px}.mode-content h1{font-size:35px}.mode-grid{grid-template-columns:1fr;gap:15px;margin:25px 0}.mode-card{padding:25px!important}.mode-symbol{font-size:38px;height:45px}.mode-card h2{font-size:26px;margin:14px 0}.mode-card p{min-height:0}.mode-actions{gap:12px}.mode-actions button{font-size:12px!important;padding:12px 14px!important}.opponent-picker{align-items:stretch;flex-direction:column;gap:10px}.scenario-content{padding:27px 20px}.scenario-heading{display:block}.scenario-context{border:0;padding:0;flex-direction:row;font-size:10px;margin:18px 0}.scenario-heading h1{font-size:34px}.scenario-grid{grid-template-columns:1fr;gap:20px}.scenario-card img{height:180px}.scenario-brief{grid-template-columns:1fr;gap:14px;margin:24px 0}.scenario-actions{flex-wrap:wrap;gap:16px}.scenario-actions>span{order:3;width:100%;text-align:center}.scenario-actions button{font-size:12px!important;padding:13px 16px!important}.world-mission{top:102px;right:12px;width:180px;padding:9px 12px}.world-mission ul{max-height:130px;overflow:auto}.world-mission li{font-size:9px}.world-mission summary{font-size:10px}}@media(prefers-reduced-motion:reduce){.journey *,.world-transition *{animation:none!important;transition:none!important}}
/* The opening journey scrolls; the map alone retains the single-viewport HUD. */
html.journey-root{height:auto;min-height:100%;overflow:auto;overscroll-behavior:auto}body.journey-open{height:auto;min-height:100dvh;overflow:visible}.journey-open #app{position:relative;inset:auto;overflow:visible;min-height:100dvh}.journey-open dialog[open]{visibility:visible}.journey .brand-seal{outline:none;transform:none}.journey-open dialog form{padding:10px 24px 22px;display:flex;justify-content:flex-end}.journey-open dialog::backdrop{background:#071d23bb}
@media(max-height:650px) and (orientation:landscape){.world-mission{top:112px;right:12px;width:170px;padding:8px 11px}.world-mission p{font-size:9px}.world-mission ul{max-height:95px;overflow:auto}.world-mission li{font-size:9px;gap:4px}}
@media(orientation:portrait){body:not(.journey-open) .world-mission{visibility:hidden}}