@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#252744;background:#f5f6fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #7f64ed;outline-offset:4px}button{transition:transform .15s,background .15s}button:active{transform:scale(.97)}.header{height:98px;max-width:1320px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#252744;font:800 30px Outfit,sans-serif;display:flex;align-items:center;letter-spacing:-1px}.brand>span:not(.brand-icon){color:#7254e9}.brand-icon{margin-right:10px;width:37px;height:37px;border-radius:12px;background:#7254e9;color:white;font-size:31px;display:grid;place-items:center;letter-spacing:0}.brand i{width:7px;height:7px;background:#32cbb0;border-radius:50%;margin-left:3px;margin-top:18px}.header-right{display:flex;gap:20px;align-items:center}.addition-pill{font-size:14px;font-weight:600;background:#eae6ff;color:#6744c8;border-radius:30px;padding:9px 16px;display:flex;align-items:center;gap:8px}.addition-pill>span{font-size:21px;line-height:18px}.icon-button{background:white;border:1px solid #e4e6f0;width:43px;height:43px;border-radius:13px;font-size:24px;color:#454361;position:relative}.sound-off{font-size:13px;position:absolute;right:8px;top:7px}.layout{max-width:1216px;margin:16px auto 0;display:grid;grid-template-columns:265px minmax(300px,440px) 240px;gap:55px;align-items:start;padding:0 26px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#817ca1;margin:20px 0 16px}.left-panel h1{font:700 54px/.99 Outfit,sans-serif;letter-spacing:-2px;margin:0}.left-panel h1>span{color:#7454e9}.intro{font-size:16px;line-height:1.65;color:#797c95;margin:22px 0 28px}.target-card{padding:22px;border:1px solid #e4e2f5;border-radius:22px;background:#fff;text-align:center;box-shadow:0 8px 30px #24264d04}.small-label{font-size:12px;letter-spacing:1.5px;font-weight:800;color:#83839c}.target-number{font:700 75px/1.1 Outfit,sans-serif;color:#7050e9;margin:10px 0}.target-card p{font-size:13px;color:#858398;margin:0 0 18px}.sample-equation{background:#f3f0ff;border-radius:12px;padding:12px 5px;font-size:21px;font-weight:700;color:#4b4266}.sample-equation span{color:#9b8cbf;padding:0 5px}.how-to{margin-top:30px}.how-to h2{font:600 18px Outfit,sans-serif}.how-to ol{list-style:none;padding:0}.how-to li{display:flex;gap:12px;align-items:flex-start;margin:17px 0}.how-to li>span{background:#e8e5f8;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;font-weight:700;color:#77669a;font-size:13px}.how-to p{font-size:14px;line-height:1.7;color:#88889f;margin:0}.how-to b{font-weight:600;color:#53516d}.game-top{display:flex;justify-content:space-between;align-items:center;padding:1px 5px 15px}.level-label{font-size:13px;font-weight:700;color:#817b9c;letter-spacing:1px}.level-label b{color:#5b527b;font-size:15px}.out-of{font-size:12px;color:#a9a5ba}.game-top p{font:600 25px Outfit,sans-serif;margin:4px 0 0}.pause{background:#eeebf8;border:0;font-size:19px}.arena-wrap{position:relative;background:#1c2142;border-radius:26px;overflow:hidden;box-shadow:0 16px 34px #37304a17;border:6px solid white}canvas{display:block;width:100%;height:auto;aspect-ratio:400/510;touch-action:none}.arena-hud{position:absolute;z-index:1;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.target-chip{background:#303458;color:#aaaecd;border:1px solid #464b70;border-radius:12px;padding:9px 12px;letter-spacing:1px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:12px}.target-chip b{color:#fdfcff;letter-spacing:0;font:600 23px Outfit,sans-serif}.pop-progress{display:flex;gap:7px}.pop-progress>span{width:15px;height:15px;border-radius:50%;background:#383d60;border:2px solid #555b80}.pop-progress>span.complete{background:#63e2c4;border-color:#9dffe5;box-shadow:0 0 10px #5ae1bc60}.aim-instruction{position:absolute;top:102px;left:0;right:0;text-align:center;color:#727a9c;font-size:10px;letter-spacing:1.2px;pointer-events:none}.number-tray{padding:18px 8px 0}.tray-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:1px;color:#88849c;margin-bottom:12px}.selected-label{font-weight:400;letter-spacing:0;color:#9390a6;font-size:12px}.choices{display:flex;gap:10px;justify-content:center}.number-choice{height:64px;flex:1;border-radius:17px;border:2px solid transparent;background:#ebeaf4;color:#635577;font:600 29px Outfit,sans-serif;position:relative}.number-choice[aria-pressed=true]{border-color:#7957ec;background:#eee8ff;color:#7251df;box-shadow:0 4px 10px #7454e914}.number-choice small{position:absolute;left:8px;top:6px;font:600 10px 'DM Sans',sans-serif;color:#a095bd}.primary-button{border:0;background:#7454e9;color:white;border-radius:14px;padding:15px 20px;font-weight:700;font-size:16px;box-shadow:0 5px 0 #5839c6}.primary-button:hover{background:#6543df}.primary-button:disabled{opacity:.5;cursor:default}.drop-button{width:100%;margin-top:12px;display:flex;justify-content:center;gap:12px}.drop-button span{font-size:20px;line-height:18px}.game-tip{text-align:center;font-size:13px;color:#858099;line-height:1.6;min-height:22px;margin:18px 0 0}.journey-card{background:#eeecfb;border:1px solid #e3dff7;border-radius:24px;padding:24px;margin-top:76px}.card-heading{display:flex;justify-content:space-between;align-items:center}.tiny-plus{font-size:25px;color:#a699ca}.journey-card h2{font:600 30px/1.1 Outfit,sans-serif;letter-spacing:-.7px;margin:19px 0 26px;color:#534772}.journey-steps{display:flex;gap:8px;flex-wrap:wrap}.journey-step{border-radius:50%;width:30px;height:30px;background:#dfdaef;color:#8e84a3;display:grid;place-items:center;font-size:12px}.journey-step.active{background:#7655e7;color:white;box-shadow:0 0 0 4px #e4ddff}.journey-step.done{background:#b6ecdf;color:#287d68}.journey-footer{font-size:12px;color:#9488ad;display:flex;justify-content:space-between;margin:24px 0 9px}.journey-line{height:5px;background:#dcd6ec;border-radius:4px;overflow:hidden}.journey-line>div{height:100%;background:#7c60dd;min-width:5px}.outline-button{background:transparent;border:1px solid #cfc6e5;border-radius:12px;color:#74658e;padding:11px;width:100%;font-size:14px;margin-top:23px}.outline-button:hover{background:#e4def5}.rule-card{padding:28px 8px 0}.rule-mark{background:#def5ed;color:#24a887;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:24px;font-weight:700}.rule-card h3{font:600 18px Outfit,sans-serif;margin:14px 0 10px}.rule-card p{font-size:14px;line-height:1.7;color:#86869d}.rule-card .rule-note{font-size:12px;color:#9290a3}.restart-button{background:transparent;border:0;padding:14px 8px;color:#867d9c;font-size:14px;display:flex;align-items:center;gap:9px}.restart-button>span{font-size:23px}.prototype-note{font-size:10px;letter-spacing:1.6px;color:#b3afc1;padding-left:8px}footer{max-width:1216px;padding:28px 26px 22px;display:flex;justify-content:space-between;font-size:12px;color:#a29eb2;margin:0 auto}.equation-toast{position:absolute;left:50%;top:34%;transform:translate(-50%,-10px);white-space:nowrap;opacity:0;transition:opacity .2s,transform .2s;background:#ffffffed;border-radius:16px;color:#5d419f;font:600 27px Outfit,sans-serif;padding:14px 22px;pointer-events:none;box-shadow:0 10px 30px #0003}.equation-toast.show{opacity:1;transform:translate(-50%,0)}.equation-toast.correct{background:#a7f4dc;color:#145e4c}.overlay{position:absolute;inset:0;background:#171d3df0;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px}.overlay[hidden]{display:none}.overlay-content{width:100%;color:white}.celebrate-symbol{font:600 45px Outfit,sans-serif;color:#7ff2d2;margin:auto;background:#ffffff0f;border-radius:23px;width:80px;height:80px;display:grid;place-items:center}.overlay .eyebrow{color:#9c94c1}.overlay h2{font:600 36px Outfit,sans-serif;margin:12px 0}.overlay p:not(.eyebrow){color:#a9aecf;font-size:15px;line-height:1.6;margin:12px 0 26px}.overlay .primary-button{width:100%}.text-button{background:transparent;border:0;color:#adb1d2;margin-top:17px;font-size:14px;padding:7px}dialog{border:0;border-radius:25px;padding:28px;color:#292943;max-width:550px;width:calc(100% - 28px);max-height:85dvh;box-shadow:0 24px 80px #0003}dialog::backdrop{background:#1c2142aa;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}.dialog-heading .eyebrow{margin:0 0 9px}.dialog-heading h2{font:600 30px Outfit,sans-serif;margin:0}dialog>p{font-size:14px;color:#89849f}.level-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin-top:20px}.level-grid button{border:0;background:#f1edf9;border-radius:9px;height:38px;color:#76638e;font-size:14px}.level-grid button.active{background:#7654e8;color:#fff}@media(min-width:1300px){.layout{gap:66px;grid-template-columns:270px 440px 250px}}@media(max-width:1100px){.layout{gap:28px;grid-template-columns:220px minmax(300px,410px) 210px}.left-panel h1{font-size:46px}.journey-card{padding:19px}.header{padding:0 26px}}@media(max-width:900px){.layout{grid-template-columns:220px minmax(300px,410px);justify-content:center;gap:34px}.right-panel{grid-column:1/-1;display:flex;gap:25px;margin-top:10px;align-items:center}.journey-card{margin:0;flex:1}.journey-card h2,.journey-steps,.rule-card{display:none}.journey-footer{margin:12px 0 9px}.outline-button{margin-top:15px}.prototype-note{display:none}.restart-button{margin-right:10px}}@media(max-width:600px){.header{height:73px;padding:0 18px}.brand{font-size:26px}.brand-icon{width:32px;height:32px;font-size:27px;border-radius:10px}.header-right{gap:12px}.addition-pill{font-size:12px;padding:8px 11px}.addition-pill>span{display:none}.icon-button{width:36px;height:36px;border-radius:11px}.layout{display:flex;flex-direction:column;gap:0;padding:0 14px;margin:5px auto 0;max-width:425px}.left-panel{display:none}.game-column{width:100%}.game-top{padding-bottom:10px}.game-top p{font-size:22px}.arena-wrap{border-width:4px;border-radius:23px}.number-tray{padding-top:13px}.number-choice{height:54px;font-size:27px}.drop-button{padding:13px;margin-top:10px}.game-tip{margin:14px 0 0;font-size:12px}.right-panel{width:100%;margin-top:4px;padding:8px 6px;display:flex;justify-content:space-between;gap:8px}.journey-card{background:transparent;border:0;padding:0;flex:initial;margin:0}.card-heading,.journey-line,.journey-footer{display:none}.outline-button{border:0;background:#eeebf8;width:auto;margin:0;padding:10px 14px;font-size:13px}.restart-button{padding:6px 3px;font-size:13px;margin:0}footer{padding:15px 20px;font-size:10px;border-top:1px solid #e9e7f2;margin-top:8px}.level-grid{grid-template-columns:repeat(5,1fr)}dialog{padding:22px}.overlay h2{font-size:31px}.aim-instruction{font-size:9px;top:95px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Rainbow toy arcade theme */
:root{color:#34215e;background:#e9faff}body{background:radial-gradient(ellipse at 6% 25%,#ffe68590,transparent 40%),radial-gradient(ellipse at 95% 65%,#ff96cc65,transparent 42%),linear-gradient(135deg,#d7faff,#ebe0ff 65%,#fff0bd);min-height:100dvh}.brand{font-size:34px;color:#463073}.brand>span:not(.brand-icon){color:#ff409a}.brand-icon{background:linear-gradient(145deg,#ab69ff,#5e2bf2);box-shadow:0 5px 0 #432199, inset 0 2px 1px #ffffff70}.brand i{background:#ffba00}.menu-button{border:0;background:linear-gradient(#ffdf54,#ffb620);color:#643700;box-shadow:0 4px 0 #d58813,inset 0 2px 0 #ffffffa0;border-radius:14px;padding:11px 16px;font-weight:800;font-size:16px}.addition-pill{background:#fff9;color:#7242b4;border:1px solid #fff;font-size:13px}.icon-button{box-shadow:0 3px 0 #dad0e9;border-color:white;color:#633995}.left-panel h1{font-size:60px;color:#4d278b}.left-panel h1>span{color:#ff3d94;text-shadow:0 4px 0 #ffffff,0 7px 0 #e5a3ce}.eyebrow{color:#815da9}.intro{color:#88699c}.target-card{background:linear-gradient(145deg,#fff,#fff6de);border:3px solid white;box-shadow:0 7px 0 #d8b8ea;border-radius:26px}.small-label{color:#9a69b7}.target-number{color:#8542e7;text-shadow:0 3px 0 #ddc2ff;font-size:76px;overflow-wrap:anywhere}.sample-equation{background:#ffe692;color:#804525;box-shadow:inset 0 -3px 0 #f5ca55}.how-to li>span{background:#9860f7;color:white;box-shadow:0 3px 0 #7139c9}.how-to b,.how-to h2{color:#623794}.how-to p{color:#8f74a2}.game-top p{color:#5822ad}.level-label{color:#9972bd}.level-label b{color:#823ad5}.pause{background:#ffe256;color:#794824;box-shadow:0 4px 0 #e5b838}.arena-wrap{border:7px solid #fff;border-radius:29px;box-shadow:0 10px 0 #ac83d9,0 22px 42px #77389825;background:#6130d2}#spheres,#effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#spheres{z-index:1}#effects{z-index:2}.arena-hud{z-index:3;align-items:flex-start;gap:6px}.target-chip{background:#fff;color:#9860ca;border:0;box-shadow:0 4px 0 #b293e9;padding:8px 11px;gap:8px}.target-chip b{color:#7433c3;max-width:140px;overflow-wrap:anywhere;font-size:22px}.pop-progress{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}.pop-progress>span{border:0;background:transparent;width:23px;height:27px;color:#a489dd;font-size:27px;line-height:27px;text-shadow:0 2px 0 #341182}.pop-progress>span.complete{background:transparent;border:0;color:#ffdb25;box-shadow:none;text-shadow:0 2px 0 #b45b0d,0 0 15px #ffd50090}.pop-progress>span.letter-progress{width:17px;height:25px;border-radius:5px;background:#ffffff20;font-size:14px;line-height:25px;text-align:center;color:#fff}.pop-progress>span.letter-progress.complete{background:#ffe037;color:#603499;text-shadow:none}.aim-instruction{z-index:3;color:#d4c5fb;font-weight:700;font-size:10px}.equation-toast{z-index:4;background:#fff;color:#7540bf;border:3px solid #dfc4ff;box-shadow:0 6px 0 #8f58c5;font-size:26px;max-width:94%;white-space:normal;text-align:center}.equation-toast.correct{color:#7f2d8e;background:#ffe04b;border-color:#fff0a5;box-shadow:0 7px 0 #e6a326}.overlay{z-index:5;background:linear-gradient(150deg,#8138e8f7,#4826a1f5)}.celebrate-symbol{color:#ffe044;background:#ffef571a;text-shadow:0 5px 0 #bf7029;font-size:60px}.overlay h2{text-shadow:0 3px 0 #2e176f;overflow-wrap:anywhere}.overlay .eyebrow{color:#e0c4ff}.overlay p:not(.eyebrow){color:#eadfff}.text-button{color:#e8d7ff}.tray-heading{color:#885bb4}.selected-label{color:#9872b0}.choices{gap:13px}.number-choice{background:linear-gradient(#fff,#f5e7ff);border:3px solid white;color:#8550b4;box-shadow:0 5px 0 #cfb1e2;height:68px;font-weight:800}.number-choice[aria-pressed=true]{background:linear-gradient(#ffe866,#ffc32b);border-color:#fff4bc;color:#713806;box-shadow:0 5px 0 #d18a18,0 0 0 3px #ffc72c60}.primary-button{background:linear-gradient(#ff6eb5,#ff3690);box-shadow:0 6px 0 #c8186a,inset 0 2px 0 #ffb0d6;text-shadow:0 2px 0 #d12774;border-radius:16px;font-weight:800;font-size:18px}.primary-button:hover{background:linear-gradient(#ff84c2,#ff489d)}.drop-button{margin-top:18px;padding:16px}.game-tip{color:#8359aa;font-weight:600;margin-top:20px}.journey-card{background:linear-gradient(145deg,#a967fb,#7539dd);border:3px solid white;box-shadow:0 7px 0 #6033b6}.journey-card h2{color:white;text-shadow:0 3px 0 #6632ab}.journey-card .small-label,.tiny-plus,.journey-footer{color:#e0caff}.journey-step{background:#ffffff30;color:#fff}.journey-step.active{background:#ffdb37;color:#854706;box-shadow:0 0 0 4px #ffffff30}.journey-step.done{background:#42e5b6;color:#225a44}.journey-line{background:#ffffff30}.journey-line>div{background:#ffde37}.outline-button{border:2px solid #ffffff65;color:white;font-weight:700;background:#ffffff10}.outline-button:hover{background:#ffffff25}.rule-mark{background:#3cdeaf;color:white;box-shadow:0 4px 0 #20a07f}.rule-card h3{color:#67419c}.rule-card p{color:#8e6eaa}.rule-card .rule-note{color:#a083b5}.restart-button{color:#875aa9;font-weight:600}.prototype-note{color:#b394ca}.hear-button{width:100%;border:0;background:#cfb2ff;color:#583193;padding:10px;margin-top:17px;border-radius:13px;box-shadow:0 3px 0 #aa82e4;font-weight:700}.hear-button[hidden]{display:none}footer{color:#a083b7}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.mode-tile{display:flex;align-items:center;gap:13px;text-align:left;padding:20px 16px;border-radius:20px;border:3px solid white;box-shadow:0 5px 0 #0002;color:white;min-height:105px}.mode-tile:hover{transform:translateY(-3px)}.mode-symbol{font:800 43px Outfit,sans-serif;min-width:44px;text-align:center;text-shadow:0 3px 0 #0002}.mode-tile b{font:700 19px Outfit,sans-serif;display:block}.mode-tile small{display:block;font-size:13px;line-height:1.5;margin-top:5px;color:#ffffffde}.mode-add{background:linear-gradient(145deg,#35cda3,#10a78c)}.mode-subtract{background:linear-gradient(145deg,#ff7eb6,#ef3989)}.mode-multiply{background:linear-gradient(145deg,#a57afa,#7140df)}.mode-divide{background:linear-gradient(145deg,#36c7f7,#1489da)}.mode-words{grid-column:1/-1;background:linear-gradient(120deg,#ffb41f,#ff7c39)}.mode-words .mode-symbol{font-size:30px;min-width:64px}.menu-note{font-size:13px;text-align:center;color:#9e7cb9}.word-source{font-size:12px;text-align:center;color:#a88cba}.word-source a{color:#8555b0}dialog{background:#fff9ff;border:4px solid white;max-width:630px;box-shadow:0 12px 0 #8d59c5,0 35px 100px #30115650}dialog::backdrop{background:#301156a0}.level-grid.word-grid{grid-template-columns:repeat(4,1fr)}.word-grid button{padding:4px;font-size:13px;overflow-wrap:anywhere;height:auto;min-height:38px}#wordGroup{font:inherit;font-size:14px;border:2px solid #d9c2ed;border-radius:10px;color:#8153a5;padding:9px;background:white;width:100%;margin-top:8px}.level-grid button{background:#eee0ff;color:#8753b7}.level-grid button.active{background:#9d56ef}.pop-shake{animation:pop-shake .33s ease-out}@keyframes pop-shake{0%,100%{transform:translate(0,0)}25%{transform:translate(-5px,-3px)}50%{transform:translate(5px,2px)}75%{transform:translate(-3px,1px)}}body[data-mode=words] .target-number{font-size:38px;margin:20px 0}body[data-mode=words] .game-top p{font-size:22px}body[data-mode=words] .target-chip{max-width:180px}body[data-mode=words] .target-chip b{font-size:18px}
@media(max-width:1100px){.left-panel h1{font-size:51px}.header-right{gap:12px}.mode-tile b{font-size:17px}}@media(max-width:900px){.right-panel .journey-card{background:transparent;border:0;box-shadow:none}.right-panel .outline-button{color:#804ca8;background:#f4e1ff;border:2px solid white}}@media(max-width:600px){.header{height:77px}.brand{font-size:28px}.header-right{gap:10px}.addition-pill{display:none}.menu-button{padding:9px 12px;font-size:14px;border-radius:11px}.game-top{padding-top:4px;padding-bottom:12px}.arena-wrap{border-width:5px;border-radius:25px}.number-tray{padding-top:19px}.number-choice{height:54px}.drop-button{padding:13px}.arena-hud{left:12px;right:12px;top:13px}.pop-progress{max-width:175px}.aim-instruction{top:99px;font-size:9px}.game-tip{min-height:20px;margin-top:16px}.right-panel{margin-top:2px}.right-panel .outline-button{padding:9px 12px;font-size:13px}.mode-grid{gap:12px;margin:20px 0}.mode-tile{padding:16px 10px;flex-direction:column;text-align:center;gap:4px;min-height:145px}.mode-tile b{font-size:17px}.mode-tile small{font-size:12px}.mode-words{flex-direction:row;text-align:left;min-height:95px;gap:14px;padding-left:18px}dialog{padding:19px}.level-grid.word-grid{grid-template-columns:repeat(3,1fr)}.equation-toast{font-size:23px;padding:12px 16px}body[data-mode=words] .game-top p{font-size:20px}.header{max-width:440px;margin:auto}}
@media(prefers-reduced-motion:reduce){.pop-shake{animation:none}.mode-tile:hover{transform:none}}
/* A bright, welcoming classroom */
[hidden]{display:none!important}:root{background:#edf7fd;color:#264567}body{background:linear-gradient(180deg,#f9fdff 0,#edf7fd 70%,#fff7e4);color:#264567}.header{background:#fff;max-width:none;border-bottom:4px solid #f6c53b;height:90px;padding-left:max(24px,calc((100vw - 1220px)/2));padding-right:max(24px,calc((100vw - 1220px)/2))}.brand{color:#1385cc}.brand>span:not(.brand-icon){color:#ed5347}.brand-icon{background:linear-gradient(#3aa5e7,#187fbc);box-shadow:0 4px 0 #116396}.brand i{background:#f4c43c}.menu-button{background:#f8c942;color:#62400c;box-shadow:0 4px 0 #d8a62a;border:2px solid #ffdc67;border-radius:12px}.addition-pill{color:#2b7ea8;background:#e5f3fc;border-color:#d4e9f6}.icon-button{color:#39759c;border:1px solid #dce9ef;box-shadow:0 3px 0 #d3e3ed}.classroom-nav{display:flex;justify-content:center;gap:16px;padding:19px 16px;background:#fff;border-bottom:1px solid #dfedf5}.classroom-nav button{font:800 19px Outfit,sans-serif;border:2px solid #e1edf4;background:#f3f8fc;color:#5386a7;display:flex;align-items:center;gap:11px;border-radius:15px;padding:12px 23px;min-width:190px;justify-content:center}.classroom-nav button span{font:700 15px 'DM Sans',sans-serif}.classroom-nav button.active{background:#148bd2;border-color:#148bd2;color:#fff;box-shadow:0 4px 0 #096da6}.classroom-nav button:nth-child(2).active{background:#47ad6e;border-color:#47ad6e;box-shadow:0 4px 0 #308553}.classroom-nav button:nth-child(3).active{background:#ec7050;border-color:#ec7050;box-shadow:0 4px 0 #bf563b}.layout{margin-top:29px}.eyebrow{color:#7597ac;letter-spacing:1.2px}.left-panel h1{color:#275c85;font-size:47px;line-height:1.09;letter-spacing:-1.3px}.left-panel h1>span{color:#eea62d;text-shadow:none}.intro{color:#7b99ac}.target-card{border:2px solid #fff;background:#fff;box-shadow:0 6px 0 #d5e6ef;border-radius:21px}.small-label{color:#7d9caf}.target-number{color:#1c8dcf;text-shadow:none}.sample-equation{background:#fff2c8;color:#946623;box-shadow:none;border:1px solid #f6df9a}.how-to h2,.how-to b{color:#396683}.how-to p{color:#7995a6}.how-to li>span{background:#f2c13a;color:#fff;box-shadow:0 3px 0 #d1a124}.game-top p{color:#245b85}.level-label{color:#7a9caf}.level-label b{color:#2379ae}.pause{background:#f8cd50;color:#785a21;box-shadow:0 3px 0 #d9b13d}.arena-wrap{border:6px solid white;box-shadow:0 8px 0 #bfdcea,0 18px 36px #3c718414;border-radius:24px;background:#197fbf}.target-chip{color:#679bc0;box-shadow:0 3px 0 #8bbade}.target-chip b{color:#2c77a4}.pop-progress>span{color:#75a7d1;text-shadow:none}.pop-progress>span.complete{color:#ffe174;text-shadow:0 2px 0 #b68526}.aim-instruction{color:#d4eafe}.number-choice{background:#fff;border-color:white;color:#4488b9;box-shadow:0 4px 0 #c9ddea;border-radius:15px}.number-choice[aria-pressed=true]{background:#fff1bd;border-color:#eebc34;box-shadow:0 4px 0 #d6a623;color:#82600e}.primary-button{background:linear-gradient(#f4b543,#e99f27);border:1px solid #eca323;box-shadow:0 5px 0 #c98a22,inset 0 1px 0 #ffdb8b;color:#fff;text-shadow:0 1px 0 #c0821e}.primary-button:hover{background:#f2b342}.tray-heading{color:#6d94ac}.selected-label{color:#8faab9}.game-tip{color:#4e7f99}.journey-card{background:#fff;border:2px solid #d7eaf5;box-shadow:0 5px 0 #c5dfed;border-radius:22px}.journey-card h2{color:#3a749a;text-shadow:none}.journey-card .small-label,.tiny-plus,.journey-footer{color:#82a8bd}.journey-step{background:#e4f0f7;color:#7ca0b4}.journey-step.active{background:#f2c540;color:#856112;box-shadow:0 0 0 4px #fff0b5}.journey-step.done{background:#c1e9cf;color:#39804c}.journey-line{background:#e6f1f7}.journey-line>div{background:#6ab982}.outline-button{background:#edf7fc;border:1px solid #cfe5f1;color:#4c87a8}.outline-button:hover{background:#e1f1fa}.rule-mark{background:#66b681;box-shadow:0 3px 0 #469060}.rule-card h3{color:#47708a}.rule-card p,.rule-card .rule-note{color:#8aa1af}.restart-button{color:#6089a0}.prototype-note{color:#a4bac6}.hear-button{background:#ddf1e4;color:#4b8a61;box-shadow:0 3px 0 #acd7b9}.overlay{background:linear-gradient(#1e8bcbeF,#12679bf7)}.overlay .eyebrow,.overlay p:not(.eyebrow){color:#d9effe}.overlay h2{text-shadow:0 2px 0 #0d5d8d}.text-button{color:#ddf0fe}footer{color:#94aebe;border-top:1px solid #dcecf5}.word-stage{position:absolute;inset:0;background:linear-gradient(#fffefa,#fff9e9);z-index:3;display:flex;flex-direction:column;align-items:center;padding:18px 15px 12px}.word-stage-heading{color:#739594;font-size:14px;font-weight:700;text-align:center;line-height:1.4}.word-picture{width:230px;height:220px;margin:10px auto 3px;display:grid;place-items:center}.word-picture svg{display:block;width:100%;height:100%;overflow:hidden}.word-listen{padding:9px 18px;border:0;border-radius:20px;background:#dcedfa;color:#337caa;font-size:14px;font-weight:700;box-shadow:0 3px 0 #c3deef}.word-slots{display:flex;gap:9px;justify-content:center;max-width:100%;margin:24px 0 0}.word-slot{width:clamp(20px,calc(280px/var(--letters)),60px);height:66px;display:grid;place-items:center;font:800 clamp(17px,calc(170px/var(--letters)),44px) Outfit,sans-serif;color:#315775;border-radius:12px;background:#fff;box-shadow:0 4px 0 #e5e9db;border:2px solid #e4e9dc}.word-slot.missing{border:2px dashed #eacb65;background:#fff3c9;color:#c6a841}.word-feedback{font-weight:800;font-size:19px;color:#8e957c;margin:16px 0 0}.word-stage.wrong .word-slot{color:#d94a43;border-color:#f0b3ac;background:#fff0ee}.word-stage.wrong .word-feedback{color:#d94a43}.word-stage.correct .word-slot{color:#2d9157;border-color:#8bc59d;background:#e7f5e9}.word-stage.correct .word-feedback{color:#2d9157}.falling-letter{position:absolute;top:18px;transform:translateX(-50%);border-radius:13px;background:#f7cc4c;color:#634818;border:3px solid #fff1af;box-shadow:0 5px 0 #d5a632;padding:7px 15px;font:800 35px Outfit,sans-serif;z-index:6}.falling-letter.drop-in{animation:letter-fall 1s cubic-bezier(.45,.05,.75,1) forwards}@keyframes letter-fall{0%{transform:translate(-50%,0) rotate(-6deg)}85%{transform:translate(-50%,var(--landing)) rotate(4deg)}100%{transform:translate(-50%,var(--landing)) rotate(0)}}body[data-mode=words] .arena-hud,body[data-mode=words] .aim-instruction,body[data-mode=words] .equation-toast,body[data-mode=words] #spheres{display:none}body[data-mode=words] #effects{z-index:4}body[data-mode=words] #hearWord,body[data-mode=words] #drop{display:none}body[data-mode=words] .selected-label{display:none}body[data-mode=words] .number-choice{font-size:35px}body[data-mode=words] .target-number{color:#53a36d;font-size:42px}body[data-mode=words] .game-top p{font-size:25px}.mode-add{background:#4baf77}.mode-subtract{background:#ee7658}.mode-multiply{background:#5d9dde}.mode-divide{background:#e8b53a}.mode-words{background:#4598ba}.mode-tile{box-shadow:0 4px 0 #0001}.mode-symbol{text-shadow:none}.mode-tile:hover{transform:translateY(-2px)}dialog{background:#fffdfa;border:4px solid white;box-shadow:0 8px 0 #90b5c9,0 30px 80px #20486430;color:#315575}dialog::backdrop{background:#1e456784}.menu-note,.word-source{color:#8aa5b6}.word-source a{color:#4b8fb3}.creative-menu-button{border:0;border-radius:14px;background:#fff0c0;color:#a27a23;font-weight:800;font-size:17px;width:100%;padding:16px;box-shadow:0 4px 0 #e8d38c}.level-grid button{background:#ebf5fa;color:#568aab}.level-grid button.active{background:#3c99c9}#wordGroup{border-color:#d2e4ee;color:#4d7d99}.play-section{max-width:1180px;margin:28px auto 40px;padding:0 26px}.play-heading{text-align:center}.play-heading .eyebrow{margin:0 0 8px}.play-heading h1{font:700 38px Outfit,sans-serif;letter-spacing:-1px;color:#2a6793;margin:0}.play-heading>p:last-child{color:#7c9aad;font-size:16px;margin:12px 0 27px}.play-activities{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.activity-card{background:#fff;border:3px solid white;border-radius:23px;box-shadow:0 7px 0 #cfdfeb;padding:26px 22px;text-align:left;color:#2e627f;display:flex;flex-direction:column;gap:11px;min-height:250px}.activity-card:hover{transform:translateY(-3px)}.activity-card b{font:700 23px Outfit,sans-serif}.activity-card small{font-size:15px;color:#8a9fab;line-height:1.5}.activity-icon{width:68px;height:68px;border-radius:20px;background:#e5f2fc;color:#298ad0;font:800 29px Outfit,sans-serif;display:grid;place-items:center}.activity-enter{font-size:14px;font-weight:700;color:#538fb0;margin-top:auto;padding-top:8px}.activity-numbers .activity-icon{background:#fff0bd;color:#d49621}.activity-color .activity-icon{background:#e4f4e8;color:#56a673}.activity-paint .activity-icon{background:#ffe7e1;color:#e16d51}.activity-build .activity-icon{background:#f0e8fc;color:#9073b9}.activity-cook .activity-icon{background:#fff0d8;color:#de9842}.activity-workspace{background:#fff;border:3px solid #fff;border-radius:24px;box-shadow:0 7px 0 #cfdfeb;padding:26px 30px;margin:0 auto;max-width:940px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e7f0f5;padding-bottom:18px}.workspace-heading h2{font:700 30px Outfit,sans-serif;color:#346d95;margin:6px 0 0}.workspace-heading .eyebrow{margin:0;font-size:12px}.workspace-heading .outline-button{width:auto;flex-shrink:0;margin:0;font-size:14px}.activity-instructions{font-size:18px;line-height:1.6;color:#5f879f;text-align:center;margin:22px 0}.activity-tools{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;align-items:center;margin:18px 0}.activity-tools label{font-size:14px;color:#6d91a7;display:flex;gap:8px;align-items:center}.activity-tools select{font:700 15px 'DM Sans',sans-serif;color:#477d9e;background:#eff7fc;border:1px solid #cfe4ef;border-radius:10px;padding:9px}.activity-tools input[type=range]{max-width:110px;accent-color:#248cca}.secondary-button{background:#edf6fb;border:1px solid #cde3ef;border-radius:11px;color:#5587a4;padding:10px 16px;font-size:14px;font-weight:700;box-shadow:0 3px 0 #d1e5ef}.creative-canvas{width:100%;height:auto;aspect-ratio:auto;display:block;touch-action:none;max-height:none;background:#fff;border:3px solid #dbeaf3;border-radius:19px;margin:15px auto}.trace-canvas{max-width:680px;background:#fbfdff}.activity-feedback{font-weight:700;font-size:17px;color:#8b9f7c;text-align:center;line-height:1.5;min-height:26px;margin:18px 0 6px}.activity-feedback.success{color:#3c9860}.trace-meter{height:9px;border-radius:9px;background:#e7f1f7;max-width:600px;margin:20px auto 0;overflow:hidden}.trace-meter>div{height:100%;width:0;background:#5bb87c;border-radius:9px;transition:width .3s}.color-palette{display:flex;gap:15px;justify-content:center;margin:19px 0}.swatch{width:40px;height:40px;background:var(--swatch);border:3px solid white;border-radius:50%;box-shadow:0 0 0 2px #e2edf4}.swatch.selected{box-shadow:0 0 0 3px #6a879a;transform:scale(1.08)}.block-palette{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.block-choice{background:var(--block);border:3px solid white;box-shadow:0 3px 0 #0002;border-radius:12px;padding:10px 15px;text-transform:capitalize;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 1px #0005}.block-choice:last-child{color:#6d8a9e;text-shadow:none;border-color:#e1ecf3}.block-choice.selected{outline:3px solid #678a9e;outline-offset:2px}.building-boards{display:flex;justify-content:center;gap:55px;margin:26px 0}.building-boards h3{text-align:center;color:#5d8ba7;font:600 20px Outfit,sans-serif}.block-board{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px;background:#f0f7fb;border-radius:15px;width:260px}.block-cell{height:51px;border:2px solid #ffffffa0;border-radius:9px;box-shadow:0 3px 0 #0001}.block-cell.empty{background:#fff;border:2px dashed #d1e1eb;box-shadow:none}.block-cell.red{background:#ed4d45}.block-cell.blue{background:#198ee7}.block-cell.yellow{background:#f7c733}.block-cell.green{background:#45ae6f}.recipe-card{background:#fff7dc;border:2px solid #f8e6a5;border-radius:17px;padding:16px 23px;display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap;color:#9a813e;font-size:15px}.recipe-card h3{font:600 19px Outfit,sans-serif;margin:0}.recipe-card div{display:flex;gap:7px;align-items:center}.recipe-card div>span{font-size:26px}.ingredient-buttons{display:flex;gap:18px;justify-content:center;margin:24px 0}.ingredient-buttons button{background:#f0f8fc;border:2px solid #dfeef6;border-radius:18px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 12px;flex:1;max-width:200px;color:#5888a5}.ingredient-buttons button>span{font-size:46px}.ingredient-buttons b{font-size:14px}.ingredient-buttons small{font-size:14px;color:#84a2b3}.mixing-bowl{text-align:center;color:#6790a7}.mixing-bowl>span{font-size:65px}.mixing-bowl p{font-size:17px;font-weight:700;margin:10px 0}.activity-cheer{animation:workspace-cheer .45s}@keyframes workspace-cheer{50%{box-shadow:0 7px 0 #87c997,0 0 0 7px #d9f4dd;transform:scale(1.007)}}
@media(max-width:1100px){.left-panel h1{font-size:39px}.classroom-nav button{min-width:175px}}@media(max-width:900px){.right-panel .outline-button{background:#edf7fc;color:#527e97;border:1px solid #cde2ec}.play-activities{gap:16px}.activity-card{padding:20px 16px}.building-boards{gap:25px}}@media(max-width:600px){.header{height:74px;padding:0 17px;max-width:none}.brand{font-size:27px}.classroom-nav{padding:13px 10px;gap:8px}.classroom-nav button{min-width:0;padding:10px 11px;flex:1;gap:5px;font-size:16px;border-radius:12px;flex-direction:column}.classroom-nav button span{font-size:12px;white-space:nowrap}.layout{margin-top:15px}.arena-wrap{border-width:5px}.word-stage{padding:17px 12px 9px}.word-picture{width:210px;height:195px;margin:8px auto 1px}.word-slots{gap:6px;margin-top:22px}.word-slot{height:58px;width:clamp(16px,calc(250px/var(--letters)),54px);font-size:clamp(14px,calc(150px/var(--letters)),39px)}.word-feedback{font-size:18px;margin-top:14px}.word-stage-heading{font-size:13px}.play-section{padding:0 14px;margin-top:24px}.play-heading h1{font-size:29px}.play-heading>p:last-child{font-size:14px;margin-bottom:22px}.play-activities{grid-template-columns:repeat(2,1fr);gap:15px}.activity-card{padding:17px 13px;min-height:225px;border-radius:19px}.activity-card b{font-size:20px}.activity-card small{font-size:13px}.activity-icon{width:57px;height:57px;font-size:25px;border-radius:17px}.activity-enter{font-size:13px}.activity-workspace{padding:18px 12px}.workspace-heading{align-items:flex-start;gap:10px}.workspace-heading h2{font-size:24px}.workspace-heading .eyebrow{font-size:10px}.workspace-heading .outline-button{padding:9px;font-size:12px}.activity-instructions{font-size:16px;margin:18px 0}.activity-tools{gap:9px}.activity-tools label{font-size:13px}.activity-tools select{font-size:13px;max-width:155px}.secondary-button{font-size:13px;padding:9px 12px}.activity-tools .primary-button{font-size:15px;padding:12px 15px}.color-palette{gap:12px}.swatch{width:34px;height:34px}.building-boards{gap:10px;margin:18px 0}.building-boards>div{width:50%}.block-board{width:100%;gap:4px;padding:7px}.block-cell{height:35px;border-radius:6px}.building-boards h3{font-size:17px}.block-choice{padding:9px;font-size:12px}.block-palette{gap:7px}.recipe-card{padding:13px 10px;gap:11px;font-size:13px}.recipe-card h3{width:100%;text-align:center;font-size:18px}.recipe-card div>span{font-size:23px}.ingredient-buttons{gap:9px;margin:20px 0}.ingredient-buttons button{padding:13px 7px;border-radius:14px}.ingredient-buttons button>span{font-size:36px}.ingredient-buttons b{font-size:12px}.ingredient-buttons small{font-size:12px}.activity-feedback{font-size:15px}.mixing-bowl p{font-size:15px}.falling-letter{font-size:30px}.menu-button{font-size:13px}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.falling-letter.drop-in{animation:none;transform:translate(-50%,var(--landing))}.activity-cheer{animation:none}}
/* Immersive gameplay: the menu is an overlay, not a side panel. */
body{margin:0;overscroll-behavior:none}.header{position:fixed;top:0;left:0;right:0;height:0;padding:0;border:0;background:transparent;z-index:40;pointer-events:none}.header>.brand,.header .addition-pill,.header #sound,.classroom-nav,footer{display:none}.header-right{display:block;pointer-events:none}.floating-menu{position:fixed;top:calc(12px + env(safe-area-inset-top));left:14px;pointer-events:auto;z-index:40;background:#ffffffeb;border:1px solid #d9e8f0;box-shadow:0 4px 15px #0a345030;color:#2c789c;padding:10px 14px;font-size:15px;backdrop-filter:blur(12px)}.layout{position:fixed;inset:0;display:block;width:100%;max-width:none;margin:0;padding:0;overflow:hidden}.left-panel,.right-panel{display:none}.game-column{position:relative;width:100%;height:100dvh;overflow:hidden}.game-top{position:absolute;top:calc(10px + env(safe-area-inset-top));left:110px;right:14px;z-index:9;padding:0;align-items:flex-start;pointer-events:none;gap:12px}.game-top>div{display:flex;flex-direction:column;gap:2px;text-align:right;margin-left:auto}.game-top .style-name{font:700 16px Outfit,sans-serif;color:#edf9ff;letter-spacing:.1px}.level-label,.level-label b,.out-of{color:#c7e6fb;font-size:12px}.game-top p{display:none}.game-top .pause{pointer-events:auto;background:#ffffffd9;box-shadow:none;color:#3b7699;width:36px;height:36px;border:1px solid #ffffff60}.arena-wrap{position:absolute;inset:0 0 calc(156px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none;overflow:hidden;background:linear-gradient(#267fc5,#074d89)}#game,#spheres,#effects{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;aspect-ratio:auto;margin:0;border:0}.arena-hud{top:calc(75px + env(safe-area-inset-top));left:16px;right:16px}.target-chip{padding:7px 10px;background:#ffffffd9;box-shadow:none;border-radius:10px;font-size:11px}.target-chip b{font-size:24px}.pop-progress{max-width:none}.aim-instruction{display:none}.number-tray{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:620px;z-index:8;padding:12px 14px;background:#f4fbffeF;border-radius:21px;box-shadow:0 5px 22px #143d5e20;border:1px solid #ffffffc0}.tray-heading{margin-bottom:9px;font-size:11px}.number-choice{height:47px;font-size:28px;border-radius:12px;box-shadow:0 3px 0 #c9ddea}.number-choice small{font-size:10px;top:4px}.drop-button{margin-top:10px;padding:10px 17px;font-size:16px;border-radius:12px;box-shadow:0 3px 0 #c98a22}.game-tip,#hearWord{display:none!important}.overlay{position:fixed;inset:0;z-index:35;padding:28px;background:linear-gradient(#1e8bcbee,#12679bfa);backdrop-filter:blur(8px)}.overlay-content{max-width:430px;width:100%}.word-stage{width:400px;height:510px;position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);transform-origin:center center;justify-content:center;padding:20px 15px;background:transparent}.word-picture{width:225px;height:210px;margin:10px auto 4px}.word-slots{margin-top:20px}.word-slot{height:65px;max-width:60px}.word-feedback{margin-top:17px;font-size:19px}.falling-letter{top:18px}.word-stage-heading{font-size:14px}body[data-mode=words][data-style=bubble] .arena-wrap{background:linear-gradient(#fffcf2,#fcf1d5)}body[data-mode=words][data-style=bubble] .style-name{color:#628a75}body[data-mode=words][data-style=bubble] .level-label,body[data-mode=words][data-style=bubble] .out-of,body[data-mode=words][data-style=bubble] .level-label b{color:#8fa99a}body[data-mode=words] .arena-wrap{bottom:calc(100px + env(safe-area-inset-bottom))}body[data-mode=words] .number-tray{padding:12px 14px}body[data-mode=words] .number-choice{height:50px;font-size:34px}body[data-style=blaster] .arena-wrap{background:linear-gradient(#152648,#071329)}body[data-style=blaster] .number-tray{background:#132c47f5;border-color:#3e6c8a;box-shadow:0 0 22px #3ddaff15}body[data-style=blaster] .tray-heading,body[data-style=blaster] .selected-label{color:#8fdbea}body[data-style=blaster] .number-choice{background:#203f5c;border-color:#355878;color:#ddf8ff;box-shadow:0 3px 0 #071d32}body[data-style=blaster] .number-choice[aria-pressed=true]{background:#238b9e;border-color:#60dfe9;box-shadow:0 3px 0 #086575;color:#fff}body[data-style=blaster] .primary-button{background:linear-gradient(#3dcce0,#199bbd);border-color:#33bfd5;box-shadow:0 3px 0 #09779b;text-shadow:none}body[data-style=blocks] .arena-wrap{background:linear-gradient(#255b43,#123d31)}body[data-style=blocks] .number-tray{background:#fff3d6f5;border-color:#f2dda5}body[data-style=blocks] .number-choice{background:#fff9e9;color:#715b2d;border-color:#fff9ed}body[data-style=blocks] .number-choice[aria-pressed=true]{background:#ffe15e;color:#614710;border-color:#d9ad2f}body[data-mode=words][data-style=blaster] .word-stage-heading,body[data-mode=words][data-style=blocks] .word-stage-heading{color:#b9e1e6}body[data-mode=words][data-style=blaster] .word-picture,body[data-mode=words][data-style=blocks] .word-picture{background:#fffffff0;border-radius:25px;padding:6px}body[data-mode=words][data-style=blaster] .word-feedback,body[data-mode=words][data-style=blocks] .word-feedback{color:#dceaf7}body[data-mode=words] .word-stage.wrong .word-feedback{color:#ff837a}body[data-mode=words] .word-stage.correct .word-feedback{color:#81de9f}body[data-mode=words][data-style=blocks] .word-slot{border-radius:5px;box-shadow:0 5px 0 #829779}body[data-mode=words][data-style=blocks] .word-stage.correct .word-slots{animation:row-clear .6s ease-out 2}@keyframes row-clear{50%{box-shadow:0 0 30px #c9ff98;transform:scale(1.03)}}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 23px}.style-tile{display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid #d9e7ef;border-radius:17px;padding:16px 10px;background:#f1f7fb;color:#487d9c}.style-tile>span{font:800 30px Outfit}.style-tile b{font-size:14px}.style-tile small{font-size:12px;line-height:1.4}.style-tile[aria-pressed=true]{border-color:#efb732;background:#fff4c9;box-shadow:0 3px 0 #e0bc4d;color:#8b6c23}.style-tile[data-style=blaster]{background:#183149;color:#a7eaf6;border-color:#385e7d}.style-tile[data-style=blocks]{background:#275841;color:#dbebc6;border-color:#58836b}.style-tile[data-style=blaster][aria-pressed=true]{border-color:#50dfed;box-shadow:0 3px 0 #309eac}.style-tile[data-style=blocks][aria-pressed=true]{border-color:#e9ce70;box-shadow:0 3px 0 #b8a154}.menu-section-title{font:600 18px Outfit,sans-serif;color:#6a8ca1;margin:17px 0 0}.menu-credit{font-size:14px;color:#8ba3b0;margin:7px 0 0}.menu-shortcuts{display:flex;gap:12px;justify-content:center;margin:18px 0}.menu-shortcuts button{flex:1}.menu-settings{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin:18px 0;color:#6d93a8;font-size:13px}.menu-settings label{display:flex;gap:7px;align-items:center}.menu-settings input{accent-color:#288ab9;width:17px;height:17px}.menu-settings .text-button{color:#6b97ac;margin:0}.level-up-progress{background:#ffffff30;height:11px;border-radius:12px;overflow:hidden;margin:22px auto;max-width:300px}.level-up-progress>div{height:100%;width:0;background:#ffdf59;border-radius:12px}.leveling-up .celebrate-symbol{animation:level-up-vibrate .15s infinite}.leveling-up h2{color:#ffe577}@keyframes level-up-vibrate{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-2px) rotate(-2deg)}75%{transform:translateX(2px) rotate(2deg)}}.play-section{padding-top:65px;margin-top:0;padding-bottom:calc(25px + env(safe-area-inset-bottom))}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}dialog::backdrop{backdrop-filter:blur(8px)}.mode-grid{margin:15px 0;gap:12px}.mode-tile{min-height:83px;padding:15px 12px}.mode-words{min-height:75px}.creative-menu-button{padding:14px;font-size:16px}.brand-title small{display:block;font-size:12px;letter-spacing:0;color:#85a4b5}.style-name{display:block}.menu-note,.word-source{font-size:12px}
@media(min-width:900px){.number-tray{max-width:670px}.number-choice{height:53px}.arena-wrap{bottom:176px}.game-top{right:23px}.floating-menu{left:23px}.arena-hud{left:25px;right:25px}.play-section{max-width:1250px}.word-stage{padding-top:20px}}@media(max-width:600px){.floating-menu{padding:9px 11px;left:11px;font-size:14px}.game-top{left:92px;right:11px}.game-top .style-name{font-size:15px}.arena-hud{left:11px;right:11px;top:calc(69px + env(safe-area-inset-top))}.number-tray{width:calc(100% - 18px);padding:10px 12px;bottom:calc(7px + env(safe-area-inset-bottom))}.number-choice{height:44px}.drop-button{padding:9px;margin-top:9px}.arena-wrap{bottom:calc(145px + env(safe-area-inset-bottom))}.style-grid{gap:8px}.style-tile{padding:13px 6px;border-radius:14px}.style-tile b{font-size:12px}.style-tile small{font-size:11px}.style-tile>span{font-size:27px}.mode-tile{min-height:113px;padding:12px 8px}.mode-words{min-height:77px}.menu-shortcuts{gap:8px}.menu-shortcuts button{font-size:12px;padding:9px}.menu-settings{font-size:12px;gap:8px}.word-stage{padding-top:20px}.word-picture{height:210px;width:225px}.word-slot{height:65px}.word-slots{gap:8px;margin-top:20px}.word-stage-heading{font-size:14px}.word-feedback{font-size:19px}.play-heading{padding-top:12px}.play-heading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.leveling-up .celebrate-symbol,.word-stage.correct .word-slots{animation:none}}

/* Table facts share the fullscreen arena with every game style. */
.round-label{font-size:11px;font-weight:800;color:#ffe17a;letter-spacing:.4px}body[data-curriculum=table] .target-chip{gap:7px;max-width:calc(100% - 78px)}body[data-curriculum=table] .target-chip b{max-width:none;white-space:nowrap;font-size:clamp(15px,4vw,23px)}.pop-progress>span.table-progress{width:auto;height:auto;padding:7px 9px;font:700 12px 'DM Sans',sans-serif;background:#ffffff20;border-radius:10px;color:#f5e793;text-shadow:none}.table-options{border:1px solid #dce9ef;background:#edf7fc;padding:0 14px 15px;border-radius:16px;margin-bottom:19px}.table-options p{color:#648a9e;font-size:13px;line-height:1.5}.pattern-toggle{display:flex;gap:8px;margin-top:12px}.pattern-toggle button{flex:1;background:#fff;border:2px solid #d2e4ec;border-radius:12px;padding:11px 7px;font-weight:700;color:#668b9e}.pattern-toggle button[aria-pressed=true]{background:#ffe48b;border-color:#e7c053;color:#725618}.table-chart-scroll{overflow-x:auto;padding-bottom:8px}.table-chart{border-collapse:separate;border-spacing:3px;width:100%;min-width:510px;text-align:center;font-size:12px;color:#4f819b}.table-chart th{padding:7px 4px;background:#e8f3f9;border-radius:6px}.table-chart td{padding:0}.table-chart button{width:100%;min-width:31px;border:0;background:#eef6fa;border-radius:5px;color:#477c96;font:700 12px 'DM Sans';padding:8px 2px}.table-chart tr:nth-child(even) button{background:#e0f0f8}.table-chart button.active{background:#ffdc6a!important;color:#695218}.table-chart button:hover{background:#ffedb1!important}#tableChartSection>p{color:#7897a7;font-size:13px;line-height:1.5}body[data-curriculum=table] .level-grid{grid-template-columns:repeat(4,1fr)}body[data-curriculum=table] .level-grid button{font-size:13px}
/* LearnSmart: luminous learning studio */
:root{color-scheme:dark;--ice:#71ecff;--violet:#ac89ff;--panel:#132041}body{background:#080e23;color:#eef5ff;font-family:'DM Sans',sans-serif}body::before{content:'';position:fixed;inset:0;background:url('future-arena.webp') center/cover no-repeat;z-index:-1}.arena-wrap,body[data-style=blaster] .arena-wrap,body[data-style=blocks] .arena-wrap,body[data-mode=words][data-style=bubble] .arena-wrap{background:linear-gradient(#08102725,#08102755),url('future-arena.webp') center/cover no-repeat}.arena-wrap{bottom:calc(158px + env(safe-area-inset-bottom))}body[data-style=blocks] .arena-wrap{filter:none}body[data-style=blocks] .arena-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,#8f44ce15,#32107815);pointer-events:none}.floating-menu{background:#162343c9;color:#e9f8ff;border:1px solid #8ccaff45;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff25,0 8px 25px #03071650;font-size:15px;backdrop-filter:blur(18px)}.game-top .style-name{font-size:17px;color:#e6f8ff}.game-top .pause{background:#182748b0;color:#d2edff;border:1px solid #a7d8ff35;border-radius:13px}.level-label,.level-label b,.out-of{color:#bbcae5!important}.round-label{color:#7deaff}.arena-hud{top:calc(78px + env(safe-area-inset-top))}.target-chip{background:#142242c9;border:1px solid #70c6eb40;color:#a4c8e5;padding:9px 12px;box-shadow:inset 0 1px 0 #ffffff20;backdrop-filter:blur(12px)}.target-chip b{color:#f0fcff}.pop-progress>span{color:#68769f;text-shadow:none}.pop-progress>span.complete{color:#6de8e1;text-shadow:0 0 18px #66d9ff80}.number-tray,body[data-style=blaster] .number-tray,body[data-style=blocks] .number-tray{background:linear-gradient(145deg,#1a2c4fec,#121a35f5);border:1px solid #8fc5ff38;box-shadow:inset 0 1px 0 #ffffff18,0 15px 40px #03091d80;backdrop-filter:blur(22px);border-radius:24px;max-width:660px;padding:14px 18px}.tray-heading,body[data-style=blaster] .tray-heading{color:#b6cbea;font-size:12px;letter-spacing:1.2px}.selected-label{display:none}.number-choice,body[data-style=blaster] .number-choice,body[data-style=blocks] .number-choice{background:linear-gradient(145deg,#3c5278,#1b294c);color:#fff;border:1px solid #99b9e557;box-shadow:0 5px 0 #070f27,inset 0 1px 0 #c7eaff35;font-weight:800;height:55px;border-radius:15px;transition:transform .15s,filter .15s}.number-choice:hover{filter:brightness(1.2);transform:translateY(-2px)}.number-choice[aria-pressed=true],body[data-style=blaster] .number-choice[aria-pressed=true],body[data-style=blocks] .number-choice[aria-pressed=true]{background:linear-gradient(135deg,#387dc0,#514db0);border-color:#a8e6ff;color:white;box-shadow:0 5px 0 #16254e,0 0 20px #69b4ff25,inset 0 1px 0 #ffffff60}.number-choice small{color:#b4d0eb}.number-choice:disabled{opacity:.62;transform:none}.primary-button{background:linear-gradient(120deg,#49bdf0,#8b77ef);border:1px solid #b9ddff70;color:#fff;text-shadow:none;box-shadow:0 4px 0 #28357c;font-size:17px}.primary-button:hover{background:linear-gradient(120deg,#65d2ff,#a08bff)}body[data-style=blocks] .number-choice{border-radius:9px;background:linear-gradient(145deg,#7257bd,#34346e)}body[data-style=blocks] .number-choice[aria-pressed=true]{background:linear-gradient(145deg,#a875e8,#5752bd)}body[data-style=blocks] .drop-button,body[data-style=blaster] .drop-button{display:none}body[data-style=blocks] .arena-wrap,body[data-style=blaster] .arena-wrap{bottom:calc(112px + env(safe-area-inset-bottom))}.equation-toast{background:#162941ee;color:#ffabbf;border:1px solid #e992b6;box-shadow:0 12px 35px #0005;font-size:23px}.equation-toast.correct{background:#133e49f0;color:#bafff1;border:1px solid #6ae6d5;box-shadow:0 0 30px #56f4dd30}.overlay{background:linear-gradient(#07142bdc,#141734ef);backdrop-filter:blur(14px)}.overlay-content{padding:34px 25px;border:1px solid #82c8f43d;border-radius:32px;background:linear-gradient(140deg,#224162b0,#282042a0);box-shadow:inset 0 1px 0 #ffffff24,0 25px 90px #0005}.overlay h2{font-weight:800;text-shadow:none;color:#fff}.overlay .eyebrow{color:#85d8ed}.overlay p:not(.eyebrow){color:#cedcf3}.leveling-up .celebrate-symbol{animation:quick-level .65s ease-out 1;background:linear-gradient(145deg,#538cd760,#a568cf30);color:#8fffee;text-shadow:0 0 25px #63dfff80;border:1px solid #9eddf04d;border-radius:25px}.leveling-up h2{color:#fff}@keyframes quick-level{0%{transform:scale(.5) rotate(-18deg)}65%{transform:scale(1.15) rotate(8deg)}100%{transform:scale(1)}}dialog{color-scheme:dark;background:linear-gradient(145deg,#172544,#10192f);color:#eff7ff;border:1px solid #9dd3ff3b;border-radius:28px;box-shadow:0 30px 110px #020619c0;padding:27px;max-width:700px}dialog::backdrop{background:#030b209e;backdrop-filter:blur(16px)}.dialog-heading h2{color:#f2faff;font-size:30px;font-weight:800}.dialog-heading .eyebrow{color:#7accf1;font-size:12px}.icon-button{background:#223451;border:1px solid #547296;color:#e4f4ff;box-shadow:none}.menu-credit,.menu-note,.word-source{color:#b3c3dd}.menu-section-title{color:#c8ddf1;font-size:19px}.style-grid{gap:12px}.style-tile,.style-tile[data-style=blaster],.style-tile[data-style=blocks]{background:linear-gradient(140deg,#24395c,#162440);color:#ebf6ff;border:1px solid #617caa60;border-radius:20px;padding:20px 10px}.style-tile>span{color:#90dfff;font-size:32px}.style-tile b{font-size:15px}.style-tile small{font-size:13px;color:#b9cce7}.style-tile[aria-pressed=true],.style-tile[data-style=blaster][aria-pressed=true],.style-tile[data-style=blocks][aria-pressed=true]{background:linear-gradient(135deg,#2e537a,#423963);border-color:#a1e7ff;color:white;box-shadow:0 0 20px #4fceff18}.mode-tile{border:1px solid #ffffff30;background:linear-gradient(130deg,#254574,#26305b);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff17;min-height:90px}.mode-symbol{color:#94e9ff;text-shadow:none}.mode-subtract{background:linear-gradient(130deg,#593454,#34315b)}.mode-multiply{background:linear-gradient(130deg,#493e7c,#2c315d)}.mode-divide{background:linear-gradient(130deg,#205877,#233550)}.mode-words{background:linear-gradient(110deg,#675431,#3d3458)}.mode-tile small{font-size:14px}.menu-settings{color:#bccde0;font-size:14px}.menu-settings .text-button,.text-button{color:#b9dfff}.secondary-button,.creative-menu-button{color:#dff4ff;background:#243a5a;border:1px solid #83b8de55;box-shadow:none;border-radius:12px;font-size:14px}.creative-menu-button{background:linear-gradient(110deg,#405389,#51416f);padding:17px;color:#fff}.table-options{background:#142039;border:1px solid #3c5278}.pattern-toggle button{background:#213454;border-color:#3b5679;color:#d3e6ff}.pattern-toggle button[aria-pressed=true]{background:#385b83;border-color:#8adfff;color:#fff}.table-options p,dialog>p,#tableChartSection>p{color:#b3c9e1;font-size:14px}.table-chart th,.table-chart button,.table-chart tr:nth-child(even) button{background:#213754;color:#d9eaff}.table-chart button.active,.table-chart button:hover{background:#72d9ed!important;color:#112d47}.level-grid button{background:#223955;color:#c3dff5;height:44px}.level-grid button.active{background:#5875b3;color:#fff}#wordGroup{background:#1a2c46;color:#d2e5fb;border-color:#506b93}.play-section{max-width:1200px}.play-heading h1{color:#fff;font-weight:800}.play-heading .eyebrow{color:#8fd7ec}.play-heading>p:last-child{color:#b9cbe1}.activity-card{background:linear-gradient(140deg,#213557ed,#142241f0);border:1px solid #6a8aba5e;box-shadow:0 9px 0 #070e2190,inset 0 1px 0 #d2eaff20;border-radius:24px;color:#e4f4ff}.activity-card b{color:#f2f8ff}.activity-card small{color:#bdcde4;font-size:15px}.activity-enter{color:#87e1f4}.activity-workspace{background:#14223deF;border:1px solid #6b90b860;border-radius:26px;box-shadow:0 16px 60px #02091e80}.workspace-heading h2{color:#e3f2ff}.workspace-heading .eyebrow{color:#8ebed8}.activity-instructions{color:#d5e4f4;font-size:18px}.activity-tools label{color:#b8d2ec}.activity-tools select{background:#233954;color:#e4f4ff;border:1px solid #5b82a6}.creative-canvas{background:#f4f8ff;border:3px solid #7aaaca;border-radius:22px;box-shadow:0 0 35px #2aabe215;max-height:60dvh;object-fit:contain}.trace-canvas{max-width:750px;max-height:none;width:100%;aspect-ratio:600/420}.activity-feedback{color:#b6d7ed;font-size:17px}.activity-feedback.success{color:#80e9cd}.trace-meter{display:none}.word-stage-heading{color:#d2e4f5!important}.word-picture{background:#fffffff0!important;border-radius:28px;padding:8px;box-shadow:0 12px 35px #020c2060}.word-feedback{color:#e2eeff!important}.word-stage.correct .word-feedback{color:#92ffce!important}.word-stage.wrong .word-feedback{color:#ff95ab!important}.word-listen{background:#254664;color:#cceeff;border-color:#79b7da}.word-slot{background:linear-gradient(#f5fbff,#c4dff5);border-color:#f2fbff;box-shadow:0 6px 0 #51718e}.word-stage.correct .word-slot{background:#a6f2c7}.word-stage.wrong .missing{background:#ffd1d8}.word-stage{padding-top:35px}body[data-mode=words] .arena-hud{display:none}body[data-mode=words][data-style=bubble] .style-name{color:#e7f8ff}.recipe-card{background:#24324d;color:#dce9f8;border-color:#607496}.recipe-card h3{color:#f4e8c4}.building-boards h3{color:#c4dcf1}.block-board{background:#283c57}.ingredient-buttons button{background:#253d59;border-color:#6a8bab;color:#e7f7ff}.ingredient-buttons small{color:#b9d7e9}.mixing-bowl{color:#c5d9ed}
@media(max-width:600px){.arena-hud{top:calc(75px + env(safe-area-inset-top))}.style-tile small{font-size:12px}.style-tile b{font-size:13px}.style-tile{padding:16px 7px}.number-tray{padding:12px 14px}.number-choice{height:51px}.game-top .style-name{font-size:15px}.menu-settings{font-size:13px}.target-chip b{font-size:21px}.activity-instructions{font-size:16px}.activity-workspace{padding:18px 10px}.play-section{padding-top:66px}.mode-tile small{font-size:13px}.word-stage{padding-top:35px}.game-top .round-label{font-size:10px}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){.leveling-up .celebrate-symbol{animation:none}.number-choice{transition:none}}
body[data-style=blaster] .target-chip,body[data-style=blocks] .target-chip{display:none}body[data-style=blaster] .arena-hud,body[data-style=blocks] .arena-hud{justify-content:flex-end}.word-stage .word-feedback{font-weight:700}.word-stage.wrong .word-feedback{color:#ff95ab!important}.word-stage.correct .word-feedback{color:#92ffce!important}