/* ГЛУБИНА — expedition cockpit. One final responsive layout layer. */
:root{--cockpit-bg:#0b1219;--cockpit-panel:#16232d;--cockpit-edge:#344956;--cockpit-text:#e3e9e8;--cockpit-muted:#9bafb8;--cockpit-copper:#e9b77c;--cockpit-water:#83c7d5;--cockpit-red:#e99b88;--lime:var(--cockpit-copper)}
body{background:radial-gradient(ellipse at 30% 0,#304a5726,transparent 50%),var(--cockpit-bg);color:var(--cockpit-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}header{height:64px;min-height:64px;background:#0e1922;border-bottom:1px solid #324653;box-shadow:none;padding:8px 20px}.logo{gap:10px;letter-spacing:4px;font-size:20px;line-height:1}.logo small{font-size:8px;color:#8ea8b7;letter-spacing:1.4px}.brand-mark{display:flex;align-items:center;justify-content:center;color:#e1b176}.brand-mark svg{width:28px;height:38px;display:block}.header-actions{gap:6px}.header-actions button,.header-actions a{font-size:11px;min-height:36px;padding:8px 12px;border-radius:7px}.header-actions #new{background:#dfae75;border-color:#dfae75;color:#18212a;font-weight:700}header>.tag{font-size:8px;letter-spacing:1.3px;color:#849da9}.panel{border-color:var(--cockpit-edge);background:linear-gradient(145deg,#1a2b35,#111f29);box-shadow:0 12px 32px #0002;border-radius:12px}button{font-weight:550;border-radius:7px;transition:background .15s,border-color .15s}button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #87d9e6;outline-offset:3px}.intro{display:none!important}.career{background:#111f29;border:1px solid #304652;border-radius:9px;padding:7px 11px;margin:0 0 10px;gap:9px;font-size:10px}.career>span:not(#saveState){display:none}.career #saveState{font-size:9px;color:#9dbeb4;margin-right:auto}.career button{min-height:32px;padding:5px 10px;font-size:10px}.career select{min-height:32px;padding:4px 8px;font-size:11px;border-radius:6px;background:#1b303d;border:1px solid #49616f;color:#cfdee3}.career label{font-size:10px;color:#a6bdc9}.career #view{background:#263e4b;border-color:#5a7788;color:#cde3ed}.career #sound{background:transparent;border-color:#334f60}.scenario-panel{padding:10px 14px;margin:0 0 9px;border-left:3px solid #c5a16e;box-shadow:none}.scenario-panel>.tag{font-size:8px;color:#c3aa82;letter-spacing:1.7px}.scenario-panel h2{font-size:15px;margin:0 9px;display:inline-block;color:#e6e2d8;font-weight:650}.scenario-panel>p{display:inline;font-size:11px;color:#a8bec9}.scenario-panel #decisionCard{margin-top:12px;border-top:1px solid #455d6c;padding-top:12px}.expedition-tools{margin:0 0 9px;background:#111f29;border:1px solid #2c4555;border-radius:8px;padding:0 12px}.expedition-tools>summary{cursor:pointer;min-height:32px;line-height:32px;font-size:10px;color:#93b6c8}.expedition-tools[open]{padding-bottom:11px}.expedition-tools .tool-row{gap:7px}.tool-row button{min-height:34px;font-size:10px}.tool-row label{font-size:10px}.director-strip{padding:6px 10px;border-color:#4c4e44;background:#202c31;margin:0 0 10px;border-radius:8px;gap:9px}.director-strip p{font-size:10px;line-height:1.6;color:#bac7cd}.director-strip .director-monogram{width:26px;height:26px;min-width:26px;font-size:10px;border-radius:7px;background:#c8a271;border-color:#d2b585}.director-strip button{font-size:9px;min-height:29px;padding:5px 8px;background:#303a3d}.drilling-dashboard{border-color:#3b5462;border-radius:9px;background:#11232e;margin:0 0 11px}.drilling-dashboard>div{padding:8px 14px;border-color:#2e4858}.drilling-dashboard span{font-size:8px;letter-spacing:1px;color:#8aaebf}.drilling-dashboard b{font-size:23px;line-height:1.25;font-weight:500;color:#afd6df}.loop-label strong{font-size:9px;font-weight:600;color:#d9bb8b}.loop-label small{font-size:8px}.scene{border-radius:12px;background:#0d1c27;border:1px solid #52717e;box-shadow:0 12px 36px #0004}.scene:after{content:"";position:absolute;inset:6px;border:1px solid #b5d3d011;border-radius:8px;pointer-events:none}.overlay{top:13px;left:14px;padding:9px 13px;border-color:#53717e;background:#0d202de8;border-radius:8px;backdrop-filter:blur(5px)}.overlay .chip{font-size:8px;letter-spacing:1.7px;color:#90b7c8}.overlay .depth{font-size:38px;line-height:1.25;color:#f0f0e6;letter-spacing:-1.4px}.target{top:13px;right:14px;padding:8px 10px;background:#102532e8;border-color:#3d5d70;color:#b4ceda;border-radius:8px;font-size:10px;line-height:1.7}.scenefoot{border-top:1px solid #37515f;background:#0e202bed;font-size:9px;color:#b3c9d3;padding:7px 12px}.control-panel{padding:13px;gap:10px 12px;overflow:visible!important;height:auto!important;max-height:none!important;border-color:#4b626b;background:linear-gradient(150deg,#1c2d36,#12222c);box-shadow:0 12px 36px #0003}.control-heading{padding-bottom:9px;border-bottom:1px solid #39515e}.control-heading .tag{font-size:8px;letter-spacing:1.7px;color:#91b6c7}.control-heading h2{font-size:19px;margin:4px 0 7px;letter-spacing:-.4px;font-weight:650}.control-heading .keyboard-help{display:none}.control-heading .incident-state{margin:0;background:#203c36;border:1px solid #426353;border-left:3px solid #97b49a;border-radius:5px;color:#bed2c1;font-size:10px;padding:6px 8px}.advisor-card{background:#173442;border:1px solid #406172;border-left:3px solid #deb57b;padding:9px;margin:0;box-shadow:none;position:static}.advisor-card>strong{font-size:11px;color:#e7cb9d}.advisor-card p{font-size:10px;line-height:1.6;margin:5px 0;color:#b5cdd8}.advisor-card small{font-size:9px;color:#8db3c6}.advisor-card summary{min-height:24px;line-height:24px;font-size:10px}.advisor-card details{padding-top:4px;margin-top:6px}.advisor-card button{min-height:35px;font-size:11px;margin-top:7px;background:#dbb67f;color:#17252d}.panel-instruments .metric{font-size:11px;margin:10px 0 4px}.panel-instruments .metric:first-child{margin-top:0}.bar{height:5px;background:#2b414e}.bar i{background:#87bacb}.equipment-grid{gap:6px;margin-top:10px}.equipment-grid>div{padding:7px;background:#10232e;border:1px solid #354e5c;border-radius:6px}.equipment-grid span{font-size:9px;color:#94b0bf}.equipment-grid b{font-size:15px;font-weight:550;color:#d8e6e8}.fleet-incident{padding:7px;background:#132a36;border-color:#3b5363;border-radius:6px;margin:8px 0 0}.fleet-incident:not(.is-incident) h3,.fleet-incident:not(.is-incident) p{display:none}.fleet-incident .player-chip span,.fleet-incident .player-chip svg{width:27px;height:27px}.fleet-incident .player-chip strong{font-size:10px}.fleet-incident h3{font-size:11px;color:#edbc8a}.fleet-incident p{font-size:10px;line-height:1.6}.panel-settings .presets{margin:0 0 9px}.presets>span{font-size:9px;color:#9fb6c2}.presets>div{gap:4px}.presets button{font-size:10px;min-height:34px;padding:5px 3px;background:#263f4d}.slider{margin:9px 0}.slider .metric{font-size:11px;margin:0 0 3px}.slider input{min-height:34px;width:100%;accent-color:#dcaf78}.slider .field-help{font-size:9px;line-height:1.6;color:#8fa8b7;margin:3px 0}.control-panel .controls{position:static;bottom:auto;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:9px 0 0;margin:0;border-top:1px solid #39515e;background:transparent}.control-panel .controls button{min-height:44px;padding:7px 3px;font-size:10px;background:#263f4d;border-color:#4b6472;border-radius:6px}.control-panel .controls small{display:block;font-size:9px;color:#abc1cd}.control-panel .controls #bop{grid-column:auto!important}.control-panel .controls .primary{grid-column:1/-1;font-size:15px;background:#e5b778;color:#17242c;font-weight:700;border-color:#e5b778;min-height:46px;box-shadow:0 3px 15px #d9a2631c}.control-panel .controls #emergency{background:#4c2d2a;border-color:#976554;color:#ebc5b3;grid-column:auto}.control-panel>p{font-size:9px;line-height:1.6;margin:0;color:#92aab9}.control-panel #event{font-size:10px;padding:7px 9px;background:#10232e;border:1px solid #304f60;border-radius:6px;min-height:0;margin:0;color:#d5bd8e}.control-panel>.note{font-size:9px;line-height:1.6;color:#7e9aa9}.fault-panel,.tactics-panel{padding:7px 10px;background:#132a36;border:1px solid #3b5462;border-radius:6px}.fault-panel summary,.tactics-panel summary{min-height:27px;line-height:27px;font-size:10px;color:#a9c7d6}.construction-panel{border-radius:8px;border-color:#6690a0;background:#1a3b48}.mobile-tabs{background:#10222e;border-color:#3a5361}.mobile-tabs button{color:#8ca8b7}.mobile-tabs button[aria-pressed=true]{background:#3e3930;border-color:#826b4e;color:#e8c48f}.technical-drawer{background:#11232e;border-color:#354d5d;border-radius:9px}.technical-drawer>summary{background:#19313f;color:#9fbdcd;font-size:11px}.box{background:linear-gradient(150deg,#213946,#122630);border:1px solid #5b7582;box-shadow:0 22px 90px #0007}.box h2{font-size:29px;letter-spacing:-.5px}.starter-note{background:#284654;border-left:3px solid #dcaf78}.box #start{background:#e5b778;color:#182730}.header-actions button:hover,.control-panel button:hover{border-color:#a3c1cc}
@media(min-width:901px){body{height:100dvh;overflow:hidden}main{height:calc(100dvh - 64px);width:calc(100vw - 108px);max-width:1860px;margin-left:max(92px,calc((100vw - 1860px)/2));padding:13px 16px;overflow:auto;box-sizing:border-box}.mobile-tabs{left:10px;top:82px;width:68px;padding:6px;gap:5px;border-radius:10px}.mobile-tabs button{min-height:51px;font-size:9px;padding:8px 3px}.grid{grid-template-columns:minmax(0,1fr) 430px;height:auto;gap:13px;align-items:start}.scene{height:clamp(450px,65dvh,850px)!important;min-height:0!important;aspect-ratio:auto!important}.control-panel{display:grid;grid-template-columns:1fr 1fr}.control-panel>.control-heading,.control-panel>.advisor-card,.control-panel>.controls,.control-panel>p,.control-panel>#event,.control-panel>.note,.control-panel>details,.control-panel>.construction-panel{grid-column:1/-1}.control-panel .controls{position:static}.mobile-dock{display:none!important}.bottom{gap:12px}.bottom .panel{padding:15px}.keyboard-help{display:none}}
@media(min-width:901px) and (max-width:1180px){.grid{grid-template-columns:minmax(0,1fr) 390px}.control-panel{padding:11px;gap:9px}.control-panel .controls button{font-size:9px}.scene{height:540px!important}.scenario-panel>p{display:block;margin-top:5px}.director-strip p{font-size:9px}}
@media(max-width:900px){body{padding-bottom:176px}header{height:auto;min-height:60px;padding:8px 12px;gap:7px}.logo{font-size:17px;letter-spacing:2px;gap:7px}.logo small{font-size:7px;letter-spacing:.8px}.brand-mark svg{width:23px;height:32px}header>.tag{display:none}.header-actions{gap:4px}.header-actions button{min-height:36px;font-size:10px;padding:6px 8px}.header-actions #helpButton{display:none}main{padding:10px}.career{padding:7px;gap:6px}.career #saveState{width:100%;order:6;font-size:9px}.career button{font-size:10px;min-height:38px}.career select{min-height:38px;font-size:11px}.career label{font-size:10px}.scenario-panel{padding:10px}.scenario-panel h2{display:block;margin:4px 0;font-size:16px}.scenario-panel>p{display:block;font-size:12px}.expedition-tools{padding:0 10px}.expedition-tools>summary{font-size:11px;min-height:38px;line-height:38px}.director-strip{padding:7px;gap:7px}.director-strip p{font-size:10px}.director-strip button{min-height:36px;font-size:9px}.drilling-dashboard{margin-bottom:9px}.drilling-dashboard>div{padding:7px}.drilling-dashboard b{font-size:20px}.scene{min-height:340px!important;aspect-ratio:1100/770!important;height:auto!important}.overlay{top:9px;left:9px;padding:6px 9px}.overlay .depth{font-size:28px}.overlay .chip{font-size:8px}.target{top:9px;right:9px;padding:6px 7px;font-size:9px}.scenefoot{font-size:9px;padding:6px 8px}.control-panel{margin-top:10px;display:block;padding:14px!important}.control-heading h2{font-size:21px}.control-heading .incident-state{font-size:12px}.advisor-card{padding:11px;margin:12px 0}.advisor-card>strong{font-size:14px}.advisor-card p{font-size:12px}.advisor-card small{font-size:11px}.advisor-card summary{min-height:34px;line-height:34px;font-size:12px}.advisor-card button{min-height:46px;font-size:13px}.panel-instruments .metric{font-size:13px;margin-top:14px}.equipment-grid span{font-size:11px}.equipment-grid b{font-size:18px}.fleet-incident{padding:10px}.fleet-incident .player-chip strong{font-size:12px}.fleet-incident h3{font-size:13px}.fleet-incident p{font-size:12px}.panel-settings .presets{margin:15px 0}.presets>span{font-size:12px}.presets button{min-height:46px;font-size:12px}.slider{padding:11px;background:#142d3c;border:1px solid #365363;border-radius:8px;margin:12px 0}.slider .metric{font-size:13px}.slider input{min-height:44px}.slider .field-help{font-size:12px}.control-panel .controls{grid-template-columns:1fr 1fr;gap:9px;padding-top:12px}.control-panel .controls #bop{grid-column:auto!important}.control-panel .controls button{font-size:13px;min-height:58px}.control-panel .controls small{font-size:11px}.control-panel .controls .primary{font-size:16px;min-height:54px}.control-panel>p,.control-panel #event{font-size:12px;margin:10px 0}.control-panel>.note{font-size:10px}.fault-panel,.tactics-panel{margin:10px 0;padding:10px}.fault-panel summary,.tactics-panel summary{font-size:12px;min-height:36px;line-height:36px}.mobile-tabs{left:0;right:0;bottom:0;top:auto;width:auto;border-radius:0;border-top:1px solid #3a5666;padding:4px 5px max(5px,env(safe-area-inset-bottom));gap:4px}.mobile-tabs button{min-height:48px;font-size:10px}.mobile-dock{bottom:calc(61px + env(safe-area-inset-bottom));border-radius:10px;background:#112b3afa;border-color:#557687}.mobile-dock button{font-size:13px;min-height:48px}.mobile-dock #mobileEmergency{font-size:10px}.mobile-telemetry{font-size:11px;color:#c0d5df}.box{padding:22px}.box h2{font-size:26px}.box #start{min-height:52px}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){.mobile-tabs{left:0;right:auto;top:0;bottom:0;width:76px;flex-direction:column}.mobile-tabs button{min-height:40px}.mobile-dock{left:88px;right:auto;width:350px;bottom:7px}body{padding-left:76px;padding-bottom:110px}.director-strip{display:none}.scene{min-height:240px!important;aspect-ratio:2.4!important}.header-actions #helpButton{display:block}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
@media(max-width:900px){header{flex-wrap:wrap}.logo{flex:1;min-width:170px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions #helpButton{display:inline-flex;align-items:center}.control-panel .panel-settings{width:100%}}
@media(min-width:901px){.workspace-top{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:9px;margin:0 0 9px;align-items:start}.workspace-top .career,.workspace-top .expedition-tools{margin:0}.career select{margin:0}.workspace-top .career{padding:6px 10px}.workspace-top .expedition-tools>summary{min-height:42px;line-height:42px;font-size:9px}.control-panel>.control-heading{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;padding-bottom:8px}.control-panel>.control-heading>.tag{display:none}.control-panel .control-heading h2{font-size:18px;margin:0}.control-panel .control-heading .incident-state{font-size:9px;padding:4px 7px;flex:1;text-align:right;min-width:125px}.control-panel .advisor-card small{display:none}.control-panel>.fault-panel,.control-panel>.tactics-panel{grid-column:auto;padding:5px 8px}.control-panel>.fault-panel>summary,.control-panel>.tactics-panel>summary{min-height:27px;line-height:1.5;font-size:9px}.control-panel .panel-instruments .metric{margin-top:7px}.control-panel .equipment-grid{margin-top:9px}.control-panel .panel-settings .presets{margin:0 0 7px}.control-panel .panel-settings .presets>div{margin-top:5px}.control-panel .panel-settings .presets button{min-height:32px}.director-strip{padding:4px 8px}.director-strip .director-monogram{width:23px;height:23px;min-width:23px}.director-strip button{min-height:25px}.scenario-panel{padding:8px 12px}.control-panel>.fault-panel[open],.control-panel>.tactics-panel[open]{grid-column:1/-1}}
@media(max-width:900px){.workspace-top{margin-bottom:9px}.workspace-top .career{margin-bottom:7px}.workspace-top .expedition-tools{margin-bottom:0}}
/* Technical drawer: contained cards, no inherited full-width rows or clipped controls. */
#technicalDrawer{min-width:0;scroll-margin-top:12px}
#technicalDrawer>summary{min-height:48px;line-height:1.5;padding:14px 18px;overflow-wrap:anywhere}
#technicalDrawer[open]{padding-bottom:0}
.technical-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;align-items:start}
.technical-content>*{min-width:0!important;max-width:100%;box-sizing:border-box;margin:0!important;overflow-wrap:anywhere}
.technical-content>.rig-view-status,.technical-content>.process-panel{grid-column:1/-1}
.technical-content>.rig-view-status{flex-wrap:wrap;gap:10px;padding:9px 12px;background:#142b38;border:1px solid #354d5d;border-radius:8px}
.technical-content .rig-view-status button{margin-left:auto;min-height:40px}
.technical-content .panel,.technical-content .radio-card,.technical-content .tutorial-card{padding:16px;background:#162935;border:1px solid #3b5361;border-radius:9px}
.technical-content .geology-panel{grid-column:1;grid-row:3/5}
.technical-content .equipment-inspector{grid-column:2;grid-row:3/6}
.technical-content .radio-card,.technical-content .tutorial-card{grid-column:1;display:block}
.technical-content .tutorial-card[hidden]{display:none!important}
.technical-content h2{font-size:18px;line-height:1.4;margin:5px 0 10px}
.technical-content h3{font-size:15px;line-height:1.4}
.technical-content p{font-size:12px;line-height:1.7}
.technical-content .geology-heading{flex-wrap:wrap;gap:10px}
.technical-content .geology-cards{grid-template-columns:1fr;gap:10px}
.technical-content .geology-cards>div{padding:12px}
.technical-content .process-panel{grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:12px;padding:14px}
.technical-content .operation-meter{grid-column:1/-1}
.technical-content .process-track{min-width:0;gap:6px}
.technical-content .process-node{min-width:0;font-size:11px}
.technical-content .process-line{min-width:8px;flex:1}
.technical-content .equipment-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.technical-content button{min-height:44px;white-space:normal}
.technical-content #trendChart{display:block;width:100%;height:auto;max-height:120px}
.technical-content .trend-title{flex-wrap:wrap;gap:6px;font-size:10px}
.technical-content .geo-layer{min-width:0}
@media(max-width:1100px){.technical-content{grid-template-columns:1fr}.technical-content>*{grid-column:1!important;grid-row:auto!important}.technical-content .geology-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.technical-content{padding:10px;gap:10px}.technical-content .process-panel,.technical-content .geology-cards{grid-template-columns:1fr}.technical-content .panel,.technical-content .radio-card,.technical-content .tutorial-card{padding:12px}.technical-content .rig-view-status button{margin-left:0;width:100%}.technical-content .equipment-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.technical-content .process-node{font-size:10px}.technical-content .telemetry-strip{flex-wrap:wrap}.technical-content .inspector-top{flex-wrap:wrap;gap:6px}}
/* 1.17: one technical task at a time, readable cockpit. */
#technicalDrawer .technical-content{display:flex;flex-direction:column;gap:14px;padding:16px}
#technicalDrawer .technical-content>.rig-view-status{order:-2;width:100%}
#technicalDrawer .technical-tabs{order:-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
#technicalDrawer .technical-tabs button{min-height:46px;font-size:14px;background:#172c39;border:1px solid #4d6877;color:#c2d7df}
#technicalDrawer .technical-tabs button[aria-selected=true]{background:#e5b778;border-color:#e5b778;color:#17242c}
#technicalDrawer .technical-page{display:block;width:100%;min-width:0}
#technicalDrawer .technical-page[hidden]{display:none!important}
#technicalDrawer .technical-page>*{margin:0!important;min-width:0;max-width:100%;box-sizing:border-box}
#technicalDrawer .technical-page>*+*{margin-top:14px!important}
#technicalDrawer .geology-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
#technicalDrawer .technical-page p{font-size:14px;line-height:1.7}
#technicalDrawer .technical-page .field-help{font-size:12px}
#technicalDrawer .technical-page h2{font-size:21px}
#technicalDrawer>summary{font-size:14px}
#technicalDrawer .equipment-inspector{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
#technicalDrawer .equipment-inspector>.inspector-top,#technicalDrawer .equipment-tabs,#technicalDrawer #equipmentTitle,#technicalDrawer #equipmentText{grid-column:1/-1}
#technicalDrawer .equipment-inspector p{margin:0}
#technicalDrawer #trendChart{max-height:100px}
#technicalDrawer .technical-content .process-panel{display:grid}
#helpGeoLayers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.cause-chain{display:grid;gap:10px}.cause-card{padding:12px;background:#10232e;border:1px solid #3b5361;border-radius:8px}.cause-card[data-active=true]{border-color:#d8a66d}.cause-card strong{font-size:14px}.cause-card p{font-size:13px;line-height:1.6;margin:7px 0}.cause-card small{font-size:12px;line-height:1.6;color:#b2c7d1}
@media(min-width:901px){.control-panel{padding:15px;gap:12px}.control-panel .advisor-card>strong{font-size:14px}.control-panel .advisor-card p{font-size:13px}.control-panel .panel-instruments .metric,.control-panel .slider .metric{font-size:13px}.control-panel .equipment-grid span{font-size:12px}.control-panel .equipment-grid b{font-size:17px}.control-panel .presets button{font-size:12px;min-height:40px!important}.control-panel .controls button{font-size:12px;min-height:50px}.control-panel .controls small{font-size:11px}.control-panel .slider .field-help,.control-panel>p,.control-panel #event{font-size:12px}.control-panel>.note{font-size:11px}.control-panel>.fault-panel>summary,.control-panel>.tactics-panel>summary{font-size:12px}.control-panel .control-heading .incident-state{font-size:12px}.control-panel .fault-panel[open] .cause-chain{grid-template-columns:1fr}.scenario-panel>p{font-size:13px}.director-strip p{font-size:12px}.career #saveState{font-size:11px}}
@media(max-width:700px){#technicalDrawer .technical-content{padding:10px}#technicalDrawer .technical-tabs{grid-template-columns:1fr 1fr;gap:6px}#technicalDrawer .technical-tabs button{font-size:13px;min-height:48px}#technicalDrawer .geology-cards,#technicalDrawer .equipment-inspector,#helpGeoLayers{grid-template-columns:1fr}#technicalDrawer .equipment-inspector>*{grid-column:1!important}#technicalDrawer .technical-page h2{font-size:19px}}
@media(min-width:901px){.grid{grid-template-columns:minmax(0,1fr) 480px}.control-panel{gap:9px 12px;padding:13px}.control-panel .controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px;padding-top:8px}.control-panel .controls>button{grid-column:auto!important;grid-row:auto!important;min-height:48px;padding:6px 4px}.control-panel .controls>#drill{grid-column:1/-1!important;min-height:46px}.control-panel>.fault-panel,.control-panel>.tactics-panel{padding:5px 8px}.control-panel>.fault-panel>summary,.control-panel>.tactics-panel>summary{min-height:27px}.control-panel .advisor-card{padding:8px}.control-panel .slider{margin:7px 0}.control-panel .equipment-grid{margin-top:8px}.control-panel .equipment-grid>div{padding:6px}.control-panel>.note{line-height:1.45}.control-panel .panel-instruments,.control-panel .panel-settings{align-self:start}}
@media(min-width:901px) and (max-width:1180px){.grid{grid-template-columns:minmax(0,1fr) 440px}}
/* 1.18 — control room: steel, amber safety markings, explicit mission. */
:root{--cockpit-copper:#f2bd65;--cockpit-water:#8fd4e2}button:disabled{cursor:not-allowed;opacity:.48}.mission-hud{display:grid;grid-template-columns:58px minmax(180px,1fr) minmax(140px,.6fr) minmax(180px,.8fr);gap:16px;align-items:center;padding:12px 16px;margin-bottom:10px;background:linear-gradient(110deg,#243540,#15252f);border:1px solid #536775;border-left:4px solid #efb85f;border-radius:10px;box-shadow:inset 0 1px #b6cad215}.mission-emblem{width:50px;height:50px;border:1px solid #b88c4d;border-radius:8px;background:#332e25;color:#f0be6c;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;gap:2px}.mission-emblem span{font-size:9px;writing-mode:vertical-rl}.mission-identity,.mission-target{display:flex;flex-direction:column;gap:3px;min-width:0}.mission-hud .tag{font-size:10px;letter-spacing:1.4px;color:#b6c7ce}.mission-identity strong{font-size:18px;color:#f0e8d9;line-height:1.3}.mission-identity>span:last-child,.mission-target>span:last-child{font-size:11px;color:#aac2cf}.mission-target strong{font-size:25px;color:#efbe76;font-variant-numeric:tabular-nums}.mission-route{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.mission-route span{grid-column:1/-1;font-size:11px;color:#b6ccd7}.mission-route progress{height:9px;width:100%;accent-color:#edba68}.mission-route b{font-size:13px;color:#edba68}.control-heading:before{content:"";width:5px;height:28px;border-radius:2px;background:repeating-linear-gradient(135deg,#e9b363 0 5px,#4a4031 5px 10px)}.control-panel .controls #emergency{border:1px solid #c4775e;background:#58352e;color:#ffe3ce}.control-panel .controls #drill{background:linear-gradient(#f6cb84,#dfaa57);box-shadow:inset 0 1px #ffdfad,0 3px 12px #0003}.mobile-tabs button[aria-pressed=true]{background:#40382a;border-color:#b08b50;color:#ffe0a1}.header-actions #new{min-height:40px;font-size:12px;border:1px solid #f0ca88;box-shadow:0 0 0 2px #edb65f15}.header-actions #helpButton{border-color:#6c8997;color:#cfebf3}.contract-intro{font-size:10px;letter-spacing:1.5px;color:#f0c77f;line-height:1.7}.box .briefing{border-left:3px solid #efb85f;background:#132e3d;padding:14px;border-radius:8px}.box #advancedSetup{border:1px solid #587384;background:#142e3d;padding:12px;border-radius:8px;margin:14px 0}.box #advancedSetup>summary{font-size:14px;color:#efc582;font-weight:700;min-height:44px;line-height:1.5;padding:8px 0}.box #contract{font-size:16px;font-weight:700;min-height:48px;width:100%;background:#233b49;border:2px solid #c6a064;color:#ffe3ae}.box #contractText{padding:10px;background:#102431;border-radius:6px}.box .contract-label{font-size:11px;letter-spacing:1.4px;color:#f2c77f;display:block;margin-top:12px}.box input[type=checkbox]{width:20px;height:20px;accent-color:#efbc69}.box{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 28px);overflow:auto;box-sizing:border-box}.box #start{position:sticky;bottom:0;z-index:1;box-shadow:0 -8px 18px #122630}.box select,.box input,.box textarea{max-width:100%;box-sizing:border-box}.scene{isolation:isolate}.technical-drawer{scroll-margin-top:12px}.technical-page:focus-visible{outline:2px solid #91d4e5;outline-offset:4px}
@media(min-width:1101px){.mission-hud{position:relative}.scenario-panel{margin-bottom:7px}.drilling-dashboard{margin-bottom:8px}.workspace-top{margin-bottom:7px}.control-panel .controls>button{font-size:12px}}
@media(min-width:901px) and (max-height:850px){header{height:58px;min-height:58px}.logo{font-size:18px}main{height:calc(100dvh - 58px);padding:9px 12px}.mission-hud{padding:8px 12px;gap:10px}.mission-emblem{height:42px;width:42px;font-size:23px}.mission-identity strong{font-size:16px}.mission-target strong{font-size:22px}.mission-route span{font-size:10px}.mission-hud{grid-template-columns:44px minmax(180px,1fr) 160px 220px}.control-panel{gap:7px 10px;padding:10px}.control-panel .advisor-card{padding:7px}.control-panel .advisor-card p{font-size:12px;margin:4px 0}.control-panel .equipment-grid>div{padding:5px}.control-panel .slider input{min-height:28px}.control-panel .slider .field-help{font-size:11px;margin:2px 0}.control-panel .controls>button{min-height:42px;font-size:11px;line-height:1.35}.control-panel .controls small{font-size:10px}.control-panel>.field-help{display:none}.control-panel>.note{display:none}.control-panel #event{font-size:11px;padding:6px}.scene{height:clamp(360px,69dvh,650px)!important}}
@media(min-width:901px) and (max-width:1100px){.mission-hud{grid-template-columns:44px minmax(160px,1fr) 160px}.mission-route{grid-column:2/-1}.mission-emblem{grid-row:1/3}.grid{grid-template-columns:minmax(0,1fr) 430px}.career #saveState{display:none}}
@media(max-width:900px){.mission-hud{grid-template-columns:40px minmax(0,1fr) minmax(100px,.65fr);padding:10px;gap:8px;margin:0 0 10px}.mission-emblem{width:36px;height:42px;font-size:21px}.mission-emblem span{font-size:8px}.mission-identity strong{font-size:14px}.mission-hud .tag{font-size:8px;letter-spacing:.8px}.mission-target strong{font-size:20px}.mission-identity>span:last-child,.mission-target>span:last-child{font-size:10px}.mission-route{grid-column:1/-1;gap:6px}.mission-route span{font-size:10px}.control-heading:before{display:none}.scene{min-height:280px!important;height:clamp(280px,54dvh,560px)!important;aspect-ratio:auto!important}.header-actions #new{font-size:11px}.box{padding:18px;max-height:calc(100dvh - 16px)}.mobile-dock{left:8px;right:8px}.mission-hud progress{min-width:0}.control-panel .controls>button{overflow-wrap:anywhere}}
@media(max-width:380px){header{padding:7px 9px}.header-actions button,.header-actions a{font-size:10px;padding:6px}.mission-identity strong{font-size:13px}.mission-target strong{font-size:18px}.mission-hud{grid-template-columns:32px minmax(0,1fr) 105px;gap:6px}.mission-emblem{width:30px}.overlay{max-width:44%}.target{max-width:48%}.mobile-dock button{font-size:12px}.mobile-dock #mobileEmergency{font-size:9px}}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){header{min-height:54px}.mission-hud{grid-template-columns:36px 1fr 140px;padding:7px}.mission-route{display:none}.scene{height:260px!important;min-height:220px!important}.mobile-dock{left:88px;right:8px;width:auto;max-width:500px}.box{max-height:calc(100dvh - 12px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Desktop: the full console starts beside the mission, rather than below it. */
@media(min-width:1101px){main{display:grid;grid-template-columns:minmax(0,1fr) 480px;column-gap:14px;row-gap:8px;align-content:start}main>.mission-hud,main>.workspace-top,main>.scenario-panel,main>.director-strip,main>.drilling-dashboard{grid-column:1;margin:0!important}main>.grid{display:contents}.grid>.scene{grid-column:1;height:clamp(340px,calc(100dvh - 340px),740px)!important}.grid>.control-panel{grid-column:2;grid-row:1/8;margin:0;align-self:start}main>.technical-drawer,main>.bottom,main>.help,main>.panel{grid-column:1/-1}.mission-hud{grid-template-columns:44px minmax(0,1fr) 130px;padding:9px 12px;gap:10px}.mission-emblem{width:40px;height:44px;font-size:23px;grid-row:1/3}.mission-identity strong{font-size:16px}.mission-route{grid-column:2/-1}.mission-route span{display:none}.mission-target strong{font-size:22px}.mission-hud .tag{font-size:9px}.workspace-top{grid-template-columns:minmax(0,1fr) 180px}.career{flex-wrap:wrap}.career #saveState{display:none}.workspace-top .career{gap:5px}.career button{font-size:10px;padding:4px 7px}.director-strip{min-height:30px}.drilling-dashboard b{font-size:20px}.drilling-dashboard>div{padding:6px 8px}.scenario-panel>p{font-size:12px}.control-panel .note{display:none}.control-panel>.field-help{font-size:11px}}
@media(min-width:901px) and (max-width:1100px){main{display:block}.grid{display:block}.scene{height:420px!important}.control-panel{width:100%;margin-top:12px;grid-template-columns:1fr 1fr 1fr!important}.control-panel>.control-heading,.control-panel>.advisor-card,.control-panel>.controls,.control-panel>p,.control-panel>#event,.control-panel>.note,.control-panel>details,.control-panel>.construction-panel{grid-column:1/-1}.control-panel .panel-instruments{grid-column:1}.control-panel .panel-settings{grid-column:2/4}.control-panel .controls{grid-template-columns:repeat(4,minmax(0,1fr))!important}.control-panel .controls #drill{grid-column:1/-1!important}}
@media(min-width:1101px) and (max-height:850px){.control-panel{gap:6px 10px}.control-panel .control-heading{padding-bottom:5px}.control-panel .control-heading h2{font-size:17px}.control-panel .advisor-card p{font-size:11px;line-height:1.45}.control-panel .panel-instruments .metric{font-size:12px;margin:5px 0 3px}.control-panel .equipment-grid span{font-size:10px}.control-panel .equipment-grid b{font-size:15px}.control-panel .equipment-grid>div{padding:5px}.control-panel .controls>button{min-height:40px;padding:5px 3px}.control-panel .controls small{font-size:10px}.control-panel .presets button{min-height:32px!important;font-size:11px}.control-panel .slider .metric{font-size:12px}.control-panel .slider input{min-height:27px}.control-panel .slider .field-help{font-size:10px}.control-panel .fault-panel>summary,.control-panel .tactics-panel>summary{font-size:11px}.control-panel #event{font-size:11px;line-height:1.4}.control-panel .controls{padding-top:6px}}
@media(min-width:1101px){main>.panel.scenario-panel{grid-column:1;grid-row:3}.mission-hud{grid-row:1}.workspace-top{grid-row:2}.director-strip{grid-row:4}.drilling-dashboard{grid-row:5;min-height:48px}.grid>.scene{grid-row:6/8;height:clamp(300px,calc(100dvh - 410px),670px)!important}.grid>.control-panel{grid-row:1/8}.workspace-top{grid-template-columns:minmax(0,1fr) 160px}.career #resume{display:none!important}.mission-hud{padding:7px 10px;gap:5px 10px}.mission-identity strong{font-size:15px}.mission-target strong{font-size:20px}.mission-route{gap:4px}.mission-route progress{height:7px}.mission-route b{font-size:11px}.workspace-top .career{padding:5px 8px}.workspace-top .expedition-tools>summary{line-height:1.5;min-height:38px;padding:6px 0}.director-strip p{margin:0;font-size:11px}.scenario-panel{padding:7px 10px}.drilling-dashboard .loop-label{min-width:0}.drilling-dashboard .loop-label strong{font-size:8px}.drilling-dashboard .loop-label small{display:none}}
@media(max-width:1100px){main{min-width:0;max-width:100%;box-sizing:border-box}.grid{min-width:0;width:100%;max-width:100%}.grid>.scene{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.scene canvas{max-width:100%;min-width:0}.mission-hud,.workspace-top,.drilling-dashboard,.director-strip{min-width:0;max-width:100%;box-sizing:border-box}.director-strip p{min-width:0;overflow-wrap:anywhere}.career{min-width:0;max-width:100%}}
/* Mobile: give the drilling scene priority; secondary controls stay in the graphics drawer. */
@media(max-width:900px) and (orientation:portrait){header .header-actions .wells-nav,header .header-actions #garageButton{display:none}header{min-height:64px;padding:7px 10px}.logo{font-size:16px;min-width:160px}.header-actions #new{font-size:10px;min-height:36px;padding:6px 8px}.header-actions #helpButton{font-size:10px;min-height:36px;padding:6px}.mission-hud{grid-template-columns:minmax(0,1fr) 120px;padding:8px 10px;gap:5px;margin-bottom:7px}.mission-emblem,.mission-route{display:none}.mission-identity strong{font-size:14px}.mission-identity>span:last-child{font-size:9px}.mission-target strong{font-size:21px}.workspace-top{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:6px;margin-bottom:7px}.workspace-top .career,.workspace-top .expedition-tools{margin:0;padding:4px 6px}.career #saveState,.career #resume,.career label{display:none!important}.career{flex-wrap:wrap;gap:4px}.career button,.career select{font-size:10px;min-height:32px;padding:4px 5px}.workspace-top .expedition-tools>summary{min-height:32px;font-size:9px;line-height:1.4;padding:4px 0}.workspace-top:has(.expedition-tools[open]){display:block}.workspace-top .expedition-tools[open]{margin-top:7px}.scenario-panel{padding:7px 9px;margin-bottom:7px}.scenario-panel>.tag{display:none}.scenario-panel h2{font-size:13px;margin:0 0 2px}.scenario-panel>p{font-size:11px;margin:0;line-height:1.4}.director-strip{padding:5px 7px;margin-bottom:7px;gap:6px}.director-strip p{font-size:9px;line-height:1.45;margin:0}.director-strip .director-monogram{display:none}.director-strip button{min-height:32px;padding:4px 6px;font-size:9px}.drilling-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:7px}.drilling-dashboard .loop-label{display:none}.drilling-dashboard>div{padding:6px}.drilling-dashboard b{font-size:19px}.drilling-dashboard span{font-size:7px;letter-spacing:.3px}.scene{min-height:240px!important;height:clamp(240px,calc(100dvh - 560px),430px)!important}.overlay .depth{font-size:25px}.scenefoot{font-size:8px}.mobile-dock{padding:6px}.mobile-dock button{min-height:44px}.mobile-telemetry{font-size:10px}}
@media(min-width:601px) and (max-width:900px) and (orientation:portrait){.scene{height:clamp(340px,calc(100dvh - 450px),560px)!important}.mission-hud{grid-template-columns:minmax(0,1fr) 180px}.workspace-top{grid-template-columns:minmax(0,1fr) 210px}}