/* Home, chapter selection, loading screen, and code-drawn new environments. */
header #music{margin-left:auto}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:65px 0}.home-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.5}.home-hero p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted)}#resume{margin-top:12px;background:var(--ink);color:#f8f2de;border:0}.hero-map{position:relative;height:300px;border-radius:50% 50% 12px 12px;overflow:hidden;background:linear-gradient(#b6d0ce 55%,#7faaa5 55% 65%,#a5c8bd 65%);border:8px solid #f6f2e8;box-shadow:0 15px 50px #4c625a15}.map-sun{position:absolute;top:30px;left:65px;width:90px;height:90px;border-radius:50%;background:#fae6b5}.map-island{position:absolute;bottom:30px;right:-10px;width:80%;height:135px;border-radius:80% 30% 0 0;background:#7e9b77;transform:rotate(-10deg);border-top:18px solid #c4c9a0}.map-path{position:absolute;top:70px;right:35px;width:120px;height:160px;border:2px dashed #f8f0d3;border-radius:50%;transform:rotate(25deg)}.map-label{position:absolute;bottom:12px;left:15px;font-size:9px;letter-spacing:3px;color:#f7f1dd}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{font:27px serif}.section-heading p{font-size:12px;color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.chapter-card{padding:0 22px 22px;overflow:hidden;border:1px solid #cbd0c2;border-radius:12px;background:#f5f1e7;display:flex;flex-direction:column}.chapter-card:nth-child(2){grid-column:span 2}.chapter-card small{font-size:11px;letter-spacing:2px;color:#7b896a;margin-top:20px}.chapter-card h2{font:25px serif;margin:12px 0}.chapter-card p{font-size:13px;line-height:1.9;color:var(--muted);flex:1}.chapter-art{height:155px;margin:0 -22px;background:radial-gradient(circle at 75% 30%,#f9e9b0 0 25px,transparent 26px),linear-gradient(160deg,transparent 60%,#90a989 60%),linear-gradient(#b9d3ce,#e6e2ca)}.island .chapter-art{background:radial-gradient(ellipse at 55% 130%,#6c8e71 0 48%,transparent 49%),linear-gradient(#becfca 50%,#95b9b2 50% 60%,#80aaa6 60%)}.beach .chapter-art{background:linear-gradient(168deg,#acd5d3 0 57%,#ebf5e7 58% 62%,#e2c998 63%)}.sky .chapter-art{background:radial-gradient(ellipse at 65% 30%,#c48e64 0 35px,transparent 36px),linear-gradient(#adcccf,#e5d9c7)}.forest .chapter-art{background:repeating-linear-gradient(85deg,transparent 0 55px,#476e5d80 56px 68px,transparent 69px 95px),linear-gradient(#668778,#c5d1ab)}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions button{font-size:12px}.card-actions button:first-child{background:#dfe5d5}.collection{display:block;margin-bottom:28px}.collection summary{font:25px serif;cursor:pointer}.collection summary span{font:12px sans-serif;color:var(--muted);margin-left:20px}.ending-grid{margin-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.memory.unlocked{border-color:#9bac86;background:#e7ebda}.next{border:1px solid #bdc7b0;border-radius:20px;padding:9px 22px;min-width:88px;text-align:center;font-size:13px;background:#e5eada}.choices button:before{content:none}.choices button{border-radius:8px}.route-tree,.route-tree ul{list-style:none;padding-left:15px}.route-tree{padding-left:0}.route-tree ul{border-left:1px solid #c9cdb9;margin:8px 0 14px 5px}.route-tree li{margin:12px 0}.route-tree span{font-size:12px;line-height:1.7}.route-tree button{font-size:12px;padding:8px 10px;text-align:left;white-space:normal}.no-portrait .dialogue{margin-top:230px}.no-portrait{min-height:530px}.beach .scenery{background:linear-gradient(#bbdddb 0 40%,#7aaea9 40% 52%,#e9f2da 53% 55%,#e4d0a4 56%)}.beach .floor{background:#dcc695;border:0;height:24%}.beach .landscape,.sky .landscape,.night .landscape,.ruins .landscape,.island .landscape{display:none}.beach .bench,.sky .bench,.forest .bench,.night .bench,.ruins .bench,.island .bench{display:none}.sky .scenery{background:radial-gradient(ellipse at 20% 38%,#f7efdf 0 15%,transparent 15.5%),radial-gradient(ellipse at 85% 48%,#f6eddc 0 20%,transparent 20.5%),linear-gradient(#aac9d1,#e9dac4)}.sky .floor{opacity:0}.balloon-shape{display:none}.sky .balloon-shape{display:block;position:absolute;top:55px;left:58%;width:110px;height:140px;background:repeating-linear-gradient(90deg,#cfa274 0 22px,#e7bc84 22px 44px);border-radius:50% 50% 45% 45%;box-shadow:inset -12px -10px 22px #74584420}.sky .balloon-shape:after{content:'';position:absolute;top:160px;left:38px;width:34px;height:25px;background:#987752;border-top:9px solid #715e43}.forest .scenery{background:repeating-linear-gradient(87deg,transparent 0 12%,#345e5066 12% 14%,transparent 14% 22%),linear-gradient(#547465,#a1b694)}.forest .sun{opacity:.7;background:#e4ecc4}.forest .floor{background:#63846c;border-color:#8eaa78}.forest .landscape{opacity:.25;filter:sepia(.7)}.ruins .scenery{background:repeating-linear-gradient(90deg,transparent 0 13%,#8a96835c 13% 19%,transparent 19% 28%),linear-gradient(#a6b3a1,#d2c5a9)}.ruins .floor{background:#9fa28a}.night .scenery{background:radial-gradient(circle at 20% 20%,#f8efd1 0 2px,transparent 3px),radial-gradient(circle at 70% 32%,#f8efd1 0 2px,transparent 3px),radial-gradient(circle at 40% 12%,#f8efd1 0 2px,transparent 3px),linear-gradient(#3f566e,#80918d)}.night .sun{width:65px;height:65px;background:#f8e6b3;left:70%;top:65px}.night .floor{background:#617d79;border-color:#84968a}.night .scene-meta{color:#f2ead3}.island .scenery{background:linear-gradient(#b6d0ce 42%,#80aaa6 42%)}.island .floor{border-radius:65% 25% 0 0;height:58%;background:#8fa17b;border-color:#c2c59c}
#loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}#loading-screen h1{font-size:32px}#loading-screen p{font-size:13px;line-height:1.8}#loading-screen small{font-size:11px;line-height:1.9;max-width:340px;color:var(--muted)}#loading-progress{width:min(300px,85vw);height:7px;accent-color:#6c8768;border:0;margin-top:20px}#loading-actions{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap;justify-content:center}#loading-actions button{font-size:12px}.loading-orbit{font-size:70px;color:#a4ad83;animation:orbit 6s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr;gap:24px;padding:32px 0}.hero-map{height:170px;order:-1}.home-hero h1{font-size:33px}.hero-map .map-island{height:100px}.hero-map .map-sun{width:55px;height:55px;top:12px}.chapter-grid{grid-template-columns:1fr}.chapter-card:nth-child(2){grid-column:auto}.chapter-art{height:115px}.section-heading{display:block}.ending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.no-portrait .dialogue{margin-top:190px}.no-portrait{min-height:490px}.collection summary{font-size:22px}.collection summary span{display:block;margin:12px 0}.route-tree,.route-tree ul{padding-left:9px}#back-home{font-size:11px;padding:8px}.sky .balloon-shape{left:55%;width:80px;height:110px}.sky .balloon-shape:after{top:125px;left:24px}.next{min-height:40px}}
/* Flowing color pools: no canvas loop, no blocked navigation. */
.portrait.head{overflow:visible}.portrait.head #portrait{height:210px;max-width:255px;mask-image:radial-gradient(ellipse at 50% 45%,#000 52%,transparent 75%)}
.clue{border:0;border-bottom:1px dashed #aca773;font-size:12px;padding:6px 0;margin-bottom:14px;color:#827447}
.ending-reveal{--a:#b87c35;--b:#326d73;--c:#aa5677;isolation:isolate;position:relative;text-align:center;overflow:hidden;border:1px solid #b9b388;border-radius:18px;padding:28px 18px;margin:20px 0;background:#182c38;color:#fff4d6;animation:reveal-panel .65s ease-out both}
.ending-reveal.tender{--a:#705b9c;--b:#377b90;--c:#a66679}.ending-reveal.dream{--a:#62367b;--b:#244c6a;--c:#763b51;background:#191d30}.ending-reveal.dawn{--a:#b78b47;--b:#48887e;--c:#6e709e}
.ending-fluid{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#12202b00,#101b2aa0)}
.ending-fluid i{position:absolute;width:85%;height:110%;left:-30%;top:-50%;border-radius:35% 65% 70% 30% / 40% 30% 70% 60%;background:radial-gradient(ellipse,var(--a),transparent 68%);opacity:.8;animation:ink-flow 10s ease-in-out infinite alternate}
.ending-fluid i:nth-child(2){left:40%;top:-10%;background:radial-gradient(ellipse,var(--b),transparent 70%);animation-delay:-5s;animation-duration:13s}.ending-fluid i:nth-child(3){left:5%;top:45%;background:radial-gradient(ellipse,var(--c),transparent 65%);animation-delay:-3s;animation-duration:11s}
#ending-frog{display:block;object-fit:contain;width:100px;height:100px;margin:0 auto 8px;filter:drop-shadow(0 5px 12px #0004);animation:frog-arrival .9s ease-out both}#ending-frog.head{mask-image:radial-gradient(ellipse,#000 48%,transparent 75%)}#ending-frog.half{mask-image:linear-gradient(#000 80%,transparent)}
.ending-reveal .eyebrow{color:#f2dfc5}.ending-reveal h2{font-size:clamp(24px,4vw,38px)!important;letter-spacing:3px;text-shadow:0 2px 12px #0007;animation:ending-title .9s .15s both}.ending-reveal p{line-height:1.8;text-shadow:0 1px 6px #000;animation:ending-title .8s .3s both}.ending-sparks{font-size:18px;color:#ead59d;letter-spacing:10px;animation:ending-title 1.2s both}
@keyframes ink-flow{0%{transform:translate(-5%,0) scale(1);opacity:.55}50%{transform:translate(28%,18%) scale(1.2,.85);opacity:.9;border-radius:65% 35% 40% 60%}100%{transform:translate(15%,40%) scale(.95,1.2);opacity:.6}}
@keyframes reveal-panel{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ending-title{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes frog-arrival{from{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.portrait.head #portrait{height:185px;max-width:225px}.ending-reveal{padding:22px 12px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ending-reveal,.ending-reveal *{animation:none!important}}
.reward{border:1px solid #d1bb7b;background:linear-gradient(135deg,#f5edce,#e4ecdc);border-radius:10px;padding:16px;font-size:13px;line-height:1.9;color:#46594b}.checkpoint-list{display:grid;gap:12px;margin:22px 0}.checkpoint-list article{border:1px solid #ccd2c4;border-radius:10px;padding:14px}.checkpoint-list p{font-size:13px;margin-top:0}.checkpoint-list button{font-size:12px;background:#e3e9d8}.relic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.relic-card{padding:18px;border:1px solid #d5d4c1;border-radius:14px;text-align:center;background:#eeeadd}.relic-card.owned{background:linear-gradient(145deg,#fff9e8,#e4ebdb);border-color:#bcb28b}.relic-card h3{font:18px/1.6 serif}.relic-card small{font-size:10px;color:#757f72}.relic-card p{font-size:12px;text-align:left;line-height:1.9}.relic-art{display:grid;place-items:center;width:76px;height:76px;margin:8px auto 20px;font:28px serif;color:#6b5939;border:2px solid #b39b60;background:#f0dfae;box-shadow:5px 7px 0 #465b4812;transform:rotate(-5deg)}.relic-art.letter{height:55px;border-bottom:12px double #b39b60}.relic-art.key{border-radius:50% 50% 15% 15%;width:50px;border-bottom-width:14px}.relic-art.compass{border-radius:50%;border-style:double;border-width:6px}.relic-art.ticket{border-style:dashed;height:52px;width:95px}.relic-art.leaf{border-radius:2px 70% 2px 70%;background:#ccdab2}.relic-art.photo{border:7px solid #fff9e8;border-bottom-width:17px;background:#aac5be}.relic-art.lamp{border-radius:50% 50% 20% 20%;background:radial-gradient(#fff6bf,#dcc16e);box-shadow:0 0 28px #dfb86b55}.relic-art.locked{border-color:#c6c6b7;color:#a2a594;background:transparent;border-style:dashed;box-shadow:none}@media(max-width:420px){.relic-grid{grid-template-columns:1fr}.relic-card{padding:16px}.checkpoint-list button{width:100%}}

#portrait-status:empty{display:none}#portrait-status{font-size:12px;color:var(--muted);text-align:center;margin:10px 0}#retry-portrait{display:block;margin:8px auto;font-size:12px}#retry-portrait[hidden]{display:none}