:root{font-family:'Avenir Next','Trebuchet MS',system-ui,sans-serif;color:#233e47;background:#f4f3eb;font-synthesis:none;--ink:#233e47;--mint:#d6ed9c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d5ddda;background:#fffdf6;border-radius:10px;color:var(--ink);padding:10px 14px;font-size:12px;font-weight:750;min-height:42px}button:hover{background:#e8f0de}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #548f97;outline-offset:3px}[hidden]{display:none!important}header{min-height:78px;border-bottom:1px solid #d9dfd5;display:flex;align-items:center;justify-content:space-between;padding:14px 4%;gap:15px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:15px;font-weight:850;letter-spacing:1.2px}.brand b{background:#254b4b;color:#e9efac;border-radius:10px;font-size:23px;padding:5px 9px;transform:rotate(-6deg)}.brand span{font-size:9px;letter-spacing:1.5px;color:#7a8980;margin-left:5px}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{background:transparent}main{width:min(1520px,92%);margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 28px;gap:20px}.eyebrow{display:block;font-size:9px;letter-spacing:1.8px;font-weight:850;color:#637b74;margin:0 0 13px}h1{font-size:clamp(36px,4.5vw,65px);letter-spacing:-3px;line-height:1.04;margin:0}h1 em{font-style:normal;color:#72977f}.intro p:not(.eyebrow){font-size:13px;line-height:1.7;color:#718177;margin:15px 0 0}.mission-label{border-left:1px solid #ced8ce;padding-left:25px;display:flex;flex-direction:column;gap:4px}.mission-label span,.mission-label small{font-size:8px;letter-spacing:1.6px}.mission-label strong{font-size:40px;letter-spacing:2px}.mission-label i{font-style:normal;color:#9bad91;font-size:25px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.game-shell{position:relative;min-width:0;height:690px;overflow:hidden;border-radius:24px;background:#bacfcd;border:1px solid #a5bdb7;box-shadow:0 12px 30px #2c494410}#scene{width:100%;height:100%;outline:none;touch-action:none}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:10px;z-index:1;pointer-events:none}.hud>div:first-child{background:#fffbeddb;border:1px solid #fff7;border-radius:13px;padding:11px 15px}.hud small{display:block;font-size:8px;letter-spacing:1.6px;color:#5d7972;margin-bottom:4px}.hud strong{font-size:17px}.hud-right{display:flex;gap:7px}.hud-right span{font-size:12px;padding:11px;background:#fffbe9de;border-radius:10px;font-weight:800}#starCount{color:#886c20}.run-tip{position:absolute;bottom:83px;left:20px;right:20px;text-align:center;font-size:12px;color:#fff;background:#24454bdd;border-radius:20px;padding:9px 15px;width:fit-content;margin:auto;pointer-events:none}.touch-controls{position:absolute;bottom:18px;left:20px;right:20px;display:flex;gap:8px;justify-content:center}.touch-controls button{background:#fffdf0ec;border-color:#fff7;font-size:14px;box-shadow:0 3px #244d5420}.touch-controls small{font-size:9px;margin-left:5px;color:#74857a}#gateNow{margin-left:auto;font-size:11px}.overlay{position:absolute;inset:0;background:#19343b73;backdrop-filter:blur(5px);z-index:4;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.launch-card,.question-card,.small-card{background:#fffdf4;border:1px solid #eeeeda;box-shadow:0 14px 45px #153e4b20;border-radius:22px;width:min(580px,100%);padding:28px 32px}.launch-card{background:#fffdf4f5}.launch-card h2{font-size:42px;line-height:1.04;letter-spacing:-1.8px;margin:0 0 13px}.launch-card h2 em{font-style:normal;color:#73947e}.launch-card>p{font-size:12px;line-height:1.65;color:#708173;margin:10px 0}.grade-picker{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin:18px 0}.grade-picker button{padding:8px 2px;font-size:14px;min-width:0}.grade-picker button small{display:block;font-size:7px;font-weight:700;margin-bottom:4px}.grade-picker button[aria-pressed=true]{background:#274f4c;color:#ecf2b4;border-color:#274f4c}.mode-label{display:block;font-size:10px;font-weight:800;margin-bottom:7px}select{width:100%;padding:12px;border:1px solid #cdd9cc;border-radius:10px;color:var(--ink);background:#f7f8ed;font-size:12px}.launch-card .selection-note{font-size:10px;min-height:31px}.primary{background:#ddec9f;border:1px solid #ccd88d;color:#304b37;font-weight:850;padding:13px 18px;font-size:13px;text-decoration:none;display:inline-block;box-shadow:0 3px #273e2f0d}.primary:hover{background:#d0e589}.launch-card>.primary{width:100%;margin-top:7px}.quiet{display:block;text-align:center;color:#81917d;font-size:9px;line-height:1.6;margin-top:14px}.question-overlay{background:#18343b4d}.question-card{width:min(640px,100%);max-height:100%;overflow:auto;padding:28px}.question-heading{display:flex;justify-content:space-between;gap:10px}.question-heading .eyebrow{font-size:9px;line-height:1.5;color:#7e8365}#qNumber{font-size:10px;white-space:nowrap;color:#849180}.question-card h2{font-size:27px;margin:0 0 16px;letter-spacing:-.7px}.math-prompt{font-size:19px;line-height:1.65;margin:10px 0 21px;color:#27434b}.answer-row{display:flex;gap:8px;margin:8px 0}label[for=answer]{font-size:11px;font-weight:800}input{min-width:0;width:100%;flex:1;border:2px solid #dbe1d1;background:#fff;border-radius:10px;padding:13px;font-size:18px;color:#27434b}input::placeholder{font-size:12px;color:#a0aaa2}.answer-row .primary{font-size:11px}#answerHelp{font-size:9px;line-height:1.6;color:#81917f}#feedback{font-size:12px;line-height:1.65;margin:12px 0;min-height:20px}#feedback.success{color:#317558}.help-row{display:flex;gap:8px;flex-wrap:wrap}.help-row button{font-size:10px;background:#f6f5ea}.hint-box{border-left:3px solid #dec78e;padding:12px;background:#faf3d9;font-size:12px;line-height:1.7;margin-top:13px}.solution-box{padding:16px;background:#edf3e3;border:1px solid #dce6cf;border-radius:12px;margin-top:12px;font-size:12px;line-height:1.8}.solution-box ol{padding-left:19px;margin:8px 0}.solution-box p{font-size:10px;color:#75816b;margin:8px 0 0}#continue{width:100%;margin-top:15px}.small-card{width:min(450px,100%);text-align:center}.small-card h2{font-size:32px;letter-spacing:-1px;line-height:1.15;margin:13px 0}.small-card p{font-size:13px;line-height:1.8;color:#738372}.small-card button{margin:8px 3px}.medal{width:78px;height:78px;border-radius:50%;background:#f2d17c;color:#fffceb;font-size:47px;display:grid;place-items:center;margin:0 auto 20px;box-shadow:0 0 0 8px #f6edca}.notebook{border:1px solid #dce0d1;background:#fffdf5;border-radius:20px;padding:23px}.notebook h2{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:0 0 19px}.companion{display:flex;gap:13px;padding:13px;border-radius:12px;background:#edf2df}.companion>span{font-size:32px;color:#bf974c}.companion p{font-size:11px;line-height:1.7;margin:0;color:#708267}.companion b{color:#415e47}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:23px 0}.stats strong{display:block;font-size:26px;letter-spacing:-1px}.stats span{font-size:8px;color:#88957d}.route-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #e4e6d9;padding-top:17px;margin-bottom:11px}.route-heading h3{font-size:12px;margin:0}.route-heading small{font-size:7px;color:#87937d;letter-spacing:.7px}.world-map{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.world-chip{border:1px solid #dfe4d4;border-radius:11px;padding:10px 3px;text-align:center;font-size:11px;color:#81917a;background:#f8f8ef}.world-chip.current{border-color:#699382;color:#345c4d;background:#e7eddb}.world-chip.visited{background:#e5eebe;color:#536c31}.world-chip b{display:block;font-size:8px;margin-top:4px;font-weight:700}.legend{font-size:8px;line-height:1.7;color:#8d987f}.discovery{margin-top:18px;padding:15px 0;border-top:1px solid #e2e5d4}.discovery .eyebrow{font-size:8px;margin-bottom:8px}.discovery p{font-size:11px;line-height:1.8;margin:0;color:#70836c}.save-status{font-size:9px;color:#8a9882;line-height:1.6;border-top:1px solid #e4e6d8;padding-top:12px}#journal{font-size:10px;line-height:1.7;color:#667e69}.footnotes{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:27px 0;color:#829078;font-size:11px;line-height:1.85}.footnotes p{margin:0}.footnotes summary{cursor:pointer;color:#506b58;font-weight:750}.footnotes details p{margin:12px 0}footer{width:92%;margin:auto;display:flex;justify-content:space-between;padding:20px 0 26px;border-top:1px solid #dbe1d1;font-size:8px;letter-spacing:1.4px;color:#8f9b84}
@media(min-width:1500px){.game-shell{height:750px}}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.notebook{padding:18px}.brand span{display:none}.game-shell{height:720px}.launch-card{padding:25px}.grade-picker{grid-template-columns:repeat(5,1fr)}}
@media(max-width:820px){.layout{grid-template-columns:1fr}.notebook{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.notebook>.eyebrow,.notebook>h2,.notebook>.companion{grid-column:1}.world-map,.route-heading,.legend{grid-column:2}.route-heading{grid-row:1/3;padding-top:0;border:0}.world-map{grid-row:3/5}.legend{grid-row:5}.stats{margin:16px 0}.discovery{grid-column:1/-1}#journal,.save-status{grid-column:1/-1}.intro{padding:28px 0}.game-shell{height:700px}.grade-picker{grid-template-columns:repeat(9,1fr)}header{flex-wrap:wrap}.mission-label{display:none}}
@media(max-width:500px){header{padding:12px 4%;gap:10px}.brand{font-size:13px}nav{width:100%;gap:5px;justify-content:space-between}nav button{font-size:9px;min-height:38px;padding:7px 9px}main{width:94%}.intro{padding:23px 5px 20px}.intro .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:42px;letter-spacing:-2px}.intro p:not(.eyebrow){font-size:11px}.game-shell{height:700px;border-radius:18px}.hud{top:13px;left:12px;right:12px;gap:5px}.hud>div:first-child{padding:9px 11px}.hud strong{font-size:12px}.hud small{font-size:7px}.hud-right{gap:4px}.hud-right span{font-size:9px;padding:9px 6px}.overlay{padding:12px}.launch-card{padding:22px 20px}.launch-card h2{font-size:35px}.launch-card .eyebrow{font-size:7px}.launch-card>p{font-size:11px}.grade-picker{grid-template-columns:repeat(5,1fr);gap:6px;margin:15px 0}.grade-picker button{font-size:13px;padding:7px 3px}.selection-note{font-size:9px!important}.question-card{padding:20px 17px}.question-card h2{font-size:23px}.math-prompt{font-size:17px;line-height:1.65}.question-heading .eyebrow{font-size:7px}#qNumber{font-size:8px}.answer-row{flex-wrap:wrap}.answer-row input{flex-basis:100%;font-size:20px}.answer-row button{width:100%;font-size:12px!important}.touch-controls{left:12px;right:12px;gap:5px;flex-wrap:wrap}.touch-controls button{padding:9px 15px;font-size:12px}.touch-controls small{display:none}#gateNow{font-size:9px;padding:9px}.run-tip{font-size:10px;bottom:80px}.notebook{display:block;padding:22px}.world-map{grid-template-columns:repeat(9,1fr);gap:4px}.world-chip{padding:9px 0;font-size:9px}.world-chip b{font-size:7px}.notebook h2 br{display:none}.notebook h2{font-size:26px}.stats span{font-size:10px}.stats strong{font-size:29px}.footnotes{grid-template-columns:1fr;gap:18px;padding:0 8px;font-size:10px}footer{flex-direction:column;gap:9px;font-size:7px}.small-card{padding:25px 20px}.small-card h2{font-size:28px}.small-card p{font-size:12px}.help-row button{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}