@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900;1000&display=swap');
:root{font-family:Nunito,'Trebuchet MS',sans-serif;color:#f4efd6;background:#0c242c;font-synthesis:none;--lime:#d6ef75;--gold:#ffce71;--muted:#90aaa3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#245047,#102e35 48%,#0b222b);min-height:100vh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffe595;outline-offset:5px}.game-app{max-width:1536px;margin:auto;padding:0 42px}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;color:#faf0c6}.wordmark svg{width:43px;height:43px;overflow:visible}.wordmark svg path{fill:none;stroke:#d6ee75;stroke-width:9;stroke-linecap:round}.wordmark svg circle{fill:#d6ee75}.wordmark svg .eye{fill:#193b37}.wordmark>span{font-weight:1000;font-size:17px;line-height:.95;letter-spacing:1px}.wordmark>span>span{display:block;font-size:23px;letter-spacing:1.9px}.top-center{font-size:10px;letter-spacing:2px;font-weight:900;color:#a7bab0;display:flex;gap:14px;align-items:center}.top-center>span{color:var(--gold);font-size:21px}.top-actions{display:flex;gap:10px;align-items:center}.utility,.square-button{color:#c5d4bd;background:#193c3f;border:1px solid #3b5551;border-radius:10px;box-shadow:0 3px 0 #061c24;font-weight:900}.utility{font-size:9px;letter-spacing:1px;padding:12px 14px}.utility span{margin-left:9px;color:var(--gold)}.square-button{width:37px;height:37px;font-size:19px}.game-shell{border:2px solid #506455;border-radius:22px;box-shadow:0 8px 0 #071a22,0 24px 65px #0004;overflow:hidden}.canvas-wrap{height:min(65vw,645px);min-height:480px;position:relative;background:#286f69;isolation:isolate}#pond{width:100%;height:100%;display:block;touch-action:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #061d3155;z-index:1}.game-top{position:absolute;top:23px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;z-index:3;pointer-events:none}.game-top button{pointer-events:auto}.location{display:flex;align-items:center;gap:10px;text-shadow:0 2px 8px #062e37}.location-icon{font-size:33px;color:var(--gold)}.location div{display:flex;flex-direction:column;gap:2px}.location #chapter{font-size:8px;font-weight:900;letter-spacing:2px;color:#c2d1a7}.location strong{font-size:13px;font-weight:1000;letter-spacing:1px}.weather{display:flex;gap:18px;align-items:center;font-size:9px;font-weight:900;letter-spacing:1px}.weather>span{background:#173c3b9c;padding:9px 13px;border:1px solid #a7cc9633;border-radius:20px}.weather .square-button{background:#18393bd9}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;background:radial-gradient(ellipse at 50% 50%,#093f4145,transparent 65%);pointer-events:none}.overlay.hidden{display:none}.overlay-card{text-align:center;max-width:550px;padding:30px;pointer-events:auto}.chapter-ribbon{display:flex;align-items:center;justify-content:center;gap:14px;color:#f9d793;font-weight:1000;font-size:9px;letter-spacing:2px;text-shadow:0 2px 5px #133c38}.chapter-ribbon>span:first-child,.chapter-ribbon>span:last-child{font-size:14px}h1{margin:24px 0 5px;font-size:91px;line-height:.79;letter-spacing:-5px;font-weight:1000;color:#fff1b4;transform:rotate(-3deg);text-shadow:0 3px #91874f,0 7px #284e34,0 10px #1e3c31,0 16px 25px #082c385c}h1 em{font-style:normal;color:#def68b;font-size:110px;letter-spacing:-6px;display:block;margin-top:9px;text-shadow:0 3px #7f9a42,0 7px #284e34,0 10px #1e3c31,0 16px 25px #082c385c}.title-subline{margin:24px 0 13px;font-size:12px;font-weight:1000;letter-spacing:7px;color:#fff0bf;text-shadow:0 2px 4px #16493c}.overlay p{color:#e2e8c8;font-size:13px;font-weight:700;line-height:1.6;text-shadow:0 2px 8px #052b34;max-width:380px;margin:0 auto 22px}.play-button{display:flex;align-items:center;justify-content:center;gap:24px;min-width:270px;margin:0 auto;background:linear-gradient(#f4e791,#ebc960);border:2px solid #fff0ad;border-radius:14px;padding:17px 24px;color:#344931;font-size:17px;font-weight:1000;letter-spacing:.5px;box-shadow:0 6px #997435,0 9px #183a3655,0 12px 28px #102e3540;text-shadow:0 1px #fff5c5}.play-button:hover{transform:translateY(-2px);box-shadow:0 8px #997435,0 15px 25px #102e3540}.play-button:active{transform:translateY(4px);box-shadow:0 2px #997435}.play-button>span:first-child{font-size:13px}.overlay-hint{display:block;font-size:8px;font-weight:900;letter-spacing:1.3px;color:#c3d5b8;margin-top:23px}.in-game-bottom{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.pond-tip{font-size:11px;font-weight:700;color:#d5e4c3;max-width:65%;text-shadow:0 2px 5px #103e3c}.pond-tip>span:first-child{color:var(--gold);margin-right:8px}.best-badge{display:flex;align-items:center;gap:10px;text-shadow:0 2px 5px #123e35}.best-badge>span{font-size:28px;color:var(--gold)}.best-badge>div{font-size:7px;letter-spacing:1px;font-weight:900;color:#bacdb1}.best-badge strong{display:block;font-size:10px;margin-top:2px;color:#f7eabe}.best-badge b{font-size:17px;margin-right:5px}.modes{display:grid;grid-template-columns:repeat(4,1fr);background:#122f35;padding:14px;gap:10px;border-top:2px solid #547460}.modes button{display:flex;align-items:center;gap:14px;text-align:left;padding:17px 16px;color:#c8d7c0;border:1px solid #345251;border-radius:12px;background:linear-gradient(130deg,#234542,#19383b);min-width:0;box-shadow:0 3px #0d242c}.modes button.selected{background:linear-gradient(120deg,#425b38,#294a3c);border-color:#b0cb67}.mode-icon{font-size:33px;color:#c4d99b;flex-shrink:0;width:33px;text-align:center}.selected .mode-icon{color:#e5ed9c}.mode-icon.infinity{font-size:43px}.modes button>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.modes small{font-size:6px;letter-spacing:1.2px;font-weight:1000;color:#9fb59a;white-space:nowrap}.modes strong{font-size:16px;font-weight:1000;white-space:nowrap}.modes em{font-style:normal;font-size:9px;color:#9eb7a8}.mode-select{margin-left:auto;color:#657f6f;font-size:13px}.selected .mode-select{color:#d6ea87}.adventure-strip{display:flex;align-items:center;gap:30px;margin:31px 0 25px;padding:0 4px}.eyebrow{font-size:8px;font-weight:1000;letter-spacing:1.7px;color:#adbe8a}.trail-heading h2{font-size:14px;margin:5px 0;font-weight:800;white-space:nowrap}.trail{display:flex;align-items:flex-start;flex:1;justify-content:space-between;position:relative;max-width:570px;margin:auto}.trail:before{content:'';position:absolute;top:15px;left:30px;right:30px;border-top:2px dashed #37584e}.trail-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:90px;color:#658476}.trail-node i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border:2px solid #3d5b50;border-radius:50%;background:#16343a;font-size:12px;font-weight:1000}.trail-node small{font-size:6px;font-weight:1000;letter-spacing:.7px}.trail-node.current{color:#e4dd9c}.trail-node.current i{background:#53613b;border-color:#dbd884;box-shadow:0 0 0 4px #c7da7720}.trail-node.unlocked i{color:#c2dd81;border-color:#7b9e65}.journal-link{background:none;border:0;color:#c5d3ac;font-size:8px;font-weight:1000;letter-spacing:.8px;white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #28474a;padding:17px 4px 24px;color:#7e9b92;font-size:9px;gap:15px}footer>span:first-child{display:flex;align-items:center;gap:8px}footer i{width:5px;height:5px;background:#a8c96a;border-radius:50%;box-shadow:0 0 8px #afce6966}footer>div{display:flex;gap:9px;align-items:center;font-size:7px;font-weight:900;letter-spacing:.5px}kbd{font:800 8px Nunito,'Trebuchet MS',sans-serif;border:1px solid #52716655;border-bottom-width:2px;padding:3px 5px;border-radius:4px;color:#b0c4a7}.footer-touch{display:none}.playing-only{visibility:hidden;opacity:0;transition:opacity .2s}body[data-state=playing] .playing-only,body[data-state=paused] .playing-only{visibility:visible;opacity:1}.hud{position:absolute;top:87px;left:27px;right:27px;display:flex;align-items:center;gap:20px;pointer-events:none;z-index:2}.health{display:flex;gap:10px;align-items:center;background:#153b3cc9;border:1px solid #6d91725e;border-radius:15px;padding:9px 15px 9px 9px;box-shadow:0 4px #09262e40}.avatar{background:#adc95d;color:#2f613e;border:2px solid #d8e895;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:33px;font-weight:900}.tiny-label{font-size:7px;letter-spacing:1px;font-weight:1000;display:block;color:#dce5b8}#hearts{display:block;color:#ff9c87;font-size:19px;line-height:1.3;letter-spacing:2px}.objective{width:230px;background:#153b3cc9;padding:13px 15px;border-radius:12px;border:1px solid #6d91725e}.objective>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.5px;font-weight:900}.objective strong{color:var(--gold);font-size:8px}.progress-track,.stamina-track{height:7px;background:#082b31;border:1px solid #517262;border-radius:20px;overflow:hidden;margin-top:8px}#progress,#stamina{height:100%;background:linear-gradient(90deg,#9cc959,#e4f58a);width:0;border-radius:20px;transition:width .15s}.score-pill{margin-left:auto;background:#193c3aca;border:1px solid #6d91725e;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:12px}.score-pill>span{font-size:8px;letter-spacing:1px;font-weight:1000}.score-pill>b{font-size:24px;color:#ffe6a1;line-height:1}.dash-hud{position:absolute;bottom:76px;left:28px;display:flex;align-items:center;gap:10px;background:#173b3cd9;padding:10px 13px;border-radius:12px;border:1px solid #87a07755;z-index:2;pointer-events:none}.dash-hud>span{font-size:25px;color:var(--gold)}.dash-hud>div{width:110px}.dash-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:1000;color:#e2eabf}.dash-label kbd{font-size:6px;padding:2px 4px}#stamina{width:100%;background:linear-gradient(90deg,#eca24f,#ffe59a)}.touch-dash{display:none}.chain{position:absolute;right:30px;bottom:83px;width:100px;text-align:center;color:#ffe498;z-index:2;text-shadow:0 3px #3d6138;pointer-events:none}.chain b{display:block;font-size:33px;font-weight:1000;font-style:italic}.chain span{display:block;font-size:7px;letter-spacing:1px;font-weight:1000}#chain-meter{height:3px;background:#efc96f;margin-top:7px}.toast{position:absolute;z-index:6;top:29%;left:50%;transform:translate(-50%,-12px);background:#233f30ed;border:1px solid #d8df87;color:#f6edb4;border-radius:30px;padding:10px 22px;box-shadow:0 5px 20px #0b2c3440;font-size:12px;font-weight:1000;letter-spacing:.6px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}body[data-state=paused] .overlay,body[data-state=won] .overlay,body[data-state=lost] .overlay{background:#0b263cc9;backdrop-filter:blur(5px)}body:not([data-state=menu]) .overlay h1{font-size:43px;line-height:1.05;letter-spacing:-1.5px;transform:none;margin:20px 0;text-shadow:0 3px #253e30}body:not([data-state=menu]) .title-subline{display:none}body:not([data-state=menu]) .overlay-card{max-width:580px}body:not([data-state=menu]) .chapter-ribbon{font-size:8px}.result-stats{display:flex;gap:25px;justify-content:center;margin:23px 0}.result-stats[hidden]{display:none}.result-stats>span{font-size:8px;font-weight:900;color:#b7cdb5;letter-spacing:1px}.result-stats b{display:block;font-size:29px;letter-spacing:0;color:#ffe19a}.game-dialog{color:#e4ecd2;background:linear-gradient(140deg,#254943,#112f38);border:2px solid #718360;border-radius:23px;padding:36px;width:min(850px,94vw);box-shadow:0 15px #061f2877,0 30px 80px #0006}.game-dialog::backdrop{background:#061c29ce;backdrop-filter:blur(6px)}.close-dialog{position:absolute;top:17px;right:17px}.game-dialog h2{font-size:30px;letter-spacing:-.7px;margin:10px 0;color:#f3e5af;font-weight:1000}.game-dialog>p{color:#a4bbaa;font-size:12px}.creatures{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 15px}.creatures article{background:#0c2b3277;border:1px solid #4d6d5560;border-radius:15px;padding:12px}.creature-art{width:100%;height:auto}.tag{font-size:6px;font-weight:1000;letter-spacing:1px;color:#cfe58b}.tag.danger{color:#ffb67e}.tag.blue-tag{color:#9ae6e3}.creatures h3{font-size:14px;margin:9px 0}.creatures p{font-size:10px;line-height:1.7;color:#b0c4b6}.journal-footnote{font-size:9px!important}.settings-dialog{max-width:480px}.settings-dialog label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #52705a66;font-size:14px;font-weight:900}.settings-dialog small{display:block;font-size:10px;font-weight:600;color:#a8bba7;margin-top:4px}.settings-dialog input{accent-color:#c4de7f;width:22px;height:22px;flex-shrink:0}.gentle *{transition:none!important;animation:none!important}@media(min-width:1500px){.canvas-wrap{height:680px}}@media(max-width:1100px){.game-app{padding:0 22px}.top-center{display:none}.modes{gap:7px;padding:10px}.modes button{padding:14px 10px;gap:9px}.modes strong{font-size:13px}.mode-select{display:none}.modes small{font-size:5px}.mode-icon{font-size:25px;width:26px}.trail-heading h2{font-size:12px}.journal-link{display:none}.canvas-wrap{height:580px}}@media(max-width:700px){.game-app{padding:0 10px}.topbar{height:72px}.utility{padding:10px;font-size:7px}.top-actions{gap:7px}.top-actions .utility:first-child{font-size:0}.top-actions .utility:first-child span{font-size:16px;margin:0}.wordmark svg{width:32px;height:32px}.wordmark>span{font-size:13px}.wordmark>span>span{font-size:18px}.game-shell{border-radius:16px}.canvas-wrap{height:570px;min-height:0}.game-top{left:15px;right:15px;top:17px}.location strong{font-size:10px}.location #chapter{font-size:6px}.location-icon{font-size:25px}.weather{gap:7px;font-size:7px}.weather>span{padding:7px 9px}.weather .square-button{width:30px;height:30px}.overlay-card{padding:20px 10px;margin-bottom:15px}.chapter-ribbon{font-size:7px;letter-spacing:1.2px;gap:8px}h1{font-size:80px}h1 em{font-size:96px}.overlay p{font-size:12px;max-width:285px}.title-subline{font-size:10px}.play-button{min-width:245px;font-size:15px}.modes{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.modes button{padding:13px 9px;gap:9px}.modes small{font-size:5px}.modes strong{font-size:12px}.modes em{font-size:8px}.mode-icon{width:30px}.in-game-bottom{left:16px;right:16px;bottom:18px}.pond-tip{font-size:9px;max-width:62%}.best-badge{gap:6px}.best-badge>span{font-size:23px}.best-badge>div{font-size:5px}.best-badge strong{font-size:7px}.best-badge b{font-size:14px}.hud{top:64px;left:12px;right:12px;gap:8px}.health{padding:7px;gap:7px}.avatar{display:none}.tiny-label{font-size:5px}#hearts{font-size:16px}.objective{flex:1;width:auto;padding:10px 8px}.objective>div:first-child{font-size:5px;gap:5px}.objective strong{font-size:6px}.score-pill{padding:9px;gap:6px}.score-pill>span{font-size:5px}.score-pill>b{font-size:18px}.dash-hud{left:15px;bottom:70px;padding:8px 10px}.dash-hud>div{width:75px}.dash-label kbd{display:none}.touch-dash{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:69px;right:18px;z-index:3;width:63px;height:63px;background:linear-gradient(#f2dd86,#c0b46a);border:2px solid #ffe7a0;box-shadow:0 5px #74653b;border-radius:50%;font-size:25px;color:#334835;touch-action:none}.touch-dash small{font-size:7px;font-weight:1000}.chain{bottom:147px;right:24px;width:52px}.chain b{font-size:25px}.chain span{font-size:5px}.adventure-strip{display:block;margin:25px 0}.trail-heading{text-align:center;margin-bottom:20px}.trail-heading h2{font-size:15px}.trail{max-width:100%}.trail-node small{font-size:5px}.trail-node{width:66px}.trail-node i{width:29px;height:29px}.trail:before{top:14px}footer{justify-content:center;font-size:8px;flex-wrap:wrap;padding-top:14px}footer>div{display:none}.footer-touch{display:block;font-size:7px;letter-spacing:1px}.creatures{grid-template-columns:repeat(2,1fr)}.game-dialog{padding:27px 20px;max-height:88vh}.game-dialog h2{font-size:24px;margin-right:20px}.game-dialog .eyebrow{font-size:6px}.toast{font-size:10px;width:max-content;max-width:85%;padding:9px 16px}body:not([data-state=menu]) .overlay h1{font-size:34px}.result-stats{gap:20px}.result-stats b{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Keep long mode titles and narrow screens readable. */
body[data-state=menu][data-adventure-mode=infinite] h1{font-size:69px;letter-spacing:-3px}
.modes small{font-size:7px}.modes em{font-size:10px}.square-button:disabled{opacity:.45;cursor:default;filter:none}
@media(max-width:700px){body[data-state=menu][data-adventure-mode=infinite] h1{font-size:46px;letter-spacing:-2px}.modes small{font-size:6px;letter-spacing:.7px}.modes em{font-size:9px}.modes strong{font-size:13px}.trail-node small{font-size:6px}.overlay-card{max-width:100%}}
@media(max-width:360px){.top-actions{gap:5px}.utility{padding:9px 7px}.topbar{gap:8px}.wordmark{gap:6px}.wordmark svg{width:28px}.modes strong{font-size:11px}.modes small{font-size:5px}.modes em{font-size:8px}.mode-icon{width:22px}.modes button{gap:6px}h1{font-size:68px}h1 em{font-size:86px}.chapter-ribbon{font-size:6px}}

.game-info{max-width:1000px;margin:32px auto;padding:24px;color:#d5e4c3;font:16px/1.7 system-ui}.game-info h2{font-size:26px;transform:none;text-shadow:none}.game-info a{color:#d9ef91}