:root{--paper:#fffaf1;--cream:#fff4dc;--ink:#214f45;--muted:#657d77;--green:#3f9f82;--green-dark:#28745f;--mint:#e3f3e9;--coral:#f37361;--yellow:#f7bf45;--line:#e2d3ad;--shadow:#d7c8a5;--purple:#8474b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbf5e5;background-image:radial-gradient(#eadcb8 1px,transparent 1px);background-size:22px 22px;font-family:Nunito,Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}.app{width:min(1120px,calc(100% - 32px));margin:24px auto 48px}.game-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.game-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.game-brand img{width:54px;height:54px;object-fit:contain}.game-brand strong,.game-brand small{display:block}.game-brand strong{font-size:20px}.game-brand small{color:var(--muted);font-size:13px}.age-pill,.eyebrow{font-weight:900;letter-spacing:.11em}.age-pill{padding:11px 16px;background:#edf6e8;border:2px solid #d5e6cc;border-radius:999px}.screen{display:none}.screen.is-active{display:block}.hero,.play-card,.result-card,.rule-card,.route-card{border:2px solid var(--line);background:var(--paper);box-shadow:0 10px 0 rgba(169,145,92,.18);border-radius:34px}.hero{display:grid;grid-template-columns:1.02fr .98fr;min-height:550px;overflow:hidden}.hero-copy{padding:64px 58px;align-self:center}.eyebrow{margin:0 0 12px;color:#ae642a;font-family:Georgia,serif;font-size:14px}.hero h1{max-width:550px;margin:0 0 20px;font-family:Georgia,serif;font-size:clamp(52px,6vw,76px);line-height:.94}.hero-copy>p:not(.eyebrow){max-width:560px;margin:0 0 30px;color:#58746d;font-size:22px;line-height:1.55}.primary,.secondary,.route-button,.check-button{border:0;border-radius:18px;font-weight:900;cursor:pointer}.primary{padding:18px 24px;color:#fff;background:var(--coral);box-shadow:0 8px 0 #c74e3f}.primary:hover{transform:translateY(-1px)}.hero-scene{position:relative;min-height:550px;background:linear-gradient(150deg,#dff1e8 0 48%,#f8e3a8 48% 100%);overflow:hidden}.hero-scene:before{content:"";position:absolute;left:8%;right:8%;bottom:7%;height:37%;border-radius:35px;background:#b9d88c}.hero-hedgehog{position:absolute;z-index:4;left:34%;top:7%;width:34%;height:34%;object-fit:contain;filter:drop-shadow(0 10px 5px rgba(54,80,63,.14))}.hero-card{position:absolute;z-index:3;bottom:9%;width:26%;height:37%;border:7px solid #fff;border-radius:22px;background:#fffdf8;box-shadow:0 11px 0 rgba(86,104,79,.18);transform:rotate(-3deg);overflow:hidden}.hero-card img{width:100%;height:100%;object-fit:contain}.hero-card--one{left:6%}.hero-card--two{left:37%;transform:rotate(2deg)}.hero-card--three{right:6%;transform:rotate(-2deg)}.rule-card{display:flex;gap:18px;align-items:center;margin:22px 0;padding:22px 28px;border-style:dashed;box-shadow:none}.rule-card>span{font-size:36px}.rule-card strong{font-size:20px}.rule-card p{margin:4px 0 0;color:var(--muted);line-height:1.5}.routes{scroll-margin-top:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:42px 0 18px}.section-head h2{margin:0;font:700 clamp(35px,5vw,56px)/1 Georgia,serif}.section-head>p{color:var(--muted)}.route-grid{display:grid;gap:22px}.route-card{display:grid;grid-template-columns:38% 62%;overflow:hidden}.route-visual{display:flex;align-items:center;justify-content:center;min-height:330px;padding:30px;background:var(--mint)}.route-card:nth-child(2) .route-visual{background:#fff0c7}.route-card:nth-child(3) .route-visual{background:#ece6fb}.route-visual .scene-card{width:100%;max-width:320px}.route-copy{padding:38px 46px}.route-copy h3{margin:0 0 10px;font:700 clamp(31px,4vw,48px)/1.05 Georgia,serif}.route-copy>p:not(.eyebrow){margin:0 0 22px;color:var(--muted);font-size:18px;line-height:1.5}.route-progress,.round-progress>span{display:block;height:10px;border-radius:99px;background:#e6eddc;overflow:hidden}.route-progress i,.round-progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}.route-button{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;width:100%;margin-top:20px;padding:17px 20px;text-align:left;color:#fff;background:var(--green);box-shadow:0 7px 0 var(--green-dark)}.route-button b{font-size:14px}.play-card{padding:34px}.play-head{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:30px}.play-head h2{margin:0;font:700 clamp(33px,4vw,52px)/1 Georgia,serif}.round-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px}.round-progress b{font-size:18px}.round-progress em{font-style:normal}.story-workspace{margin-top:28px;padding:30px;border:2px solid #cde1d4;border-radius:28px;background:#edf7f0}.story-question{text-align:center}.story-question>span{display:inline-block;padding:8px 12px;border-radius:999px;background:#fff0bd;color:#98651d;font-size:13px;font-weight:900;letter-spacing:.09em}.story-question h3{margin:12px 0 4px;font:700 clamp(27px,3.4vw,42px)/1.1 Georgia,serif}.story-question p{margin:0 0 24px;color:var(--muted);font-weight:800}.story-options,.sequence-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scene-card{min-width:0;padding:0;border:3px solid #d8d1bc;border-radius:24px;background:#fff;box-shadow:0 7px 0 rgba(136,117,70,.16);overflow:hidden;text-align:left;color:var(--ink)}button.scene-card{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}button.scene-card:hover{transform:translateY(-3px);border-color:#8dbda8}.scene-art{position:relative;height:220px;overflow:hidden;background:linear-gradient(#dff0ee 0 63%,#cfe0a8 63% 100%)}.scene-art--night{background:linear-gradient(#304965 0 65%,#6d7d6d 65% 100%)}.scene-art--water,.scene-art--ice-water{background:linear-gradient(#cbe9f0 0 38%,#6dc1ce 38% 100%)}.scene-art--snow,.scene-art--ice{background:linear-gradient(#dceaf4 0 68%,#fbfdff 68% 100%)}.scene-art--desert,.scene-art--savanna{background:linear-gradient(#dcefed 0 55%,#e8cb76 55% 100%)}.scene-art--beach{background:linear-gradient(#cbeaf2 0 47%,#efcf85 47% 100%)}.scene-art--stream,.scene-art--pond{background:linear-gradient(#dceee8 0 57%,#88cad0 57% 73%,#cfdba0 73% 100%)}.scene-art--home{background:linear-gradient(#f5e3c1 0 70%,#c99b68 70% 100%)}.scene-art--garden,.scene-art--field{background:linear-gradient(#dcefe6 0 58%,#b5cf7b 58% 100%)}.scene-art--burrow{background:linear-gradient(#e8d3a6 0 53%,#a87954 53% 100%)}.scene-art--mountain{background:linear-gradient(#d8ecf2 0 57%,#a8b98a 57% 100%)}.scene-actor{position:absolute;z-index:2;bottom:8%;width:44%;height:74%;object-fit:contain;filter:drop-shadow(0 7px 4px rgba(43,83,70,.16))}.scene-actor--left{left:4%}.scene-actor--center{left:28%}.scene-actor--right{right:4%}.scene-prop{position:absolute;z-index:4;left:50%;top:38%;transform:translate(-50%,-50%);font-size:50px;filter:drop-shadow(0 4px 1px rgba(43,83,70,.18))}.scene-prop--sun,.scene-prop--moon,.scene-prop--cloud{top:18%;left:78%}.scene-prop--motion,.scene-prop--up{left:72%;color:var(--coral)}.scene-prop--water,.scene-prop--splash,.scene-prop--oasis,.scene-prop--dam{top:75%;color:#298ca3}.scene-prop--leaf,.scene-prop--flower,.scene-prop--apple,.scene-prop--nut,.scene-prop--carrot,.scene-prop--banana,.scene-prop--bamboo,.scene-prop--grain{top:70%}.scene-card>p{min-height:76px;margin:0;padding:14px 16px 16px;font-weight:800;line-height:1.35}.scene-card.is-correct{border-color:var(--green);box-shadow:0 8px 0 var(--green-dark)}.scene-card.is-wrong{border-color:var(--coral);animation:shake .42s}.scene-card.is-hint{border-color:var(--yellow);box-shadow:0 0 0 5px rgba(247,191,69,.24)}.sequence-area>p{text-align:center;color:var(--muted)}.sequence-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sequence-slot{min-height:230px;padding:12px;border:3px dashed #b8ccb9;border-radius:24px;background:rgba(255,255,255,.55);color:var(--ink);cursor:pointer}.sequence-slot>span{display:block;margin:auto;font:700 50px Georgia,serif;color:#9ab3a8}.sequence-slot>small{font-weight:900;color:var(--muted)}.sequence-slot .scene-card{border:0;box-shadow:none}.sequence-slot .scene-art{height:150px}.sequence-slot .scene-card>p{min-height:66px;padding:10px;font-size:13px}.sequence-slot.is-filled{padding:0;border-style:solid;background:#fff;overflow:hidden}.sequence-slot.is-hint{border-color:var(--yellow)}.sequence-slot.is-wrong{border-color:var(--coral);animation:shake .42s}.sequence-bank{margin-top:18px}.sequence-bank .scene-card>p{display:none}.sequence-bank .scene-art{height:160px}.check-button{display:block;margin:22px auto 0;padding:16px 26px;color:#fff;background:var(--green);box-shadow:0 6px 0 var(--green-dark)}.feedback{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;margin-top:20px;padding:18px 22px;border:2px solid #add5c0;border-radius:22px;background:#e4f5e9}.feedback.is-error{border-color:#f0b0a5;background:#fff0ec}.feedback.is-hint{border-color:#e5c76b;background:#fff5c9}.feedback>span{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:#fff;font-size:25px}.feedback strong{font-size:20px}.feedback p{margin:3px 0 0;color:var(--muted);line-height:1.4}.feedback button{padding:13px 20px;border:0;border-radius:14px;color:#fff;background:var(--green);font-weight:900;cursor:pointer}.play-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.play-actions button{padding:12px 17px;border:2px solid #dfcfaa;border-radius:14px;background:#fffaf0;color:var(--ink);font-weight:800;cursor:pointer}.play-actions .hint-button{border-color:#e5c35e;background:#fff0b8}.play-actions span{color:var(--muted);font-size:14px}.result-card{max-width:900px;margin:auto;padding:55px;text-align:center}.result-star{display:grid;width:88px;height:88px;margin:0 auto 18px;place-items:center;border-radius:50%;background:#fff0b8;font-size:42px}.result-card h2{margin:0 0 14px;font:700 clamp(38px,5vw,62px)/1 Georgia,serif}.result-card>p:not(.eyebrow){color:var(--muted);font-size:19px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.result-stats div{padding:18px;border-radius:20px;background:var(--mint)}.result-stats b,.result-stats span{display:block}.result-stats b{font:700 35px Georgia,serif}.reward-note{display:flex;align-items:center;gap:18px;padding:18px;border:2px solid #e1c76d;border-radius:22px;background:#fff4c9;text-align:left}.reward-note img{width:86px;height:86px;object-fit:contain}.reward-note strong,.reward-note small{display:block}.reward-note small{margin-top:4px;color:var(--muted)}.result-actions{display:flex;justify-content:center;gap:16px;margin-top:28px}.secondary{padding:18px 24px;border:2px solid var(--green);color:var(--ink);background:#fff}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:48px 40px}.hero-scene{min-height:430px}.route-card{grid-template-columns:1fr}.route-visual{min-height:280px}.play-head{grid-template-columns:1fr}.story-options{grid-template-columns:1fr}.story-options .scene-card{display:grid;grid-template-columns:38% 62%}.story-options .scene-art{height:180px}.story-options .scene-card>p{display:flex;align-items:center;min-height:180px}.sequence-slots{grid-template-columns:1fr}.sequence-slot{min-height:150px}.sequence-slot.is-filled .scene-card{display:grid;grid-template-columns:36% 64%}.sequence-slot .scene-art{height:145px}.sequence-slot .scene-card>p{display:flex;align-items:center}.sequence-bank{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback{grid-template-columns:48px 1fr}.feedback button{grid-column:1/-1}.play-actions{flex-wrap:wrap}.play-actions span{width:100%;text-align:center}}
@media(max-width:600px){.app{width:min(100% - 20px,1120px);margin-top:12px}.game-head{align-items:flex-start}.game-brand strong{font-size:16px}.game-brand img{width:46px;height:46px}.age-pill{padding:9px 11px;font-size:13px}.hero{min-height:0;border-radius:26px}.hero-copy{padding:36px 24px}.hero h1{font-size:47px}.hero-copy>p:not(.eyebrow){font-size:18px}.hero-scene{min-height:350px}.hero-hedgehog{left:34%;width:38%}.hero-card{height:36%;border-width:4px}.rule-card{align-items:flex-start;padding:18px}.section-head{align-items:flex-start;flex-direction:column}.route-copy{padding:28px 24px}.play-card{padding:20px 14px;border-radius:26px}.story-workspace{padding:18px 12px}.story-options .scene-card{grid-template-columns:45% 55%}.story-options .scene-art,.story-options .scene-card>p{height:145px;min-height:145px}.scene-actor{width:55%}.scene-actor--center{left:23%}.scene-card>p{padding:10px;font-size:14px}.sequence-bank{gap:8px}.sequence-bank .scene-art{height:105px}.sequence-slot.is-filled .scene-card{grid-template-columns:44% 56%}.result-card{padding:34px 18px}.result-stats{grid-template-columns:1fr}.result-actions{flex-direction:column}.reward-note{align-items:flex-start}.reward-note img{width:72px;height:72px}}
@media(min-width:901px){.route-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.route-card{display:grid;grid-template-columns:1fr;grid-template-rows:230px 1fr;min-width:0}.route-visual{min-height:0;height:230px;padding:18px}.route-visual .scene-card{max-width:none;height:194px}.route-visual .scene-art{height:132px}.route-visual .scene-card>p{display:flex;align-items:center;min-height:62px;padding:10px 13px;font-size:14px}.route-copy{display:flex;flex-direction:column;min-height:318px;padding:25px 24px}.route-copy h3{min-height:64px;margin-bottom:10px;font-size:28px;line-height:1.08}.route-copy>p:not(.eyebrow){min-height:55px;margin-bottom:18px;font-size:16px}.route-progress{margin-top:auto}.route-button{margin-top:18px}}

/* Реальные составные сцены: фон, животные и узнаваемые предметы хранятся отдельно. */
.scene-art{background-color:#dff0ee;background-position:center;background-repeat:no-repeat;background-size:cover}
.scene-actor,.scene-object{position:absolute;object-fit:contain;pointer-events:none;user-select:none}
.scene-object{z-index:2;bottom:5%;width:24%;height:54%;filter:drop-shadow(0 6px 4px rgba(43,83,70,.15))}
.scene-actor{--actor-flip:1;z-index:3;bottom:3%;width:38%;height:72%;transform:scaleX(var(--actor-flip));transform-origin:center bottom}
.scene-actor--mirrored{--actor-flip:-1}
.scene-actor--left,.scene-object--left{left:5%}
.scene-actor--center{left:50%;transform:translateX(-50%) scaleX(var(--actor-flip))}
.scene-object--center{left:50%;transform:translateX(-50%)}
.scene-actor--right,.scene-object--right{right:5%}
.scene-actor--tiny{width:18%;height:40%}
.scene-actor--small{width:29%;height:61%}
.scene-actor--large{width:46%;height:80%}
.scene-object--tiny{width:11%;height:28%}
.scene-object--small{width:17%;height:40%}
.scene-object--large{width:31%;height:65%}
.scene-object--right-high{right:11%;bottom:24%;width:12%;height:28%;z-index:4}
.scene-object--top-right{right:8%;top:5%;bottom:auto;width:19%;height:35%}
.scene-prop{display:none!important}

@media(max-width:600px){.scene-actor{width:43%;height:72%}.scene-actor--small{width:31%;height:60%}.scene-object{width:26%;height:52%}.scene-object--large{width:34%;height:64%}.scene-object--right-high{width:13%;height:27%}}
.feedback[hidden],.sequence-area[hidden],.story-options[hidden],[data-next][hidden]{display:none!important}