@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--cream:#f4ecda;--muted:#9bafb0;--amber:#ffbb6b;--teal:#87d7cc;--bg:#06171c;font-family:Manrope,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:6px}button{color:var(--cream)}button,a,dialog{touch-action:manipulation}button{border:0}#app{width:100%;height:100%;height:100dvh;position:relative;isolation:isolate;color:var(--cream)}#world{position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none;background:#06171c url('assets/forest.png') center/cover no-repeat}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,10,14,.35),transparent 25%,transparent 76%,rgba(1,10,14,.6));z-index:1}.topbar{position:absolute;top:0;left:0;right:0;height:112px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{display:flex;gap:12px;align-items:center;color:var(--cream);text-decoration:none;font-size:14px;letter-spacing:4px;font-weight:700}.wordmark svg{width:23px;height:30px;fill:var(--amber);filter:drop-shadow(0 0 9px #ff961844)}.wordmark .flame-inner{fill:#fff1c4}.topbar-center{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#bdcdcd}.topbar-actions{display:flex;gap:20px;align-items:center}.demo-tag{font-size:10px;letter-spacing:2px;color:#aababb}.demo-tag span{font-size:9px;border:1px solid #9db4ad44;border-radius:4px;padding:3px 5px;margin-left:4px;color:#e0e5dc}.icon-button{width:38px;height:38px;background:#10282b55;border:1px solid #9eb9b52b;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(8px);transition:background .2s}.icon-button:hover{background:#29464888}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-waves{display:none}[aria-pressed=true] .sound-waves{display:block}[aria-pressed=true] .sound-slash{display:none}.intro{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(2,15,20,.6) 0%,rgba(2,15,20,.22) 42%,transparent 70%)}.intro-copy{position:absolute;left:9.5%;top:48%;transform:translateY(-50%);width:53%;max-width:720px}.eyebrow{font-size:9px;line-height:1.7;letter-spacing:2.6px;color:#c4cdc2;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow>span{width:24px;height:1px;background:var(--amber)}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(90px,10.4vw,164px);font-weight:400;letter-spacing:-5px;line-height:.95;margin:25px 0 34px;text-shadow:0 4px 40px #0003}h1>span{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(11px,1.06vw,17px);font-weight:400;letter-spacing:6.4px;line-height:1.5;margin-top:20px;margin-left:5px;color:#e8d8bc}.intro-description{font-size:14px;font-weight:400;color:#b5c7c5;line-height:1.95;margin:0 0 32px}.start-actions{display:flex;align-items:center;gap:24px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:212px;padding:19px 24px;background:linear-gradient(115deg,#f8ca8e,#eda662);border-radius:5px;color:#302012;font-size:12px;font-weight:800;box-shadow:0 4px 32px #ed9f5420;transition:box-shadow .2s,transform .2s,filter .2s}.primary-button:hover{box-shadow:0 5px 40px #ed9f5455;transform:translateY(-2px);filter:brightness(1.08)}.primary-button>span:last-child{font-size:21px;font-weight:400;line-height:16px}.primary-button #start-label{font-size:12px;font-weight:800;line-height:20px}.playtime{font-size:8px;letter-spacing:1.4px;line-height:1.9;color:#a9b9b6}.text-button{background:transparent;color:#b9c6c0;display:flex;align-items:center;gap:12px;font-size:11px;padding:0;margin-top:25px;transition:color .2s}.text-button:hover{color:#ffcb8c}.key-icon{font-size:18px;color:#d4dace}.character-caption{position:absolute;right:7.8%;top:72%;display:flex;align-items:flex-start;gap:13px;color:#dac7a9}.character-caption p{font-size:8px;letter-spacing:1.7px;line-height:1.8;margin:0}.character-caption small{font-size:10px;display:block;letter-spacing:.2px;color:#a0b4b2;margin-top:2px}.caption-line{height:1px;width:35px;background:#ad805777;margin-top:7px}.intro-footer{position:absolute;bottom:33px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:center;color:#8fa8a8;font-size:9px;letter-spacing:1.8px}.intro-footer>span:first-child{display:flex;align-items:center;gap:12px}.intro-footer i{height:5px;width:5px;background:#83c6b2;display:block;border-radius:50%;box-shadow:0 0 10px #83c6b277}.intro-footer b{font-size:11px;color:#bfccc4;font-weight:400;letter-spacing:.5px;margin-left:13px}.footer-hint{display:flex;align-items:center;gap:10px;letter-spacing:.5px;font-size:10px}.footer-hint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.hidden{display:none!important}.hud{position:absolute;inset:0;z-index:3;pointer-events:none}.vitality{position:absolute;left:4.4%;top:118px}.hearts{font-size:19px;color:#ffc17a;letter-spacing:4px;filter:drop-shadow(0 0 5px #ff9e4366)}.hearts .empty{color:#466168;filter:none}.vitality>span{display:block;font-size:8px;letter-spacing:1.8px;margin-top:10px;color:#a9bcb9}.vitality>span.used{opacity:.4}.quest{position:absolute;left:50%;top:95px;transform:translateX(-50%);text-align:center}.quest-overline{font-size:8px;letter-spacing:3px;color:#bbc4b6}.quest>div{margin-top:10px;display:flex;align-items:center;gap:8px;justify-content:center}.spark-icon{color:#ffb658;font-size:25px;text-shadow:0 0 13px #ffac5966}.quest strong{font-size:23px;font-weight:500}.spark-total{font-size:13px;color:#a4b5ad}.quest-name{font-size:10px;color:#adc0b8;margin-left:5px}.area-name{position:absolute;top:127px;right:4.4%;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;color:#c4d6cc;letter-spacing:.7px}.game-bottom{position:absolute;bottom:27px;left:4.4%;right:4.4%;display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.control-strip{display:flex;gap:25px;font-size:9px;color:#98b0ad}.control-strip>span{display:flex;align-items:center;gap:5px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:24px;border:1px solid #91ada742;border-bottom-width:2px;border-radius:4px;padding:3px 6px;font:10px Manrope,Arial,sans-serif;color:#d5dfd5;background:#071a1b66}.journey{width:150px;text-align:right}.journey>span{font-size:8px;letter-spacing:1px;color:#9eb6b0}.journey>div{height:2px;background:#557b733c;margin-top:10px}.journey i{display:block;height:100%;width:0;background:#f2b476;box-shadow:0 0 6px #f2b47666}.toast{position:absolute;z-index:9;left:50%;bottom:100px;transform:translate(-50%,12px);padding:12px 22px;border:1px solid #d3c1922b;border-radius:6px;background:#092025dc;backdrop-filter:blur(16px);font-size:12px;line-height:1.6;color:#e0decb;text-align:center;opacity:0;transition:opacity .35s,transform .35s;pointer-events:none;max-width:min(90vw,600px)}.toast.visible{opacity:1;transform:translate(-50%,0)}.modal{border:1px solid #7d9d913d;border-radius:14px;padding:44px;background:linear-gradient(150deg,#122b30f5,#07171cfb);color:var(--cream);width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 30px 130px #0009;overflow:auto}.modal::backdrop{background:#001015a8;backdrop-filter:blur(8px)}.modal h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;line-height:1.13;font-weight:400;letter-spacing:-.5px;margin:18px 0 28px}.modal .eyebrow{font-size:8px;letter-spacing:2px;color:var(--amber)}.modal-close{position:absolute;right:20px;top:13px;background:transparent;color:#9cb3ae;font-size:27px;font-weight:400}.control-list>div{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #738b7c25}.control-list>div>span{width:160px;flex-shrink:0;font-size:10px;color:#afbdb7}.control-list p{margin:0;font-size:11px;color:#b8c9c0;line-height:1.7}.modal-note{font-size:12px;line-height:1.85;color:#9fb7b2;margin:24px 0}.modal .primary-button{width:100%}.modal .text-button{margin-left:auto;margin-right:auto}.pause-modal,.win-modal{text-align:center}.pause-modal .eyebrow,.win-modal .eyebrow{justify-content:center}.win-spark{font-size:45px;color:var(--amber);filter:drop-shadow(0 0 20px #ffb55888)}.win-stats{display:flex;justify-content:space-around;padding:15px 0 30px}.win-stats strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:35px;font-weight:400;display:block}.win-stats span{font-size:8px;letter-spacing:1.5px;color:#92aca4;display:block;margin-top:8px}.touch-controls{position:absolute;z-index:6;bottom:max(21px,env(safe-area-inset-bottom));left:20px;right:20px;display:none;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:12px}.touch-controls button{height:58px;width:58px;border-radius:50%;background:#092126a3;border:1px solid #accac043;font-size:24px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;backdrop-filter:blur(8px)}.touch-controls button:active{background:#9e794e8a}.load-error{font-size:12px;max-width:350px;line-height:1.8;color:#f7bc97}noscript{position:absolute;z-index:20;left:20px;bottom:20px;background:#193036;padding:20px}
@media (max-width:1000px){.topbar-center{display:none}.intro-copy{left:7%;width:62%}h1{font-size:116px}.character-caption{right:5%;top:77%}.playtime{display:none}.control-strip{gap:14px}.area-name{font-size:21px}.quest{top:104px}.quest-name{display:none}}
@media (max-width:600px){.topbar{height:84px;padding:0 6%}.wordmark{font-size:11px;letter-spacing:3px;gap:9px}.wordmark svg{height:25px;width:20px}.topbar-actions{gap:12px}.demo-tag{font-size:8px}.intro-copy{top:42%;left:8%;width:85%;transform:translateY(-50%)}.eyebrow{font-size:7px;letter-spacing:1.7px;gap:8px}h1{font-size:90px;letter-spacing:-4px;margin:23px 0 26px}h1>span{font-size:10px;letter-spacing:3.5px;margin-top:15px}.intro-description{font-size:12px;margin-bottom:24px}.primary-button{padding:17px 20px;min-width:195px}.character-caption{display:none}.intro-footer{bottom:24px;left:8%;right:8%}.intro-footer b{margin-left:0;font-size:10px}.footer-hint{font-size:0;gap:0}.footer-hint svg{width:19px;height:19px}.intro{background:linear-gradient(90deg,#020f1477,transparent),linear-gradient(180deg,transparent 70%,#02101555)}.vitality{top:87px;left:6%}.hearts{font-size:16px}.quest{top:92px;left:auto;right:6%;transform:none}.quest-overline{font-size:6px;letter-spacing:1.5px}.quest>div{margin-top:3px}.quest strong{font-size:19px}.spark-icon{font-size:20px}.area-name{top:145px;right:6%;font-size:18px}.game-bottom{bottom:21px;left:6%;right:6%}.control-strip{display:none}.journey{display:none}.modal{padding:31px 24px}.modal h2{font-size:33px}.control-list>div{gap:10px}.control-list>div>span{width:130px}.control-list p{font-size:10px}.toast{bottom:110px;font-size:11px;width:85%;padding:11px 15px}.win-stats strong{font-size:29px}}
@media (pointer:coarse){.touch-controls{display:flex}.control-strip{display:none}.game-bottom{bottom:95px}.journey{width:100px}.toast{bottom:116px}}
@media (max-width:600px){.touch-controls{display:flex}}
@media (max-height:560px) and (min-width:601px){.topbar{height:73px}.intro-copy{top:48%;left:7%}h1{font-size:88px;margin:13px 0 19px}h1>span{margin-top:8px;font-size:10px}.intro-description{font-size:11px;margin-bottom:17px}.intro-copy .eyebrow{font-size:7px}.primary-button{padding:13px 20px}.text-button{margin-top:17px}.intro-footer{bottom:20px}.character-caption{top:76%}.vitality{top:74px}.quest{top:69px}.area-name{top:91px}.game-bottom{bottom:16px}.toast{bottom:76px}}
@media (prefers-reduced-motion:reduce){button,.toast{transition:none}}
.intro-copy{top:49%;max-width:760px}h1{font-size:clamp(86px,9.3vw,146px);margin:20px 0 26px}.intro-description{margin-bottom:24px}.chapter-select{display:flex;gap:9px;margin:0 0 12px;max-width:650px}.chapter-card{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;padding:14px 11px;border:1px solid #a4b8b02b;border-radius:6px;background:#08202688;color:#c4cfca;font-size:10px;line-height:1.55;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.chapter-card:hover{background:#27413dbb;border-color:#f2bb7777}.chapter-card.selected{border-color:#d6ab6a;background:linear-gradient(125deg,#c9944536,#183630aa);color:#fff1d6}.chapter-number{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;color:#8caaa5}.chapter-card.selected .chapter-number{color:#f6c987}.chapter-state{display:block;font-size:6px;letter-spacing:1.15px;color:#829c98;margin-top:4px}.chapter-card.completed .chapter-state{color:#95dbba}.chapter-description{font-size:10px;line-height:1.7;color:#a8bdb8;margin:0 0 22px;max-width:550px}.playtime{max-width:145px;font-size:7px;line-height:1.9}.intro-footer #menu-chapter{display:inline}.win-modal .primary-button{font-size:11px}.topbar-actions{gap:15px}body[data-theme=ruins]{--teal:#afc5ff}body[data-theme=volcano]{--teal:#efbd94}body[data-theme=volcano] .intro{background:linear-gradient(90deg,#170d20bb,#170d2055 53%,transparent)}body[data-theme=ruins] .intro{background:linear-gradient(90deg,#071229bb,#07122955 53%,transparent)}
@media (min-width:1600px){.chapter-card{padding:16px 13px;font-size:11px}.chapter-state{font-size:7px}.chapter-description{font-size:12px}}
@media (max-width:1000px){.intro-copy{width:69%}.chapter-select{gap:6px}.chapter-card{padding:11px 8px;font-size:9px;gap:7px}.chapter-state{letter-spacing:.6px}.chapter-number{font-size:20px}}
@media (max-width:600px){.intro-copy{top:43%;width:84%}h1{font-size:83px;margin:17px 0 22px}.intro-description{font-size:11px;margin-bottom:19px}.chapter-select{gap:5px}.chapter-card{display:block;padding:8px 6px;font-size:8px;line-height:1.5;min-height:87px}.chapter-number{display:block;font-size:20px;margin-bottom:4px}.chapter-state{font-size:5px;letter-spacing:.3px;margin-top:4px}.chapter-description{font-size:9px;line-height:1.6;margin-bottom:18px}.topbar-actions{gap:9px}.demo-tag span{font-size:6px;letter-spacing:.4px;padding:3px}.wordmark{font-size:10px;letter-spacing:2px}.topbar{padding:0 5%}.modal .primary-button{font-size:11px}.intro-footer{font-size:7px;letter-spacing:1px}.intro-footer b{font-size:9px}.quest-overline{letter-spacing:1px}}
@media (max-height:650px) and (min-width:601px){.intro-copy{top:49%;left:7%;width:64%}h1{font-size:77px;margin:12px 0 16px}h1>span{margin-top:8px;font-size:10px}.intro-description{font-size:10px;margin-bottom:14px}.chapter-card{padding:8px;font-size:9px}.chapter-number{font-size:20px}.chapter-state{font-size:5px}.chapter-description{font-size:9px;margin-bottom:14px}.intro-copy .eyebrow{font-size:7px}.primary-button{padding:12px 20px}.intro-copy .text-button{margin-top:16px}.topbar{height:68px}}
@media (max-height:720px) and (max-width:600px){.intro-copy{top:45%}h1{font-size:65px;margin:12px 0 15px}h1>span{margin-top:10px}.intro-description{margin-bottom:12px}.chapter-card{min-height:76px;padding:6px}.chapter-description{font-size:8px;margin-bottom:12px}.intro-copy .text-button{margin-top:15px}.primary-button{padding:13px 17px}.intro-copy .eyebrow{font-size:6px}.intro-footer{bottom:16px}}