:root{color:#15324a;background:#f4fbff;font-family:Noto Sans TC,ui-rounded,PingFang TC,system-ui,sans-serif;--display-font: "Baloo 2", "Noto Sans TC", ui-rounded, "PingFang 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);--wood: #b97734;--wood-dark: #7d431c;--cloud: #f7fdff;--fs-caption: .85rem;--fs-tag: 1rem;--fs-small: 1.06rem;--fs-body: 1.15rem;--fs-action: 1.25rem}*{box-sizing:border-box}body{font-size:var(--fs-body);margin:0;min-width:320px}button,input{font:inherit}button,input{max-width:100%}.shell{background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.88) 0 5.4rem,transparent 5.6rem),radial-gradient(circle at 26% 5%,rgba(255,255,255,.7) 0 3.4rem,transparent 3.6rem),radial-gradient(circle at 86% 14%,rgba(255,255,255,.62) 0 5rem,transparent 5.2rem),linear-gradient(180deg,#52a6ea,#86c6f1 26%,#c2e4f8 62%,#e6f5fd);background-attachment:fixed;min-height:100vh;overflow:hidden;position:relative}.courseShell:after{background-image:linear-gradient(100deg,#ffffffb8,#ffffff75,#fff0 60%),url(/images/hero/map-sky.webp);background-position:center,center top;background-repeat:no-repeat;background-size:cover,cover;content:"";height:min(78vh,46rem);inset:0 0 auto;mask-image:linear-gradient(180deg,#000 0%,#000 46%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 46%,transparent 96%);pointer-events:none;position:absolute;z-index:0}.shell:before{background:radial-gradient(ellipse at 8% 28%,rgba(255,255,255,.76) 0 8rem,transparent 8.1rem),radial-gradient(ellipse at 68% 18%,rgba(255,255,255,.58) 0 10rem,transparent 10.1rem),radial-gradient(ellipse at 96% 58%,rgba(255,255,255,.72) 0 8rem,transparent 8.1rem),linear-gradient(90deg,rgba(47,125,211,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(47,125,211,.055) 1px,transparent 1px);background-size:auto,auto,auto,48px 48px,48px 48px;content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 78%);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:.95rem;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:#9de4ff}.introHero{align-items:center;background-color:#7cc0ef;background-image:url(/images/hero/blue-fox-hero.webp);background-position:center right;background-repeat:no-repeat;background-size:cover;display:flex;margin:0;max-width:none;min-height:100svh;overflow:hidden;padding:clamp(2rem,5vw,4.25rem) clamp(1rem,5vw,5.5rem) 2rem;position:relative;z-index:1}@media(max-width:1024px)and (min-aspect-ratio:1 / 1){.introCopy,.introSignupPanel,.heroSign,.progressRail{max-width:min(100%,26rem)}}@media(max-aspect-ratio:1 / 1){.introHero{align-items:flex-start;background-image:linear-gradient(180deg,#52a6ea,#86c6f1 44%,#c2e4f8 78%,#e6f5fd);background-position:center}.introHero:after{background-image:url(/images/hero/blue-fox-hero.webp);background-position:right bottom;background-repeat:no-repeat;background-size:cover;content:"";height:42%;inset:auto 0 0;mask-image:linear-gradient(180deg,transparent 0,#000 22%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);pointer-events:none;position:absolute;z-index:0}}.srOnly{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.introCopy{max-width:36.5rem;position:relative;z-index:2}.heroSign{margin:0 0 1.2rem;max-width:min(100%,34rem);width:100%}.heroSign img{display:block;filter:drop-shadow(0 1rem 1.6rem rgba(18,55,86,.26));height:auto;width:100%}.plank{display:grid;justify-items:center;margin-bottom:1.25rem;max-width:100%;padding:1.1rem 1.7rem .9rem;position:relative;width:fit-content}.plank:before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 .12rem,transparent .12rem .55rem,rgba(90,48,18,.16) .55rem .68rem,transparent .68rem 1.5rem),linear-gradient(180deg,#e0aa71,#c88a4b 42%,#a86a2f 78%,#8a5223);border:.26rem solid #8a5223;border-radius:1.35rem;box-shadow:0 .5rem #6f4019,0 1.2rem 2.1rem #1237563d,inset 0 .3rem .55rem #ffe9c861;content:"";inset:0;position:absolute;transform:rotate(-1deg);z-index:0}.plank>*{margin:0;position:relative;z-index:1}.plank h2{color:#fff;font-family:var(--display-font);font-weight:800;margin:0;paint-order:stroke fill;text-shadow:0 .05em 0 #1f66b1,0 .16em .18em rgba(18,55,86,.28);-webkit-text-stroke:.045em #1f66b1}.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:var(--fs-tag);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;text-wrap:balance}.lead{color:#315774;font-size:1.28rem;line-height:1.7;max-width:38rem}.progressRail{display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.5rem;max-width:34rem;position:relative}.progressStep{align-items:end;display:grid;justify-items:center;position:relative}.progressStep:not(:last-child):after{border-bottom:.32rem solid transparent;border-left:.5rem solid var(--mint);border-top:.32rem solid transparent;content:"";position:absolute;right:-.4rem;top:45%}.progressStep img{display:block;filter:drop-shadow(0 .5rem .7rem rgba(18,55,86,.26));height:auto;width:100%}.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)}.rewardStrip{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;position:relative;z-index:2}.rewardStrip span{background:linear-gradient(180deg,#fff,#f2fbff),#fff;border:2px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 .55rem 1.4rem #1237561f,inset 0 0 0 1px #2f7dd31f;color:#174d8a;font-size:var(--fs-small);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:78rem;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-content:center;background:#fffffff0;border:.22rem solid #ffffff;border-radius:1.35rem;box-shadow:0 .45rem #9fb4c180,0 1rem 1.9rem #12375629;display:grid;gap:.3rem;justify-items:center;min-width:9.5rem;padding:1rem 1.15rem;text-align:center}.courseBadge strong{color:var(--coral);font-size:3.3rem;line-height:.95}.courseBadge span{color:var(--deep-blue);font-weight:950}.courseBadgeCount{align-items:baseline;display:inline-flex;gap:.25rem}.courseBadgeCount strong{color:var(--coral);font-family:var(--display-font);font-size:2.4rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.courseBadgeCount small{color:#5b7a92;font-family:var(--display-font);font-size:var(--fs-body);font-weight:800}.courseBadge>span:not(.courseBadgeCount):not(.coursePips){color:var(--ink);font-size:var(--fs-small);font-weight:900}.coursePips{display:flex;flex-wrap:wrap;gap:.18rem;justify-content:center;margin-top:.15rem;max-width:7.5rem}.coursePips i{background:#bccdd7;border-radius:999px;display:block;height:.48rem;width:.48rem}.coursePips i.on{background:var(--sun);box-shadow:inset 0 0 0 .08rem #e0a92c}.missionStamp{filter:drop-shadow(0 .25rem .4rem rgba(18,55,86,.3));position:absolute;right:-.5rem;top:-.7rem;width:3rem;z-index:3}.missionFlag{background:linear-gradient(180deg,#ff8f73,var(--coral));border:.13rem solid #ffffff;border-radius:999px;box-shadow:0 .22rem #d1503f;color:#fff;font-family:var(--display-font);font-size:.95rem;font-weight:800;left:1.25rem;padding:.2rem .7rem;position:absolute;top:-.75rem;white-space:nowrap;z-index:3}.missionMapRow.current{box-shadow:0 .45rem #d9bd88,0 0 0 .26rem var(--sun),0 1rem 2rem #1237563d}.missionMapRow.upcoming{filter:saturate(.75);opacity:.86}.missionMapRow.upcoming:hover,.missionMapRow.upcoming:focus-visible{filter:none;opacity:1}.mapLegend{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.mapLegend span{background:#ffffffbd;border:1px solid rgba(47,125,211,.16);border-radius:999px;color:var(--deep-blue);font-size:var(--fs-small);font-weight:950;padding:.45rem .7rem}.signupCopy .eyebrow,.signupCopy h2,.signupCopy p{color:#fff}.signupCopy p{line-height:1.7;margin-bottom:0;max-width:42rem}.signupPanel{background:linear-gradient(180deg,#fffffffa,#f6fcfff5),#fff;border:3px solid rgba(255,255,255,.92);border-radius:1.6rem;box-shadow:0 1.5rem 5rem #15324a24,inset 0 0 0 1px #2f7dd324;display:grid;gap:1rem;padding:1.25rem}.signupPanel label{color:#29475f;display:grid;font-size:var(--fs-small);font-weight:950;gap:.45rem}.inputShell{align-items:center;background:#fbfdff;border:2px solid #cfe5f7;border-radius:999px;display:grid;grid-template-columns:auto minmax(0,1fr);min-height:3.35rem;padding:0 1rem 0 .85rem}.inputIcon{align-items:center;background:linear-gradient(180deg,#5aa5ef,#2f7dd3 62%,#1f66b1);border-radius:999px;box-shadow:0 .2rem .45rem #1f66b159,inset 0 .09rem #ffffff8c,inset 0 -.12rem .2rem #0c3c6e59;color:#fff;display:inline-flex;flex:none;height:2.05rem;justify-content:center;margin-right:.7rem;width:2.05rem}.inputIcon svg{height:1.2rem;width:1.2rem}.signupPanel input{background:transparent;border:0;color:#15324a;min-height:3rem;outline:0;padding:0}.coursePicker{border:0;display:grid;gap:.55rem;margin:0;padding:0}.coursePicker legend{color:var(--ink);font-size:var(--fs-small);font-weight:900;padding:0 0 .35rem}.courseOptions{display:grid;gap:.5rem}.courseOption{align-items:center;background:#fbfdff;border:2px solid #cfe5f7;border-radius:1.1rem;column-gap:.7rem;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);padding:.7rem .9rem;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.courseOption input{accent-color:var(--blue);grid-row:span 2;height:1.25rem;margin:0;width:1.25rem}.courseOption strong{color:var(--ink);font-size:var(--fs-body);font-weight:900}.courseOption small{color:#5b7a92;font-size:var(--fs-small);grid-column:2;line-height:1.5}.courseOption.selected{background:#f2f9ff;border-color:var(--blue);box-shadow:0 .3rem #2f7dd338}.courseOption:hover{border-color:var(--blue)}.courseOption:focus-within{outline:3px solid rgba(255,122,108,.5);outline-offset:2px}.courseNote{color:#5b7a92;font-size:var(--fs-small);margin:0}.signupPanel button{background:linear-gradient(180deg,#ff8f73,var(--coral));border:0;border-radius:999px;color:#fff;cursor:pointer;font-weight:950;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:#fbfdff;border:none;box-shadow:0 1.4rem 3rem #12375629;margin-top:.95rem;max-width:32.5rem;padding:1.6rem;position:relative}.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:var(--fs-action);font-weight:950;min-height:3.8rem}.introRewardStrip{justify-content:flex-start;margin-top:1rem}.testNote{background:#fff4d7;border-radius:8px;color:#7a5100;font-size:var(--fs-small);font-weight:800;line-height:1.5;margin:0;padding:.7rem .85rem}.missionBand{margin:0 auto;max-width:78rem;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:1.35rem;position:relative}.missionList:before{background:repeating-linear-gradient(180deg,#e8d5ab 0 .6rem,transparent .6rem 1.2rem);border-radius:999px;bottom:1.5rem;content:"";left:3.47rem;position:absolute;top:1.5rem;width:.32rem;z-index:-1}.missionMapRow{align-items:center;background:linear-gradient(180deg,#fdf6e6,#f5e7ca);border:.22rem solid #ffffff;border-radius:1.45rem;box-shadow:0 .45rem #d9bd88,0 1rem 1.9rem #12375633;color:inherit;cursor:pointer;display:grid;font:inherit;gap:1.25rem;grid-template-columns:4.4rem minmax(0,1fr) minmax(13rem,18rem);isolation:isolate;min-height:12.5rem;padding:1.15rem 1.25rem;position:relative;text-align:left;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;width:100%}.missionMapRow:before{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--card-c) 38%,white) 0 20%,transparent 64%);content:"";height:15rem;opacity:.64;position:absolute;right:11rem;top:-5.4rem;width:15rem;z-index:-1}.missionMapRow:after{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.82) 0 .08rem,transparent .1rem),linear-gradient(90deg,color-mix(in srgb,var(--card-c) 56%,transparent),transparent);bottom:1.05rem;content:"";height:.24rem;left:8.5rem;opacity:.62;position:absolute;right:20rem}.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(-4px) scale(1.006)}.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,#ffffffe6 0 54%,#ffffffa8 55% 100%),linear-gradient(135deg,#d8fff0,#fff2b8)}.mapDayPill{align-content:center;align-self:center;display:grid;gap:.3rem;justify-items:center}.mapDayPill strong{align-items:center;background:linear-gradient(180deg,#f2f6f8,#d5e2e9 62%,#bccdd7);border:.16rem solid #ffffff;border-radius:.9rem .9rem .7rem .7rem;box-shadow:0 .35rem #9fb4c1,0 .65rem 1rem #12375633;color:#1f66b1;display:inline-flex;font-family:var(--display-font);font-size:1.45rem;font-variant-numeric:tabular-nums;font-weight:800;height:2.9rem;justify-content:center;width:3.4rem}.mapDayPill small{background:linear-gradient(180deg,#3f9bee,#1f66b1);border-radius:999px;box-shadow:0 .18rem #16528f;color:#fff;font-family:var(--display-font);font-size:var(--fs-caption);font-weight:800;letter-spacing:.04em;padding:.14rem .55rem}.missionCopy{display:grid;gap:.55rem;padding-left:.25rem}.missionCopy strong{color:var(--ink);font-size:clamp(1.42rem,2.4vw,1.95rem);line-height:1.22}.missionCopy span:not(.missionTopline):not(.skillChip){color:#315774;line-height:1.65}.missionCopy small{color:color-mix(in srgb,var(--card-c) 72%,#123756);font-size:var(--fs-small);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:5px solid rgba(255,255,255,.88);border-radius:1.25rem;box-shadow:0 1.15rem 2rem #1237562e,inset 0 0 0 1px #12375614;display:block;isolation:isolate;max-width:19.5rem;overflow:hidden;position:relative;transform:rotate(1.2deg);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}.missionSceneEmpty{background:repeating-linear-gradient(135deg,#ffffff8c 0 .7rem,#d6e5f08c .7rem 1.4rem)}.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:var(--fs-small);font-weight:900;padding:.35rem .7rem}.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:var(--fs-tag);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:var(--fs-small);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:var(--fs-small);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:var(--fs-small);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;max-width:none;padding:3rem 1.25rem}.lead{font-size:1.12rem}.courseIntro,.missionBand,.dashboardBand{max-width:64rem}.missionMapRow{gap:1rem;grid-template-columns:5rem minmax(0,1fr) minmax(11rem,14rem);min-height:12rem}.missionScene{max-width:14rem}.missionMapRow:after{right:15rem}}@media(max-width:900px){.courseShell:after{background-image:linear-gradient(180deg,#ffffffb8,#ffffff8c,#fff0 80%),url(/images/hero/map-sky.webp)}.introHero{display:flex;min-height:100svh;padding-top:2.5rem}.heroCopy,.lead{max-width:none}.heroStage{min-height:22rem}.heroStage{order:-1}.heroStage:before{height:min(64vw,22rem);width:min(64vw,22rem)}.progressRail{gap:.6rem;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:1.1rem;min-height:auto;padding:1.35rem 1.15rem}.missionFlag{left:auto;right:1rem}.missionMapRow:after,.missionList:before{display:none}.mapDayPill{align-items:center;align-self:auto;grid-auto-flow:column;justify-content:start;justify-items:start;width:fit-content}.mapDayPill small{align-self:center}.mapDayPill strong{height:2.5rem;font-size:1.25rem;width:2.9rem}.plank{padding:.9rem 1.2rem .75rem}.plank h2{font-size:clamp(1.25rem,5.4vw,1.7rem)}.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;min-height:100svh;padding:3rem 1rem 34vh}.heroSign{max-width:31rem}.courseIntro,.missionBand,.adminHero,.dashboardBand{padding-left:1rem;padding-right:1rem}.introSignupPanel,.questionPanel,.reportPreview{padding:1rem}.progressRail{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(180deg,#ffffff9e,#ffffff57);border-radius:1.35rem;gap:.45rem;padding:.75rem .5rem .85rem}.progressStep:not(:last-child):after{right:-.28rem}.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:var(--fs-body)}.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}.missionScene{max-width:15rem}.optionButton{font-size:var(--fs-action)}.numberAnswer{max-width:none}}