:root{color-scheme:light;--ink:#354461;--muted:#6c7790;--cream:#fffdf5;--purple:#7663be;--teal:#268b87}*{box-sizing:border-box}body{margin:0;background:#f6f4e9;color:var(--ink);font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif;min-width:320px}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #554194;outline-offset:4px}button:disabled{cursor:default}h1,h2,p{margin:0}.game-shell{max-width:1480px;width:calc(100% - 56px);margin:auto}.game-shell .topbar{grid-template-columns:44px 1fr auto;gap:15px;padding:19px 0}.game-shell .home-link{height:43px;width:43px;border:1px solid #d9dfd3;border-radius:50%;box-shadow:0 3px 0 #e2e5d7;background:#fffdf4;color:#41665c;font-size:23px}.brand{display:flex;align-items:center;gap:13px}.brand-icon{background:#e7e0f6;color:#6754a4;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;font-size:33px;transform:rotate(-6deg)}.eyebrow{font-size:9px;font-weight:850;letter-spacing:.16em}.brand .eyebrow{color:#818875;margin-bottom:4px}h1{font-size:27px;letter-spacing:-.04em;line-height:1.2}.restart{padding:10px 14px;background:#fffdf5;border:1px solid #dfe0d6;border-radius:13px;font-size:13px;font-weight:750;box-shadow:0 3px 0 #e8e7db}.restart:hover{background:#ece5f6}.expedition{display:grid;grid-template-columns:minmax(0,1fr) 374px;gap:22px;height:calc(100svh - 132px);min-height:540px;max-height:780px}.mountain-stage{position:relative;overflow:hidden;border-radius:27px;background:#ace7e7;border:1px solid #93cbc7;display:flex;flex-direction:column}.landscape{width:100%;height:calc(100% - 52px);flex:1;display:block;min-height:0}.scene-title{position:absolute;z-index:1;top:27px;left:27px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.scene-title .eyebrow{font-size:8px;color:#347b7c;letter-spacing:.1em;margin-bottom:9px}.scene-title h2{font-size:clamp(22px,2.5vw,34px);color:#255e69;line-height:1.08;letter-spacing:-.045em}.summit-seal{width:59px;height:67px;border:1px solid #3a98964d;border-radius:30px 30px 18px 18px;color:#327c7c;background:#d0f0df99;display:grid;place-content:center;text-align:center;font-size:23px;line-height:1.1}.summit-seal small{font-size:7px;letter-spacing:.17em;font-weight:800;margin-top:4px}.scene-caption{height:52px;flex:0 0 52px;display:flex;align-items:center;gap:9px;padding:0 19px;background:#ecf4de;color:#396963;border-top:1px solid #84bcb2}.scene-caption p{font-size:12px;font-weight:650;flex:1}.scene-caption strong{font-size:10px;white-space:nowrap}.fox-dot{color:#dc9361;font-size:25px}.card-station{background:var(--cream);border:1px solid #e0dfd3;border-radius:27px;padding:22px;display:flex;flex-direction:column;gap:13px;box-shadow:0 6px 20px #52564105}.station-heading{display:flex;align-items:center;justify-content:space-between}.station-heading>.eyebrow{color:#808a79;font-size:8px}.score{display:flex;align-items:center;gap:5px;border:1px solid #eddaad;background:#fff4d6;border-radius:30px;padding:6px 10px}.score>span{color:#aa751b;font-size:19px}.score strong{font-size:17px}.score small{font-size:10px;color:#8c8160}.trail-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:750;margin-top:3px}.trail-heading span:last-child{color:#8d83a0;font-size:10px}.trail-progress{display:flex;gap:4px;height:7px}.trail-progress i{flex:1;border-radius:8px;background:#e8e5ee;transition:background .3s}.trail-progress i.done{background:#55ac96}.trail-progress i.missed{background:#e8b969}.question-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:17px 18px 15px;border:1px solid #dfd7ef;border-radius:18px;background:#eee8f8;min-height:168px;margin-top:2px;box-shadow:0 5px 0 #dfd5ed}.card-topline{display:flex;align-items:center;justify-content:space-between}.card-topline>span:first-child{font-size:10px;background:#fff9;border:1px solid #ded4ec;border-radius:30px;padding:5px 9px;color:#6e5a94;font-weight:750}.card-stamp{font-size:23px;color:#a793cf}.question-text{text-align:center;font-size:45px;font-weight:850;line-height:1.15;letter-spacing:-.035em;margin:10px 0 13px}.question-text.wordy{font-size:30px}.question-instruction{text-align:center;font-size:10px;color:#81718e}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:5px}.answer-button{position:relative;background:var(--tile);border:1px solid var(--edge);box-shadow:0 5px 0 var(--edge);border-radius:16px;min-height:74px;font-size:31px;font-weight:850;transition:transform .15s,box-shadow .15s}.answer-button kbd{position:absolute;top:8px;left:9px;font:700 8px system-ui;background:#ffffff70;border-radius:5px;width:17px;height:17px;display:grid;place-items:center;color:#56627a}.answer-button .answer-mark{position:absolute;right:8px;top:7px;font-size:15px}.answer-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--edge)}.answer-button:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 var(--edge)}.answer-button.correct{outline:3px solid #318675;outline-offset:2px;background:#c5efda}.answer-button.incorrect{outline:2px dashed #b96e48;outline-offset:2px;opacity:.75}.answer-button.faded{opacity:.45}.feedback{font-size:11px;line-height:1.5;color:#737286;min-height:35px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:auto}.feedback.success{color:#2b7a67;font-weight:750}.feedback.learning{color:#9b6838;font-weight:650}.next-button{border:1px solid #6152a1;background:#7966bc;color:white;border-radius:13px;padding:13px 15px;font-size:12px;font-weight:800;box-shadow:0 4px 0 #584689;width:100%;min-height:44px}.next-button:disabled{color:#9791a6;background:#eeebf2;border-color:#e1dce9;box-shadow:0 3px 0 #e2dce9}.next-button:not(:disabled):hover{background:#6955b0}.keyboard-hint{text-align:center;font-size:8px;color:#8b8897}footer{display:flex;justify-content:space-between;padding:13px 4px;color:#838876;font-size:10px}footer span:first-child{font-style:italic}.climber{transition:transform .7s cubic-bezier(.3,.7,.2,1)}.stack-tile{animation:stack-in .5s ease backwards}.spark{animation:spark-pop 1s ease-out forwards;transform-box:fill-box;transform-origin:center}@keyframes stack-in{from{opacity:0;translate:-45px 10px}to{opacity:1;translate:0 0}}@keyframes spark-pop{0%{opacity:0;scale:.2}30%{opacity:1;scale:1.2}100%{opacity:0;scale:.4;translate:0 -30px}}dialog{border:1px solid #e1d3ed;border-radius:28px;padding:0;max-width:430px;width:calc(100% - 32px);max-height:85svh;background:#fffdf5;color:var(--ink);box-shadow:0 30px 100px #30295650}dialog::backdrop{background:#25395377;backdrop-filter:blur(5px)}.final-panel{padding:28px;text-align:center}.final-medal{display:grid;place-items:center;width:80px;height:80px;background:#ffe2a3;color:#a16e23;border:6px solid #ffefc8;outline:2px dashed #dba85d;border-radius:50%;margin:0 auto 21px;font-size:42px}.final-panel>.eyebrow{font-size:8px;color:#8b7b98;margin-bottom:10px}.final-panel h2{font-size:30px;letter-spacing:-.04em}.final-score{margin:12px 0}.final-score strong{font-size:54px;color:#7761b4}.final-score span{color:#7a7788;font-size:14px}#finalMessage{font-size:13px;line-height:1.6;margin-bottom:21px}details{text-align:left;margin:15px 0;font-size:12px}summary{cursor:pointer;color:#6f5b9f;padding:8px 0;font-weight:750}#reviewList{margin:5px 0;padding:10px 10px 10px 25px;background:#f1edf6;border-radius:12px;max-height:145px;overflow:auto}#reviewList li{padding:5px 0}
.card-station{gap:10px;padding:20px}.question-card{min-height:150px}.answer-button{min-height:68px}.feedback{min-height:30px}.score{padding:4px 9px}
@media(min-width:761px) and (max-height:780px){.card-station{gap:8px;padding:18px}.question-card{min-height:128px;padding:12px 16px}.question-text{font-size:38px;margin:6px 0}.question-text.wordy{font-size:27px}.answer-button{min-height:60px}.answer-grid{gap:10px;margin-top:3px}.feedback{min-height:28px;font-size:10px}.score{padding:3px 8px}.keyboard-hint{font-size:8px}.trail-heading{margin-top:0}}
@media(min-width:1500px) and (min-height:900px){.expedition{grid-template-columns:minmax(0,1fr) 420px}.question-card{min-height:200px}.answer-button{min-height:90px}}
@media(max-width:1050px){.game-shell{width:calc(100% - 32px)}.expedition{grid-template-columns:minmax(0,1fr) 332px;gap:15px}.card-station{padding:18px;gap:12px}.scene-title{left:20px;top:24px}.scene-title h2{font-size:25px}.summit-seal{display:none}.scene-caption{padding:0 13px}.scene-caption p{font-size:10px}.scene-caption strong{font-size:9px}}
@media(max-width:760px){.game-shell{width:calc(100% - 24px)}.game-shell .topbar{grid-template-columns:38px 1fr auto;padding:14px 0;gap:9px}.game-shell .topbar>:last-child:not(.home-link){grid-column:auto;justify-self:end}.game-shell .home-link{height:36px;width:36px}.brand-icon{display:none}.brand .eyebrow{font-size:7px;letter-spacing:.09em}h1{font-size:19px}.restart{font-size:18px;padding:5px 9px}.restart span{display:none}.expedition{display:flex;flex-direction:column;height:auto;max-height:none;min-height:0;gap:15px}.mountain-stage{height:330px;border-radius:22px}.scene-title{top:18px;left:18px}.scene-title h2{font-size:24px}.scene-title .eyebrow{font-size:7px}.landscape{height:288px}.scene-caption{height:42px;flex-basis:42px}.card-station{border-radius:22px;padding:19px;gap:12px}.question-card{min-height:155px}.question-text{font-size:42px}.answer-button{min-height:71px}.feedback{margin-top:6px;min-height:30px}.keyboard-hint{display:none}footer{font-size:8px;gap:15px;padding:15px 2px}.landscape{object-fit:cover}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
