:root{color:#12304e;font-synthesis:none;text-rendering:optimizelegibility;--navy:#073b78;--blue:#1268b5;--sky:#dff4ff;--yellow:#ffd34e;--red:#ef4d53;--ink:#12304e;--cream:#fffaf0;--shadow:0 14px 36px #073b7824;background:#dff4ff;font-family:Trebuchet MS,Aptos,system-ui,sans-serif}*{box-sizing:border-box}html{background:#dff4ff;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0;overflow:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:4px solid #ffbf1f}button:active{transform:translateY(2px)scale(.99)}.app{background:linear-gradient(160deg,#e9f9ff 0%,#d9f1ff 62%,#cbe7f7 100%);grid-template-columns:142px minmax(0,1fr);height:100dvh;display:grid}.app-main{scroll-behavior:smooth;min-width:0;height:100%;position:relative;overflow:hidden auto}.mobile-header{display:none}.mobile-header-actions{align-items:center;gap:9px;display:flex}.mobile-grownups-button{color:#536878;cursor:pointer;background:#f5f8fa;border:2px solid #d3dfe5;border-radius:15px;place-items:center;min-width:52px;min-height:52px;padding:4px 7px;line-height:1;display:grid;box-shadow:0 3px #c4d0d6}.mobile-grownups-button>span{font-size:1.45rem}.mobile-grownups-button small{margin-top:2px;font-size:.55rem;font-weight:900}.category-rail{color:#fff;z-index:20;background:linear-gradient(#073b78 0%,#0b4f92 55%,#073b78 100%);flex-direction:column;height:100%;min-height:0;display:flex;box-shadow:7px 0 22px #052b5833}.rail-home,.settings-button{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;gap:2px;min-height:82px;display:grid}.rail-home{background:#ffffff14;border-bottom:1px solid #ffffff24}.rail-home span{filter:drop-shadow(0 4px 2px #0000002e);font-size:2.15rem}.rail-home strong{letter-spacing:.04em;font-size:.82rem}.settings-button{border-top:1px solid #ffffff29;grid-template-columns:auto auto;gap:6px;min-height:66px;font-size:.72rem}.settings-button span:first-child{font-size:1.35rem}.category-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;gap:6px;padding:8px 7px;display:grid;overflow-y:auto}.category-list button{color:#fff;cursor:pointer;text-align:center;background:0 0;border:2px solid #0000;border-radius:16px;place-items:center;gap:2px;min-height:66px;padding:6px 4px;font-size:.7rem;font-weight:800;line-height:1.05;display:grid}.category-list button:hover,.category-list button:focus-visible{background:#ffffff1a}.category-list button.is-selected{color:var(--category-colour);background:var(--category-bg);border-color:#fff;box-shadow:0 5px 14px #0000002e}.category-icon{font-size:1.75rem;line-height:1}.page-enter{animation:.34s ease-out both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.home-screen,.category-screen,.result-screen,.settings-screen{min-height:100%;padding:clamp(16px,2.2vw,30px)}.hero-card{min-height:min(58vh,540px);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffffa,#f5fcffeb);border:2px solid #fff;border-radius:34px;grid-template-columns:minmax(430px,1.08fr) minmax(350px,.92fr);display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";filter:blur(1px);background:#ffffffa6;border-radius:50%;width:380px;height:210px;position:absolute;top:-80px;right:-60px}.hero-card:after{content:"";background:repeating-linear-gradient(90deg,#8b694c 0 42px,#d9b687 42px 56px);border-top:7px solid #5f5048;height:18px;position:absolute;inset:auto 0 0}.hero-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,4vw,60px);display:flex;position:relative}.station-sign{background:var(--navy);color:#fff;outline:3px solid var(--navy);letter-spacing:.17em;border:4px solid #fff;border-radius:9px;margin:0 0 18px;padding:7px 18px;font-size:.82rem;font-weight:900;display:inline-flex;box-shadow:0 5px #062e5c}.hero-copy h1{color:var(--navy);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.9rem,5.2vw,5.6rem);line-height:.94}.hero-copy h2{color:#285a82;text-wrap:balance;max-width:670px;margin:14px 0 25px;font-size:clamp(1.35rem,2.25vw,2.25rem);line-height:1.15}.hero-train{z-index:1;background:linear-gradient(#9edffd 0%,#dff6ff 62%,#8fc96b 62%,#6aa751 100%);place-items:center;padding:30px 20px 56px;display:grid;position:relative;overflow:hidden}.hero-train:before,.hero-train:after{content:"";background:#ffffffe6;border-radius:50%;width:70px;height:36px;position:absolute;top:15%;left:10%;box-shadow:45px -8px 0 14px #ffffffe6,90px 5px 0 -4px #ffffffe6}.hero-train:after{top:25%;left:65%;transform:scale(.72)}.privacy-note{white-space:nowrap;color:#245c3b;z-index:5;background:#ffffffeb;border-radius:999px;padding:8px 13px;font-size:.75rem;font-weight:800;position:absolute;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #1a4b2529}.microphone-button{color:#fff;cursor:pointer;isolation:isolate;text-align:left;background:linear-gradient(#ef5c62,#d93543);border:0;border-radius:24px;align-items:center;gap:13px;min-width:min(100%,390px);min-height:82px;padding:12px 24px 12px 14px;display:flex;position:relative;box-shadow:0 8px #a91f2b,0 15px 26px #ce293742}.microphone-button:hover{filter:brightness(1.04)}.mic-icon{background:#fff;border-radius:50%;flex:0 0 58px;place-items:center;width:58px;height:58px;font-size:2rem;display:grid;box-shadow:0 3px 8px #7a10193d}.mic-label{letter-spacing:.035em;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:950;line-height:1.05}.microphone-button.is-listening{background:linear-gradient(#1474c7,#075097);box-shadow:0 8px #053567,0 15px 28px #073b7847}.mic-ripple{pointer-events:none;opacity:0;z-index:-1;border:3px solid #fff;border-radius:50%;width:58px;height:58px;position:absolute;top:41px;left:43px;transform:translate(-50%,-50%)}.is-listening .mic-ripple{animation:1.5s ease-out infinite ripple}.is-listening .ripple-two{animation-delay:.65s}@keyframes ripple{0%{opacity:.7;transform:translate(-50%,-50%)scale(.85)}to{opacity:0;transform:translate(-50%,-50%)scale(2.1)}}.microphone-button.is-compact{border-radius:50%;width:58px;min-width:58px;height:58px;min-height:58px;padding:5px;box-shadow:0 4px #a91f2b}.microphone-button.is-compact .mic-icon{flex-basis:48px;width:48px;height:48px;font-size:1.55rem}.microphone-button.is-compact .mic-ripple{top:29px;left:29px}.listening-feedback{min-height:34px;color:var(--blue);align-items:center;gap:10px;padding:15px 3px 3px;display:flex}.listening-feedback strong{font-size:1rem}.sound-bars{align-items:center;gap:3px;height:22px;display:flex}.sound-bars i{background:var(--blue);border-radius:4px;width:4px;height:8px;animation:.7s ease-in-out infinite alternate soundbar}.sound-bars i:nth-child(2){animation-delay:-.3s}.sound-bars i:nth-child(3){animation-delay:-.55s}.sound-bars i:nth-child(4){animation-delay:-.15s}@keyframes soundbar{to{height:22px}}.type-word-form{width:min(100%,460px);margin-top:9px}.type-word-form label{color:#4b6a83;margin:0 0 5px 5px;font-size:.78rem;font-weight:800;display:block}.type-word-form div{background:#eef7fb;border:2px solid #bddae8;border-radius:15px;grid-template-columns:1fr auto;display:grid;overflow:hidden}.type-word-form input{min-width:0;color:var(--ink);background:0 0;border:0;padding:13px 15px;font-size:1rem}.type-word-form button{color:var(--navy);cursor:pointer;background:#d6eaf3;border:0;padding:0 17px;font-weight:900}.train-scene{aspect-ratio:1.55;filter:drop-shadow(0 13px 10px #18445d33);width:min(100%,480px);position:relative}.train-body{height:57%;transition:transform .4s;position:absolute;bottom:22%;left:8%;right:5%}.train-boiler{background:linear-gradient(#2385cf,#0b58a0);border:clamp(5px,1.4vw,9px) solid #06386d;border-radius:48% 18% 18% 48%;width:57%;height:45%;position:absolute;bottom:19%;left:24%;box-shadow:inset 0 10px #ffffff24}.train-star{aspect-ratio:1;color:#07519a;background:#ffd34e;border:5px solid #fff4b3;border-radius:50%;place-items:center;width:37%;font-size:clamp(1.1rem,3vw,2.2rem);display:grid;position:absolute;top:20%;left:36%}.train-cab{background:#146fbb;border:clamp(5px,1.4vw,9px) solid #06386d;border-radius:12px 12px 2px 2px;width:31%;height:71%;position:absolute;bottom:21%;right:2%}.train-cab:before{content:"";background:#ef4d53;border:6px solid #06386d;border-radius:8px;width:122%;height:16%;position:absolute;top:-17%;left:-11%}.train-window{background:linear-gradient(145deg,#fff 0 16%,#9ee5ff 17% 100%);border:6px solid #06386d;border-radius:8px;width:68%;height:34%;position:absolute;top:16%;left:16%}.train-chimney{background:#083e74;border:5px solid #062e58;border-radius:5px 5px 0 0;width:14%;height:32%;position:absolute;top:2%;left:29%}.train-chimney:before{content:"";background:#ef4d53;border:5px solid #062e58;border-radius:6px;width:154%;height:22%;position:absolute;top:-18%;left:-27%}.train-cowcatcher{clip-path:polygon(100% 0,100% 100%,0 100%);background:#ef4d53;border-bottom:8px solid #073b78;width:20%;height:25%;position:absolute;bottom:15%;left:7%}.train-wheel{aspect-ratio:1;background:radial-gradient(circle,#ffd34e 0 18%,#ef4d53 19% 54%,#fff 55% 62%,#073b78 63%);border-radius:50%;width:23%;position:absolute;bottom:0}.wheel-one{left:20%}.wheel-two{left:47%}.wheel-three{width:18%;bottom:2%;right:4%}.steam{z-index:2;aspect-ratio:1;opacity:.9;background:#fff;border-radius:50%;width:13%;position:absolute;top:5%;left:30%;box-shadow:24px -18px 0 6px #ffffffd6,50px -27px 0 -3px #ffffffa6}.steam-two{opacity:.65;top:-2%;left:45%;transform:scale(.7)}.train-track{border-top:8px solid #664b3c;border-bottom:8px solid #664b3c;justify-content:space-around;height:10%;display:flex;position:absolute;bottom:11%;left:1%;right:1%}.train-track span{background:#b9885e;width:6%;transform:skew(-12deg)}.train-scene.is-moving .train-body{animation:.55s ease-in-out infinite alternate train-bob}.train-scene.is-moving .steam{animation:1.3s ease-out infinite steam-puff}.train-scene.is-moving .steam-two{animation-delay:.6s}@keyframes train-bob{to{transform:translateY(-5px)rotate(-.4deg)}}@keyframes steam-puff{0%{opacity:.8;transform:translate(0)scale(.65)}to{opacity:0;transform:translate(48px,-44px)scale(1.3)}}.train-scene.is-compact{width:180px}.word-shelf{margin-top:clamp(22px,3vw,38px)}.word-shelf h2{color:var(--navy);align-items:center;gap:9px;margin:0 0 13px;font-size:clamp(1.25rem,2vw,1.65rem);display:flex}.word-row{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;grid-template-rows:1fr;grid-auto-columns:minmax(154px,1fr);grid-auto-flow:column;gap:14px;padding:3px 4px 14px;display:grid;overflow-x:auto}.word-row .word-card{scroll-snap-align:start}.word-card{background:#fff;border:2px solid #ffffffe6;border-radius:20px;min-width:0;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 8px 22px #073b781c}.word-card:hover{transform:translateY(-3px);box-shadow:0 12px 27px #073b7829}.word-card-main{cursor:pointer;width:100%;color:var(--navy);background:0 0;border:0;gap:8px;padding:10px 10px 13px;display:grid}.word-card-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;overflow:hidden}.card-star{color:#6e8193;cursor:pointer;z-index:4;background:#ffffffeb;border:0;border-radius:50%;width:36px;height:36px;font-size:1.45rem;position:absolute;top:7px;right:7px;box-shadow:0 3px 10px #073b7824}.card-star.is-favourite{color:#f0a900}.word-artwork{--art-bg:#e2edf7;--art-colour:#334f70;background:radial-gradient(circle at 50% 40%, white, var(--art-bg) 68%);border-radius:14px;place-items:center;width:100%;height:118px;display:grid;position:relative;overflow:hidden}.art-emoji{z-index:2;filter:drop-shadow(0 5px 3px #1e344629);font-size:3.7rem;position:relative}.art-letter{background:var(--art-colour);color:#fff;z-index:3;border:3px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:950;display:grid;position:absolute;bottom:8px;right:10px}.art-sparkle{color:var(--art-colour);opacity:.28;position:absolute}.sparkle-one{font-size:1.3rem;top:12px;left:15px}.sparkle-two{bottom:20px;right:16px}.train-artwork{background:linear-gradient(#bfeaff 62%,#8bc56f 62%)}.train-artwork .train-scene{width:165px;transform:translateY(7px)}.transport-artwork{background:linear-gradient(#dff4ff 0 70%,#d8edc1 70%)}.transport-artwork svg{width:100%;height:100%;display:block}.animal-artwork{background:#dff3ef}.animal-artwork svg{width:100%;height:100%;display:block}.dinosaur-artwork{background:#dff3e9}.dinosaur-artwork svg{width:100%;height:100%;display:block}.gaming-artwork{background:#e9e5f7}.gaming-artwork svg{width:100%;height:100%;display:block}.home-artwork{background:#f6ecdf}.home-artwork svg{width:100%;height:100%;display:block}.cube-artwork{background:linear-gradient(145deg,#dff6ce,#9bd277)}.cube{color:#eaffde;background:#5fae47;border:4px solid #347b36;place-items:center;font-weight:950;display:grid;position:absolute;box-shadow:inset -8px -8px #215d2930}.cube-one{z-index:2;width:70px;height:70px;font-size:2rem;transform:rotate(-5deg)}.cube-two,.cube-three{width:43px;height:43px}.cube-two{bottom:12px;left:17px;transform:rotate(11deg)}.cube-three{top:8px;right:13px;transform:rotate(15deg)}.browse-strip{color:#fff;box-shadow:var(--shadow);background:#073b78;border-radius:26px;grid-template-columns:auto 1fr;align-items:center;gap:24px;margin-top:26px;padding:22px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;opacity:.75;font-size:.72rem;font-weight:950}.browse-strip h2{margin:4px 0 0;font-size:1.5rem}.browse-shortcuts{grid-template-columns:repeat(6,minmax(88px,1fr));gap:9px;display:grid}.browse-shortcuts button{min-height:82px;color:var(--shortcut-colour);background:var(--shortcut-bg);cursor:pointer;border:2px solid #ffffffbf;border-radius:16px;place-items:center;gap:3px;padding:8px 4px;display:grid}.browse-shortcuts button span{font-size:1.7rem}.browse-shortcuts button strong{font-size:.75rem}.page-heading{box-shadow:var(--shadow);border-bottom:7px solid var(--active-category);z-index:8;background:#fff;border-radius:26px;grid-template-columns:auto 1fr minmax(230px,380px);align-items:center;gap:17px;padding:19px 23px;display:grid;position:sticky;top:14px}.heading-icon{background:var(--active-category-bg);border-radius:20px;place-items:center;width:74px;height:74px;font-size:2.7rem;display:grid}.page-heading h1{color:var(--active-category);letter-spacing:-.03em;margin:1px 0;font-size:clamp(1.7rem,3vw,2.5rem)}.page-heading p{color:#63798b;margin:0;font-size:.85rem;font-weight:700}.category-search{background:#eef6f9;border:2px solid #ccdee7;border-radius:16px;align-items:center;gap:8px;min-height:53px;padding:0 13px;display:flex}.category-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.word-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:15px;padding:22px 2px 40px;display:grid}.empty-state{text-align:center;max-width:520px;box-shadow:var(--shadow);background:#fff;border-radius:26px;margin:40px auto;padding:40px}.empty-state>span{font-size:3rem}.empty-state h2{color:var(--navy)}.empty-state button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:13px 20px;font-weight:900}.result-screen{background:radial-gradient(circle at 50% 10%,#ffffffe6,#0000 48%),linear-gradient(#dff5ff,#d5efff)}.result-topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-bottom:18px;display:grid}.secondary-button{color:var(--navy);cursor:pointer;background:#fff;border:2px solid #b8d2df;border-radius:14px;justify-self:start;min-height:48px;padding:0 18px;font-weight:900;box-shadow:0 5px 14px #073b781a}.arrival-sign{text-align:center;background:var(--navy);color:#fff;outline:3px solid var(--navy);border:4px solid #fff;border-radius:8px;justify-self:center;padding:8px 25px;box-shadow:0 5px #062b57}.arrival-sign span{letter-spacing:.2em;color:#9edffd;font-size:.58rem;display:block}.arrival-sign strong{letter-spacing:.09em;font-size:.83rem}.favourite-button{color:#6b7c8c;cursor:pointer;background:#fff;border:2px solid #d3dfe5;border-radius:14px;justify-self:end;min-height:48px;padding:0 17px;font-weight:900}.favourite-button.is-favourite{color:#a66a00;background:#fff7d6;border-color:#f4c04e}.result-card{background:#fff;border:3px solid #fff;border-radius:34px;grid-template-columns:minmax(330px,.86fr) minmax(470px,1.14fr);max-width:1220px;min-height:min(72vh,700px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 22px 60px #073b782e}.result-picture{background:linear-gradient(155deg,#eaf9ff,#cbeaff);place-items:center;min-width:0;padding:25px;display:grid;position:relative}.result-picture:before{content:"";background:repeating-linear-gradient(90deg,#89654b 0 37px,#d8b080 37px 50px);border-top:7px solid #60483a;height:65px;position:absolute;inset:auto 0 0}.result-picture .word-artwork{aspect-ratio:1.18;z-index:1;border-radius:32px;width:100%;max-width:540px;height:auto;box-shadow:0 13px 35px #073b7821}.result-picture .art-emoji{font-size:clamp(6rem,13vw,11rem)}.result-picture .art-letter{width:60px;height:60px;font-size:2rem;bottom:20px;right:20px}.result-picture .train-artwork{background:linear-gradient(#bfeaff 62%,#8bc56f 62%)}.result-picture .train-artwork .train-scene{width:88%;transform:translateY(8%)}.result-picture .cube-one{width:145px;height:145px;font-size:4rem}.result-picture .cube-two,.result-picture .cube-three{width:85px;height:85px}.picture-pending{z-index:3;color:#587083;background:#fffffff0;border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:800;position:absolute;bottom:77px}.result-spelling{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:clamp(30px,5vw,70px);display:flex}.spelling-focus-area{flex-direction:column;align-items:center;width:100%;scroll-margin-block:18px;display:flex}.ready-label{color:#547188;text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:.75rem;font-weight:900}.result-spelling h1{color:var(--navy);overflow-wrap:anywhere;letter-spacing:-.045em;border-radius:18px;max-width:100%;margin:11px 0 22px;padding:6px 18px 10px;font-size:clamp(3rem,7.2vw,7rem);line-height:1;transition:background .18s,transform .18s}.result-spelling h1.is-speaking{color:#813f0a;background:#fff0a6;transform:scale(1.04);box-shadow:0 6px #efbd3f}.letter-track{background:#e8f3f8;border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(5px,.8vw,10px);width:100%;padding:18px;display:flex;box-shadow:inset 0 3px 7px #073b7814}.letter-track span{width:clamp(41px,4.8vw,66px);height:clamp(50px,5.8vw,76px);color:var(--navy);background:#fff;border:3px solid #c1d9e5;border-radius:14px;place-items:center;font-size:clamp(1.6rem,3.4vw,3.1rem);font-weight:950;transition:all .15s;display:grid;box-shadow:0 5px #aec8d5}.letter-track span.is-speaking{background:var(--yellow);color:#7a3907;border-color:#e9a914;transform:translateY(-7px)scale(1.12);box-shadow:0 9px #d8990d,0 13px 20px #d08d043b}.result-actions{grid-template-columns:1fr 1fr;gap:13px;width:100%;margin-top:25px;display:grid}.result-actions button{color:#fff;cursor:pointer;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-height:78px;padding:12px;display:flex}.result-actions button span{font-size:2rem}.result-actions button strong{font-size:1rem}.replay-button{background:linear-gradient(#1679c9,#0755a0);box-shadow:0 7px #07386b}.another-button{background:linear-gradient(#ee5d63,#d83b48);box-shadow:0 7px #a21f2a}.support-note{color:#7b5660;font-weight:700}.related-words{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:1220px;margin:18px auto 0;display:flex}.related-words strong{color:var(--navy)}.related-words button{color:var(--blue);cursor:pointer;background:#fff;border:2px solid #b8d6e5;border-radius:999px;padding:9px 15px;font-weight:800}.choice-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06234394;place-items:center;padding:20px;display:grid;position:fixed;inset:0 0 0 142px}.choice-dialog{text-align:center;background:#f5fbff;border:5px solid #fff;border-radius:34px;width:min(760px,100%);max-height:94vh;padding:26px;overflow-y:auto;box-shadow:0 30px 90px #00000057}.choice-dialog>.train-scene{margin:-52px auto -25px;transform:scale(.6)}.choice-dialog h2{color:var(--navy);margin:0;font-size:clamp(2rem,4vw,3.2rem)}.choice-dialog>p{color:#557185;font-weight:800}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px;margin:20px 0;display:grid}.try-again-button{color:#fff;cursor:pointer;background:linear-gradient(#1679c9,#0755a0);border:0;border-radius:16px;min-height:58px;padding:0 24px;font-weight:900;box-shadow:0 6px #07386b}.settings-heading{box-shadow:var(--shadow);border-bottom:7px solid var(--navy);background:#fff;border-radius:25px;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex}.settings-heading h1{color:var(--navy);margin:2px 0;font-size:2.4rem}.settings-heading p{color:#667d8f;margin:0;font-weight:700}.settings-heading .secondary-button{justify-self:auto}.settings-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:17px;margin-top:18px;display:grid}.settings-panel{box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:25px}.settings-panel h2{color:var(--navy);margin:0 0 16px}.settings-panel p{color:#5e7485;line-height:1.5}.settings-panel>label{color:#294d69;gap:9px;margin:20px 0;font-weight:900;display:grid}.settings-panel label span{justify-content:space-between;display:flex}.settings-panel label small{color:var(--blue)}.settings-panel input[type=range]{width:100%;accent-color:var(--blue);height:28px}.switch-row{align-items:center;grid-template-columns:1fr auto!important}.switch-row input{width:27px;height:27px;accent-color:var(--blue)}.clear-button{color:#9d2731;cursor:pointer;background:#fff4f4;border:2px solid #e2b4b7;border-radius:14px;padding:12px 16px;font-weight:900}.custom-word-form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.custom-word-form label{color:#395b74;gap:5px;font-weight:800;display:grid}.custom-word-form input,.custom-word-form select{min-width:0;color:var(--ink);background:#f8fcfe;border:2px solid #c9dce6;border-radius:12px;padding:11px}.custom-word-form button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:14px;grid-column:1/-1;min-height:48px;font-weight:900}.custom-list{gap:8px;max-height:240px;margin-top:18px;display:grid;overflow-y:auto}.custom-list div{background:#eef6fa;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 11px;display:grid}.custom-list button{color:#a02731;cursor:pointer;background:0 0;border:0;font-weight:800}.privacy-panel{grid-column:1/-1}.privacy-panel p{color:#256040;margin:7px 0;font-weight:750}.privacy-panel .technical-note{color:#5e7485;margin-top:16px;font-size:.86rem}.gate-screen>.secondary-button{margin-bottom:20px}.parent-gate{text-align:center;background:#fff;border-radius:32px;max-width:560px;margin:7vh auto;padding:45px;box-shadow:0 22px 60px #073b7833}.gate-icon{font-size:3.5rem}.parent-gate h1{color:var(--navy);margin:5px 0 12px;font-size:2.3rem}.parent-gate>p:not(.eyebrow){font-size:1.25rem;font-weight:900}.parent-gate>div{grid-template-columns:1fr auto;gap:8px;display:grid}.parent-gate input{text-align:center;border:3px solid #bcd4e1;border-radius:14px;min-width:0;padding:12px;font-size:1.3rem}.parent-gate button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:0 18px;font-weight:900}.gate-error{color:#aa2733;margin-top:14px;display:block}.reduce-app-motion *,.reduce-app-motion :before,.reduce-app-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (width<=1050px){.app{grid-template-columns:118px minmax(0,1fr)}.choice-backdrop{left:118px}.hero-card{grid-template-columns:minmax(380px,1.1fr) minmax(270px,.9fr)}.hero-copy{padding:30px}.browse-strip{grid-template-columns:1fr}.browse-shortcuts{grid-template-columns:repeat(6,1fr)}.result-card{grid-template-columns:minmax(280px,.78fr) minmax(430px,1.22fr)}.result-spelling{padding:30px}}@media (orientation:portrait),(width<=760px){body{overflow:auto}.app{height:auto;min-height:100vh;padding-top:78px;display:block}.category-rail{z-index:30;background:#073b78;height:84px;display:block;position:fixed;top:78px;left:0;right:0;box-shadow:0 7px 18px #073b7833}.rail-home,.settings-button{display:none}.category-list{gap:6px;padding:7px;display:flex;overflow:auto hidden}.category-list button{border-radius:13px;min-width:82px;height:69px;min-height:69px;font-size:.62rem}.category-icon{font-size:1.55rem}.app-main{height:auto;padding-top:84px;overflow:visible}.mobile-header{z-index:35;background:#fff;justify-content:space-between;align-items:center;height:78px;padding:8px 12px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 5px 18px #073b7821}.mobile-brand{color:var(--navy);background:0 0;border:0;align-items:center;gap:7px;font-size:1rem;font-weight:950;display:flex}.mobile-brand span{font-size:1.7rem}.home-screen,.category-screen,.result-screen,.settings-screen{padding:13px}.hero-card{grid-template-columns:1fr}.hero-copy{text-align:center;align-items:center;padding:28px 22px}.hero-copy h1{font-size:3.3rem}.hero-copy h2{font-size:1.35rem}.hero-train{min-height:300px}.hero-card:after{z-index:2}.type-word-form{text-align:left}.privacy-note{font-size:.66rem}.browse-strip{padding:18px}.browse-shortcuts{grid-template-columns:repeat(3,1fr)}.page-heading{grid-template-columns:auto 1fr;padding:14px;position:relative;top:0}.heading-icon{width:58px;height:58px;font-size:2.1rem}.category-search{grid-column:1/-1}.word-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.result-topbar{grid-template-columns:1fr 1fr}.arrival-sign{grid-area:1/1/auto/-1}.result-topbar .secondary-button,.favourite-button{grid-row:2}.result-card{grid-template-columns:1fr}.result-picture{min-height:330px}.result-spelling{padding:28px 18px 36px}.result-spelling h1{font-size:clamp(2.8rem,13vw,5rem)}.result-actions{grid-template-columns:1fr}.choice-backdrop{top:0;left:0}.settings-grid{grid-template-columns:1fr}.privacy-panel{grid-column:auto}.custom-word-form{grid-template-columns:1fr}.custom-word-form button{grid-column:auto}}@media (width<=480px){.mobile-brand{font-size:.83rem}.mobile-grownups-button{width:50px;min-width:50px;height:50px;min-height:50px;padding:3px}.mobile-grownups-button small{display:none}.microphone-button.is-compact{width:54px;min-width:54px;height:54px;min-height:54px}.hero-copy h1{font-size:2.7rem}.microphone-button:not(.is-compact){min-height:76px;padding-right:14px}.mic-label{font-size:.9rem}.mic-icon{flex-basis:54px;width:54px;height:54px}.word-row{grid-auto-columns:140px}.browse-shortcuts{grid-template-columns:repeat(2,1fr)}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-artwork{height:104px}.word-card-main strong{font-size:.85rem}.result-picture{min-height:260px}.letter-track{gap:5px;padding:12px}.letter-track span{width:38px;height:48px;font-size:1.5rem}.result-actions button{min-height:70px}.parent-gate{padding:28px 18px}.parent-gate>div{grid-template-columns:1fr}.parent-gate button{min-height:49px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.rail-practice{color:#fff;cursor:pointer;background:linear-gradient(145deg,#7047a5,#4c3182);border:0;border-bottom:1px solid #ffffff29;place-items:center;gap:2px;min-height:74px;padding:7px 4px;font-size:.7rem;line-height:1.05;display:grid}.rail-practice span{font-size:1.7rem}.rail-practice strong{max-width:92px}.rail-practice.is-selected{color:#57317d;background:#fff0b8;box-shadow:inset 0 0 0 4px #ffcd3d}.speak-label-button{width:46px;min-width:46px;height:46px;min-height:46px;color:var(--navy);cursor:pointer;background:#fff;border:2px solid #b9d6e4;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:7px;font-size:1.15rem;display:inline-flex;box-shadow:0 4px #a9c8d7,0 7px 15px #073b781f}.speak-label-button.is-prominent{background:#e6f5fc;border-radius:16px;width:auto;padding:0 14px;font-size:1rem}.speak-label-button.is-prominent strong{white-space:nowrap;font-size:.78rem}.heading-with-speaker{align-items:center;gap:10px;display:flex}.heading-with-speaker h1,.heading-with-speaker h2{margin-top:0;margin-bottom:0}.hero-question{align-items:center;gap:12px;max-width:700px;margin:14px 0 25px;display:flex}.hero-question h2{margin:0}.greeting-status{color:#246247;background:#e5f6e9;border-radius:999px;margin:-12px 0 15px;padding:6px 11px;font-size:.75rem;font-weight:900}.word-shelf-heading{align-items:center;gap:10px;margin-bottom:13px;display:flex}.word-shelf-heading h2{margin:0}.word-shelf-heading .speak-label-button{width:42px;min-width:42px;height:42px;min-height:42px}.practice-invite{box-shadow:var(--shadow);background:linear-gradient(135deg,#fff7d0,#f2e8ff);border:3px solid #fff;border-bottom:7px solid #7149a8;border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-top:clamp(22px,3vw,38px);padding:18px 22px;display:grid}.practice-invite-icon{color:#fff;background:#7149a8;border-radius:20px;place-items:center;width:67px;height:67px;font-size:2rem;display:grid;box-shadow:0 6px #4d3076}.practice-invite h2{color:#57317d;font-size:1.55rem}.practice-invite p{color:#625d6e;margin:5px 0 0;font-weight:750}.practice-invite>button{color:#fff;cursor:pointer;background:linear-gradient(#7a53ae,#5a398c);border:0;border-radius:17px;min-height:58px;padding:0 21px;font-size:1rem;font-weight:950;box-shadow:0 6px #42276d}.art-icons{z-index:2;filter:drop-shadow(0 7px 4px #1e344629);place-items:center;width:78%;height:78%;display:grid;position:relative}.art-icons .art-emoji{transform:translate(var(--primary-x,0),var(--primary-y,0)) rotate(var(--primary-r,0deg));font-size:clamp(3.4rem,5.2vw,4.5rem);line-height:1}.art-secondary{aspect-ratio:1;background:#ffffffeb;border:3px solid #fff;border-radius:50%;place-items:center;width:43%;font-size:clamp(1.45rem,2.6vw,2.25rem);display:grid;position:absolute;bottom:0;right:2%;box-shadow:0 5px 12px #073b782b}.word-artwork.variant-1{--primary-r:-4deg;--primary-x:-3%}.word-artwork.variant-2{--primary-r:4deg;--primary-y:-2%}.word-artwork.variant-3{--primary-x:4%}.word-artwork.variant-4{--primary-r:-2deg;--primary-y:3%}.word-artwork.variant-5{--primary-r:3deg;--primary-x:-2%}.word-artwork.variant-6{--primary-y:-4%}.word-artwork.variant-7{--primary-r:-3deg;--primary-x:3%}.art-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.art-scene i{opacity:.24;display:block;position:absolute}.scene-railway{background:linear-gradient(#cef 66%,#9ed17f 66%)}.scene-railway .art-scene:after{content:"";border-top:4px solid #7b5d47;border-bottom:4px solid #7b5d47;height:8px;position:absolute;bottom:9%;left:0;right:0}.scene-road{background:linear-gradient(#dff4ff 63%,#8fc674 63%)}.scene-road .art-scene:after{content:"";clip-path:polygon(5% 40%,95% 40%,100% 100%,0 100%);background:#65717a;border-top:3px dashed #fff;height:25%;position:absolute;bottom:5%;left:-5%;right:-5%}.scene-water{background:linear-gradient(#dff7ff 52%,#68c7e5 52%)}.scene-water .art-scene:after{content:"≈ ≈ ≈";color:#fff;letter-spacing:.35em;opacity:.7;font-size:1.5rem;position:absolute;bottom:8%;left:0;right:0}.scene-sky{background:linear-gradient(#bde8ff,#effaff)}.scene-sky .art-scene i:first-child,.scene-space .art-scene i{background:#fff;border-radius:50%;width:22px;height:12px;top:15%;left:13%;box-shadow:18px -4px 0 4px #fff}.scene-nature{background:linear-gradient(#e7f7d8 64%,#9bd073 64%)}.scene-nature .art-scene:after{content:"";background:#62a955;border-radius:50% 50% 8px 8px;width:20px;height:34px;position:absolute;bottom:20%;left:9%;box-shadow:15px 5px 0 -4px #4d9347}.scene-home{background:linear-gradient(145deg,#fff2e2,#f3dfcb)}.scene-home .art-scene:after{content:"";background:repeating-linear-gradient(90deg,#d4ac82 0 28px,#bd8d62 28px 31px);height:23%;position:absolute;inset:auto 0 0}.scene-food{background:radial-gradient(circle at 50% 55%,#fff 0 43%,#f5e1ca 44% 50%,#fff0de 51%)}.scene-space{background:radial-gradient(circle at 78% 20%,#5966b8,#182252 65%)}.scene-space:before{content:"✦  ·  ✧  ·";color:#fff;letter-spacing:1.2em;opacity:.7;position:absolute;inset:8% 6%}.scene-school{background:linear-gradient(155deg,#fff7cf,#e9f3ff)}.scene-school .art-scene:after{content:"A  B  C";color:var(--art-colour);opacity:.33;font-size:.72rem;font-weight:950;position:absolute;bottom:7px;left:8px}.scene-game{background:linear-gradient(145deg,#e9dcff,#ccefff)}.scene-game .art-scene:after{content:"";background-color:#0000;background-image:linear-gradient(90deg,#0000 48%,#56368f1f 49% 52%,#0000 53%),linear-gradient(#0000 48%,#56368f1f 49% 52%,#0000 53%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:8%}.scene-workshop{background:linear-gradient(145deg,#f6e5c7,#dfe9ee)}.scene-workshop .art-scene:after{content:"⚙";color:#687783;opacity:.17;font-size:2.4rem;position:absolute;bottom:1px;left:7px}.scene-celebration{background:radial-gradient(circle at 20% 20%,#fff8c8,#f6ddf5 65%)}.scene-celebration:before{content:"✦  ●  ★";color:#bb4f9d;letter-spacing:1.1em;opacity:.25;position:absolute;inset:8%}.scene-sport{background:linear-gradient(#e9f7ff 58%,#a6d787 58%)}.scene-sport .art-scene:after{content:"";border:2px solid #ffffffa6;border-radius:50%;height:22%;position:absolute;inset:auto 9% 7%}.scene-people{background:radial-gradient(circle at 50% 45%,#fff,#ffe7d7 70%)}.scene-simple{background:radial-gradient(circle at 50% 40%,white,var(--art-bg) 70%)}.result-picture .art-icons .art-emoji{font-size:clamp(7rem,13vw,11rem)}.result-picture .art-secondary{border-width:6px;width:35%;font-size:clamp(3.5rem,6vw,5.5rem)}.card-speaker{width:38px;height:38px;color:var(--navy);cursor:pointer;z-index:4;background:#fffffff0;border:0;border-radius:50%;font-size:1rem;position:absolute;top:7px;left:7px;box-shadow:0 3px 10px #073b7826}.word-card.is-compact-card .word-artwork{height:105px}.word-card.is-compact-card .word-card-main{padding:8px}.result-card.is-long-word{grid-template-columns:minmax(280px,.7fr) minmax(560px,1.3fr)}.result-spelling .result-word{white-space:nowrap;max-width:100%}.result-spelling .result-word.length-medium{font-size:clamp(2.8rem,5.7vw,5.8rem)}.result-spelling .result-word.length-long{letter-spacing:-.055em;font-size:clamp(2rem,4.2vw,4.4rem)}.letter-track{grid-template-columns:repeat(var(--letter-count),minmax(0,1fr));flex-wrap:nowrap;gap:clamp(3px,.55vw,8px);max-width:100%;display:grid}.letter-track span{justify-self:center;width:100%;min-width:0;max-width:66px}.letter-track.length-short{max-width:520px}.letter-track.length-medium{max-width:650px}.letter-track.length-long{gap:clamp(2px,.35vw,5px);padding:15px 10px}.letter-track.length-long span{border-width:2px;border-radius:10px;max-width:none;height:clamp(45px,4.8vw,61px);font-size:clamp(1.15rem,2.5vw,2.25rem)}.letter-track.length-medium span{height:clamp(48px,5.2vw,68px);font-size:clamp(1.35rem,2.8vw,2.6rem)}.related-words{max-width:900px;margin-top:20px;padding-bottom:15px;display:block}.related-heading{justify-content:center;align-items:center;gap:10px;margin-bottom:11px;display:flex}.related-heading strong{font-size:1.05rem}.related-picture-grid{grid-template-columns:repeat(3,minmax(145px,1fr));gap:12px;display:grid}.practice-screen{background:radial-gradient(circle at 75% 5%,#ffffffe6,#0000 36%),linear-gradient(145deg,#e9f8ff,#f5edff);min-height:100%;padding:clamp(16px,2.2vw,30px)}.practice-heading{max-width:1220px;box-shadow:var(--shadow);background:#fff;border-bottom:7px solid #7047a5;border-radius:25px;align-items:center;gap:16px;margin:0 auto 16px;padding:17px 22px;display:flex}.practice-heading-icon{color:#fff;background:#7047a5;border-radius:20px;place-items:center;width:68px;height:68px;font-size:2.2rem;display:grid;box-shadow:0 5px #4b2b79}.practice-heading h1{color:#57317d;letter-spacing:-.03em;font-size:clamp(2rem,3.2vw,3rem)}.practice-heading p{color:#647888;margin:3px 0 0;font-weight:750}.practice-card{background:#fff;border:3px solid #fff;border-radius:32px;grid-template-columns:minmax(330px,.83fr) minmax(520px,1.17fr);max-width:1220px;min-height:650px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 55px #372c682e}.practice-picture-column{background:linear-gradient(155deg,#dff4ff,#e9e1ff);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:0;padding:30px;display:flex;position:relative}.practice-picture-column .word-artwork{aspect-ratio:1.18;border-radius:28px;width:100%;max-width:475px;height:auto;box-shadow:0 13px 32px #2b3b6626}.practice-picture-column .art-icons .art-emoji{font-size:clamp(7rem,13vw,10rem)}.practice-picture-column .art-secondary{border-width:5px;width:34%;font-size:clamp(3rem,5vw,5rem)}.practice-category-chip{z-index:5;color:var(--navy);background:#fffffff0;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:.75rem;font-weight:900;display:flex;position:absolute;top:19px;left:20px;box-shadow:0 4px 12px #073b781f}.practice-category-chip span{font-size:1.25rem}.hear-practice-word{color:#fff;cursor:pointer;background:linear-gradient(#1679c9,#0755a0);border:0;border-radius:18px;align-items:center;gap:10px;min-height:62px;padding:0 23px;font-weight:950;display:flex;box-shadow:0 6px #07386b}.hear-practice-word span{font-size:1.7rem}.practice-play-column{flex-direction:column;justify-content:center;min-width:0;padding:clamp(25px,4vw,55px);display:flex}.practice-prompt{color:var(--navy);align-items:center;gap:14px;margin-bottom:17px;display:flex}.practice-prompt>span{background:#e8f5fb;border-radius:18px;place-items:center;width:58px;height:58px;font-size:2rem;display:grid}.practice-prompt p{color:#6b5b86;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.7rem;font-weight:900}.practice-prompt h2{margin:2px 0 0;font-size:clamp(1.8rem,3vw,2.7rem)}.practice-form>label{color:#4f6679;margin:0 0 6px 5px;font-size:.78rem;font-weight:900;display:block}.practice-form>input{width:100%;height:72px;color:var(--navy);text-align:center;letter-spacing:.12em;text-transform:uppercase;background:#f7fcff;border:4px solid #b8d5e3;border-radius:18px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:950;box-shadow:inset 0 4px 8px #073b780f}.practice-keyboard{gap:7px;margin:16px 0 14px;display:grid}.keyboard-row{justify-content:center;gap:6px;display:flex}.keyboard-row button,.keyboard-delete{min-width:44px;height:46px;color:var(--navy);cursor:pointer;background:#fff;border:2px solid #c5d7e1;border-radius:10px;font-weight:950;box-shadow:0 4px #b4c9d4}.keyboard-delete{color:#655376;background:#f5effb;margin:2px auto 0;padding:0 18px;display:block}.check-spelling-button{color:#fff;cursor:pointer;background:linear-gradient(#7751ad,#5b388f);border:0;border-radius:18px;width:100%;min-height:63px;font-size:1.08rem;font-weight:950;box-shadow:0 7px #412469}.practice-feedback{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.feedback-character{filter:drop-shadow(0 6px 3px #073b7829);font-size:4.3rem}.feedback-kicker{text-transform:uppercase;letter-spacing:.14em;color:#725598;margin:8px 0 2px;font-size:.72rem;font-weight:950}.practice-feedback h2{color:var(--navy);margin:2px 0 8px;font-size:clamp(2rem,3.7vw,3.3rem);line-height:1.02}.support-copy{color:#637888;font-weight:750;line-height:1.4}.practice-letter-track{margin:12px auto}.support-speaker{min-height:48px;color:var(--navy);cursor:pointer;background:#edf8fd;border:2px solid #b8d5e3;border-radius:14px;padding:0 17px;font-weight:900}.practice-support-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:20px;display:grid}.practice-support-actions button,.next-practice-button{cursor:pointer;border:0;border-radius:17px;min-height:60px;padding:0 14px;font-weight:950}.practice-support-actions button:first-child{color:#6d4a05;background:#fff3c9;box-shadow:0 6px #e8c158}.practice-support-actions button:last-child,.next-practice-button{color:#fff;background:linear-gradient(#1679c9,#0755a0);box-shadow:0 6px #07386b}.correct-feedback{background:radial-gradient(circle,#fff9d8,#0000 72%);border-radius:28px;padding:25px}.celebration-stars{color:#f1ae13;letter-spacing:.35em;font-size:2rem;animation:.65s ease-out celebration-pop}.correct-feedback .practice-letter-track span{color:#276822;background:#dff4d1;border-color:#75b85b;box-shadow:0 5px #75b85b}.next-practice-button{width:min(100%,340px);margin-top:19px;font-size:1.05rem}@keyframes celebration-pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.practice-reassurance{color:#536c7d;text-align:center;justify-content:center;align-items:center;gap:8px;max-width:700px;margin:15px auto 0;font-weight:850;display:flex}.practice-reassurance span{font-size:1.2rem}.practice-review-panel{grid-column:1/-1}.review-title-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.review-title-row h2{margin:2px 0}.practice-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0;display:grid}.practice-summary button{color:#486174;cursor:pointer;background:#f7fbfd;border:2px solid #d5e1e7;border-radius:16px;place-items:center;min-height:78px;padding:8px;display:grid}.practice-summary button.is-active{color:#57317d;background:#f2e9ff;border-color:#7149a8;box-shadow:0 4px #c6ade6}.practice-summary strong{color:var(--navy);font-size:1.55rem}.practice-summary span{font-size:.72rem;font-weight:850}.review-empty{text-align:center;color:#647987;background:#f5f8fa;border-radius:17px;padding:25px}.review-empty>span{font-size:2rem;display:block}.review-empty p{margin:4px 0}.attempt-list{gap:8px;max-height:520px;padding-right:4px;display:grid;overflow-y:auto}.attempt-row{background:#f5fafc;border-left:6px solid #86b96c;border-radius:14px;grid-template-columns:auto minmax(150px,.8fr) minmax(200px,1.2fr) auto;align-items:center;gap:12px;padding:11px 13px;display:grid}.attempt-row.is-learning{background:#fffaf0;border-left-color:#d9b75c}.attempt-category-icon{font-size:1.7rem}.attempt-word,.attempt-tries{gap:2px;min-width:0;display:grid}.attempt-word strong{color:var(--navy);font-size:1.05rem}.attempt-row small{color:#718492;font-size:.72rem}.attempt-tries>span{color:#718492;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:900}.attempt-tries strong{white-space:nowrap;text-overflow:ellipsis;color:#374f63;overflow:hidden}.attempt-status{color:#2e6827;text-align:center;background:#e4f4dc;border-radius:999px;justify-self:end;padding:7px 11px;font-size:.7rem;font-weight:900}.is-learning .attempt-status{color:#725712;background:#fff0c5}@media (orientation:portrait),(width<=900px){.category-rail{flex-direction:row;display:flex}.rail-practice{border-right:1px solid #ffffff29;flex:0 0 94px;height:84px;min-height:84px;font-size:.62rem}.rail-practice span{font-size:1.5rem}.category-list{flex:1}.hero-question{flex-direction:column;gap:9px}.hero-question .speak-label-button{align-self:center}.practice-invite{grid-template-columns:auto 1fr}.practice-invite>button{grid-column:1/-1;width:100%}.result-card.is-long-word{grid-template-columns:1fr}.related-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-screen{padding:13px}.practice-card{grid-template-columns:1fr}.practice-picture-column{min-height:390px}.practice-play-column{padding:30px}.practice-picture-column .word-artwork{max-width:480px}.attempt-row{grid-template-columns:auto 1fr auto}.attempt-tries{grid-column:2/-1}.attempt-status{grid-area:1/3}}@media (width<=600px){.practice-invite{text-align:center;grid-template-columns:1fr}.practice-invite-icon{margin:auto}.practice-invite .heading-with-speaker{justify-content:center}.heading-with-speaker{align-items:center}.page-heading .heading-with-speaker{align-items:flex-start}.speak-label-button{width:44px;min-width:44px;height:44px;min-height:44px}.result-spelling .result-word.length-long{font-size:clamp(1.65rem,8.4vw,2.8rem)}.letter-track.length-long{gap:2px;padding:10px 5px}.letter-track.length-long span{border-radius:7px;height:42px;font-size:1rem}.related-picture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.related-picture-grid .word-card-main strong{font-size:.68rem}.related-picture-grid .word-artwork{height:82px}.practice-heading{padding:13px}.practice-heading-icon{width:55px;height:55px}.practice-picture-column{min-height:300px;padding:22px 14px}.practice-play-column{padding:23px 14px 32px}.keyboard-row{gap:3px}.keyboard-row button{flex:1;min-width:0;height:43px;font-size:.8rem}.practice-support-actions{grid-template-columns:1fr}.practice-summary{grid-template-columns:repeat(2,1fr)}.attempt-row{grid-template-columns:auto 1fr}.attempt-status,.attempt-tries{grid-column:2}.attempt-status{grid-row:auto;justify-self:start}.review-title-row{flex-direction:column;align-items:flex-start}}@supports (padding:max(0px)){.mobile-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:max(8px,env(safe-area-inset-top))}.home-screen,.category-screen,.result-screen,.settings-screen,.practice-screen{padding-right:max(clamp(16px,2.2vw,30px),env(safe-area-inset-right));padding-left:max(clamp(16px,2.2vw,30px),env(safe-area-inset-left));padding-bottom:max(clamp(16px,2.2vw,30px),env(safe-area-inset-bottom))}}.maths-invite{box-shadow:var(--shadow);background:linear-gradient(135deg,#dff7ff,#eef8d9);border:3px solid #fff;border-bottom:7px solid #087c8b;border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-top:17px;padding:18px 22px;display:grid}.maths-invite-icon{color:#fff;background:linear-gradient(145deg,#0f91a1,#08717e);border-radius:20px;place-items:center;width:67px;height:67px;font-size:2.7rem;font-weight:950;display:grid;box-shadow:0 6px #075660}.maths-invite h2{color:#075f6b;font-size:1.55rem}.maths-invite p{color:#526f73;margin:5px 0 0;font-weight:750}.maths-invite>button,.maths-choice>button{color:#fff;cursor:pointer;background:linear-gradient(#118e9e,#08717e);border:0;border-radius:17px;min-height:58px;padding:0 21px;font-size:1rem;font-weight:950;box-shadow:0 6px #075660}.maths-home-screen,.maths-learning-screen,.number-play-screen{background:radial-gradient(circle at 86% 0,#fffffff2,#0000 32%),linear-gradient(145deg,#e5f8ff,#edf8e0);min-height:100%;padding:clamp(16px,2.2vw,30px)}.maths-hero,.maths-page-heading{max-width:1220px;box-shadow:var(--shadow);background:#fff;border-bottom:8px solid #087b8a;border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:21px;margin:0 auto 20px;padding:clamp(18px,2.6vw,30px);display:grid;overflow:hidden}.maths-hero-symbol,.maths-page-icon{color:#fff;background:linear-gradient(145deg,#1294a4,#08717e);border-radius:23px;place-items:center;width:82px;height:82px;font-size:3.5rem;font-weight:950;display:grid;box-shadow:0 7px #075660}.maths-hero h1,.maths-page-heading h1{color:var(--navy);letter-spacing:-.045em;margin:0;font-size:clamp(2.4rem,5vw,4.5rem)}.maths-hero p,.maths-page-heading p{color:#56727e;margin:7px 0 0;font-size:1.05rem;font-weight:750;line-height:1.45}.maths-hero-train{transform-origin:100%;width:250px;transform:scale(.75)}.maths-hero-train .train-scene{width:330px}.maths-choice-grid{grid-template-columns:1fr 1fr;gap:22px;max-width:1120px;margin:0 auto;display:grid}.maths-choice{min-height:340px;box-shadow:var(--shadow);background:#fff;border:3px solid #fff;border-radius:30px;flex-direction:column;align-items:flex-start;padding:30px;display:flex}.maths-choice.learning-choice{background:linear-gradient(155deg,#fff,#dff6ff);border-bottom:8px solid #087b8a}.maths-choice.number-play-choice{background:linear-gradient(155deg,#fff,#f2e8ff);border-bottom:8px solid #7149a8}.maths-choice-icon{background:#e4f7fb;border-radius:22px;place-items:center;width:76px;height:76px;font-size:2.5rem;display:grid;box-shadow:inset 0 -5px #073b781f}.number-play-choice .maths-choice-icon{background:#f1e7ff}.maths-choice h2{color:var(--navy);margin:18px 0 0;font-size:clamp(1.7rem,3vw,2.5rem)}.maths-choice p{color:#5d7481;flex:1;font-weight:750;line-height:1.5}.number-play-choice>button{background:linear-gradient(#7a53ae,#5a398c);box-shadow:0 6px #42276d}.maths-reassurance{color:#526d76;text-align:center;justify-content:center;align-items:center;gap:8px;margin:20px auto 0;font-weight:850;display:flex}.maths-back-button{max-width:1220px;color:var(--navy);cursor:pointer;background:#fff;border:2px solid #b9d5de;border-radius:15px;min-height:48px;margin:0 auto 12px;padding:0 17px;font-weight:900;display:block;box-shadow:0 4px #bed2da}.operation-stack{gap:24px;width:100%;min-width:0;max-width:1220px;margin:0 auto;display:grid}.learning-operation{width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow);background:#fff;border-left:9px solid #087b8a;border-radius:30px;padding:clamp(18px,2.5vw,30px);overflow:hidden}.learning-operation.tone-primary{border-bottom:8px solid #087b8a}.learning-operation.tone-secondary{border-left-color:#3c6db3}.learning-operation.tone-quiet{border-left-color:#9badb8;box-shadow:0 10px 25px #073b7817}.operation-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.operation-heading>div{align-items:center;gap:13px;display:flex}.operation-heading h2{color:var(--navy);margin:0;font-size:clamp(1.55rem,3vw,2.25rem)}.operation-symbol{color:#08717e;background:#e0f6f9;border-radius:17px;place-items:center;width:58px;height:58px;font-size:2.3rem;font-weight:950;display:grid}.learning-equation-row{background:linear-gradient(#f2fbff,#e7f6fb);border:3px solid #c5e6ee;border-radius:24px;grid-template-columns:minmax(86px,1fr) auto minmax(86px,1fr) auto minmax(100px,1fr) auto;align-items:center;gap:clamp(8px,1.5vw,18px);padding:clamp(13px,2vw,22px);display:grid}.number-cell{min-width:0;position:relative}.number-cell input,.answer-cell{width:100%;height:104px;color:var(--navy);text-align:center;background:#fff;border:4px solid #78b9c8;border-radius:20px;font-size:clamp(2.1rem,5vw,4rem);font-weight:950;box-shadow:inset 0 5px 8px #073b780f,0 6px #aed5de}.number-cell input{padding:0 35px 0 8px}.number-cell button,.answer-cell button{cursor:pointer;background:#e4f4f8;border:0;border-radius:11px;width:36px;height:36px;font-size:.9rem;line-height:1;position:absolute;bottom:7px;right:7px;overflow:hidden}.answer-cell{background:#fff7d4;border-color:#e7be45;place-items:center;display:grid;position:relative;box-shadow:inset 0 5px 8px #6a4d000f,0 6px #d7b343}.equation-symbol{color:var(--navy);text-align:center;font-size:clamp(2rem,4vw,3.4rem);font-weight:950}.clear-equation{color:#526978;cursor:pointer;background:#fff;border:2px solid #ccdbe1;border-radius:14px;min-height:50px;padding:0 14px;font-weight:900}.maths-completion-target{height:1px;scroll-margin-block:22vh}.maths-gentle-prompt{color:#59717c;justify-content:center;align-items:center;gap:10px;margin:16px 0 0;font-weight:850;display:flex}.maths-gentle-prompt .speak-label-button{width:44px;height:44px}.maths-visual-guide{background:linear-gradient(155deg,#f8fcff,#e9f7fb);border:3px solid #d5ebf0;border-radius:25px;width:100%;min-width:0;max-width:100%;margin-top:20px;padding:clamp(15px,2vw,23px);overflow:hidden}.maths-visual-guide.is-compact{padding:15px}.visual-guide-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px;display:flex}.visual-guide-heading h3{color:var(--navy);margin:2px 0;font-size:clamp(1.25rem,2.4vw,1.75rem)}.maths-show-me{color:#fff;cursor:pointer;background:linear-gradient(#1679c9,#0755a0);border:0;border-radius:17px;min-height:58px;padding:0 20px;font-size:1rem;font-weight:950;box-shadow:0 6px #07386b}.maths-show-me span{margin-right:6px;font-size:1.35rem}.quantity-learning{gap:14px;display:grid}.quantity-visual{background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:clamp(8px,1.6vw,20px);min-height:110px;padding:17px;display:flex}.object-group{background:#edf8fb;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:7px;min-width:66px;padding:10px;display:flex}.object-group.is-combined{background:#fff5c9;border:3px solid #e7bd3f}.cargo-token{background:linear-gradient(#4fb5e4,#1783c2);border:3px solid #075ba4;border-radius:6px;width:32px;height:27px;display:inline-block;position:relative;box-shadow:0 3px #074578}.cargo-token i{background:#17364e;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-7px;left:3px;box-shadow:16px 0 #17364e}.cargo-token.is-removed{opacity:.35;filter:grayscale(.6);text-decoration:line-through}.quantity-symbol{color:var(--navy);font-size:2.2rem;font-weight:950}.equal-groups{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.multiplication-groups,.division-groups{display:grid}.multiplication-groups p,.division-groups p{text-align:center;color:#4e6876;margin:0;font-weight:800}.ten-frames{background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:12px;padding:14px;display:flex}.ten-frame{border:4px solid var(--navy);background:#fffdf3;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:5px;width:min(100%,330px);padding:5px;display:grid}.ten-frame span{aspect-ratio:1;background:#fff;border:2px solid #b9cbd4;border-radius:50%}.ten-frame span.is-filled{background:#ffd34e;border-color:#bd8611;box-shadow:inset 0 -4px #e1a914}.whole-number-visual{text-align:center;background:linear-gradient(145deg,#fff9d9,#fff);border:4px solid #e6bd42;border-radius:22px;align-content:center;place-items:center;gap:3px;min-height:120px;padding:14px;display:grid;box-shadow:inset 0 -6px #d7b3432e}.whole-number-visual span{color:#6d5a21;letter-spacing:.12em;font-size:.72rem;font-weight:950}.whole-number-visual strong{color:var(--navy);font-size:clamp(3.2rem,7vw,5.5rem);line-height:1}.railway-number-line{background:#fff;border-radius:22px;width:100%;min-width:0;max-width:100%;margin-top:16px;padding:16px 12px 12px;overflow:hidden;box-shadow:inset 0 0 0 3px #d7e8ed}.number-line-direction{color:#496779;justify-content:space-between;align-items:center;gap:10px;padding:0 9px 10px;display:flex}.number-line-direction strong{color:#075f87;font-size:1.05rem}.number-line-clue{color:#07558d;cursor:pointer;background:#e4f4ff;border:0;border-radius:14px;min-height:48px;padding:0 14px;font-weight:950;box-shadow:0 4px #b8d7e8}.number-line-clue span{margin-right:5px}.number-line-scroll{scroll-behavior:auto;scrollbar-color:#5d9fb7 #e4f2f6;scrollbar-width:auto;overscroll-behavior-inline:contain;touch-action:pan-x;width:100%;min-width:0;max-width:100%;padding:88px 3px 12px;scroll-padding-inline:38%;overflow:auto hidden}.number-line-track{width:max-content;min-width:max-content;padding:0 30px;display:flex;position:relative}.number-line-track:before{content:"";background:repeating-linear-gradient(90deg,#5b6e77 0 30px,#e5c68b 30px 38px);border-top:3px solid #263e4c;border-bottom:3px solid #263e4c;height:10px;position:absolute;top:16px;left:30px;right:30px}.number-station{color:#526b78;flex-direction:column;align-items:center;width:84px;min-width:84px;min-height:92px;padding-top:3px;scroll-margin-inline:32px;display:flex;position:relative}.station-dot{z-index:2;background:#fff;border:4px solid #49616f;border-radius:50%;width:31px;height:31px}.number-station>strong{margin-top:8px;font-size:1.38rem;font-weight:950;line-height:1}.number-station>small{color:#526a77;text-align:center;margin-top:4px;font-size:.62rem;font-weight:950}.number-station.is-start .station-dot{background:#b9eff3;border-color:#087b8a;box-shadow:0 0 0 5px #087b8a24}.number-station.is-start>strong{color:#075f6b;font-size:1.55rem}.number-station.is-final .station-dot{background:#ffd34e;border-color:#d49700;width:39px;height:39px;margin-top:-4px;box-shadow:0 0 0 5px #ffd34e3b}.number-station.is-final>strong{color:#875d00;font-size:1.65rem}.number-station.is-reached .station-dot{background:#7dd6e0}.jump-arrow{color:#1679c9;font-size:2rem;font-weight:950;position:absolute;top:-39px;left:27px}.number-line-train{z-index:5;pointer-events:none;width:90px;height:80px;position:absolute;top:-83px;left:-3px;overflow:hidden}.number-line-train .train-scene{transform-origin:0 0;width:330px;transform:scale(.245)}.number-line-train .train-track{display:none}.number-play-heading{border-bottom-color:#7149a8}.number-play-heading .maths-page-icon{background:#7149a8;box-shadow:0 7px #4b2b79}.number-play-card{background:#fff;border-radius:32px;grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);grid-template-areas:"question answer""thinking thinking";max-width:1120px;min-height:590px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 55px #372c682e}.number-question{background:linear-gradient(155deg,#dff4ff,#e9e1ff);flex-direction:column;grid-area:question;justify-content:center;align-items:center;gap:21px;padding:clamp(25px,4vw,48px);display:flex}.level-ticket{color:#604382;letter-spacing:.12em;background:#fff;border-radius:999px;padding:8px 15px;font-size:.72rem;font-weight:950;box-shadow:0 4px 12px #073b781f}.number-play-equation{width:100%;color:var(--navy);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;display:grid}.number-play-equation strong{aspect-ratio:1;background:#fff;border:4px solid #9dcbdc;border-radius:24px;place-items:center;min-width:0;max-height:150px;font-size:clamp(2.7rem,6vw,5rem);display:grid;box-shadow:0 8px #b4d5e0}.number-play-equation span{font-size:clamp(2rem,4vw,3.5rem);font-weight:950}.number-play-equation .question-mark{color:#6b45a2;background:#f6edff;border-color:#bba4da;box-shadow:0 8px #c8b6df}.hear-number-question{color:#fff;cursor:pointer;background:linear-gradient(#1679c9,#0755a0);border:0;border-radius:18px;min-height:64px;padding:0 22px;font-size:1rem;font-weight:950;box-shadow:0 6px #07386b}.hear-number-question span{margin-right:7px;font-size:1.5rem}.number-play-thinking-line{background:linear-gradient(#fff,#f4fbfd);grid-area:thinking;min-width:0;padding:0 clamp(18px,3vw,34px) clamp(22px,3vw,34px)}.number-play-thinking-line .maths-visual-guide{margin-top:0}.number-play-thinking-line .visual-guide-heading{margin-bottom:8px}.number-answer-area{grid-area:answer;justify-content:center;align-items:center;min-width:0;padding:clamp(27px,4vw,54px);display:flex}.number-answer-form{gap:14px;width:min(100%,430px);display:grid}.number-answer-form label{color:#536a79;margin-left:7px;font-size:.78rem;font-weight:950}.number-answer-form input{width:100%;height:120px;color:var(--navy);text-align:center;background:#f7fcff;border:5px solid #9fcbd8;border-radius:24px;font-size:clamp(3.5rem,8vw,6rem);font-weight:950;box-shadow:inset 0 5px 9px #073b780f,0 8px #b7d4dc}.check-number-button,.next-number-button{color:#fff;cursor:pointer;background:linear-gradient(#7751ad,#5b388f);border:0;border-radius:18px;width:100%;min-height:66px;font-size:1.08rem;font-weight:950;box-shadow:0 7px #412469}.gentle-number-feedback{text-align:center;color:#6b5314;background:#fff4ce;border-radius:17px;padding:13px;display:grid}.gentle-number-feedback strong{font-size:1.25rem}.number-support,.number-success{text-align:center;width:100%}.number-support>h2,.number-success>h2{color:var(--navy);margin:3px 0 8px;font-size:clamp(2rem,4vw,3.2rem)}.number-support>p{color:#607987;font-weight:750}.support-train{font-size:3.5rem}.number-support .maths-visual-guide{text-align:left}.completed-equation{color:var(--navy);margin:22px auto;font-size:clamp(2.2rem,5vw,4rem);font-weight:900}.completed-equation strong{color:#27712c}.next-number-button{background:linear-gradient(#1679c9,#0755a0);max-width:360px;box-shadow:0 7px #07386b}.hear-number-answer{min-height:52px;color:var(--navy);cursor:pointer;background:#edf8fd;border:2px solid #b8d5e3;border-radius:15px;margin:10px;padding:0 17px;font-weight:900}.maths-settings-panel h2{margin-bottom:12px}.maths-level-control{background:#e9f7fa;border-radius:20px;grid-template-columns:64px 1fr 64px;align-items:center;gap:10px;padding:13px;display:grid}.maths-level-control button{color:#fff;cursor:pointer;background:#087b8a;border:0;border-radius:16px;height:58px;font-size:2rem;font-weight:950;box-shadow:0 5px #075660}.maths-level-control button:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.maths-level-control>div{text-align:center;display:grid}.maths-level-control strong{color:var(--navy);font-size:1.45rem}.maths-level-control span{color:#4f6976;font-weight:850}.visual-help-setting{margin-top:20px!important}.visual-help-setting select,.number-history-filters select{width:100%;min-height:50px;color:var(--navy);background:#fff;border:2px solid #c5dce4;border-radius:13px;padding:0 12px;font-weight:800}.number-play-review-panel{grid-column:1/-1}.number-play-summary{grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0;display:grid}.number-play-summary>div{background:#f5fbfc;border:2px solid #d4e3e8;border-radius:16px;place-items:center;min-height:78px;padding:8px;display:grid}.number-play-summary strong{color:var(--navy);font-size:1.55rem}.number-play-summary span{color:#536c78;font-size:.72rem;font-weight:850}.number-history-filters{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px;display:grid}.number-history-filters label{color:#526b78;gap:5px;font-size:.75rem;font-weight:900;display:grid}.number-attempt-list{gap:8px;max-height:520px;padding-right:4px;display:grid;overflow-y:auto}.number-attempt-row{background:#f5fafc;border-left:6px solid #72b761;border-radius:14px;grid-template-columns:minmax(190px,1fr) minmax(150px,.8fr) auto;align-items:center;gap:13px;padding:12px 14px;display:grid}.number-attempt-row.status-practising{background:#fffaf0;border-left-color:#d9b75c}.number-attempt-row>div{gap:2px;display:grid}.number-attempt-row>div>span{color:#718492;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:900}.number-attempt-row small{color:#718492;font-size:.72rem}.history-equation>strong{color:var(--navy);font-size:1.25rem}@media (orientation:portrait),(width<=900px){.maths-hero,.maths-page-heading{grid-template-columns:auto 1fr}.maths-hero-train{display:none}.maths-choice-grid{grid-template-columns:1fr}.maths-choice{min-height:275px}.learning-equation-row{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr) auto minmax(92px,1fr)}.clear-equation{grid-column:1/-1;width:100%}.number-play-card{grid-template-columns:1fr;grid-template-areas:"question""thinking""answer"}.number-question{min-height:350px}.number-answer-area{min-height:390px}.number-play-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.maths-invite{text-align:center;grid-template-columns:1fr}.maths-invite-icon{margin:auto}.maths-invite .heading-with-speaker{justify-content:center}.maths-invite>button{width:100%}.maths-home-screen,.maths-learning-screen,.number-play-screen{padding:13px}.maths-hero,.maths-page-heading{border-radius:22px;grid-template-columns:58px 1fr;gap:12px;padding:15px}.maths-hero-symbol,.maths-page-icon{border-radius:17px;width:58px;height:58px;font-size:2.4rem}.maths-hero h1,.maths-page-heading h1{font-size:2.15rem}.maths-hero p,.maths-page-heading p{font-size:.87rem}.maths-choice{padding:21px}.learning-operation{border-left-width:5px;padding:15px 10px}.operation-symbol{width:48px;height:48px}.operation-heading{margin-bottom:12px}.learning-equation-row{border-radius:18px;grid-template-columns:minmax(58px,1fr) 20px minmax(58px,1fr) 20px minmax(68px,1fr);gap:4px;padding:10px 7px}.number-cell input,.answer-cell{border-width:3px;border-radius:14px;height:82px;font-size:2.3rem;box-shadow:0 4px #aed5de}.number-cell input{padding:0 28px 0 3px}.number-cell button,.answer-cell button{width:28px;height:28px;font-size:.72rem;bottom:3px;right:3px}.equation-symbol{font-size:1.65rem}.clear-equation{min-height:48px}.visual-guide-heading{align-items:flex-start}.maths-show-me{min-width:112px;padding:0 13px}.quantity-visual{justify-content:flex-start;gap:5px;padding:11px;overflow-x:auto}.object-group{gap:5px;min-width:50px;padding:7px}.cargo-token{width:25px;height:22px}.number-line-scroll{padding-top:84px}.number-station{width:80px;min-width:80px}.number-line-train{width:86px;height:77px}.number-line-direction{flex-direction:column;align-items:stretch}.number-line-clue{width:100%}.number-question{min-height:295px;padding:23px 14px}.number-play-equation{gap:5px}.number-play-equation strong{border-width:3px;border-radius:17px;font-size:2.6rem}.number-play-equation span{font-size:1.7rem}.number-play-thinking-line{padding:0 10px 20px}.number-play-thinking-line .maths-visual-guide{padding:13px 8px}.number-answer-area{align-items:flex-start;min-height:350px;padding:25px 14px}.number-answer-form input{height:104px}.number-support .maths-visual-guide{margin-left:-7px;margin-right:-7px}.number-history-filters,.number-attempt-row{grid-template-columns:1fr}.number-attempt-row .attempt-status{justify-self:start}}.compact-maths-exit{display:none}@media (orientation:landscape) and (height<=600px){.app.is-short-landscape-maths{height:100dvh;min-height:0;padding-top:0;display:block;overflow:hidden}.app.is-short-landscape-maths>.category-rail[hidden],.app.is-short-landscape-maths .mobile-header[hidden]{display:none!important}.app.is-short-landscape-maths .app-main{height:100%;padding-top:0;scroll-padding-top:48px;overflow:hidden auto}.app.is-short-landscape-maths .compact-maths-exit{z-index:50;top:max(6px,env(safe-area-inset-top));left:max(7px,env(safe-area-inset-left));min-height:38px;color:var(--navy);cursor:pointer;background:#fffffff5;border:2px solid #9fc9d2;border-radius:12px;align-items:center;gap:5px;padding:0 12px;font-size:.78rem;font-weight:950;display:flex;position:fixed;box-shadow:0 3px 9px #073b782e}.app.is-short-landscape-maths .maths-home-screen,.app.is-short-landscape-maths .maths-learning-screen,.app.is-short-landscape-maths .number-play-screen{min-height:100%;padding:48px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.app.is-short-landscape-maths .maths-back-button,.app.is-short-landscape-maths .maths-learning-screen>.maths-page-heading,.app.is-short-landscape-maths .number-play-screen>.maths-page-heading{display:none}.app.is-short-landscape-maths .maths-hero{border-bottom-width:4px;border-radius:17px;grid-template-columns:48px minmax(0,1fr);gap:10px;margin-bottom:9px;padding:8px 13px}.app.is-short-landscape-maths .maths-hero-symbol{border-radius:13px;width:44px;height:44px;font-size:2rem;box-shadow:0 4px #075660}.app.is-short-landscape-maths .maths-hero h1{font-size:1.65rem}.app.is-short-landscape-maths .maths-hero p,.app.is-short-landscape-maths .maths-hero-train,.app.is-short-landscape-maths .maths-reassurance{display:none}.app.is-short-landscape-maths .maths-choice-grid{grid-template-columns:1fr 1fr;gap:10px}.app.is-short-landscape-maths .maths-choice{border-bottom-width:5px;border-radius:19px;min-height:188px;padding:11px 15px}.app.is-short-landscape-maths .maths-choice-icon{border-radius:12px;width:42px;height:42px;font-size:1.45rem}.app.is-short-landscape-maths .maths-choice h2{margin:5px 0 0;font-size:1.25rem}.app.is-short-landscape-maths .maths-choice p{margin:3px 0;font-size:.76rem;line-height:1.25}.app.is-short-landscape-maths .maths-choice>button{border-radius:13px;min-height:43px;font-size:.82rem;box-shadow:0 4px #075660}.app.is-short-landscape-maths .operation-stack{gap:12px}.app.is-short-landscape-maths .learning-operation{border-left-width:5px;border-radius:19px;padding:10px}.app.is-short-landscape-maths .operation-heading{margin-bottom:8px}.app.is-short-landscape-maths .operation-symbol{border-radius:12px;width:42px;height:42px;font-size:1.8rem}.app.is-short-landscape-maths .operation-heading h2{font-size:1.3rem}.app.is-short-landscape-maths .learning-equation-row{border-radius:16px;grid-template-columns:minmax(70px,1fr) 24px minmax(70px,1fr) 24px minmax(80px,1fr) auto;gap:6px;padding:8px}.app.is-short-landscape-maths .number-cell input,.app.is-short-landscape-maths .answer-cell{border-width:3px;border-radius:13px;height:68px;font-size:2rem}.app.is-short-landscape-maths .clear-equation{min-height:46px}.app.is-short-landscape-maths .maths-visual-guide{border-radius:18px;margin-top:10px;padding:12px}.app.is-short-landscape-maths .visual-guide-heading{margin-bottom:8px}.app.is-short-landscape-maths .whole-number-visual{min-height:94px}.app.is-short-landscape-maths .number-play-card{border-radius:20px;grid-template-columns:minmax(260px,.8fr) minmax(330px,1.2fr);grid-template-areas:"question answer""thinking thinking";min-height:0}.app.is-short-landscape-maths .number-question{gap:8px;min-height:0;padding:10px 16px}.app.is-short-landscape-maths .number-play-equation{gap:5px;max-width:310px}.app.is-short-landscape-maths .number-play-equation strong{border-width:3px;border-radius:14px;max-height:72px;font-size:2.2rem;box-shadow:0 4px #b4d5e0}.app.is-short-landscape-maths .number-play-equation span{font-size:1.65rem}.app.is-short-landscape-maths .hear-number-question{min-height:43px;font-size:.82rem;box-shadow:0 4px #07386b}.app.is-short-landscape-maths .number-answer-area{min-height:0;padding:10px 16px}.app.is-short-landscape-maths .number-answer-form{gap:8px}.app.is-short-landscape-maths .number-answer-form input{border-width:3px;border-radius:15px;height:72px;font-size:2.6rem;box-shadow:0 4px #b7d4dc}.app.is-short-landscape-maths .check-number-button,.app.is-short-landscape-maths .next-number-button{min-height:46px;font-size:.9rem;box-shadow:0 4px #412469}.app.is-short-landscape-maths .number-play-thinking-line{padding:0 10px 12px}.app.is-short-landscape-maths .railway-number-line{margin-top:8px;padding-top:10px}}@media (prefers-reduced-motion:reduce){.number-line-scroll{scroll-behavior:auto}.number-line-train .train-scene{animation:none!important}}@supports (padding:max(0px)){.maths-home-screen,.maths-learning-screen,.number-play-screen{padding-right:max(clamp(16px,2.2vw,30px),env(safe-area-inset-right));padding-left:max(clamp(16px,2.2vw,30px),env(safe-area-inset-left));padding-bottom:max(clamp(16px,2.2vw,30px),env(safe-area-inset-bottom))}}