@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;color:#354637;background:#f7f8f2;font-synthesis:none;font-size:14px;--green:#55744d;--dark:#304a32;--muted:#87907f;--line:#e8ebdf;--white:#fff;--orange:#ca895a;--shadow:0 8px 30px #35463705}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed}button:not(:disabled),a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #d29b60;outline-offset:4px}button:not(:disabled){transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}p{line-height:1.8}kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.subtle{color:var(--muted);font-size:12px}.animal{overflow:visible;width:120px;height:140px}#app{display:flex;min-height:100vh}
.sidebar{width:218px;position:fixed;inset:0 auto 0 0;background:#f0f3e9;border-right:1px solid #e4e8dc;padding:34px 20px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0;font-size:22px;letter-spacing:0;white-space:nowrap;font-weight:800;color:#3f5b3a}.brand-mark{flex-shrink:0;background:#54714a;color:#e6eecf;display:grid;place-items:center;border-radius:15px;width:44px;height:44px;transform:rotate(-5deg)}.brand small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:1.1px;margin-top:5px;font-weight:600}.sidebar-label{font-size:10px;letter-spacing:3px;color:#959e88;padding:42px 17px 18px}.sidebar nav{display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:13px;border-radius:11px;padding:15px 16px;text-align:left;color:#7c8773;font-size:14px;position:relative}.nav-item:hover{background:#e8eddc}.nav-item.active{background:#e1e9d3;color:#45653d;font-weight:700}.nav-dot{width:6px;height:6px;border-radius:50%;background:#668752;margin-left:auto}.nav-item:not(.active) .nav-dot{display:none}.sidebar-note{position:relative;margin:52px 9px 24px;padding:20px 16px 0;border:1px solid #dce4cf;border-radius:13px;background:#f6f8ee;overflow:hidden;min-height:221px}.note-leaf{color:#819765;display:block;margin-bottom:9px}.sidebar-note strong{font-size:14px}.sidebar-note p{color:#8c967f;font-size:11px;margin-top:7px;line-height:1.9}.note-drawing{height:74px;position:relative;margin-top:8px}.note-drawing .animal{width:82px;height:96px;position:absolute;right:-9px;bottom:-26px;transform:rotate(-8deg)}.little-sprout{color:#a9ba87;position:absolute;bottom:8px;left:0;transform:rotate(-22deg)}.parent-link{display:flex;gap:8px;align-items:center;margin-top:auto;padding:13px 7px;font-size:11px;color:#748167}.parent-link svg:last-child{margin-left:auto}.local-status{font-size:9px;color:#909c87;padding:12px 7px 0;display:flex;align-items:center;gap:6px}.local-status span{width:5px;height:5px;border-radius:50%;background:#93a578}.workspace{margin-left:218px;width:calc(100% - 218px);min-width:0}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:12px;color:#97a08d;display:flex;gap:14px}.breadcrumb strong{font-weight:500;color:#596551}.breadcrumb span{color:#bcc3b1}.topbar-right{display:flex;align-items:center;gap:12px}.star-wallet{display:flex;align-items:center;gap:8px;font-size:11px;color:#7d866f}.star-wallet svg{color:#d4a756;fill:#f0d99c}.star-wallet b{font-size:16px;color:#8a7445}.header-divider{height:25px;width:1px;background:var(--line);margin:0 10px}.profile-avatar{width:44px;height:44px;border-radius:50%;background:#eee6d7;overflow:hidden;position:relative;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px #e2e8d8}.profile-avatar img{position:absolute;width:300%;max-width:none;height:auto;left:50%;top:-15%;transform:translateX(-50%);display:block}.profile-name{font-size:12px}.profile-name small{display:block;font-size:9px;color:#969c8d;margin-top:5px}#main{max-width:1600px;margin:auto;padding:34px 40px 0}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#8d9b7f;font-weight:600}.page-intro h1{font-size:29px;letter-spacing:.4px;margin:11px 0 11px;line-height:1.4;color:#344a33}.page-intro h1 span{color:#68835a}.page-intro p{color:#909786;font-size:12px}.day-chip{display:flex;align-items:center;gap:11px;white-space:nowrap;color:#a18a4e;font-size:11px;padding:13px 15px;background:#f2efdf;border-radius:11px}.day-chip small{display:block;margin-top:5px;color:#9c9980;font-size:10px}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:23px}.practice-main{min-width:0}.scene-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:19px}.scene-choice{border:1px solid #e5e8dd;background:#fcfdf8;border-radius:12px;padding:14px 12px;display:flex;align-items:center;gap:10px;position:relative;min-width:0;text-align:left}.scene-choice.selected{border-color:#98af83;background:#eff4e7;box-shadow:inset 0 0 0 1px #b7c7a744}.scene-choice:hover{background:#edf2e4}.scene-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.scene-icon.green{color:#709157;background:#e0e9cd}.scene-icon.peach{color:#c89469;background:#f8eadc}.scene-icon.purple{color:#a395bb;background:#efeaf4}.scene-choice strong{font-size:12px;font-weight:700;display:block;white-space:nowrap}.scene-choice small{font-size:9px;color:#8f9886;display:block;margin-top:6px;line-height:1.6}.scene-check{position:absolute;top:7px;right:7px;color:#7b9560;display:grid;place-items:center;width:15px;height:15px}.practice-card{background:var(--white);border:1px solid #e5e8db;border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.lesson-toolbar{padding:20px 23px 17px;display:flex;align-items:center;justify-content:space-between}.lesson-heading{display:flex;align-items:center;gap:11px;min-width:0}.lesson-number{width:36px;height:39px;border-radius:10px;display:grid;place-items:center;background:#f1f4e8;color:#8a9c6d;font:600 15px Georgia,serif}.tiny-label{color:#9da490;font-size:9px}.label-dot{padding:0 6px}.lesson-heading h2{font-size:14px;margin-top:6px;color:#47553e}.lesson-heading h2 span{font-weight:400;color:#bdc4b2;margin:0 6px}.toolbar-buttons{display:flex;gap:6px}.icon-button{width:31px;height:31px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#8b957f;flex-shrink:0}.icon-button:hover{background:#f0f3e8;color:#4f6a42}.play-stage{height:258px;margin:0 13px;position:relative;background:#f0f3df;border-radius:12px;overflow:hidden;outline:none}.stage-top{position:absolute;top:15px;left:16px;right:17px;display:flex;align-items:center;justify-content:space-between;z-index:1;color:#899979;font-size:10px}.mode-pill{background:#ffffff80;border:1px solid #e2e9d6aa;padding:6px 8px;border-radius:20px;display:flex;align-items:center;gap:5px}.mode-pill span{width:5px;height:5px;background:#8fac73;border-radius:50%}.scenery{position:absolute;inset:0;width:100%;height:100%}.stage-decoration{position:absolute;font:italic 48px Georgia,serif;color:#94a97555}.decoration-left{left:30%;top:90px;transform:rotate(-18deg)}.decoration-right{right:25%;top:104px;transform:rotate(15deg)}.scene-actor{position:absolute;left:50%;bottom:39px;width:150px;height:166px;transform:translateX(-50%)}.actor-character{position:absolute;bottom:0;width:122px;left:14px;z-index:2;transform-origin:bottom}.actor-character>.animal{width:122px;height:142px;display:block;animation:animal-breathe 3.4s ease-in-out infinite}.ground-hole{position:absolute;bottom:5px;left:8px;width:134px;height:24px;border-radius:50%;background:#927c5470;box-shadow:0 5px 0 #cfdbaf;z-index:1}.letter-bubble{position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(5deg);z-index:3;background:#fffdf4;border:2px solid #d7caa8;border-radius:11px;width:47px;height:45px;display:grid;place-items:center;font:700 27px ui-monospace,monospace;color:#6b7747;box-shadow:0 4px 0 #d6caa666}.letter-bubble:after{content:"";position:absolute;width:8px;height:8px;bottom:-6px;left:17px;transform:rotate(45deg);background:#fffdf4;border-bottom:2px solid #d7caa8;border-right:2px solid #d7caa8}.letter-bubble.wide{font-family:inherit;font-size:17px;width:57px}.actor-speech{position:absolute;bottom:13px;text-align:center;width:100%;font-size:11px;color:#61774f;z-index:4;transition:color .2s}.actor-speech.miss-text{color:#9c6b4c}.combo-badge{position:absolute;right:18px;bottom:19px;display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:15px;background:#fff5d9;color:#ae8847;font-size:10px;opacity:0;transition:opacity .2s}.combo-badge.visible{opacity:1}.toy-hammer{position:absolute;left:103px;top:39px;width:52px;height:70px;z-index:5;transform:rotate(37deg);transform-origin:bottom;opacity:0}.toy-hammer b{display:block;width:47px;height:27px;background:#e7b276;border:3px solid #ca9761;border-radius:9px;box-shadow:inset 0 4px #f0c99a}.toy-hammer i{display:block;position:absolute;background:#b08155;left:20px;top:20px;width:10px;height:52px;border:2px solid #976c46;border-radius:4px}.hit-stars{position:absolute;top:36px;left:0;width:130px;text-align:center;color:#f7cc5f;font-size:26px;font-weight:800;opacity:0;z-index:4;letter-spacing:8px}.hit-stars span{display:inline-block;transform:translateY(-18px)}.flying-carrot{position:absolute;left:100px;top:35px;opacity:0;color:#d4874d;z-index:4}.light-jar{display:none}.hit .toy-hammer,.miss .toy-hammer{animation:hammer-hit .42s ease-out}.hit .actor-character{animation:animal-hit .5s ease-in-out}.hit .hit-stars{animation:reward-stars .7s ease-out}.miss .actor-character{animation:animal-dodge .65s ease-in-out}.bunny{background:#f4f0df}.bunny .toy-hammer,.firefly .toy-hammer{display:none}.bunny .ground-hole{height:13px;background:#c6b17b55}.bunny .hit .flying-carrot{animation:carrot-feed .6s ease-out}.bunny .miss .flying-carrot{animation:carrot-miss .65s ease-in}.firefly{background:#e5e8ed}.firefly .scenery{filter:hue-rotate(24deg) saturate(.5)}.firefly .scene-sun{fill:#f8f3d9}.firefly .actor-character{filter:drop-shadow(0 0 14px #fff3a877)}.firefly .ground-hole{display:none}.firefly .light-jar{display:block;position:absolute;right:-48px;bottom:14px;width:42px;height:52px;border:2px solid #b7c8b8;border-radius:6px 6px 12px 12px;background:#f6f8ed66}.light-jar:before{content:"";position:absolute;top:-6px;left:-2px;width:42px;height:8px;background:#abbaa3;border-radius:3px}.light-jar i{width:5px;height:5px;border-radius:50%;background:#d9c46b;position:absolute;left:10px;top:20px;box-shadow:0 0 9px #f8e892}.light-jar i:nth-child(2){left:25px;top:31px}.light-jar i:nth-child(3){left:23px;top:11px}.firefly .hit .light-jar{animation:jar-glow .6s ease-out}.firefly .hit .actor-character{animation:fly-to-jar .6s ease-in-out}.is-paused:after{content:"小伙伴等你回来 · 已暂停";position:absolute;inset:0;background:#f7f8eecd;backdrop-filter:blur(3px);display:grid;place-items:center;z-index:6;color:#688052;font-size:15px;font-weight:700}.practice-controls{display:flex;gap:20px;align-items:center;padding:14px 23px 9px}.practice-progress{display:flex;gap:12px;align-items:center;flex:1;color:#94a181;font-size:10px;font-variant-numeric:tabular-nums}.practice-progress>span{white-space:nowrap;min-width:43px}.progress-track{height:5px;flex:1;background:#edf0e6;border-radius:9px;overflow:hidden}.progress-track i{display:block;background:#91ac71;height:100%;width:0;transition:width .18s}.control-buttons{display:flex;align-items:center;gap:6px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12px;font-weight:600;border-radius:9px;min-height:42px;white-space:nowrap}.button.primary{background:#5e7b4e;color:#fff}.button.primary:hover{background:#4d6a3e;box-shadow:0 4px 12px #536d4426}.button.secondary{border:1px solid #dce4d1;background:#fbfcf7;color:#70815c}.button.secondary:hover{background:#eef2e5}.button.small{padding:8px 13px;font-size:10px;min-height:32px;border-radius:7px}.button:disabled{opacity:.45}.typing-area{padding:6px 23px 18px}.typing-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#879778;margin-bottom:13px;gap:10px}.typing-heading>span:last-child{font-size:9px;color:#a1aa94;display:flex;align-items:center;gap:4px;white-space:nowrap}.character-strip{display:flex;justify-content:center;align-items:center;gap:7px;background:#f8f9f3;border:1px solid #eef0e6;border-radius:10px;padding:14px 9px 15px;min-height:72px;flex-wrap:wrap}.character{position:relative;width:34px;height:37px;background:#fff;border:1px solid #e2e6d8;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#a9b09c;font:500 22px ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 2px 0 #ecefe4}.character.current{background:#789560;color:#fff;border-color:#789560;box-shadow:0 3px 0 #536f40;transform:translateY(-2px)}.character.current:after{content:"";position:absolute;width:4px;height:4px;background:#799562;border-radius:50%;bottom:-10px}.character.done{background:#eef3e4;color:#9cb987;border-color:#e3ebd6;box-shadow:none}.character i{font:7px Arial;position:absolute;right:3px;bottom:1px;color:#85a46a}.character.wrong{background:#e9c1a6;color:#855536;border-color:#d8aa89;box-shadow:0 3px 0 #c2997d}.space-symbol{font-size:19px}.keyboard-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:18px 0 22px;font-size:10px;color:#849671}.keyboard-topline>span{display:flex;gap:5px;align-items:center}.text-button{color:#939f85;font-size:10px;padding:2px}.text-button:hover{color:#506d3d;text-decoration:underline}.keyboard{padding:11px 11px 8px;background:#f0f1e9;border:1px solid #e4e7dc;border-radius:11px;box-shadow:0 4px 0 #e3e6db}.keyboard-row{display:flex;gap:5px;margin-bottom:6px}.keyboard-row:last-child{margin-bottom:0;justify-content:center}.key{position:relative;display:grid;place-items:center;flex:1 1 0;min-width:0;height:31px;border-radius:5px;background:#fffef9;box-shadow:0 2px 0 #d5d9cc;border:1px solid #e3e6da;font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#8c9581;padding:0}.key.special{font-size:8px;background:#e6e9de;color:#a4ac97;flex:1.6 1 0}.row-2 .key.special{flex:1.8 1 0}.row-3 .key.special{flex:2.2 1 0}.key.space-key{flex:0 1 43%;font-size:9px;color:#b1b9a3;height:27px}.key:hover:not(:disabled){background:#e8eddc}.key.colored.finger-pinky:not(.special):not(.space-key){background:#f5edf0}.key.colored.finger-ring:not(.special){background:#f4efdf}.key.colored.finger-middle:not(.special){background:#e8eee0}.key.colored.finger-index:not(.special){background:#e5ece8}.key.colored.target,.key.target{background:#adc68e!important;color:#425b32;border-color:#9cb77c;box-shadow:0 3px 0 #819c63;z-index:2}.key.struck{background:#d9e6b8!important;box-shadow:0 0 0 3px #9bbd6c}.key.wrong{background:#ebc7af!important;border-color:#c99976;animation:wrong-shake .25s}.key.shift-hint{background:#dce5c8!important;color:#5f7248}.key.shift-on{background:#a8bd8d!important;color:#fff}.key-animal{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);width:31px;height:35px;pointer-events:none;display:none}.key-animal .animal{width:31px;height:36px;filter:drop-shadow(0 2px 1px #83976a33)}.key.target .key-animal{display:block;animation:key-pop .25s ease-out}.key-label{position:relative;z-index:2}.home-bump{width:9px;height:2px;border-radius:2px;position:absolute;bottom:3px;background:currentColor;opacity:.55}.keyboard-caption{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#a0a88f;margin-top:13px}.keyboard-caption>span:first-child{display:flex;align-items:center;gap:5px}.finger-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:5px}.pinky{background:#d9a9b7}.ring{background:#d5bb79}.middle{background:#a4bd85}.index{background:#8faf9f}.live-stats{padding:15px 22px;border-top:1px solid #edf0e5;display:flex;align-items:center;gap:26px;color:#9aa78a;background:#fcfdf9}.live-stats>div{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px}.live-stats strong{font-family:Arial,sans-serif;color:#6b7b58;font-size:13px;font-weight:600;margin-left:4px;font-variant-numeric:tabular-nums}.stats-note{font-size:9px;display:flex;align-items:center;gap:5px;margin-left:auto;color:#9aa78a}.gentle-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#9ca98d;font-size:10px;margin:18px 0 2px}.right-rail{display:flex;flex-direction:column;gap:18px}.rail-card{border:1px solid #e5e8dc;background:#fff;border-radius:14px;padding:21px 20px;box-shadow:var(--shadow)}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h3{font-size:13px}.card-title h2{font-size:16px}.card-title>span{color:#a3ae94}.pill{font-size:8px;color:#99a789!important;background:#f1f5e9;padding:5px 7px;border-radius:5px;white-space:nowrap}.journey-summary{display:flex;align-items:flex-end;gap:9px;margin:23px 0 15px}.journey-summary>strong{font:500 31px Georgia,serif;color:#688352}.journey-summary strong small{font-family:Arial,sans-serif;font-size:12px;color:#b7c0ab}.journey-summary>span:not(.mini-leaf){font-size:9px;color:#a0a98f;padding-bottom:5px}.mini-leaf{margin-left:auto;margin-right:1px;color:#b6c69d;transform:rotate(-15deg)}.journey-track{height:5px;background:#f0f3e9;border-radius:10px;overflow:hidden}.journey-track i{display:block;height:100%;background:#b0c495}.lesson-list{display:flex;flex-direction:column;gap:6px;margin:21px -7px 15px;position:relative}.lesson-list:before{content:"";position:absolute;top:10px;bottom:10px;left:24px;border-left:1px dashed #dce3d0;z-index:0}.lesson-list-item{display:flex;position:relative;align-items:center;gap:10px;padding:10px 10px;text-align:left;border-radius:8px;min-height:57px}.lesson-list-item.current{background:#f0f5e8}.lesson-list-item:hover:not(:disabled){background:#f5f7ed}.lesson-marker{width:28px;height:28px;border-radius:50%;background:#f2f4ec;color:#b4bea5;border:3px solid #fff;display:grid;place-items:center;font-size:9px;z-index:1;flex-shrink:0}.current .lesson-marker{background:#8ba76e;color:white;border-color:#dfebcf}.lesson-list-item strong{font-size:11px;font-weight:600;color:#839574;display:block}.lesson-list-item strong small{display:block;font-size:9px;color:#a3ae95;margin-top:4px;font-weight:400}.lesson-list-item.locked{opacity:.7}.current-tag{margin-left:auto;color:#8a9e76;font-size:8px;white-space:nowrap}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:10px;color:#879c73;padding:0}.text-link:hover{color:#4b6e35}.journey-card>.text-link{width:100%;justify-content:center;border-top:1px solid #eef1e7;padding-top:16px}.stars{display:inline-flex;gap:3px;color:#dce2d1}.stars>span{display:flex}.stars .earned{color:#d0a050}.stars .earned svg{fill:#f2d28f}.lesson-list-item>.stars{margin-left:auto}.lesson-list-item .stars svg{width:11px;height:11px}.finger-card{padding-top:20px}.hand-guide{width:170px;height:93px;display:block;margin:11px auto 7px}.hands-hidden{height:100px;display:grid;place-items:center;font-size:11px;color:#8e9b80}.finger-callout{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:#7e9269;background:#f3f6ec;border-radius:7px;padding:9px;min-height:38px}.finger-callout kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;background:#fff;border:1px solid #dee7d0;border-radius:5px;color:#7a9460;font-size:14px;box-shadow:0 2px #dce6ce}.finger-card p{font-size:10px;color:#9aa48c;margin-top:14px;line-height:1.9}.home-keys{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:17px;padding-top:14px;border-top:1px dashed #e7ebdf}.home-keys>span{font-size:8px;color:#a2ad93;margin-right:3px;white-space:nowrap}.home-keys kbd{font-size:9px;color:#95a77e;background:#f1f5e8;border-radius:3px;padding:4px}.home-keys i{width:2px}.friend-note{background:#f0efe0;border:1px solid #e7e6d6;border-radius:13px;padding:20px 16px;position:relative;overflow:hidden;min-height:164px}.friend-note .eyebrow{font-size:7px;letter-spacing:1.2px;color:#ac9e79}.friend-note h3{font-size:13px;margin:9px 0 8px;color:#807249}.friend-note p{font-size:10px;color:#a59b7e;line-height:1.9}.friend-note .text-link{font-size:9px;margin-top:10px;color:#9a8b64}.friend-note>.animal{width:92px;height:108px;position:absolute;right:0;bottom:-7px;transform:rotate(-6deg)}.page-footer{display:flex;justify-content:space-between;gap:20px;max-width:1600px;margin:0 auto;padding:30px 40px 22px;color:#b3bca6;font-size:9px}.page-footer>span:first-child{display:flex;align-items:center;gap:5px}
.map-total{display:flex;align-items:center;gap:10px;font-size:14px;color:#a48c4d;background:#f0eddc;padding:16px 20px;border-radius:12px;white-space:nowrap}.map-total svg{color:#c5a365}.map-banner{display:flex;align-items:center;gap:21px;border:1px solid #dfe7d2;border-radius:15px;background:#edf3e2;padding:24px;position:relative;overflow:hidden}.map-banner-icon{color:#8ba672;background:#e0eacb;padding:17px;border-radius:14px}.map-banner strong{font-size:15px}.map-banner p{font-size:11px;color:#8b9b79;margin-top:8px;max-width:80%}.map-banner>.animal{position:absolute;right:24px;bottom:-32px;transform:rotate(-10deg)}.map-section{margin-top:31px}.map-section-title{display:flex;align-items:center;gap:14px;margin-bottom:17px}.map-section-title>span{font:italic 30px Georgia,serif;color:#b5c29e}.map-section-title h2{font-size:17px}.map-section-title p{font-size:10px;color:#9aa58c;margin-top:3px}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.course-tile{border:1px solid #e3e8d8;border-radius:12px;position:relative;padding:18px 18px 15px;text-align:left;display:flex;flex-direction:column;background:#fff;min-height:163px}.course-tile:hover:not(:disabled){border-color:#95ae7f;box-shadow:0 5px 15px #7188550c;transform:translateY(-2px)}.course-tile.selected{border:1.5px solid #9bb681;background:#f0f5e7}.course-tile.locked{background:#f5f6f0;opacity:.65}.course-tile.completed{background:#f1f7e9}.tile-number{font:12px Arial,sans-serif;color:#a4b191}.tile-status{position:absolute;top:16px;right:16px;color:#a0ae8d}.tile-keys{font:500 25px ui-monospace,monospace;color:#738d5a;margin-top:11px}.course-tile>strong{font-size:11px;color:#869775;margin-top:8px}.tile-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:17px}.tile-footer small{font-size:8px;color:#a5b394}.friends-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}.friend-card{border:1px solid #e1e7d5;border-radius:17px;position:relative;overflow:hidden;padding:20px 20px 23px;background:#f1f5e7;text-align:center}.friend-card.peach{background:#f8eee1;border-color:#ece0d1}.friend-card.lavender{background:#eeedf5;border-color:#e0dfee}.friend-card.sand{background:#f4efde;border-color:#e8e1ca}.friend-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:20px;background:#ffffff70;font-size:9px;color:#97a087}.friend-portrait{position:relative;width:160px;height:181px;display:grid;place-items:center;margin:14px auto}.friend-portrait .animal{width:140px;height:165px;position:relative;z-index:1}.friend-halo{position:absolute;width:145px;height:145px;background:#ffffff5e;border-radius:50%;bottom:12px}.friend-card.undiscovered .friend-portrait{filter:saturate(.65);opacity:.75}.friend-card>.eyebrow{font-family:inherit;font-size:10px;letter-spacing:1px;color:#a4a188}.friend-card h2{font-size:24px;margin-top:8px}.friend-card p{font-size:10px;color:#989c85;min-height:45px;margin:12px 0 17px}.friend-card .button{width:100%;font-size:11px;padding:11px 8px}.collection-note{display:flex;gap:22px;align-items:center;padding:27px 30px;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:12px}.collection-note>span{color:#c1a36e}.collection-note h3{font-size:14px}.collection-note p{font-size:11px;color:#929f83;margin-top:7px}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:30px 0 23px}.report-stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative}.report-stat>span:not(.report-stat-icon){font-size:11px;color:#9aa48a}.report-stat>strong{font:32px Georgia,serif;color:#6e8954}.report-stat small{font:11px system-ui,sans-serif;margin-left:6px;color:#a2ac93}.report-stat-icon{position:absolute;right:20px;top:22px;color:#a9b798}.report-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-bottom:23px}.weak-keys>p{font-size:11px;color:#99a58c;margin-top:12px}.weak-key-list{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.weak-key-list>div{display:flex;flex-direction:column;align-items:center;gap:7px}.weak-key-list kbd{display:grid;place-items:center;min-width:44px;height:47px;background:#f3f5eb;border:1px solid #e1e7d3;box-shadow:0 3px #e1e6d7;border-radius:8px;font-size:22px;color:#93a677;padding:0 9px}.weak-key-list span{font-size:9px;color:#a3ae95}.report-encouragement{background:#eef2e3;border-radius:13px;text-align:center;padding:15px 20px 21px;border:1px solid #e2e8d5}.report-encouragement .animal{width:88px;height:103px}.report-encouragement h3{font-size:14px;margin:5px 0 10px}.report-encouragement p{color:#91a17f;font-size:10px}.report-encouragement .text-link{margin-top:13px}.empty-small{min-height:121px;display:flex;align-items:center;justify-content:center;gap:14px;color:#aebc9c;font-size:11px}.empty-small span{max-width:220px;line-height:1.8}.history-card{padding:23px}.table-scroll{overflow:auto;margin-top:19px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-weight:500;font-size:10px;color:#a0ac92;background:#f5f7ee;padding:13px}td{font-size:11px;color:#80916c;padding:16px 13px;border-bottom:1px solid #f0f2e8}td small{display:block;font-size:8px;color:#a2b08f;margin-top:5px}.empty-state{text-align:center;color:#a8b698;padding:46px 20px}.empty-state h3{font-size:17px;margin:16px 0 10px;color:#7d9563}.empty-state p{font-size:11px;margin-bottom:21px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,12px);z-index:50;background:#3e5139ed;color:#fbfdf7;border:1px solid #748467;border-radius:10px;padding:13px 20px;font-size:12px;box-shadow:0 5px 22px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{border:1px solid #e2e7d5;border-radius:22px;padding:40px;background:#fcfdf7;color:#405337;width:min(590px,calc(100vw - 36px));max-height:90vh;box-shadow:0 25px 100px #25311e33;text-align:center;overflow:auto}dialog::backdrop{background:#30422c57;backdrop-filter:blur(5px)}dialog h2{font-size:23px;line-height:1.6;margin:12px 0}.modal-close{position:absolute;top:14px;right:14px}.modal-intro{color:#99a68a;font-size:12px;line-height:1.9}.modal-illustration{height:110px;overflow:hidden;margin-bottom:20px}.modal-illustration .animal{width:115px;height:134px}.modal-primary{margin-top:24px;min-width:160px}.help-steps{display:flex;flex-direction:column;gap:19px;text-align:left;margin:25px 0}.help-steps>div{display:flex;gap:14px;font-size:11px;color:#92a07f;line-height:1.9}.help-steps b{border-radius:50%;background:#e7eeda;color:#8ba66d;width:28px;height:28px;flex-shrink:0;display:grid;place-items:center}.help-steps strong{display:block;font-size:12px;color:#6c8555;margin-bottom:3px}.help-note{background:#f1f4e6;border-radius:10px;padding:15px;font-size:10px;line-height:1.9;color:#94a17f;text-align:left}.result-art{height:133px;position:relative;width:180px;margin:0 auto 10px}.result-art .animal{width:123px;height:144px}.result-art>span{position:absolute;color:#ddbd6d;font-size:37px;left:-4px;top:28px}.result-art>i{position:absolute;color:#a7bc84;font-size:40px;right:0;top:1px;font-style:normal}.result-stars{margin:10px 0 24px}.result-stars .stars{gap:12px}.result-stars svg{width:38px;height:38px}.result-stars .stars>span:nth-child(2){transform:translateY(-7px)}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;margin:24px 0;background:#f0f4e5;border-radius:13px}.result-metrics>div{display:flex;flex-direction:column;gap:8px}.result-metrics>div+div{border-left:1px solid #dfe8d1}.result-metrics strong{font:26px Arial,sans-serif;color:#77925d}.result-metrics strong small{font-size:12px}.result-metrics span{font-size:10px;color:#9ba98a}.result-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.result-actions .button{flex:1}.result-report{margin-top:19px;font-size:11px}
@keyframes animal-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hammer-hit{0%{opacity:1;transform:rotate(35deg)}35%{transform:rotate(-35deg) translate(-13px,10px)}70%{opacity:1;transform:rotate(5deg)}100%{opacity:0;transform:rotate(20deg)}}@keyframes animal-hit{0%,100%{transform:scale(1)}35%{transform:scale(1.14,.77)}65%{transform:scale(.96,1.06)}}@keyframes animal-dodge{0%,100%{transform:translate(0,0) rotate(0)}30%,65%{transform:translate(-37px,25px) rotate(-18deg)}}@keyframes reward-stars{0%{opacity:0;transform:scale(.6)}30%{opacity:1}100%{opacity:0;transform:translateY(-28px) scale(1.3)}}@keyframes key-pop{from{transform:translate(-50%,9px) scale(.7)}to{transform:translate(-50%,0) scale(1)}}@keyframes wrong-shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes carrot-feed{0%{opacity:1;transform:translate(35px,-12px) rotate(20deg)}70%{opacity:1;transform:translate(-43px,33px) rotate(-15deg)}100%{opacity:0;transform:translate(-43px,33px) scale(.4)}}@keyframes carrot-miss{0%{opacity:1;transform:translate(35px,-12px)}100%{opacity:0;transform:translate(-80px,135px) rotate(-120deg)}}@keyframes jar-glow{40%{box-shadow:0 0 30px 15px #f4e995;background:#faf5c4}}@keyframes fly-to-jar{50%{transform:translate(46px,-12px) rotate(12deg)}}
@media(min-width:1600px){:root{font-size:15px}.sidebar{width:240px;padding:37px 25px}.workspace{width:calc(100% - 240px);margin-left:240px}#main{padding-top:40px}.topbar{height:95px}.practice-layout{grid-template-columns:minmax(0,1fr) 295px;gap:28px}.play-stage{height:290px}.scene-choice{padding:17px}.scene-choice strong{font-size:13px}.scene-choice small{font-size:10px}.lesson-toolbar{padding:24px}.lesson-heading h2{font-size:16px}.character{width:41px;height:43px;font-size:25px}.key{height:36px;font-size:12px}.key.space-key{height:31px}.typing-area{padding:11px 28px 23px}.keyboard-caption{font-size:9px}.live-stats{padding:19px 25px}.right-rail{gap:24px}.rail-card{padding:25px 23px}.lesson-list-item{min-height:65px}.friend-note{min-height:181px}.sidebar-note{margin-top:72px}.page-intro h1{font-size:33px}.hand-guide{height:113px;width:200px}}
@media(max-width:1250px){.sidebar{width:186px;padding:29px 15px}.workspace{margin-left:186px;width:calc(100% - 186px)}.brand{font-size:20px;gap:9px}.brand-mark{width:38px;height:38px}.brand small{font-size:6px;letter-spacing:1px}.topbar{padding:0 27px;height:78px}#main{padding:29px 26px 0}.page-footer{padding-left:26px;padding-right:26px}.practice-layout{grid-template-columns:minmax(0,1fr) 235px;gap:17px}.scene-choice{padding:11px 9px;gap:7px}.scene-icon{width:33px;height:33px}.scene-icon svg{width:21px;height:21px}.scene-choice strong{font-size:11px}.scene-choice small{font-size:8px;letter-spacing:-.2px}.scene-check{display:none}.rail-card{padding:18px 15px}.scene-picker{gap:8px}.practice-controls{gap:12px}.lesson-toolbar{padding:17px}.typing-area{padding-left:16px;padding-right:16px}.live-stats{gap:14px;padding:14px 16px}.stats-note{font-size:8px}.live-stats>div{font-size:9px;gap:4px}.live-stats>div>svg{width:16px;height:16px}.live-stats strong{font-size:12px}.keyboard-row{gap:4px}.key{height:29px}.keyboard{padding:9px}.character{width:31px;height:35px;font-size:20px}.character-strip{gap:5px}.page-intro h1{font-size:27px}.page-intro p{font-size:11px}.day-chip{display:none}.home-keys{gap:2px}.home-keys kbd{padding:3px;font-size:8px}.home-keys>span{font-size:7px}.finger-callout{font-size:10px}.sidebar-note{margin:38px 6px 20px}.current-tag{font-size:7px}.friends-grid{gap:13px}.friend-card{padding:18px 12px}.friend-portrait{width:130px}.friend-card h2{font-size:21px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.sidebar{width:168px;padding:26px 12px}.workspace{margin-left:168px;width:calc(100% - 168px)}.brand{font-size:18px}.brand-mark{width:35px;height:35px}.brand-mark svg{width:25px}.brand small{font-size:5.5px;letter-spacing:.8px}.nav-item{padding:14px 11px;gap:10px;font-size:12px}.sidebar-label{font-size:9px;padding-left:10px;letter-spacing:2px}.practice-layout{grid-template-columns:minmax(0,1fr)}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.friend-note{display:none}.journey-card{grid-column:1}.finger-card{grid-column:2}.journey-summary{margin:16px 0 10px}.lesson-list{margin:12px -7px}.lesson-list-item{min-height:48px;padding-top:6px;padding-bottom:6px}.finger-card .hand-guide{width:190px;height:117px}.finger-card p{margin-top:20px}.home-keys{margin-top:22px}.live-stats{gap:30px}.scene-choice{padding:14px 12px}.scene-choice strong{font-size:12px}.scene-choice small{font-size:9px}.scene-icon{width:39px;height:39px}.key{height:33px}.character{width:36px;height:39px}.play-stage{height:255px}.friends-grid{grid-template-columns:1fr 1fr}.report-stats{gap:12px}.report-stat{padding:19px 14px}.report-stat-icon{right:12px}.report-stat>strong{font-size:26px}.report-panels{grid-template-columns:1fr}.page-intro{align-items:flex-start}.page-intro .button{font-size:10px;padding:9px}.map-total{font-size:11px;padding:12px}.map-banner>.animal{right:5px;width:95px}.history-card .card-title{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.sidebar{width:74px;padding:23px 10px}.brand{padding:0;justify-content:center}.brand>span:last-child{display:none}.brand-mark{width:40px;height:40px}.sidebar-label,.sidebar-note,.parent-link,.local-status{display:none}.sidebar nav{margin-top:40px;gap:14px}.nav-item{flex-direction:column;gap:6px;padding:12px 3px;font-size:8px;border-radius:9px}.nav-dot{display:none}.workspace{margin-left:74px;width:calc(100% - 74px)}.topbar{height:70px;padding:0 18px}.breadcrumb{font-size:10px;gap:9px}.profile-name,.header-divider{display:none}.profile-avatar{width:36px;height:36px}.star-wallet{font-size:9px;gap:4px}.star-wallet>span{display:none}.topbar-right{gap:12px}#main{padding:25px 18px 0}.page-intro{margin-bottom:21px;flex-wrap:wrap;gap:13px}.page-intro h1{font-size:24px}.page-intro p{font-size:10px;line-height:1.9}.page-intro .eyebrow{font-size:8px}.scene-choice{padding:12px 6px;flex-direction:column;gap:7px;text-align:center}.scene-choice small{display:none}.scene-choice strong{font-size:10px}.scene-icon{width:32px;height:32px}.scene-icon svg{width:20px;height:20px}.scene-picker{gap:9px}.lesson-heading h2{font-size:12px;line-height:1.6}.lesson-number{width:30px;height:34px;font-size:12px}.lesson-heading{gap:8px}.tiny-label{font-size:8px}.lesson-toolbar{padding:14px 13px}.toolbar-buttons{gap:2px}.toolbar-buttons .icon-button{width:27px}.play-stage{height:239px;margin:0 9px}.scene-actor{bottom:32px;transform:translateX(-50%) scale(.92)}.stage-top{left:9px;right:9px;font-size:8px;top:10px}.mode-pill{font-size:8px}.actor-speech{font-size:9px;bottom:12px}.combo-badge{font-size:8px;padding:5px;right:7px;bottom:45px}.combo-badge svg{width:12px}.practice-controls{padding:13px 13px 10px;gap:10px}.practice-progress{gap:6px;font-size:8px}.control-buttons{gap:2px}.button.small{font-size:9px;padding:7px 9px}.control-buttons .icon-button{width:25px}.typing-area{padding:5px 11px 17px}.typing-heading{font-size:9px;align-items:flex-start;min-height:24px}.typing-heading>span:last-child{font-size:8px;white-space:nowrap}.character-strip{padding:13px 6px 15px;gap:5px}.character{width:28px;height:33px;font-size:19px}.keyboard-topline{font-size:8px;align-items:flex-start}.keyboard-topline .text-button{font-size:8px;white-space:nowrap}.keyboard-row{gap:3px;margin-bottom:5px}.keyboard{padding:7px 5px}.key{height:29px;font-size:10px;border-radius:4px}.key.special{font-size:6px;letter-spacing:-.3px}.key.space-key{height:25px;font-size:8px}.key-animal{width:26px;height:30px;bottom:19px}.key-animal .animal{width:26px;height:30px}.keyboard-caption{font-size:7px;line-height:1.8;gap:5px;flex-wrap:wrap}.keyboard-caption>span:first-child{gap:4px}.finger-dot{margin-left:2px;width:4px;height:4px}.live-stats{gap:15px;padding:13px 11px;flex-wrap:wrap}.live-stats>div{font-size:8px}.live-stats>div>svg{width:14px;height:14px}.live-stats strong{font-size:11px;margin-left:2px}.stats-note{display:none}.gentle-note{font-size:8px;line-height:1.8;align-items:flex-start}.right-rail{gap:13px}.rail-card{padding:17px 12px}.card-title h3{font-size:11px}.pill{display:none}.journey-summary>strong{font-size:26px}.journey-summary>span:not(.mini-leaf){font-size:8px}.journey-summary{gap:5px}.journey-summary strong small{font-size:10px}.mini-leaf{display:none}.current-tag{display:none}.lesson-list-item{gap:7px;padding-left:6px;padding-right:6px}.lesson-marker{width:25px;height:25px}.lesson-list-item strong{font-size:9px}.lesson-list-item strong small{font-size:8px}.lesson-list:before{left:18px}.finger-card .hand-guide{width:140px;height:99px;max-width:100%}.finger-callout{font-size:9px;flex-wrap:wrap;padding:7px}.finger-card p{font-size:9px}.home-keys{flex-wrap:wrap;gap:3px}.home-keys>span{width:100%;text-align:center;margin-bottom:5px}.page-footer{font-size:8px;padding:25px 18px 18px}.page-footer>span:last-child{display:none}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.course-tile{padding:15px 12px;min-height:150px}.tile-keys{font-size:21px}.course-tile>strong{font-size:10px}.tile-footer{flex-wrap:wrap;gap:7px}.map-banner{padding:20px 14px;gap:13px}.map-banner-icon{padding:9px}.map-banner-icon svg{width:24px}.map-banner strong{font-size:12px}.map-banner p{font-size:9px;max-width:100%}.map-banner>.animal{display:none}.map-section-title h2{font-size:15px}.map-section-title p{font-size:9px}.friend-card{padding:17px 10px}.friends-grid{gap:13px}.friend-tag{font-size:8px;padding:5px}.friend-portrait{width:110px;height:160px}.friend-portrait .animal{width:115px;height:135px}.friend-halo{width:110px;height:110px;bottom:15px}.friend-card h2{font-size:20px}.friend-card p{font-size:9px;line-height:1.9}.friend-card .button{font-size:9px;gap:5px}.collection-note{padding:20px 15px;gap:13px}.collection-note h3{font-size:11px}.collection-note p{font-size:9px}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stat>strong{font-size:27px}.report-stat>span:not(.report-stat-icon){font-size:10px}.card-title h2{font-size:13px}.weak-keys>p{font-size:10px}.history-card .subtle{font-size:9px}.empty-state{padding:30px 5px}.empty-state h3{font-size:14px}.empty-state p{font-size:10px}.empty-small{font-size:10px}.report-panels{gap:15px}.weak-key-list{gap:9px}.weak-key-list kbd{min-width:36px;height:39px;font-size:19px}.weak-key-list span{font-size:8px}dialog{padding:33px 23px;border-radius:16px}dialog h2{font-size:20px}.modal-intro{font-size:11px}.result-actions .button{font-size:10px;padding:10px}.result-metrics strong{font-size:22px}.help-steps{gap:15px}.help-steps>div{font-size:10px}.help-steps strong{font-size:11px}}
@media(max-width:440px){.sidebar{width:58px;padding:18px 6px}.brand-mark{width:35px;height:35px;border-radius:11px}.nav-item{font-size:7px;padding:10px 1px}.nav-item svg{width:18px;height:18px}.workspace{margin-left:58px;width:calc(100% - 58px)}.topbar{padding:0 13px}#main{padding:21px 11px 0}.page-intro h1{font-size:21px}.page-intro p{font-size:9px}.scene-choice strong{font-size:9px}.lesson-heading h2{font-size:10px}.lesson-heading h2 span{margin:0 3px}.lesson-number{display:none}.lesson-toolbar{padding:12px}.play-stage{height:225px}.keyboard{padding:6px 3px}.keyboard-row{gap:2px}.key{font-size:8px;height:25px}.key.special{font-size:5px}.key-animal{bottom:17px}.typing-heading>span:last-child{display:none}.character{width:24px;height:30px;font-size:17px}.character-strip{gap:4px}.right-rail{grid-template-columns:1fr}.journey-card,.finger-card{grid-column:1}.finger-card .hand-guide{width:180px;height:100px}.home-keys{flex-wrap:nowrap}.home-keys>span{width:auto;margin:0}.keyboard-caption>span:last-child{display:none}.lesson-list-item strong{font-size:11px}.lesson-list-item strong small{font-size:9px}.current-tag{display:block;font-size:9px}.card-title h3{font-size:13px}.friend-card>.eyebrow{font-size:8px}.friend-tag{font-size:7px}.friend-portrait{width:95px;height:139px}.friend-portrait .animal{width:100px;height:117px}.friend-halo{width:100px;height:100px}.friend-card .button{font-size:8px}.friend-card p{font-size:8px;min-height:47px}.friend-card .button svg{width:12px}.friends-grid{gap:9px}.report-stat>span:not(.report-stat-icon){font-size:9px}.report-stat-icon{right:10px;top:16px}.report-stat-icon svg{width:17px}.report-stat{padding:17px 12px}.gentle-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
/* Keep the learning cues larger and darker than decorative labels. */
.typing-heading{color:#647c50;font-size:12px}.keyboard-topline{color:#647c50;font-size:11px}.actor-speech{color:#506b3e;font-size:12px}.key{font-size:13px;color:#64735b}.lesson-heading h2{font-size:15px}.finger-card p{color:#7f8d71}.key-effect{display:none;position:absolute;bottom:16px;right:-5px;color:#b47f44;z-index:5;pointer-events:none}.key.struck .key-animal{display:block}.key.struck .key-animal .animal{animation:animal-hit .5s ease-in-out}.key.dodged .key-animal .animal{animation:animal-dodge .65s ease-in-out}.key.struck .key-effect,.key.wrong .key-effect{display:block;animation:hammer-hit .45s ease-out}.key.struck{z-index:3}.key.wrong{z-index:3}
@media(max-width:760px){.typing-heading{font-size:10px}.keyboard-topline{font-size:9px}.actor-speech{font-size:10px}.key{font-size:11px}.lesson-heading h2{font-size:12px}}
@media(max-width:440px){.key{font-size:9px}.lesson-heading h2{font-size:11px}}

/* Keep the challenge in the arena; the keyboard is an optional static reference. */
.scene-picker { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.scene-choice { padding: 13px 10px; gap: 8px; }
.scene-icon { width: 34px; height: 34px; }
.play-stage.pony { height: 370px; background: #e3efdf; }
.play-stage.pony .pony-stage-scene { inset: 36px 0 30px; }
.play-stage.pony .pony-next-line { top: 0; bottom: auto; }
.play-stage.pony .stage-top { z-index: 2; }
.pony-game #character-strip { display: none; }
.pony-game .typing-heading { font-size: 12px; }
.pony-game .combo-badge { bottom: 42px; }
@media(max-width:1500px) { .scene-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media(max-width:760px) {
  .scene-choice { flex-direction: row; text-align: left; padding: 12px 8px; }
  .play-stage.pony { height: 300px; }
  .pony-game .typing-heading { font-size: 10px; }
}

.recording-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 3px 12px;color:#708064;font-size:12px}.recording-caption>span{display:flex;align-items:center;gap:6px}.recording-caption .text-button,.sound-sources-link{font-size:12px}.recording-list{text-align:left;display:grid;gap:12px;margin-top:20px}.recording-item{display:flex;align-items:center;gap:14px;padding:16px;background:#f0f3e9;border:1px solid #e2e7d5;border-radius:14px}.recording-item>div{flex:1;min-width:0}.recording-item strong{font-size:14px}.recording-item p{font-size:12px;line-height:1.7;color:#708064;margin:6px 0 0;overflow-wrap:anywhere}.recording-item a{color:#587448;text-decoration:underline;text-underline-offset:3px}.recording-item button{flex-shrink:0}.recording-status{font-size:12px;color:#708064;line-height:1.7;min-height:21px;margin-top:16px}.sound-sources-modal{width:min(670px,calc(100vw - 36px))}@media(max-width:480px){.recording-item{align-items:flex-start;flex-direction:column}.sound-sources-modal{padding:32px 20px}.page-footer{gap:12px;flex-wrap:wrap}}

@media (max-width: 1500px) { .scene-choice[data-scene="dino"] { grid-column: 1 / -1; } }