/* Playable missions keep the pixel encounter art and introduce a tactile workbench. */
#encounter.pixel-encounter.mission-active:not(.is-inspecting){grid-template-rows:minmax(0,38%) minmax(0,1fr)}
#encounter.mission-active #question-lead{font-size:14px;line-height:1.4}
#encounter.mission-active #question-title{font-size:17px}
.mission-board{margin:0!important;color:#f8efd7;font:14px/1.4 ui-sans-serif,system-ui,sans-serif}
.mission-ribbon{color:#ebd399;font-weight:700;border-bottom:1px solid #b6bbbc44;padding-bottom:8px;margin-bottom:10px}
.mission-guests,.mission-option-row,.mission-rooms{display:flex;gap:7px}
.mission-choice{border:2px solid #8b9eaa;border-radius:5px;box-shadow:inset 0 0 0 1px #d1d4be33;background:#354e61;color:#fff4dc;min-height:48px;padding:8px;flex:1;font:600 13px/1.35 ui-sans-serif,system-ui,sans-serif;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.mission-choice[aria-pressed=true]{background:#eed298;color:#233b47;border-color:#fff1c9;box-shadow:0 0 0 1px #e7b753}
.mission-request{background:#fff2d7;color:#243841;border:2px solid #c0ab7b;border-radius:4px;padding:10px;margin:10px 0;font-size:14px;line-height:1.4}
.mission-rooms>.mission-choice{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px 5px}
.mission-door{display:grid;place-items:center;border:2px solid #c1a875;border-radius:18px 18px 2px 2px;width:30px;height:38px;background:#74523a;color:#fff2c5;font:18px Georgia}
.mission-rooms small{font-size:11px;font-weight:400}.mission-assigned{font-size:11px;border-top:1px solid currentColor;padding-top:4px}
.mission-options{margin:8px 0;padding:0;border:0;min-width:0}.mission-options legend{font-size:12px;color:#e3cfa0;margin-bottom:5px}
.mission-instruction{font-size:12px;color:#d5dedb;margin:9px 0}.mission-status:empty{display:none}
.mission-status{border-left:3px solid #e5ba7e;background:#213a48;color:#fff3d5;padding:10px;font-size:14px;line-height:1.4;margin:10px 0}
.mission-status[data-ok=true]{border-color:#98d2ac;background:#274d43}
.mission-hint-toggle,.mission-reset{border:0;min-height:44px;font-size:12px;background:#24394a;text-decoration:underline;width:100%;margin-top:5px}
.mission-hint{background:#3e4d57;padding:10px;border-radius:4px;font-size:13px;margin:5px 0}
.mission-robot-tests{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mission-robot-lane{background:repeating-linear-gradient(90deg,#253746 0 18px,#3c5663 18px 20px);height:60px;position:relative;border-radius:4px;overflow:hidden;border:1px solid #8597a5}
.mission-bot{position:absolute;left:8%;top:4px;font-size:24px;transition:left .8s ease}.mission-obstacle{position:absolute;right:13%;top:7px;color:#efc879;font-size:20px}.mission-robot-lane small{position:absolute;bottom:2px;left:5px;right:5px;font-size:11px;background:#20313eed}
.mission-robot-lane[data-state=moving] .mission-bot{left:70%}.mission-robot-lane[data-state=stopped] .mission-bot{left:36%;color:#a6dbb3}
.mission-flight{height:64px;border:1px solid #8e9baa;border-radius:4px;position:relative;background:linear-gradient(170deg,#96bcc9,#344e65 70%);margin:8px 0;overflow:hidden}
.mission-plane{position:absolute;top:8px;left:var(--flight);font-size:34px;color:#fff0bd;transform:translateX(-5px);filter:drop-shadow(1px 2px 1px #183148)}
.mission-flight[data-launched=true] .mission-plane{animation:mission-flight 1s ease-out both}.mission-bank{position:absolute;left:var(--target);bottom:0;color:#d2f4c3;font-size:22px}.mission-readings{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:#f5e7c1}
@keyframes mission-flight{from{left:0;transform:translateY(25px)}to{left:var(--flight);transform:translateY(0)}}
.mission-robot-lane[data-animate=true] .mission-bot{animation:mission-drive .8s ease-out both}
@keyframes mission-drive{from{left:8%}to{left:var(--robot-x)}}
.mission-result{border:1px solid #b4cb9b;padding:12px;background:#294d44;color:#faf1d5;font-size:14px;line-height:1.45;border-radius:5px;margin:8px 0}
.mission-map-status{color:#426753!important;font-weight:700}.mission-journal{display:grid;gap:8px}.mission-journal button{border:1px solid #c9d4bb;padding:12px;border-radius:10px;background:#ecf1e5;text-align:left;color:#214746;min-height:64px}.mission-journal strong,.mission-journal small{display:block}.mission-journal small{margin-top:5px;line-height:1.4}
#world-change{position:absolute;top:135px;left:50%;transform:translateX(-50%);width:min(350px,90vw);background:#f7edd4f5;color:#23423e;border:1px solid #d5b878;border-radius:12px;padding:13px 40px 13px 16px;box-shadow:0 6px 30px #122e3650;pointer-events:auto;font:14px/1.5 ui-sans-serif,sans-serif}#world-change button{position:absolute;right:7px;top:7px;width:32px;height:32px;border:0;background:transparent;color:inherit;font-size:22px}
@media(max-height:740px){#encounter.pixel-encounter.mission-active:not(.is-inspecting){grid-template-rows:minmax(0,32%) minmax(0,1fr)}#encounter.pixel-encounter.mission-active:not(.is-inspecting) .learning-journal{display:none}}
.reduce-media-motion .mission-plane,.reduce-media-motion .mission-bot{animation:none!important}.reduce-media-motion .mission-bot{transition:none}
@media(prefers-reduced-motion:reduce){.mission-plane,.mission-bot{animation:none!important}.mission-bot{transition:none}}

#encounter.pixel-encounter.mission-playing #question-lead,#encounter.pixel-encounter.mission-playing #answers:empty{display:none}
#encounter.pixel-encounter.mission-playing #encounter-body{gap:7px}
@media(max-height:740px){.mission-flight{height:48px}.mission-ribbon{margin-bottom:5px;padding-bottom:5px;font-size:12px}.mission-request{padding:7px;margin:7px 0}.mission-instruction{font-size:11px}.mission-options{margin:6px 0}}