:root{--ink:#2d4942;--muted:#5d746e;--line:#d1e2de;--paper:#f4faf8;--green:#387462}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#edf5f3;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.7}a{color:#246b60;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #387462;outline-offset:4px}.skip-link{position:fixed;left:12px;top:-70px;background:#fff;padding:12px;z-index:20}.skip-link:focus{top:12px}.site-nav{display:flex;gap:20px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.site-nav a{text-decoration:none;font-weight:650}.site-nav a:hover{text-decoration:underline}.site-footer{padding:30px 0 18px;margin-top:30px;border-top:1px solid var(--line);font-size:12px;letter-spacing:0;line-height:1.7;text-align:center;color:var(--muted)}.site-footer nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.site-footer p{margin:0 0 10px}.progress-panel,.home-content{max-width:900px;margin:24px auto;padding:26px 30px;border:1px solid var(--line);border-radius:20px;background:var(--paper);text-align:left}.progress-panel{background:#e5f2ec}.progress-panel h2,.home-content h2{font-family:inherit;font-size:25px;line-height:1.35;margin:0 0 15px;max-width:none}.progress-panel p,.home-content p{color:var(--muted);font-size:15px;line-height:1.8;margin:10px 0}.tool-actions{display:flex;gap:10px;flex-wrap:wrap}.tool-actions button{background:#fff;border:1px solid #acc9bd;border-radius:10px;padding:10px 14px;font-size:13px;min-height:44px}.fine-print{font-size:12px!important}.eyebrow{font-size:11px!important;letter-spacing:1.5px;color:#567c6f!important}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid h3{font-size:17px;margin:5px 0}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.guide-cards a{display:block;background:#edf5f3;padding:18px;border:1px solid var(--line);border-radius:14px;text-decoration:none}.guide-cards strong,.guide-cards span{display:block}.guide-cards strong{font-size:15px}.guide-cards span{font-size:13px;color:var(--muted);margin-top:6px}.home-content figure{max-width:340px;margin:22px auto;text-align:center}.home-content img{display:block;width:100%;height:auto;border-radius:16px}.home-content figcaption{font-size:12px;color:var(--muted);margin-top:12px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:650}.article-main{max-width:900px;margin:auto;padding:24px 32px}.article-header{border-bottom:1px solid var(--line);padding-bottom:12px}.brand{font-size:27px;font-family:'Chalkboard SE','Comic Sans MS',cursive;text-decoration:none;color:var(--ink)}.brand span{display:block;font:11px system-ui;letter-spacing:.6px;color:var(--muted)}article{background:#f8fcfa;border:1px solid var(--line);padding:34px;border-radius:20px;margin:22px 0}article h1{font-family:inherit;font-weight:750;font-size:clamp(28px,4vw,42px);line-height:1.18;margin:14px 0 20px}article h2{font:700 24px/1.3 system-ui;margin:32px 0 12px}article p,article li{font-size:16px;color:var(--muted)}article li{margin-bottom:12px}.lede{font-size:18px}.review-date{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px;margin:20px 0;line-height:1.5}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}th{color:var(--ink);background:#e7f2ee}td{color:var(--muted)}.return-link{margin-top:30px;font-weight:700}dialog{border:1px solid #bad2c6;border-radius:20px;background:#f6fbf8;color:var(--ink);max-width:min(540px,calc(100vw - 24px));padding:24px}dialog::backdrop{background:#203d3266}dialog h2{font:700 24px system-ui}dialog button{padding:10px 14px;border-radius:10px;border:1px solid #9ebeae;margin:6px 5px 0 0;min-height:44px}#tool-status:empty{display:none}#storage-state[data-error=true]{color:#943e2b;font-weight:650}.layout aside h1{font-size:clamp(35px,4vw,54px);line-height:1.15}.layout{padding-top:20px}.home-content[hidden]{display:none}
@media(max-width:740px){.site-nav{gap:9px 17px;font-size:12px;padding:10px 0}.progress-panel,.home-content{padding:21px 18px;border-radius:16px;margin:18px auto}.feature-grid{grid-template-columns:1fr;gap:10px}.guide-cards{grid-template-columns:1fr}.article-main{padding:16px}article{padding:24px 18px}.progress-panel h2,.home-content h2{font-size:22px}.layout{padding:12px 0}.game{width:min(420px,100%,calc((100svh - 240px)*.6176))}th,td{padding:9px 5px;font-size:12px;overflow-wrap:anywhere}.site-footer nav{gap:14px}.article-header .brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.page-title{font:700 19px/1.3 system-ui;margin:18px 0 0;color:#315c50}.hero-title{font:400 clamp(48px,6vw,76px)/1.05 'Chalkboard SE','Comic Sans MS',cursive!important;color:#343d32!important;margin:20px 0!important}.hero-title em{color:#387462;font-style:normal}@media(max-width:740px){.page-title{text-align:center;font-size:17px;margin-top:12px}.game{width:min(420px,100%,calc((100svh - 260px)*.6176))}}

@media(max-width:740px){.game{width:min(420px,100%,max(260px,calc((100svh - 260px)*.6176)))}}
@media(min-width:741px){.game{width:min(420px,max(270px,calc((100svh - 330px)*.6176)))}}
.story-section{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center}.story-section h2{font-size:34px;line-height:1.18}.story-section figure{width:100%;margin:0}.story-section figure img{width:100%;height:auto;object-fit:contain}.guide-character{width:100%;height:auto;touch-action:auto}.sky-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.sky-gallery figure{max-width:none;width:100%;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-align:left}.sky-art{width:100%;height:auto;touch-action:auto}.sky-gallery figcaption{padding:15px}.sky-gallery strong,.sky-gallery span,.medal-showcase span{display:block}.sky-gallery strong{font-size:17px;color:var(--ink)}.sky-gallery span{font-size:12px;margin-top:4px}.sky-gallery p{font-size:13px;line-height:1.7;margin-bottom:0}.medal-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.medal-showcase figure{margin:0;text-align:center}.medal-showcase img{width:72px;height:72px;margin:auto}.medal-showcase figcaption{font-size:12px;line-height:1.6}.return-to-play{text-align:center;background:#dceee5}.return-to-play a{display:inline-block;background:#387462;color:white;border-radius:12px;padding:12px 25px;font-weight:700;text-decoration:none}@media(max-width:740px){.story-section{grid-template-columns:1fr;gap:20px}.story-section h2{font-size:29px}.story-section figure{max-width:290px;margin:auto}.sky-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sky-gallery figcaption{padding:12px}.sky-gallery p{font-size:12px}.sky-gallery strong{font-size:15px}.medal-showcase{grid-template-columns:repeat(3,1fr)}.medal-showcase img{width:60px;height:60px}}
.obstacle-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.obstacle-gallery figure{margin:0;text-align:center;background:#edf5f3;border-radius:14px;padding:12px}.obstacle-gallery img{width:100%;height:130px;object-fit:contain}.obstacle-gallery figcaption{font-size:13px;line-height:1.5}.obstacle-gallery span{display:block;font-size:11px;color:var(--muted);margin-top:5px}@media(max-width:740px){.obstacle-gallery{grid-template-columns:repeat(2,1fr)}}