.native-play{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;padding-right:24px;align-items:stretch}.mission-panel{--space:#121f30;--moon:#f3d38c;--mist:#b7c9cf;background:var(--space);color:#f3f2e8;position:relative;min-height:520px;overflow:hidden;isolation:isolate;border:1px solid #304252;display:flex;flex-direction:column;background-image:radial-gradient(circle at 10% 30%,#b7c9cf 0 .7px,transparent 1px),radial-gradient(circle at 72% 15%,#b7c9cf 0 .7px,transparent 1px),radial-gradient(circle at 40% 68%,#91afb8 0 .5px,transparent 1px);background-size:93px 117px,163px 151px,191px 173px}.mission-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:12px 22px;position:relative;z-index:3}.mission-toolbar>div{display:flex;gap:6px}.mission-toolbar button{width:44px;height:44px;border:1px solid #4a5c6b;border-radius:50%;background:#182838;color:#d8e2df;font:19px monospace}.mission-toolbar button:hover{background:#2b4354;color:#fff}.mission-panel :focus-visible{outline:3px solid var(--moon);outline-offset:4px}.mission-dots{display:flex;gap:7px}.mission-dots i{width:8px;height:8px;border:1px solid #8da2ad;border-radius:50%}.mission-dots i.current{background:var(--moon);border-color:var(--moon)}.mission-dots i.done{background:#b3cbd2;border-color:#b3cbd2}.mission-content{position:relative;z-index:2;padding:18px 42px 0;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.mission-eyebrow{font:11px monospace;letter-spacing:2px;text-transform:uppercase;color:var(--moon);margin-bottom:14px;min-height:18px}.mission-question{font:500 clamp(24px,2.3vw,36px)/1.25 Arial,sans-serif;letter-spacing:-.7px;margin:0;max-width:36ch;text-wrap:balance}.mission-description{font-size:14px;line-height:1.6;color:var(--mist);max-width:44ch;margin:12px 0;min-height:22px}.mission-content.ready .mission-question{font-family:Georgia,serif;font-size:clamp(30px,2.8vw,40px);max-width:25ch;font-weight:400;letter-spacing:-1px}.mission-content.ready .mission-description{max-width:35ch}#mission-answer-area{width:100%;margin-top:auto;padding:24px 0 20px}.mission-content.ready #mission-answer-area{padding-top:100px}.mission-primary{display:inline-block;min-height:52px;border:0;border-radius:3px;background:#f1d592;color:#142232;font:600 15px/1.3 Arial,sans-serif;letter-spacing:.2px;padding:16px 28px;cursor:pointer}.mission-primary:hover{color:#142232;background:#ffe6a9}.mission-primary:disabled{opacity:.55;cursor:wait}.mission-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}.mission-secondary{min-height:44px;border:1px solid #7c949e;border-radius:3px;background:#203344;color:#eef2e8;font:14px Arial,sans-serif;padding:12px 18px;text-decoration:none}.mission-form{display:flex;gap:10px;align-items:stretch;width:100%;background:#e8eee8;padding:6px;border-radius:4px;text-align:left}.mission-form input{background:transparent;border:0;border-radius:0;color:#142232;font:18px Arial,sans-serif;min-width:0;flex:1;padding:12px;min-height:48px}.mission-form button{white-space:nowrap;min-width:84px;padding:14px}.mission-form input:focus{outline-offset:-3px}.mission-form[aria-disabled=true]{opacity:.55}.mission-timer{display:inline-grid;place-items:center;font:30px monospace;width:58px;min-height:58px;border-radius:50%;border:1px solid #b7c9cf;margin:14px auto 0;color:#fff}.mission-timer.urgent{color:#ffc0a5;border-color:#ffc0a5}.mission-message{font:14px/1.5 Arial,sans-serif;min-height:22px;margin:12px 0 0;color:#f3d38c}.mission-candidates{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.mission-candidates button{color:#fff;background:#294458;border:1px solid #819da6;padding:10px 12px;border-radius:3px;min-height:44px}.native-help{position:relative;z-index:5;margin:10px 28px 0;padding:16px;background:#203649;border:1px solid #627b86;font-size:13px}.native-help p{margin:0 0 8px}.native-help p:last-child{margin-bottom:0}.mission-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;color:#a4b9c2;font:10px/1.5 monospace;padding:14px 28px;border-top:1px solid #40525c;background:#132334}.mission-bottom>span:last-child{white-space:nowrap}.native-notice{position:relative;z-index:4;background:#304656;color:#fff;font-size:12px;margin:0;text-align:center}.native-notice:not(:empty){padding:10px 16px}.space-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.lunar-body{position:absolute;top:18%;right:7%;width:55px;height:55px;border-radius:50%;background:#ddd8bc;box-shadow:0 0 50px #b5d8d517,0 0 0 10px #b5d8d503;overflow:hidden}.lunar-body:after{content:'';position:absolute;inset:0 0 0 18px;background:#172a3b;border-radius:50%;transform:translateX(12px)}.lunar-body i{position:absolute;width:12px;height:12px;background:#bcbba5;border-radius:50%;top:12px;left:14px}.lunar-body i:nth-child(2){top:32px;left:8px;width:8px;height:8px}.lunar-body i:nth-child(3){top:26px;left:30px;width:17px;height:17px}.earth-art{position:absolute;width:110%;height:180px;bottom:10px;left:-5%;opacity:.85}.rocket-flight{position:absolute;width:64px;height:180px;left:calc(50% - 32px);bottom:92px;transform:translateY(calc(var(--ascent,0)*-.55px));transition:transform 1.8s cubic-bezier(.2,.7,.25,1);z-index:1}.rocket-art{width:64px;height:100px;filter:drop-shadow(0 0 14px #d0b27119)}.rocket-flame{transform-origin:center 115px;opacity:.65}.flying .rocket-flame{animation:flame .2s infinite alternate}.flight-line{position:absolute;width:1px;left:50%;top:112px;height:72px;background:linear-gradient(#a5b8ba70,transparent)}.altitude-scale{position:absolute;top:180px;bottom:100px;right:16px;border-right:1px solid #72848e55;display:flex;flex-direction:column;justify-content:space-between;color:#b7c9cf;font:9px monospace;padding-right:8px;opacity:.65}.altitude-scale span:after{content:'—';padding-left:6px}.space-orbit{position:absolute;bottom:3%;left:-12%;width:124%;height:210px;border:1px solid #8da6aa18;border-radius:50%}.orbit-two{height:300px;bottom:-3%}.mission-sidebar{min-width:0}.flight-legend{display:flex;gap:6px;justify-content:space-between;align-items:center;margin-bottom:24px;font:12px monospace}.flight-legend strong{color:#ab552f;font-weight:400}.native-below{max-width:none;width:100%;margin:8px 0 0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#62695d;font-size:12px}.native-below p{margin:0;max-width:60ch}.native-below select{background:transparent;border:1px solid #afb7a7;padding:8px;min-height:40px;font-size:12px;max-width:130px}.native-below label{display:flex;align-items:center;gap:10px;white-space:nowrap}.native-below a{white-space:nowrap}.result-total{font:70px/1.2 monospace;letter-spacing:-4px;color:#f3d38c;margin:12px 0}.result-total small{font:16px monospace;letter-spacing:0;color:#b7c9cf}.mission-content.complete{padding:24px 35px;align-items:stretch;overflow:auto;max-height:850px}.mission-content.complete .mission-question{margin:auto;font-size:32px}.mission-content.complete #mission-answer-area{padding:0;margin:0}.mission-log{margin:20px 0;text-align:left;border-top:1px solid #50636f}.mission-log>details{border-bottom:1px solid #50636f}.mission-log summary{padding:14px 0;display:grid;grid-template-columns:24px 1fr auto;font:14px/1.5 Arial,sans-serif;gap:8px}.mission-log summary small{font:10px monospace;color:#b7c9cf}.mission-log summary strong{font:16px monospace;color:#f3d38c}.mission-log .log-question{font-size:14px;margin:4px 0 12px}.mission-log ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin:12px 0 20px}.mission-log li{display:flex;justify-content:space-between;font-size:12px;gap:12px}.mission-log .log-sources{font-size:11px;line-height:1.6;color:#b7c9cf;margin-bottom:16px}.mission-log .log-sources a{display:block;overflow-wrap:anywhere}.native-mission-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 60px}.native-mission-row{border:1px solid #d1d5c5;display:flex;align-items:center;gap:14px;padding:20px;text-decoration:none;background:#eeeee4;min-width:0}.native-mission-row>div{flex:1;min-width:0;display:flex;flex-direction:column}.native-mission-row>div strong{font-size:14px;font-weight:500}.native-mission-row>div span{font-size:11px;color:#65705c}.mission-stamp{font:30px monospace;color:#b75e38}.mission-read-label{color:#a6bdc5}.mission-feedback-score{font:52px monospace;color:#f3d38c;letter-spacing:-2px;margin-top:16px}.mission-feedback-tier{font:13px monospace;color:#b7c9cf;letter-spacing:1px}.native-load{color:#b7c9cf;font-size:13px}.mission-primary:focus-visible{outline-offset:6px}
@keyframes flame{to{transform:scaleY(.7);opacity:1}}
@media(max-width:1099px){.native-play{grid-template-columns:1fr;max-width:none;padding-right:0}.mission-sidebar{display:flex;justify-content:center}.native-below{max-width:none;flex-wrap:wrap}.mission-panel{min-height:520px}.native-mission-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.native-play{width:100%;margin:0;gap:16px;padding:0}.mission-panel{min-height:480px}.mission-toolbar{padding:10px 16px}.mission-toolbar button{width:40px;height:40px}.mission-dots{gap:5px}.mission-dots i{width:7px;height:7px}.mission-content{padding:16px 20px 0}.mission-question{font-size:25px;letter-spacing:-.5px;line-height:1.25}.mission-content.ready .mission-question{font-size:32px}.mission-description{font-size:13px;max-width:30ch}.mission-eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}.mission-content.ready #mission-answer-area{padding-top:76px}#mission-answer-area{padding-top:20px;padding-bottom:18px}.earth-art{height:150px;width:140%;left:-20%;bottom:15px}.rocket-flight{bottom:100px;width:58px;left:calc(50% - 29px)}.rocket-art{width:58px}.altitude-scale{right:9px;top:210px;bottom:110px;font-size:8px;padding-right:5px}.lunar-body{width:40px;height:40px;right:7%;top:20%}.mission-bottom{padding:12px 16px;font-size:9px;gap:12px}.mission-form{flex-wrap:wrap;gap:4px;padding:5px}.mission-form input{width:100%;flex-basis:70%;font-size:16px;padding:10px 7px}.mission-form button{min-width:66px;padding:12px 8px;font-size:12px;flex:0}.mission-timer{font-size:24px;width:48px;min-height:48px;margin-top:10px}.native-below{width:100%;font-size:11px;gap:12px}.native-below label{white-space:normal;font-size:11px}.native-below p{flex-basis:100%}.mission-content.complete{padding:22px 20px;max-height:none}.mission-log ul{grid-template-columns:1fr}.mission-content.complete .mission-question{font-size:27px}.result-total{font-size:56px}.mission-log summary{font-size:12px}.native-help{margin:10px 16px 0;padding:12px}.native-mission-list{grid-template-columns:1fr;gap:8px}}
@media(max-height:600px) and (max-width:760px){.mission-panel:is([data-phase=answering],[data-phase=reading]){min-height:470px}.mission-panel:is([data-phase=answering],[data-phase=reading]) .mission-content{padding-top:16px}.mission-panel:is([data-phase=answering],[data-phase=reading]) #mission-answer-area{padding-top:18px}.mission-panel:is([data-phase=answering],[data-phase=reading]) .earth-art{height:100px;opacity:.4}.mission-panel:is([data-phase=answering],[data-phase=reading]) .rocket-flight{opacity:.3}.mission-panel:is([data-phase=answering],[data-phase=reading]) .mission-description{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.rocket-flight{transition:none}.rocket-flame{animation:none!important}}
.mission-primary small{font-size:14px}
@media(max-width:760px){.mission-form input{flex-basis:0;width:auto}.mission-form button{max-width:108px;white-space:normal}.mission-sidebar{width:100%;min-width:0}}
.mission-panel[data-phase=complete] .space-scene{display:none}
@media(max-width:760px){.mission-panel:not([data-phase=ready]) .lunar-body,.mission-panel:not([data-phase=ready]) .altitude-scale{display:none}}
@media(max-width:760px){.mission-toolbar button{width:44px;height:44px;min-width:44px}.native-below select{min-height:44px}}

.mission-caption{font:11px/1.4 monospace;color:#b7c9cf}.mission-height{font:28px monospace;color:#fff;white-space:nowrap}.mission-height small{font-size:11px;color:#b7c9cf}.mission-toolbar>.mission-dots{gap:7px}.mission-tools{display:flex;gap:6px}.ad-sticky{position:sticky;top:16px;width:300px;min-height:250px;margin:0 auto;padding:0;border:0;background:transparent}.ad-slot{width:300px;height:250px;min-width:300px;min-height:250px;padding:0;border:0;outline:0;background:transparent;box-sizing:border-box}.native-help .flight-legend{max-width:340px;margin:14px 0;color:#b7c9cf}.native-help .flight-legend strong{color:#f3d38c}.native-help>a{font-size:13px}.native-help #preview-note{font-size:11px;color:#b7c9cf;margin-top:12px}.mission-content.complete{min-height:0;max-height:none}.mission-panel[data-phase=complete]{height:560px;min-height:480px}.mission-panel[data-phase=complete] .mission-content{overflow-y:auto}.mission-bottom{padding:10px 20px}.mission-panel:is([data-phase=reading],[data-phase=answering]) .rocket-flight{opacity:.3}
@media(max-width:1099px){.ad-sticky{position:static}}
@media(max-width:760px){.mission-toolbar{gap:10px}.mission-caption{font-size:10px}.mission-height{font-size:26px}.mission-content.ready .mission-question{font-size:32px}.mission-panel[data-phase=complete]{height:540px}.mission-content.complete{overflow-y:auto;max-height:none}.native-below select{min-height:44px}}
@media(max-width:480px){.mission-toolbar{grid-template-columns:minmax(0,1fr) auto auto}.mission-toolbar>.mission-dots{display:none}.mission-caption{max-width:130px}.mission-content.ready .mission-description{max-width:32ch}.mission-content.ready #mission-answer-area{padding-top:68px}}
.mission-panel:has(#native-help:not([hidden])) .space-scene{opacity:.2}
@media(max-width:760px){.mission-panel .lunar-body,.mission-panel .altitude-scale{display:none}}