*{box-sizing:border-box} :root{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;color:#102e66;font-weight:650;font-synthesis:none}body{margin:0;background:#187ad3}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:4px solid #132e76;outline-offset:4px}button:disabled{cursor:default;opacity:.65}[hidden]{display:none!important}.game{position:relative;width:100%;height:100svh;min-height:320px;overflow:hidden;background:linear-gradient(#ffffff05,#ffffff05),url('assets/meadow.webp') center/cover}.top{height:64px;padding:10px 3%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{color:white;text-shadow:0 3px 0 #1266b7;text-decoration:none;font-size:32px;letter-spacing:-1.5px;font-weight:950}.top-actions{display:flex;gap:9px;align-items:center}.top-actions button,.exit{border:2px solid #ffffffc7;border-radius:16px;background:#0786e6;color:white;box-shadow:0 4px 0 #0758a954;text-align:center;text-decoration:none;min-width:44px;height:44px;font-size:23px;display:flex;align-items:center;justify-content:center;gap:5px}.top-actions button span{font-size:12px}.top-actions [aria-pressed=false]{background:#60778f}.exit{background:#f25753;font-size:23px}.home{height:calc(100% - 64px);max-width:1100px;margin:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:10px 32px 32px}.hero-title{align-self:start;margin-top:35px;position:relative;z-index:1}.eyebrow{font-size:13px;letter-spacing:2px;background:#fff8;border-radius:30px;padding:7px 13px;display:inline-block}h1{font-weight:950;font-size:clamp(40px,5.3vw,75px);line-height:1.04;letter-spacing:-2px;margin:20px 0 16px;color:#fff;text-shadow:0 4px 0 #174eb5,0 8px 20px #195b9550}h1 em{font-style:normal;color:#ffe27b} .hero-title p{background:#fffffff0;display:inline-block;padding:12px 18px;border-radius:20px;font-size:19px;box-shadow:0 5px 0 #1e599322}.home-panel{background:#fffffff2;border:4px solid #fff;border-radius:32px;padding:24px;box-shadow:0 12px 0 #17477d25,0 20px 70px #13548628;position:relative;z-index:1}.home-panel h2{margin:0 0 17px;font-size:23px;text-align:center}.level-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.level-options button{border-radius:19px;background:#eef4ff;border:2px solid #d8e3f5;color:#24466d;padding:12px 5px;font-size:14px;display:grid;gap:2px}.level-options b{font-size:28px;letter-spacing:-1px}.level-options [aria-pressed=true]{background:#e1f6ff;border-color:#049ee5;box-shadow:0 4px 0 #67ceef;color:#0360aa}.mode-options{display:grid;gap:9px;margin:20px 0}.mode-options button{display:flex;align-items:center;text-align:left;gap:14px;border:2px solid #dce6f4;background:#fff;color:#193869;padding:10px 14px;border-radius:19px}.mode-options button>b{background:#e8f2ff;border-radius:15px;min-width:45px;height:43px;display:grid;place-items:center;font-size:22px}.mode-options button>span{display:grid;gap:2px}.mode-options small{font-size:12px;font-weight:550;color:#49617f}.mode-options [aria-pressed=true]{border-color:#00a6ca;background:#effdff;box-shadow:0 3px 0 #00a6ca38}.primary{border:2px solid #80d8ff;border-radius:22px;background:linear-gradient(#159fff,#0570e7);box-shadow:0 6px 0 #034eae,0 9px 20px #004d9940;color:white;padding:13px 28px;font-size:22px;font-weight:900}.home-panel>.primary{width:100%}.primary:hover{filter:brightness(1.06)}button:active{transform:translateY(2px)}.home-note{font-size:12px;text-align:center;margin:17px 0 0;color:#4d6580}.mini-hill{position:absolute;bottom:8%;left:3%;width:45%;height:34%;border-radius:55% 55% 12% 12%;background:linear-gradient(100deg,#0aaf9d25 0%,#30bfb025 49.9%,#faba4b30 50%,#f7a42b30),url('assets/grass.webp') center/190px 190px;border-top:9px solid #9cefa6;box-shadow:inset 0 -35px 30px #216c4230,0 20px 30px #204d4e40;transform:perspective(900px) rotateX(12deg)}.mini-hill>b{position:absolute;bottom:5px;left:0;background:#fff;border:6px solid #bd8d49;border-radius:50%;padding:10px;font-size:35px;box-shadow:0 4px 0 #795728}.mini-hill>b:last-child{left:auto;right:0}.mini-ball{display:grid;place-items:center;position:absolute;left:43%;top:-47px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff7c4,#ffb436 35%,#ed7c00 75%);border:3px solid #fff4c3;box-shadow:0 8px 0 #b0641960,0 15px 20px #56471650;font-size:42px;color:#14346a}.play{max-width:1300px;margin:auto;height:calc(100% - 64px);padding:0 4% 12px;display:flex;flex-direction:column;gap:8px}.play-heading{display:flex;justify-content:space-between;align-items:center;min-height:44px}.small-white{border:2px solid white;background:#ffffffe8;color:#234577;border-radius:15px;padding:8px 13px;font-size:13px;box-shadow:0 3px 0 #21518c25}.progress{text-align:center;background:#ffffffdd;padding:6px 18px;border-radius:20px;font-size:12px}.progress>div{display:flex;gap:6px;margin-top:4px}.progress i{width:17px;height:7px;border-radius:10px;background:#d0dbeb}.progress i.done{background:#0bb7ae}.progress i.current{background:#ffb228}.score{border:3px solid #fff5ce;color:#835617;background:#fff1b8;padding:8px 18px;border-radius:18px;font-size:20px}.title-panel{text-align:center;background:#fff9f3f5;border:3px solid white;border-radius:25px;box-shadow:0 5px 0 #174c8a20;padding:8px 18px;align-self:center;min-width:55%}.title-panel h2{font-size:clamp(23px,3vw,38px);font-weight:950;margin:0;letter-spacing:-.8px}.title-panel p{margin:3px 0 0;font-size:17px}.stage{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hill{width:100%;height:100%;max-height:340px;min-height:150px;overflow:visible}.hill text{font-family:ui-rounded,system-ui,sans-serif;font-weight:900;fill:#173b70}.hill .marker{fill:#fffaf0;stroke:#b28748;stroke-width:4}.hill .tick{font-size:22px}.hill .end{font-size:36px}.hill .ball-text{font-size:29px;fill:#15396a}.hill .wood{stroke:#b8853c;stroke-width:9;fill:none}.hill .rail{stroke:#ffe5a1;stroke-width:4;fill:none}.hill .ball{filter:drop-shadow(0 7px 4px #4f300950)}.answer-box{background:#ffffffed;border:3px solid white;border-radius:30px;box-shadow:0 7px 0 #193e6b26;padding:15px 24px;text-align:center;max-width:880px;width:100%}.answer-box h3{font-size:20px;margin:0 0 10px}.choice-row{display:flex;gap:16px;justify-content:center}.choice{border:3px solid #b7e9f2;border-radius:24px;background:linear-gradient(#24bfd5,#079bb7);box-shadow:0 6px 0 #057487;color:#fff;min-width:165px;padding:9px 26px;font-size:42px;font-weight:950}.choice.orange{background:linear-gradient(#ffb031,#ff8d0b);border-color:#ffe2aa;box-shadow:0 6px 0 #c26900}.feedback{background:#ffffffe8;align-self:center;border-radius:16px;margin:0;padding:6px 17px;min-height:32px;font-size:15px;text-align:center;max-width:100%;color:#123b70}.feedback:empty{background:transparent}.feedback.error{background:#fff1e1;border:2px solid #f9b34a}.controls{display:flex;justify-content:center;flex-shrink:0}.play-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;font-size:12px}.play-footer>span{background:#ffffffe0;border-radius:20px;padding:5px 14px}.digits{display:flex;justify-content:center;gap:14px;align-items:flex-start;margin:13px 0}.digit-wrap{display:grid;justify-items:center;gap:5px}.digit{display:grid;place-items:center;min-width:95px;height:125px;border:4px solid #fff;border-radius:24px;background:linear-gradient(#fff,#f4f1e9);box-shadow:0 8px 0 #d8d8d2,0 11px 20px #20426325;color:#102e66;font-size:76px;line-height:1;font-weight:950;position:relative}.digit small{position:absolute;bottom:7px;font-size:14px}.digit.target{border-color:#0cb9f0;background:#effbff;box-shadow:0 8px 0 #04a1db,0 0 0 4px #c7f4ff}.digit.look{border-color:#ffad3b;background:#fff9e9;box-shadow:0 8px 0 #ed8e12,0 0 0 4px #ffdfa4}.digit.zero{background:#e9fbf5;color:#087366;border-color:#43c2ac;box-shadow:0 8px 0 #279d8c}.caption{font-size:12px;background:#fff;border-radius:12px;padding:6px 10px;max-width:150px;text-align:center;margin-top:8px;min-height:27px}.caption.blue{color:#006dab}.caption.orange{color:#a25208}.digit-stage{background:#ffffff80;border-radius:30px;padding:8px 30px 20px;position:relative}.arrow{height:30px;font-size:25px;color:#e77e00;text-align:center;font-weight:900}.rules{display:flex;gap:14px;width:100%;max-width:800px}.rule{flex:1;border:3px solid #bacfe6;border-radius:23px;background:#f1f6ff;color:#163c70;text-align:left;padding:13px 20px;box-shadow:0 5px 0 #b6c9df;font-size:23px}.rule b{display:block}.rule small{display:block;font-size:14px;font-weight:600;margin-top:3px}.rule.orange{background:#fff1d5;border-color:#ffbf55;box-shadow:0 5px 0 #d99b37}.rule .number-rule{font-size:12px;letter-spacing:3px}.number-input{display:flex;flex-direction:column;gap:12px;align-items:center}.number-input label{font-size:17px}.number-input input{width:260px;text-align:center;font:900 43px ui-rounded,system-ui;color:#14346c;border:3px solid #139de8;border-radius:20px;padding:5px;background:white}.keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;max-width:520px;width:100%}.keypad button{border:2px solid white;border-radius:13px;background:#f0f8ff;color:#153c70;box-shadow:0 3px 0 #9fc3dc;height:43px;font-size:23px}.success-board{background:#fffffff2;border:4px solid white;border-radius:30px;width:min(900px,100%);text-align:center;padding:16px 28px;box-shadow:0 8px 0 #1c568127}.equation{font-size:clamp(40px,6vw,72px);font-weight:950;line-height:1.15;letter-spacing:-1px}.equation em{font-style:normal;color:#078de8}.equation strong{color:#f28c0a}.success-board>p{font-size:17px;max-width:730px;margin:12px auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.steps>div{border:2px solid #e6edf4;border-radius:20px;padding:10px;background:#fff;display:grid;gap:4px;font-size:13px}.steps b{font-size:34px;color:#ea8c12}.reinforce{display:flex;gap:10px;justify-content:center}.reinforce span{font-size:13px;flex:1;background:#e1f5fc;padding:9px;border-radius:14px}.reinforce span+span{background:#fff0cc}.next-buttons{display:flex;gap:10px;align-items:center;justify-content:center}.hint-number{color:#f1870e;font-size:40px}.finish-panel{background:white;border-radius:20px;padding:20px}.trophy{font-size:70px;color:#ffba1a;text-shadow:0 4px #f08512}dialog{border:4px solid white;border-radius:32px;padding:25px 32px;color:#15376a;text-align:center;width:min(520px,92vw);box-shadow:0 20px 100px #113a6980;background:#f7fcff}dialog::backdrop{background:#0c315280;backdrop-filter:blur(5px)}dialog h2{font-size:31px;margin:10px 0}dialog p{font-size:17px}dialog .primary{display:block;margin:20px auto 15px}#summary{font-size:22px;color:#026b9e}.confetto{position:absolute;width:12px;height:18px;background:var(--c);top:-30px;left:var(--x);animation:fall 1.8s ease-in forwards;pointer-events:none}#confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}@keyframes fall{to{transform:translateY(110svh) rotate(700deg)}}@media(max-height:700px){.top{height:52px;padding-block:5px}.top-actions button,.exit{height:38px;min-width:38px}.brand{font-size:27px}.home,.play{height:calc(100% - 52px)}.home{padding-bottom:18px}.hero-title{margin-top:12px}.home-panel{padding:16px}.mode-options{margin:13px 0;gap:7px}.mode-options button{padding:6px 12px}.level-options button{padding:7px 3px}.home-panel h2{font-size:20px;margin-bottom:12px}.home-note{margin-top:12px}.play{gap:5px}.title-panel h2{font-size:28px}.title-panel p{font-size:15px}.title-panel{padding:6px 18px}.digit{height:100px;min-width:83px;font-size:60px}.digits{margin:6px 0}.digit-stage{padding:2px 23px 10px}.arrow{height:25px;font-size:21px}.caption{font-size:11px;margin-top:5px;padding:4px 6px;min-height:22px}.answer-box{padding:10px 20px}.answer-box h3{font-size:18px;margin-bottom:6px}.choice{font-size:34px;padding:6px 24px}.rule{padding:9px 18px;font-size:20px}.rule small{font-size:12px}.success-board{padding:10px 22px}.success-board>p{font-size:15px;margin:8px auto}.steps{margin:8px 0}.steps>div{padding:6px}.steps b{font-size:28px}.reinforce span{padding:6px;font-size:12px}.equation{font-size:54px}.keypad button{height:35px;font-size:20px}.number-input{gap:8px}.number-input input{font-size:32px}.feedback{font-size:13px;min-height:27px;padding:4px 12px}.primary{padding:10px 24px;font-size:20px}.hill{max-height:260px}.play-footer{min-height:29px}.small-white{padding:6px 10px}}
@media(max-width:700px){.top{padding-inline:4%}.top-actions button span{display:none}.home{grid-template-columns:1fr;gap:8px;padding:0 16px 20px;max-width:500px;align-content:center}.hero-title{margin:0;text-align:center}.eyebrow{font-size:10px;padding:4px 10px}h1{font-size:36px;margin:8px 0;line-height:1;letter-spacing:-1px}h1 br{display:none} .hero-title p{display:none}.mini-hill{display:none}.home-panel{padding:15px;border-radius:25px}.home-panel h2{font-size:18px}.mode-options{margin:13px 0}.level-options b{font-size:24px}.mode-options button>b{height:36px}.play{padding:0 12px 10px}.play-heading{min-height:37px}.progress{padding:5px 10px}.score{padding:5px 9px;font-size:16px}.title-panel{width:100%;min-width:0}.title-panel h2{font-size:24px}.title-panel p{font-size:14px}.digits{gap:7px}.digit{min-width:58px;height:90px;font-size:50px;border-radius:17px}.digit small{font-size:11px}.caption{font-size:10px;padding:5px;max-width:85px}.digit-stage{padding:8px}.arrow{font-size:18px}.rule{padding:11px;font-size:18px}.rule small{font-size:12px}.rule .number-rule{font-size:10px;letter-spacing:1px}.rules{gap:8px}.answer-box{padding:12px 10px}.choice{min-width:110px;padding:9px 17px;font-size:31px}.answer-box h3{font-size:17px}.hill{min-height:150px;max-height:330px}.feedback{font-size:13px;padding:6px 11px}.play-footer>span{font-size:10px;padding:4px}.play-footer .small-white{font-size:11px;padding:7px}.success-board{padding:16px 10px}.equation{font-size:39px}.success-board>p{font-size:15px}.steps{gap:5px}.steps>div{font-size:11px;padding:8px 4px}.steps b{font-size:28px}.reinforce{gap:5px}.reinforce span{font-size:11px;padding:8px 5px}.keypad{grid-template-columns:repeat(6,1fr)}.keypad button{font-size:23px;height:43px}.next-buttons{gap:6px}.next-buttons .primary{padding:11px 20px;font-size:18px}.next-buttons .small-white{font-size:11px}}
@media(max-height:480px) and (min-width:701px){.top{height:42px}.top-actions button,.exit{height:31px;min-width:35px;border-radius:11px}.home,.play{height:calc(100% - 42px)}.home-panel{padding:10px 15px}.home-panel h2{margin:0 0 7px;font-size:18px}.mode-options{gap:5px;margin:9px 0}.mode-options button{padding:4px 10px}.mode-options button>b{height:27px}.mode-options small{font-size:10px}.level-options button{padding:3px}.level-options b{font-size:22px}.home-note{margin:8px 0 0;font-size:10px}.home h1{font-size:45px}.play{gap:3px}.play-heading{min-height:30px}.progress{padding:3px 13px}.progress i{height:5px}.title-panel h2{font-size:23px}.title-panel p{font-size:12px}.title-panel{padding:4px 12px}.digit{height:74px;min-width:68px;font-size:47px}.digit small{bottom:3px;font-size:10px}.caption{font-size:10px;min-height:17px;margin:3px 0 0;padding:3px 6px}.arrow{height:19px;font-size:16px}.digit-stage{padding:0 15px 6px}.answer-box{padding:6px 15px}.answer-box h3{font-size:15px;margin-bottom:4px}.choice{font-size:27px;padding:4px 20px}.feedback{font-size:12px;min-height:23px}.primary{padding:7px 22px;font-size:17px}.rule{padding:6px 18px;font-size:18px}.rule small{font-size:11px}.rule .number-rule{display:none}.play-footer{min-height:25px}.small-white{padding:4px 9px;font-size:11px}.success-board{padding:6px 15px}.equation{font-size:37px}.success-board>p{margin:5px auto;font-size:13px}.steps{margin:5px 0}.steps>div{font-size:11px;padding:4px}.steps b{font-size:22px}.reinforce span{padding:5px;font-size:10px}.keypad button{height:27px}.number-input input{font-size:25px;padding:2px}.number-input label{font-size:13px}.number-input{gap:6px}.hill{min-height:100px;max-height:170px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-height:480px) and (min-width:701px){.home .mode-options{grid-template-columns:repeat(3,1fr);gap:6px}.home .mode-options button{padding:8px 6px;text-align:center;justify-content:center;font-size:12px;min-height:54px}.home .mode-options button>b{display:none}.home .mode-options small{font-size:9px}.home-panel{max-width:510px}.number-input{display:grid;grid-template-columns:150px 1fr;gap:6px 16px}.number-input label{grid-column:1;font-size:12px}.number-input input{width:100%;grid-column:1;grid-row:2}.number-input .keypad{grid-column:2;grid-row:1/3}.number-input #check{grid-column:1/3;justify-self:center}.number-input .keypad button{height:29px}}
/* Match the approved 3D hill screen and rounded tactile controls. */
.hill-screen .play-heading{display:none}.hill-screen{padding-top:0;gap:0;max-width:1450px}.hill-screen .title-panel{margin-top:-54px;min-width:0;width:64%;padding:10px 18px;border-radius:25px 29px 27px 23px;transform:rotate(-1deg);box-shadow:0 6px 2px #16497a35;background:linear-gradient(#fff,#f4f8ff);position:relative;z-index:2}.hill-screen .title-panel h2{font-size:clamp(22px,2.6vw,38px);font-weight:950}.hill-screen .title-panel p{display:none}.hill-screen .stage{margin-top:12px;margin-bottom:-32px;z-index:0}.hill-screen .hill{max-height:none;height:100%;min-height:180px;filter:drop-shadow(0 9px 8px #3b652c22)}.hill-screen>.feedback{display:none}.hill-screen .controls{z-index:1;position:relative;width:min(760px,65%);align-self:center}.hill-screen .answer-box{padding:16px 28px 20px;border:3px solid #fff;border-radius:42px 40px 34px 37px;background:linear-gradient(125deg,#fffffff5,#f1eee5f5);box-shadow:0 8px 2px #8b7b5a40,0 14px 30px #31591930}.hill-screen .answer-box h3{font-size:clamp(20px,2.2vw,31px);font-weight:950;letter-spacing:-.5px;margin-bottom:16px}.hill-screen .choice-row{gap:23px}.hill-screen .choice{width:44%;max-width:250px;min-width:0;min-height:82px;padding:8px 20px;border:3px solid #81e1e9;border-radius:28px;font-size:clamp(34px,4.5vw,60px);line-height:1;font-weight:950;background:linear-gradient(145deg,#21cada,#00a3bd);box-shadow:inset 0 3px 2px #ffffff70,0 6px 0 #067a90,0 9px 12px #23637b30;text-shadow:0 2px 0 #148aa74d}.hill-screen .choice.orange{border-color:#ffd087;background:linear-gradient(140deg,#ffb52f,#ff8b04);box-shadow:inset 0 3px 2px #ffffff70,0 6px 0 #d07300,0 9px 12px #9a673730;text-shadow:0 2px 0 #d4790040}.hill-feedback{border:2px solid #d9dee3;border-radius:30px;background:linear-gradient(#f5f7f8,#e8ebee);font-size:clamp(12px,1.35vw,19px);padding:11px 14px;margin:20px 4px 0;min-height:43px;color:#163c71;font-weight:800;box-shadow:inset 0 1px 1px #fff}.hill-feedback.error{background:#fff0d8;border-color:#f4b258}.hill-screen .play-footer{margin-top:12px}.mini-hill{display:none!important}
@media(max-width:700px){.hill-screen .title-panel{margin-top:0;width:100%;padding:10px}.hill-screen .title-panel h2{font-size:23px}.hill-screen .stage{margin-top:0;margin-bottom:0}.hill-screen .controls{width:100%}.hill-screen .answer-box{padding:14px 13px;border-radius:30px}.hill-screen .answer-box h3{font-size:20px;margin-bottom:12px}.hill-screen .choice{min-height:68px;font-size:37px;border-radius:23px}.hill-feedback{font-size:12px;padding:9px;margin:16px 0 0}.hill-screen .play-footer{margin-top:8px}.hill-screen .hill{min-height:150px}}
@media(max-height:600px) and (min-width:701px){.hill-screen .title-panel{margin-top:-43px;padding:7px 12px}.hill-screen .title-panel h2{font-size:25px}.hill-screen .stage{margin-top:5px;margin-bottom:-25px}.hill-screen .hill{min-height:115px}.hill-screen .controls{width:min(650px,65%)}.hill-screen .answer-box{padding:9px 18px 12px;border-radius:29px}.hill-screen .answer-box h3{font-size:21px;margin-bottom:10px}.hill-screen .choice{min-height:54px;font-size:38px;border-radius:21px}.hill-feedback{font-size:12px;padding:7px;margin-top:13px;min-height:29px}.hill-screen .play-footer{margin-top:8px}}
.number-morph{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:14px 8px;background:none}.morph-digits{display:flex;gap:12px;justify-content:center}.morph-digit{display:grid;justify-items:center;align-content:center;min-width:84px;min-height:118px;background:linear-gradient(#fff,#f7f5ec);border:4px solid white;border-radius:25px;box-shadow:0 7px 0 #d9d8cb,0 9px 14px #275d6130;color:#14366b}.morph-digit b{font-size:65px;line-height:1}.morph-digit small{font-size:14px;margin-top:7px}.morph-digit.target{border-color:#10b2ec;box-shadow:0 7px 0 #078bc4}.morph-digit.look{border-color:#ffb43f;box-shadow:0 7px 0 #e98b12}.morph-digit.zero{border-color:#47c9aa;color:#097463;box-shadow:0 7px 0 #1c9a7d}.morph-caption{background:#fffffff0;border-radius:22px;padding:11px 22px;text-align:center;font-size:19px;max-width:850px;margin:0;min-height:47px}.hill-screen:has(.number-morph) .stage{margin-bottom:0}.hill-screen:has(.number-morph) .hill{min-height:120px;flex:1;max-height:310px}.hill-screen .number-morph{gap:10px;padding:0 8px 12px}.hill-screen .morph-digit{min-width:60px;min-height:77px;border-radius:18px}.hill-screen .morph-digit b{font-size:42px}.hill-screen .morph-digit small{font-size:10px;margin-top:3px}.hill-screen .morph-caption{font-size:16px;padding:8px 18px;min-height:35px}.hill-screen:has(.number-morph) .controls{width:auto}.hill-screen .next-buttons .primary{border-radius:25px;min-height:55px}.hill-screen:has(.number-morph) #hint{display:none}
@media(max-width:700px){.morph-digit{min-width:51px;min-height:80px;border-radius:18px}.morph-digit b{font-size:42px}.morph-digits{gap:7px}.morph-caption{font-size:15px;padding:10px 13px}.hill-screen .morph-digit{min-width:44px;min-height:64px}.hill-screen .morph-digit b{font-size:33px}.hill-screen .morph-caption{font-size:13px}.hill-screen:has(.number-morph) .hill{min-height:100px}.hill-screen .morph-digits{gap:6px}}
@media(max-height:600px) and (min-width:701px){.morph-digit{min-width:65px;min-height:85px}.morph-digit b{font-size:47px}.morph-caption{font-size:14px;padding:7px 15px;min-height:30px}.number-morph{gap:9px;padding:5px}.hill-screen .morph-digit{min-width:42px;min-height:55px;border-width:3px;border-radius:14px}.hill-screen .morph-digit b{font-size:29px}.hill-screen .morph-digit small{font-size:9px;margin-top:1px}.hill-screen .morph-caption{font-size:12px;padding:5px 12px;min-height:26px}.hill-screen .number-morph{padding:0;gap:7px}.hill-screen .next-buttons .primary{min-height:35px;font-size:16px;padding:7px 18px}.hill-screen:has(.number-morph) .hill{min-height:65px;max-height:140px}}
.game:has(.hill-screen:not([hidden])) .top-actions button span{display:none}
/* Keep the existing menu control visible in the hill without restoring the score bar. */
.hill-screen .play-heading{display:block;position:absolute;left:3%;top:68px;z-index:4;min-height:0}.hill-screen .play-heading .progress,.hill-screen .play-heading .score{display:none}.hill-screen #menu{background:linear-gradient(#fff,#f2f7ff);border-radius:18px;padding:10px 18px;font-size:15px;box-shadow:0 4px 0 #9dc5df;color:#163b70}
.level-options{grid-template-columns:repeat(6,minmax(0,1fr))}.level-options button{grid-column:span 2;min-width:0}.level-options button:nth-child(n+4){grid-column:span 3}.level-options b{font-size:25px}.level-options button:nth-child(n+4){font-size:12px}.level-options button:nth-child(n+4) b{font-size:25px}
.play[data-large=true] .choice{font-size:clamp(23px,3.2vw,43px);padding-inline:10px}.play[data-large=true] .digit{min-width:0;width:clamp(36px,9vw,85px);font-size:clamp(30px,7vw,60px)}.play[data-large=true] .digits{gap:6px}.play[data-large=true] .digit-wrap{min-width:0}.play[data-large=true] .caption{max-width:85px;overflow-wrap:break-word}.play[data-large=true] .morph-digits{gap:6px}.play[data-large=true] .morph-digit{min-width:0;width:clamp(35px,9vw,75px)}.play[data-large=true] .morph-digit b{font-size:clamp(30px,6vw,55px)}
@media(max-width:700px){.hill-screen .play-heading{top:58px;left:12px}.hill-screen #menu{font-size:11px;padding:7px 10px}.hill-screen .title-panel{margin-top:43px}.level-options b,.level-options button:nth-child(n+4) b{font-size:22px}.play[data-large=true] .digit-stage{padding-inline:5px}.play[data-large=true] .caption{max-width:48px;font-size:9px;padding:4px}.play[data-large=true] .digit{height:84px;border-width:3px}.play[data-large=true] .morph-digit{border-width:3px}.play[data-large=true] .morph-digit b{font-size:30px}}
@media(max-height:600px) and (min-width:701px){.hill-screen .play-heading{top:53px}.hill-screen #menu{padding:7px 12px;font-size:12px}.level-options button{padding-block:4px}.level-options b,.level-options button:nth-child(n+4) b{font-size:20px}.home-panel h2{margin-bottom:8px}.mode-options{margin-block:10px}}
@media(max-height:480px) and (min-width:701px){.hill-screen .play-heading{top:45px}.level-options{gap:6px}.level-options button{padding-block:2px}.level-options b,.level-options button:nth-child(n+4) b{font-size:17px}.level-options button{font-size:11px}.level-options button:nth-child(n+4){font-size:10px}.play[data-large=true] .digit{height:72px}.play[data-large=true] .morph-digit b{font-size:29px}}

/* Finalise the guided number in its existing tiles; carries add a leading tile without shifting them. */
.digit .digit-value{font:inherit;line-height:1}.digit-stage .digits{position:relative}.digit-wrap.carry-extra{position:absolute;right:calc(100% + 14px);top:0}.digit[aria-disabled=true]{cursor:default;opacity:1}
@media(max-width:700px){.digit-wrap.carry-extra{right:calc(100% + 7px)}}

.hill-screen .choice.correct-destination:disabled{opacity:1;outline:4px solid #fff;outline-offset:3px}.hill-feedback:has(#next){padding:5px 10px}.hill-feedback #next{min-height:0;padding:5px 20px;font-size:17px;line-height:1.15;box-shadow:0 3px 0 #034eae;border-radius:20px}