@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";
:root{color:#302e43;font-synthesis:none;--purple:#6950b9;--muted:#777584;background:#faf9f6;font-family:Nunito,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #bc9a32}header{border-bottom:1px solid #e7e5e0;justify-content:space-between;align-items:center;max-width:1280px;height:100px;margin:auto;padding:0 48px;display:flex}.brand{color:#363148;letter-spacing:-1px;align-items:center;gap:10px;font-size:32px;font-weight:900;text-decoration:none;display:flex}.brand-icon{background:var(--purple);color:#fff;text-align:center;border-radius:15px;width:43px;height:43px;font-size:30px}.brand small{display:none}nav{gap:12px;display:flex}.nav{color:#777584;background:0 0;border:0;border-radius:12px;padding:12px 20px;font-weight:800}.nav.active{color:var(--purple);background:#eeebf6}.header-note{color:#777584;font-size:13px}main{max-width:1190px;margin:auto;padding:20px 28px}.intro{text-align:center;margin-bottom:38px}.tag{color:var(--purple);background:#eeeaf7;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:800}h1{letter-spacing:-1.5px;margin:18px 0 8px;font-size:40px;line-height:1.2}.intro p{color:var(--muted);margin:0;font-size:16px}.layout{grid-template-columns:1.32fr 1fr;align-items:start;gap:28px;display:grid}.work-panel{background:#fff;border:1px solid #e8e5ed;border-radius:22px;min-height:570px;padding:30px 34px;box-shadow:0 5px #ece9e580}h2{letter-spacing:-.5px;margin:0 0 5px;font-size:23px}.sub{color:var(--muted);margin:0 0 25px;font-size:14px}.label{margin:23px 0 10px;font-size:14px;font-weight:800;display:block}.profiles{flex-wrap:wrap;gap:9px;display:flex}.profile{background:#fff;border:1px solid #e6e3ec;border-radius:13px;align-items:center;gap:8px;padding:10px 16px;font-weight:800;display:flex}.profile.selected{border-color:var(--purple);color:var(--purple);background:#f3f0fa}.avatar{font-size:22px}.add{color:#777584;border-style:dashed}.divider{background:#eeedf1;height:1px;margin:24px 0}.row{align-items:center;gap:12px;display:flex}.row>*{min-width:0}input,select{color:#302e43;outline-color:var(--purple);background:#fff;border:1px solid #dcd9e5;border-radius:10px;padding:10px 13px}input[type=number]{width:84px}input:disabled{color:#aaa;background:#f4f3f6}.range{justify-content:space-between}.range small{color:var(--muted);font-size:12px}.range .row{gap:9px}.switch-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.switch-row .label{margin:0 0 4px}.hint{color:var(--muted);font-size:12px}input[type=checkbox]{accent-color:var(--purple);width:19px;height:19px}.segmented{background:#f4f3f7;border-radius:11px;margin-bottom:12px;padding:4px;display:flex}.segmented button{color:#777584;background:0 0;border:0;border-radius:8px;flex:1;padding:10px 4px;font-size:13px;font-weight:800}.segmented button.selected{color:var(--purple);background:#fff;box-shadow:0 2px 5px #302e4310}.primary{background:var(--purple);color:#fff;border:0;border-radius:12px;padding:15px 24px;font-weight:800;box-shadow:0 4px #513c94}.start{width:100%;margin-top:26px;font-size:16px}.primary:hover{background:#5e45ad}.quiet{color:#777584;background:0 0;border:0;padding:12px;font-weight:700}.dog-card{text-align:center;background:#eaf2e4;border:1px solid #dce7d5;border-radius:22px;padding:23px 24px 26px;overflow:hidden}.dog-title{color:#57734e;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.online{color:#607958;font-size:10px}.bubble{background:#fff;border-radius:16px;margin-top:27px;padding:13px 25px;font-size:17px;font-weight:800;display:inline-block;position:relative;transform:rotate(-3deg)}.bubble:after{content:"";border-top:12px solid #fff;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:12px solid #0000;position:absolute;bottom:-10px;left:45%}.dog{max-width:310px;margin:-3px auto -20px}.dog svg{width:100%;display:block;overflow:visible}.dog .tail{transform-origin:244px 220px;animation:1.3s ease-in-out infinite wag}.dog .head{transform-origin:175px 195px;animation:5s ease-in-out infinite sniff}.dog.happy{animation:.55s ease-in-out infinite hop}.dog.happy .tail{animation-duration:.2s}.dog.sad .head{animation:none;transform:rotate(9deg)translateY(5px)}.dog.sad .tail{animation:none;transform:rotate(25deg)}.dog.sad .tongue{display:none}.dog.sad .mouth{transform:translateY(370px)scaleY(-1)}.grass{color:#fff;justify-content:space-between;margin:-28px 15px 26px;font-size:27px;display:flex}.grass span{color:#8fad7a}.dog-card h2{font-size:19px}.dog-card p{color:#6a7e62;margin-bottom:0;font-size:13px;line-height:1.65}.tip{color:#85808c;gap:13px;margin:20px 10px;font-size:12px;line-height:1.8;display:flex}.tip>span{color:#b39654;font-size:27px}.tip p{margin:0}.tip strong{color:#60596c}footer{color:#918b98;justify-content:space-between;margin-top:32px;font-size:11px;display:flex}.error{color:#a53648;font-size:13px}.session-top{justify-content:space-between;align-items:center;font-size:13px;display:flex}.progress{background:#f0edf5;border-radius:10px;height:7px;margin:20px 0;overflow:hidden}.progress div{background:#a18bcf;height:100%;transition:width .3s}.exercise{text-align:center;padding:30px 0}.equation{letter-spacing:-2px;margin:25px 0;font-size:56px;font-weight:900}.answer{text-align:center;font-size:32px;width:150px!important}.answer-form .primary{margin:22px auto;display:block}.feedback{color:#466438;background:#eef5e8;border-radius:14px;margin:14px 0;padding:18px;line-height:1.7}.feedback.wrong{color:#875732;background:#fff1e6}.scoreline{color:#777584;justify-content:center;gap:28px;font-size:13px;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0;display:grid}.stat{text-align:center;background:#f5f2fa;border-radius:14px;padding:18px 8px}.stat strong{color:var(--purple);font-size:28px;display:block}.stat span{color:var(--muted);font-size:11px}.history{border-bottom:1px solid #eeedf1;justify-content:space-between;gap:10px;padding:13px 0;font-size:13px;display:flex}.empty{text-align:center;color:var(--muted);padding:35px 10px}.new-profile{gap:8px;margin-top:12px;display:flex}.new-profile input{width:100%;min-width:0}.new-profile .primary{padding:10px}.summary{text-align:center;padding-top:30px}.summary-icon{font-size:45px}.review{text-align:left;max-height:180px;font-size:14px;overflow:auto}.review div{border-bottom:1px solid #eee;padding:8px}.note{text-align:center;color:var(--muted);margin:13px 0 0;font-size:11px}@keyframes wag{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}@keyframes sniff{0%,65%,to{transform:rotate(0)}75%,90%{transform:rotate(-4deg)translateY(3px)}82%{transform:rotate(-3deg)}}@keyframes hop{50%{transform:translateY(-9px)}}@media (max-width:800px){header{height:80px;padding:0 22px}.header-note{display:none}main{padding:16px 18px}h1{font-size:32px}.layout{grid-template-columns:1fr;gap:20px}.work-panel{min-height:0;padding:25px}aside{order:2}.dog-card{min-height:195px;padding:18px;position:relative}.dog{width:170px;margin:-30px 0 -12px auto}.dog-title{display:none}.bubble{max-width:50%;font-size:14px;position:absolute;top:5px;left:20px}.dog-card h2{text-align:left;max-width:55%;margin-top:-35px;font-size:16px}.dog-card p{text-align:left;max-width:55%;font-size:11px}.grass,.tip{display:none}.layout.playing aside{position:sticky;bottom:8px}.layout.playing .dog-card{height:110px;min-height:100px;padding:8px 16px;box-shadow:0 3px 12px #30303015}.layout.playing .dog{width:120px;margin:-10px 0 0 auto}.layout.playing .dog-card h2,.layout.playing .dog-card p{display:none}.layout.playing .bubble{margin-top:14px;font-size:13px;top:0}.nav{padding:10px;font-size:12px}.intro{margin-bottom:26px}footer{gap:15px;font-size:10px}.range{flex-direction:column;align-items:start;gap:10px}.equation{font-size:46px}.exercise{padding:5px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body{background-image:linear-gradient(#a8a0ba08 1px,#0000 1px),linear-gradient(90deg,#a8a0ba08 1px,#0000 1px);background-size:24px 24px}.factor-range{border:0;min-width:0;margin:0 0 18px;padding:0}.factor-range legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:800}.danger{color:#a53648;padding-left:0;font-size:12px}.hardest{background:#f5f2fa;border-radius:14px;margin:18px 0;padding:18px}.hardest h2{font-size:17px}.hardest .hint{line-height:1.6}.hardest .primary{margin-top:12px;padding:11px 16px;font-size:13px}.hardest summary{cursor:pointer;color:var(--purple);font-size:13px}@media (max-width:540px){header{flex-wrap:wrap;justify-content:center;gap:8px;height:auto;min-height:108px;padding:12px 15px}header nav{justify-content:center;gap:6px;width:100%}header .brand{font-size:26px}header .brand-icon{width:34px;height:34px;font-size:25px}.nav{padding:9px 12px}}@media (max-width:800px){.dog-card{flex-direction:column;align-items:center;min-height:0;display:flex}.bubble{width:max-content;max-width:min(100%,280px);margin:4px auto 8px;padding:11px 16px;position:relative;top:auto;left:auto}.dog{width:min(210px,70vw);margin:-4px auto -18px}.dog-card h2,.dog-card p{text-align:center;max-width:none}.dog-card h2{margin-top:0}.layout.playing .dog-card{grid-template-columns:minmax(0,1fr) 110px;align-items:center;height:auto;min-height:110px;padding:8px 12px;display:grid}.layout.playing .bubble{grid-column:1;width:auto;max-width:100%;margin:0 6px 0 0;padding:10px 12px;position:relative;top:auto;left:auto;transform:rotate(-2deg)}.layout.playing .dog{grid-column:2;width:110px;margin:-5px 0 -8px}}.profile-editor{background:#f5f2fa;border-radius:14px;margin:8px 0 16px;padding:16px}.profile-editor .label{margin:0 0 8px}.profile-editor input{width:100%;margin-bottom:14px}.profile-editor select{min-width:90px;font-size:24px}.profile-editor .primary{padding:11px 16px}.pet-art[hidden]{display:none!important}.equation-card{border:2px solid #0000;border-radius:18px;max-width:440px;margin:0 auto 18px;padding:20px 18px 18px;transition:background-color .18s,border-color .18s,color .18s}.question-label{color:var(--muted);margin:0 0 12px;font-size:14px}.equation-card .equation{margin:0}.result-message{min-height:1.4em;margin:10px 0 0;font-size:14px;font-weight:800}.equation-card.correct{color:#315b2d;background:#eef7e9;border-color:#76a866}.equation-card.correct .question-label{color:#52774a}.equation-card.wrong{color:#7c3f2b;background:#fff0e7;border-color:#d88761}.equation-card.wrong .question-label{color:#9a624d}.answer-form{min-height:112px}.answer-form .primary{min-width:210px}.pet-picker{border:0;min-width:0;margin:24px 0;padding:0}.pet-picker legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:800}.pet-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.pet-option{text-align:left;color:#4f4a5d;background:#fff;border:1px solid #dedbe6;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;padding:11px 14px;display:grid}.pet-option>span{grid-row:1/3;font-size:30px}.pet-option strong{font-size:14px}.pet-option small{color:var(--muted);font-size:11px}.pet-option.selected{border-color:var(--purple);color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple);background:#f3f0fa}.dragon .wing{transform-box:fill-box;animation:3.2s ease-in-out infinite dragon-breathe}.dragon .wing-left{transform-origin:100%}.dragon .wing-right{transform-origin:0}.dragon.happy .wing{animation:.28s ease-in-out infinite alternate dragon-flap}.dragon.sad .wing{animation:none;transform:scaleY(.72)}.dragon .fire{opacity:0;transform-origin:50%;transform:translateY(100px)}.dragon.happy .fire{animation:.7s ease-out infinite dragon-spark}@keyframes dragon-breathe{0%,to{transform:scaleX(1)}50%{transform:scaleX(.92)}}@keyframes dragon-flap{0%{transform:scaleX(.78)rotate(-4deg)}to{transform:scaleX(1.05)rotate(4deg)}}@keyframes dragon-spark{0%{opacity:0;transform:translateY(92px)scale(.5)}35%{opacity:1}to{opacity:0;transform:translateY(116px)scale(1.25)}}@media (max-width:420px){.pet-options{grid-template-columns:1fr 1fr}.pet-option{text-align:center;grid-template-columns:1fr;padding:10px 6px}.pet-option>span{grid-row:auto}.pet-option strong,.pet-option small{grid-column:1}}.spongebob .sponge-frown,.spongebob.sad .sponge-smile,.spongebob.sad .sponge-teeth{display:none}.spongebob.sad .sponge-frown{display:block}.spongebob.happy .sponge-arm{transform-box:fill-box;transform-origin:top;animation:.35s ease-in-out infinite alternate sponge-wave}.spongebob .sponge-thumbs-up,.spongebob.happy .sponge-arm-right{display:none}.spongebob.happy .sponge-thumbs-up{display:block}@keyframes sponge-wave{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.patrick .patrick-frown,.patrick.sad .patrick-smile{display:none}.patrick.sad .patrick-frown{display:block}.patrick .patrick-arm{transform-box:fill-box}.patrick .patrick-arm-left{transform-origin:100%}.patrick .patrick-arm-right{transform-origin:0}.patrick.idle .patrick-arm{animation:3s ease-in-out infinite alternate patrick-wave}.patrick.happy .patrick-arm{animation:.3s ease-in-out infinite alternate patrick-wave}.patrick.sad .patrick-arm-left{transform:rotate(-18deg)}.patrick.sad .patrick-arm-right{transform:rotate(18deg)}@keyframes patrick-wave{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.gary .gary-eyes{transform-origin:253px 209px;animation:3s ease-in-out infinite gary-sway}.gary.happy .gary-eyes{animation:.55s ease-in-out infinite gary-sway}.gary .gary-frown,.gary.sad .gary-smile{display:none}.gary.sad .gary-frown{display:block}.gary.sad .gary-eyes{animation:none;transform:translateY(12px)scaleY(.94)}@keyframes gary-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media (min-width:581px) and (max-width:1100px){.layout:not(.playing){grid-template-columns:minmax(0,1fr) minmax(200px,.65fr);gap:16px}.layout:not(.playing) .work-panel{min-width:0;padding:20px}.layout:not(.playing) aside{order:0;min-width:0;position:sticky;top:16px}.layout:not(.playing) .dog-card{flex-direction:column;align-items:center;min-height:0;padding:18px 12px;display:flex}.layout:not(.playing) .dog-title{display:none}.layout:not(.playing) .bubble{width:auto;max-width:100%;margin:4px 0 10px;padding:10px 12px;font-size:14px;position:relative;top:auto;left:auto}.layout:not(.playing) .dog{width:min(100%,240px);margin:0 auto}.layout:not(.playing) .grass{display:none}.layout:not(.playing) .dog-card h2{text-align:center;max-width:100%;margin:8px 0 5px;font-size:17px}.layout:not(.playing) .dog-card p{text-align:center;max-width:100%;font-size:12px}}.number-pad{grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,300px);margin:12px auto;display:grid}.digit-key{color:#302e43;touch-action:manipulation;background:#f5f2fa;border:1px solid #dcd9e5;border-radius:10px;min-height:46px;font-size:23px;font-weight:800}.digit-key:active{background:#ded5f0}.digit-key:disabled{opacity:.45;cursor:default}.digit-key.zero{grid-column:1/3}.question-count{align-items:center;gap:16px;display:flex}.question-count button{width:48px;height:48px;color:var(--purple);background:#f3f0fa;border:1px solid #dcd9e5;border-radius:12px;font-size:28px;font-weight:800}.question-count button:disabled{opacity:.35;cursor:default}.question-count output{text-align:center;min-width:64px;color:var(--purple);font-size:28px;font-weight:900}.adventure{--trail:#587b49;--land:#eef5e8;background:var(--land);text-align:left;border:1px solid #dce6d5;border-radius:17px;margin:20px 0;padding:16px 18px}.adventure-dragon{--trail:#287f74;--land:#eaf6f1}.adventure-spongebob{--trail:#267b98;--land:#eaf6fa}.adventure-patrick{--trail:#ad5279;--land:#fcf0f5}.adventure-gary{--trail:#667e38;--land:#f2f6e8}.adventure-heading{color:var(--trail);justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;display:flex}.adventure-heading>span{white-space:nowrap;font-size:12px}.adventure-path{height:66px;margin:5px 0 0;padding-right:40px;position:relative}.adventure-stones{border-bottom:2px dashed var(--trail);justify-content:space-around;display:flex;position:absolute;inset:35px 40px auto 0}.adventure-stones span{background:var(--land);border:1px solid var(--trail);width:23px;height:23px;color:var(--trail);border-radius:50%;place-items:center;margin-bottom:-12px;font-size:14px;display:grid}.adventure-stones .done{background:var(--trail);color:#fff}.adventure-traveler{left:calc(var(--step) * (100% - 64px) / 5);font-size:30px;line-height:1.1;transition:left .4s;position:absolute;top:0}.adventure-goal{font-size:30px;position:absolute;top:15px;right:0}.adventure-message{color:#3e5338;margin:0;font-size:13px;font-weight:800;line-height:1.5}.adventure .hint{color:#58604f;margin:8px 0;line-height:1.6}.reward-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.reward-choice{color:#404b3a;background:#fff;border:1px solid #cbd8c4;border-radius:12px;min-height:76px;padding:10px 6px;font-size:12px;line-height:1.4}.reward-choice>span{margin-bottom:4px;font-size:26px;display:block}.reward-choice.selected{border:2px solid var(--trail);box-shadow:0 2px 0 var(--trail);background:#ffffffb8;padding:9px 5px;font-weight:900}.pet-place{color:var(--trail);border-top:1px solid #b8c9ad;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:10px;font-size:12px;display:flex}.pet-place>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.decoration{white-space:nowrap;font-size:25px}.decoration small{vertical-align:middle;font-size:11px}.celebrating .adventure-goal{animation:.75s ease-out 2 reward-pop}.celebrating .adventure-message,.round-rewards{color:#5b4193;font-weight:900}.round-rewards{background:#f3edff;border-radius:13px;margin-bottom:12px;padding:15px;font-size:14px;line-height:1.6}.learning-hint{color:#344969;text-align:left;background:#eef3fb;border:1px solid #d6e0f0;border-radius:14px;max-width:440px;margin:12px auto;padding:16px;font-size:14px;line-height:1.6}.learning-hint p{margin:6px 0}.learning-hint .quiet{color:#40577b;padding:8px 0;text-decoration:underline}.equation-card.thinking{background:#f0f5fc;border-color:#d6e0f0}.dog.thinking .head{animation:none;transform:rotate(-5deg)}.dog.thinking .tail{animation-duration:2s}@keyframes reward-pop{0%,to{transform:scale(1)}45%{transform:translateY(-10px)rotate(10deg)scale(1.25)}}@media (max-width:580px){.adventure{margin:12px 0;padding:12px}.adventure-heading{font-size:14px}.reward-choice{font-size:11px}.adventure-path{height:59px}.pet-place{flex-wrap:wrap}.learning-hint{padding:12px}}body.quiz-active header{height:58px;min-height:0;padding:6px 24px}body.quiz-active header .brand{font-size:24px}body.quiz-active header .brand-icon{border-radius:10px;width:32px;height:32px;font-size:23px}body.quiz-active header .header-note,body.quiz-active footer{display:none}body.quiz-active .nav{padding:8px 14px}body.quiz-active main{max-width:1120px;padding:12px 20px}.layout.playing{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);align-items:start;gap:20px}.layout.playing .work-panel{min-width:0;min-height:0;padding:16px 22px}.layout.playing aside{order:0;position:sticky;top:12px;bottom:auto}.layout.playing .dog-card{flex-direction:column;align-items:center;height:auto;min-height:0;padding:18px 14px;display:flex}.layout.playing .dog-title,.layout.playing .grass,.layout.playing .tip,.layout.playing .dog-card p{display:none}.layout.playing .dog-card h2{text-align:center;max-width:100%;margin:12px 0 0;font-size:16px}.layout.playing .bubble{justify-content:center;align-items:center;width:100%;max-width:100%;height:96px;margin:0 0 14px;padding:12px;font-size:16px;display:flex;position:relative;top:auto;left:auto;overflow:visible;transform:none}.layout.playing .dog{width:min(100%,270px);margin:0 auto}.layout.playing .session-top{gap:8px;min-height:24px;font-size:13px}.layout.playing .session-top .quiet{padding:5px 0}.layout.playing .adventure{margin:8px 0;padding:10px 14px}.layout.playing .adventure-heading{font-size:14px}.layout.playing .adventure-path{height:48px;margin:4px 0 0}.layout.playing .adventure-stones{top:28px}.layout.playing .adventure-traveler{font-size:25px}.layout.playing .adventure-goal{font-size:26px;top:8px}.layout.playing .adventure-message{height:32px;font-size:12px;line-height:16px;overflow:auto}.layout.playing .pet-place{display:none}.layout.playing .progress{height:5px;margin:6px 0}.layout.playing .exercise{padding:6px 0 0}.layout.playing .equation-card{border-radius:14px;margin:0 auto 8px;padding:8px 12px}.layout.playing .question-label{margin:0;font-size:12px;line-height:18px}.layout.playing .equation{letter-spacing:-1px;white-space:nowrap;margin:5px 0;font-size:clamp(34px,4vw,48px);line-height:1.15}.layout.playing .result-message,.layout.playing .result-message:empty{height:36px;min-height:0;margin:0;font-size:13px;line-height:18px;display:block;overflow:auto}.layout.playing .answer-form{grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;min-height:0;display:grid}.layout.playing .answer{justify-self:center;height:48px;margin:0;padding:6px 10px;font-size:28px;line-height:34px;width:140px!important}.layout.playing .hint-slot{text-align:left;width:100%;max-width:100%;height:112px;margin:0;overflow:auto}.layout.playing .hint-slot .learning-hint{max-width:none;min-height:100%;margin:0;padding:8px 12px;font-size:13px;line-height:18px}.layout.playing .learning-hint strong{font-size:13px}.layout.playing .learning-hint p{margin:4px 0}.layout.playing .learning-hint .quiet{min-height:28px;padding:2px 0;font-size:12px}.layout.playing .answer-form #action-button{justify-self:center;width:min(100%,320px);min-width:0;min-height:48px;margin:0 0 4px;padding:10px 14px}.layout.playing .scoreline{flex-wrap:wrap;gap:12px;margin-top:5px;font-size:11px;line-height:16px}.layout.playing #feedback:empty{display:none}.layout.playing .answer-form.with-keypad{grid-template-columns:minmax(0,1fr) minmax(165px,1fr)}.layout.playing .with-keypad .answer{grid-area:1/1/auto/-1}.layout.playing .with-keypad .hint-slot{grid-area:2/1;height:187px}.layout.playing .with-keypad .number-pad{grid-area:2/2;gap:5px;width:100%;margin:0}.layout.playing .digit-key{height:43px;min-height:43px;padding:0;font-size:22px}.layout.playing .with-keypad #action-button{grid-area:3/1/auto/-1}.layout:not(.playing) .work-panel{min-height:0}.layout>*{min-width:0}.layout:not(.playing) .adventure{margin:14px 0;padding:14px}.layout:not(.playing) .reward-choice{min-height:66px;padding-top:6px;padding-bottom:6px}.layout:not(.playing) .reward-choice.selected{padding-top:5px;padding-bottom:5px}#start-round .start{margin-top:4px}@media (max-width:580px){main{padding:10px 12px}.layout:not(.playing){grid-template-columns:minmax(0,1fr)}.layout:not(.playing) .work-panel{padding:16px}.layout:not(.playing) .work-panel>.sub{margin-bottom:12px}.layout:not(.playing) .work-panel>.label{margin:12px 0 8px}.layout:not(.playing) .adventure{margin:12px 0;padding:10px}.layout:not(.playing) .adventure .hint{font-size:11px;line-height:1.5}.layout:not(.playing) .adventure-path{height:50px}.layout:not(.playing) .work-panel>.divider{margin:14px 0}.layout:not(.playing) .work-panel>h2{font-size:21px}.layout:not(.playing) aside{width:100%}}@media (max-width:900px){body.quiz-active header .brand{display:none}body.quiz-active header{justify-content:center;height:48px;padding:4px 12px}body.quiz-active header nav{gap:4px;width:auto}body.quiz-active main{padding:10px 12px}.layout.playing{grid-template-columns:minmax(0,1fr);gap:8px;max-width:680px;margin:auto}.layout.playing aside{grid-row:1;position:static}.layout.playing .dog-card{grid-template-columns:minmax(0,1fr) 100px;gap:10px;height:96px;min-height:96px;padding:4px 12px;display:grid}.layout.playing .dog-card h2{display:none}.layout.playing .bubble{height:76px;max-height:none;margin:0;padding:8px 12px;font-size:14px}.layout.playing .dog{width:100px;margin:0}.layout.playing .work-panel{padding:12px 16px}}@media (max-width:580px){body.quiz-active main{padding:6px 8px}body.quiz-active .nav{padding:8px 10px;font-size:12px}.layout.playing{gap:6px}.layout.playing .dog-card{border-radius:15px;grid-template-columns:minmax(0,1fr) 76px;gap:6px;height:76px;min-height:76px;padding:3px 8px}.layout.playing .bubble{border-radius:12px;height:62px;padding:6px 8px;font-size:12px;line-height:16px}.layout.playing .dog{width:76px}.layout.playing .work-panel{border-radius:16px;padding:8px 10px}.layout.playing .session-top{min-height:22px;font-size:11px}.layout.playing .adventure{margin:5px 0;padding:6px 10px}.layout.playing .adventure-heading{font-size:12px}.layout.playing .adventure-heading>span{font-size:11px}.layout.playing .adventure-path{height:40px;margin:2px 0 0}.layout.playing .adventure-stones{top:23px}.layout.playing .adventure-stones span{width:18px;height:18px;margin-bottom:-9px;font-size:12px}.layout.playing .adventure-traveler{font-size:22px}.layout.playing .adventure-message{height:28px;font-size:11px;line-height:14px}.layout.playing .equation-card{margin-bottom:6px;padding:5px 8px}.layout.playing .equation{margin:3px 0;font-size:34px}.layout.playing .question-label{font-size:11px;line-height:16px}.layout.playing .result-message,.layout.playing .result-message:empty{height:30px;font-size:12px;line-height:15px}.layout.playing .answer{height:42px;padding:4px 8px;font-size:25px;line-height:30px}.layout.playing .answer-form{gap:6px}.layout.playing .answer-form.with-keypad{grid-template-columns:minmax(0,1fr) minmax(148px,1fr)}.layout.playing .with-keypad .hint-slot{height:181px}.layout.playing .hint-slot .learning-hint{padding:6px 7px;font-size:12px;line-height:16px}.layout.playing .learning-hint strong{font-size:12px}.layout.playing .digit-key{height:41.5px;min-height:41.5px}.layout.playing .answer-form #action-button{min-height:44px;padding:9px 12px;font-size:14px}.layout.playing .scoreline{gap:8px;margin-top:3px;font-size:10px}}@media (max-height:700px) and (min-width:901px){body.quiz-active header{height:48px}body.quiz-active main{padding-top:6px;padding-bottom:6px}.layout.playing .work-panel{padding:10px 18px}.layout.playing .adventure{margin:4px 0;padding:6px 12px}.layout.playing .adventure-message{height:28px;font-size:11px;line-height:14px}.layout.playing .equation{font-size:38px}.layout.playing .hint-slot{height:100px}}@media (max-width:580px) and (max-height:700px){body.quiz-active main{padding-bottom:70px}main:has(#start-round){padding-bottom:70px}.layout.playing .answer-form #action-button,#start-round .start{bottom:max(10px,env(safe-area-inset-bottom));z-index:10;width:calc(100% - 32px);position:fixed;left:16px;box-shadow:0 4px #513c94,0 0 0 8px #faf9f6}}
