@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fredoka:wght@500;600;700&display=swap";:root{color:#28254a;font-synthesis:none;--purple:#5b47e0;--purple-dark:#30286e;--yellow:#ffd34e;--coral:#f06d5e;--teal:#168c83;--blue:#2479d8;--ink:#28254a;--muted:#6f6b8c;--surface:#fff;--line:#e7e5f2;--shadow:0 18px 50px #342b6c1a;background:#f6f7ff;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{font-size:16px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,.brand{font-family:Fredoka,DM Sans,sans-serif}h1{margin-bottom:.7rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.06}h2{line-height:1.15}.muted{color:var(--muted)}.eyebrow{letter-spacing:.13em;color:var(--purple);margin-bottom:.65rem;font-size:.76rem;font-weight:800;display:block}.button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.75rem 1.15rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button svg{width:18px}.button.primary{background:var(--purple);color:#fff;box-shadow:0 7px 0 var(--purple-dark)}.button.dark{background:var(--ink);color:#fff}.button.yellow{background:var(--yellow);color:var(--purple-dark);box-shadow:0 7px #d7a91d}.button.ghost{color:var(--ink);background:#f0eff8}.button.wide{width:100%}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.brand{align-items:center;gap:.65rem;font-size:1.2rem;font-weight:500;display:flex}.brand strong{font-weight:700}.brand-mark{background:var(--purple);width:42px;height:42px;color:var(--yellow);box-shadow:0 5px 0 var(--purple-dark);border-radius:13px;place-items:center;display:grid}.brand-mark svg{width:22px}.loader{border:3px solid #d8d4f5;border-top-color:var(--purple);border-radius:50%;width:25px;height:25px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.auth-page{grid-template-columns:minmax(340px,1fr) minmax(420px,.8fr);min-height:100vh;display:grid}.auth-story{background:var(--purple-dark);color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem);display:flex;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.auth-story:before{width:430px;height:430px;top:-100px;right:-170px}.auth-story:after{width:280px;height:280px;bottom:50px;left:-120px}.auth-story .brand,.auth-story>div,.auth-story .mascot-spot{z-index:1;position:relative}.auth-story .eyebrow{color:var(--yellow)}.auth-story h1{max-width:760px;font-size:clamp(2.5rem,5.5vw,5rem)}.auth-story h1 em{color:var(--yellow);font-style:normal}.auth-story>div>p{color:#d8d4f5;max-width:550px;font-size:1.12rem;line-height:1.7}.auth-panel{background:#f6f7ff;place-items:center;padding:2rem;display:grid}.auth-card{width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:clamp(1.5rem,4vw,3rem)}.auth-card h2{margin-bottom:.4rem;font-size:2rem}.stack-form{gap:1rem;margin-top:1.5rem;display:grid}.stack-form label,.child-select{gap:.45rem;font-size:.9rem;font-weight:700;display:grid}.stack-form input,.stack-form select,.child-select select,.match-list select{border:2px solid var(--line);min-height:50px;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:.7rem .9rem}.stack-form input:focus,.stack-form select:focus,.child-select select:focus,.match-list select:focus{border-color:var(--purple);box-shadow:0 0 0 4px #ece9ff}.form-help{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.form-help a,.auth-switch a{color:var(--purple);font-weight:800}.check{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.check input{min-height:auto}.privacy-note{color:var(--muted);gap:.55rem;font-size:.84rem;display:flex}.privacy-note svg{width:22px;color:var(--teal);flex:none}.form-error{color:#b92e2e;background:#fff0ef;border-radius:10px;padding:.7rem .85rem;font-size:.88rem}.auth-switch{text-align:center;margin:1.5rem 0 0;font-size:.9rem}.success-state{text-align:center;justify-items:center;gap:1rem;padding:1.5rem 0;display:grid}.success-state>svg{width:54px;height:54px;color:var(--teal)}.mascot-spot{align-items:center;gap:1rem;display:flex}.mascot-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 18px #241d4e33);flex:none;width:150px;height:165px}.mascot-spot p,.auth-story .mascot-spot p{color:var(--ink);background:#fff;border-radius:18px 18px 18px 4px;max-width:290px;margin:0;padding:.85rem 1rem;font-weight:700}.mascot-spot.small .mascot-image{width:130px;height:145px}.mascot-spot.small p{box-shadow:var(--shadow)}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;gap:2rem;height:76px;padding:0 clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.topbar nav{align-items:center;gap:.45rem;margin-left:auto;display:flex}.topbar nav a,.nav-button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;align-items:center;gap:.45rem;padding:.65rem .8rem;font-weight:700;display:flex}.topbar nav a.active{color:var(--purple);background:#eeebff}.topbar nav svg,.nav-button svg{width:18px}.session-name{border-left:1px solid var(--line);padding-left:1rem;font-weight:800}.page-wrap{width:min(1180px,100% - 2rem);margin:0 auto;padding:3rem 0 5rem}.page-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem;display:flex}.page-heading p{color:var(--muted);font-size:1.05rem}.page-heading h1{margin-bottom:.4rem}.child-select{min-width:200px}.page-loading,.loading-screen{min-height:60vh;color:var(--muted);justify-content:center;align-items:center;gap:.8rem;font-weight:700;display:flex}.loading-screen{min-height:100vh}.empty-page{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 76px);padding:2rem;display:grid}.empty-page .mascot-spot{margin-bottom:2rem}.empty-page>p{color:var(--muted)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:22px;align-items:center;gap:1rem;padding:1.15rem;display:flex;box-shadow:0 8px 28px #342b6c0f}.metric>svg{border-radius:14px;width:46px;height:46px;padding:11px}.metric.purple>svg{color:var(--purple);background:#ebe8ff}.metric.yellow>svg{color:#a87800;background:#fff5c8}.metric.coral>svg{color:var(--coral);background:#fff0ed}.metric.blue>svg{color:var(--blue);background:#e8f3ff}.metric strong{font-family:Fredoka;font-size:1.45rem;display:block}.metric span{color:var(--muted);font-size:.82rem}.dashboard-grid{grid-template-columns:1.6fr .8fr;gap:1.2rem;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 10px 32px #342b6c0f}.panel-title{justify-content:space-between;display:flex}.panel-title>svg{color:var(--yellow);fill:var(--yellow);width:40px}.topic-report{gap:1.05rem;display:grid}.topic-report-row{grid-template-columns:auto 1fr 140px;align-items:center;gap:.8rem;display:grid}.topic-dot{border-radius:50%;width:13px;height:13px}.topic-report-row small{color:var(--muted);margin-top:.2rem;display:block}.progress-track{background:#eceaf4;border-radius:99px;height:9px;overflow:hidden}.progress-track span{border-radius:99px;height:100%;display:block}.dashboard-side{gap:1.2rem;display:grid}.next-card{background:var(--yellow);border:0}.next-card>svg{width:40px;height:40px;color:var(--purple-dark)}.practice-list{margin:0;padding:0;list-style:none}.practice-list li{border-bottom:1px solid var(--line);justify-content:space-between;padding:.8rem 0;display:flex}.practice-list strong{color:var(--coral)}.recent-panel{margin-top:1.2rem}.recent-list>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.75rem 0;display:grid}.recent-list small{color:var(--muted);display:block}.recent-icon{width:40px;height:40px;color:var(--purple);background:#eeebff;border-radius:12px;place-items:center;display:grid}.children-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}.child-card,.empty-card{border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:2rem}.child-avatar{color:#fff;border-radius:28px;place-items:center;width:92px;height:92px;margin:0 auto 1rem;display:grid}.child-avatar svg{width:48px;height:48px}.child-card p{color:var(--muted);justify-content:center;align-items:center;gap:.4rem;display:flex}.child-card p svg{color:#d49300;width:18px;fill:var(--yellow)}.child-actions{justify-content:center;gap:.4rem;margin-top:1rem;display:flex}.child-actions button{color:var(--muted);background:0 0;border:0;align-items:center;gap:.35rem;padding:.6rem;display:flex}.child-actions svg{width:16px}.empty-card{grid-column:1/-1;padding:4rem}.empty-card>svg{width:50px;height:50px;color:var(--purple)}.modal-backdrop{z-index:100;background:#211c4294;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:26px;width:min(460px,100%);max-height:90vh;padding:2rem;overflow:auto;box-shadow:0 25px 80px #0000004d}.modal>p{color:var(--muted)}.color-picker{border:0;gap:.6rem;margin:0;padding:0;display:flex}.color-picker legend{margin-bottom:.5rem;font-size:.9rem;font-weight:700}.color-picker button{width:42px;height:42px;box-shadow:0 0 0 1px var(--line);border:4px solid #fff;border-radius:50%}.color-picker button.selected{box-shadow:0 0 0 3px var(--ink)}.child-shell{background:#eeecff}.learner-welcome{background:var(--purple-dark);color:#fff;border-radius:32px;justify-content:space-between;align-items:center;padding:clamp(1.5rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.learner-welcome:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:300px;height:300px;position:absolute;right:-80px}.learner-welcome>div,.learner-welcome>.mascot-spot{z-index:1;position:relative}.learner-welcome h1{font-size:clamp(2.1rem,5vw,4rem)}.learner-welcome h1 em{color:var(--yellow);font-style:normal}.learner-welcome .eyebrow{color:var(--yellow)}.learner-pills{flex-wrap:wrap;gap:.6rem;margin:1.3rem 0;display:flex}.learner-pills span{background:#ffffff1f;border-radius:99px;align-items:center;gap:.4rem;padding:.55rem .75rem;font-weight:700;display:flex}.learner-pills svg{width:17px;color:var(--yellow)}.topic-map{grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.2rem;display:grid}.topic-card{--topic:var(--purple);border-top:6px solid var(--topic);background:#fff;border-radius:26px;padding:1.4rem;box-shadow:0 10px 30px #342b6c12}.topic-card header{gap:1rem;display:flex}.topic-number{color:#d9d6e9;font-family:Fredoka;font-size:2.2rem}.topic-card header span{font-size:1.8rem}.topic-card h2{margin:.25rem 0}.topic-card header p{color:var(--muted);font-size:.9rem}.topic-progress>div:first-child{justify-content:space-between;margin:.8rem 0;font-size:.8rem;display:flex}.topic-progress .progress-track span{background:var(--topic)}.activity-list{gap:.55rem;margin-top:1rem;display:grid}.activity-list>a,.activity-list>.locked{border:1px solid var(--line);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.7rem;transition:transform .2s,border-color .2s;display:grid}.activity-list>a:hover{border-color:var(--topic);transform:translate(4px)}.activity-list>a>span,.activity-list>.locked>span{background:color-mix(in srgb,var(--topic) 14%,white);width:36px;height:36px;color:var(--topic);border-radius:11px;place-items:center;font-weight:800;display:grid}.activity-list small{color:#b07b00;margin-top:.15rem;display:block}.activity-list svg{width:18px}.activity-list .locked{opacity:.55}.activity-list .locked small{color:var(--muted)}.activity-page{background:#eeecff;min-height:100vh}.activity-header{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:50px 1fr auto;align-items:center;gap:1rem;height:74px;padding:0 max(1rem,50vw - 525px);display:grid}.activity-header>a{background:#f1eff9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.activity-header span{color:var(--muted);font-size:.78rem;display:block}.activity-progress{background:#dcd8ef;height:8px}.activity-progress span{background:linear-gradient(90deg,var(--purple),#8e78ff);height:100%;transition:width .3s;display:block}.play-area{grid-template-columns:250px 1fr;align-items:start;gap:2rem;width:min(1050px,100% - 2rem);margin:0 auto;padding:3rem 0;display:grid}.play-area aside{position:sticky;top:2rem}.play-area .mascot-spot{justify-items:center;display:grid}.play-area .mascot-spot p{text-align:center;border-radius:18px;margin-top:.8rem}.question-card{min-height:520px;box-shadow:var(--shadow);background:#fff;border-radius:30px;flex-direction:column;padding:clamp(1.5rem,4vw,3rem);display:flex}.question-count{color:var(--purple);letter-spacing:.12em;font-size:.75rem;font-weight:800}.question-card h1{margin:1rem 0 2rem;font-size:clamp(1.7rem,3.5vw,2.7rem)}.question-actions{justify-content:flex-end;margin-top:auto;padding-top:1.5rem;display:flex}.count-objects{background:#fff9dc;border:2px solid #f0d371;border-radius:20px;grid-template-columns:repeat(5,minmax(42px,1fr));gap:.65rem;margin:0 0 1.35rem;padding:1.1rem;display:grid}.count-objects span{background:#fff;border-radius:13px;place-items:center;min-height:48px;font-size:2rem;display:grid;box-shadow:0 4px #4b3c141a}.count-objects.blue{background:#e8f5ff;border-color:#82c7f2}.count-objects.purple{background:#f2ebff;border-color:#b79aef}.count-objects.red{background:#fff0ed;border-color:#f2a69c}.count-objects.green{background:#e7f8ef;border-color:#84d1aa}.choice-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.choice-grid button,.classify-list button{border:2px solid var(--line);min-height:58px;color:var(--ink);background:#fff;border-radius:16px;font-weight:800}.choice-grid button:hover,.choice-grid button.selected,.classify-list button.selected{border-color:var(--purple);color:var(--purple);background:#eeebff}.number-answer{align-items:end;gap:.8rem;display:flex}.number-answer input{border:3px solid var(--purple);text-align:center;width:min(260px,70%);height:90px;color:var(--purple);border-radius:20px;font-family:Fredoka;font-size:3rem}.number-answer span{color:var(--muted);padding-bottom:1rem}.feedback{border-radius:15px;align-items:center;gap:.7rem;margin-top:1.5rem;padding:1rem;display:flex}.feedback.correct{color:#117367;background:#e4f8f1}.feedback.wrong{color:#b43b30;background:#fff0ed}.feedback svg{width:30px}.feedback span{margin-top:.15rem;font-size:.88rem;display:block}.order-list{gap:.6rem;display:grid}.order-list>div{border:1px solid var(--line);background:#f7f6fc;border-radius:14px;grid-template-columns:40px 1fr 42px 42px;align-items:center;gap:.4rem;padding:.65rem;display:grid}.order-list>div>span{background:var(--purple);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.order-list button{background:#e9e6f5;border:0;border-radius:9px;min-height:40px}.match-list{gap:.7rem;display:grid}.match-list label{background:#f7f6fc;border-radius:14px;grid-template-columns:1fr 1fr;align-items:center;gap:1rem;padding:.7rem 1rem;display:grid}.classify-list{gap:.7rem;display:grid}.classify-list>div{grid-template-columns:1fr 2fr;align-items:center;gap:.8rem;display:grid}.classify-list>div>div{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.money-builder{text-align:center}.money-total{color:var(--purple);margin:1rem;font-family:Fredoka;font-size:2.3rem}.money-total svg{vertical-align:middle}.coin-row{flex-wrap:wrap;justify-content:center;gap:.7rem;display:flex}.coin-row button{background:var(--yellow);border:3px solid #e0ab23;border-radius:50%;width:66px;height:66px;font-weight:800}.coin-row .reset-coin{border-color:var(--line);background:#f1eff8;border-radius:14px;align-items:center;gap:.4rem;width:auto;padding:0 1rem;display:flex}.number-line{border-top:5px solid var(--ink);justify-content:space-between;align-items:center;margin:1rem 0 2.2rem;display:flex}.number-line span{background:#fff;padding:.3rem;font-weight:800;transform:translateY(-14px)}.clock-face{border:9px solid var(--purple-dark);background:#fffdf1;border-radius:50%;width:190px;height:190px;margin:0 auto 2rem;position:relative}.clock-face i{transform-origin:bottom;background:var(--ink);border-radius:5px;width:6px;position:absolute;bottom:50%;left:calc(50% - 3px)}.clock-face .hour-hand{height:50px}.clock-face .minute-hand{background:var(--coral);height:68px}.clock-face b{position:absolute}.clock-face b:first-of-type{top:5px;left:calc(50% - 10px)}.clock-face b:nth-of-type(2){top:calc(50% - 10px);right:8px}.clock-face b:nth-of-type(3){bottom:5px;left:calc(50% - 6px)}.clock-face b:nth-of-type(4){top:calc(50% - 10px);left:8px}.mini-chart{border-bottom:3px solid var(--ink);justify-content:center;align-items:end;gap:1rem;height:190px;margin-bottom:2rem;display:flex}.mini-chart>div{flex-direction:column;justify-content:end;align-items:center;width:70px;height:100%;display:flex}.mini-chart span{background:var(--yellow);text-align:center;border:2px solid #d7a91d;border-bottom:0;border-radius:8px 8px 0 0;width:100%;min-height:25px;padding-top:.3rem;font-weight:800}.mini-chart b{padding:.4rem;font-size:.8rem}.result-page{text-align:center;background:#eeecff;align-content:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.result-page .mascot-spot{margin-bottom:1.5rem}.result-page>p{color:var(--muted)}.confetti{color:var(--yellow);font-size:2rem}.result-stars{gap:.5rem;margin:1rem;display:flex}.result-stars svg{color:#cac6dc;fill:#cac6dc;width:54px;height:54px}.result-stars .earned{color:#d7a91d;fill:var(--yellow);animation:.5s both pop}@keyframes pop{50%{transform:scale(1.25)}}.result-score{background:#fff;border-radius:18px;margin-bottom:1rem;padding:1rem 2.5rem}.result-score strong{color:var(--purple);font-family:Fredoka;font-size:2rem;display:block}.result-score span{color:var(--muted)}.new-badge{background:var(--yellow);border-radius:14px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.8rem 1rem;font-weight:800;display:flex}@media (width<=900px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:430px;padding:2rem}.auth-story .mascot-spot{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.children-grid{grid-template-columns:repeat(2,1fr)}.topic-map{grid-template-columns:1fr}.play-area{grid-template-columns:1fr;padding-top:1.5rem}.play-area aside{position:static}.play-area .mascot-spot{display:flex}.question-card{min-height:480px}.learner-welcome .mascot-spot{display:none}}@media (width<=620px){.topbar{flex-wrap:wrap;gap:.5rem;height:auto;min-height:70px;padding:.7rem 1rem}.topbar .brand{margin-right:auto}.topbar nav{border-top:1px solid var(--line);order:3;justify-content:space-around;width:100%;padding-top:.35rem}.session-name{border:0;padding:0}.page-wrap{padding-top:2rem}.page-heading{display:block}.page-heading>.button,.child-select{width:100%;margin-top:1rem}.metric-grid{grid-template-columns:1fr 1fr}.metric{gap:.6rem;padding:.8rem}.metric>svg{width:40px;height:40px}.metric strong{font-size:1.12rem}.topic-report-row{grid-template-columns:auto 1fr}.topic-report-row>.progress-track{grid-column:2}.children-grid{grid-template-columns:1fr}.auth-story{min-height:360px}.auth-story h1{font-size:2.7rem}.auth-panel{padding:1rem}.auth-card{padding:1.4rem}.learner-welcome{border-radius:22px}.learner-pills span{font-size:.8rem}.activity-header{padding:0 1rem}.activity-header b{font-size:.8rem}.play-area{width:min(100% - 1rem,1050px)}.play-area aside .mascot-image{width:95px;height:105px}.question-card{border-radius:22px;padding:1.2rem}.choice-grid,.match-list label,.classify-list>div{grid-template-columns:1fr}.result-page .mascot-spot{justify-items:center;display:grid}.button-row>*{flex:1}.recent-list>div{grid-template-columns:auto 1fr}.recent-list b{grid-column:2}.order-list>div{grid-template-columns:34px 1fr 38px 38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.number-hop{background:linear-gradient(135deg,#e7f8ff 0%,#f2ecff 55%,#fff6d7 100%);border:3px solid #b9acf6;border-radius:25px;margin:0 0 1.4rem;padding:1.2rem 1.35rem 1.55rem;overflow:hidden}.hop-caption{color:var(--purple-dark);align-items:center;gap:.7rem;margin-bottom:1.25rem;display:flex}.hop-caption>span{font-size:2.35rem;line-height:1;animation:1.8s ease-in-out infinite number-hop-jump}.hop-caption strong{background:#fff;border:2px solid #c8bef6;border-radius:999px;padding:.5rem .85rem;box-shadow:0 4px #52419b21}.hop-track{align-items:center;width:100%;display:flex}.hop-step{flex:1;align-items:center;min-width:0;display:flex}.hop-step:last-child{flex:none}.hop-node{color:#fff;background:#6556cf;border:5px solid #fff;border-radius:50%;flex:0 0 clamp(52px,6.5vw,72px);place-items:center;width:clamp(52px,6.5vw,72px);height:clamp(52px,6.5vw,72px);font-family:Fredoka;font-size:clamp(1.15rem,2.2vw,1.55rem);font-weight:700;display:grid;box-shadow:0 7px #3f348e}.hop-step:nth-child(2) .hop-node{background:#ef6f61;box-shadow:0 7px #b84238}.hop-step:nth-child(3) .hop-node{background:#209f8c;box-shadow:0 7px #137164}.hop-step:nth-child(4) .hop-node{background:#247db6;box-shadow:0 7px #15547d}.hop-node.target{color:#4c3c80;background:#ffd64d;animation:1.5s ease-in-out infinite number-target-pulse;box-shadow:0 7px #d5a91a}.hop-link{background:linear-gradient(90deg,#6556cf,#ef6f61);border-radius:999px;flex:1;min-width:12px;height:12px;margin:0 .25rem;position:relative;box-shadow:0 3px #4a3a8221}.hop-link:after{content:"›";z-index:1;color:#ef6f61;font-family:Arial,sans-serif;font-size:2.2rem;font-weight:900;position:absolute;top:50%;right:-5px;transform:translateY(-57%)}.number-line-choices button{background:#fffdf5;border-width:3px;border-color:#c9c1ef;min-height:70px;font-family:Fredoka;font-size:1.45rem;box-shadow:0 5px #e4def8}.number-line-choices button:hover,.number-line-choices button.selected{transform:translateY(-2px);box-shadow:0 7px #afa1ed}@keyframes number-hop-jump{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-9px)rotate(5deg)}}@keyframes number-target-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (width<=620px){.number-hop{padding:.85rem .7rem 1.1rem}.hop-caption{margin-bottom:.9rem}.hop-caption>span{font-size:2rem}.hop-node{border-width:4px;flex-basis:48px;width:48px;height:48px;font-size:1rem;box-shadow:0 5px #3f348e}.hop-step:nth-child(2) .hop-node{box-shadow:0 5px #b84238}.hop-step:nth-child(3) .hop-node{box-shadow:0 5px #137164}.hop-step:nth-child(4) .hop-node{box-shadow:0 5px #15547d}.hop-node.target{box-shadow:0 5px #d5a91a}.hop-link{height:8px;margin:0 .12rem}.hop-link:after{font-size:1.7rem}.number-line-choices button{min-height:62px}}.audio-controls{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:2px solid #d5cff4;border-radius:18px;align-items:center;gap:.55rem;min-height:56px;padding:.42rem .7rem .42rem .42rem;display:flex;position:fixed;bottom:clamp(.65rem,2vw,1.25rem);right:clamp(.65rem,2vw,1.25rem);box-shadow:0 10px 35px #31276333}.audio-controls>button{width:46px;height:46px;color:var(--muted);background:#ece9f9;border:0;border-radius:13px;flex:none;place-items:center;display:grid}.audio-controls.playing>button{background:var(--purple);color:#fff;box-shadow:0 4px 0 var(--purple-dark)}.audio-controls svg{width:22px}.audio-controls label{color:var(--ink);grid-template-columns:auto 92px;align-items:center;gap:.45rem;font-size:.76rem;font-weight:800;display:grid}.audio-controls input{width:92px;accent-color:var(--purple);cursor:pointer}.audio-controls input:disabled{cursor:not-allowed;opacity:.45}.audio-controls output{min-width:35px;color:var(--purple);text-align:right;font-size:.72rem;font-weight:800}@media (width<=480px){.audio-controls{padding:.35rem;bottom:.5rem;right:.5rem}.audio-controls label{grid-template-columns:72px}.audio-controls label span,.audio-controls output{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.audio-controls input{width:72px}}