:root{--night:#07112b;--panel:#101d3e;--panel-2:#172653;--ink:#f7fbff;--muted:#bec9e8;--line:#7183c0;--star:#ffd76a;--mint:#7ce7c4}
body.grade-adventure{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 8%,#273a75 0,transparent 28%),radial-gradient(circle at 86% 24%,#412d72 0,transparent 25%),linear-gradient(160deg,#08122c,#05091b 70%);background-attachment:fixed}
body.grade-adventure:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px),radial-gradient(circle,#9bd7ff 0 1px,transparent 1.5px);background-size:73px 73px,119px 119px;background-position:8px 17px,41px 62px}
.grade-return,.grade-adventure footer a{display:inline-flex;align-items:center;min-height:56px;padding:0 8px}.grade-return{margin-left:-8px}
.grade-adventure .topbar{position:relative;z-index:1;color:var(--ink)}
.grade-adventure .brand{color:var(--ink)}
.grade-adventure .brand-pop{color:#ffb961}
.grade-adventure .pill{border-color:#6076bd;background:#172653;color:white}
#grade-app{position:relative;z-index:1}
.grade-return{display:inline-block;margin-bottom:18px;color:#dbe6ff;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.grade-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr auto;align-items:center;overflow:hidden;border:1px solid #8094db66;border-radius:30px;padding:34px 38px;margin-bottom:24px;background:linear-gradient(125deg,#18295bcc,#2b1e58cc);box-shadow:0 24px 70px #02061788}
.grade-hero:after{content:"";position:absolute;z-index:-1;right:-55px;bottom:-100px;width:260px;height:260px;border:1px solid #c9d5ff44;border-radius:50%;box-shadow:0 0 70px #8c78ff55}
.grade-hero h1{color:white;font-size:clamp(30px,4vw,50px);margin-bottom:12px}
.grade-hero p{color:#d9e2ff;margin:0;max-width:720px}
.grade-hero .eyebrow,.grade-map-head .eyebrow{color:#86e5cd}
.grade-hero-planet{font-size:82px;filter:drop-shadow(0 0 25px #9887ff);animation:grade-float 5s ease-in-out infinite}
@keyframes grade-float{50%{transform:translateY(-8px) rotate(5deg)}}
.grade-controls{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}
.grade-controls label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:220px;color:#dce6ff;font-size:14px;font-weight:800}
.grade-controls select{border-color:#6579b8;background:#111d3f;color:white}
.year-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:12px;margin:20px 0 30px}
.year-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 10px;min-height:88px;text-align:left;border-color:#53679d;background:#111d3ddd;color:#f2f6ff}
.year-card>span{grid-row:1/3;font-size:30px}.year-card>b{font-size:15px}.year-card>small{color:#9fafdc}
.year-card:hover{border-color:#8adfc8;background:#1a2d57}
.year-card[aria-pressed=true]{border-color:#8ef1d2;background:linear-gradient(145deg,#1d4a5e,#25366c);box-shadow:0 0 0 2px #8ef1d2,0 12px 35px #1cc8a433}
.grade-map-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:34px 0 18px}
.grade-map-head h2{margin:4px 0 0;font-size:clamp(27px,4vw,42px);color:white}
.grade-total{min-width:260px;display:grid;gap:7px;color:#cdd8f5;font-size:13px}.grade-total strong{color:white;font-size:16px}.grade-total>div{height:9px;overflow:hidden;border-radius:10px;background:#27345d}.grade-total i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#48d2aa,#ffd76a)}
.subject-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 26px}
.subject-tabs button{min-height:56px;border-color:#4f6397;background:#101c3b;color:#dce6ff;padding:9px 15px}
.subject-tabs button:hover{border-color:#86e5cd;background:#1a2b52}
.subject-tabs button[aria-pressed=true]{border-color:#85efd0;background:#277563;color:white;box-shadow:0 0 25px #39d3a744}
.quest-world{--world:#74d9bd;margin:0 0 28px;border:1px solid color-mix(in srgb,var(--world) 45%,transparent);border-radius:28px;padding:22px;background:linear-gradient(150deg,#101d3ee8,#0a1430e8);box-shadow:0 18px 55px #02061777}
.world-language{--world:#fa8e9b}.world-english{--world:#ffd166}.world-science{--world:#71cef1}.world-coding{--world:#c09aff}.world-art{--world:#ff9bd2}.world-music{--world:#ffd76a}
.quest-world-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.quest-world-head>strong{color:var(--world);font-size:13px}.world-title{display:flex;align-items:center;gap:13px}.world-title>span{display:grid;place-items:center;width:52px;height:52px;border:2px solid var(--world);border-radius:50%;background:#172653;font-size:27px;box-shadow:0 0 25px color-mix(in srgb,var(--world) 34%,transparent)}.world-title p{margin:0;color:#9dadd4;font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.world-title h3{margin:2px 0 0;color:white;font-size:22px}
.journey-track{position:relative;display:grid;gap:14px;padding-left:18px}.journey-track:before{content:"";position:absolute;left:44px;top:25px;bottom:25px;width:2px;background:repeating-linear-gradient(to bottom,var(--world) 0 8px,transparent 8px 15px);opacity:.55}
.journey-gate{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:116px;border:1px solid #50608a;border-radius:22px;padding:16px;background:#172346f2;transition:transform .2s,border-color .2s,background .2s}
.journey-gate.gate-series{grid-template-columns:58px minmax(0,1fr);align-items:start}
.journey-gate.is-open:hover,.journey-gate.is-complete:hover{transform:translateY(-2px);border-color:var(--world);background:#1b2b56}
.journey-gate.is-locked{opacity:.58;background:#0d1630}
.gate-orbit{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--world);border-radius:50%;background:#0b1531;box-shadow:0 0 0 7px #111d3e,0 0 22px color-mix(in srgb,var(--world) 38%,transparent)}.gate-orbit span{font-size:29px}.is-complete .gate-orbit:after{content:"✓";position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#46c69f;color:#06152a;font-size:13px;font-weight:950}
.gate-copy{min-width:0}.gate-copy h4{margin:3px 0 5px;color:white;font-size:19px}.gate-copy>p:not(.gate-number){margin:0;color:#bec9e8;font-size:13px;line-height:1.55}.gate-number{margin:0;color:var(--world);font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.gate-status{display:block;margin-top:9px;color:#dbe5ff;font-size:12px;font-weight:850}.review-tag{display:inline-block;margin-top:8px;border-radius:999px;padding:4px 9px;background:#7a5428;color:#ffe3a1;font-size:11px;font-weight:800}
.gate-play{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:148px;min-height:56px;border:2px solid var(--world);border-radius:15px;padding:10px 15px;background:color-mix(in srgb,var(--world) 18%,#142146);color:white;text-decoration:none;font-size:13px;font-weight:900}.gate-play:hover{background:color-mix(in srgb,var(--world) 31%,#142146)}.gate-play:disabled{border-color:#536180;background:#141c35;color:#8e9abb;cursor:not-allowed}
.gate-stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:8px;margin-top:13px}.gate-stage{display:flex;align-items:center;justify-content:center;gap:6px;min-width:58px;min-height:56px;border:2px solid var(--world);border-radius:13px;background:#101d3d;color:white;text-decoration:none;font-size:14px;font-weight:950;transition:transform .16s,background .16s}.gate-stage:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--world) 25%,#101d3d)}.gate-stage.is-complete{background:#216a5d;border-color:#83f4d4}.gate-stage.is-locked{border-color:#4e5c7d;background:#0e1730;color:#8c99ba}.gate-stage b{font-size:11px}
.grade-empty{padding:34px;border:1px dashed #6b79a5;border-radius:20px;background:#101a36;color:#dce5ff;text-align:center}.grade-note{color:#aebbdc;font-size:13px;line-height:1.7}.grade-curriculum-note{margin:30px 0 0;border-left:3px solid #ffd76a;padding:10px 14px;background:#101a36}
@media(max-width:680px){.grade-hero{grid-template-columns:1fr;padding:26px}.grade-hero-planet{display:none}.grade-map-head{align-items:stretch;flex-direction:column}.grade-total{min-width:0}.journey-track{padding-left:0}.journey-track:before{left:28px}.journey-gate{grid-template-columns:56px minmax(0,1fr);padding:14px}.gate-play{grid-column:1/3;width:100%;min-width:0}.gate-stage-grid{grid-template-columns:repeat(3,minmax(56px,1fr))}.gate-stage{min-width:0}.quest-world{padding:16px}.quest-world-head{align-items:flex-start}.quest-world-head>strong{max-width:110px;text-align:right;overflow-wrap:anywhere}.year-grid{grid-template-columns:repeat(2,1fr)}.grade-controls label{min-width:100%}}
@media(prefers-reduced-motion:reduce){.grade-hero-planet{animation:none}.journey-gate{transition:none}}