:root{font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-size:16px;color:#293451;background:#fff7f4;line-height:1.65;--pink:#f6cfdc;--ink:#293451;--purple:#7566a0;--blue:#b9e0e6;--yellow:#fff0b8}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{min-height:44px;min-width:44px;padding:.55rem .9rem;border:2px solid var(--ink);background:#fffdf7;border-radius:22px;cursor:pointer;white-space:normal;overflow-wrap:anywhere}button:hover{background:var(--yellow)}button:disabled{cursor:default;opacity:.56}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:4px solid #bd4c78;outline-offset:3px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1100px;margin:auto;padding:1rem 1.5rem}header a,footer a{min-height:44px;display:inline-flex;align-items:center}.brand{font-size:.8rem;font-weight:900;letter-spacing:.16em;text-decoration:none}.portal{font-size:.85rem}main{max-width:1060px;margin:auto;padding:.5rem 1.5rem 2rem}h1{font-size:clamp(2rem,4vw,3.9rem);line-height:1.28;margin:.5rem 0 1rem;letter-spacing:.02em}h2{font-size:1.5rem;line-height:1.4;margin:.7rem 0}h3{font-size:1.15rem}.eyebrow{font-size:.85rem;font-weight:800;letter-spacing:.14em;color:#73587f}p{margin:.65rem 0}.intro{max-width:38rem}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.3rem 0}nav button{border-color:#a493b2}nav button[aria-current=page]{background:var(--purple);border-color:var(--purple);color:white}.paper{background:white;border:2px solid #d4c6d6;border-radius:30px;padding:1.2rem;min-width:0}.stats{display:flex;gap:.5rem;flex-wrap:wrap}.stats span{background:var(--yellow);padding:.2rem .8rem;border-radius:20px;font-weight:700}.pond{position:relative;width:100%;height:clamp(240px,36vw,390px);background:var(--pink);border-radius:43% 39% 42% 36% / 27% 35% 29% 32%;margin:1.4rem 0;box-shadow:inset 0 0 0 8px #fbe2e7,inset 0 0 0 12px #f4bfce;isolation:isolate}.pond:after{content:"";position:absolute;inset:12px;background-image:radial-gradient(#fff9f480 .8px,transparent 1px);background-size:5px 7px;border-radius:inherit;pointer-events:none}.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.leaf{position:absolute;transform:translate(-50%,-50%);width:clamp(54px,10vw,86px);height:clamp(54px,10vw,86px);border-radius:42% 51% 44% 48%;border:3px solid #729faa;background:var(--blue);padding:.12rem;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:.9rem;font-weight:800;box-shadow:3px 3px 0 #e8a8bb}.leaf:hover{background:#d8f1ee}.leaf.selected{outline:4px solid #bd4c78;outline-offset:4px}.leaf .frog{width:47px;height:33px;max-width:90%}.leaf small{font-size:.68rem;line-height:1}.leaf.goal{border-color:#aa648a;background:#eee0f2}.leaf .flower{font-size:1.15rem;line-height:1}.stage-title{display:flex;flex-wrap:wrap;gap:.7rem;align-items:baseline}.stage-title .seal{font-size:.8rem}.underpond{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.preview{background:#f1eafa;border:2px dashed #ac94be;border-radius:25px;padding:1rem;min-width:0;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.primary{background:var(--purple);border-color:var(--purple);color:white;font-weight:800}.primary:hover{background:#5d4d87}.notice{min-height:1.65em;color:#944267;font-weight:700;overflow-wrap:anywhere}.seed-list,.route-list{padding-left:1.4rem}.seed-list li{margin:.25rem 0}.collected{text-decoration:line-through;color:#727687}.result{border:3px solid #9771a1;background:#f7eefb;border-radius:28px;padding:1rem;margin:1rem 0}.condition{padding:.5rem 0;overflow-wrap:anywhere}.condition b{margin-right:.5rem}.pages-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.pages-list button{display:block;width:100%;text-align:left;border-radius:26px;padding:1rem}.pages-list small{display:block}.help-list{padding-left:1.4rem}.help-list li{margin:.7rem 0}details{margin:1rem 0;border:2px solid #d4c6d6;border-radius:20px;padding:.7rem 1rem;overflow-wrap:anywhere}summary{cursor:pointer;min-height:44px;padding:.5rem 0;font-weight:700}label{display:block;font-weight:700;margin:.5rem 0}textarea{display:block;width:100%;min-height:220px;resize:vertical;border:2px solid #a493b2;border-radius:18px;padding:.8rem;font-family:monospace;font-size:.8rem;overflow-wrap:anywhere}select{width:100%;min-height:44px;border:2px solid #a493b2;padding:.5rem;border-radius:18px;background:white}footer{font-size:.8rem;border-top:2px dashed #d4c6d6;flex-wrap:wrap}#sync-note{max-width:1012px;margin:1rem auto;padding:1rem;background:#fff0b8;border:3px solid #aa6383;border-radius:22px}#sync-note[hidden]{display:none}.reset-warning{padding:1rem;border:2px dashed #aa6383;border-radius:22px}.muted{font-size:.88rem;color:#60667b}.route{font-size:1rem;line-height:1.8;overflow-wrap:anywhere}#art{display:none}
@media(max-width:600px){main{padding:.3rem .75rem 1.5rem}header,footer{padding:.7rem .75rem;gap:.5rem}header .portal{font-size:.75rem}.paper{padding:.8rem;border-radius:23px}.underpond{grid-template-columns:1fr}.pond{height:250px}.leaf{width:54px;height:54px}.leaf .frog{width:32px;height:25px}.leaf small{display:none}h1{font-size:2.2rem}nav button{flex:1 0 42%}.stage-title{gap:.3rem}.actions button{flex:1 0 auto}}
@media(prefers-reduced-motion:no-preference){.leaf{transition:background .15s,outline .15s}.result{animation:appear .2s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}

.masthead{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:1rem}.masthead h1{font-size:2.6rem}.hero-art{display:block;width:100%;height:auto;border-radius:38% 18% 28% 20%}.masthead .intro{font-size:.9rem}@media(max-width:600px){.masthead{grid-template-columns:1fr}.masthead h1{font-size:2rem}.hero-art{max-height:130px;object-fit:cover;object-position:right}.pond{margin-top:1rem}}

header{flex-wrap:wrap}#font-toggle{font-size:.75rem;padding:.3rem .7rem}.leaf{line-height:1}.leaf .frog{position:absolute;top:-13px;left:50%;transform:translateX(-50%)}.leaf .flower{position:absolute;top:-10px;right:-7px}.leaf span:not(.flower){line-height:1.1}

.portal{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}

button{max-width:100%}.actions button{flex:1 1 10rem;min-width:44px;max-width:100%}
.seed-label{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#fff9ee;color:#514064;border:2px dotted #a8799e;min-width:1.5rem;line-height:1.5;text-align:center;font-size:.9rem;font-weight:800;pointer-events:none}.seed-label.taken{background:#f6cfdc;border:1px dashed #b98da4;color:#514064}.order-list{padding:.65rem;background:#f5edf8;border-radius:1.2rem;margin:.75rem 0}.order-list p{overflow-wrap:anywhere}.order-list h3{margin-top:0}
@media(max-width:600px){main{padding:4px 4px 24px}.paper{padding:8px}}