/* Canon UX v1.1: every game surface fills the device in landscape. */
html.journey-root,body.journey-open{width:100%;height:100%;min-height:0;overflow:hidden;overscroll-behavior:none}
.journey-open #app{position:fixed;inset:0;min-height:0;overflow:hidden}
.journey{--j-gold:#dec08a;--j-paper:#f5ead2;--j-ink:#09231e;--frame-height:74px;--footer-height:72px;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;overflow:hidden;background:#071c18;font-family:Arial,Helvetica,sans-serif}
.journey button{touch-action:manipulation}
.journey :is(button,a,input,select):focus-visible{outline:2px solid #ffdc98;outline-offset:3px}
.journey-header{height:var(--frame-height)!important;min-height:var(--frame-height);padding:10px max(24px,env(safe-area-inset-left))!important;padding-right:max(82px,calc(env(safe-area-inset-right) + 70px))!important;border-bottom:1px solid #b89b5740;background:linear-gradient(180deg,#061814f5,#0c211be8);z-index:3;gap:14px;flex:none}
.journey-brand{font-size:10px;letter-spacing:2px;gap:8px;flex-shrink:0}
.journey-brand b{font-size:14px;letter-spacing:2px}
.brand-art{display:block;width:52px;height:52px;overflow:hidden;position:relative;border-radius:50%;flex:none}
.brand-art img{position:absolute;width:125px;max-width:none;height:auto;left:-36.5px;top:-4px}
.journey-steps{gap:24px;align-items:center}
.journey-steps>span{font-size:14px;gap:9px;color:#93a79a}
.journey-steps b{width:28px;height:28px;font-size:12px}
.journey-steps .current{color:#f3d694}
.journey-tools{display:flex;gap:8px;align-items:center}
.journey-tools button{min-width:44px!important;min-height:44px!important;padding:8px!important;font-size:18px!important;border:1px solid #b5a57850!important;border-radius:50%!important;background:#112c23b3!important}
.journey-error{position:absolute;bottom:calc(var(--footer-height) + 8px);left:30%;right:25%;padding:10px 16px;background:#431b12f5;color:#ffe2c1;border:1px solid #b38755;z-index:9;font-size:14px;box-shadow:0 3px 15px #0006}
.journey-error:empty{display:none}
.journey-open .sound-controls{top:max(15px,env(safe-area-inset-top));bottom:auto;right:max(24px,env(safe-area-inset-right));z-index:60}
.journey-open .sound-controls button{width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border-radius:50%;box-shadow:none}
.journey-open .sound-controls button>span{display:none}
.journey-open .sound-controls .sound-status{top:52px;bottom:auto;font-size:12px;white-space:normal;width:230px}
.journey-character::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061b17 22%,#102b24eb 52%,#102f2290),linear-gradient(0deg,#071a15 7%,transparent 70%),url('./assets/scenarios/archipelago.png') right center/cover}
.selection-shell{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,30%) minmax(300px,32%) minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--footer-height);padding-top:20px}
.roster-panel{padding:0 22px 12px max(24px,env(safe-area-inset-left));min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) 44px;gap:10px;border-right:1px solid #b79b5733;background:linear-gradient(90deg,#061a16c9,transparent)}
.roster-heading .journey-kicker{font-size:12px;letter-spacing:.18em;color:#aaae8a}
.roster-heading h1{font:400 clamp(24px,2.3vw,37px)/1.1 Georgia,serif;color:#ead6a6;margin:7px 0 8px}
.roster-filters{display:flex;align-items:center;justify-content:space-between;gap:2px;border-bottom:1px solid #ba9c5933}
.roster-filters button{padding:9px 2px!important;font-size:12px!important;min-height:36px;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;color:#acb9a7!important;white-space:nowrap}
.roster-filters button.active{border-bottom-color:#efd396!important;color:#f3d694!important}
.roster-search{display:flex;align-items:center;gap:10px;border:1px solid #a2926354;border-radius:3px;background:#03151080;padding:0 10px;height:38px;min-width:0}
.roster-search svg{width:16px;height:16px;stroke:#acb199;fill:none;stroke-width:1.5;flex:none}
.roster-search input{min-width:0;max-width:100%;width:100%;background:none!important;border:0!important;box-shadow:none!important;margin:0;padding:8px 0!important;color:#f0e1bf!important;font-size:14px!important;min-height:34px}
.roster-search input::placeholder{color:#9caf9c}
.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--roster-rows),minmax(0,1fr));gap:7px 9px;min-height:0;align-items:center;align-content:start}
.roster-card{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;min-width:0;width:100%;height:100%;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#c6cfb8!important;position:relative;overflow:visible}
.roster-medallion{display:block;position:relative;aspect-ratio:1;width:min(100%,calc((100dvh - 290px)/var(--roster-rows) - 24px));max-height:calc(100% - 22px);border-radius:50%;filter:saturate(.88);transition:filter .15s,transform .15s;min-width:30px}
.roster-medallion img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.roster-card:hover .roster-medallion{filter:brightness(1.15);transform:translateY(-2px)}
.roster-card.selected .roster-medallion{filter:brightness(1.12) saturate(1.05);box-shadow:0 0 0 2px #f5dda1,0 0 0 5px #c9a74b38,0 0 23px #e9c67259}
.roster-card.selected{color:#ffdf9c!important}
.roster-name{display:block;font:400 12px/1.25 Arial,sans-serif;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 0}
.roster-tick{display:none;position:absolute;bottom:0;right:0;width:18px;height:18px;place-items:center;background:#ecd195;color:#133021;border:1px solid #f8e5ac;border-radius:50%;font:bold 12px Arial}
.roster-card.selected .roster-tick{display:grid}
.roster-empty{grid-column:1/-1;align-self:start;font-size:14px!important}
.roster-pager{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b69c5729;color:#b8c5ad;padding-top:3px;font-size:12px}
.roster-pager button{width:42px;min-width:42px;height:38px;min-height:38px;border:0!important;background:none!important;border-radius:2px!important;color:#dfc387!important;font:28px Georgia!important;padding:0!important}
.pager-separator{padding:0 7px;opacity:.5}
.leader-lontar{position:relative;min-width:0;min-height:0;padding:9px 10px 24px 20px;z-index:1}
.lontar-scroll{position:relative;height:100%;color:#372918;background:#ceb074 url('./assets/interface/lontar.webp') center/100% 100%;box-shadow:0 20px 55px #0008;animation:lontar-open .7s cubic-bezier(.2,.8,.2,1) both}
.lontar-scroll::before,.lontar-scroll::after{content:'';position:absolute;left:-8px;right:-8px;height:14px;background:linear-gradient(#443015,#ddbc73 28%,#aa7e3d 65%,#563919);border:1px solid #856037;border-radius:8px;box-shadow:0 3px 8px #25120480;z-index:2}
.lontar-scroll::before{top:-7px}.lontar-scroll::after{bottom:-7px}
.lontar-content{height:100%;min-height:0;padding:clamp(20px,3.4vh,35px) 28px 20px;display:flex;flex-direction:column;text-align:center;overflow:hidden}
.profile-title{font:12px/1.4 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#725021}
.lontar-content h2{font:400 clamp(24px,2.55vw,42px)/1.09 Georgia,serif;margin:11px 0;color:#302314;overflow-wrap:anywhere}
.journey .profile-era{font:12px/1.45 Arial,sans-serif;color:#654922;margin:2px 0 12px}
.profile-era span{margin:0 3px}
.profile-rule{display:flex;align-items:center;justify-content:center;gap:10px;color:#865d27;font-size:12px;margin:2px 0 16px}
.profile-rule::before,.profile-rule::after{content:'';height:1px;flex:1;background:#795a354f}
.profile-story{text-align:left}.lontar-content h3{font:600 12px/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;color:#634820}
.journey .profile-story>p{font:16px/1.5 Georgia,serif;color:#362819;margin:0 0 15px}
.profile-specialty{display:block;color:#674920;font:italic 14px/1.5 Georgia,serif;padding:10px 0;border-block:1px solid #87652d50}
.profile-stats{text-align:left;margin-top:auto;padding-top:18px}
.selection-chart{display:grid;grid-template-columns:minmax(85px,.8fr) 1.25fr;gap:9px;align-items:center;color:#493c28}
.selection-chart svg{display:block;width:100%;max-height:145px}
.selection-chart dl{margin:0}.selection-chart dl>div{position:relative;display:flex;justify-content:space-between;gap:6px;margin:0 0 9px;padding-bottom:6px;line-height:1.2}
.selection-chart dt{font-size:12px;color:#3d2d17}.selection-chart dd{margin:0;font:bold 13px Arial;color:#203f2b}
.selection-chart dd span{position:absolute;left:0;right:0;bottom:0;height:2px;background:#6e542d33}
.selection-chart dd span::after{content:'';display:block;width:var(--score);height:100%;background:#36523a}
.journey .profile-score-note{color:#674c28;font-size:12px;line-height:1.4;margin:6px 0 0;text-align:center}
.profile-homeland{display:flex;flex-direction:column;gap:4px;margin-top:16px;padding-top:12px;border-top:1px solid #83632f59}
.profile-homeland span{font-size:12px;letter-spacing:.14em;color:#725325}.profile-homeland strong{font:400 19px Georgia,serif;color:#322714}
.profile-tabs{display:none}
.selection-stage{position:relative;min-width:0;min-height:0;isolation:isolate;display:flex;justify-content:center;align-items:center;padding:12px 4% 68px}
.stage-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 39%,#81956b4d,transparent 60%)}
.selected-figure{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 16px #0008);opacity:1;animation:figure-arrive .55s ease-out both}
.figure-nameplate{position:absolute;bottom:15px;left:10%;right:10%;text-align:center;padding:12px 10px 5px;border-top:1px solid #dcc07873;background:linear-gradient(90deg,transparent,#09251ab3,transparent)}
.figure-nameplate span{display:block;font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.15em;color:#abbb9f}
.figure-nameplate b{display:block;font:400 clamp(20px,2.2vw,32px)/1.3 Georgia,serif;color:#f0d299;margin-top:3px}
.archival-figure{text-align:center;color:#dcc28b;padding:30px;font:30px Georgia}.archival-figure p{font-size:16px}
.figure-portrait-fallback{border-radius:50%;object-fit:contain;max-height:80%}
.selection-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(30px,env(safe-area-inset-right)) 10px max(24px,env(safe-area-inset-left));border-top:1px solid #ba9e575e;background:linear-gradient(180deg,#0a241bf0,#041610);box-shadow:0 -10px 35px #02181033;z-index:3}
.selection-footer p{margin:0;font-size:14px;line-height:1.5;flex:1;color:#e2cc9c}
.selection-footer p span{display:block;font-size:12px;color:#99ad95;letter-spacing:.12em}.selection-footer p strong{font-weight:400}
.selection-back{border:0!important;background:none!important;font-size:14px!important;color:#b5c4ab!important;padding:10px 5px!important;min-height:44px;min-width:100px}
.selection-confirm{display:flex!important;align-items:center;justify-content:space-between;gap:35px;min-height:48px;min-width:240px;padding:12px 25px!important;color:#263422!important;background:linear-gradient(110deg,#bc9854,#eed49b 47%,#c6a665)!important;border:1px solid #f4d99f!important;border-radius:3px!important;font-size:16px!important;font-weight:600!important;box-shadow:inset 0 0 0 3px #69532830,0 6px 20px #0004}
.selection-confirm:hover{filter:brightness(1.1)}.selection-confirm span{font-size:22px}
@keyframes lontar-open{from{clip-path:inset(0 0 98% 0);opacity:.4}to{clip-path:inset(-20px -20px -30px -20px);opacity:1}}
@keyframes figure-arrive{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}

/* The same viewport contract continues through the existing welcome and modes. */
.journey-welcome{display:flex!important;min-height:0!important;height:100dvh!important}
.journey-welcome .welcome-copy{width:55%;margin:auto 0 auto 4vw;max-height:calc(100dvh - 135px);padding:22px 40px!important}
.journey-welcome .welcome-copy h1{font-size:clamp(28px,4.4vh,53px);margin:8px 0 14px}
.journey-welcome .welcome-copy p{font-size:16px;line-height:1.45;margin:10px 0}
.journey-welcome .welcome-guide{top:var(--frame-height);bottom:42px;left:58%;right:0;height:auto}
.journey-welcome .welcome-footer{height:40px;flex:none;align-self:stretch;display:flex;align-items:center;margin:0 4vw;padding-right:0}
.journey-welcome .welcome-actions{margin-top:8px}.journey-welcome .welcome-actions button{font-size:14px!important}
.journey-welcome .welcome-actions small{font-size:12px}
.mode-content{flex:1;min-height:0;width:min(1120px,100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;padding:20px 36px;margin:0 auto;overflow:hidden}
.journey .mode-content>.journey-heading.lontar-sheet{padding:18px 28px;background-size:100% 100%}
.mode-content h1{font-size:clamp(25px,3.5vh,42px);margin:4px 0 8px}.mode-content h1 br{display:none}.mode-content .journey-heading p{margin:0;font-size:14px}
.mode-grid{margin:0;gap:20px;min-height:0}.mode-card{padding:22px!important}.mode-symbol{font-size:32px;height:38px}
.mode-card h2{font-size:26px;margin:10px 0}.mode-card p{font-size:16px;min-height:0;line-height:1.5}.mode-card small{font-size:14px}
.mode-actions{min-height:48px}.opponent-picker{margin:0;gap:15px;font-size:14px}.opponent-picker select{padding:6px;min-width:0;max-width:70%;font-size:14px}
.mode-note{display:none}.mode-actions button{font-size:14px!important}
.scenario-content{flex:1;min-height:0;width:100%;max-width:1440px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:12px;padding:20px 30px;margin:0 auto;overflow:hidden}
.scenario-heading h1{font-size:clamp(25px,3.5vh,40px);margin:3px 0}.scenario-heading h1 br{display:none}.scenario-context{font-size:14px}.scenario-context span{font-size:12px}
.scenario-tabs{margin:0;gap:10px;align-items:center}.scenario-tabs button{font-size:14px;padding:8px!important;min-height:40px}
.scenario-page-controls{margin-left:auto;display:flex;align-items:center;gap:8px;color:#bec8ab;font-size:12px}.scenario-page-controls button{font-size:22px;min-width:40px;padding:0!important}
.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:18px;min-height:0}
.scenario-card{min-height:0}.scenario-card img{height:34%;min-height:45px;max-height:150px}
.scenario-card>div{padding:14px;min-height:0}.scenario-card h2{font-size:clamp(20px,2vw,28px);margin:6px 0}.scenario-card p{font-size:14px;line-height:1.5;margin-bottom:8px}.scenario-card small{font-size:12px;line-height:1.35}
.journey .scenario-brief{padding:16px 35px;gap:24px;margin:0}.scenario-brief h3{font-size:19px;margin:3px 0}.journey .scenario-brief p{font-size:14px;line-height:1.4;margin:5px 0}.scenario-brief small{display:none}
.scenario-actions{min-height:48px;gap:12px}.scenario-actions button{font-size:14px!important}.scenario-actions>span{font-size:12px}.scenario-requirement{position:absolute;inset:auto 25% 80px 25%;background:#102c22fa;border:1px solid #c5a368;padding:15px 20px;z-index:4;box-shadow:0 12px 40px #0008}.scenario-requirement p{font-size:14px;margin:0 0 8px}
.world-transition{width:100%;height:100dvh;overflow:hidden}.world-transition .transition-lontar{max-height:85%;padding:25px 50px}.world-transition h1{font-size:clamp(25px,5vh,50px);margin:15px 0}.world-transition p{font-size:14px}.world-transition small{margin-top:15px;font-size:12px}
.tgn-orientation-gate{display:none}
@media(max-height:759px){
 .journey{--frame-height:60px;--footer-height:60px}.journey-header{padding-block:6px!important}.brand-art{width:44px;height:44px}.brand-art img{width:106px;left:-31px;top:-3px}
 .journey-open .sound-controls{top:8px}.journey-steps{gap:18px}
 .selection-shell{padding-top:12px}.roster-panel{padding-bottom:5px;gap:7px}.roster-heading .journey-kicker{display:none}.roster-heading h1{font-size:27px;margin:2px 0 6px}
 .roster-medallion{width:min(100%,calc((100dvh - 243px)/var(--roster-rows) - 20px));max-height:calc(100% - 19px)}
 .leader-lontar{padding-top:5px;padding-bottom:17px}.lontar-content{padding:20px 24px 12px}.lontar-content h2{font-size:clamp(24px,2.8vw,36px);margin:8px 0}.profile-rule{margin:1px 0 10px}
 .profile-tabs{display:flex;border-bottom:1px solid #80603566;margin:0 0 15px;gap:12px;justify-content:center;flex:none}
 .profile-tabs button{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#694c22!important;padding:6px 3px!important;font-size:14px!important;min-height:34px}
 .profile-tabs button[aria-pressed=true]{border-bottom-color:#4b4422!important;color:#253f2c!important;font-weight:600!important}
 .leader-lontar[data-profile=story] .profile-stats,.leader-lontar[data-profile=stats] .profile-story{display:none}
 .profile-stats{margin:0;padding:0}.profile-stats>h3{display:none}.profile-story h3{display:none}.profile-homeland{margin-top:auto;padding-top:10px}.profile-specialty{font-size:14px;margin-bottom:12px}.selection-chart{grid-template-columns:.8fr 1.2fr}.selection-chart dl>div{margin-bottom:11px}.selection-chart dt{font-size:14px}.selection-chart dd{font-size:14px}
 .selection-stage{padding-bottom:62px}.figure-nameplate{bottom:12px;padding-top:8px}.figure-nameplate b{font-size:26px}
 .selection-footer{gap:18px;padding-block:6px}.selection-confirm{min-height:44px;padding-block:8px!important}.selection-footer p{font-size:14px}
}
@media(max-width:1100px){
 .selection-shell{grid-template-columns:minmax(230px,31%) minmax(260px,34%) minmax(0,1fr)}
 .roster-panel{padding-left:max(16px,env(safe-area-inset-left));padding-right:16px}.roster-grid{gap:5px}.roster-filters button{font-size:12px!important}
 .leader-lontar{padding-left:14px;padding-right:7px}.lontar-content{padding-inline:21px}.journey-brand b{font-size:12px}.journey-brand{font-size:9px;letter-spacing:1.5px}.journey-steps{gap:12px}.journey-steps>span{font-size:12px}
 .selection-stage{padding-inline:0}.roster-name{font-size:12px}.scenario-card p{font-size:14px}.scenario-grid{gap:12px}
}
@media(max-height:539px){
 .journey{--frame-height:50px;--footer-height:53px}.journey-header{padding-inline:max(16px,env(safe-area-inset-left))!important;padding-right:70px!important;gap:10px}.brand-art{width:36px;height:36px}.brand-art img{width:87px;left:-25.5px;top:-2px}
 .journey-brand{line-height:1.5}.journey-brand b{font-size:12px}.journey-tools{gap:5px}.journey-tools button{width:36px;min-width:36px!important;height:36px;min-height:36px!important;font-size:16px!important}
 .journey-open .sound-controls{top:7px;right:20px}.journey-open .sound-controls button{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px}.journey-steps b{width:24px;height:24px}
 .selection-shell{padding-top:8px}.roster-panel{gap:4px;grid-template-rows:auto auto 32px minmax(0,1fr) 34px;padding-bottom:3px}.roster-heading h1{font-size:23px;margin:0 0 2px}.roster-filters button{min-height:30px;padding:6px 1px!important}
 .roster-search{height:32px}.roster-search input{font-size:14px!important;min-height:30px!important;padding-block:4px!important}.roster-medallion{width:min(100%,calc((100dvh - 235px)/var(--roster-rows) - 16px));max-height:calc(100% - 18px)}
 .roster-grid{gap:5px}.roster-name{font-size:12px;line-height:1.1}.roster-pager button{min-height:32px;height:32px}.roster-pager{font-size:12px}
 .leader-lontar{padding-top:6px;padding-bottom:14px;padding-left:12px}.lontar-content{padding:13px 20px 10px}.profile-title{font-size:12px;letter-spacing:.03em}.lontar-content h2{font-size:clamp(21px,2.6vw,29px);line-height:1.05;margin:5px 0}.journey .profile-era{font-size:12px;line-height:1.25;margin:2px 0 4px}.profile-rule{display:none}
 .profile-tabs{margin:2px 0 9px;gap:10px}.profile-tabs button{min-height:30px;font-size:14px!important;padding-block:4px!important}
 .journey .profile-story>p{font-size:14px;line-height:1.42;margin-bottom:7px}.profile-specialty{font-size:12px;line-height:1.35;padding:6px 0;margin-bottom:6px}.profile-homeland{display:none}
 .selection-chart{grid-template-columns:minmax(65px,.65fr) minmax(0,1.35fr);gap:7px}.selection-chart svg{max-height:120px}.selection-chart dl>div{margin-bottom:6px;padding-bottom:3px}.selection-chart dt{font-size:12px}.selection-chart dd{font-size:12px}.journey .profile-score-note{font-size:12px;line-height:1.2;margin-top:2px}
 .selection-stage{padding-top:0;padding-bottom:44px}.figure-nameplate{bottom:7px;padding-top:6px}.figure-nameplate span{font-size:12px;letter-spacing:.05em}.figure-nameplate b{font-size:21px;margin:0}
 .selection-footer{padding:5px max(16px,env(safe-area-inset-right)) 5px max(16px,env(safe-area-inset-left));gap:12px}.selection-back{min-width:80px;min-height:40px;font-size:14px!important}.selection-footer p span{font-size:12px;letter-spacing:.05em}.selection-footer p{font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-footer p strong{font-size:14px}.selection-confirm{min-width:205px;min-height:40px;font-size:14px!important;padding:8px 16px!important;gap:16px}
 .journey-welcome .welcome-copy{padding:16px 32px!important;max-height:calc(100dvh - 98px);width:57%}.journey-welcome .welcome-copy h1{font-size:29px;line-height:1.1;margin:4px 0 9px}.journey-welcome .welcome-copy h1 span{font-size:16px;margin-bottom:4px}.journey-welcome .welcome-copy p{font-size:14px;line-height:1.35;margin:6px 0}.journey-welcome .welcome-copy>p:last-of-type{display:none}.journey-welcome .welcome-copy .journey-kicker{font-size:12px}.journey-welcome .welcome-actions button{padding:8px 12px!important;font-size:14px!important;min-height:38px}.journey-welcome .welcome-footer{font-size:12px;height:30px}
 .mode-content{padding:10px 28px;gap:9px}.journey .mode-content>.journey-heading.lontar-sheet{padding:10px 22px}.mode-content h1{font-size:23px;margin:2px 0}.mode-content .journey-kicker{font-size:12px}.mode-content .journey-heading p{font-size:12px}.mode-grid{gap:16px}.mode-card{padding:14px 20px!important}.mode-symbol{display:none}.mode-card h2{font-size:23px;margin:7px 0}.mode-card p{font-size:14px;line-height:1.4;margin:6px 0}.mode-card small{font-size:12px}.mode-card i{top:14px;right:16px}.mode-actions{min-height:38px}.mode-actions button{min-height:38px;padding:8px 15px!important}.opponent-picker{font-size:12px;gap:10px}.opponent-picker select{font-size:12px;min-height:30px;padding:3px}.mode-note{display:none}
 .scenario-content{padding:9px 22px;gap:7px}.scenario-heading h1{font-size:23px}.scenario-heading .journey-kicker{display:none}.scenario-context{font-size:12px;gap:3px}.scenario-tabs button{min-height:30px;font-size:12px;padding:4px 8px!important}.scenario-card img{display:none}.scenario-card>div{padding:10px 14px}.scenario-card h2{font-size:21px;margin:5px 0}.scenario-card p{display:none}.scenario-card small{font-size:12px}.scenario-card .journey-kicker{font-size:12px;letter-spacing:.04em}.scenario-tabs{gap:3px}.scenario-page-controls{gap:3px}.journey .scenario-brief{padding:9px 27px;gap:20px}.scenario-brief h3{display:none}.journey .scenario-brief p{font-size:14px;line-height:1.35;margin:3px 0}.scenario-brief .journey-kicker{font-size:12px!important}.scenario-actions{min-height:38px}.scenario-actions button{min-height:38px;padding:8px 14px!important;font-size:14px!important}.scenario-actions>span{font-size:12px}.scenario-requirement{bottom:64px;padding:12px}
}
@media(max-width:780px) and (orientation:landscape){
 .selection-shell{grid-template-columns:minmax(205px,30%) minmax(250px,37%) minmax(0,1fr)}.journey-brand>span:last-child{display:none}.journey-steps{gap:12px}.journey-steps>span{font-size:12px;gap:5px}.roster-panel{padding-inline:12px}.lontar-content{padding-inline:18px}.selection-footer p span{display:none}.selection-footer p strong{font-size:12px}.selection-confirm{min-width:185px}.roster-filters button{font-size:12px!important}.roster-name{font-size:12px}
}
@media(max-height:365px) and (orientation:landscape){
 .roster-heading{display:none}.roster-panel{grid-template-rows:auto 30px minmax(0,1fr) 32px}.roster-medallion{width:min(100%,calc((100dvh - 210px)/var(--roster-rows) - 16px))}.profile-specialty{display:none}.profile-title{display:none}.journey .profile-story>p{font-size:14px;line-height:1.3}.selection-chart svg{display:none}.selection-chart{display:block}.selection-chart dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.selection-chart dl>div{font-size:12px;margin:0;padding-bottom:5px}.selection-chart dt{font-size:12px}.profile-score-note{padding-top:6px}.figure-nameplate span{display:none}.selection-stage{padding-bottom:34px}.journey-welcome .welcome-copy>p{display:none}.journey-welcome .welcome-copy h1{font-size:26px}.journey-welcome .welcome-copy .journey-kicker{display:none}.mode-content .journey-heading p{display:none}.scenario-actions>span{display:none}
}
@media(orientation:portrait){
 .tgn-orientation-gate:not([hidden]){position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 15%,#36533a,#081e17 64%);color:#f3dfb3;font-family:Arial,sans-serif}
 .tgn-orientation-gate .gate-logo{width:min(280px,72vw);border-radius:5px;mix-blend-mode:screen}
 .tgn-orientation-gate h2{font:400 32px/1.15 Georgia,serif;margin:0;max-width:310px}.tgn-orientation-gate p{font-size:16px;line-height:1.6;max-width:300px;color:#b8c8ac;margin:0}.tgn-orientation-gate button{padding:13px 22px;min-height:48px;background:#dfc288;border:1px solid #f3d9a4;color:#163324;border-radius:4px;font-size:16px}.tgn-orientation-gate small{font-size:12px;line-height:1.6;color:#9caf92;max-width:270px}
 .journey-open .sound-controls{visibility:hidden}.journey-open dialog[open]{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){.lontar-scroll,.selected-figure{animation:none}.roster-medallion{transition:none}}

.opening-cta{max-width:100%;line-height:1.45;text-align:left}
.roster-card{container-type:size}
.roster-medallion{width:min(100cqw,calc(100cqh - 23px));height:auto;max-height:none}
.profile-tabs{display:flex;border-bottom:1px solid #80603566;margin:0 0 18px;gap:18px;justify-content:center;flex:none}
.profile-tabs button{border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:#694c22!important;padding:8px 3px!important;font-size:14px!important;min-height:36px}
.profile-tabs button[aria-pressed=true]{border-bottom-color:#4b4422!important;color:#253f2c!important;font-weight:600!important}
.leader-lontar[data-profile=story] .profile-stats,.leader-lontar[data-profile=stats] .profile-story{display:none}
.profile-stats{margin:0;padding:0}.profile-stats>h3,.profile-story>h3{display:none}.profile-homeland{margin-top:auto}.selection-chart{grid-template-columns:.8fr 1.2fr}.selection-chart dt{font-size:14px}.selection-chart dd{font-size:14px}.selection-chart dl>div{margin-bottom:12px}
@media(max-height:759px){.selection-stage{padding:16px 5% 65px}}
@media(max-height:539px){.selection-stage{padding:10px 4% 49px}.figure-nameplate b{font-size:20px}.profile-tabs{margin:2px 0 9px;gap:10px}.profile-tabs button{min-height:30px;padding-block:4px!important}.selection-chart dt,.selection-chart dd{font-size:12px}.selection-chart dl>div{margin-bottom:6px}}
@media(max-height:365px){.selection-stage{padding:7px 4% 34px}}
@media(max-height:539px){.roster-medallion{width:min(100cqw,calc(100cqh - 19px));max-height:none}.scenario-card>div{display:grid;place-items:center;padding:6px 10px}.scenario-card h2{font-size:18px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.scenario-card :is(small,.journey-kicker){display:none}}
@media(max-height:365px){.scenario-heading{display:none}.scenario-content{grid-template-rows:auto minmax(0,1fr) auto auto}.scenario-brief{grid-template-columns:1fr}.scenario-brief>div:nth-child(2){display:none}.profile-tabs{margin-bottom:7px}}
@media(max-height:759px){.profile-rule,.profile-specialty,.profile-homeland{display:none}.leader-lontar[data-profile=stats] .profile-era{display:none}.selection-chart dl>div{margin-bottom:7px;padding-bottom:4px}.profile-tabs{margin-bottom:12px}}
@media(max-height:539px){.selection-chart dl>div{margin-bottom:6px;padding-bottom:3px}.profile-tabs{margin-bottom:9px}}

/* Transparent character stages: breathing and one signature gesture. */
.selection-stage{padding:0 2% 66px;overflow:hidden}
.figure-window.motion-window{position:relative;width:100%;height:100%;min-height:0;aspect-ratio:auto;max-width:none;overflow:visible;mix-blend-mode:normal;mask-image:none;background:none}
.figure-window .selected-figure{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:none;filter:none;pointer-events:none}
.character-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;background:transparent;touch-action:manipulation;cursor:pointer;transition:opacity .18s ease;filter:drop-shadow(0 8px 10px #00140c55)}
.character-canvas.is-ready{opacity:1}
.motion-fallback-hidden{visibility:hidden}
.figure-nameplate{bottom:8px;left:3%;right:3%;padding:8px 48px 4px;border:0;background:none;pointer-events:none}
.figure-nameplate b{line-height:1.1;margin:3px 0 0}
.stage-replay{position:absolute;right:5%;bottom:13px;display:grid;place-items:center;width:44px;min-width:44px!important;height:44px;min-height:44px!important;padding:10px!important;border:1px solid #c9aa5b66!important;border-radius:50%!important;background:#09271dcc!important;color:#e7ce97!important;z-index:2}
.stage-replay:hover{background:#385236!important}
.stage-replay svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.is-gesturing .stage-replay{border-color:#ffe3a1!important}

/* The poem and its narrator each own a grid column; neither overlays the other. */
.journey-welcome .welcome-scene{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3vw;flex:1;min-height:0;width:100%;padding:14px max(4vw,env(safe-area-inset-right)) 10px max(4vw,env(safe-area-inset-left));isolation:isolate}
.journey-welcome .welcome-scene .welcome-copy{position:relative;inset:auto;width:100%;max-width:none;max-height:100%;min-width:0;margin:0;align-self:center;padding:clamp(16px,3vh,30px) clamp(25px,3vw,48px)!important;z-index:1;box-sizing:border-box}
.journey-welcome .welcome-guide.pujangga-stage{position:relative;inset:auto;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:center;align-self:stretch;pointer-events:auto;z-index:1}
.pujangga-frame{position:relative;width:100%;height:100%;min-height:0;aspect-ratio:auto;max-width:none;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.pujangga-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.journey-welcome .welcome-footer{position:static;inset:auto;align-self:stretch;margin:0 4vw;min-height:40px;height:40px;flex:none;padding:0}
.welcome-copy.guide-waiting{clip-path:inset(0 calc(100% - 18px) 0 0);pointer-events:none}
.welcome-copy:is(.guide-waiting,.guide-speaking)::after{content:"";position:absolute;z-index:4;top:0;bottom:0;left:0;width:18px;border-radius:9px;background:linear-gradient(90deg,#775329,#bd924e 22%,#f3d899 52%,#ae803c 84%,#62471f);box-shadow:5px 0 11px #4d30106b;pointer-events:none}
.welcome-copy.guide-speaking::after{animation:poet-roll .85s cubic-bezier(.2,.7,.25,1) .25s both}
.welcome-copy.guide-speaking{animation:poet-lontar .85s cubic-bezier(.2,.7,.25,1) .25s both}
@keyframes poet-lontar{from{clip-path:inset(0 calc(100% - 18px) 0 0)}to{clip-path:inset(-10px -10px -10px -10px)}}
@keyframes poet-roll{from{left:0;opacity:1}90%{opacity:1}to{left:calc(100% - 18px);opacity:0}}
@media(max-height:759px){.selection-stage{padding-bottom:56px}.figure-nameplate b{font-size:25px}.figure-nameplate span{font-size:12px}.stage-replay{bottom:8px}.journey-welcome .welcome-scene{padding-block:10px}}
@media(max-height:539px){.selection-stage{padding:0 1% 44px}.figure-nameplate{bottom:3px;padding:5px 42px}.figure-nameplate span{display:none}.figure-nameplate b{font-size:21px}.stage-replay{bottom:0;right:3%}.journey-welcome .welcome-scene{gap:2vw;padding-block:7px}.journey-welcome .welcome-scene .welcome-copy{padding:14px 26px!important}.journey-welcome .welcome-copy h1{margin:4px 0 8px}.journey-welcome .welcome-footer{min-height:30px;height:30px}.journey-welcome .welcome-actions button{min-height:40px!important}}
@media(max-height:365px){.journey-welcome .welcome-scene .welcome-copy{padding:12px 24px!important}.journey-welcome .welcome-copy h1{font-size:26px}.figure-nameplate b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.character-canvas{transition:none}.welcome-copy.guide-waiting{clip-path:none;pointer-events:auto}.welcome-copy.guide-speaking{animation:none}.welcome-copy:is(.guide-waiting,.guide-speaking)::after{display:none}}