:root{color:#202020;font-synthesis:none;--ink:#202020;--yellow:#ffda5d;--sky:#83d8ef;--pink:#ffc1d5;--mint:#a7e7ae;--lavender:#b6a2f7;--peach:#ff986c;background:#fff9ed;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:3px solid var(--ink);min-height:56px;box-shadow:3px 4px 0 var(--ink);text-align:center;touch-action:manipulation;background:#fffdf7;border-radius:16px;padding:12px 20px;font-weight:800;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){box-shadow:4px 6px 0 var(--ink);transform:translate(-1px,-2px)}button:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(2px,3px)}button:disabled{cursor:default}button:focus-visible{outline-offset:5px;outline:5px solid #2252b7}input:focus-visible{outline-offset:5px;outline:5px solid #2252b7}select:focus-visible{outline-offset:5px;outline:5px solid #2252b7}h1:focus,h2:focus{outline:none}svg{flex-shrink:0;max-width:100%}button span,button strong{overflow-wrap:anywhere}h1,h2,p{margin-top:0}h1{letter-spacing:-2px;margin-bottom:20px;font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.06}h2{font-size:26px;line-height:1.25}p{font-size:18px;line-height:1.6}a{color:inherit}main{max-width:1180px;min-height:75vh;margin:auto;padding:32px 32px 48px}header{border-bottom:3px solid var(--ink)}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:18px max(24px,50vw - 558px);display:flex}.brand{letter-spacing:-1px;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:29px;line-height:1;display:flex;box-shadow:none!important}.brand>span>span{color:#285d72}.brand small{letter-spacing:1px;margin-top:7px;font-size:10px;font-weight:800;display:block}.brand-mark{background:var(--yellow);border:2px solid;border-radius:12px;place-items:center;width:45px;height:45px;display:grid;transform:rotate(-7deg)}.header-actions{gap:12px;display:flex}.small-button{border-width:2px;border-radius:12px;min-height:56px;padding:9px 15px;font-size:14px}.parent-button{background:#fff9ed}.eyebrow{letter-spacing:1.9px;margin-bottom:18px;font-size:12px;font-weight:900;display:block}.primary{background:var(--yellow)}.sky{background:var(--sky)}.yellow{background:var(--yellow)}.mint{background:var(--mint)}.lavender{background:var(--lavender)}.pink{background:var(--pink)}.peach{background:var(--peach)}.highlight{background:var(--yellow);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 8px}.welcome{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding-top:18px;display:grid}.welcome h1{font-size:clamp(40px,5.5vw,72px)}.welcome-copy>p{font-size:21px}.big-cta{text-align:left;justify-content:space-between;gap:40px;min-width:240px;min-height:74px;font-size:24px;display:flex}.microcopy{max-width:360px;margin-top:20px;font-size:13px!important}.hero-art{height:530px;box-shadow:8px 8px 0 var(--ink);background:var(--sky);border:3px solid;border-radius:32px;position:relative;transform:rotate(2deg)}.hero-art>img{object-fit:cover;border-radius:28px;width:100%;height:100%}.hero-sticker{background:var(--pink);text-align:center;width:136px;height:136px;box-shadow:4px 4px 0 var(--ink);border:3px solid;border-radius:50%;place-content:center;font-size:22px;font-weight:900;display:grid;position:absolute;bottom:26px;left:-24px;transform:rotate(-8deg)}.no-avatar{place-items:center;display:grid}.welcome-strip{box-shadow:4px 4px 0 var(--ink);background:#fff;border:3px solid;border-radius:20px;grid-column:1/-1;justify-content:space-around;gap:18px;padding:22px;font-size:30px;font-weight:900;display:flex}.welcome-strip small{margin-left:12px;font-size:15px;font-weight:600}.home-intro{justify-content:space-between;align-items:center;gap:20px;padding:12px 4px 26px;display:flex}.home-intro h1{margin-bottom:16px}.home-mascot{width:240px;height:230px;box-shadow:6px 6px 0 var(--ink);border:3px solid;border-radius:50% 50% 35% 35%;overflow:hidden;transform:rotate(4deg)}.home-mascot img{object-fit:cover;object-position:50% 26%;width:100%;height:100%}.pills{flex-wrap:wrap;gap:10px;display:flex}.pills>span{background:#fff;border:2px solid;border-radius:30px;padding:8px 12px;font-size:13px;font-weight:800}.section-label{justify-content:space-between;align-items:center;gap:16px;margin:14px 0 20px;display:flex}.section-label h2{margin:0;font-size:22px}.section-label>span{white-space:nowrap;font-size:12px}.world-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.world-card{text-align:left;min-height:245px;box-shadow:5px 6px 0 var(--ink);border-radius:24px;flex-direction:column;align-items:flex-start;padding:22px 24px;display:flex;position:relative}.world-card>svg{margin-bottom:14px}.world-card>strong{letter-spacing:-.6px;margin-bottom:7px;font-size:24px}.world-card>span:not(.card-index):not(.card-arrow){font-size:14px;font-weight:500}.card-index{background:#fff9ed;border:2px solid;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid;position:absolute;top:20px;right:20px}.card-arrow{font-size:28px;position:absolute;bottom:18px;right:17px}.home-extras{grid-template-columns:1.5fr 1fr;gap:24px;margin-top:30px;display:grid}.story-banner,.sticker-banner{text-align:left;background:#fffdf7;align-items:center;gap:20px;padding:20px;display:flex}.story-banner{background:#eee5ff}.home-extras strong{margin:5px 0;font-size:22px;display:block}.home-extras small{letter-spacing:1px;font-size:10px}.home-extras span>span{font-size:13px;font-weight:500;display:block}.rest-link{box-shadow:none;border-width:2px;margin-top:25px;font-size:15px}.world-heading{align-items:center;gap:24px;margin:30px 0;display:flex}.world-heading h1{font-size:44px}.world-heading p{margin:0}.back{box-shadow:none;background:0 0;border-width:2px;font-size:15px}.activity-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.activity-card{border-radius:25px;flex-direction:column;align-items:center;gap:14px;min-height:300px;padding:28px 20px;display:flex}.activity-card strong{font-size:25px}.activity-card>span{font-size:15px;font-weight:500}.play-pill{background:#fff9ed;border:2px solid;border-radius:30px;margin-top:auto;padding:12px 20px;font-weight:800!important}.play-navigation{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.play-navigation button{padding:10px 15px;font-size:14px}.play-navigation>span{text-align:center;font-size:20px;font-weight:900}.player{max-width:900px;margin:0 auto}.round-bar{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 22px;font-size:13px;font-weight:800;display:flex}.dots{gap:7px;display:flex}.dots i{background:#fff;border:2px solid;border-radius:50%;width:12px;height:12px}.dots i.filled{background:var(--yellow)}.guide{align-items:center;gap:15px;margin:20px 0;display:flex}.guide-avatar{background:var(--yellow);border:3px solid;border-radius:22px;flex-shrink:0;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.guide-avatar img{object-fit:cover;object-position:45% 25%;transform-origin:45% 22%;width:100%;height:100%;transform:scale(1.6)}.bubble{box-shadow:3px 4px 0 var(--ink);background:#fff;border:3px solid;border-radius:20px 20px 20px 4px;flex:1;padding:20px 24px;font-size:20px;font-weight:800;line-height:1.4}.celebrate .bubble{background:var(--mint)}.question-stage{text-align:center;margin:24px 0}.question-stage h2{max-width:720px;margin:0 auto 16px;font-size:22px}.target{border:3px dashed var(--ink);background:#fffdf7;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;min-width:120px;min-height:120px;margin:10px auto;padding:15px 30px;display:flex}.big-type{letter-spacing:1px;font-size:60px;font-weight:900;line-height:1.1}.target .big-type{font-size:76px}.arabic{min-height:94px;font-family:Arial,Times New Roman,serif;font-size:72px;line-height:1.3}.swatch{border:3px solid;border-radius:15px;width:80px;height:65px;display:block}.answers{grid-template-columns:repeat(var(--choices,2),minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.answer{min-height:155px;box-shadow:5px 5px 0 var(--ink);background:#fffdf7;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px 12px;font-size:22px;display:flex;position:relative}.answer.option-0{background:#e4f6fc}.answer.option-1{background:#fff0c2}.answer.option-2{background:#f9dfeb}.answer.option-3{background:#e8e0fb}.answer.hinted{outline-offset:4px;outline:4px dashed #285d72}.answer.correct{background:var(--mint)}.hint-tag{background:var(--yellow);border-radius:10px;padding:4px 8px;font-size:13px}.controls{flex-wrap:wrap;justify-content:center;gap:15px;margin:24px 0 14px;display:flex}.controls button{font-size:16px}.next{min-height:64px;margin:28px auto 20px;font-size:20px;display:block}.audio-status{text-align:center;min-height:20px;margin:18px 0;font-size:13px}.counting-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.object-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:420px;display:flex}.count-object{width:68px;height:78px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-width:2px;flex-direction:column;align-items:center;padding:2px;display:flex}.count-object>span{font-size:12px;line-height:1}.count-object.marked{background:var(--mint)}.count-label{width:100%;margin:0;font-size:13px}.plus{font-size:42px}.memory-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0;display:grid}.memory-card{background:var(--lavender);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:138px;display:flex}.memory-card.matched{background:var(--mint)}.card-question{color:var(--ink);font-size:50px}.memory-card small{font-size:14px}.story-art{text-align:center;background:var(--mint);border:3px solid;border-radius:26px;padding:20px}.story .answer{background:var(--yellow);font-size:20px}.center-page{text-align:center;max-width:740px;margin:30px auto}.center-page>svg{margin-bottom:30px}.center-page .eyebrow{margin-top:15px}.center-page h1{font-size:52px}.center-page .guide{text-align:left}.settings-grid{grid-template-columns:1fr 1fr;gap:26px;margin-top:32px;display:grid}.settings-card{box-shadow:5px 5px 0 var(--ink);background:#fff;border:3px solid;border-radius:22px;padding:26px}.settings-card p{font-size:15px}.settings-card>button{margin:5px 7px 5px 0;font-size:14px}.settings-card label:not(.toggle){flex-direction:column;gap:9px;margin:20px 0;font-weight:800;display:flex}.settings-card input:not([type=checkbox]),select{background:#fff9ed;border:2px solid;border-radius:12px;width:100%;min-height:56px;padding:12px;font-size:17px}.toggle{cursor:pointer;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:12px 0;font-size:16px;display:flex}.toggle input{accent-color:#235d44;flex-shrink:0;width:28px;height:28px}.note{line-height:1.6;font-size:13px!important}.wide{grid-column:1/-1}.progress-list>div{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;display:flex}.progress-list span{font-size:14px}.confirm{background:var(--pink);border:3px solid;border-radius:16px;padding:20px}.confirm button{margin-right:15px}.notice{background:#f6edcd;border:2px solid;border-radius:12px;margin:16px 0;padding:15px 24px;font-size:14px}.app>.notice{max-width:1116px;margin:16px auto}.break-reminder{background:var(--yellow);border-bottom:3px solid;justify-content:center;align-items:center;gap:16px;padding:16px;font-weight:800;display:flex}.break-reminder button{flex-shrink:0;font-size:14px}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.sticker{background:var(--yellow);text-align:center;border:3px solid;border-radius:25px;flex-direction:column;align-items:center;gap:15px;padding:25px 10px;display:flex}.sticker span{font-size:13px}.demo{background:#eee;border:2px dashed;border-radius:16px;padding:20px}.demo input{width:100%;min-height:56px;margin:12px 0;display:block}.demo code{margin-top:15px;display:block}.tv main{max-width:1400px;padding-left:5vw;padding-right:5vw}.tv .player{max-width:1050px}.tv button{min-height:72px}.tv .bubble{font-size:26px}footer{border-top:2px solid;justify-content:space-between;gap:16px;padding:24px max(24px,50vw - 558px);font-size:12px;display:flex}footer b{margin:0 8px}.no-motion *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:1400px){.welcome{padding-top:40px}.home-intro{padding-bottom:35px}}@media (max-width:900px){main{padding:26px 24px 40px}.topbar{padding:15px 24px}.world-grid{gap:18px}.world-card{min-height:225px;padding:20px 17px}.world-card>strong{font-size:21px}.world-card>span:not(.card-index):not(.card-arrow){font-size:12px}.card-arrow{display:none}.activity-grid{grid-template-columns:repeat(2,1fr)}.welcome{gap:30px}.hero-art{height:460px}.welcome-strip{font-size:23px}.welcome-strip small{margin:8px 0 0;font-size:13px;display:block}.home-extras{grid-template-columns:1fr 1fr}.home-extras strong{font-size:18px}.home-extras>button{gap:12px;padding:17px}.sticker-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){main{padding:24px 17px 35px}.topbar{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px}.brand{min-height:48px;font-size:24px}.brand small{font-size:8px}.brand-mark{width:36px;height:36px}.small-button{border-radius:11px;padding:7px 9px;font-size:11px}.header-actions{gap:8px}.parent-button{max-width:100px}.welcome{grid-template-columns:1fr;gap:28px;padding-top:4px}.welcome-copy{order:1}.welcome h1{letter-spacing:-1.8px;font-size:44px}.welcome-copy>p{font-size:18px}.hero-art{width:100%;height:240px;box-shadow:5px 5px 0 var(--ink);border-radius:24px;order:0;transform:none}.hero-art>img{object-position:50% 24%;border-radius:20px}.hero-sticker{width:90px;height:90px;font-size:16px;bottom:-16px;left:auto;right:12px}.welcome-strip{order:2;gap:10px;padding:15px 10px;font-size:22px}.welcome-strip small{font-size:10px}.eyebrow{letter-spacing:1.4px;font-size:10px}.big-cta{width:100%;min-height:68px;font-size:23px}.microcopy{font-size:12px!important}.home-intro{align-items:flex-start;gap:10px;padding:0 0 20px}.home-intro h1{letter-spacing:-1.4px;font-size:35px}.home-intro p{font-size:14px}.home-intro .eyebrow{letter-spacing:1px;margin-bottom:15px;font-size:9px}.home-mascot{width:108px;height:137px;box-shadow:3px 3px 0 var(--ink);border-radius:23px;flex-shrink:0;margin-top:5px}.home-mascot img{object-position:48% 25%}.pills{gap:7px}.pills>span{padding:6px 9px;font-size:10px}.section-label{align-items:flex-start;margin:8px 0 17px}.section-label h2{font-size:18px}.section-label>span{white-space:normal;text-align:right;max-width:65px;font-size:10px}.world-grid{grid-template-columns:repeat(2,1fr);gap:16px}.world-card{min-height:192px;box-shadow:4px 4px 0 var(--ink);border-radius:20px;padding:16px 12px}.world-card>svg{width:66px;height:66px;margin-bottom:12px}.world-card>strong{letter-spacing:-.5px;font-size:18px}.world-card>span:not(.card-index):not(.card-arrow){font-size:11px;line-height:1.4}.card-index{width:24px;height:24px;font-size:10px;top:12px;right:10px}.home-extras{grid-template-columns:1fr;gap:16px;margin-top:24px}.home-extras strong{font-size:19px}.home-extras>button{padding:15px}.world-heading{align-items:center;gap:14px;margin:24px 0}.world-heading>svg{width:60px;height:60px}.world-heading h1{letter-spacing:-1.5px;margin-bottom:10px;font-size:32px}.world-heading p{font-size:14px}.activity-grid{gap:17px}.activity-card{gap:13px;min-height:260px;padding:20px 12px}.activity-card svg{width:66px;height:66px}.activity-card strong{font-size:21px}.activity-card>span{font-size:13px}.play-pill{padding:10px 12px;font-size:12px!important}.play-navigation{flex-wrap:wrap;gap:8px}.play-navigation>span{text-align:left;order:-1;width:100%;font-size:17px}.play-navigation button{max-width:70%;padding:10px 12px;font-size:12px}.play-navigation button:last-child{margin-left:auto}.round-bar{gap:8px;margin:14px 0;font-size:10px}.guide{align-items:flex-start;gap:10px;margin:16px 0}.guide-avatar{border-width:2px;border-radius:15px;width:52px;height:58px}.bubble{box-shadow:2px 3px 0 var(--ink);border-width:2px;border-radius:17px 17px 17px 3px;padding:15px;font-size:16px}.question-stage{margin:22px 0 18px}.question-stage h2{font-size:18px}.target{min-width:100px;min-height:100px;padding:10px 18px}.target .big-type{overflow-wrap:anywhere;font-size:clamp(30px,9vw,58px)}.arabic{min-height:83px;font-size:64px}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.answer{min-height:132px;box-shadow:3px 4px 0 var(--ink);border-radius:18px;gap:8px;padding:14px 8px;font-size:18px}.answer svg{width:66px;height:66px}.big-type{font-size:47px}.swatch{width:64px;height:55px}.controls{gap:12px;margin-top:20px}.controls button{padding:10px 15px;font-size:14px}.next{width:100%;font-size:17px}.object-group{gap:8px;max-width:100%}.counting-area{gap:10px}.count-object{width:57px;height:70px}.count-object svg{width:48px;height:48px}.plus{font-size:32px}.memory-grid{grid-template-columns:repeat(2,1fr);gap:14px}.memory-card{min-height:120px}.memory-card svg{width:75px;height:75px}.story-art{padding:12px}.story-art svg{width:130px;height:130px}.story .answer{font-size:16px}.center-page{margin:20px auto}.center-page h1{font-size:39px}.center-page>svg{width:115px;height:115px;margin-bottom:20px}.center-page p{font-size:16px}.settings-grid{grid-template-columns:1fr;gap:22px}.settings-card{padding:20px 16px}.parent h1{font-size:36px}.parent>p{font-size:16px}.progress-list>div{flex-direction:column;align-items:flex-start;gap:8px}.break-reminder{flex-wrap:wrap;padding:16px;font-size:14px}.break-reminder button{padding:10px;font-size:12px}.sticker-grid{grid-template-columns:repeat(2,1fr);gap:16px}.sticker{padding:17px 10px}.sticker strong{font-size:15px}footer{flex-wrap:wrap;gap:10px;padding:22px 17px;font-size:10px}.tv main{padding-left:17px;padding-right:17px}.tv .bubble{font-size:18px}}@media (max-width:359px){.topbar{gap:9px}.brand{font-size:22px}.header-actions{justify-content:flex-end;width:100%}.small-button{min-height:56px}.home-mascot{width:85px;height:115px}.home-intro h1{font-size:31px}.world-card>strong{font-size:16px}.world-card{min-height:185px;padding:14px 10px}.world-card>span:not(.card-index):not(.card-arrow){font-size:10px}.world-card>svg{width:59px;height:59px}.activity-grid{grid-template-columns:1fr}.activity-card{min-height:230px}.round-bar>span:last-child{display:none}}@supports (padding:max(0px)){.app{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:max(12px,env(safe-area-inset-top))}}.target{max-width:100%}.target>span{overflow-wrap:anywhere;max-width:100%}.narrator-settings{border-bottom:1px solid #ccc;padding:5px 0 15px}.narrator-settings select{white-space:normal;max-width:100%;font-size:15px}.narrator-settings button{margin:6px 8px 6px 0;font-size:14px}.choice-objects{flex-wrap:wrap;justify-content:center;gap:5px;max-width:220px;display:flex}.choice-objects svg{width:34px!important;height:34px!important}.pattern-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pattern-item{border:3px solid;border-radius:15px;flex-direction:column;align-items:center;gap:8px;min-width:80px;padding:12px;display:flex}.pattern-item.missing{background:var(--yellow);font-size:46px}.pattern-item span:not(.swatch){font-size:16px}.removed-objects{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.removed-apple{display:inline-flex;position:relative}.removed-apple svg{opacity:.5}.removed-apple b{color:#202020;font-size:55px;line-height:1;position:absolute;top:-3px;left:12px}.subtraction-removed{border:2px dashed;border-radius:18px;margin-bottom:20px;padding:15px}.subtraction-removed>span{font-size:15px}.video-banner{text-align:left;background:var(--yellow);align-items:center;gap:20px;width:100%;margin-top:30px;padding:24px;display:flex}.video-banner>span>span,.video-banner strong,.video-banner small{display:block}.video-banner strong{margin:8px 0;font-size:27px}.video-banner small{letter-spacing:1px;font-size:11px}.video-banner>span>span{font-size:15px;font-weight:500}.learning-video{aspect-ratio:16/9;background:#fff9ed;border:3px solid;border-radius:22px;width:100%;display:block}.video-caption{margin:18px 0;font-size:19px}.video-recap{border:2px solid;border-radius:16px;width:min(100%,430px);margin:20px auto;display:block}.video-lesson>h3{text-align:center;font-size:23px}@media (max-width:600px){.video-banner{gap:13px;padding:17px}.video-banner svg{width:58px;height:58px}.video-banner strong{font-size:20px}.video-banner>span>span{font-size:12px}.pattern-row{gap:8px}.pattern-item{min-width:60px;max-width:45%;padding:8px}.pattern-item .swatch{width:50px;height:45px}.pattern-item span:not(.swatch){font-size:12px}.video-caption{font-size:16px}.video-lesson>h3{font-size:19px}}

:root{font-family:'Trebuchet MS','Arial Rounded MT Bold',system-ui,sans-serif;color:#202020;background:#fff9ed;font-synthesis:none;font-weight:500;--ink:#202020;--yellow:#ffda5d;--sky:#83d8ef;--pink:#ffc1d5;--mint:#a7e7ae;--lavender:#b6a2f7;--peach:#ff986c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:3px solid var(--ink);border-radius:16px;background:#fffdf7;min-height:56px;padding:12px 20px;font-weight:800;box-shadow:3px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s;text-align:center;touch-action:manipulation}button:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:4px 6px 0 var(--ink)}button:active:not(:disabled){transform:translate(2px,3px);box-shadow:0 0 0 var(--ink)}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:5px solid #2252b7;outline-offset:5px}h1:focus,h2:focus{outline:none}svg{flex-shrink:0;max-width:100%}button span,button strong{overflow-wrap:anywhere}h1,h2,p{margin-top:0}h1{font-size:clamp(32px,5vw,64px);line-height:1.06;letter-spacing:-2px;margin-bottom:20px;font-weight:900}h2{font-size:26px;line-height:1.25}p{font-size:18px;line-height:1.6}a{color:inherit}main{max-width:1180px;margin:auto;padding:32px 32px 48px;min-height:75vh}header{border-bottom:3px solid var(--ink)}.topbar{padding:18px max(24px,calc((100vw - 1180px)/2 + 32px));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{border:0;box-shadow:none!important;display:flex;align-items:center;gap:9px;background:none;padding:0;letter-spacing:-1px;font-size:29px;text-align:left;line-height:1}.brand>span>span{color:#285d72}.brand small{display:block;font-size:10px;letter-spacing:1px;margin-top:7px;font-weight:800}.brand-mark{display:grid;place-items:center;width:45px;height:45px;background:var(--yellow);border:2px solid;border-radius:12px;transform:rotate(-7deg)}.header-actions{display:flex;gap:12px}.small-button{font-size:14px;padding:9px 15px;min-height:56px;border-width:2px;border-radius:12px}.parent-button{background:#fff9ed}.eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:900;display:block;margin-bottom:18px}.primary{background:var(--yellow)}.sky{background:var(--sky)}.yellow{background:var(--yellow)}.mint{background:var(--mint)}.lavender{background:var(--lavender)}.pink{background:var(--pink)}.peach{background:var(--peach)}.highlight{background:var(--yellow);padding:0 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:18px}.welcome h1{font-size:clamp(40px,5.5vw,72px)}.welcome-copy>p{font-size:21px}.big-cta{min-width:240px;font-size:24px;text-align:left;display:flex;gap:40px;justify-content:space-between;min-height:74px}.microcopy{font-size:13px!important;margin-top:20px;max-width:360px}.hero-art{height:530px;position:relative;border:3px solid;border-radius:32px;box-shadow:8px 8px 0 var(--ink);background:var(--sky);transform:rotate(2deg)}.hero-art>img{width:100%;height:100%;object-fit:cover;border-radius:28px}.hero-sticker{position:absolute;bottom:26px;left:-24px;transform:rotate(-8deg);background:var(--pink);border:3px solid;border-radius:50%;width:136px;height:136px;display:grid;place-content:center;text-align:center;font-size:22px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.no-avatar{display:grid;place-items:center}.welcome-strip{grid-column:1/-1;display:flex;border:3px solid;border-radius:20px;background:white;justify-content:space-around;padding:22px;gap:18px;box-shadow:4px 4px 0 var(--ink);font-size:30px;font-weight:900}.welcome-strip small{font-size:15px;font-weight:600;margin-left:12px}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4px 26px}.home-intro h1{margin-bottom:16px}.home-mascot{width:240px;height:230px;border-radius:50% 50% 35% 35%;border:3px solid;overflow:hidden;box-shadow:6px 6px 0 var(--ink);transform:rotate(4deg)}.home-mascot img{width:100%;height:100%;object-fit:cover;object-position:50% 26%}.pills{display:flex;gap:10px;flex-wrap:wrap}.pills>span{padding:8px 12px;border:2px solid;border-radius:30px;background:white;font-size:13px;font-weight:800}.section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 20px}.section-label h2{font-size:22px;margin:0}.section-label>span{font-size:12px;white-space:nowrap}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.world-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px;min-height:245px;text-align:left;border-radius:24px;box-shadow:5px 6px 0 var(--ink)}.world-card>svg{margin-bottom:14px}.world-card>strong{font-size:24px;margin-bottom:7px;letter-spacing:-.6px}.world-card>span:not(.card-index):not(.card-arrow){font-size:14px;font-weight:500}.card-index{position:absolute;top:20px;right:20px;font-size:13px;border:2px solid;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#fff9ed}.card-arrow{position:absolute;right:17px;bottom:18px;font-size:28px}.home-extras{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:30px}.story-banner,.sticker-banner{display:flex;align-items:center;gap:20px;padding:20px;text-align:left;background:#fffdf7}.story-banner{background:#eee5ff}.home-extras strong{display:block;font-size:22px;margin:5px 0}.home-extras small{font-size:10px;letter-spacing:1px}.home-extras span>span{font-size:13px;display:block;font-weight:500}.rest-link{margin-top:25px;box-shadow:none;font-size:15px;border-width:2px}.world-heading{display:flex;align-items:center;gap:24px;margin:30px 0}.world-heading h1{font-size:44px}.world-heading p{margin:0}.back{box-shadow:none;background:none;font-size:15px;border-width:2px}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.activity-card{display:flex;align-items:center;flex-direction:column;gap:14px;padding:28px 20px;min-height:300px;border-radius:25px}.activity-card strong{font-size:25px}.activity-card>span{font-size:15px;font-weight:500}.play-pill{border:2px solid;border-radius:30px;background:#fff9ed;padding:12px 20px;margin-top:auto;font-weight:800!important}.play-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.play-navigation button{font-size:14px;padding:10px 15px}.play-navigation>span{font-weight:900;font-size:20px;text-align:center}.player{max-width:900px;margin:0 auto}.round-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;margin:16px 0 22px;font-weight:800}.dots{display:flex;gap:7px}.dots i{width:12px;height:12px;border:2px solid;border-radius:50%;background:white}.dots i.filled{background:var(--yellow)}.guide{display:flex;gap:15px;align-items:center;margin:20px 0}.guide-avatar{width:78px;height:78px;border:3px solid;border-radius:22px;overflow:hidden;flex-shrink:0;background:var(--yellow);display:grid;place-items:center}.guide-avatar img{width:100%;height:100%;object-fit:cover;object-position:45% 25%;transform:scale(1.6);transform-origin:45% 22%}.bubble{border:3px solid;border-radius:20px 20px 20px 4px;background:white;padding:20px 24px;font-size:20px;font-weight:800;line-height:1.4;flex:1;box-shadow:3px 4px 0 var(--ink)}.celebrate .bubble{background:var(--mint)}.question-stage{text-align:center;margin:24px 0}.question-stage h2{font-size:22px;max-width:720px;margin:0 auto 16px}.target{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:10px auto;background:#fffdf7;border:3px dashed var(--ink);border-radius:20px;min-width:120px;min-height:120px;width:fit-content;padding:15px 30px}.big-type{font-size:60px;line-height:1.1;letter-spacing:1px;font-weight:900}.target .big-type{font-size:76px}.arabic{font-family:Arial,'Times New Roman',serif;font-size:72px;line-height:1.3;min-height:94px}.swatch{display:block;width:80px;height:65px;border:3px solid;border-radius:15px}.answers{display:grid;grid-template-columns:repeat(var(--choices,2),minmax(0,1fr));gap:20px;margin:24px 0}.answer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:155px;font-size:22px;border-radius:22px;padding:20px 12px;position:relative;background:#fffdf7;box-shadow:5px 5px 0 var(--ink)}.answer.option-0{background:#e4f6fc}.answer.option-1{background:#fff0c2}.answer.option-2{background:#f9dfeb}.answer.option-3{background:#e8e0fb}.answer.hinted{outline:4px dashed #285d72;outline-offset:4px}.answer.correct{background:var(--mint)}.hint-tag{font-size:13px;background:var(--yellow);border-radius:10px;padding:4px 8px}.controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:24px 0 14px}.controls button{font-size:16px}.next{display:block;margin:28px auto 20px;font-size:20px;min-height:64px}.audio-status{font-size:13px;text-align:center;margin:18px 0;min-height:20px}.counting-area{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.object-group{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:420px}.count-object{width:68px;height:78px;padding:2px;box-shadow:2px 2px 0 var(--ink);display:flex;flex-direction:column;align-items:center;background:white;border-width:2px}.count-object>span{font-size:12px;line-height:1}.count-object.marked{background:var(--mint)}.count-label{width:100%;font-size:13px;margin:0}.plus{font-size:42px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:25px 0}.memory-card{min-height:138px;background:var(--lavender);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.memory-card.matched{background:var(--mint)}.card-question{font-size:50px;color:var(--ink)}.memory-card small{font-size:14px}.story-art{text-align:center;background:var(--mint);border:3px solid;border-radius:26px;padding:20px}.story .answer{background:var(--yellow);font-size:20px}.center-page{max-width:740px;margin:30px auto;text-align:center}.center-page>svg{margin-bottom:30px}.center-page .eyebrow{margin-top:15px}.center-page h1{font-size:52px}.center-page .guide{text-align:left}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:32px}.settings-card{border:3px solid;border-radius:22px;background:white;padding:26px;box-shadow:5px 5px 0 var(--ink)}.settings-card p{font-size:15px}.settings-card>button{margin:5px 7px 5px 0;font-size:14px}.settings-card label:not(.toggle){display:flex;flex-direction:column;gap:9px;font-weight:800;margin:20px 0}.settings-card input:not([type=checkbox]),select{width:100%;min-height:56px;padding:12px;border:2px solid;border-radius:12px;background:#fff9ed;font-size:17px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px 0;border-bottom:1px solid #ccc;cursor:pointer;font-size:16px}.toggle input{width:28px;height:28px;flex-shrink:0;accent-color:#235d44}.note{font-size:13px!important;line-height:1.6}.wide{grid-column:1/-1}.progress-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #ccc;padding:15px 0}.progress-list span{font-size:14px}.confirm{border:3px solid;border-radius:16px;background:var(--pink);padding:20px}.confirm button{margin-right:15px}.notice{background:#f6edcd;padding:15px 24px;margin:16px 0;font-size:14px;border:2px solid;border-radius:12px}.app>.notice{max-width:1116px;margin:16px auto}.break-reminder{background:var(--yellow);padding:16px;display:flex;align-items:center;justify-content:center;gap:16px;border-bottom:3px solid;font-weight:800}.break-reminder button{font-size:14px;flex-shrink:0}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.sticker{display:flex;flex-direction:column;align-items:center;gap:15px;border:3px solid;border-radius:25px;background:var(--yellow);padding:25px 10px;text-align:center}.sticker span{font-size:13px}.demo{border:2px dashed;padding:20px;border-radius:16px;background:#eee}.demo input{min-height:56px;display:block;width:100%;margin:12px 0}.demo code{display:block;margin-top:15px}.tv main{max-width:1400px;padding-left:5vw;padding-right:5vw}.tv .player{max-width:1050px}.tv button{min-height:72px}.tv .bubble{font-size:26px}footer{border-top:2px solid;padding:24px max(24px,calc((100vw - 1116px)/2));display:flex;justify-content:space-between;gap:16px;font-size:12px}footer b{margin:0 8px}.no-motion *{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(min-width:1400px){.welcome{padding-top:40px}.home-intro{padding-bottom:35px}}@media(max-width:900px){main{padding:26px 24px 40px}.topbar{padding:15px 24px}.world-grid{gap:18px}.world-card{padding:20px 17px;min-height:225px}.world-card>strong{font-size:21px}.world-card>span:not(.card-index):not(.card-arrow){font-size:12px}.card-arrow{display:none}.activity-grid{grid-template-columns:repeat(2,1fr)}.welcome{gap:30px}.hero-art{height:460px}.welcome-strip{font-size:23px}.welcome-strip small{display:block;margin:8px 0 0;font-size:13px}.home-extras{grid-template-columns:1fr 1fr}.home-extras strong{font-size:18px}.home-extras>button{padding:17px;gap:12px}.sticker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){main{padding:24px 17px 35px}.topbar{padding:12px 16px;gap:10px;align-items:center;flex-wrap:wrap}.brand{font-size:24px;min-height:48px}.brand small{font-size:8px}.brand-mark{width:36px;height:36px}.small-button{font-size:11px;padding:7px 9px;border-radius:11px}.header-actions{gap:8px}.parent-button{max-width:100px}.welcome{grid-template-columns:1fr;gap:28px;padding-top:4px}.welcome-copy{order:1}.welcome h1{font-size:44px;letter-spacing:-1.8px}.welcome-copy>p{font-size:18px}.hero-art{height:240px;width:100%;transform:none;order:0;border-radius:24px;box-shadow:5px 5px 0 var(--ink)}.hero-art>img{object-position:50% 24%;border-radius:20px}.hero-sticker{height:90px;width:90px;font-size:16px;left:auto;right:12px;bottom:-16px}.welcome-strip{order:2;padding:15px 10px;gap:10px;font-size:22px}.welcome-strip small{font-size:10px}.eyebrow{font-size:10px;letter-spacing:1.4px}.big-cta{width:100%;min-height:68px;font-size:23px}.microcopy{font-size:12px!important}.home-intro{padding:0 0 20px;gap:10px;align-items:flex-start}.home-intro h1{font-size:35px;letter-spacing:-1.4px}.home-intro p{font-size:14px}.home-intro .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:15px}.home-mascot{width:108px;height:137px;flex-shrink:0;border-radius:23px;box-shadow:3px 3px 0 var(--ink);margin-top:5px}.home-mascot img{object-position:48% 25%}.pills{gap:7px}.pills>span{font-size:10px;padding:6px 9px}.section-label{align-items:flex-start;margin:8px 0 17px}.section-label h2{font-size:18px}.section-label>span{font-size:10px;white-space:normal;text-align:right;max-width:65px}.world-grid{grid-template-columns:repeat(2,1fr);gap:16px}.world-card{padding:16px 12px;min-height:192px;border-radius:20px;box-shadow:4px 4px 0 var(--ink)}.world-card>svg{width:66px;height:66px;margin-bottom:12px}.world-card>strong{font-size:18px;letter-spacing:-.5px}.world-card>span:not(.card-index):not(.card-arrow){font-size:11px;line-height:1.4}.card-index{width:24px;height:24px;font-size:10px;top:12px;right:10px}.home-extras{grid-template-columns:1fr;gap:16px;margin-top:24px}.home-extras strong{font-size:19px}.home-extras>button{padding:15px}.world-heading{align-items:center;gap:14px;margin:24px 0}.world-heading>svg{width:60px;height:60px}.world-heading h1{font-size:32px;letter-spacing:-1.5px;margin-bottom:10px}.world-heading p{font-size:14px}.activity-grid{gap:17px}.activity-card{padding:20px 12px;min-height:260px;gap:13px}.activity-card svg{width:66px;height:66px}.activity-card strong{font-size:21px}.activity-card>span{font-size:13px}.play-pill{padding:10px 12px;font-size:12px!important}.play-navigation{gap:8px;flex-wrap:wrap}.play-navigation>span{font-size:17px;order:-1;width:100%;text-align:left}.play-navigation button{font-size:12px;max-width:70%;padding:10px 12px}.play-navigation button:last-child{margin-left:auto}.round-bar{font-size:10px;gap:8px;margin:14px 0}.guide{gap:10px;align-items:flex-start;margin:16px 0}.guide-avatar{width:52px;height:58px;border-radius:15px;border-width:2px}.bubble{font-size:16px;padding:15px;border-radius:17px 17px 17px 3px;border-width:2px;box-shadow:2px 3px 0 var(--ink)}.question-stage{margin:22px 0 18px}.question-stage h2{font-size:18px}.target{min-width:100px;min-height:100px;padding:10px 18px}.target .big-type{font-size:clamp(30px,9vw,58px);overflow-wrap:anywhere}.arabic{font-size:64px;min-height:83px}.answers{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.answer{min-height:132px;padding:14px 8px;gap:8px;font-size:18px;border-radius:18px;box-shadow:3px 4px 0 var(--ink)}.answer svg{width:66px;height:66px}.big-type{font-size:47px}.swatch{width:64px;height:55px}.controls{gap:12px;margin-top:20px}.controls button{font-size:14px;padding:10px 15px}.next{font-size:17px;width:100%}.object-group{gap:8px;max-width:100%}.counting-area{gap:10px}.count-object{width:57px;height:70px}.count-object svg{width:48px;height:48px}.plus{font-size:32px}.memory-grid{grid-template-columns:repeat(2,1fr);gap:14px}.memory-card{min-height:120px}.memory-card svg{width:75px;height:75px}.story-art{padding:12px}.story-art svg{width:130px;height:130px}.story .answer{font-size:16px}.center-page{margin:20px auto}.center-page h1{font-size:39px}.center-page>svg{width:115px;height:115px;margin-bottom:20px}.center-page p{font-size:16px}.settings-grid{grid-template-columns:1fr;gap:22px}.settings-card{padding:20px 16px}.parent h1{font-size:36px}.parent>p{font-size:16px}.progress-list>div{align-items:flex-start;flex-direction:column;gap:8px}.break-reminder{flex-wrap:wrap;padding:16px;font-size:14px}.break-reminder button{font-size:12px;padding:10px}.sticker-grid{grid-template-columns:repeat(2,1fr);gap:16px}.sticker{padding:17px 10px}.sticker strong{font-size:15px}footer{font-size:10px;padding:22px 17px;flex-wrap:wrap;gap:10px}.tv main{padding-left:17px;padding-right:17px}.tv .bubble{font-size:18px}}@media(max-width:359px){.topbar{gap:9px}.brand{font-size:22px}.header-actions{width:100%;justify-content:flex-end}.small-button{min-height:56px}.home-mascot{width:85px;height:115px}.home-intro h1{font-size:31px}.world-card>strong{font-size:16px}.world-card{min-height:185px;padding:14px 10px}.world-card>span:not(.card-index):not(.card-arrow){font-size:10px}.world-card>svg{width:59px;height:59px}.activity-grid{grid-template-columns:1fr}.activity-card{min-height:230px}.round-bar>span:last-child{display:none}}@supports(padding:max(0px)){.app{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:max(12px,env(safe-area-inset-top))}}

.target{max-width:100%}.target>span{max-width:100%;overflow-wrap:anywhere}
.narrator-settings{padding:5px 0 15px;border-bottom:1px solid #ccc}.narrator-settings select{white-space:normal;max-width:100%;font-size:15px}.narrator-settings button{font-size:14px;margin:6px 8px 6px 0}
.choice-objects{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;max-width:220px}.choice-objects svg{width:34px!important;height:34px!important}.pattern-row{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.pattern-item{padding:12px;border:3px solid;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:80px}.pattern-item.missing{font-size:46px;background:var(--yellow)}.pattern-item span:not(.swatch){font-size:16px}.removed-objects{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.removed-apple{position:relative;display:inline-flex}.removed-apple svg{opacity:.5}.removed-apple b{position:absolute;left:12px;top:-3px;font-size:55px;color:#202020;line-height:1}.subtraction-removed{padding:15px;border:2px dashed;border-radius:18px;margin-bottom:20px}.subtraction-removed>span{font-size:15px}.video-banner{display:flex;width:100%;gap:20px;text-align:left;align-items:center;background:var(--yellow);margin-top:30px;padding:24px}.video-banner>span>span,.video-banner strong,.video-banner small{display:block}.video-banner strong{font-size:27px;margin:8px 0}.video-banner small{font-size:11px;letter-spacing:1px}.video-banner>span>span{font-size:15px;font-weight:500}.learning-video{display:block;width:100%;aspect-ratio:16/9;border:3px solid;border-radius:22px;background:#fff9ed}.video-caption{margin:18px 0;font-size:19px}.video-recap{display:block;width:min(100%,430px);border:2px solid;border-radius:16px;margin:20px auto}.video-lesson>h3{text-align:center;font-size:23px}@media(max-width:600px){.video-banner{gap:13px;padding:17px}.video-banner svg{width:58px;height:58px}.video-banner strong{font-size:20px}.video-banner>span>span{font-size:12px}.pattern-row{gap:8px}.pattern-item{padding:8px;min-width:60px;max-width:45%}.pattern-item .swatch{width:50px;height:45px}.pattern-item span:not(.swatch){font-size:12px}.video-caption{font-size:16px}.video-lesson>h3{font-size:19px}}
/* GhaffiLand v0.3: mode lengkap, bar kemajuan, dan musik keluarga */
.lesson-controls{display:flex;align-items:end;flex-wrap:wrap;gap:16px;background:#fff9ed;border:3px solid #202020;border-radius:18px;padding:18px 20px;box-shadow:5px 5px 0 #202020;margin:20px 0 30px}
.lesson-controls label{display:grid;gap:5px;min-width:170px;font-weight:800;font-size:.9rem}
.lesson-controls select{border:2px solid #202020;border-radius:10px;background:#fff;padding:12px 14px;font:inherit;min-height:48px}
.lesson-controls p{font-size:.83rem;flex:1;min-width:190px;line-height:1.5;margin:0;color:#504f5d}
.round-progress{height:12px;flex:1;min-width:70px;max-width:260px;background:#e6e0ee;border:2px solid #202020;border-radius:50px;overflow:hidden}
.round-progress>span{display:block;height:100%;background:#8ccc8a;transition:width .24s}
.pronounce{padding:12px 16px;border:2px dashed #504f5d;border-radius:15px;background:#fff9ed;max-width:100%;margin-bottom:14px}
.pronounce>strong{display:block;font-size:1.25rem;margin-bottom:8px}.pronounce button{border:2px solid #202020;border-radius:10px;padding:10px 14px;background:#ffda5d;font-weight:850;color:#202020;cursor:pointer;min-height:45px}
.pronounce .note{font-size:.77rem;margin:8px 0 0}
.song-banner{width:100%;display:flex;gap:20px;align-items:center;text-align:left;background:#e2dbff;color:#202020;border:3px solid #202020;box-shadow:6px 6px 0 #202020;border-radius:19px;padding:18px 25px;margin:17px 0 24px;cursor:pointer}
.song-banner-icon{display:grid;place-items:center;font-size:4rem;background:#ffc1d5;border:3px solid #202020;border-radius:20px;width:98px;height:90px;flex-shrink:0}
.song-banner>span:last-child{display:grid;gap:5px}.song-banner small{font-weight:900;letter-spacing:.1em;font-size:.71rem}.song-banner strong{font-size:clamp(1.1rem,3.3vw,1.6rem);line-height:1.2}.song-banner span span{font-size:.86rem}
.songbook{max-width:1080px;margin:0 auto 70px}.songs-heading h1{font-size:clamp(2.5rem,6vw,4.7rem);line-height:1.05;margin:12px 0 16px}.songs-heading>p{font-size:1.06rem;max-width:650px;line-height:1.6}
.song-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:28px 0}.song-tile{display:flex;flex-direction:column;text-align:left;gap:10px;border:3px solid #202020;background:#fff9ed;box-shadow:4px 4px 0 #202020;padding:19px 15px;border-radius:18px;min-height:180px;cursor:pointer;color:#202020}.song-tile.selected{background:#a7e7ae}.song-tile span{font-size:2.6rem}.song-tile strong{font-size:1.13rem}.song-tile small{font-size:.8rem;line-height:1.5}
.song-player{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:24px;background:#fff9ed;border:3px solid #202020;border-radius:19px;box-shadow:5px 5px 0 #202020}.song-disc{display:grid;place-items:center;min-width:96px;height:96px;background:#ffd85c;border:3px solid #202020;border-radius:50%;font-size:3rem}.song-player>div:nth-child(2){flex:1;min-width:170px}.song-player h2{margin:8px 0}.song-player p{font-size:.87rem;line-height:1.5}.song-controls{display:flex;gap:10px;flex-wrap:wrap}.song-controls button{border:2px solid #202020;border-radius:12px;padding:12px 17px;cursor:pointer;font-weight:850;min-height:48px}.song-controls button:not(.primary){background:#fff}.lyrics{display:grid;gap:11px;margin-top:22px}.lyrics button{display:flex;align-items:center;gap:15px;text-align:left;border:2px solid #202020;border-radius:14px;background:#fff;padding:18px 20px;font-size:1rem;line-height:1.5;color:#202020;cursor:pointer}.lyrics button>span{font-size:1.3rem}.lyrics button>small{margin-left:auto}.lyrics button.singing{background:#ffda5d;box-shadow:4px 4px 0 #202020}
@media(max-width:780px){.song-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.song-tile{min-height:155px}.song-banner{padding:13px}.song-banner-icon{width:68px;height:73px;font-size:2.5rem}.lesson-controls{padding:14px;gap:12px}.lesson-controls label{flex:1;min-width:120px}.round-progress{max-width:120px}}
@media(max-width:430px){.song-tiles{gap:10px}.song-tile{padding:13px;min-height:145px}.song-player{padding:16px}.song-disc{min-width:65px;height:65px;font-size:2rem}.lyrics button{font-size:.9rem;padding:14px}.lesson-controls select{max-width:100%}}