@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{color-scheme:dark;--cream:#fff4da;--gold:#f2c56c;--muted:#b6c6b6;--green:#102b24;--line:rgba(228,241,209,.16)}
*{box-sizing:border-box}body{margin:0;background:#0b221b;color:var(--cream);font:15px 'DM Sans',sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{cursor:default;opacity:.4}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.home{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.forest-backdrop,.home-shade{position:absolute;inset:0;z-index:-3}.forest-backdrop{background:url('assets/forest.png') center 48%/cover no-repeat;transform:scale(1.025)}.home-shade{z-index:-2;background:linear-gradient(90deg,rgba(5,28,23,.93) 0%,rgba(6,30,25,.71) 32%,rgba(9,32,24,.1) 75%),linear-gradient(0deg,#0b211bed 0%,transparent 28%,#0d231b1f 90%)}.site-header{height:115px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:20px}.brand{display:flex;gap:13px;align-items:center;color:var(--cream);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:2px}.brand-emblem{width:42px;height:48px;display:grid;place-items:center;background:#edc97b16;border:1px solid #e2c27960;border-radius:17px 17px 22px 22px;color:var(--gold)}.brand-emblem svg{width:25px;height:25px}.brand small{display:block;font-size:8px;letter-spacing:2.8px;color:#b5c0a7;margin-top:6px}.site-header nav{display:flex;gap:13px;align-items:center}.nav-link{border:0;background:none;font-size:13px;padding:10px 18px}.icon-button{position:relative;display:grid;place-items:center;width:41px;height:41px;border:1px solid var(--line);background:#122e2550;border-radius:50%;backdrop-filter:blur(10px);font-size:21px}.icon-button:hover,.glass:hover{background:#c4d6a622}.muted-dot{position:absolute;width:5px;height:5px;background:var(--gold);border-radius:50%;bottom:7px;right:8px}.hero{flex:1;display:flex;align-items:center;min-height:565px;position:relative;padding:30px 8% 65px}.hero-copy{position:relative;z-index:3;width:53%;max-width:670px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;color:#d5dcb6;display:flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow span{height:6px;width:6px;background:var(--gold);border-radius:100%;box-shadow:0 0 12px #ffdd9a}h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(75px,7.8vw,128px);font-weight:600;letter-spacing:-5px;line-height:.94;margin:0 0 27px;text-shadow:0 5px 35px #03291d;position:relative;width:fit-content}h1>span{color:var(--gold)}.title-leaf{position:absolute;right:-54px;bottom:12px;width:43px;height:55px;color:var(--gold);transform:rotate(15deg);stroke-width:1.2}.tagline{font-size:19px;font-weight:500;letter-spacing:-.3px;margin:0 0 16px}.tagline em{font-style:normal;color:#e4d5b5}.intro{font-size:13px;line-height:1.85;color:#bdccbd;margin-bottom:30px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:0 22px;border-radius:9px;font-size:13px;font-weight:700;border:1px solid var(--line);transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.gold{background:linear-gradient(115deg,#f9d990,#e8b45b);color:#24372a;border:1px solid #ffdc99;box-shadow:0 5px 25px #eeb75922}.button.gold svg:first-child{width:17px;height:17px;fill:currentColor;stroke-width:1}.button.gold svg:last-child{margin-left:8px;width:18px}.button.glass{background:#213a2e80;backdrop-filter:blur(10px)}.hero-note{display:flex;align-items:center;gap:8px;color:#98b29c;font-size:11px;margin-top:22px}.hero-note svg{height:15px;width:15px}.hero-cast{position:absolute;right:3.5%;bottom:13%;width:52%;height:90%;max-height:590px;pointer-events:none}.atlas-character{background-image:url('assets/characters.png');background-repeat:no-repeat;background-size:300% 100%}.hero-girl,.hero-boy{position:absolute;width:42%;aspect-ratio:1/2;bottom:9%;filter:drop-shadow(0 18px 13px #031c2180)}.hero-girl{left:3%;background-position:0 0;transform:rotate(-3deg);z-index:2}.hero-boy{left:36%;background-position:50% 0;bottom:12%;width:44%}.hero-dog{position:absolute;background-position:100% 0;right:-1%;width:38%;aspect-ratio:1/2;bottom:5%;z-index:3}.cast-glow{position:absolute;inset:5% 0;background:radial-gradient(ellipse,#ffd38227,transparent 65%)}.companion-label{position:absolute;right:10%;bottom:-2%;display:flex;align-items:center;gap:11px;z-index:4;transform:rotate(-3deg);border:1px solid #e4dfae27;background:#143325c9;backdrop-filter:blur(18px);border-radius:12px;padding:12px 17px;box-shadow:0 10px 25px #071c2155;font-size:11px}.companion-label>span{color:var(--gold)}.companion-label small{display:block;font-size:9px;color:#adbfa6;margin-top:4px}.home-footer{margin:0 5.5%;padding:25px 0 27px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:30px}.chapter-peek{display:flex;align-items:center;gap:15px}.chapter-thumb{width:74px;height:61px;background:url('assets/forest.png') 75% 60%/cover;border-radius:8px;border:1px solid #b7bd7644}.chapter-peek small{font-size:8px;letter-spacing:2px;color:#a8bb9e}.chapter-peek strong{display:block;font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:500;margin:5px 0}.chapter-peek div>span{display:block;font-size:10px;color:#8fa991}.chapter-peek button{margin-left:13px;border:1px solid var(--line);border-radius:50%;background:transparent;width:31px;height:31px;display:grid;place-items:center}.chapter-peek button svg{width:14px}.footer-detail{display:flex;align-items:center;gap:15px;font-size:12px}.footer-detail small{display:block;color:#8fa991;font-size:10px;margin-top:7px}.tiny-leaf{color:#d6be7b;font-size:29px}.footer-sign{text-align:right;font-size:11px;color:#bdc5ac;font-family:Georgia,serif;font-style:italic}.footer-sign span{display:block;font-family:'DM Sans',sans-serif;font-style:normal;font-size:8px;letter-spacing:2px;margin-top:10px;color:#779782}.firefly{position:absolute;z-index:-1;width:3px;height:3px;border-radius:50%;background:#ffe392;box-shadow:0 0 14px 3px #ffd76c55;animation:float 7s ease-in-out infinite alternate;pointer-events:none}@keyframes float{from{transform:translate(0,0);opacity:.2}to{transform:translate(20px,-45px);opacity:1}}
dialog{border:1px solid #c8d5ad38;border-radius:24px;background:linear-gradient(145deg,#203d31f5,#0b261ffb);color:var(--cream);width:min(850px,94vw);max-height:92svh;padding:38px;box-shadow:0 30px 150px #0008;overflow:auto}dialog::backdrop{background:#03170dd9;backdrop-filter:blur(12px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.modal-top .eyebrow{margin:0;font-size:9px}h2{font:500 37px/1.15 'Fraunces',Georgia,serif;letter-spacing:-1px;margin:0 0 10px}.modal-description{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:26px}.character-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.character-card{position:relative;text-align:left;border:1px solid var(--line);border-radius:17px;background:radial-gradient(ellipse at 50% 45%,#789f6336,transparent 70%),#29433633;padding:16px 20px;transition:.2s}.character-card.selected{border:1px solid var(--gold);background-color:#e7c7770b;box-shadow:inset 0 0 25px #e7c7770b}.character-card .portrait{height:230px;width:115px;margin:0 auto 10px;transition:.3s}.character-card:hover .portrait{transform:translateY(-5px)}.character-card .boy{background-position:50% 0}.character-card h3{font-family:'Fraunces',Georgia,serif;font-size:24px;margin:8px 0}.character-card p{font-size:12px;color:var(--muted);margin:6px 0;line-height:1.6}.character-card .ability{color:var(--gold);font-size:10px}.selection-mark{position:absolute;right:15px;top:15px;width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:13px}.selected .selection-mark{background:var(--gold);color:#172d22}.companion-strip{display:flex;gap:12px;align-items:center;background:#061c1855;border:1px solid var(--line);border-radius:12px;padding:14px 17px;margin:20px 0;color:var(--muted);font-size:12px}.companion-strip svg{color:var(--gold);width:27px;height:27px}.companion-strip strong{color:var(--cream)}.modal-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.text-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:10px}.level-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.level-card{padding:0;overflow:hidden;text-align:left;background:#153b2c;border:1px solid var(--line);border-radius:14px}.level-art{height:140px;background:url('assets/forest.png') center/cover;position:relative}.level-card:nth-child(2) .level-art{filter:hue-rotate(25deg)}.level-card:nth-child(3) .level-art{filter:hue-rotate(60deg) brightness(.7)}.level-art span{position:absolute;bottom:12px;left:14px;border-radius:50%;padding:8px;background:#132d24c0;font-size:13px}.level-info{padding:17px}.level-info small{color:var(--gold);font-size:9px;letter-spacing:1px}.level-info h3{font:500 21px 'Fraunces',Georgia,serif;margin:10px 0}.level-info p{font-size:11px;line-height:1.6;color:var(--muted);min-height:35px}.level-info .level-status{font-size:11px;color:var(--gold);margin-top:15px;display:flex;align-items:center;gap:8px}.level-status svg{width:13px;height:13px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.guide-item{padding:20px;border-radius:12px;background:#314d3933;border:1px solid var(--line)}.guide-item h3{font-size:15px;margin:0 0 10px}.guide-item p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border:1px solid #d8e0bb35;border-bottom-width:2px;border-radius:5px;padding:0 6px;font:10px 'DM Sans',sans-serif;color:#e5e9d0;background:#d3e9ba10}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);gap:20px}.setting-row small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.setting-row input[type=text]{width:190px;max-width:45%;border:1px solid var(--line);background:#09251c;border-radius:7px;padding:10px;color:var(--cream)}.setting-row input[type=checkbox]{accent-color:var(--gold);width:22px;height:22px}.completion{text-align:center;padding:10px}.completion .medal{font-size:55px;margin:10px 0 25px}.completion h2{font-size:42px}.completion p{color:var(--muted);line-height:1.8;font-size:14px}.completion .button{margin-top:22px}.game-screen{height:100svh;position:relative;background:#102a24;overflow:hidden;display:flex;align-items:center;justify-content:center}#canvas{display:block;width:100%;height:100%;object-fit:contain;outline:none;touch-action:none}.game-top{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:center;gap:17px;pointer-events:none}.game-top button{pointer-events:auto}.level-heading small{font-size:9px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:5px}.level-heading strong{font:500 23px 'Fraunces',Georgia,serif}.game-stats{margin-left:auto;display:flex;gap:12px}.game-stats>span{display:flex;align-items:center;gap:10px;background:#102b24d9;backdrop-filter:blur(10px);border:1px solid var(--line);padding:12px 17px;border-radius:12px;color:var(--gold)}.game-stats b{font-size:16px;font-weight:500;color:var(--cream)}.game-stats svg{height:19px;width:19px}.objective{position:absolute;top:99px;left:88px;font-size:11px;color:#d7e2c8;background:#12392b80;padding:9px 13px;border-radius:6px}.game-bottom{position:absolute;bottom:22px;left:30px;right:30px;display:flex;align-items:center;gap:12px;font-size:11px;color:#b7cbb7}.game-bottom>span{margin-right:auto;display:flex;gap:7px;align-items:center}.game-bottom button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#123529df;padding:10px 15px;border-radius:9px;font-size:12px}.game-bottom svg{width:17px;height:17px;color:var(--gold)}.toast{position:absolute;top:150px;left:50%;transform:translate(-50%,-10px);opacity:0;transition:.2s;text-align:center;pointer-events:none;background:#15392bf0;border:1px solid #dec97e50;padding:13px 24px;border-radius:12px;font-size:13px;max-width:90%;width:max-content;box-shadow:0 10px 40px #0003}.toast.show{transform:translate(-50%,0);opacity:1}.touch-controls{display:none;position:absolute;bottom:20px;left:20px;right:20px;justify-content:space-between}.touch-controls>div{display:flex;gap:10px}.touch-controls button{width:55px;height:55px;border-radius:50%;background:#1c3b2ece;border:1px solid #e3eac556;backdrop-filter:blur(5px);font-size:23px;touch-action:none;user-select:none}.touch-controls button:active{background:#a88640}.touch-controls button[data-key=jump]{background:#d9b866;color:#1f3627}
@media(min-width:1600px){.hero{padding-left:10%}.hero-cast{right:7%;max-width:850px}.home-footer{margin:0 7%}.hero-copy{max-width:730px}}
@media(max-width:1050px){.hero{padding-left:6%;min-height:570px}.hero-cast{right:-2%;width:56%;bottom:16%;height:75%}.hero-actions{flex-wrap:wrap}.button{padding:0 17px}.hero-copy{width:55%}h1{font-size:91px}.footer-detail{display:none}.tagline{font-size:17px}.intro{font-size:12px}.companion-label{right:12%;bottom:4%}}
@media(max-width:700px){.site-header{height:88px;padding:0 6%}.brand{font-size:10px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:2px}.brand-emblem{width:33px;height:39px}.site-header nav{gap:8px}.nav-link{display:none}.icon-button{width:35px;height:35px}.hero{padding:22px 7% 25px;min-height:790px;align-items:flex-start}.hero-copy{width:100%}.eyebrow{font-size:8px;letter-spacing:2.4px;margin-bottom:20px}h1{font-size:82px;letter-spacing:-4px;margin-bottom:22px}.title-leaf{width:33px;right:-42px}.tagline{font-size:16px}.intro{font-size:12px;margin-bottom:22px;max-width:85%}.desktop-break{display:none}.hero-actions{gap:9px}.button{font-size:12px;min-height:49px;padding:0 16px}.hero-note{font-size:10px;margin-top:18px}.hero-cast{height:365px;max-height:none;width:370px;max-width:100%;right:1%;bottom:-13px}.hero-girl{width:38%;left:9%;bottom:4%}.hero-boy{width:40%;left:38%;bottom:6%}.hero-dog{width:34%;right:0;bottom:0}.companion-label{right:10%;bottom:0;font-size:10px;padding:10px 14px}.home-shade{background:linear-gradient(90deg,#071f19dc,#0d2a2040),linear-gradient(0deg,#0b211b 0%,transparent 22%)}.home-footer{padding:26px 0;margin:0 7%}.footer-sign{display:none}.chapter-peek{gap:12px;flex:1}.chapter-peek strong{font-size:16px}.chapter-peek div>span{font-size:9px}.chapter-thumb{width:62px;height:59px}.chapter-peek button{margin-left:auto}dialog{padding:23px;border-radius:20px}h2{font-size:29px}.modal-description{font-size:12px;margin-bottom:20px}.character-options{gap:10px}.character-card{padding:13px 12px}.character-card .portrait{height:180px;width:90px}.character-card h3{font-size:20px}.character-card p{font-size:10px}.character-card .ability{font-size:9px}.companion-strip{font-size:10px;padding:12px}.modal-bottom{gap:7px}.level-list{grid-template-columns:1fr}.level-card{display:flex}.level-art{height:auto;min-width:95px;width:95px}.level-info{padding:14px}.level-info h3{font-size:20px;margin:6px 0}.level-info p{min-height:0;margin:5px 0}.level-info .level-status{margin-top:8px}.guide-grid{grid-template-columns:1fr}.guide-item{padding:15px}.game-top{top:15px;left:15px;right:15px;gap:10px}.level-heading strong{font-size:16px}.level-heading small{font-size:8px}.game-stats{gap:6px}.game-stats>span{padding:8px 10px;gap:6px}.game-stats b{font-size:13px}.objective{top:73px;left:15px;right:15px;width:fit-content;font-size:10px}.game-bottom{display:none}.touch-controls{display:flex}.toast{top:113px;font-size:11px;padding:11px 15px}.completion h2{font-size:30px}}
@media(pointer:coarse){.touch-controls{display:flex}.game-bottom{display:none}}
@media(max-height:600px) and (orientation:landscape){.game-top{top:10px}.objective{top:68px;font-size:10px}.touch-controls{bottom:10px}.touch-controls button{width:45px;height:45px}.toast{top:90px}.hero{min-height:570px}.home-footer{padding:18px 0}dialog{max-height:95svh}.character-card .portrait{height:140px;width:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:701px) and (max-width:1050px){.hero-cast{right:1%;width:53%}.hero-dog{right:2%}}
.stat-copy{display:flex;flex-direction:column;gap:3px}.stat-copy small{font-size:8px;letter-spacing:1px;color:#bacba9}.stat-copy b{line-height:1.1}
.discovery-journal{padding:8px 18px;border:1px solid var(--line);border-radius:12px}.discovery-journal h3{font-size:14px;color:var(--gold)}.discovery-journal p{display:inline-block;width:48%;font-size:12px;color:var(--muted);margin:7px 0}.touch-controls{align-items:flex-end}.touch-controls>div:last-child{display:grid;grid-template-columns:repeat(3,44px);gap:6px}.touch-controls>div:last-child button{width:44px;height:44px;font-size:20px}.touch-controls button[data-key=slide]{grid-column:2 / 4;width:94px}.touch-controls button[data-key=crouch]{background:#567850cc}.game-bottom>span{flex-wrap:wrap}.objective{max-width:calc(100vw - 160px)}
@media(max-width:700px){.toast{top:155px}.objective{max-width:calc(100vw - 30px)}.discovery-journal p{width:100%}}
@media(max-width:700px){.touch-controls>div{gap:8px}.touch-controls button{width:clamp(44px,14vw,55px);height:clamp(44px,14vw,55px)}.level-heading{min-width:0}.level-heading strong{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-stats{flex-shrink:0}.modal-bottom>.text-button svg{width:16px;height:16px;vertical-align:middle}}