@import url('./responsive.css');

:root{font-family:Arial,Helvetica,sans-serif;color:#28453d;background:#f3f1e7;font-synthesis:none;--paper:#f3f1e7;--ink:#28453d;--muted:#7a877b;--line:#dcded0;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,input,select{outline-offset:5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #bd885a}button{color:inherit}button:disabled{cursor:default;opacity:.32}.hidden{display:none!important}.topbar{height:96px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;padding:0;text-align:left}.brand svg{width:42px;height:42px}.brand>span{font:600 25px var(--serif);letter-spacing:-.6px}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:5px;color:#7c8c7b}.topbar nav{display:flex;gap:32px;height:100%;align-items:center}.nav-item{border:0;background:none;padding:12px 0;font-size:13px;position:relative;color:#778278;white-space:nowrap}.nav-item.active{color:var(--ink)}.nav-item.active:after{position:absolute;content:'';height:4px;width:4px;border-radius:100%;background:var(--ink);bottom:0;left:calc(50% - 2px)}.nav-item span{margin-left:6px;color:#91a18e}.sound-button{border:1px solid #d4dacc;border-radius:30px;padding:9px 14px;background:transparent;display:flex;gap:8px;align-items:center;font-size:11px;white-space:nowrap}.sound-button>span:first-child{font-size:17px}.sound-button[aria-pressed=true]{background:#e3e8d8}.journey-screen{padding:24px 26px 0}.stage{position:relative;width:100%;height:calc(100svh - 197px);min-height:540px;max-height:1040px;background:#264b46;overflow:hidden;border-radius:5px;isolation:isolate}.stage>canvas{display:block;width:100%;height:100%;object-fit:cover}.stage.is-game>canvas{object-fit:contain}.stage-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,47,45,.72),rgba(25,54,47,.3) 40%,transparent 70%),linear-gradient(0deg,rgba(15,39,37,.23),transparent 70%);pointer-events:none}.home-overlay{position:absolute;top:17%;left:6.1%;color:#f4efda;max-width:620px}.chapter-label{font-size:9px;letter-spacing:2.1px;display:flex;align-items:center;gap:11px;color:#d6dfbe}.tiny-orbit{height:13px;width:13px;border:1px solid #d6dfbe;border-radius:100%;display:inline-block;position:relative}.tiny-orbit:before{content:'';width:4px;height:4px;background:#d6dfbe;position:absolute;top:3.5px;left:3.5px;border-radius:100%}h1,h2,h3,p{margin-top:0}.home-overlay h1{font:clamp(40px,4.7vw,77px)/1.1 var(--serif);letter-spacing:-2px;margin:27px 0 22px;font-weight:400}.home-overlay h1 em{font-weight:400;color:#d7ddb2}.home-description{font-size:14px;line-height:1.85;color:#d2dbc7;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px}.button{border-radius:4px;min-height:48px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid transparent;font-size:12px;font-weight:600;text-decoration:none;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-cream{background:#eee9cd;color:#28483e;box-shadow:0 3px 15px #1a33211a}.button-cream:hover{background:#fff6d7}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#365b4d}.button-outline{border-color:#bec8b6;background:transparent}.text-button{border:0;background:none;color:#d9e0c7;font-size:11px;padding:10px 0}.text-button span{margin-left:5px}.home-footnote{display:flex;align-items:center;gap:11px;font-size:10px;color:#b9cbb3;letter-spacing:.1px;margin-top:43px}.four-dots{display:inline-flex;align-items:center;gap:4px}.four-dots i{height:6px;width:6px;background:#e6ae7e;border-radius:100%}.four-dots i:nth-child(2){background:#a6d9cb}.four-dots i:nth-child(3){background:#c2c793}.four-dots i:nth-child(4){background:#c8b7d6}.location-card{position:absolute;right:4%;top:7%;color:#e8ecd3;text-align:right;font-size:10px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.location-mark{font-size:10px;letter-spacing:3px;color:#d1ddbc}.location-card strong{font:25px var(--serif);font-weight:400;margin-top:4px}.location-card>span:not(.location-mark){font-size:11px;color:#c2d3bd}.location-card small{font-size:10px;line-height:1.7;color:#b7cbb6}.mini-line{width:33px;height:1px;background:#d2dab576;margin:8px 0}.home-caption{position:absolute;bottom:29px;right:4%;display:flex;align-items:center;gap:12px;font-size:10px;color:#cad8bd}.home-caption span{font-size:22px}.journey-footer{min-height:76px;display:flex;align-items:center;gap:27px;padding:8px 8px;font-size:11px}.footer-title{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;white-space:nowrap}.footer-title i{width:6px;height:6px;background:#8a9d73;border-radius:100%}.journey-footer p{margin:0;color:#87907e}.journey-footer #keyboard-hint{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:10px;color:#778370}.journey-footer #keyboard-hint>span{margin:0 8px;color:#b1bbaa}kbd{font-family:inherit;font-size:10px;font-weight:400;display:inline-block;border:1px solid #bbc5b2;border-radius:3px;padding:3px 5px;min-width:19px;text-align:center}.help-button{border:1px solid #b9c3b1;background:none;border-radius:100%;width:25px;height:25px;font-size:11px}.game-overlay{position:absolute;inset:0;pointer-events:none;color:#f1efd9}.game-overlay button{pointer-events:auto}.game-hud{position:absolute;left:3%;right:3%;top:4%;display:flex;align-items:flex-start;gap:25px}.vitality{width:126px;filter:drop-shadow(0 2px 5px #16372a77)}.hud-label{font-size:8px;letter-spacing:2px;color:#dee6c6}.health{display:flex;gap:6px;margin:9px 0 12px}.health span{height:13px;width:13px;border-radius:45% 55% 45% 60%;background:#f1e8ba;display:inline-block;box-shadow:0 0 7px #efdf9850}.health span.empty{background:#d9e0b82b;box-shadow:none;border:1px solid #d9e0b854}.warmth-track{height:3px;background:#d9e0b830;border-radius:5px;width:112px;overflow:hidden}.warmth-track>div{height:100%;background:#eccd88;transition:width .2s}.vitality #warmth-label{font-size:8px;display:block;color:#d7dec1;margin-top:7px;letter-spacing:1px}.room-heading{margin:auto;text-align:center;padding-top:2px;text-shadow:0 1px 10px #284c3c99}.room-heading>span{font-size:8px;letter-spacing:2px;color:#e6e9cc}.room-heading h2{font:24px var(--serif);font-weight:400;margin:8px 0}.icon-button{border:1px solid #e9edd14d;border-radius:100%;width:35px;height:35px;background:#233e3c66;color:#e9edd1;font-size:12px}.room-note{position:absolute;top:22%;left:4%;width:250px;font-size:11px;line-height:1.8;color:#ecebd5;text-shadow:0 2px 4px #203e3b;background:linear-gradient(90deg,#244b4388,transparent);padding:10px 14px;border-left:1px solid #eee4af66}.interaction{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);padding:11px 20px;border:1px solid #e1dfb466;border-radius:4px;background:#203d38dc;box-shadow:0 4px 25px #1a332640;font-size:12px;text-align:center;white-space:nowrap}.game-bottom{position:absolute;left:3%;right:3%;bottom:5%;display:flex;align-items:center;justify-content:space-between;gap:12px}.form-picker{display:flex;gap:8px}.form-picker>button{border:1px solid #c6d7be50;border-radius:7px;display:flex;align-items:center;gap:10px;background:#213f3caa;color:#e6edcc;padding:8px 10px}.form-picker>button.selected{border-color:#e4e3b9;background:#49675cca}.form-picker>button>span{font:22px var(--serif)}.form-picker kbd{border:none;font-size:8px;color:#d8dec0;padding:0;min-width:0}.game-bottom>span{font-size:11px;text-shadow:0 1px 6px #254935}.map-button{font-size:10px;color:#f3edcf;background:#24463fcc;border:1px solid #c6d7be50;padding:8px 10px;border-radius:4px}.map-button kbd{margin-left:10px;border-color:#d0d7b766}.cinematic-overlay{position:absolute;inset:0;color:#eae9d2;pointer-events:none}.cinematic-overlay button,.cinematic-overlay input{pointer-events:auto}.cinematic-heading{position:absolute;top:3.6%;left:4%;right:4%;display:flex;gap:24px;align-items:center;font-size:10px;letter-spacing:.4px}.cinematic-heading>span:first-child{font-size:8px;letter-spacing:2px;opacity:.65}.cinematic-heading button{margin-left:auto;font-size:10px;background:none;border:0;color:#ece8ce}.subtitles{position:absolute;left:10%;right:10%;bottom:15%;text-align:center;font:clamp(15px,1.8vw,26px)/1.6 var(--serif);white-space:pre-line;text-shadow:0 2px 10px #152c2b,0 0 28px #193930}.timeline-bar{position:absolute;left:4%;right:4%;bottom:4%;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:1px}.timeline-bar button{border:0;background:none;color:#e5e6cd;width:24px;height:28px}.timeline-bar input{accent-color:#d1d8ac;flex:1;height:3px;min-width:50px}.timeline-bar #timeline-time{min-width:90px;text-align:right}.toast{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);background:#f0edd8f5;border:1px solid #dddcc0;box-shadow:0 6px 35px #14332744;border-radius:5px;padding:15px 24px;font-size:12px;line-height:1.5;text-align:center;max-width:650px;width:max-content;max-width:80%;z-index:8}.mobile-controls{position:absolute;bottom:20%;left:2%;right:2%;display:none;justify-content:space-between;pointer-events:none}.mobile-controls>div{display:flex;gap:8px}.mobile-controls button{width:44px;height:44px;border:1px solid #e4e9c958;border-radius:100%;background:#284e4499;color:#f0eac9;pointer-events:auto;touch-action:none;font-size:18px}.atlas-screen{max-width:1540px;margin:0 auto;padding:54px 5% 45px}.atlas-heading{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:37px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#899079;font-weight:500}.atlas-heading h1{font:52px/1.1 var(--serif);font-weight:400;letter-spacing:-1.5px;margin:18px 0 0}.atlas-heading h1 em{color:#7a8b64}.atlas-intro{max-width:415px;font-size:12px;line-height:1.85;color:#7b8576}.atlas-intro>p{margin-bottom:16px}.seed-controls label{font-size:9px;letter-spacing:.5px;display:block;color:#8a947e}.seed-controls>div{display:flex;gap:5px;margin-top:5px}.seed-controls input{background:#e8ecdf;border:1px solid #d4dcc9;border-radius:3px;padding:8px 10px;min-width:70px;width:145px;font:11px monospace;color:#375543}.seed-controls button{font-size:10px;background:transparent;border:1px solid #c7d1bc;border-radius:3px;padding:8px 11px;white-space:nowrap}.seed-status{font-size:9px;color:#89967f;margin:5px 0 0!important;min-height:16px}.atlas-stats{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin-bottom:33px;gap:15px}.atlas-stats>div{display:flex;gap:12px;align-items:center;border-right:1px solid var(--line);padding-right:10px}.atlas-stats>div:last-child{border:0}.atlas-stats strong{font:27px var(--serif);color:#506448}.atlas-stats span{font-size:10px;color:#87937c;line-height:1.6;max-width:100px}.atlas-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}.biome-sidebar>.eyebrow{padding:10px 13px 18px}.biome-list{display:flex;flex-direction:column;gap:4px}.biome-item{display:flex;text-align:left;align-items:center;gap:12px;padding:12px 11px;border:1px solid transparent;border-radius:4px;background:none}.biome-item.active{background:#e5e9da;border-color:#d7ddc8}.biome-item:hover{background:#e9ecdf}.biome-icon{height:29px;width:29px;border-radius:100%;background:var(--biome-color);color:#355247;display:grid;place-items:center;font:18px var(--serif);flex-shrink:0}.biome-item strong{display:block;font-size:11px;font-weight:500}.biome-item small{display:block;font-size:8px;color:#8a927d;margin-top:5px;line-height:1.4}.sidebar-footnote{font-size:10px;line-height:1.8;color:#8f9781;padding:20px 12px;border-top:1px solid var(--line);margin-top:13px}.preview-area{min-width:0}.preview-stage{position:relative;border-radius:5px;overflow:hidden;background:#284b47;aspect-ratio:16/9}.preview-stage>canvas{width:100%;height:100%;display:block;object-fit:cover}.preview-heading{position:absolute;top:7%;left:4%;color:#f0edd7;text-shadow:0 2px 9px #294c39aa}.preview-heading>span{font-size:8px;letter-spacing:2px}.preview-heading h2{font:33px var(--serif);font-weight:400;margin:9px 0}.preview-state{position:absolute;bottom:5%;left:4%;display:flex;background:#203f38c2;border:1px solid #bcd1b643;border-radius:5px;padding:3px;gap:3px}.preview-state>button{background:none;border:0;border-radius:3px;font-size:9px;color:#d6e2c5;padding:7px 10px}.preview-state>button.active{background:#e5e6cd;color:#28483d}.preview-caption{position:absolute;right:4%;bottom:7%;font-size:8px;color:#ebebcd;letter-spacing:2px}.preview-toolbar{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);gap:12px;font-size:10px;color:#8c967f}.preview-toolbar select{background:transparent;border:0;color:#4b6250;font-size:11px;max-width:55%;cursor:pointer;padding:5px}.palette-swatches{display:flex;gap:4px;margin-left:auto}.palette-swatches span{width:16px;height:16px;border-radius:100%;border:1px solid #172f3010}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:25px}.recipe-grid h3{font:17px var(--serif);font-weight:400;line-height:1.4;margin:11px 0 8px}.recipe-grid p{font-size:10px;line-height:1.9;color:#86917a}.ecotone-section{margin-top:55px;padding-top:33px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;gap:55px}.ecotone-section h2{font:30px/1.2 var(--serif);font-weight:400;margin:14px 0}.ecotone-section p{font-size:11px;line-height:1.85;color:#849078;max-width:330px}.ecotone-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ecotone-card{display:flex;align-items:center;gap:12px;text-align:left;padding:13px;background:#e9ecdf;border:1px solid #dce1cf;border-radius:4px}.ecotone-card.active{border-color:#91a47c;background:#dde4cd}.ecotone-card>span:first-child{display:flex;width:33px}.ecotone-card i{width:19px;height:19px;border-radius:100%;display:block;border:1px solid #edf0df}.ecotone-card i+i{margin-left:-5px;margin-top:6px}.ecotone-card strong{font-size:10px;font-weight:500;display:block}.ecotone-card small{font-size:8px;color:#8a957d;display:block;margin-top:5px;line-height:1.6}.grammar-note{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;display:flex;gap:25px;align-items:center}.grammar-note>span{font-size:9px;letter-spacing:1.3px;white-space:nowrap;color:#89967c}.grammar-note p{font-size:10px;line-height:1.8;color:#8b957f;margin:0;max-width:590px}.grammar-note>.button{margin-left:auto;white-space:nowrap;font-size:10px}.modal{border:1px solid #cdd4be;background:#f2f0e4;color:var(--ink);border-radius:9px;max-width:480px;width:calc(100% - 34px);padding:45px;box-shadow:0 15px 130px #102c2580}.modal::backdrop{background:#102b29a6;backdrop-filter:blur(5px)}.modal h2{font:39px/1.15 var(--serif);font-weight:400;letter-spacing:-1px;margin:17px 0}.modal p{font-size:12px;line-height:1.9;color:#849076;margin-bottom:23px}.modal>.button{display:flex;width:100%;margin-top:10px}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:none;font-size:25px;color:#8e9a80}.map-modal{max-width:800px}.route-map{display:flex;align-items:stretch;gap:9px;margin:30px 0}.route-node{flex:1;border-top:2px solid #c8cfb9;padding-top:13px;font-size:9px;line-height:1.8;color:#9ca58d}.route-node.current{border-color:#4e7552;color:#31543e}.route-node.visited{color:#596e4e}.route-node strong{font:24px var(--serif);display:block;margin-bottom:10px}.map-shortcut{font-size:11px!important;color:#6d825c!important}.help-modal{max-width:580px}.controls-list{display:grid;grid-template-columns:145px 1fr;gap:14px 18px;font-size:11px;margin:27px 0}.controls-list dt{color:#526c4d}.controls-list dd{margin:0;color:#869178;line-height:1.6}.help-tip{font-size:10px!important;border-top:1px solid #d6ddc8;padding-top:17px}.complete-modal{max-width:505px}.four-dots.big{margin-bottom:28px;gap:7px}.four-dots.big i{width:10px;height:10px}.loading{position:fixed;inset:0;background:#eef0df;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:#819172}.loading-orb{height:50px;width:50px;border-radius:45%;background:#bed0b1;box-shadow:0 0 60px #bbcc9e;animation:breathe 2s ease-in-out infinite}.loading p{margin-top:25px}.noscript{position:fixed;bottom:10px;left:10px;z-index:101;background:white;padding:20px}.error-message{padding:30px;line-height:1.9}.error-message code{font-size:11px}@keyframes breathe{50%{transform:scale(1.15);border-radius:55%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}