:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#e9efde;background:#122c30;color-scheme:dark;--mint:#b7d9bd;--gold:#f4d398;--line:#3b5553;--muted:#99b5ad}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 10% 0,#36544a55,transparent 700px),#122c30}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:hover:enabled{filter:brightness(1.1)}header,main{max-width:1236px;margin:auto;padding:0 28px}header{height:83px;border-bottom:1px solid #36524d;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand>span{border:1px solid #9fbe99;color:var(--gold);width:40px;height:43px;display:grid;place-items:center;font:900 23px ui-monospace,monospace;border-radius:12px 12px 3px 12px;background:#274a43}.brand strong{font-size:14px;letter-spacing:2px;display:block}.brand small{font-size:10px;color:var(--muted);display:block;margin-top:4px}nav{display:flex;align-items:center;gap:25px;font-size:11px;color:#c3d0ba}nav button{border:0;background:none;font-size:11px;padding:10px 0}.intro{padding:36px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font:700 10px/1.6 ui-monospace,monospace;letter-spacing:1.8px;color:var(--gold);margin:0 0 12px}h1{font-size:42px;letter-spacing:-1px;line-height:1.2;margin:0}h1 span{font-size:19px;font-weight:450;letter-spacing:1px;color:#ccd9c3;margin-left:24px}.intro>div>p:last-child{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 0 0}.phase-stamp{height:102px;width:120px;flex-shrink:0;border:1px solid #6b7e65;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(8deg);color:#d8ddbd;background:#314e3b33}.phase-stamp>span{font-size:9px;letter-spacing:2px}.phase-stamp strong{font:800 34px/1.15 ui-monospace,monospace;color:var(--gold)}.phase-stamp small{font-size:8px;letter-spacing:1px}.stage{border:1px solid #5c7063;border-radius:14px;overflow:hidden;background:#1d3638;box-shadow:0 22px 70px #071e2680}.hud{display:flex;align-items:center;gap:30px;height:78px;padding:13px 25px;background:#203c3b;border-bottom:1px solid #56685a}.level-label{display:flex;align-items:center;gap:14px;min-width:175px}.level-label>span{font:400 31px ui-monospace,monospace;color:var(--gold);border-right:1px solid #536d5e;padding-right:14px}.hud small{display:block;font-size:9px;font-weight:400;color:#a3b9a5;margin-bottom:4px;letter-spacing:.7px}.level-label strong{font-size:16px;letter-spacing:1px}.energy-group{width:200px;margin-left:auto}.energy-group>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#afc4ae;margin-bottom:7px}.energy-group b{color:#ddebc9;font:700 11px ui-monospace,monospace}.energy-track{height:8px;background:#142a2c;border-radius:5px;overflow:hidden;border:1px solid #58705b}.energy-track i{display:block;width:100%;height:100%;background:#b2cf83;transition:width .1s linear}.energy-track.low i{background:#e4a17f}.hud-stat{min-width:90px}.hud-stat strong{font:700 16px ui-monospace,monospace;color:#e8d6ac}.hud-stat #lives{font-size:13px;color:#e9b49a;white-space:nowrap}#pause{border:1px solid #617766;border-radius:8px;background:#3d5b4e;width:38px;height:38px;font-weight:850}.canvas-wrap{position:relative;aspect-ratio:16/9;background:#102f31;isolation:isolate}canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;outline:none;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#102a3540;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.overlay-panel{padding:29px 40px;background:#183538f5;border:1px solid #a4b69b;border-radius:13px;text-align:center;max-width:430px;box-shadow:0 20px 55px #09202a70}.overlay-panel .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:14px}.overlay-panel h2{margin:0 0 16px;font-size:32px;font-weight:700;color:#f1e7c7;letter-spacing:-1px}.overlay-panel p:not(.eyebrow){font-size:12px;color:#c0d0b8;line-height:1.85;margin:0 0 20px}.primary{display:block;width:100%;background:var(--gold);color:#304136;border:1px solid #ffedb9;border-radius:7px;box-shadow:0 4px 0 #a68d5f;padding:13px 18px;font-size:13px;font-weight:800}.secondary{display:block;width:100%;background:transparent;border:1px solid #7a8c75;color:#d4e1c5;border-radius:7px;padding:9px;margin-top:13px;font-size:11px}.overlay-panel>small{display:block;font-size:9px;color:#91ad9d;margin-top:17px}.under-hud{display:flex;justify-content:space-between;gap:20px;padding:12px 25px;background:#263e3c;font-size:10px;color:#c3cead;border-top:1px solid #6e7a5a55}.under-hud>div{display:flex;gap:23px;color:#a3b8a6}.controls{display:flex;align-items:center;justify-content:space-between;padding:18px 25px 19px;gap:20px;border-bottom:1px solid #4c6255;background:linear-gradient(#2a4540,#203b39);user-select:none;-webkit-user-select:none}.controls button{touch-action:none;user-select:none;-webkit-user-select:none}.direction-buttons{display:flex;gap:9px;align-items:center}.direction-buttons button{width:55px;height:47px;border:1px solid #788e73;background:#496655;border-radius:8px;color:#dce3c0;font-size:17px;box-shadow:0 4px 0 #102b2a}.direction-buttons .brake{width:38px;font-size:19px;background:#324f46;border-color:#58715c}.controls small{display:block;font-size:8px;font-weight:500;margin-top:2px}.direction-buttons .brake small{font-size:7px}.control-hint{color:#a4b9a6;font-size:10px;text-align:center}.control-hint span{display:block;color:#d1d8ba;margin-top:6px}.control-hint small{font-size:8px;color:#819e91;margin-top:9px}.action-buttons{display:flex;gap:15px;align-items:center}.action-buttons button{width:60px;height:60px;border-radius:50%;font-size:24px;font-weight:800;line-height:1;box-shadow:0 5px 0 #83674a;border:1px solid #f9e4b5;color:#39463a;background:#efd3a1}.action-buttons .fire{height:50px;width:50px;font-size:20px;background:#9ec9b7;border-color:#c6e5cf;box-shadow:0 5px 0 #4c776b}.action-buttons button small{font-size:7px;margin-top:4px}.controls button.held{transform:translateY(3px);box-shadow:0 1px 0 #142d2d;filter:brightness(1.2)}.stage-footer{padding:12px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#1a3335;color:#92afa0;font-size:10px;min-height:47px}.stage-footer>div{display:flex;gap:12px}.stage-footer button{border:0;background:none;padding:5px;color:#cfdbbf;font-size:10px;white-space:nowrap}.scene-toast{position:absolute;left:50%;top:12%;transform:translateX(-50%);padding:10px 20px;background:#173d3bec;border:1px solid #b7c999;border-radius:8px;box-shadow:0 4px 18px #152e3833;color:#f1e5c0;font-size:12px;z-index:2;white-space:nowrap}.journey{padding:38px 0 35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading .eyebrow{font-size:9px;margin-bottom:7px}h2{font-size:23px;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:10px;color:#829f91}.level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.route{background:#263e3b;border:1px solid #4e6656;border-radius:11px;overflow:hidden}.route-art{height:120px;background:#d1bd8e;position:relative;overflow:hidden;border-bottom:1px solid #789676}.route-art .sun{position:absolute;right:50px;top:20px;width:37px;height:37px;background:#f8e2ae;box-shadow:6px 0 #f8e2ae,-6px 0 #f8e2ae,0 6px #f8e2ae,0 -6px #f8e2ae}.route-art i{position:absolute;width:65px;height:160px;left:40px;top:53px;background:#5b8166;box-shadow:8px -12px #5b8166,-8px -12px #5b8166}.route-art i:nth-of-type(2){left:170px;top:79px;background:#79916b;box-shadow:8px -12px #79916b,-8px -12px #79916b}.route-art i:nth-of-type(3){left:290px;top:37px;background:#79916b;box-shadow:8px -12px #79916b,-8px -12px #79916b}.route-art b{position:absolute;left:22px;top:16px;font:400 35px ui-monospace,monospace;color:#f9ecc4}.cave .route-art{background:#243f56}.cave .route-art i{background:#446c7e;box-shadow:8px -12px #446c7e,-8px -12px #446c7e;transform:rotate(21deg);left:90px}.cave .route-art i:nth-of-type(2){left:240px;top:40px;transform:rotate(-15deg)}.cave .crystal{position:absolute;left:190px;top:45px;width:25px;height:90px;background:#96c4b8;transform:rotate(15deg);box-shadow:12px 14px #688b9c}.coast .route-art{background:#b5d4c5}.coast .route-art i{top:82px;left:-10px;width:150%;height:8px;background:#7daeb0;box-shadow:0 11px #80b5b3,0 26px #91c1bb,0 40px #5d929d}.coast .route-art i:nth-of-type(2){display:none}.coast .route-art i:nth-of-type(3){width:20px;height:100px;left:70%;top:62px;transform:rotate(-8deg);background:#697f67;box-shadow:40px -15px #7d9b79}.route-copy{padding:19px 20px}.route-tag{font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#b9c599;margin:0 0 10px}.route h3{font-size:18px;margin:0 0 12px;color:#e9e3c7}.route-copy>p:not(.route-tag){font-size:11px;line-height:1.9;color:#a2baaa;margin:0 0 18px;min-height:42px}.route-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.route-copy>div>span{font-size:9px;color:#8ca78f}.route-copy button{border:0;background:none;padding:6px 0;color:#e5d4a8;font-size:10px;font-weight:600;white-space:nowrap}.field-notes{border-top:1px solid #3a574d;border-bottom:1px solid #3a574d;padding:29px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.field-notes>div>span{font:9px ui-monospace,monospace;color:#c5c99f}.field-notes h3{font-size:18px;font-weight:500;line-height:1.6;color:#d2dfc4;margin:14px 0}.field-notes p{font-size:11px;line-height:1.9;color:#8fac9b;margin:0}footer{padding:25px 0 33px;display:flex;justify-content:space-between;gap:20px;color:#829d8e;font-size:9px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 22px}.result-stats div{font-size:9px;color:#9db8a3}.result-stats strong{display:block;font:700 20px ui-monospace,monospace;color:#e5d39f;margin-top:6px}dialog{max-width:520px;width:calc(100% - 30px);padding:30px;background:#203c3b;color:#e8eed7;border:1px solid #8ea184;border-radius:13px;box-shadow:0 20px 70px #071b2780}dialog::backdrop{background:#071c2caa;backdrop-filter:blur(5px)}dialog h2{margin-bottom:20px}dialog dl{font-size:12px;margin:0}dialog dl>div{display:grid;grid-template-columns:85px 1fr;gap:10px;padding:12px 0;border-top:1px solid #4c6556}dialog dt{color:#e0d19f}dialog dd{margin:0;color:#adbfaa;line-height:1.7}.help-note{font-size:10px;color:#8eaa99;line-height:1.8;margin:20px 0}.close{position:absolute;right:15px;top:11px;background:transparent;border:0;font-size:26px;color:#a8bca6}.stage:fullscreen{height:100vh;width:100vw;border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;background:#122c30;overflow:auto}.stage:fullscreen .hud{height:60px;min-height:60px;padding:10px 30px}.stage:fullscreen .canvas-wrap{aspect-ratio:16/9;max-height:calc(100vh - 235px);height:100%;width:100%;min-height:0}.stage:fullscreen .under-hud{padding:8px 30px}.stage:fullscreen .controls{padding:10px 30px;min-height:88px}.stage:fullscreen .stage-footer{min-height:30px;padding:5px 30px}@media(max-width:900px){.hud{gap:18px;padding:12px 18px;height:70px}.level-label{min-width:150px}.energy-group{width:160px}.hud-stat{min-width:75px}.level-label strong{font-size:14px}.hud-stat strong{font-size:14px}.route-copy{padding:17px 15px}.route-copy>div{flex-direction:column;align-items:flex-start;gap:4px}.level-cards{gap:13px}.field-notes{gap:27px}h1 span{display:block;margin:10px 0 0;font-size:17px}.overlay-panel{padding:23px 35px}.overlay-panel h2{font-size:27px}.controls{padding:15px 18px}.under-hud{padding:11px 18px}.stage-footer{padding:10px 18px}.score-stat{display:none}}@media(max-width:650px){header,main{padding-left:16px;padding-right:16px}header{height:70px}.brand strong{font-size:12px}.brand small{font-size:8px}nav{gap:13px;font-size:9px}nav button{font-size:9px}.intro{padding:26px 0 24px;gap:10px}.intro .eyebrow{font-size:7px;letter-spacing:1.3px}h1{font-size:33px}h1 span{font-size:13px;letter-spacing:.4px;margin-top:8px}.intro>div>p:last-child{font-size:10px;margin-top:13px}.phase-stamp{width:85px;height:85px}.phase-stamp small{font-size:6px}.phase-stamp>span{font-size:7px}.phase-stamp strong{font-size:28px}.desktop{display:none}.hud{height:58px;padding:9px 12px;gap:12px}.level-label{min-width:105px;gap:8px}.level-label>span{font-size:21px;padding-right:8px}.level-label strong{font-size:11px;letter-spacing:0}.hud small{font-size:7px;margin-bottom:3px}.energy-group{width:90px}.energy-group>div:first-child{font-size:8px;margin-bottom:5px}.energy-group b{font-size:8px}.energy-track{height:6px}.hud-stat{min-width:50px}.hud-stat #lives{font-size:9px}.hud #pause{width:27px;height:29px;font-size:12px;flex-shrink:0}.under-hud{font-size:8px;padding:9px 12px;gap:9px}.under-hud>div{gap:9px}.controls{padding:16px 12px 18px;gap:9px}.direction-buttons{gap:6px}.direction-buttons button{width:43px;height:44px;font-size:16px}.direction-buttons .brake{width:30px;font-size:15px}.direction-buttons .brake small{font-size:6px}.control-hint{display:none}.action-buttons{gap:10px}.action-buttons .jump{height:53px;width:53px}.action-buttons .fire{height:47px;width:47px}.stage-footer{font-size:8px;line-height:1.7;padding:9px 12px;gap:8px}.stage-footer>span{max-width:65%}.stage-footer>div{gap:5px}.stage-footer button{font-size:8px;padding:3px}.canvas-wrap{aspect-ratio:4/3}.canvas-wrap canvas{object-fit:cover;/* retain complete world view via letterboxed canvas below */object-fit:contain;background:#1b3b39}.overlay{padding:10px;backdrop-filter:blur(2px)}.overlay-panel{padding:18px 20px;max-width:290px}.overlay-panel .eyebrow{font-size:7px;margin-bottom:9px}.overlay-panel h2{font-size:21px;margin-bottom:10px}.overlay-panel p:not(.eyebrow){font-size:10px;margin-bottom:14px;line-height:1.7}.primary{font-size:11px;padding:10px 14px}.overlay-panel>small{font-size:7px;margin-top:12px}.secondary{font-size:9px;margin-top:10px;padding:7px}.result-stats{gap:10px;margin-bottom:14px}.result-stats strong{font-size:17px}.result-stats div{font-size:8px}.scene-toast{font-size:9px;padding:7px 12px;top:8%}.journey{padding:28px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading h2{font-size:20px}.section-heading .eyebrow{font-size:8px}.section-heading>span{font-size:9px}.level-cards{grid-template-columns:1fr}.route{display:grid;grid-template-columns:31% 1fr;min-height:174px}.route-art{height:100%;min-height:174px;border-bottom:0;border-right:1px solid #4f715c}.route-art b{left:15px;top:17px;font-size:29px}.route-art .sun{width:23px;height:23px;top:73px;right:23px}.route-art i{left:20px;top:140px;width:36px}.route-copy{padding:18px}.route-copy>p:not(.route-tag){min-height:0;margin-bottom:12px;font-size:10px}.route-tag{font-size:7px;letter-spacing:1px;margin-bottom:8px}.route h3{font-size:17px;margin-bottom:8px}.route-copy>div{flex-direction:row;align-items:center}.route-copy button{font-size:9px}.route-copy>div>span{font-size:8px}.field-notes{grid-template-columns:1fr;gap:25px;padding:25px 4px}.field-notes h3{font-size:17px;margin:9px 0}.field-notes h3 br{display:none}.field-notes p{font-size:10px}footer{flex-direction:column;gap:9px;font-size:8px;padding-top:21px}dialog{padding:25px 20px}dialog dl{font-size:10px}dialog dl>div{grid-template-columns:70px 1fr}.stage:fullscreen .canvas-wrap{aspect-ratio:16/9;max-height:calc(100vh - 210px)}.stage:fullscreen .controls{padding:10px 15px}.stage:fullscreen .hud{padding:9px 15px}.stage:fullscreen .under-hud{padding:7px 15px}.stage:fullscreen .stage-footer{padding:5px 15px}.stage:fullscreen .control-hint{display:none}}@media(max-width:370px){header nav a{display:none}.hud{gap:8px}.level-label{min-width:91px}.level-label strong{font-size:10px}.energy-group{width:65px}.hud-stat{min-width:47px}.under-hud{font-size:7px}.under-hud>div{gap:6px}.direction-buttons button{width:36px;height:42px}.direction-buttons .brake{width:26px}.action-buttons .jump{width:48px;height:48px}.action-buttons .fire{width:43px;height:43px}.action-buttons{gap:9px}.overlay-panel{padding:17px 16px}.overlay-panel p:not(.eyebrow){font-size:9px}.overlay-panel h2{font-size:19px}.overlay-panel>small{display:none}.route-copy{padding:15px 13px}.route-copy>div{flex-direction:column;align-items:flex-start}}@media(max-height:550px) and (orientation:landscape){.stage:fullscreen .hud{height:45px;min-height:45px}.stage:fullscreen .canvas-wrap{max-height:calc(100vh - 105px)}.stage:fullscreen .under-hud,.stage:fullscreen .stage-footer{display:none}.stage:fullscreen .controls{height:60px;min-height:60px;padding:5px 25px}.stage:fullscreen .action-buttons button{height:44px;width:44px}.stage:fullscreen .action-buttons .fire{height:40px;width:40px}.stage:fullscreen .direction-buttons button{height:40px;width:43px}.stage:fullscreen .direction-buttons .brake{width:29px}.stage:fullscreen .controls small{font-size:6px}}
.overlay-panel{max-height:100%;overflow:auto;overscroll-behavior:contain}
/* Niko's field kit: mint cloth, coral actions, cream paper and dark ink. */
.progress-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0 25px}.progress-actions .secondary{margin:0}.route.locked .route-art{filter:saturate(.35);opacity:.65}.route.locked .route-copy>p:not(.route-tag){color:#93a89c}button:disabled{cursor:default;opacity:.48}.route-copy button:disabled{color:#a3b5a6;border-color:#587163}.hud{background:linear-gradient(110deg,#183b3a,#203f3c);border-bottom:2px solid #698878}.level-label>span{color:#d9c691}.energy-track{background:#102d30;border:1px solid #52756a;box-shadow:inset 0 2px #10252a}.energy-track i{background:linear-gradient(90deg,#8abb91,#c6d696);border-top:1px solid #d4e7b2}.controls{background:#193b3a;border-top:1px solid #66836f}.direction-buttons button,.action-buttons button{border:1px solid #799b82;box-shadow:inset 0 2px #b3c5a044,inset 0 -4px #09292d66,0 3px #102a2c;border-radius:12px;background:#365b50;color:#e6ebd1}.action-buttons .fire{background:#8c6354;border-color:#d1a185}.action-buttons .jump{background:#6c8c70;border-color:#b2c499}.controls button.held{box-shadow:inset 0 3px #0b272e66;transform:translateY(3px);filter:brightness(1.15)}.stage{border-color:#6c8871;box-shadow:0 18px 55px #061c2444,0 0 0 5px #42624c22}.primary{background:#d9d0a4;color:#24443c;box-shadow:inset 0 2px #f7edc5,inset 0 -3px #8c956b;border:1px solid #f1dfb0}.overlay-panel{border-color:#8da385;background:linear-gradient(140deg,#23483fee,#153735f5)}.overlay{background:#102d3044}.under-hud{background:#21463f}.scene-toast{border-color:#aac097;background:#183d37ee;color:#f0e5bd}.route-art{background-image:linear-gradient(0deg,#395e4d44,transparent)}
@media(max-width:650px){.progress-actions{gap:12px}.progress-actions .primary{font-size:10px}.controls button small{font-size:8px}.action-buttons .fire{width:49px;height:49px}.direction-buttons .brake small{font-size:7px}.energy-track{height:7px}.intro>div>p:last-child{line-height:1.9}.hud-stat #lives{letter-spacing:-1px}.overlay-panel{box-shadow:0 8px 25px #071f2766}}
@media(max-width:370px){.controls{padding-left:10px;padding-right:10px;gap:5px}.direction-buttons{gap:5px}.action-buttons{gap:7px}.action-buttons .fire{width:43px;height:43px}.progress-actions{align-items:flex-start;gap:10px}.hud{gap:6px}.level-label{min-width:87px}.energy-group{width:62px}.hud-stat{min-width:42px}}
.save-warning{margin:0;padding:10px 16px;background:#694b3e;color:#ffedc6;font-size:11px;line-height:1.7;border-top:1px solid #ae8a67}.save-warning[hidden]{display:none}
.direction-buttons .brake{padding:0}.controls button small{white-space:nowrap}
.forest .route-art,.cave .route-art,.coast .route-art{background-image:linear-gradient(0deg,#143c3544,#193b3911),url('/adventure/assets/three-postal-worlds-v2.png?v=d47ce89895912427');background-size:100% 100%,auto 320%;background-position:center,center top}.cave .route-art{background-position:center,center 47.5%}.coast .route-art{background-position:center,center bottom}.route-art .sun,.route-art .crystal,.route-art i{display:none}.route-art b{color:#fff0c5;text-shadow:0 2px 7px #102a2c99;opacity:.9}
/* Eight-region postal atlas: four routes on screen, rather than a 32-card feed. */
.region-browser{padding:20px;border:1px solid #587762;border-radius:12px;background:linear-gradient(145deg,#27463e99,#193a3899)}
.region-picker{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid #56735c88}
.region-picker>label{font-size:11px;color:#bacbae;letter-spacing:1px}.region-picker>div{display:flex;align-items:center;gap:8px;min-width:0}
.region-picker select{min-width:220px;width:100%;max-width:360px;min-height:44px;border:1px solid #97ac87;border-radius:8px;background:#2d5045;color:#f0e7c9;padding:9px 13px;font:600 13px system-ui,sans-serif;outline-offset:3px}
.region-picker button{flex:none;width:43px;height:44px;border:1px solid #76916f;border-radius:8px;background:#294d43;color:#e6d9ad;font-size:18px;box-shadow:inset 0 -3px #15372f55}
.region-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:23px 0 18px}.region-heading h3{font-size:23px;color:#e9e3c6;margin:0 0 9px}.region-heading p{font-size:11px;line-height:1.8;color:#aec5ae;margin:0;max-width:620px}.region-heading>span{font:10px ui-monospace,monospace;color:#c3c79b;white-space:nowrap}
.level-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.level-cards>.route{display:grid;grid-template-columns:30% minmax(0,1fr);min-height:200px}.level-cards>.route[hidden]{display:none}.level-cards .route-art{height:100%;min-height:200px;border-bottom:0;border-right:1px solid #5e7e64}.level-cards .route-copy{padding:19px 18px}.level-cards .route-copy>p:not(.route-tag){min-height:63px;line-height:1.8}.level-cards .route-copy>div{flex-direction:column;align-items:flex-start;gap:5px}.level-cards .route-copy button{font-size:11px;min-height:34px}.route-browser-note{font-size:10px;line-height:1.8;color:#94b19f;margin:18px 0 0}.route.locked .route-copy>p:not(.route-tag){color:#9bb1a1}.route-copy button:disabled{opacity:.75}.route.locked .route-art b{color:#dce0c7}
@media(max-width:900px){.region-heading{align-items:flex-start;flex-direction:column;gap:10px}.region-heading h3{font-size:21px}.level-cards>.route{grid-template-columns:27% minmax(0,1fr)}.level-cards .route-copy{padding:17px 14px}.level-cards .route-art b{left:12px;font-size:28px}}
@media(max-width:650px){.region-browser{padding:15px 12px}.region-picker{display:block;padding-bottom:15px}.region-picker>label{display:block;font-size:10px;margin-bottom:9px}.region-picker>div{gap:7px}.region-picker select{min-width:0;flex:1;max-width:none;font-size:12px;padding:9px 8px}.region-picker button{width:39px;min-width:39px}.region-heading{margin:19px 1px 15px;gap:10px}.region-heading h3{font-size:20px;margin-bottom:7px}.region-heading p{font-size:10px;line-height:1.8}.region-heading>span{font-size:9px}.level-cards{grid-template-columns:1fr;gap:12px}.level-cards>.route{grid-template-columns:28% minmax(0,1fr);min-height:176px}.level-cards .route-art{min-height:176px}.level-cards .route-copy{padding:16px 14px}.level-cards .route-copy>p:not(.route-tag){min-height:0;font-size:10px;margin-bottom:11px}.level-cards .route-copy>div{gap:3px}.level-cards .route-copy button{font-size:10px;min-height:30px}.level-cards .route-art b{left:11px;top:17px;font-size:27px}.route-browser-note{font-size:9px;margin-top:15px}.journey>.progress-actions{margin-bottom:18px}}
@media(max-width:370px){.region-browser{padding:13px 9px}.region-picker button{width:35px;min-width:35px}.region-picker>div{gap:5px}.region-picker select{font-size:11px;padding-left:7px}.level-cards>.route{grid-template-columns:25% minmax(0,1fr)}.level-cards .route-copy{padding:15px 12px}.level-cards .route-art b{font-size:23px;left:10px}.region-heading h3{font-size:19px}.region-heading p{font-size:10px}}
/* Route covers use the same original biome paintings as the playable scenes. */
.wetland .route-art,.canyon .route-art,.observatory .route-art{background-image:linear-gradient(0deg,#143c3544,#193b3911),url('/adventure/assets/wetland-canyon-stars-v3.webp?v=564b8121b6802222');background-size:100% 100%,auto 320%;background-position:center,center top}.canyon .route-art{background-position:center,center 47.5%}.observatory .route-art{background-position:center,center bottom}
.sky .route-art,.snow .route-art,.orchard .route-art,.volcano .route-art{background-image:linear-gradient(0deg,#143c3544,#193b3911),url('/adventure/assets/sky-snow-orchard-embers-v3.webp?v=e3ddf9d7f5e7b498');background-size:100% 100%,auto 420%;background-position:center,center top}.snow .route-art{background-position:center,center 33.33%}.orchard .route-art{background-position:center,center 66.67%}.volcano .route-art{background-position:center,center bottom}

.companion-help{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 24px;font-size:10px;color:#bbccb1;border-top:1px solid #4a6b5a;background:#1b3b38}.companion-help button{background:#405c50;color:#f1e2b4;border:1px solid #96ab86;border-radius:6px;padding:5px 10px;font:inherit;white-space:nowrap}.companion-help [hidden]{display:none}@media(max-width:650px){.companion-help{padding:7px 12px;font-size:8px}.under-hud{flex-wrap:wrap;row-gap:5px}.under-hud>span{max-width:100%;line-height:1.6}}

.loadout{display:flex;flex-wrap:wrap;align-items:center;gap:9px;background:#23443d;padding:12px 24px;border-top:1px solid #577463;font-size:10px;color:#d0d9b9}.loadout label{display:flex;align-items:center;gap:5px}.loadout select,.loadout button{font:inherit;padding:6px;border:1px solid #8b9c7d;background:#2e5147;color:#ede2b8;border-radius:5px;max-width:160px}.loadout small{flex-basis:100%;font-size:9px;color:#a8bca4;line-height:1.6}@media(max-width:650px){.loadout{padding:10px 12px;gap:7px;font-size:9px}.loadout strong{width:100%}.loadout select{max-width:120px}.loadout small{font-size:8px}}

.companion-help{flex-wrap:wrap}.companion-help #effect-status{color:#f0d6a1;font-weight:700}.controls button small{letter-spacing:0}

.controls .fire{padding-left:2px;padding-right:2px}.controls .fire small{line-height:1.05;white-space:normal}@media(max-width:370px){.controls .fire small{font-size:7px}}