.early-sprite{position:absolute;width:0;height:0;overflow:hidden}
.early-game{scroll-margin-top:calc(var(--header-height) + 20px)}
.matching-example>*{min-width:0}.matching-pair figure{margin:0;min-width:0}.match-notice p{min-width:0}
.feeling-cards .early-card{display:block;padding:0;border:0;background:transparent}
.feeling-face{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:22px;padding:23px 20px;font:inherit;cursor:pointer}
.feeling-face strong{font-size:24px}.feeling-face>span{font-size:17px;display:flex;align-items:center;gap:12px;color:var(--green)}.feeling-face:hover,.feeling-face[aria-pressed=true]{border-color:var(--green);background:var(--surface-soft)}
.early-main{max-width:1180px;margin:auto;padding:0 38px;font-size:18px}
.early-main p{line-height:1.85}.early-main h1,.early-main h2,.early-main h3{line-height:1.45}
.early-main .eyebrow{font-size:14px;letter-spacing:.02em;color:var(--muted);font-weight:600}
.early-art{display:block;width:100%;height:auto;max-width:200px;flex:none}
.early-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--muted);padding-top:26px}
.early-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.early-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center;padding:42px 0 40px}
.early-hero h1{font-size:clamp(36px,3.5vw,48px);letter-spacing:-1px;margin:18px 0 16px}
.early-badge{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:50px;margin-right:9px;background:var(--surface-soft);color:var(--green)}
.early-lead{font-size:22px;color:var(--muted)}.early-hero .primary-button{display:inline-flex;margin-top:24px;font-size:18px;min-height:54px;gap:18px}
.early-main .early-note{font-size:15px;color:var(--muted);line-height:1.8;margin-top:16px}
.early-hero-art{background:#edf0df;border:1px solid #c8d3b9;border-radius:32px 32px 70px 32px;padding:26px 16px 25px;position:relative;color:#34483b;box-shadow:0 9px 0 #dce3ce;transform:rotate(1.5deg)}
.art-label{display:block;text-align:center;font-size:18px;font-weight:600}.hero-art-row{display:flex;align-items:center;justify-content:center;min-height:206px;gap:0}.hero-art-row .hero-small{width:28%;max-width:130px;transform:rotate(-9deg)}.hero-art-row .hero-small:last-child{transform:rotate(10deg)}.hero-art-row .hero-large{width:43%;max-width:205px}.early-matching .hero-art-row .hero-small{width:42%;max-width:180px}.art-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.art-dot{width:9px;height:9px;border-radius:50%;background:#557c59}
.early-goal{display:flex;gap:16px;padding:21px 25px;background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;align-items:center}.early-goal>.ui-icon{width:30px;height:30px;flex:none;color:var(--green)}.early-goal strong{display:block;font-size:16px}.early-goal p>span{display:block;font-size:18px;color:var(--muted)}
.early-steps{display:flex;margin:28px 0 0;gap:28px;border-bottom:1px solid var(--line);padding-bottom:23px}.early-steps a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px}.early-steps a:hover{text-decoration:underline}.early-steps span{display:grid;place-items:center;width:32px;height:32px;background:var(--surface-soft);border-radius:50%;font:20px Georgia,serif;color:var(--green)}
.early-section{padding:48px 0;scroll-margin-top:calc(var(--header-height) + 20px)}.early-section h2{font-size:32px;margin:10px 0 12px}.early-section>p:not(.eyebrow){color:var(--muted)}
.early-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px}.early-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:23px 20px 20px;min-width:0}.early-card .early-art{background:#f3f3e5;border-radius:24px;width:85%;max-width:190px;padding:7px}.early-card h3{font-size:23px;margin-top:17px}.early-card p{font-size:17px;color:var(--muted);margin:9px 0 17px}.early-card .early-button{margin-top:auto;width:100%;font-size:16px}
.early-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;padding:13px 18px;min-height:54px;font:inherit;line-height:1.5;font-size:18px;font-weight:600;border:1px solid var(--green);background:var(--green);color:var(--button-ink);cursor:pointer;text-align:center;text-decoration:none}.early-button:hover{filter:brightness(1.08)}.early-button.quiet{background:var(--surface);color:var(--green);border-color:var(--line)}.early-button.quiet:hover{background:var(--surface-soft);border-color:var(--green)}.early-button.is-playing,.early-button[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface-deep);border-color:var(--green);background:var(--surface-deep);color:var(--ink)}
.audio-fallback{width:100%;margin-top:15px;font-size:14px;text-align:left;color:var(--muted)}.audio-fallback summary{cursor:pointer;padding:7px 0}.audio-fallback audio{max-width:100%;width:100%;margin-top:10px}.audio-tools{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.audio-tools label{font-size:16px}.audio-tools output{display:inline-block;min-width:40px}.audio-tools input{width:160px;min-height:44px;accent-color:var(--green)}.audio-tools .early-button{font-size:16px;min-height:44px;padding:8px 15px}.audio-tools p{flex-basis:100%;font-size:15px;color:var(--muted)}
.matching-example{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-top:26px}.matching-pair{background:var(--surface);border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;justify-content:center;padding:25px 18px;gap:12px}.matching-pair figure{width:42%;text-align:center}.matching-pair .early-art{background:#f3f3e5;border-radius:24px;padding:5px;margin:auto}.matching-pair figcaption{font-size:16px;margin-top:15px}.pair-mark{display:grid;place-items:center;border-radius:50%;width:37px;height:37px;flex:none;background:var(--surface-soft);color:var(--green)}.match-notice{background:var(--surface-soft);border:1px solid var(--line);border-radius:24px;text-align:center;padding:20px}.match-notice .early-art{max-width:145px;margin:auto}.match-notice p{font-size:17px;color:var(--muted)}.match-notice strong{color:var(--ink)}
.early-story{font-size:20px;line-height:1.9;background:var(--surface-soft);border:1px solid var(--line);padding:24px;border-radius:17px;margin-top:20px}
.early-play{display:grid;grid-template-columns:.65fr 1.35fr;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}.play-intro{padding-top:14px}.play-intro>p{color:var(--muted)}.play-facts{display:flex;flex-direction:column;gap:10px;margin-top:22px;font-size:16px;color:var(--muted)}.play-facts span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:10px}
.early-game{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;min-width:0;box-shadow:0 6px 0 var(--surface-deep)}.game-welcome,.game-finish{text-align:center;padding:8px 0}.game-welcome .early-art,.game-finish .early-art{width:145px;margin:auto;background:#f3f3e5;border-radius:50%;padding:10px}.early-game h3{font-size:24px;margin:16px 0}.game-welcome p,.game-finish>p{font-size:17px;color:var(--muted);margin-bottom:18px}.game-welcome .early-button{min-width:190px}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;color:var(--muted)}.game-dots{display:flex;gap:6px}.game-dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}.game-dots .active{background:var(--green)}
.game-target{margin:10px auto 22px;text-align:center;max-width:180px}.game-target .early-art{background:#f3f3e5;border-radius:20px;max-width:150px;margin:auto}.game-target figcaption{margin-top:7px;font-size:15px;color:var(--muted)}.game-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 16px}.picture-choice{display:flex;flex-direction:column;align-items:center;gap:13px;padding:12px 8px;min-width:0;min-height:130px;border:2px solid var(--line);border-radius:17px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:16px;line-height:1.6;font-weight:600;cursor:pointer}.picture-choice .early-art{width:100%;background:#f3f3e5;border-radius:12px}.picture-choice:hover:not(:disabled){border-color:var(--green);background:var(--surface-soft)}.picture-choice.try-again{border-style:dashed;border-color:var(--warm-ink)}.picture-choice.is-correct{border-color:var(--green);box-shadow:0 0 0 2px var(--green);background:var(--surface-soft)}.picture-choice:disabled{cursor:default;opacity:1}.game-feedback{min-height:70px;font-size:17px;padding:14px 16px;background:var(--surface-soft);border-radius:12px;color:var(--muted)}.game-feedback.is-correct{color:var(--green);font-weight:600}.game-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.game-actions .early-button{font-size:17px}.mystery-sound{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:15px 0 0}.mystery-sound .early-note{width:100%;text-align:center;margin-top:0;min-height:27px}.mystery-sound .early-button{font-size:17px}.bear-says{font-size:24px;font-weight:600;text-align:center;padding:20px 12px;background:var(--surface-soft);border-radius:13px}.early-game h3:focus{outline:0}
.checkin-section{text-align:center}.checkin-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:27px auto 22px;max-width:850px}.checkin-button{font:inherit;font-weight:600;font-size:20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;border:2px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);padding:17px 12px}.checkin-button .early-art{background:#f3f3e5;border-radius:50%;padding:5px}.checkin-button[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px var(--green);background:var(--surface-soft)}#checkin-response{background:var(--surface-soft);padding:18px;border-radius:14px;font-size:20px;min-height:74px}#checkin-title{scroll-margin-top:calc(var(--header-height) + 20px)}
.early-offline{display:flex;gap:23px;background:var(--surface-soft);border:1px solid var(--line);border-radius:22px;padding:30px;margin:45px 0 28px}.offline-icon{display:grid;place-items:center;background:var(--surface);border-radius:50%;width:58px;height:58px;flex:none;color:var(--green)}.offline-icon .ui-icon{width:30px;height:30px}.early-offline h2{font-size:28px}.early-offline p:not(.eyebrow){color:var(--muted)}.early-parent{border:1px solid var(--line);border-radius:17px;font-size:16px}.early-parent summary{padding:22px;cursor:pointer;font-weight:600}.early-parent>div{padding:0 25px 25px;color:var(--muted)}.early-parent h3{font-size:19px;margin:20px 0 8px;color:var(--ink)}.early-parent a{display:inline-flex;align-items:center;gap:10px;margin-top:14px;text-decoration:underline}.early-next{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:38px 0 48px}.early-next a{font-size:16px;display:inline-flex;align-items:center;gap:14px}.early-footer{max-width:1104px;margin:auto;padding:24px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.early-footer>a:last-child{display:inline-flex;gap:10px;align-items:center;color:var(--muted);font-size:15px}
[data-theme=dark] .early-hero-art{background:#d9e1c9;border-color:#8ca780;box-shadow:0 9px 0 #2c4734}
@media(max-width:950px){.early-hero{gap:25px}.early-main{padding:0 26px}.early-hero h1{font-size:36px}.early-lead{font-size:20px}.early-play{grid-template-columns:1fr;gap:22px}.play-facts{flex-direction:row;flex-wrap:wrap;gap:18px;margin-top:15px}.early-game{max-width:720px;width:100%;margin:auto}.early-card{padding:18px 12px}.early-card .early-button{font-size:15px;padding:12px 8px}.early-footer{margin:0 26px}}
@media(max-width:650px){.early-main{padding:0 20px}.early-breadcrumb{font-size:13px;padding-top:22px;gap:8px}.early-hero{grid-template-columns:1fr;padding:28px 0;gap:27px}.early-hero h1{font-size:36px;margin:17px 0 12px;letter-spacing:-.7px}.early-main .eyebrow{font-size:13px}.early-badge{margin-right:6px}.early-lead{font-size:21px}.early-hero-art{max-width:450px;width:100%;margin:auto;padding:21px 12px;border-radius:26px 26px 50px 26px}.hero-art-row{min-height:170px}.art-label{font-size:18px}.art-caption{font-size:14px}.early-goal{padding:18px;gap:12px}.early-goal p>span{font-size:17px}.early-steps{gap:10px;justify-content:space-between;margin-top:24px;padding-bottom:18px}.early-steps a{flex-direction:column;font-size:14px;gap:7px}.early-section{padding:35px 0}.early-section h2{font-size:27px}.early-section>p{font-size:18px}.early-three{grid-template-columns:1fr;gap:16px;margin-top:24px}.early-card{display:grid;grid-template-columns:110px 1fr;text-align:left;align-items:center;gap:8px 16px;padding:18px}.early-card .early-art{grid-column:1;grid-row:1/4;width:110px;padding:3px;border-radius:18px}.early-card h3{margin:0;font-size:22px}.early-card p{margin:0;font-size:16px}.early-card .early-button{font-size:16px;padding:10px;min-height:48px}.early-card .audio-fallback{grid-column:1/-1;margin-top:0;font-size:14px}.feeling-cards .early-card .early-art{grid-row:1/3}.feeling-static{grid-column:1/-1}.audio-tools{gap:10px 14px;padding:16px}.audio-tools input{width:130px}.audio-tools p{font-size:14px}.matching-example{grid-template-columns:1fr;gap:16px}.matching-pair{gap:10px;padding:22px 13px}.matching-pair figcaption{font-size:15px}.pair-mark{width:27px;height:27px}.match-notice{display:flex;align-items:center;text-align:left;gap:18px;padding:16px}.match-notice .early-art{width:100px;margin:0}.match-notice p{font-size:16px}.early-story{padding:19px;font-size:19px}.early-game{padding:20px 15px;border-radius:20px}.early-game h3{font-size:23px}.play-intro{padding-top:0}.game-choices{gap:8px}.picture-choice{gap:9px;padding:9px 5px;font-size:14px;border-radius:13px;min-height:115px}.game-feedback{padding:13px;font-size:17px;min-height:90px}.bear-says{font-size:22px}.game-actions{gap:10px}.game-actions .early-button{font-size:16px;padding:12px 14px}.game-topline{font-size:14px}.checkin-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.checkin-button{font-size:21px;padding:14px}.checkin-button .early-art{max-width:135px}.early-offline{padding:22px 18px;gap:13px;margin:35px 0 24px}.offline-icon{width:37px;height:37px}.offline-icon .ui-icon{width:23px;height:23px}.early-offline h2{font-size:24px}.early-offline p{font-size:18px}.early-parent summary{padding:18px;font-size:16px}.early-parent>div{padding:0 20px 22px}.early-next{flex-direction:column;align-items:stretch;padding:28px 0 35px;gap:14px}.early-next a{justify-content:center;font-size:16px;text-align:center}.early-footer{margin:0 20px;flex-direction:column;align-items:flex-start;gap:19px}.early-footer>a:last-child{font-size:14px}}
@media(max-width:650px){.feeling-face{display:grid;grid-template-columns:110px 1fr;gap:10px 18px;padding:18px;text-align:left}.feeling-face .early-art{grid-row:1/3!important}.feeling-face strong{align-self:end}.feeling-face>span{align-self:start;font-size:16px}.picture-choice{font-size:16px}}
@media(max-width:360px){.early-main{padding:0 16px}.early-hero h1{font-size:32px}.early-main .eyebrow{font-size:12px}.early-card{grid-template-columns:85px 1fr;gap:8px 12px;padding:14px}.early-card .early-art{width:85px}.early-card .early-button{font-size:15px}.early-card h3{font-size:21px}.early-game{padding:18px 11px}.picture-choice{font-size:15px}.early-offline{gap:0}.offline-icon{display:none}.early-steps a{font-size:13px}.art-caption{font-size:13px}.feeling-face{grid-template-columns:85px 1fr;padding:15px}.feeling-face>span{font-size:15px;gap:8px}}

@media(max-width:650px){.early-main .early-hero .eyebrow{line-height:1.8}}