:root{color-scheme:light;font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;--ink:#304d49;--muted:#71817d;--paper:#fffdf8;--line:#ddd4b8;--green:#55a779;--gold:#d99c45;--coral:#e77968;--purple:#8172b2;--shadow:0 19px 46px rgba(58,75,68,.14)}
*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f3f7ed}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 7% 12%,rgba(225,164,76,.18) 0 140px,transparent 142px),radial-gradient(circle at 94% 29%,rgba(108,164,191,.14) 0 170px,transparent 172px),linear-gradient(145deg,#f1f7ec,#fff9ee 54%,#f1eef9)}body:before{position:fixed;inset:0;z-index:-1;opacity:.13;background-image:radial-gradient(#738e86 1.2px,transparent 1.2px);background-size:29px 29px;content:""}button{color:inherit;font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible{outline:4px solid rgba(217,156,69,.72);outline-offset:4px}h1,h2,p{margin-top:0}.app{width:min(1120px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:20px 0 48px}.loading-card{display:grid;min-height:320px;place-items:center;align-content:center;gap:12px;margin-top:60px;background:var(--paper);border:3px solid var(--line);border-radius:42px;box-shadow:var(--shadow)}.loading-card span{font-size:58px}.loading-card p{color:var(--muted);font-weight:900}.topbar,.brand,.top-actions,.section-heading,.game-head,.choice-head,.feedback,.animal-note{display:flex;align-items:center}.topbar{min-height:68px;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{gap:12px;padding:0;text-align:left;background:none;border:0}.brand-mark{display:grid;width:56px;height:56px;place-items:center;font-size:25px;background:#e7f2e6;border:3px solid #8aaf92;border-radius:19px;box-shadow:0 7px 16px rgba(65,84,76,.12);transform:rotate(-4deg)}.brand strong,.brand small{display:block}.brand strong{font-size:24px;font-weight:900}.brand small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.top-actions{gap:10px}.top-chain{color:var(--coral);font-size:19px;font-weight:900;letter-spacing:.12em}.sound-button,.back-button{min-width:48px;min-height:48px;font-weight:900;background:rgba(255,253,248,.95);border:2px solid var(--line);border-radius:17px}.sound-button{display:flex;align-items:center;gap:8px;padding:0 16px;font-size:13px}.back-button{padding:0;font-size:22px}.eyebrow{margin:0 0 8px;color:#3d7e64;font-family:Georgia,serif;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.primary-button,.secondary-button,.hint-button{min-width:44px;min-height:52px;border-radius:17px;font-weight:900}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;color:white;background:#409775;border:0;box-shadow:0 8px 0 #2e795e}.primary-button:active{transform:translateY(4px);box-shadow:0 4px 0 #2e795e}.primary-button.compact{min-height:46px;box-shadow:none}.secondary-button{padding:0 20px;background:white;border:2px solid var(--line)}.hint-button{padding:0 17px;background:#fff1c5;border:2px solid #dbc36e}
.hero{display:grid;min-height:520px;align-items:center;grid-template-columns:1.02fr .98fr;gap:44px;padding:clamp(40px,6vw,68px);overflow:hidden;background:rgba(255,253,248,.97);border:3px solid var(--line);border-radius:46px;box-shadow:var(--shadow)}.hero h1{max-width:610px;margin-bottom:19px;font-size:clamp(49px,5.7vw,68px);font-weight:900;letter-spacing:-.055em;line-height:.98}.hero-copy>p:not(.eyebrow){max-width:555px;margin-bottom:27px;color:var(--muted);font-size:18px;font-weight:800;line-height:1.52}.hero-facts{display:flex;flex-wrap:wrap;gap:18px;margin-top:29px}.hero-facts span{color:var(--muted);font-size:13px;font-weight:900}.hero-facts strong{margin-right:4px;color:var(--ink);font-size:24px}.hero-art{min-height:390px}.hero-network{position:relative;height:380px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff7cf 0 28%,#e5efe0 29% 62%,#bcd8c4 63%);border:4px solid #53635e;border-radius:45% 45% 30px 30px;box-shadow:14px 15px 0 rgba(62,78,71,.13)}.hero-network img{position:absolute;right:3px;bottom:7px;width:170px;height:170px;object-fit:contain}.network-node{position:absolute;z-index:3;display:grid;width:125px;min-height:95px;place-items:center;align-content:center;padding:10px;background:white;border:4px solid #53635e;border-radius:23px;box-shadow:0 8px 0 rgba(83,99,94,.14)}.network-node i{font-size:30px;font-style:normal}.network-node b{font-size:18px}.node-sun{top:45px;left:27px;transform:rotate(-5deg)}.node-warm{top:105px;left:175px;transform:rotate(3deg)}.node-summer{top:227px;left:58px;transform:rotate(-2deg)}.network-line{position:absolute;z-index:1;height:7px;background:#7ca38e;border-radius:8px;transform-origin:left center}.line-one{top:117px;left:135px;width:92px;transform:rotate(18deg)}.line-two{top:203px;left:213px;width:108px;transform:rotate(143deg)}.how-section,.levels-section{margin-top:30px;padding:38px;background:rgba(255,253,248,.84);border:2px solid rgba(221,212,184,.86);border-radius:36px}.section-heading{justify-content:space-between;gap:30px;margin-bottom:24px}.section-heading h2{margin:0;font-size:31px}.section-heading>p{max-width:440px;margin:0;color:var(--muted);font-size:14px;font-weight:800;text-align:right}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid article{display:flex;min-height:112px;align-items:center;gap:15px;padding:19px;background:white;border:2px solid var(--line);border-radius:24px}.steps-grid article>b{display:grid;flex:0 0 42px;height:42px;place-items:center;color:white;background:var(--green);border-radius:14px}.steps-grid strong,.steps-grid small{display:block}.steps-grid strong{margin-bottom:5px;font-size:17px}.steps-grid small{color:var(--muted);font-size:13px;font-weight:800;line-height:1.35}.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.level-card{display:flex;min-height:385px;padding:19px;text-align:left;background:white;border:3px solid var(--line);border-radius:29px;box-shadow:0 10px 0 #ded6bc;flex-direction:column}.level-card.green{--card:var(--green)}.level-card.gold{--card:var(--gold)}.level-card.purple{--card:var(--purple)}.level-top{display:flex;align-items:center;justify-content:space-between}.level-top>b{display:grid;width:45px;height:45px;place-items:center;color:white;background:var(--card);border-radius:15px}.level-top small{color:var(--card);font-weight:900}.level-art{position:relative;display:grid;height:140px;place-items:center;margin:14px 0;background:color-mix(in srgb,var(--card) 16%,white);border-radius:22px}.level-art img{width:130px;height:130px;object-fit:contain}.level-art i{position:absolute;right:9px;bottom:9px;padding:7px 9px;color:white;font-size:12px;font-weight:900;background:var(--card);border-radius:11px;font-style:normal}.level-copy{flex:1}.level-copy small,.level-copy strong,.level-copy span{display:block}.level-copy small{color:var(--card);font-size:11px;font-weight:900;text-transform:uppercase}.level-copy strong{margin:7px 0;font-size:22px}.level-copy span{color:var(--muted);font-size:14px;font-weight:800;line-height:1.4}.level-go{display:flex;min-height:48px;align-items:center;justify-content:space-between;margin-top:14px;padding:0 15px;color:white;font-weight:900;background:var(--card);border-radius:15px}.animal-note{gap:22px;margin:28px auto 0;padding:17px 27px;background:#e9f2e6;border:2px solid #b9d1b7;border-radius:28px}.animal-note img{width:88px;height:88px;object-fit:contain}.animal-note strong,.animal-note span{display:block}.animal-note strong{margin-bottom:5px;font-size:18px}.animal-note span{color:var(--muted);font-size:14px;font-weight:800;line-height:1.4}
.game-shell{padding:clamp(22px,3.5vw,39px);background:var(--paper);border:3px solid var(--line);border-radius:40px;box-shadow:var(--shadow)}.game-head{justify-content:space-between;gap:24px}.game-head h1{margin-bottom:7px;font-size:clamp(37px,4.6vw,52px);letter-spacing:-.045em;line-height:1}.game-head>div:first-child>p:last-child{margin:0;color:var(--muted);font-weight:900}.round-badge{display:grid;flex:0 0 82px;height:82px;place-items:center;align-content:center;color:white;background:var(--accent);border:7px solid color-mix(in srgb,var(--accent) 24%,white);border-radius:50%}.round-badge strong{font-size:25px;line-height:1}.round-badge span{font-size:10px;font-weight:900}.progress-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 0 18px}.progress-dots span{height:8px;background:#e8e3d4;border-radius:8px}.progress-dots .done{background:var(--green)}.progress-dots .current{background:var(--accent)}.association-workspace{display:grid;align-items:start;grid-template-columns:minmax(500px,1.2fr) minmax(360px,.8fr);gap:18px}.chain-panel,.choice-panel{min-width:0;min-height:520px;padding:23px;border:3px solid var(--line);border-radius:28px}.chain-panel{background:#f3f1df;border-color:#d7cda8}.animal-scene{position:relative;display:grid;height:205px;place-items:center;margin-bottom:16px;overflow:hidden;background:radial-gradient(circle,#fff7ce 0 34%,#dcebd8 35% 68%,#b8d5bf 69%);border-radius:28px}.animal-scene img{width:185px;height:185px;object-fit:contain}.animal-scene span{position:absolute;top:18px;right:22px;display:grid;width:50px;height:50px;place-items:center;font-size:24px;background:white;border-radius:16px;transform:rotate(6deg)}.panel-label{margin-bottom:12px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.13em}.chain-board{display:flex;min-height:125px;align-items:center;justify-content:center;gap:8px;padding:14px;background:white;border:3px solid #d5cdb3;border-radius:23px}.chain-node{display:grid;min-width:108px;min-height:90px;place-items:center;align-content:center;gap:4px;padding:9px;text-align:center;background:#edf5e9;border:3px solid #9cbba3;border-radius:18px}.chain-node i{font-size:29px;font-style:normal;line-height:1}.chain-node strong{max-width:135px;font-size:16px;overflow-wrap:anywhere}.answer-node{background:#fff4cc;border-color:#d3b65c}.empty-node{color:#998e6d;border-style:dashed}.correct-node{color:#2f7157;background:#e4f2e6;border-color:var(--green)}.chain-arrow{flex:0 0 25px;color:var(--accent);font-size:27px;font-weight:900}.chain-tip{margin:13px 0 0;color:var(--muted);font-size:13px;font-weight:800;text-align:center;line-height:1.4}.choice-panel{background:#fffaf0;border-color:#e3d6ad}.choice-head{justify-content:space-between;gap:15px;margin-bottom:15px}.choice-head h2{margin:0;font-size:27px}.answer-list{display:grid;gap:11px}.answer-list button{display:grid;min-height:76px;align-items:center;grid-template-columns:40px 52px 1fr;gap:10px;padding:10px 13px;text-align:left;background:white;border:3px solid #ded7bf;border-radius:18px;box-shadow:0 5px 0 #ddd5bc}.answer-list button>span{display:grid;width:38px;height:38px;place-items:center;color:white;font-weight:900;background:#728b84;border-radius:12px}.answer-list button>i{font-size:31px;text-align:center;font-style:normal}.answer-list button>strong{font-size:17px;overflow-wrap:anywhere}.answer-list button.wrong{color:#92564d;background:#fff0ec;border-color:#df8b7f;box-shadow:none}.answer-list button.correct{background:#e8f4e9;border-color:var(--green);box-shadow:none}.answer-list button.hinted{border-color:var(--gold);box-shadow:0 0 0 5px rgba(217,156,69,.23)}.feedback{min-height:93px;gap:12px;margin-top:16px;padding:12px 14px;background:#eef4eb;border:2px solid #c7d7c2;border-radius:19px}.feedback>span{display:grid;flex:0 0 43px;height:43px;place-items:center;background:white;border-radius:13px}.feedback p{flex:1;margin:0}.feedback strong,.feedback small{display:block}.feedback small{margin-top:2px;color:var(--muted);font-weight:800;line-height:1.35}.feedback.retry{background:#fff0ec;border-color:#e2a299}.feedback.success{background:#e8f4e9;border-color:#9fc5a8}.feedback.hint{background:#fff5d9;border-color:#dbc36e}.feedback .primary-button{margin-left:auto}
.result-card{max-width:900px;margin:35px auto;padding:clamp(28px,4.5vw,50px);text-align:center;background:var(--paper);border:3px solid var(--line);border-radius:42px;box-shadow:var(--shadow)}.result-art{position:relative;width:155px;height:140px;margin:auto}.result-art img{width:150px;height:150px;object-fit:contain}.result-art span{position:absolute;top:0;right:-10px;display:grid;width:45px;height:45px;place-items:center;font-size:22px;background:#fff0c6;border-radius:50%}.result-card h1{margin-bottom:12px;font-size:clamp(39px,5vw,56px);letter-spacing:-.045em}.result-card>p:not(.eyebrow){color:var(--muted);font-weight:800}.result-stars{margin:16px 0;color:var(--gold);font-size:36px;letter-spacing:5px}.result-stars span{color:#ddd6c1}.chain-book{display:grid;gap:8px;text-align:left}.chain-book article{display:grid;align-items:center;grid-template-columns:38px 1fr;gap:12px;padding:11px 14px;background:#f4f2e7;border-radius:16px}.chain-book article>b{display:grid;width:36px;height:36px;place-items:center;color:white;background:var(--green);border-radius:11px}.chain-book p{display:flex;align-items:center;gap:7px;margin:0;flex-wrap:wrap}.chain-book p span{padding:5px 8px;color:#3d715c;font-size:12px;font-weight:900;background:#e4efe5;border-radius:9px}.chain-book p i{color:var(--purple);font-style:normal;font-weight:900}.result-stats,.result-actions{display:flex;justify-content:center;gap:13px}.result-stats{margin:22px 0}.result-stats>span{min-width:125px;padding:12px;background:#f0f4eb;border-radius:17px}.result-stats strong,.result-stats small{display:block}.result-stats strong{font-size:25px}.result-stats small{color:var(--muted);font-weight:800}
@media(max-width:940px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p,.hero h1{margin-right:auto;margin-left:auto}.hero-facts{justify-content:center}.hero-art{width:min(100%,520px);margin:auto}.steps-grid,.levels-grid{grid-template-columns:1fr}.association-workspace{grid-template-columns:1fr}.chain-panel,.choice-panel{min-height:0}}
@media(max-width:700px){.app{width:min(100% - 20px,1120px);padding-top:10px}.topbar{min-height:58px;margin-bottom:10px}.brand-mark{width:48px;height:48px;font-size:21px;border-radius:16px}.brand strong{font-size:18px}.brand small,.sound-button span:last-child,.top-chain{display:none}.sound-button{width:48px;padding:0;justify-content:center}.hero{min-height:0;gap:24px;padding:34px 20px;border-radius:31px}.hero h1{font-size:clamp(40px,12vw,56px)}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-facts{gap:8px}.hero-facts span{padding:8px 9px;background:#f5f3e9;border-radius:12px}.hero-art{min-height:325px}.hero-network{height:320px}.network-node{width:108px;min-height:82px}.node-sun{top:35px;left:14px}.node-warm{top:99px;left:132px}.node-summer{top:198px;left:29px}.hero-network img{width:145px;height:145px}.line-one{left:108px}.line-two{left:173px}.how-section,.levels-section{margin-top:18px;padding:24px 15px;border-radius:28px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.section-heading>p{text-align:left}.animal-note{align-items:flex-start;padding:15px}.animal-note img{width:70px;height:70px}.game-shell{padding:21px 12px;border-radius:29px}.game-head{align-items:flex-start}.game-head h1{font-size:33px}.round-badge{flex-basis:64px;height:64px;border-width:5px}.chain-panel,.choice-panel{padding:16px;border-radius:23px}.animal-scene{height:175px}.animal-scene img{width:160px;height:160px}.choice-head{align-items:flex-start;flex-direction:column}.hint-button{width:100%}.feedback{align-items:flex-start;flex-wrap:wrap}.feedback .primary-button{width:100%;margin-left:0}.result-card{margin:22px auto;padding:28px 14px;border-radius:29px}.result-stats{flex-wrap:wrap}.result-stats>span{min-width:95px;flex:1}.result-actions{flex-direction:column-reverse}}
@media(max-width:470px){.brand{gap:8px}.brand strong{font-size:17px}.chain-board{gap:4px;padding:10px 5px}.chain-node{min-width:0;flex:1;min-height:82px;padding:6px 3px}.chain-node i{font-size:24px}.chain-node strong{font-size:13px}.chain-arrow{flex-basis:17px;font-size:21px}.answer-list button{grid-template-columns:36px 44px 1fr;padding:9px}.answer-list button>span{width:34px;height:34px}.answer-list button>i{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}