:root{--ink:#2a241c;--ink-soft:#5e5348;--cream:#fff6ea;--paper:#fffdf8;--sand:#ffe6c4;--coral:#ff6a3d;--coral-deep:#e4542c;--sun:#ffc14d;--leaf:#2faf72;--sky:#79c8ff;--line:#2a241c;--shadow:0 6px 0 #2a241c29;--font:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif;color:var(--ink);font-family:var(--font);background:#d9f1ff;font-size:18px;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(900px 420px at 10% -10%,#fff 0%,#0000 55%),linear-gradient(#bfe8ff,#fff4e4 46%,#ffd9a8 100%);margin:0}button,input,select{font:inherit;color:inherit}button{touch-action:manipulation}a{color:inherit}.app{min-height:100vh;position:relative}.atmosphere{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.puff{opacity:.85;background:#fff;border-radius:40px;animation:28s linear infinite drift;position:absolute}.puff:before,.puff:after{content:"";background:#fff;border-radius:50%;position:absolute}.puff.a{width:90px;height:28px;top:8%;left:-10%}.puff.a:before{width:36px;height:36px;top:-18px;left:16px}.puff.a:after{width:28px;height:28px;top:-12px;left:46px}.puff.b{width:120px;height:32px;animation-duration:36s;top:18%;left:-20%}.puff.b:before{width:42px;height:42px;top:-20px;left:24px}.puff.c{width:70px;height:24px;animation-duration:42s;top:30%;left:-15%}.page-slot{z-index:1;position:relative}.wrap,.play{width:min(1120px,100% - 28px);padding:12px 0 calc(48px + env(safe-area-inset-bottom));margin:0 auto}.wrap.narrow{width:min(760px,100% - 28px)}.topbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.topbar-title{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.35rem;overflow:hidden}.brand,.icon-btn,.star-pill{border:3px solid var(--line);background:var(--paper);border-radius:16px;justify-content:center;align-items:center;min-width:48px;min-height:48px;text-decoration:none;display:inline-flex;box-shadow:0 3px #2a241c29}.icon-btn{cursor:pointer;padding:0 10px;font-weight:800}.icon-btn.on{background:#fff1b8}.top-actions{align-items:center;gap:8px;display:flex}.star-pill{background:var(--sun);padding:0 12px;font-weight:800}.mini-lion{width:36px;height:36px}.hero{gap:18px;display:grid}.hero-copy,.stack,.coach-block{gap:12px;display:grid}.kicker{color:var(--coral-deep);letter-spacing:.08em;margin:0;font-weight:800}.display{margin:0;font-size:clamp(2rem,5vw,3.4rem);line-height:1.1}.lede{color:var(--ink-soft);font-size:1.15rem}.hint-line{color:var(--ink-soft);margin:0}h2{margin:0 0 8px;font-size:1.4rem}p{margin:0 0 10px}.btn{border:3px solid var(--line);background:var(--paper);min-height:64px;box-shadow:var(--shadow);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:12px 22px;font-weight:800;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(3px);box-shadow:0 2px #2a241c29}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--coral);color:#fff}.btn-sun{background:var(--sun)}.btn-leaf{background:#b6f0cf}.btn-ghost{background:var(--paper)}.btn-xl{width:100%;font-size:1.35rem}.btn-tiny{min-height:48px;padding:8px 14px;box-shadow:0 3px #2a241c29}.text-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;min-height:48px;font-weight:700;text-decoration:underline}.action-row,.quiet-row,.home-row{flex-wrap:wrap;gap:10px;display:flex}.home-row{margin-top:18px}.mini-card{border:3px solid var(--line);background:var(--paper);min-height:96px;box-shadow:var(--shadow);border-radius:24px;flex:140px;align-items:center;gap:8px;padding:12px;font-weight:800;text-decoration:none;display:flex}.scene-frame{border:4px solid var(--line);box-shadow:var(--shadow);background:#dff4ff;border-radius:28px;position:relative;overflow:hidden}.scene-frame.short{max-height:280px}.scene-frame.tall{margin-bottom:16px}.scene-svg{width:100%;height:auto;display:block}.caption{border:3px solid var(--line);background:#fffdf8f0;border-radius:16px;margin:0;padding:10px 14px;font-weight:800;position:absolute;bottom:12px;left:12px;right:12px}.play-grid{gap:14px;display:grid}.panel,.gate,.stat,.land,.stone,.sticker{background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:16px}.coach{font-size:1.25rem;font-weight:800}.model{background:#fff4cc;border-radius:16px;padding:10px 12px;font-weight:700}.frame-hint{color:var(--ink-soft)}.built{background:#fffaf2;border:3px dashed #c9b59a;border-radius:18px;min-height:72px;padding:14px;font-size:1.3rem;font-weight:800}.dots{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.dot{border:2px solid var(--line);background:0 0;border-radius:50%;width:14px;height:14px}.dot.done{background:var(--leaf)}.dot.now{background:var(--sun)}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.choice-grid.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.choice{border:3px solid var(--line);cursor:pointer;background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:140px;padding:10px;font-weight:800;display:flex;box-shadow:0 4px #2a241c1f}.choice.hint{outline:6px solid var(--sun)}.choice.shake,.slots.shake{animation:.4s linear shake}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:3px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;min-width:96px;min-height:64px;padding:8px 12px;font-weight:800}.chip.on{background:#ffe08a}.ruby{flex-direction:column;align-items:center;gap:2px;display:flex}.py{color:var(--ink-soft);letter-spacing:.01em;font-size:.75rem;font-weight:700}.timer-num{text-align:center;margin:0;font-size:2rem;font-weight:800}.replay-row{gap:8px;display:grid}audio{width:100%}.slots{gap:8px;display:grid}.slot{text-align:left;cursor:pointer;background:#fffaf2;border:3px dashed #b9a48a;border-radius:16px;align-items:center;gap:8px;min-height:64px;padding:8px 12px;font-weight:800;display:flex}.bubble{border:3px solid var(--line);border-radius:20px;padding:12px 14px;font-weight:800}.bubble.lion{background:#fff1c9}.bubble.small{margin-bottom:10px}.banner{gap:12px;padding:8px;display:grid}.banner p{font-size:1.4rem;font-weight:800}.path,.stones,.sticker-grid,.tip-list,.skills,.recordings,.utter-list,.badge-names,.new-badges{gap:12px;margin:0;padding:0;list-style:none;display:grid}.land-wrap{list-style:none}.land-wrap.right{margin-left:8%}.land{gap:12px;text-decoration:none;display:grid;overflow:hidden}.land.locked{filter:grayscale(.7);opacity:.78}.land-art{border-radius:16px;max-height:180px;overflow:hidden}.land h2{margin:0}.stone{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:84px;text-decoration:none;display:grid}.stone strong,.stone em{display:block}.stone em{color:var(--ink-soft);font-size:.92rem;font-style:normal}.star-row{letter-spacing:.08em;color:#d9d0c4;font-weight:800}.star.on,.big-star.on{color:#f0a202}.big-stars{gap:8px;font-size:3.2rem;line-height:1;display:flex}.big-star{color:#eadfce}.sticker-pop{justify-items:center;font-weight:800;display:grid}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.sticker{text-align:center;justify-items:center;gap:6px;min-height:140px;font-weight:800;display:grid}.sticker.locked{color:var(--ink-soft);background:#f3efe8}.mystery{font-size:2rem}.sticker-section{margin-top:22px}.done{gap:12px;display:grid;position:relative}.mic-wrap{justify-items:center;margin:8px 0;display:grid}.mic-btn{border:4px solid var(--line);background:radial-gradient(circle at 40% 35%, #ffb089, var(--coral) 62%);color:#fff;cursor:pointer;width:168px;height:168px;box-shadow:var(--shadow);border-radius:50%;align-content:center;justify-items:center;gap:2px;font-weight:800;display:grid}.mic-btn:disabled{opacity:.7}.mic-btn.ready{box-shadow:0 0 0 10px #ff7a4538, var(--shadow)}.mic-btn.live{animation:1.1s ease-in-out infinite pulse}.mic-glyph{font-size:2.4rem;line-height:1}.live-line{text-align:center;min-height:56px;font-size:1.45rem;font-weight:800}.coach-card{background:#fff4cc;border-radius:18px;gap:8px;padding:12px;display:grid}.coach-card mark{background:#ffd56a;border-radius:8px;padding:0 4px}.fallback{gap:8px;display:grid}.listen-meter{margin:0}.fallback label{font-weight:800}.new-badges li{gap:2px;font-weight:800;display:grid}.new-badges li span{color:var(--ink-soft);font-weight:600}.burst{pointer-events:none;position:absolute;inset:0}.confetti{border-radius:3px;width:10px;height:14px;animation:2.8s ease-in-out infinite floaty;position:absolute}.c0{background:#ff6a3d;top:10%;left:8%}.c1{background:#ffc14d;top:16%;left:80%}.c2{background:#2faf72;top:0;left:20%}.c3{background:#79c8ff;top:0;left:70%}.c4{background:#c9b6ff;top:8%;left:46%}.gate form,.setting{gap:8px;margin-bottom:12px;display:grid}.math{font-size:2rem;font-weight:800}.field{border:3px solid var(--line);background:#fff;border-radius:16px;min-height:56px;padding:8px 12px}.check{align-items:center;gap:10px;min-height:48px;margin:8px 0;font-weight:700;display:flex}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.stat span{color:var(--ink-soft);display:block}.stat strong{font-size:1.8rem}.big-num{margin:0;font-size:3rem;font-weight:800}.bars{align-items:end;gap:8px;height:150px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:6px;height:100%;font-size:.75rem;display:flex}.bar{background:var(--coral);border:2px solid var(--line);border-radius:10px 10px 4px 4px;width:100%}.skills li{gap:6px;display:grid}.meter{border:2px solid var(--line);background:#f3e6d4;border-radius:99px;height:14px;overflow:hidden}.meter span{background:var(--leaf);height:100%;display:block}.tip-list a,.recordings li,.utter-list li,.badge-names li{background:var(--paper);border:3px solid var(--line);border-radius:18px;gap:4px;padding:12px;text-decoration:none;display:grid}.badge-names li.on,.tonight{background:#fff4cc}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.fine{color:var(--ink-soft);font-size:.92rem}.parent section{margin-bottom:18px}.celebrate{gap:12px;display:grid}:focus-visible{outline-offset:3px;outline:4px solid #2f6fed}.cloud-drift{animation:7s ease-in-out infinite cloudshift}.floaty{animation:3.6s ease-in-out infinite floaty}.sun-pulse{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite pulse}.lion-bob{animation:3.6s ease-in-out infinite bob}.tail{transform-origin:210px 170px;animation:2.2s ease-in-out infinite wag}.eyes{transform-box:fill-box;transform-origin:50%;animation:5.4s infinite blink}@keyframes drift{0%{transform:translate(0)}to{transform:translate(120vw)}}@keyframes cloudshift{50%{transform:translate(16px)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes floaty{50%{transform:translateY(-10px)}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes wag{50%{transform:rotate(8deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}html[data-motion=reduce] *,html[data-motion=reduce] :before,html[data-motion=reduce] :after{transition:none!important;animation:none!important}html[data-motion=reduce] .btn:active{transform:none}@media (width>=900px){.hero{grid-template-columns:1.15fr .85fr;align-items:center}.play-grid{grid-template-columns:1.15fr .85fr;align-items:start}.scene-frame{position:sticky;top:12px}.stat-grid{grid-template-columns:repeat(4,1fr)}.btn-xl{width:auto;min-width:240px}.land{grid-template-columns:220px 1fr;align-items:center}.land-wrap.right{margin-left:12%}}@media (width<=640px){:root{font-size:17px}.topbar-title{font-size:1.05rem}.star-pill{display:none}.choice{min-height:120px}}