:root{color:#15324a;background:#f4fbff;font-family:ui-rounded,PingFang TC,Noto Sans TC,system-ui,sans-serif;--ink: #123756;--blue: #2f7dd3;--deep-blue: #174d8a;--mint: #75d7b4;--sun: #ffd15c;--coral: #ff7a6c;--lilac: #8b7cf6;--paper: #ffffff;--line: rgba(18, 55, 86, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,input{max-width:100%}.shell{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#e7f6ff,#f7fbff 42%,#fff9df);position:relative}.shell:before{background-image:linear-gradient(90deg,rgba(47,125,211,.09) 1px,transparent 1px),linear-gradient(0deg,rgba(47,125,211,.09) 1px,transparent 1px);background-size:42px 42px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 72%);pointer-events:none;position:absolute}.musicToggle{align-items:center;background:linear-gradient(135deg,#fff 0 48%,#fff7c8 49% 100%),#fff;border:2px solid rgba(255,255,255,.9);border-radius:999px;bottom:1rem;box-shadow:0 1rem 2.4rem #1237562e,inset 0 0 0 1px #1237561a;color:var(--deep-blue);cursor:pointer;display:inline-flex;gap:.45rem;isolation:isolate;min-height:3.2rem;padding:.45rem .75rem .45rem .5rem;position:fixed;right:1rem;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;z-index:20}.musicToggle:before{background:radial-gradient(circle,rgba(255,209,92,.8) 0 24%,transparent 68%);content:"";height:4rem;opacity:.75;position:absolute;right:-1.15rem;top:-1.45rem;width:4rem;z-index:-1}.musicToggle span{align-items:center;background:linear-gradient(135deg,var(--coral),var(--sun));border-radius:999px;color:#fff;display:inline-flex;font-size:1.18rem;font-weight:900;height:2.15rem;justify-content:center;line-height:1;width:2.15rem}.musicToggle strong{font-size:.76rem;line-height:1}.musicToggle:hover{box-shadow:0 1.25rem 2.8rem #12375638,0 0 0 .22rem #ffd15c47;transform:translateY(-2px)}.musicToggle:focus-visible{outline:3px solid rgba(255,122,108,.58);outline-offset:3px}.musicToggle.playing{background:linear-gradient(135deg,#fff7c8 0 48%,#ddfff2 49% 100%),#fff;color:#17634a}.musicToggle.playing span{animation:musicBounce .72s ease-in-out infinite;background:linear-gradient(135deg,var(--mint),var(--blue))}.adminShell{background:#eef7fb}.introShell{background:radial-gradient(circle at 75% 18%,rgba(255,209,92,.42),transparent 22rem),linear-gradient(180deg,#dff6ff,#f7fbff 45%,#fff2bc)}.introHero{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,1fr) minmax(20rem,31rem);margin:0 auto;max-width:74rem;min-height:100vh;padding:4rem 1.5rem 3rem;position:relative;z-index:1}.introCopy{max-width:48rem}.introCopy h1{color:var(--ink);font-size:clamp(3.7rem,11vw,7.5rem);line-height:.9}.introStage{align-items:center;display:grid;justify-items:center;min-height:30rem;position:relative}.introStage:before{background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.9) 0 28%,transparent 56%),conic-gradient(from 18deg,#ffd15ce0,#75d7b4b8,#c7f6ffd1,#ffe0d6c7,#ffd15ce0);border-radius:50%;box-shadow:0 1.8rem 4.2rem #174d8a29;content:"";height:min(72vw,31rem);opacity:.84;position:absolute;width:min(72vw,31rem)}.hero{align-items:center;display:grid;gap:3rem;grid-template-columns:minmax(0,1fr) minmax(20rem,30rem);margin:0 auto;max-width:72rem;min-height:76vh;padding:5rem 1.5rem 2rem;position:relative;z-index:1}.adminHero{margin:0 auto;max-width:72rem;padding:4rem 1.5rem 2rem;position:relative;z-index:1}.adminHero h1{font-size:clamp(2.8rem,8vw,5.8rem)}.adminLogin{align-items:end;background:#fff;border:1px solid #d9e9f6;border-radius:8px;box-shadow:0 1rem 2.2rem #12375614;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto;margin-top:1.5rem;max-width:42rem;padding:1rem}.adminLogin label{color:#29475f;display:grid;font-weight:800;gap:.45rem}.adminLogin input{border:1px solid #bfd7ec;border-radius:6px;color:var(--ink);min-height:3.25rem;padding:0 .9rem}.adminLogin .primaryAction{margin-top:0}.adminStatus{color:#315774;font-weight:800;line-height:1.6;margin-top:1rem}.heroCopy{max-width:45rem}.eyebrow{color:var(--deep-blue);font-size:.88rem;font-weight:800;letter-spacing:0;margin:0 0 .75rem}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);font-size:clamp(3.8rem,12vw,8rem);line-height:.9;margin-bottom:1rem;text-shadow:0 .18rem 0 #b8e8ff}h2{color:var(--ink);font-size:clamp(1.85rem,4vw,2.7rem);margin-bottom:1rem}.lead{color:#315774;font-size:1.28rem;line-height:1.7;max-width:38rem}.progressRail{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2rem;max-width:40rem}.progressStep{background:#ffffffb8;border:1px solid var(--line);border-radius:8px;box-shadow:0 .6rem 1.6rem #12375614;display:grid;gap:.15rem;min-height:4.5rem;padding:.8rem}.progressStep strong{color:var(--coral);font-size:1.15rem}.progressStep span{color:#315774;font-size:.88rem;font-weight:800}.heroStage{align-items:center;display:grid;gap:1rem;justify-items:center;position:relative}.heroStage:before{background:linear-gradient(135deg,var(--sun),#fff2a8 55%,var(--mint));border:4px solid #ffffff;border-radius:50%;box-shadow:0 1.6rem 4rem #174d8a2e;content:"";height:min(72vw,26rem);position:absolute;width:min(72vw,26rem)}.heroFoxArt{animation:floatBadge 4.2s ease-in-out infinite;border:4px solid rgba(255,255,255,.78);border-radius:8px;box-shadow:0 1.7rem 3.5rem #1237563d,inset 0 0 0 1px #1237561a;display:block;max-height:min(74vh,38rem);max-width:min(76vw,25rem);object-fit:cover;overflow:hidden;position:relative;width:min(76vw,25rem);z-index:1}.rewardStrip{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;position:relative;z-index:2}.rewardStrip span{background:#fff;border:1px solid rgba(18,55,86,.12);border-radius:999px;box-shadow:0 .55rem 1.4rem #1237561f;color:#174d8a;font-size:.9rem;font-weight:900;padding:.55rem .8rem}.signupBand{align-items:center;background:#174d8a;color:#fff;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);margin:0 auto;max-width:72rem;padding:1.5rem;position:relative;z-index:1}.courseIntro{align-items:end;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) auto;margin:0 auto;max-width:72rem;padding:4rem 1.5rem 1.25rem;position:relative;z-index:1}.courseIntro p:not(.eyebrow){color:#315774;line-height:1.7;margin-bottom:0;max-width:43rem}.courseBadge{align-items:center;background:linear-gradient(135deg,#ffffffeb,#fff7c8eb),#fff;border:1px solid rgba(18,55,86,.12);border-radius:8px;box-shadow:0 1rem 2.2rem #1237561f;display:grid;min-height:7.2rem;min-width:8rem;padding:1rem;text-align:center}.courseBadge strong{color:var(--coral);font-size:3.3rem;line-height:.95}.courseBadge span{color:var(--deep-blue);font-weight:950}.signupCopy .eyebrow,.signupCopy h2,.signupCopy p{color:#fff}.signupCopy p{line-height:1.7;margin-bottom:0;max-width:42rem}.signupPanel{background:#fffffff5;border:1px solid rgba(47,125,211,.18);border-radius:8px;box-shadow:0 1.5rem 5rem #15324a24;display:grid;gap:1rem;padding:1.25rem}.signupPanel label{color:#29475f;display:grid;font-size:.92rem;font-weight:700;gap:.45rem}.signupPanel input{border:1px solid #bfd7ec;border-radius:6px;color:#15324a;min-height:3.25rem;padding:0 .9rem}.signupPanel button{background:var(--coral);border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:800;min-height:3.5rem;padding:0 1rem;transition:transform .16s ease,box-shadow .16s ease}.signupPanel button:hover{box-shadow:0 .7rem 1.4rem #ff7a6c40;transform:translateY(-1px)}.introSignupPanel{background:linear-gradient(145deg,#fffffff5 0 48%,#fff7c8ad 49% 100%),#fff;border:2px solid rgba(255,255,255,.86);box-shadow:0 1.4rem 3.2rem #12375624,inset 0 0 0 1px #2f7dd31f;margin-top:1.55rem;max-width:31rem}.introSignupPanel button{background:linear-gradient(135deg,var(--coral),#ff9f62);border-radius:999px;box-shadow:0 .9rem 1.8rem #ff7a6c3d,inset 0 0 0 2px #ffffff47;font-size:1rem;font-weight:950}.emailChoiceNote{background:linear-gradient(135deg,#75d7b433,#ffd15c38),#f8fcff;border:1px solid rgba(47,125,211,.16);border-radius:8px;display:grid;gap:.25rem;line-height:1.5;padding:.8rem .9rem}.emailChoiceNote strong{color:var(--deep-blue);font-size:.95rem;font-weight:950}.emailChoiceNote span{color:#315774;font-size:.9rem;font-weight:800}.introRewardStrip{justify-content:flex-start;margin-top:1rem}.testNote{background:#fff4d7;border-radius:8px;color:#7a5100;font-size:.9rem;font-weight:800;line-height:1.5;margin:0;padding:.7rem .85rem}.missionBand{margin:0 auto;max-width:72rem;padding:4rem 1.5rem 5.5rem;position:relative;z-index:1}.missionGrid{display:grid;gap:1.15rem;grid-template-columns:repeat(4,minmax(0,1fr))}.missionList{display:grid;gap:1rem}.missionMapRow{align-items:center;background:linear-gradient(110deg,#fffffff0 0 58%,#ffffffad 59% 100%),linear-gradient(135deg,var(--card-a),var(--card-b));border:2px solid rgba(255,255,255,.88);border-radius:8px;box-shadow:0 1rem 2.2rem #1237561a,inset 0 0 0 1px #12375614;color:inherit;cursor:pointer;display:grid;font:inherit;gap:1.25rem;grid-template-columns:5.8rem minmax(0,1fr) minmax(14rem,18rem);isolation:isolate;min-height:13.5rem;overflow:hidden;padding:1rem 1rem 1rem 1.2rem;position:relative;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.missionMapRow:before{background:radial-gradient(circle,color-mix(in srgb,var(--card-c) 34%,white) 0 22%,transparent 66%);content:"";height:13rem;opacity:.64;position:absolute;right:9rem;top:-5rem;width:13rem;z-index:-1}.missionMapRow:hover{border-color:#fff;box-shadow:0 1.35rem 3rem #12375629,0 0 0 .24rem color-mix(in srgb,var(--card-c) 24%,transparent);transform:translateY(-3px)}.missionMapRow.active{border-color:var(--card-c);box-shadow:0 1.15rem 2.6rem color-mix(in srgb,var(--card-c) 22%,transparent),0 0 0 .25rem color-mix(in srgb,var(--card-c) 34%,transparent)}.missionMapRow.completed{background:linear-gradient(110deg,#ffffffe0 0 58%,#ffffff9e 59% 100%),linear-gradient(135deg,#d8fff0,#fff2b8)}.mapDayPill{align-items:center;align-self:stretch;background:color-mix(in srgb,var(--card-c) 12%,white);border:1px solid color-mix(in srgb,var(--card-c) 26%,white);border-radius:8px;color:color-mix(in srgb,var(--card-c) 72%,#123756);display:inline-flex;font-size:1rem;font-weight:950;justify-content:center;min-height:5rem;text-align:center}.missionCopy{display:grid;gap:.55rem}.missionCopy strong{color:var(--ink);font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.22}.missionCopy span:not(.missionTopline):not(.missionIcon):not(.skillChip){color:#315774;line-height:1.65}.missionCopy small{color:color-mix(in srgb,var(--card-c) 72%,#123756);font-size:.9rem;font-weight:950;line-height:1.45}.missionScene{aspect-ratio:3 / 2;background:linear-gradient(135deg,#ffffffbd,#ffffff4d),color-mix(in srgb,var(--card-c) 18%,#ffffff);border:3px solid rgba(255,255,255,.82);border-radius:8px;box-shadow:0 1rem 1.9rem #12375629,inset 0 0 0 1px #12375614;display:block;isolation:isolate;max-width:18rem;overflow:hidden;position:relative;transform:rotate(1.5deg);transition:transform .18s ease,box-shadow .18s ease;width:100%}.missionScene:after{background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 38%),radial-gradient(circle at 84% 18%,rgba(255,255,255,.42),transparent 22%);content:"";inset:0;pointer-events:none;position:absolute}.missionScene img{display:block;height:100%;object-fit:cover;transition:transform .22s ease;width:100%}.missionMapRow:hover .missionScene{box-shadow:0 1.25rem 2.4rem #12375638,0 0 0 .28rem color-mix(in srgb,var(--card-c) 24%,transparent);transform:rotate(0) translateY(-2px)}.missionMapRow:hover .missionScene img{transform:scale(1.035)}.missionCard{background:linear-gradient(145deg,#fffffff5 0 48%,#ffffffbd 49% 100%),linear-gradient(135deg,var(--card-a),var(--card-b));border:2px solid rgba(255,255,255,.86);border-radius:8px;box-shadow:0 1.1rem 2.2rem #1237561a,inset 0 0 0 1px #12375614;color:inherit;cursor:pointer;font:inherit;isolation:isolate;min-height:14.5rem;overflow:hidden;padding:1.05rem;position:relative;text-align:left;transform:rotate(var(--tilt));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.missionCard:before{background:linear-gradient(90deg,var(--card-c),rgba(255,255,255,0)),repeating-linear-gradient(90deg,rgba(255,255,255,.36) 0 .45rem,transparent .45rem .9rem);content:"";height:.55rem;inset:0 0 auto;position:absolute;z-index:-1}.missionCard:after{background-image:linear-gradient(rgba(18,55,86,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(18,55,86,.06) 1px,transparent 1px);background-size:1.45rem 1.45rem;content:"";inset:0;-webkit-mask-image:linear-gradient(150deg,transparent 0 30%,#000 80%);mask-image:linear-gradient(150deg,transparent 0 30%,#000 80%);pointer-events:none;position:absolute;z-index:-2}.missionCard:hover{border-color:#fff;box-shadow:0 1.6rem 3.1rem #1237562e,0 0 0 .25rem color-mix(in srgb,var(--card-c) 22%,transparent);transform:rotate(0) translateY(-6px)}.missionCard.active{border-color:var(--card-c);box-shadow:0 1.2rem 2.8rem color-mix(in srgb,var(--card-c) 22%,transparent),0 0 0 .22rem color-mix(in srgb,var(--card-c) 36%,transparent)}.missionCard.completed{background:linear-gradient(145deg,#ffffffdb 0 48%,#ffffffa3 49% 100%),linear-gradient(135deg,#d8fff0,#fff2b8)}.cardGlow{background:radial-gradient(circle,color-mix(in srgb,var(--card-c) 36%,white) 0 24%,transparent 66%);height:8rem;opacity:.62;position:absolute;right:-3.25rem;top:-3rem;width:8rem;z-index:-1}.missionTopline{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.dayPill{background:#ffffffb8;border:1px solid rgba(18,55,86,.12);border-radius:999px;color:var(--ink);display:inline-flex;font-size:.86rem;font-weight:900;padding:.35rem .7rem}.missionIcon{align-items:center;background:var(--card-c);border:2px solid rgba(255,255,255,.82);border-radius:999px;box-shadow:0 .7rem 1.4rem color-mix(in srgb,var(--card-c) 28%,transparent);color:#fff;display:inline-flex;font-size:1.2rem;font-weight:900;height:2.35rem;justify-content:center;width:2.35rem}.missionCard h3{color:var(--ink);font-size:1.12rem;line-height:1.35;margin:0 0 .55rem}.missionCard p{color:#4c6377;line-height:1.55;margin-bottom:.9rem}.skillChip{background:color-mix(in srgb,var(--card-c) 11%,white);border:1px solid color-mix(in srgb,var(--card-c) 28%,white);border-radius:7px;color:color-mix(in srgb,var(--card-c) 70%,#123756);display:inline-flex;font-size:.82rem;font-weight:900;line-height:1.35;padding:.45rem .6rem}.missionTrail{background:radial-gradient(circle,var(--card-c) 0 .16rem,transparent .18rem),linear-gradient(90deg,transparent,color-mix(in srgb,var(--card-c) 55%,transparent),transparent);background-position:0 0,center;background-size:.7rem .5rem,100% 1px;bottom:.8rem;height:.5rem;left:1.05rem;opacity:.42;position:absolute;right:1.05rem}.missionPlay,.completePanel{background:#fff;border:1px solid rgba(18,55,86,.12);border-radius:8px;box-shadow:0 1.4rem 3.6rem #12375624;margin:0 auto 5rem;max-width:56rem;padding:1.5rem;position:relative;z-index:1}.missionScreen{margin:0 auto;max-width:58rem;padding:4rem 1rem 0;position:relative;z-index:1}.missionScreen .missionPlay,.missionScreen .completePanel{margin-bottom:5rem}.backMapAction{margin:0 0 1rem}.playHeader{align-items:end;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem)}.missionMeter{background:#d8ecfb;border-radius:999px;height:.8rem;overflow:hidden}.missionMeter span{background:linear-gradient(90deg,var(--mint),var(--sun),var(--coral));border-radius:inherit;display:block;height:100%;transition:width .26s ease}.questionPanel{background:linear-gradient(135deg,#75d7b42e,#ffd15c29),#f8fcff;border:1px solid #d9e9f6;border-radius:8px;margin-top:1.2rem;padding:1.2rem}.questionMeta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.questionMeta span,.questionMeta strong{background:#fff;border-radius:999px;color:var(--deep-blue);font-size:.9rem;font-weight:900;padding:.4rem .7rem}.questionPanel h3{color:var(--ink);font-size:clamp(1.35rem,3vw,2rem);line-height:1.45;margin-bottom:1.2rem}.optionGrid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.optionButton{background:#fff;border:2px solid #cde4f6;border-radius:8px;color:var(--ink);cursor:pointer;font-size:1.25rem;font-weight:900;min-height:4.25rem;padding:.85rem;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.optionButton:hover,.optionButton.selected{border-color:var(--coral);box-shadow:0 .65rem 1.4rem #ff7a6c29;transform:translateY(-1px)}.numberAnswer{color:#29475f;display:grid;font-weight:900;gap:.5rem;max-width:18rem}.numberAnswer input{border:2px solid #cde4f6;border-radius:8px;color:var(--ink);font-size:1.5rem;font-weight:900;min-height:4rem;padding:0 1rem}.feedback{border-radius:8px;font-weight:800;line-height:1.55;margin:1rem 0 0;padding:.85rem 1rem}.feedback.warn{background:#fff4d7;color:#815700}.feedback.hint{background:#fff0ee;color:#9b3328}.feedback.correct{background:#e8fbf3;color:#17634a}.primaryAction{background:var(--deep-blue);border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:900;margin-top:1rem;min-height:3.8rem;padding:0 1.2rem}.secondaryAction{background:#fff;border:2px solid var(--deep-blue);border-radius:8px;color:var(--deep-blue);cursor:pointer;font-weight:900;margin-top:1rem;min-height:3.8rem;padding:0 1.2rem}.completionActions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.completePanel{text-align:center}.completePanel h2{margin-left:auto;margin-right:auto;max-width:40rem}.bigReward{margin:1rem 0 1.5rem}.reportPreview{background:#f7fbff;border:1px solid #d9e9f6;border-radius:8px;margin:0 auto;max-width:38rem;padding:1rem;text-align:left}.reportPreview h3{color:var(--ink);margin-bottom:.75rem}.reportPreview ul{color:#315774;line-height:1.8;margin:0;padding-left:1.2rem}.saveNote{background:#fff4d7;border-radius:8px;color:#7a5100;font-weight:800;line-height:1.55;margin:1rem 0 0;padding:.75rem .85rem}.dashboardBand{margin:0 auto 5rem;max-width:72rem;padding:0 1.5rem;position:relative;z-index:1}.sectionHeader{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.compactAction{margin-top:0;min-height:3rem;white-space:nowrap}.dashboardGrid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.metricPanel,.dashboardDetails article{background:#fff;border:1px solid #d9e9f6;border-radius:8px;box-shadow:0 1rem 2.2rem #12375614}.metricPanel{min-height:10rem;padding:1rem}.metricPanel span{color:#315774;font-size:.9rem;font-weight:900}.metricPanel strong{color:var(--coral);display:block;font-size:2.6rem;line-height:1;margin:.85rem 0 .55rem}.metricPanel p,.mutedText{color:#4c6377;line-height:1.6;margin:0}.dashboardDetails{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);margin-top:1rem}.dashboardDetails article{padding:1rem}.dashboardDetails h3{color:var(--ink);font-size:1.15rem;margin-bottom:.85rem}.dayBars{display:grid;gap:.55rem}.dayBar{align-items:center;display:grid;gap:.7rem;grid-template-columns:4rem minmax(0,1fr) 2rem}.dayBar span,.dayBar strong{color:#315774;font-size:.88rem;font-weight:900}.dayBar div{background:#d8ecfb;border-radius:999px;height:.65rem;overflow:hidden}.dayBar i{background:linear-gradient(90deg,var(--mint),var(--sun));border-radius:inherit;display:block;height:100%}.skillList{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.skillList li{background:#f7fbff;border:1px solid #d9e9f6;border-radius:8px;display:grid;gap:.25rem;padding:.75rem}.skillList strong{color:var(--deep-blue)}.skillList span{color:var(--ink);font-weight:900}.skillList small{color:#4c6377;font-weight:800}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinkle{0%,to{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes musicBounce{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-.18rem) rotate(8deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1024px){.introHero{gap:2rem;grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);max-width:58rem;padding:3rem 1.25rem}.introCopy h1{font-size:clamp(3.3rem,10vw,5.8rem)}.lead{font-size:1.12rem}.introStage{min-height:24rem}.introStage:before{height:min(58vw,23rem);width:min(58vw,23rem)}.courseIntro,.missionBand,.dashboardBand{max-width:58rem}.missionMapRow{gap:1rem;grid-template-columns:5rem minmax(0,1fr) minmax(11rem,14rem);min-height:12rem}.missionScene{max-width:14rem}}@media(max-width:900px){.hero,.introHero{grid-template-columns:1fr;min-height:auto;padding-top:2.5rem}.introCopy,.heroCopy,.lead,.introSignupPanel{max-width:none}.introStage,.heroStage{min-height:22rem;order:-1}.introStage:before,.heroStage:before{height:min(64vw,22rem);width:min(64vw,22rem)}.progressRail{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.signupBand,.courseIntro,.adminLogin,.playHeader,.missionGrid,.missionMapRow,.dashboardGrid,.dashboardDetails{grid-template-columns:1fr}.courseIntro{align-items:stretch;padding-top:3rem}.courseBadge{justify-self:stretch;min-height:5.5rem}.missionBand{padding-top:2rem}.missionMapRow{gap:.9rem;min-height:auto}.mapDayPill{align-self:auto;min-height:3.2rem}.missionScene{justify-self:center;max-width:18rem}.missionScreen{padding-left:0;padding-right:0}.sectionHeader{align-items:stretch;flex-direction:column}.optionGrid{grid-template-columns:1fr}}@media(max-width:760px){.introHero{gap:1.4rem;padding:2rem 1rem 2.5rem}.courseIntro,.missionBand,.adminHero,.dashboardBand{padding-left:1rem;padding-right:1rem}.introSignupPanel,.questionPanel,.reportPreview{padding:1rem}.progressRail{gap:.55rem}.missionPlay,.completePanel{margin-left:1rem;margin-right:1rem;padding:1rem}.missionTopline,.questionMeta{align-items:flex-start;flex-direction:column;gap:.55rem}.completionActions,.introRewardStrip{align-items:stretch;flex-direction:column}.completionActions button,.primaryAction,.secondaryAction,.signupPanel button{width:100%}.dayBar{grid-template-columns:3.5rem minmax(0,1fr) 1.6rem}h1{font-size:clamp(3.1rem,18vw,5rem)}h2{font-size:clamp(1.65rem,8vw,2.25rem)}.lead{font-size:1.02rem}.musicToggle{bottom:.75rem;right:.75rem}}@media(max-width:420px){.musicToggle{min-height:2.85rem;padding-right:.6rem}.musicToggle span{height:1.9rem;width:1.9rem}.progressRail{grid-template-columns:1fr}.progressStep{min-height:3.6rem}.introStage{min-height:18rem}.heroFoxArt{max-height:30rem;max-width:min(86vw,20rem);width:min(86vw,20rem)}.missionScene{max-width:15rem}.optionButton{font-size:1.08rem}.numberAnswer{max-width:none}}