/* A compact workbench opens after a story decision. All controls fit a landscape tablet. */
.chapter-screen .quest.mission-panel{top:111px;bottom:13px;max-height:none;grid-template-columns:minmax(195px,.75fr) minmax(0,1.7fr);grid-template-rows:auto minmax(0,1fr) auto;gap:12px 22px;padding:18px}
.mission-panel .quest-heading{align-items:flex-start}.mission-panel .dialogue{font-size:15px;line-height:1.7}.mission-panel .quest-heading h2{font-size:20px}.mission-plan-name{font-size:11px;color:#82683e;display:block;margin-top:7px}.mission-panel .task-area{display:block;min-height:0;height:100%}.mission-panel .quest-footer>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mission-panel .quest-footer .primary{grid-column:1/-1}.mission-panel .quest-footer button{font-size:12px;padding:9px 5px}.mission-panel .quest-footer p{min-height:16px}.mission-panel #work{height:100%;min-height:0;position:relative}.mission-character{font-size:42px;display:block;margin-bottom:8px}
.mission-device{display:flex;flex-direction:column;height:100%;min-height:0;background:#465c49;border:3px solid #69794e;border-radius:15px;box-shadow:inset 0 0 0 3px #d4b679,0 3px 0 #756541;overflow:hidden;color:#fff0c7}.mission-device-top{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:9px 13px;background:#3c4d3c;border-bottom:2px solid #a2a875;font-size:12px}.mission-device-top strong{background:#f6e4ad;color:#536542;border-radius:14px;padding:3px 11px;font-size:12px}.mission-play-area{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:stretch;background:radial-gradient(ellipse,#efdeb3,#bfa775);overflow:hidden;touch-action:none;user-select:none;color:#4f5e3b}.mission-feedback{padding:8px 10px;line-height:1.4;background:#354b3a;font-size:11px;flex-shrink:0;min-height:43px}.mission-complete .mission-device{border-color:#95b76b}.mission-complete .mission-feedback{background:#537644;color:#fff8d4}.mission-device button:focus-visible,.mission-device input:focus-visible{outline:3px solid #ffe085;outline-offset:2px}.mission-device button{touch-action:none}.mission-device button:disabled{opacity:.7}
.connection-station{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:10px 70px;min-height:0}.pipe-grid{height:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;max-width:100%;max-height:100%}.pipe-tile{border:2px solid #8b7955;border-radius:10px;background:#ead8a9;min-height:0;min-width:0;padding:0;box-shadow:0 2px 0 #796746;overflow:hidden}.pipe-tile svg{width:100%;height:100%;display:block}.pipe-tile path{stroke:#7d8374;stroke-width:25;fill:none;stroke-linecap:square}.pipe-tile circle{fill:#8b907b;stroke:#f3e5bc;stroke-width:3}.pipe-tile.flowing path{stroke:#79bec7}.pipe-tile.flowing circle{fill:#79bec7}.road-station .pipe-tile path{stroke:#8d846e;stroke-width:33}.road-station .pipe-tile.flowing path{stroke:#b7a064}.road-station .pipe-tile.flowing circle{fill:#f4dd94}.pipe-tile.blocked{background:#b0bd85;border-style:dashed;box-shadow:none}.pipe-end{position:absolute;font-size:11px;font-weight:bold;line-height:1.6;background:#e8e3b6;border:2px solid #7c9460;border-radius:9px;padding:7px;width:65px;text-align:center;box-shadow:0 3px 0 #8c875c}.pipe-end.source{left:4px;top:18%}.pipe-end.destination{right:4px;bottom:18%}
.mission-field{position:relative;flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.mission-land{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.field-object,.observation-object{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:66px;height:64px;background:#f5edcd99;border:1px dashed #88946a;border-radius:13px;padding:2px;color:#756541;box-shadow:0 2px 0 #6d754e44}.field-object>span,.observation-object>span{font-size:36px;line-height:1.1;pointer-events:none}.field-object small{font-size:10px;line-height:1;color:#635336}.field-object.removed{visibility:hidden;pointer-events:none}.brush-cursor{position:absolute;right:8%;top:33%;font-size:45px;pointer-events:none;transform:translate(-20%,-45%)}
.observation-work{flex:1;min-height:0;display:flex;flex-direction:column}.observation-console{display:flex;gap:8px;align-items:center;padding:7px 10px;font-size:11px;background:#e4cf99}.observation-console>span{flex:1}.observation-console button,.preview-sequence{background:#527743;color:#fff5ce;border:2px solid #385f37;border-radius:8px;padding:8px 12px;font-size:12px;white-space:nowrap}.observation-object{width:70px;height:66px;background:#e7e4bd55}.observation-object svg{width:58px;height:50px;display:block}.observation-object.recorded{border:3px solid #608b4c;background:#d5e6ba}.observation-object b{position:absolute;right:2px;top:1px;background:#5d7e46;color:#fff8d4;border-radius:50%;font-size:13px;width:19px;height:19px}.observation-object.in-focus{outline:3px solid #efca6d}.inspection-cursor{position:absolute;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;border:5px solid #cf9b44;box-shadow:0 0 0 3px #72532c, inset 0 0 12px #fff9d855;background:#e6f5e51a;pointer-events:none}.inspection-cursor>span{position:absolute;right:-27px;bottom:-17px;font-size:32px}.inspection-cursor.camera-cursor{border-radius:12px;border-style:dashed;width:99px;height:78px}.haul-target{position:absolute;right:3%;top:28%;display:flex;flex-direction:column;align-items:center;gap:4px;background:#bad3aa;border:3px solid #69825b;border-radius:13px;width:82px;padding:10px 5px;color:#435f3c;box-shadow:0 4px 0 #5d754d}.haul-target span{font-size:37px}.haul-target strong{font-size:12px}.haul-target small{font-size:11px}.carrying{outline:3px solid #e1af4e!important;background:#fff1c0!important}.mission-drag-ghost{position:absolute;z-index:20;pointer-events:none;transform:translate(-50%,-50%);font-size:48px;filter:drop-shadow(0 4px 5px #3e4b3577)}
.planting-work,.coverage-work{flex:1;display:flex;flex-direction:column;min-height:0;gap:7px;padding:10px 15px}.plant-tool,.tool-indicator{font-size:12px;font-weight:bold;text-align:center;color:#5d6944}.planting-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:9px;flex:1;min-height:0}.soil-pot{background:repeating-linear-gradient(0deg,#a98055 0 8px,#bb9667 8px 12px);border:3px solid #765b3a;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;color:#f8eaca;box-shadow:0 3px 0 #785d3f;padding:3px}.soil-pot>span{font-size:36px;line-height:1.1}.soil-pot>small{font-size:10px;margin-top:4px;background:#624a35b3;padding:2px 6px;border-radius:7px}.soil-pot.watered{background:#8eae6c;border-color:#638044}.coverage-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:6px;flex:1;min-height:0}.coverage-cell{border:2px solid #7c8150;border-radius:9px;background:#b4c88b;color:#577046;font-size:28px;min-height:0}.coverage-cell.painted{background:repeating-linear-gradient(45deg,#a3cee0,#a3cee0 10px,#d1e4d1 10px,#d1e4d1 15px);border-color:#527f90;color:#47717b}
.lamp-work{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse,#6f7957,#354b3e);color:#f9edc9;padding:10px}.lamp-wire{position:absolute;top:14%;width:85%;height:40px;border-bottom:4px solid #b3a574;border-radius:50%;pointer-events:none}.mission-lamps{display:flex;justify-content:center;gap:18px;position:relative}.mission-lamp{width:86px;height:104px;border:3px solid #a6ad82;border-radius:15px;background:#344a3c;color:#b8b99b;display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:center;box-shadow:0 4px 0 #273d30}.mission-lamp span{font-size:41px;filter:grayscale(1);opacity:.4}.mission-lamp strong{font-size:12px}.mission-lamp.lit,.mission-lamp:active{background:#e3b665;color:#61502d;box-shadow:0 0 28px #fbe891,0 4px 0 #9c7e47}.mission-lamp.lamp-1.lit{background:#94bccc}.mission-lamp.lamp-2.lit{background:#a8c785}.mission-lamp.lit span,.mission-lamp:active span{filter:none;opacity:1}.memory-track{font-size:12px}.preview-sequence{border-color:#baa667;background:#d3ba80;color:#504b33;font-size:11px;padding:7px 13px}
.tuning-work{display:flex;flex:1;flex-direction:column;justify-content:space-evenly;padding:12px 20px;gap:12px}.tuning-row{display:grid;grid-template-columns:160px minmax(0,1fr) 24px;gap:10px;align-items:center;font-size:12px}.tuning-rail{position:relative;height:45px;display:flex;align-items:center;background:#e8dba9;border:2px solid #9e925c;border-radius:13px;padding:0 13px}.tuning-rail input{width:100%;accent-color:#5b7950;position:relative;z-index:1;margin:0;height:30px;cursor:ew-resize}.tuning-target{position:absolute;top:3px;bottom:3px;width:18px;transform:translateX(-50%);border:2px dashed #668746;background:#b4d094;border-radius:5px;pointer-events:none}.tuning-check{font-size:20px;color:#5d7c42}
.sorting-work{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.sorting-items{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;flex:1;min-height:0}.sort-item{background:#f8efce;border:2px solid #aa975f;border-radius:10px;padding:5px 2px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6a5d39;min-width:0;min-height:0}.sort-item span{font-size:29px}.sort-item small{font-size:9px;margin-top:4px;line-height:1.4}.sort-item.stored{visibility:hidden;pointer-events:none}.sorting-bins{display:flex;gap:12px;justify-content:center;flex:1;min-height:0}.mission-bin{flex:1;background:#b5c893;border:3px solid #6d8058;border-top:9px solid #617b56;border-radius:6px 6px 15px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;box-shadow:0 3px 0 #7d8157;min-height:0;padding:4px}.mission-bin span{font-size:25px}.mission-bin strong{font-size:11px}.bin-paper{background:#dbc78f;border-color:#9b8554;border-top-color:#967d49}.bin-plastic{background:#99bfce;border-color:#5e8691;border-top-color:#587d88}.day-lights{display:flex;align-items:center;justify-content:center;gap:9px;color:#546846;font-size:10px;flex-shrink:0}.day-lights button{background:#f6e9a9;border:2px solid #a5915c;border-radius:8px;width:36px;height:35px;font-size:18px;padding:3px}.day-lights .off{background:#91aa7d;color:#fff4cf}.day-lights.waiting{opacity:.55}
@media(max-height:700px){.chapter-screen .quest.mission-panel{top:106px;padding:13px;gap:9px 16px}.mission-panel .quest-heading h2{font-size:18px}.mission-panel .dialogue{font-size:13px;line-height:1.6}.mission-character{font-size:34px}.mission-device-top{padding:6px 10px;font-size:11px}.mission-feedback{padding:6px 9px;font-size:10px;min-height:37px}.mission-panel .quest-footer button{padding:8px 4px;font-size:11px}.mission-lamp{height:87px;width:75px}.mission-lamp span{font-size:32px}.lamp-work{gap:10px}.tuning-row{grid-template-columns:135px minmax(0,1fr) 20px;font-size:11px}.soil-pot>span{font-size:30px}}
@media(max-height:550px){.chapter-screen .quest.mission-panel{top:94px;bottom:10px;left:10px;right:10px;padding:10px;gap:7px 12px;grid-template-columns:minmax(185px,.75fr) minmax(0,1.7fr)}.mission-panel .quest-heading h2{font-size:16px}.mission-panel .dialogue{font-size:12px;line-height:1.55}.mission-character{font-size:28px;margin-bottom:4px}.mission-plan-name{font-size:10px;margin-top:5px}.mission-panel .quest-footer button{font-size:10px;padding:7px 3px}.mission-device-top{padding:5px 9px;font-size:10px}.mission-device-top strong{font-size:10px}.mission-feedback{font-size:10px;min-height:34px;padding:5px 8px}.connection-station{padding:6px 65px}.pipe-end{font-size:10px;width:60px;padding:5px}.field-object,.observation-object{width:56px;height:52px}.field-object>span,.observation-object>span{font-size:29px}.observation-object svg{width:48px;height:42px}.inspection-cursor{width:69px;height:69px;border-width:4px}.inspection-cursor>span{font-size:25px;right:-20px;bottom:-12px}.inspection-cursor.camera-cursor{width:77px;height:63px}.observation-console{padding:5px 7px;font-size:10px}.observation-console button{font-size:10px;padding:6px 9px}.haul-target{width:72px;padding:7px 3px}.haul-target span{font-size:29px}.haul-target strong{font-size:10px}.planting-work,.coverage-work{padding:7px 10px;gap:5px}.plant-tool,.tool-indicator{font-size:10px}.planting-grid{gap:6px}.soil-pot>span{font-size:26px}.soil-pot>small{font-size:9px;margin-top:2px;padding:1px 5px}.coverage-cell{font-size:22px}.mission-lamp{width:66px;height:69px;gap:4px}.mission-lamp span{font-size:28px}.mission-lamp strong{font-size:10px}.mission-lamps{gap:17px}.lamp-work{gap:7px}.memory-track{font-size:10px}.preview-sequence{font-size:10px;padding:5px 12px}.tuning-work{padding:8px 12px;gap:5px}.tuning-row{grid-template-columns:124px minmax(0,1fr) 18px;gap:7px;font-size:10px}.tuning-rail{height:36px;padding:0 9px}.tuning-rail input{height:27px}.sorting-work{gap:6px;padding:7px 9px}.sorting-items{gap:5px}.sort-item span{font-size:24px}.sort-item small{font-size:8px}.mission-bin span{font-size:22px}.mission-bin strong{font-size:10px}.mission-bin{border-top-width:6px;gap:3px}.day-lights{gap:6px;font-size:9px}.day-lights button{width:30px;height:28px;font-size:16px}.sorting-bins{gap:7px}}
@media(orientation:portrait) and (max-width:700px){.chapter-screen .quest.mission-panel{top:92px;max-height:none;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.mission-panel .quest-heading{grid-column:1;grid-row:1}.mission-panel .dialogue{display:none}.mission-panel .task-area{grid-column:1;grid-row:2}.mission-panel .quest-footer{grid-column:1;grid-row:3}.mission-panel .quest-footer>div{display:flex}.mission-panel .quest-footer button{flex:1}.mission-panel .quest-footer p{display:block;font-size:10px}.mission-panel .quest-heading h2{font-size:15px}.mission-plan-name{display:none}.tuning-row{grid-template-columns:110px minmax(0,1fr) 18px}.sorting-items{grid-template-columns:repeat(3,1fr)}.connection-station{padding:8px 62px}}

.mission-intro{font-size:11px;color:#6e7d4c;line-height:1.5}