.mission-game{height:100dvh!important;min-height:0!important;overflow:hidden;background:#092842!important;display:flex;flex-direction:column}
.mission-game .topbar{flex:0 0 auto;z-index:5}
.mission-game .score{order:2;display:flex;align-items:center;gap:8px;white-space:nowrap}
.mission-game .controls{order:3}
.mission-round-stars{display:flex;gap:2px;align-items:center}
.mission-round-stars i{font:900 16px/1 system-ui;font-style:normal;color:#d4d2cc;text-shadow:0 1px 0 #fff}
.mission-round-stars i.filled{color:#f6b818;text-shadow:0 0 7px #ffd863,0 1px 0 #9b6500}
.mission-stage{position:relative;flex:1;min-height:0;isolation:isolate;overflow:hidden;border-radius:22px;background:#10334f url('assets/rocket-mission/base.webp') center/100% 100% no-repeat}
.mission-screens{position:absolute;z-index:3;left:3%;right:37%;top:8%;height:38%;display:flex;justify-content:center;gap:clamp(6px,1vw,16px)}
.mission-screen{flex:0 1 220px;max-width:220px;min-width:0;height:100%;display:grid;grid-template-rows:36px minmax(0,1fr) 54px;gap:7px;padding:10px;border:3px solid #6bacbb;border-radius:19px;background:linear-gradient(150deg,#33637a,#102d47);box-shadow:0 6px 0 #071c2c,0 12px 18px #05182e60,inset 0 2px 0 #b9edee66;color:white;transition:border-color .2s,box-shadow .2s}
.mission-screen-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px}
.mission-screen-top b{font:800 clamp(23px,2.5vw,34px)/1 system-ui;color:#fff4bb}
.mission-lamp{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#0a2130;border:3px solid #618699;box-shadow:inset 0 3px 3px #0008;font:bold 15px system-ui;color:#073622;font-style:normal}
.mission-photo{min-height:0;border-radius:10px;background:#122f43;overflow:hidden;box-shadow:inset 0 2px 8px #071a2a88}
.mission-photo:has(img){background:white;box-shadow:none}
.mission-photo img{display:block;width:100%;height:100%;box-sizing:border-box;object-fit:contain;padding:clamp(9px,1vw,14px);background:#fff}
.mission-word{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;text-align:center;font:700 clamp(14px,1.45vw,21px)/1.13 system-ui;overflow-wrap:anywhere;background:#fffdf5;border-radius:7px;color:#193249;padding:3px}
.mission-word .article-het{color:#d52218}
.mission-screen.active{border-color:#ffdd72;box-shadow:0 6px 0 #685a29,0 0 0 2px #fff4bc,0 0 27px #ffda6977}
.mission-screen.correct{border-color:#5deaab;box-shadow:0 6px 0 #155c57,0 0 20px #63ffb933}
.mission-screen.correct .mission-lamp{background:#63f3a7;border-color:#b7ffd5;box-shadow:0 0 15px #6dffb6}
.mission-guide{position:absolute;left:3%;top:51%;height:26%;width:16%;z-index:2;transform-origin:50% 100%;pointer-events:none}
.mission-guide img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 8px #001d3966)}
.mission-launchpad{position:absolute;right:7%;top:5%;width:24%;height:80%;pointer-events:none;z-index:2}
.mission-vehicle{position:absolute;bottom:5%;left:6%;width:88%;height:85%;transform:translateY(0);will-change:transform}
.mission-rocket{position:relative;width:100%;height:100%;object-fit:contain;object-position:bottom center;z-index:2;filter:hue-rotate(var(--rocket-hue)) drop-shadow(0 9px 9px #00182e88)}
.mission-fire{position:absolute;left:40%;width:20%;top:89%;height:28%;background:radial-gradient(ellipse at 50% 0,#fff 0 12%,#fff0a4 25%,#ffbd40 43%,#ff6129 60%,transparent 71%);filter:drop-shadow(0 0 13px #ffc04a);opacity:0;transform-origin:50% 0}
.mission-pad-lights{position:absolute;bottom:7%;left:22%;right:22%;height:8px;display:flex;justify-content:space-between;z-index:3}
.mission-pad-lights i{width:9px;height:9px;background:#67aab3;border:2px solid #b9dce1;border-radius:50%}
.mission-smoke{position:absolute;left:-10%;right:-10%;bottom:-1%;height:24%;opacity:0;z-index:1}
.mission-smoke i{position:absolute;width:45%;height:65%;bottom:0;left:28%;border-radius:50%;background:radial-gradient(ellipse,#e8fbffe0,#c5d9e580 50%,#c5d9e500 73%);filter:blur(4px)}
.mission-smoke i:nth-child(2){left:2%;bottom:5%}.mission-smoke i:nth-child(3){left:52%;bottom:4%}.mission-smoke i:nth-child(4){left:17%;bottom:25%}.mission-smoke i:nth-child(5){left:43%;bottom:30%}
.mission-countdown{position:absolute;z-index:4;right:2.5%;top:43%;color:#fff3a5;text-shadow:0 5px 0 #153747,0 0 35px #ffe29588;font:900 clamp(62px,10vh,110px)/1 system-ui;pointer-events:none}
.mission-choices{position:absolute;z-index:4;left:3%;right:32%;bottom:3%;height:21%;display:flex;justify-content:center;align-items:stretch;gap:clamp(9px,2vw,25px);padding:7px 12px;border-radius:20px;background:linear-gradient(#1a4a65dd,#102e48ee);border:1px solid #a6d5e34d;box-shadow:0 5px 0 #082035}
.mission-choices:empty{visibility:hidden}
.mission-choices button{width:clamp(65px,15vw,165px);min-width:0;min-height:44px;padding:5px;background:#fffef8;border:3px solid #a1dbe3;border-radius:15px;box-shadow:0 4px 0 #0b2536;cursor:pointer;touch-action:manipulation;transition:transform .15s}
.mission-choices button img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}
.mission-choices button:disabled{visibility:hidden}
.mission-choices button:not(:disabled):hover{transform:translateY(-3px);border-color:#ffe18b}
.mission-choices button:focus-visible{outline:4px solid #ffe18b;outline-offset:3px}
.mission-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mission-game[data-space-phase="success"] .mission-lamp,.mission-game[data-space-phase="countdown"] .mission-lamp{box-shadow:0 0 24px 5px #6dffb6}
.mission-game[data-space-phase="success"] .mission-guide,.mission-game[data-space-phase="launch"] .mission-guide{animation:mission-cheer .6s ease-in-out 3}
.mission-game[data-space-phase="countdown"] .mission-rocket{animation:mission-rumble .12s infinite alternate}
.mission-game[data-space-phase="countdown"] .mission-pad-lights i,.mission-game[data-space-phase="launch"] .mission-pad-lights i{background:#90ffca;box-shadow:0 0 12px #71ffc1}
.mission-game[data-space-phase="countdown"] .mission-smoke{opacity:.3;transform:scale(.65)}
.mission-game[data-ignition="true"] .mission-fire{opacity:1;animation:mission-flame .14s infinite alternate}
.mission-game[data-space-phase="launch"] .mission-vehicle{animation:mission-lift 2.7s cubic-bezier(.62,0,.85,.35) forwards}
.mission-game[data-space-phase="launch"] .mission-smoke{animation:mission-steam 2.8s ease-out forwards}
.mission-game[data-space-phase="away"] .mission-vehicle,.mission-game[data-space-phase="complete"] .mission-vehicle{transform:translateY(-150vh)}
.mission-game[data-space-phase="docking"] .mission-vehicle{animation:mission-dock 1.3s cubic-bezier(.2,.6,.3,1) both}
@keyframes mission-lift{0%{transform:translateY(0)}12%{transform:translateY(-5px)}100%{transform:translateY(-150vh)}}
@keyframes mission-dock{from{transform:translateX(45vw)}to{transform:translateX(0)}}
@keyframes mission-rumble{from{transform:translateX(-1px) rotate(-.3deg)}to{transform:translateX(1px) rotate(.3deg)}}
@keyframes mission-flame{to{transform:scale(.87,1.35)}}
@keyframes mission-steam{0%{opacity:.35;transform:scale(.65)}35%{opacity:.9}100%{opacity:0;transform:scale(2.7)}}
@keyframes mission-cheer{50%{transform:translateY(-8px) rotate(-3deg)}}
@media(max-width:900px){.mission-screens{left:2%;right:30%;gap:6px;height:43%}.mission-screen{padding:6px;grid-template-rows:30px minmax(0,1fr) 62px;gap:4px;border-radius:13px}.mission-screen-top{padding:0}.mission-word{font-size:14px}.mission-lamp{width:20px;height:20px}.mission-launchpad{right:7%;width:24%}}
@media(orientation:portrait){.mission-screens{top:5%;right:2%;height:33%}.mission-screen{flex-basis:180px}.mission-guide{top:41%;left:8%;width:25%;height:31%}.mission-launchpad{top:39%;right:11%;width:30%;height:44%}.mission-countdown{top:47%;right:46%}.mission-choices{left:3%;right:3%;height:17%;bottom:2%}}
@media(max-height:560px){.mission-screens{top:4%;height:47%}.mission-screen{grid-template-rows:24px minmax(0,1fr) 42px;padding:5px;gap:3px}.mission-word{font-size:14px}.mission-screen-top b{font-size:23px}.mission-choices{bottom:3%;height:23%;padding:4px 8px}.mission-guide{top:53%;height:19%}.mission-lamp{width:19px;height:19px}.mission-choices button{padding:2px}.mission-stage{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.mission-game .mission-rocket,.mission-game .mission-guide,.mission-game .mission-fire{animation:none!important}.mission-screen,.mission-choices button{transition:none}}

/* Boarding mission. Raster artwork is kept separate from word photographs. */
.mission-game .mission-screens{z-index:5}
.mission-game .mission-choices{z-index:6}
.mission-game .mission-launchpad{left:79%;right:auto;top:auto;bottom:20%;width:min(29vw,47vh);height:auto;aspect-ratio:2/3;transform:translateX(-50%)}
.mission-game .mission-vehicle{inset:0;width:100%;height:100%}
.mission-craft{position:absolute;inset:0;transform-origin:50% 95%}
.mission-game .mission-rocket{position:absolute;inset:0;width:100%;height:100%;z-index:2;background:var(--rocket-art) center bottom/100% auto no-repeat;filter:drop-shadow(0 5px 6px #00182e55)}
.mission-game[data-rocket-design="1"]{--rocket-art:url('assets/rocket-mission/designs-v134/rocket-1.webp');--door-top:68%;--window-top:46%}
.mission-game[data-rocket-design="2"]{--rocket-art:url('assets/rocket-mission/designs-v134/rocket-2.webp');--door-top:67%;--window-top:43%}
.mission-game[data-rocket-design="3"]{--rocket-art:url('assets/rocket-mission/designs-v134/rocket-3.webp');--door-top:70%;--window-top:42%}
.mission-game[data-rocket-design="4"]{--rocket-art:url('assets/rocket-mission/designs-v134/rocket-4.webp');--door-top:67%;--window-top:44%}
.mission-game[data-rocket-design="5"]{--rocket-art:url('assets/rocket-mission/designs-v134/rocket-5.webp');--door-top:77%;--window-top:43%}
.mission-game[data-rocket-design="6"]{--rocket-art:url('assets/rocket-mission/designs-v134/rocket-6.webp');--door-top:65%;--window-top:44%}
.mission-doorway{position:absolute;z-index:3;left:39%;top:var(--door-top);width:22%;height:13%;border:3px solid #c8e7ee;border-radius:42% 42% 18% 18%;background:radial-gradient(ellipse at 50% 20%,#2ad7ef55,#062737 70%);box-shadow:inset 0 0 12px #00151f,0 2px 5px #00182e66;perspective:260px}
.mission-hatch{position:absolute;inset:-3px;border:3px solid #d9eef2;border-radius:inherit;background:linear-gradient(120deg,#f6fbfc,#9cafb7 48%,#eaf5f7 52%,#7d919a);transform-origin:100% 50%;transform:rotateY(-108deg);transition:transform .75s ease-in-out;box-shadow:inset 0 0 0 3px #647982}
.mission-game[data-door-closed="true"] .mission-hatch{transform:rotateY(0)}
.mission-game .mission-guide{position:absolute;right:auto;bottom:auto;width:clamp(90px,18vh,200px);height:auto;aspect-ratio:1;z-index:4;pointer-events:none;transition:left 1s ease-in-out,top 1s ease-in-out;animation:none;transform:none}
.mission-walker{width:100%;height:100%;transform-origin:50% 94%}
.mission-crew-sprite{width:100%;height:100%;background:url('assets/rocket-mission/crew-v38.webp') var(--crew-x) var(--crew-y)/300% 200% no-repeat}
.mission-walker .mission-crew-sprite{transform:translateX(var(--crew-shift));filter:drop-shadow(0 5px 4px #03172866)}
.mission-game[data-walking="true"] .mission-walker{animation:mission-walk .28s ease-in-out infinite}
.mission-game[data-space-phase="boarding"] .mission-guide{transition-duration:1.8s}
.mission-game[data-space-phase="boarding"] .mission-walker{animation:mission-board 1.8s ease-in-out forwards}
.mission-game[data-passenger="true"] .mission-guide{visibility:hidden;opacity:0}
.mission-game[data-space-phase="docking"] .mission-guide{transition:none}
.mission-game[data-initializing="true"] .mission-guide{transition:none}
.mission-game[data-space-phase="docking"] .mission-walker{animation:mission-child-enter 1.3s ease-out both}
.mission-bridge{position:absolute;z-index:3;pointer-events:none;transform-origin:91% 29%;transition:transform 1.05s ease-in-out,opacity .3s .8s}
.mission-bridge img{width:100%;height:100%;display:block}
.mission-route{position:absolute;z-index:2;pointer-events:none;opacity:.9}
.mission-route img{width:100%;height:100%;display:block}
.mission-game[data-bridge-retracted="true"] .mission-bridge{transform:scaleX(0);opacity:0}
.mission-game[data-space-phase="docking"] .mission-bridge{transition:none;animation:mission-bridge-arrive 1.3s ease-out both}
.mission-passenger{position:absolute;left:38%;top:var(--window-top);width:24%;height:16%;border-radius:50%;overflow:hidden;z-index:4;background:#083c50;opacity:0;transition:opacity .3s}
.mission-game[data-passenger="true"] .mission-passenger{opacity:1}
.mission-portrait{position:absolute;width:200%;height:200%;left:var(--portrait-left);top:-2%}
.mission-glass{position:absolute;inset:0;border-radius:50%;background:linear-gradient(125deg,#dbfbff80,transparent 30%,#17afce22 70%,#dcffff55);box-shadow:inset 0 0 4px 2px #58cce155}
.mission-engine-fires{position:absolute;inset:0;z-index:1;pointer-events:none}
.mission-engine-fires i{position:absolute;top:96%;width:16%;height:31%;opacity:0;transform-origin:50% 0;background:radial-gradient(ellipse at 50% 0,#fff 0 10%,#fff7ae 21%,#ffc33f 39%,#ff6827 58%,transparent 72%);filter:drop-shadow(0 0 13px #ffc04a)}
.mission-engine-fires .engine-center{left:42%}.mission-engine-fires .engine-left{left:18%}.mission-engine-fires .engine-right{right:18%}
.mission-game[data-boosters="true"] .mission-engine-fires .engine-left,.mission-game[data-boosters="true"] .mission-engine-fires .engine-right{top:87%}
.mission-game:not([data-boosters="true"]) .mission-engine-fires .engine-left,.mission-game:not([data-boosters="true"]) .mission-engine-fires .engine-right,.mission-game:not([data-boosters="true"]) .mission-engine-smokes .engine-left,.mission-game:not([data-boosters="true"]) .mission-engine-smokes .engine-right{display:none}
.mission-game[data-ignition="true"] .mission-engine-fires i{opacity:1;animation:mission-flame .14s infinite alternate}
.mission-engine-smokes span{position:absolute;bottom:0;width:31%;height:72%;border-radius:50%;opacity:0;background:radial-gradient(ellipse,#eefbffe8,#c5d9e59a 50%,#c5d9e500 73%);filter:blur(4px)}
.mission-engine-smokes .engine-center{left:34.5%}.mission-engine-smokes .engine-left{left:9%}.mission-engine-smokes .engine-right{right:9%}
.mission-game[data-countdown="2"] .mission-engine-smokes span,.mission-game[data-countdown="1"] .mission-engine-smokes span,.mission-game[data-space-phase="launch"] .mission-engine-smokes span{opacity:.82;animation:mission-vent 1s ease-out infinite}
.mission-game .mission-pad-lights{bottom:0;left:18%;right:18%}
.mission-game .mission-smoke{bottom:-8%;height:28%}
.mission-game[data-space-phase="countdown"] .mission-rocket{animation:none}
.mission-game[data-countdown="3"] .mission-craft{animation:mission-rumble .16s infinite alternate}
.mission-game[data-countdown="3"] .mission-passenger{box-shadow:0 0 18px #87edff}
.mission-game[data-countdown="2"] .mission-craft{animation:mission-ready .13s infinite alternate}
.mission-game[data-countdown="2"] .mission-smoke{opacity:.7;transform:scale(1);animation:mission-vent 1s ease-out infinite}
.mission-game[data-countdown="1"] .mission-craft{animation:mission-ready .09s infinite alternate}
.mission-game[data-countdown="1"] .mission-smoke{opacity:.8;transform:scale(1.2)}
.mission-game[data-space-phase="launch"] .mission-craft{animation:mission-ready .09s infinite alternate}
.mission-game[data-space-phase="success"] .mission-guide,.mission-game[data-space-phase="launch"] .mission-guide{animation:none}
@keyframes mission-walk{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes mission-board{0%{transform:scale(1);opacity:1}35%{transform:translateY(-3px) scale(.9)}80%{transform:scale(.65);opacity:1}100%{transform:scale(.5);opacity:0}}
@keyframes mission-child-enter{from{transform:translateX(-30vw)}to{transform:translateX(0)}}
@keyframes mission-bridge-arrive{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes mission-ready{from{transform:translate(-2px,1px)}to{transform:translate(2px,-1px)}}
@keyframes mission-vent{from{transform:scale(.7);opacity:.3}to{transform:scale(1.3);opacity:.8}}
@media(orientation:portrait){.mission-game .mission-launchpad{left:78%;bottom:20%;width:30vw}.mission-game .mission-guide{width:clamp(90px,18vh,180px)}}
@media(max-height:560px){.mission-game .mission-guide{width:clamp(80px,18vh,100px)}}
@media(prefers-reduced-motion:reduce){.mission-game .mission-walker,.mission-game .mission-craft,.mission-game .mission-smoke{animation:none!important}.mission-game .mission-guide{transition-duration:.3s}.mission-game[data-space-phase="boarding"] .mission-walker{transform:scale(.65)}}

/* Raised accessible launch platform: the approach is a flat part of the deck. */
.mission-game .mission-stage{background-image:url('assets/rocket-mission/platform-v42.webp')}
.mission-game .mission-launchpad{bottom:31%}
.mission-game .mission-bridge{transform:rotate(var(--bridge-raised-angle));transition:transform 1.2s ease-in-out,opacity .3s .8s;animation:none}
.mission-game[data-bridge-position="lowered"] .mission-bridge{transform:rotate(var(--bridge-angle));opacity:1}
.mission-game[data-bridge-position="retracted"] .mission-bridge{transform:rotate(var(--bridge-angle)) scaleX(0);opacity:0}
.mission-game[data-space-phase="docking"] .mission-bridge{transition:none;animation:none;opacity:0}
.mission-game[data-mobility="wheelchair"] .mission-crew-sprite{background-image:url('assets/rocket-mission/wheelchair-v39.webp');background-size:100% 100%;background-position:center}
.mission-game[data-mobility="wheelchair"][data-walking="true"] .mission-walker{animation:none}
.mission-game[data-mobility="wheelchair"][data-space-phase="boarding"] .mission-walker{animation:mission-roll-board 1.8s ease-in-out forwards}
@keyframes mission-roll-board{0%{transform:scale(1);opacity:1}80%{transform:scale(.65);opacity:1}100%{transform:scale(.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.mission-game .mission-bridge{transition-duration:.3s}.mission-game[data-mobility="wheelchair"][data-space-phase="boarding"] .mission-walker{animation:none;transform:scale(.8)}}

@media(orientation:portrait){.mission-game .mission-launchpad{width:25vw;left:79%;bottom:31%}}

/* Platform feedback stays on the deck; bridge slides at full size into its housing. */
.mission-game .mission-bridge{overflow:hidden;clip-path:inset(0 9% 0 0);transform:rotate(var(--bridge-angle));transition:none;opacity:1}
.mission-game .mission-bridge img{transform:translate(0,0);transition:transform 1.05s cubic-bezier(.45,0,.2,1);will-change:transform}
.mission-game[data-bridge-position="retracted"] .mission-bridge{transform:rotate(var(--bridge-angle));opacity:1}
.mission-game[data-bridge-position="retracted"] .mission-bridge img{transform:translate(83%,-57%)}
.mission-game[data-space-phase="docking"] .mission-bridge{opacity:0}
.mission-game[data-initializing="true"] .mission-bridge img{transition:none}
.mission-deck-progress{position:absolute;left:13%;width:43%;top:71%;display:flex;justify-content:space-between;z-index:2;pointer-events:none}
.mission-deck-progress i{width:clamp(14px,2.6vw,42px);height:clamp(5px,.7vw,12px);border-radius:50%;background:#123d51;border:2px solid #9baeb9;box-shadow:0 2px 3px #00182f;transition:background .3s,box-shadow .3s}
.mission-deck-progress i[data-lit="true"]{background:#baffd4;box-shadow:0 0 8px 3px #36f7a6,0 0 20px #36f7a6}
.mission-deck-ring{position:absolute;left:65%;width:27%;top:66%;height:7%;border:3px solid #6fcfe366;border-radius:50%;z-index:1;pointer-events:none;transition:border-color .3s,box-shadow .3s}
.mission-game[data-space-phase="success"] .mission-deck-ring,.mission-game[data-space-phase="boarding"] .mission-deck-ring{border-color:#a1ffd1;box-shadow:0 0 15px #42ffc9,inset 0 0 12px #42ffc966}
.mission-game[data-space-phase="retracting"] .mission-deck-ring,.mission-game[data-space-phase="sealing"] .mission-deck-ring{border-color:#ffcb6a;box-shadow:0 0 14px #ffb54b}
.mission-game[data-space-phase="countdown"] .mission-deck-progress i{background:#ffe3a0;box-shadow:0 0 12px #ffc14a;animation:mission-deck-wave 1s ease-in-out infinite;animation-delay:calc(var(--lamp-index)*.12s)}
.mission-game[data-countdown="3"] .mission-deck-ring{border-color:#6be3ff;box-shadow:0 0 15px 3px #5be3ff}
.mission-game[data-countdown="2"] .mission-deck-ring{border-color:#ffd677;box-shadow:0 0 24px 5px #ffbb45}
.mission-game[data-countdown="1"] .mission-deck-ring{border-color:#fff7d8;box-shadow:0 0 32px 7px #ffd35c}
.mission-game[data-space-phase="launch"] .mission-deck-ring{border-color:#fff8d9;animation:mission-deck-launch 2.8s ease-out forwards}
@keyframes mission-deck-wave{50%{filter:brightness(1.5);box-shadow:0 0 18px 3px #ffd56a}}
@keyframes mission-deck-launch{0%{box-shadow:0 0 28px 8px #ffda75;opacity:1}100%{box-shadow:0 0 55px 18px #64dcff;opacity:0}}
@media(prefers-reduced-motion:reduce){.mission-game .mission-bridge img{transition-duration:.3s}.mission-game .mission-deck-progress i,.mission-game .mission-deck-ring{animation:none!important}}

.mission-crew-sprite{background-image:url('assets/rocket-mission/crew-v42.webp');background-size:400% 200%}
.mission-game[data-mobility="walking"] .mission-walker .mission-crew-sprite{width:75%;margin:0 auto}
.mission-game[data-mobility="walking"] .mission-portrait{width:150%}
/* A single concentric pad, positioned from the rocket base by layoutJourney. */
.mission-deck-ring{background:radial-gradient(ellipse,#9cefff18 30%,#43bfe52b 65%,transparent 72%);border-color:#6be3ff;opacity:var(--deck-power,.3);box-shadow:0 0 12px #55dcff88,inset 0 0 10px #55dcff55}
.mission-deck-ring:before,.mission-deck-ring:after{content:"";position:absolute;border:2px solid currentColor;border-radius:50%;color:#8be8ed;box-shadow:0 0 7px currentColor}
.mission-deck-ring:before{inset:15% 13%}.mission-deck-ring:after{inset:30% 27%}
.mission-game[data-space-phase="countdown"] .mission-deck-ring,.mission-game[data-space-phase="launch"] .mission-deck-ring{opacity:1}
.mission-game[data-bridge-position="retracted"] .mission-bridge{visibility:hidden;transition:visibility 0s 1.05s}
.mission-game[data-bridge-position="retracted"] .mission-bridge img{transform:translate(100%,-68.67%)}
.mission-game[data-bridge-position="lowered"] .mission-bridge{visibility:visible;transition:none}

/* Exact geometry for the six approved rocket rasters. */
.mission-game .mission-launchpad{bottom:29.5%}
.mission-game[data-rocket-design="1"]{--door-left:42%;--door-top:66%;--door-width:16%;--door-height:10%;--window-left:39.5%;--window-top:45.7%;--window-width:21%;--window-height:16%;--main-fire-left:39.55%;--main-fire-top:84.5%;--main-fire-width:20.9%}
.mission-game[data-rocket-design="2"]{--door-left:44%;--door-top:66%;--door-width:12%;--door-height:10%;--window-left:39.5%;--window-top:41.8%;--window-width:21%;--window-height:16%;--main-fire-left:39.55%;--main-fire-top:83%;--main-fire-width:20.9%}
.mission-game[data-rocket-design="3"]{--door-left:42%;--door-top:66%;--door-width:16%;--door-height:13%;--window-left:39.5%;--window-top:41%;--window-width:21%;--window-height:16%;--main-fire-left:38.6%;--main-fire-top:82%;--main-fire-width:22.8%}
.mission-game[data-rocket-design="4"]{--door-left:40%;--door-top:65%;--door-width:20%;--door-height:13%;--window-left:39.5%;--window-top:44.5%;--window-width:21%;--window-height:16%;--main-fire-left:39.55%;--main-fire-top:94.5%;--main-fire-width:20.9%}
.mission-game[data-rocket-design="5"]{--door-left:43%;--door-top:74%;--door-width:14%;--door-height:13%;--window-left:39.5%;--window-top:41.5%;--window-width:21%;--window-height:16%;--main-fire-left:38.6%;--main-fire-top:97%;--main-fire-width:22.8%;--left-fire-left:18.75%;--right-fire-left:71.75%;--side-fire-top:94%;--side-fire-width:9.5%}
.mission-game[data-rocket-design="6"]{--door-left:43%;--door-top:65%;--door-width:14%;--door-height:14%;--window-left:40%;--window-top:45.7%;--window-width:20%;--window-height:15%;--main-fire-left:38.6%;--main-fire-top:97%;--main-fire-width:22.8%;--left-fire-left:17.25%;--right-fire-left:73.25%;--side-fire-top:88.8%;--side-fire-width:9.5%}
.mission-game[data-rocket-design="1"]{--craft-drop:5.5%}
.mission-game[data-rocket-design="2"]{--craft-drop:5.5%}
.mission-game[data-rocket-design="3"]{--craft-drop:7%}
.mission-game[data-rocket-design="4"],.mission-game[data-rocket-design="5"],.mission-game[data-rocket-design="6"]{--craft-drop:0%}
.mission-craft{inset:var(--craft-drop) 0 auto 0;height:100%}
.mission-doorway{left:var(--door-left);top:var(--door-top);width:var(--door-width);height:var(--door-height)}
.mission-passenger{left:var(--window-left);top:var(--window-top);width:var(--window-width);height:var(--window-height);clip-path:ellipse(44.5% 44.5% at 50% 50%)}
.mission-portrait{width:152%;height:205%;top:2%}
.mission-game[data-mobility="walking"] .mission-portrait{width:152%}
.mission-game[data-mobility="wheelchair"] .mission-passenger .mission-crew-sprite{background-image:url('assets/rocket-mission/crew-v42.webp');background-size:400% 200%;background-position:var(--crew-x) var(--crew-y)}
.mission-glass{background:linear-gradient(125deg,#e8fdff99,transparent 28%,#0797bc30 68%,#e6ffff70);box-shadow:inset 0 0 7px 3px #3ab5d188,inset 0 -8px 13px #006e9844}
.mission-engine-fires .engine-center{left:var(--main-fire-left);top:var(--main-fire-top);width:var(--main-fire-width)}
.mission-game[data-boosters="true"] .mission-engine-fires .engine-left{left:var(--left-fire-left);right:auto;top:var(--side-fire-top);width:var(--side-fire-width)}
.mission-game[data-boosters="true"] .mission-engine-fires .engine-right{left:var(--right-fire-left);right:auto;top:var(--side-fire-top);width:var(--side-fire-width)}
.mission-engine-fires i{height:27%;background:radial-gradient(ellipse at 50% 0,#fff 0 13%,#fff7ae 20%,#ffc33f 38%,#ff6827 59%,transparent 74%)}
.mission-game[data-boosters="true"] .mission-engine-smokes .engine-left{left:var(--left-fire-left);width:var(--side-fire-width)}
.mission-game[data-boosters="true"] .mission-engine-smokes .engine-right{left:var(--right-fire-left);right:auto;width:var(--side-fire-width)}
.mission-engine-smokes .engine-center{left:var(--main-fire-left);width:var(--main-fire-width)}

@media(orientation:portrait){.mission-game .mission-launchpad{bottom:29.5%}}

/* v156: compacte kaarten blijven volledig links van iedere raket. */
.mission-game .mission-screens{left:3%;right:37%;top:8%;height:38%;gap:clamp(6px,1vw,16px)}
.mission-game .mission-screen{flex-basis:220px;max-width:220px}
.mission-game .mission-choices{left:3%;right:32%;bottom:3%;height:21%;gap:clamp(9px,2vw,25px);padding:7px 12px}
.mission-game .mission-choices button{width:clamp(65px,15vw,165px)}
.mission-game .mission-countdown{left:auto;right:2.5%;top:43%;width:clamp(76px,6vw,108px);aspect-ratio:1;transform:translateY(-50%);display:grid;place-items:center;border:3px solid rgba(135,237,255,.88);border-radius:50%;background:radial-gradient(circle,rgba(8,84,119,.88),rgba(3,41,73,.72) 68%,rgba(62,218,255,.25));box-shadow:inset 0 0 18px rgba(119,239,255,.5),0 0 22px rgba(84,223,255,.7);font-size:clamp(50px,6vh,74px);text-align:center}
.mission-game .mission-countdown:empty{display:none}
@media(max-width:1100px){.mission-game .mission-screens{right:35%}.mission-game .mission-screen{flex-basis:190px;max-width:205px}.mission-game .mission-choices button{width:clamp(65px,15vw,155px)}.mission-game .mission-countdown{right:1.5%;width:72px}}
@media(orientation:portrait){.mission-game .mission-screens{left:2%;right:2%;top:5%;height:31%}.mission-game .mission-screen{flex-basis:165px;max-width:185px}.mission-game .mission-choices{left:3%;right:3%;height:17%;bottom:2%}.mission-game .mission-countdown{right:3%;top:48%}}


/* Concept images always remain fully visible inside both answer surfaces. */
.mission-photo img,
.mission-choices button img{
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  padding:clamp(3px,.38vw,6px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}
.mission-craft .mission-passenger{
  z-index:2!important;
  clip-path:none!important;
  overflow:hidden!important;
  border-radius:50%!important;
}
.mission-craft .mission-rocket{z-index:3!important}
.mission-craft .mission-doorway{z-index:4!important}
.mission-walker .mission-crew-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 4px #03172866)}
.mission-craft .mission-portrait{
  position:absolute!important;
  inset:3%!important;
  width:94%!important;
  height:94%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.mission-craft .mission-glass{z-index:1}

