: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,.timeline-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:#fff0c8;border:3px solid #dac790;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}.live-badge{padding:7px 10px;color:#b8564e;font-size:11px;font-weight:900;background:#ffe4df;border-radius:10px}.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.04fr .96fr;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:620px;margin-bottom:19px;font-size:clamp(47px,5.5vw,67px);font-weight:900;letter-spacing:-.055em;line-height:.98}.hero-copy>p:not(.eyebrow){max-width:550px;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-studio{position:relative;height:380px;overflow:hidden;background:linear-gradient(#dfeee3 0 65%,#e7c878 66%);border:4px solid #53635e;border-radius:43% 43% 30px 30px;box-shadow:14px 15px 0 rgba(62,78,71,.13)}.hero-studio img{position:absolute;right:5px;bottom:7px;width:175px;height:175px;object-fit:contain}.camera-frame{position:absolute;top:50px;left:24px;z-index:2;display:grid;width:105px;height:110px;place-items:center;background:white;border:4px solid #53635e;border-radius:20px;transform:rotate(-5deg)}.camera-frame i{font-size:43px;font-style:normal}.frame-number{position:absolute;top:-12px;left:-10px;display:grid;width:34px;height:34px;place-items:center;color:white;font-weight:900;background:var(--green);border-radius:10px}.camera-frame.second{top:76px;left:145px;transform:rotate(3deg)}.camera-frame.third{top:205px;left:72px;transform:rotate(-2deg)}.microphone{position:absolute;right:30px;top:36px;font-size:45px;transform:rotate(-18deg)}.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{max-width:650px;margin:0;font-size:30px}.section-heading>p{max-width:420px;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.8vw,54px);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)}.story-workspace{padding:23px;background:#fffaf0;border:3px solid #e3d6ad;border-radius:28px}.timeline-head{justify-content:space-between;gap:18px;margin-bottom:16px}.timeline-head h2{margin:0;font-size:28px}.timeline-grid,.frame-pool,.solved-story{display:grid;gap:11px}.timeline-grid{grid-template-columns:repeat(4,1fr);min-height:145px;margin-bottom:16px}.timeline-grid.count-3{grid-template-columns:repeat(3,1fr)}.timeline-slot{position:relative;min-width:0;min-height:140px;border-radius:20px}.timeline-slot.empty{display:grid;place-items:center;align-content:center;color:#9b9584;background:#f0ede2;border:3px dashed #c9c0a8}.timeline-slot.empty b{display:grid;width:38px;height:38px;place-items:center;color:white;background:#aaa38f;border-radius:12px}.timeline-slot.empty small{margin-top:6px;font-weight:900}.timeline-slot.filled{padding:7px;background:white;border:3px solid var(--accent)}.timeline-slot.filled>b{position:absolute;top:5px;left:5px;display:grid;width:32px;height:32px;place-items:center;color:white;background:var(--accent);border-radius:10px}.story-scene{position:relative;display:block;min-height:138px;overflow:hidden;border-radius:16px;background:linear-gradient(#dcebdd 0 67%,#b7d39b 68%)}.story-scene img{position:absolute;left:7px;bottom:3px;width:92px;height:92px;object-fit:contain}.story-scene i{font-style:normal}.scene-prop{position:absolute;right:18px;bottom:35px;font-size:52px}.scene-detail{position:absolute;right:10px;top:9px;font-size:27px}.story-scene.home,.story-scene.kitchen,.story-scene.studio,.story-scene.school{background:linear-gradient(#f1e8d6 0 70%,#cfad7d 71%)}.story-scene.town{background:linear-gradient(#dbeaf0 0 65%,#d3c38f 66%)}.story-scene.snow{background:linear-gradient(#d9edf3 0 65%,#f8fcfd 66%)}.story-scene.river,.story-scene.sea{background:linear-gradient(#dcebdc 0 55%,#79b9d2 56%)}.story-scene.forest{background:linear-gradient(#d8ead9 0 61%,#8eb37b 62%)}.story-scene.night{background:linear-gradient(#59647e 0 64%,#68774e 65%)}.story-scene.compact{min-height:120px}.story-scene.compact img{width:80px;height:80px}.story-scene.compact .scene-prop{font-size:43px}.frame-pool{grid-template-columns:repeat(4,1fr);margin:16px 0}.frame-card{min-width:0;padding:8px;background:white;border:3px solid #d7cfb8;border-radius:20px;box-shadow:0 5px 0 #d5cdb6}.frame-card>span:last-child{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:900}.frame-card:disabled{opacity:.27;box-shadow:none}.frame-card.hinted{opacity:1;border-color:var(--gold);box-shadow:0 0 0 5px rgba(217,156,69,.22)}.sequence-actions{display:flex;justify-content:flex-end;gap:10px}.sequence-actions button:disabled{opacity:.5}.solved-story{grid-template-columns:repeat(4,1fr)}.solved-story article{min-width:0;padding:9px;background:white;border:2px solid #d7cfb8;border-radius:20px}.solved-story article>b{display:block;margin:8px 0 4px;color:var(--accent);font-size:12px;text-transform:uppercase}.solved-story article>p{margin:0;color:var(--muted);font-size:12px;font-weight:800;line-height:1.35}.report-paper{margin-top:16px;padding:20px 23px;background:#fffef8;border:2px solid #d8ceb1;border-radius:21px;box-shadow:inset 0 0 0 5px #f3efdf}.report-kicker{margin-bottom:5px;color:#8c8269;font-family:Georgia,serif;font-size:10px;font-weight:900;letter-spacing:.13em}.report-paper h3{margin:0 0 10px;font-family:Georgia,serif;font-size:24px}.report-paper>p:not(.report-kicker){margin:6px 0;font-family:Georgia,serif;font-size:15px;line-height:1.45}.report-paper b{color:var(--accent)}.headline-panel{margin-top:16px;padding:18px;background:#f1eee3;border-radius:21px}.headline-panel h2{margin-bottom:12px}.headline-options{display:grid;gap:9px}.headline-options button{display:grid;min-height:58px;align-items:center;grid-template-columns:38px 1fr;gap:10px;padding:8px 12px;text-align:left;background:white;border:2px solid #d5cdb7;border-radius:15px}.headline-options button>b{display:grid;width:34px;height:34px;place-items:center;color:white;background:var(--purple);border-radius:10px}.headline-options button>span{font-weight:900}.headline-options button.wrong{color:#92564d;background:#fff0ec;border-color:#df8b7f}.feedback{min-height:88px;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,.feedback.headline{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}.newspaper{display:grid;gap:8px;text-align:left}.newspaper article{display:grid;align-items:center;grid-template-columns:38px 1fr;gap:12px;padding:11px 14px;background:#f4f2e7;border-radius:16px}.newspaper article>b{display:grid;width:36px;height:36px;place-items:center;color:white;background:var(--green);border-radius:11px}.newspaper strong{font-size:14px}.newspaper p{margin:5px 0 0;font-size:15px}.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:900px){.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}.frame-pool,.timeline-grid,.timeline-grid.count-3,.solved-story{grid-template-columns:repeat(2,1fr)}}
@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,.live-badge{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(39px,11.5vw,55px)}.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-studio{height:320px}.camera-frame{top:35px;left:13px;width:92px;height:95px}.camera-frame.second{top:61px;left:115px}.camera-frame.third{top:170px;left:45px}.hero-studio img{width:145px;height:145px}.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:34px}.round-badge{flex-basis:64px;height:64px;border-width:5px}.story-workspace{padding:15px 10px;border-radius:23px}.timeline-head{align-items:flex-start;flex-direction:column}.hint-button{width:100%}.timeline-grid,.timeline-grid.count-3{grid-template-columns:repeat(2,1fr)}.timeline-slot{min-height:125px}.frame-pool,.solved-story{grid-template-columns:1fr 1fr}.story-scene{min-height:125px}.story-scene img{width:82px;height:82px}.scene-prop{font-size:45px}.sequence-actions{flex-direction:column-reverse}.sequence-actions 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:420px){.brand{gap:8px}.brand strong{font-size:17px}.timeline-grid,.timeline-grid.count-3,.frame-pool,.solved-story{grid-template-columns:1fr}.timeline-slot{min-height:120px}.story-scene,.story-scene.compact{min-height:118px}.solved-story article{display:grid;grid-template-columns:120px 1fr;gap:9px;align-items:center}.solved-story article>b,.solved-story article>p{grid-column:2}.solved-story article>b{align-self:end;margin:0}.solved-story article>p{align-self:start}.solved-story .story-scene{grid-row:1/3}.report-paper{padding:17px 14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}