:root{--bg:#071b25;--panel:#0d2632;--line:#29434e;--white:#eff4ef;--muted:#9fb4bc;--teal:#65e4ca;--oil:#efac69;--gas:#c3a9f1;--water:#59b9ef;--power:#f1d568}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--white)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{color:inherit;cursor:pointer}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal)}button:disabled{opacity:.3;cursor:default}button:hover:not(:disabled){filter:brightness(1.15)}button[hidden],div[hidden]{display:none!important}.app{height:100dvh;max-width:2200px;margin:auto;padding:0 32px;display:grid;grid-template-rows:78px minmax(0,1fr) 64px}.topbar{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--white);font-size:17px;letter-spacing:.15em;line-height:1.25}.brand-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #537682;border-radius:50%;font-size:22px;color:var(--teal)}.brand-sub{display:block;letter-spacing:.15em;font-size:8px;margin-top:4px;color:var(--muted)}.edition{font-size:9px;letter-spacing:.16em;color:#6f929e;border-left:1px solid var(--line);padding-left:28px}.edition b{color:var(--teal);margin-left:9px;font-weight:normal}.top-actions{margin-left:auto;display:flex;gap:24px}.text-button{font-size:11px;border:0;background:none;color:var(--muted);padding:10px 0}.main{min-height:0;display:grid;grid-template-columns:192px minmax(0,1fr);gap:25px;padding:23px 0 20px}.rail{min-height:0;display:flex;flex-direction:column}.rail-heading{font-size:8px;color:#7698a5;letter-spacing:.17em;margin:0 0 16px}.rail nav{display:flex;flex-direction:column;gap:2px}.chapter{display:flex;align-items:center;gap:12px;width:100%;padding:9px 9px 9px 0;border:0;background:none;text-align:left;color:#8ea8b2;font-size:11px;border-radius:4px;min-height:32px}.chapter .num{font:10px monospace;color:#63828d;width:20px}.chapter:after{content:'';margin-left:auto;width:4px;height:4px;border-radius:50%}.chapter[aria-current=step]{background:#13333f;color:var(--white);padding-left:9px}.chapter[aria-current=step] .num{color:var(--teal)}.chapter[aria-current=step]:after{background:var(--teal)}.rail-foot{font-size:8px;letter-spacing:.06em;color:var(--teal);margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.rail-foot p{color:#7997a3;font-size:10px;line-height:1.6;letter-spacing:0;margin:9px 0 0}.dot{display:inline-block;background:var(--teal);width:5px;height:5px;border-radius:50%;margin-right:4px}.lesson{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:21px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.kicker{font-size:9px;letter-spacing:.19em;color:var(--teal);margin-bottom:10px;text-transform:uppercase}h1{font-size:clamp(28px,3vw,51px);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:0}.subtitle{font-size:12px;color:var(--muted);line-height:1.5;margin:11px 0 0;max-width:790px}.model-badge{font-size:8px;letter-spacing:.12em;border:1px solid var(--line);border-radius:4px;white-space:nowrap;padding:12px 14px;color:#c9d7d8}.model-badge span{display:block;font-size:7px;letter-spacing:.1em;color:#7896a2;margin-top:7px}.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:17px;min-height:0}.stage{min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#173f4d,#0c2633 70%);border:1px solid #35515c;border-radius:8px}.stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.stage-top{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;gap:10px}.scene-label{font:9px monospace;letter-spacing:.05em;color:#91afbb;text-transform:uppercase;max-width:75%}.live-badge{font-size:8px;letter-spacing:.12em;color:var(--teal);display:flex;gap:5px;align-items:center}.live-badge i{width:4px;height:4px;background:var(--teal);border-radius:50%}.live-badge.paused{color:#a5b5ba}.live-badge.paused i{background:#a5b5ba}.stage-bottom{position:absolute;bottom:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gesture-hint{font:8px monospace;color:#83a3ae;letter-spacing:.03em;pointer-events:none}.gesture-hint span{margin:0 5px;color:#5c7e8d}.model-tools{display:flex;gap:5px}.model-tools button{font-size:10px;border:1px solid #3f626e;border-radius:4px;background:#102c39df;height:31px;padding:0 9px;backdrop-filter:blur(8px)}.model-tools button[aria-pressed=true]{border-color:#5ac7b6;color:var(--teal);background:#133a41e0}#play{min-width:70px}#play-icon{font-size:10px}.legend{display:flex;gap:12px;position:absolute;left:18px;bottom:61px;color:#a8bec7;font-size:8px;pointer-events:none}.legend span{display:flex;gap:5px;align-items:center}.legend i{height:4px;width:13px;border-radius:2px}.legend .oil{background:var(--oil)}.legend .gas{background:var(--gas)}.legend .water{background:var(--water)}.legend .power{background:var(--power)}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;width:26px;height:26px;border-radius:50%;border:1px solid #7debd3;background:#0b303ee8;color:var(--teal);display:grid;place-items:center;font:11px monospace;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #143b402a;transition:opacity .15s}.hotspot:hover,.hotspot.selected{background:var(--teal);color:#092a34;box-shadow:0 0 0 5px #65e4ca22}.hotspot span{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font:9px Arial;color:#e7f7f0;background:#0a202ce8;border:1px solid #355c69;border-radius:3px;padding:6px 8px;white-space:nowrap;opacity:0;pointer-events:none}.hotspot:hover span,.hotspot:focus span{opacity:1}.inspector{min-height:0;display:flex;flex-direction:column}.inspector-head{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{padding:3px 0 12px;border:0;border-bottom:2px solid transparent;color:#819ea9;background:none;font-size:11px}.tab.active{color:var(--teal);border-color:var(--teal)}.tab span{font:9px monospace;color:#6f919e;margin-left:5px}.fact{margin-bottom:20px}.fact-label{font:9px monospace;color:#efac69;display:block;margin-bottom:7px}.fact h2{font-size:14px;font-weight:400;margin:0 0 7px;line-height:1.2}.fact p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.inspector-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.inspector-bottom button{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:0;color:var(--teal);font-size:11px}.inspector-bottom>span{display:block;color:#7f9eaa;font-size:10px;line-height:1.6;margin-top:12px}#part-detail h2{font-size:20px;font-weight:400;margin:0 0 12px;letter-spacing:-.02em}#part-detail p{font-size:12px;color:var(--muted);line-height:1.7}#part-detail .part-kind{font:9px monospace;color:var(--teal);text-transform:uppercase;letter-spacing:.1em;margin-bottom:13px}#part-detail .part-controls{display:flex;gap:8px;margin-top:18px}#part-detail button{font-size:10px;background:#133440;border:1px solid #365763;padding:9px;border-radius:4px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:16px}.page-count{font:11px monospace;color:#7997a3;min-width:75px}.page-count b{color:var(--white);font-weight:400}.progress{display:flex;gap:4px;flex:1;max-width:240px}.progress button{border:0;flex:1;background:#264651;height:3px;padding:0;position:relative}.progress button:before{position:absolute;content:'';inset:-12px 0}.progress button.done{background:var(--teal)}.footer-note{margin-left:auto;font:8px monospace;letter-spacing:.05em;color:#6c8c99}.nav-button{background:none;border:1px solid #355560;border-radius:4px;width:36px;height:34px}.next-button{background:var(--teal);color:#092832;border:0;border-radius:4px;font-size:11px;padding:0 15px;height:34px;min-width:130px}.next-button span{margin-left:15px}#chapter-select{display:none}.transfer-panel,.crew-panel{position:absolute;left:18px;top:48px;border:1px solid #355b68;background:#0b2532eb;backdrop-filter:blur(10px);border-radius:5px;padding:12px;width:245px;box-shadow:0 12px 20px #0001}.transfer-top{display:flex;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:.04em}.transfer-top span{color:var(--teal)}.transfer-top strong{font-weight:400;color:#edbc82}.transfer-panel input[type=range]{width:100%;margin:12px 0 7px;accent-color:var(--oil);cursor:pointer}.transfer-values{display:flex;justify-content:space-between;font:9px monospace;color:#b9cbd1}.transfer-options{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:7px;font-size:8px;color:#91adba}.transfer-options label{display:flex;align-items:center;gap:4px}.transfer-options input{margin:0;accent-color:var(--teal)}.transfer-options button{font-size:8px;border:0;background:none;padding:0;color:var(--teal)}.transfer-panel p{font-size:8px;color:#708f9e;line-height:1.45;margin:9px 0 0}.crew-panel>span{font:9px monospace;color:var(--teal)}.crew-panel>div{display:flex;gap:6px;margin-top:9px}.crew-panel button{font-size:8px;background:#163744;border:1px solid #385966;border-radius:3px;padding:7px 6px}.crew-panel button[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.crew-panel p{font-size:9px;color:#8ca9b7;line-height:1.5;margin:9px 0 0}.load-error{position:absolute;left:12%;right:12%;top:38%;padding:25px;background:#173442;border:1px solid #5b7a86;border-radius:6px;font-size:13px;line-height:1.7;text-align:center}dialog{background:#0b2633;color:var(--white);border:1px solid #42636f;border-radius:10px;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px;box-shadow:0 25px 100px #0008;line-height:1.7}dialog::backdrop{background:#020d16cf;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:14px;top:8px;font-size:25px;color:#93acb5;border:0;background:none}dialog h2{font-size:29px;letter-spacing:-.025em;font-weight:400;line-height:1.1;margin:8px 0 25px}dialog h3{font-size:16px;font-weight:400;color:var(--white);margin:25px 0 7px}dialog p,dialog li{font-size:12px;color:#a8bec7}dialog a{color:var(--teal)}dialog .source-list{padding-left:19px}dialog .notice{border-left:2px solid #e4b078;padding-left:16px;color:#cebba7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1700px){.app{padding:0 50px;grid-template-rows:90px minmax(0,1fr) 75px}.main{grid-template-columns:220px minmax(0,1fr);gap:35px;padding-top:30px}.lesson-grid{grid-template-columns:minmax(0,1fr) 275px;gap:24px}.chapter{font-size:12px;padding-top:11px;padding-bottom:11px}.fact h2{font-size:16px}.fact p{font-size:12px}.fact{margin-bottom:27px}.inspector-bottom>span{font-size:11px}.subtitle{font-size:14px}}@media(max-height:800px) and (min-width:1000px){.app{grid-template-rows:65px minmax(0,1fr) 55px}.main{padding-top:18px;padding-bottom:16px}.rail-heading{margin-bottom:10px}.chapter{min-height:28px;padding-top:6px;padding-bottom:6px}.rail-foot{padding-top:10px}.rail-foot p{margin-top:5px;font-size:9px}.lesson{gap:16px}h1{font-size:37px}.subtitle{margin-top:8px}.fact{margin-bottom:16px}.fact p{font-size:10px}.fact h2{font-size:13px;margin-bottom:5px}.inspector-head{margin-bottom:14px}.inspector-bottom>span{font-size:9px}.model-badge{padding:10px}.fact-label{margin-bottom:5px}}@media(max-width:1180px){.app{padding:0 22px}.main{grid-template-columns:164px minmax(0,1fr);gap:20px}.lesson-grid{grid-template-columns:minmax(0,1fr) 200px;gap:14px}.model-badge{display:none}.edition{display:none}.gesture-hint{display:none}.stage-bottom{justify-content:flex-end}.rail-foot{font-size:7px}.footer-note{display:none}}@media(max-width:950px){.app{padding:0 20px;grid-template-rows:65px minmax(0,1fr) 58px}.main{grid-template-columns:1fr;padding:18px 0 16px}.rail{display:none}.lesson{grid-template-rows:auto 32px minmax(0,1fr);gap:12px}#chapter-select{display:block;width:100%;background:#102f3b;border:1px solid #34525e;border-radius:4px;color:#bed0d5;padding:5px 10px;font-size:11px}.title-row .kicker{margin-bottom:7px}h1{font-size:36px}.subtitle{font-size:11px;line-height:1.45;margin-top:8px}.lesson-grid{grid-template-columns:minmax(0,1fr) 205px}.footer-note{display:none}.footer{gap:13px}.progress{max-width:100%;margin-right:auto}.top-actions{gap:18px}}@media(max-width:650px){.app{padding:0 13px;grid-template-rows:56px minmax(0,1fr) 53px}.brand{font-size:13px;letter-spacing:.1em;gap:8px}.brand-sub{font-size:6px}.brand-icon{width:29px;height:29px;font-size:18px}.top-actions{gap:13px}.text-button{font-size:9px}#help-open{display:none}.main{padding:13px 0 11px}.lesson{gap:10px;grid-template-rows:auto 30px minmax(0,1fr)}.kicker{font-size:7px;letter-spacing:.12em}h1{font-size:29px;line-height:1.05}.subtitle{font-size:10px;margin-top:6px;max-width:470px;line-height:1.45}.lesson-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 94px;gap:10px}.inspector{border:1px solid var(--line);border-radius:5px;padding:10px 11px;position:relative;overflow:hidden}.inspector-head{display:none}#learning{display:flex;gap:14px;padding-right:65px}.fact{display:none;margin:0}.fact:first-child{display:block}.fact-label{display:none}.fact h2{font-size:11px;margin:0 0 5px}.fact p{font-size:9px;line-height:1.5;max-height:42px;overflow:hidden}.inspector-bottom{position:absolute;right:10px;top:11px;border:0;margin:0;padding:0;width:60px}.inspector-bottom button{font-size:8px;line-height:1.5;text-align:left;gap:5px}.inspector-bottom>span{display:none}#part-detail{padding-right:65px}#part-detail h2{font-size:11px;margin:0 0 5px}#part-detail p{font-size:9px;line-height:1.5;margin:0;max-height:42px;overflow:hidden}#part-detail .part-kind,#part-detail .part-controls{display:none}.stage-top{top:11px;left:12px;right:12px}.scene-label{font-size:7px}.live-badge{font-size:7px}.stage-bottom{bottom:11px;left:10px;right:10px}.model-tools{gap:5px}.model-tools button{font-size:9px;height:30px;padding:0 8px}.legend{left:12px;bottom:52px;gap:9px;font-size:7px}.footer{gap:9px}.page-count{min-width:59px;font-size:9px}.progress{gap:3px}.nav-button{width:29px;height:30px}.next-button{min-width:83px;font-size:9px;padding:0 10px;height:30px}.next-button span{margin-left:7px}.hotspot{height:23px;width:23px;font-size:9px}.transfer-panel,.crew-panel{left:12px;top:32px;width:194px;padding:9px}.transfer-top{font-size:8px}.transfer-panel input[type=range]{margin:8px 0 4px}.transfer-values{font-size:8px}.transfer-options{margin-top:7px;font-size:7px}.transfer-panel p{font-size:7px;margin-top:5px}.crew-panel button{font-size:7px;padding:6px 4px}.crew-panel p{font-size:8px}.transfer-options input{width:11px;height:11px}dialog{padding:25px}dialog h2{font-size:25px}}@media(max-height:660px) and (max-width:650px){.app{grid-template-rows:48px minmax(0,1fr) 45px}.main{padding:10px 0}.lesson{gap:8px}.subtitle{display:none}.title-row .kicker{margin-bottom:5px}h1{font-size:24px}.lesson-grid{grid-template-rows:minmax(0,1fr) 76px;gap:8px}.legend{display:none}.inspector{padding:8px 10px}.transfer-panel p{display:none}.transfer-options{margin-top:5px}.stage-top{top:9px}.live-badge{display:none}.transfer-panel{top:28px}.hotspot{width:21px;height:21px}}
.scope-strip{font:7px monospace;letter-spacing:.05em;color:#7897a3;margin:8px 0 0;line-height:1.35}.filter-panel{position:absolute;left:18px;top:48px;background:#0b2532eb;backdrop-filter:blur(10px);border:1px solid #355b68;border-radius:5px;padding:11px;width:276px}.filter-panel>span{font:8px monospace;color:var(--teal)}.filter-panel>div{display:flex;gap:5px;margin-top:8px}.filter-panel button{font-size:8px;border:1px solid #375a67;border-radius:3px;background:#153541;padding:7px}.filter-panel button.active{color:var(--teal);border-color:var(--teal)}.filter-panel p{font-size:8px;color:#91acb8;line-height:1.5;margin:8px 0 0}.inspection-list{display:flex;flex-direction:column;gap:8px}.inspection-list button{border:1px solid #345560;background:#102f3b;color:#b7cdd3;text-align:left;padding:9px;font-size:10px;border-radius:4px}.inspection-list button:hover{border-color:var(--teal)}@media(max-width:650px){.scope-strip{font-size:6px;line-height:1.4;margin-top:6px;letter-spacing:0}.filter-panel{left:12px;top:31px;width:213px;padding:8px}.filter-panel button{font-size:7px;padding:6px 5px}.filter-panel p{font-size:7px;margin-top:6px}}@media(max-height:660px) and (max-width:650px){.scope-strip{font-size:5.8px;margin-top:5px}.filter-panel p{display:none}.filter-panel{top:28px}.filter-panel>div{margin-top:5px}}
.dialog-pager{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #31515f;margin-top:22px;padding-top:17px}.dialog-pager button{border:1px solid #3f626f;background:#133541;color:var(--teal);border-radius:4px;padding:8px 12px;font-size:10px}.dialog-pager span{font:10px monospace;color:#8fabb6}.source-url{display:inline-block;margin-top:12px;font-size:12px;word-break:break-word}.source-scope{border-left:2px solid #436d77;padding-left:14px}.source-id{font:10px monospace;color:var(--teal);letter-spacing:.08em}dialog{max-width:640px}dialog #dialog-body{min-height:120px}@media(max-width:650px){dialog h2{font-size:23px;margin-bottom:20px}dialog p,dialog li{font-size:11px}dialog #dialog-body{min-height:100px}}
.rail-pages{display:flex;gap:8px;margin-top:12px}.rail-pages button{font:9px monospace;color:#7698a5;border:1px solid #294a57;background:none;border-radius:3px;padding:6px 10px}.rail-pages button[aria-pressed=true]{border-color:#4a9f92;color:var(--teal)}.drive-panel,.helicopter-panel{position:absolute;top:48px;left:18px;width:253px;border:1px solid #355b68;background:#0b2532eb;backdrop-filter:blur(10px);border-radius:5px;padding:11px}.drive-panel>span,.helicopter-panel>span{font:8px monospace;letter-spacing:.04em;color:var(--teal)}.drive-panel>div{display:flex;gap:6px;margin-top:8px}.drive-panel button,.helicopter-panel button{font-size:8px;border:1px solid #355965;background:#143541;color:#9bb7c3;border-radius:3px;padding:7px}.drive-panel button[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.drive-panel p,.helicopter-panel p{font-size:8px;line-height:1.5;color:#8faebb;margin:9px 0 0}.helicopter-panel button{margin-top:9px;color:var(--teal)}@media(max-width:650px){.drive-panel,.helicopter-panel{top:32px;left:12px;width:207px;padding:8px}.drive-panel>span,.helicopter-panel>span{font-size:7px}.drive-panel p,.helicopter-panel p{font-size:7px}.drive-panel button,.helicopter-panel button{font-size:7px;padding:6px}}
@media(max-height:500px){.app{grid-template-rows:46px minmax(0,1fr) 43px}.topbar{gap:15px}.brand{font-size:12px}.brand-icon{width:27px;height:27px;font-size:17px}.brand-sub{font-size:6px}.main{padding:8px 0}.lesson{gap:6px}.title-row{gap:10px}.title-row .kicker{font-size:6px;margin-bottom:4px}h1{font-size:23px!important}.subtitle{display:none}.scope-strip{font-size:6px;margin-top:4px}.model-badge{display:none}#chapter-select{font-size:9px;min-height:23px;height:25px}.lesson-grid{gap:10px}.inspector-head{margin-bottom:9px}.tab{font-size:9px;padding-bottom:6px}.fact:not(:first-child){display:none}.fact p{font-size:9px;line-height:1.5}.fact h2{font-size:12px}.inspector-bottom{padding-top:9px}.inspector-bottom>span{display:none}.stage-top{top:9px;left:10px;right:10px}.stage-bottom{bottom:9px;left:10px;right:10px}.legend{display:none}.scene-label{font-size:7px}.transfer-panel,.crew-panel,.filter-panel,.drive-panel,.helicopter-panel{left:10px;top:27px;width:210px;padding:8px}.transfer-panel p{display:none}.transfer-panel input[type=range]{margin:7px 0 5px}.transfer-options{margin-top:7px}.transfer-top{font-size:8px}.transfer-values{font-size:8px}.model-tools button{height:27px;font-size:8px;padding:0 7px}.model-tools{gap:4px}.nav-button,.next-button{height:28px}.rail-heading,.rail-foot{display:none}.chapter{min-height:22px;padding-top:4px;padding-bottom:4px;font-size:10px}.rail-pages{margin-top:7px}.footer-note{display:none}.inspector #part-detail h2{font-size:15px}.inspector #part-detail p{font-size:10px}.inspector #part-detail .part-controls{margin-top:9px}.inspector #part-detail .part-kind{font-size:7px;margin-bottom:8px}.inspector #part-detail button{font-size:9px;padding:7px}.dialog-pager{margin-top:12px;padding-top:11px}dialog{padding:20px}dialog h2{font-size:22px;margin-bottom:13px}dialog p{font-size:10px}dialog #dialog-body{min-height:60px}}

@media(max-height:500px) and (max-width:950px){.lesson{grid-template-rows:auto 25px minmax(0,1fr)}}
.legend{flex-wrap:wrap;max-width:calc(100% - 36px);row-gap:6px}.legend i{flex-shrink:0}
@media(max-height:660px){.legend{display:flex;bottom:45px;left:11px;font-size:6.5px;gap:7px;row-gap:4px}}
/* Rev2.2: persistent one-view chain and compact controls outside the 3D scene. */
.chain-strip{position:absolute;left:18px;right:18px;top:37px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:8px;line-height:1.4;color:#b9d0d8;pointer-events:none}.chain-strip span{background:#0b2633d9;border:1px solid #385e6b;border-radius:3px;padding:5px 7px}.chain-strip b{color:#efb66b;font-size:12px;font-weight:400}.chain-controls{min-height:0}.chain-controls h2{font-size:22px;font-weight:400;letter-spacing:-.02em;margin:0 0 9px}.chain-intro{font-size:11px;color:#9ab4bf;line-height:1.55;margin:0 0 17px}.chain-stage-buttons{display:flex;gap:7px}.chain-stage-buttons button{flex:1;background:#11333f;border:1px solid #3b5f6d;border-radius:4px;padding:9px 4px;font-size:10px}.chain-stage-buttons button[aria-pressed=true]{color:var(--teal);border-color:var(--teal);background:#15403f}.chain-status{font:10px monospace;color:#e9b875;line-height:1.4;margin:14px 0 14px}.chain-slider-label{font-size:9px;color:#87a7b5;display:flex;justify-content:space-between}.chain-slider-label span{color:#d5e5e7;font:10px monospace}#chain-slider{display:block;width:100%;accent-color:var(--oil);margin:8px 0 16px;cursor:pointer}.chain-levels{display:flex;flex-direction:column;gap:10px}.chain-levels>div{display:grid;grid-template-columns:36px 1fr 51px;gap:8px;align-items:center;font-size:10px;color:#a7bec7}.chain-levels strong{font:9px monospace;font-weight:400;color:#e2e9e7;text-align:right}.chain-levels meter{width:100%;height:9px;accent-color:#e9ad66}.chain-levels meter::-webkit-meter-bar{background:#193945;border:0;border-radius:2px}.chain-levels meter::-webkit-meter-optimum-value{background:#e9ad66}.chain-levels meter::-moz-meter-bar{background:#e9ad66}.chain-mass-note{font:8px monospace;line-height:1.6;color:#8caeba;margin:12px 0 13px}.chain-buttons{display:flex;gap:5px;flex-wrap:wrap}.chain-buttons button{font-size:9px;background:#12333f;border:1px solid #3a5f6b;border-radius:3px;padding:8px 7px}.chain-buttons button[aria-pressed=true]{border-color:#73cdbb;color:var(--teal)}.chain-ballast{display:flex;align-items:center;gap:5px;color:#88a8b6;font-size:9px;margin-top:12px}.chain-ballast input{margin:0;accent-color:var(--teal)}.chain-caveat{font-size:8px;color:#9eacb0;line-height:1.5;margin:9px 0 0}.chain-sea-note{font-size:9px;color:#6fbfd0;line-height:1.6;margin:12px 0 0}#chain-labels{position:absolute;inset:0;pointer-events:none}.chain-label{position:absolute;transform:translate(-50%,-50%);max-width:150px;text-align:center;padding:5px 7px;background:#092b39de;border:1px solid #4b7482;border-radius:3px;box-shadow:0 3px 10px #0002;color:#d7e8ea;font-size:9px;line-height:1.3}.chain-label-export{color:#80d6ef;border-color:#399bbd}.chain-label-cargo-hose{color:#ffd19a;border-color:#cc904a}.chain-label-mooring{font-size:8px;color:#bec9cf;border-color:#6c7a84}.chain-layout .inspector-bottom{margin-top:auto}.chain-layout .inspector-bottom>span{font-size:9px;margin-top:8px}
@media(max-height:800px) and (min-width:651px){.chain-controls h2{font-size:18px}.chain-intro{font-size:10px;margin-bottom:12px}.chain-status{margin:10px 0;font-size:9px}.chain-levels{gap:7px}#chain-slider{margin-bottom:11px}.chain-mass-note{margin:9px 0}.chain-sea-note{margin-top:8px;font-size:8px}.chain-ballast{margin-top:9px}.chain-layout .inspector-bottom>span{display:none}}
@media(max-width:650px){.chain-layout{grid-template-rows:minmax(0,1fr) 171px!important}.chain-layout .inspector{padding:9px 10px}.chain-controls h2,.chain-intro,.chain-slider-label,.chain-caveat,.chain-layout .inspector-bottom>span{display:none}.chain-controls{padding-right:0}.chain-stage-buttons{gap:5px;padding-right:74px}.chain-stage-buttons button{font-size:8px;padding:5px 4px}.chain-status{font-size:7px;margin:7px 0 3px;line-height:1.3}#chain-slider{margin:2px 0 5px;height:14px}.chain-levels{flex-direction:row;gap:12px}.chain-levels>div{flex:1;grid-template-columns:28px 1fr 42px;gap:4px;font-size:8px}.chain-levels strong{font-size:7px}.chain-mass-note{font-size:6.5px;margin:5px 0;line-height:1.3}.chain-buttons{gap:5px}.chain-buttons button{font-size:7px;padding:5px 7px}.chain-ballast{font-size:7px;margin-top:5px;position:absolute;right:10px;bottom:27px}.chain-ballast input{width:10px;height:10px}.chain-sea-note{font-size:6.5px;line-height:1.3;margin-top:5px;padding-right:0}.chain-layout .inspector-bottom{width:65px;top:9px;right:10px}.chain-strip{top:29px;left:10px;right:10px;gap:4px;font-size:6px}.chain-strip span{padding:3px 4px}.chain-strip b{font-size:8px}.chain-label{font-size:7px;padding:4px;max-width:112px}.chain-label-mooring{font-size:6px}}
@media(max-height:500px) and (min-width:651px){.chain-controls h2,.chain-intro,.chain-caveat,.chain-slider-label{display:none}.chain-status{font-size:8px;margin:8px 0}.chain-stage-buttons button{font-size:8px;padding:6px 3px}#chain-slider{margin:3px 0 8px;height:13px}.chain-levels{gap:6px}.chain-levels>div{font-size:8px}.chain-mass-note{font-size:7px;margin:7px 0}.chain-buttons button{font-size:7px;padding:5px}.chain-ballast{font-size:7px;margin-top:6px}.chain-sea-note{font-size:7px;line-height:1.4;margin-top:6px}.chain-layout .inspector-bottom{display:none}.chain-strip{top:28px;font-size:6px;gap:4px}.chain-strip span{padding:3px 4px}.chain-label{font-size:7px}}
/* Rev3 visual direction: generous model viewport, editorial hierarchy, quiet controls. */
:root{--bg:#111a22;--panel:#18242e;--line:#30404c;--white:#eef1f1;--muted:#a4b1ba;--teal:#96cabc;--oil:#d7a66a}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;background:radial-gradient(ellipse at 50% 0,#202f3c,var(--bg) 66%);font-weight:400;-webkit-font-smoothing:antialiased}
.app{max-width:2400px;padding:0 34px;grid-template-rows:69px minmax(0,1fr) 55px}.topbar{border-bottom-color:#35434d}.brand{font-weight:550;font-size:15px;letter-spacing:.13em}.brand-icon{border:0;background:#263640;color:#b9cbd2;border-radius:9px;font-size:20px}.brand-sub{font-size:7px;letter-spacing:.19em;color:#91a6af}.edition{letter-spacing:.13em;font-size:8px}.edition b{color:#c4b394;font-size:8px}.text-button{font-size:10px;color:#a5b7bf}
.main{grid-template-columns:1fr;padding:19px 0 16px;gap:0}.rail{display:none}.lesson{grid-template-rows:auto 30px minmax(0,1fr);gap:11px}.title-row{align-items:flex-start}.title-row .kicker{font-size:8px;letter-spacing:.17em;color:#c0aa85;margin-bottom:9px}h1{font-size:clamp(27px,2.8vw,43px);font-weight:430;letter-spacing:-.045em;line-height:1.07}.subtitle{font-size:11px;line-height:1.55;color:#97aab4;max-width:1050px;margin-top:8px}.scope-strip{color:#7f939f;font-size:6.5px;letter-spacing:.045em;margin-top:7px}.model-badge{border:0;border-left:1px solid #3e4b54;border-radius:0;padding:7px 0 7px 19px;margin-top:8px;color:#b8c4c9;font-size:7px}.model-badge span{font-size:6px;color:#7a929e}
#chapter-select{display:block;width:345px;max-width:100%;height:30px;min-height:30px;padding:4px 11px;border:1px solid #3a4d59;border-radius:5px;background:#1a2a35;color:#b7c7cf;font-size:10px}.lesson-grid{grid-template-columns:minmax(0,1fr) 259px;gap:23px}.stage{border:1px solid #3a4d58;border-radius:13px;background:#0e141a;box-shadow:0 16px 45px #0002;isolation:isolate}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 45px #0a111a33;border-radius:inherit;z-index:0}.stage-top{top:17px;left:20px;right:20px;z-index:2}.scene-label{font-family:inherit;font-size:9px;letter-spacing:.025em;color:#a5bbc5}.live-badge{font-size:7px;color:#a1c3b6;letter-spacing:.1em}.live-badge i{width:4px;height:4px;background:#96bbab}.stage-bottom{left:17px;right:17px;bottom:14px;z-index:3}.model-tools{border:1px solid #4b606c55;border-radius:7px;padding:3px;background:#172530d9;backdrop-filter:blur(10px);gap:1px}.model-tools button{border:0;border-radius:4px;background:transparent;font-size:9px;height:30px;color:#b4c5cc;padding:0 10px}.model-tools button[aria-pressed=true]{background:#2c464a;color:#c9e7de}.gesture-hint{font-size:7px;color:#6d8b9c;letter-spacing:.06em}.legend{bottom:62px;left:19px;font-size:7px;color:#91a9b6;gap:13px;z-index:2}.legend i{height:4px;width:12px;border-radius:2px}
.chain-strip{display:none!important}.chain-label{font-size:8px;background:#152935d9;border:1px solid #5a788666;padding:5px 8px;border-radius:4px;font-weight:450;box-shadow:none;color:#c2d4dc}.chain-label-export{border-color:#408d9d80;color:#8dc3ce}.chain-label-cargo-hose{border-color:#9e794580;color:#ccb28b}.chain-label-mooring{font-size:7px;opacity:.75;color:#a2b3bb}.hotspot{background:#192f3bdb;border:1px solid #758e9b88;color:#c4d9e2;box-shadow:none;width:23px;height:23px;font-size:8px}.hotspot span{background:#172b37;border-color:#395260;font-family:inherit;font-size:9px}
.inspector{padding:3px 0 0}.inspector-head{gap:22px;margin-bottom:18px;border-bottom-color:#3a4a56}.tab{font-size:10px;letter-spacing:0;padding-bottom:10px}.tab.active{color:#dce9e6;border-bottom-color:#91bcad}.fact{border-top:1px solid #293a45;padding-top:15px;margin-bottom:19px}.fact:first-child{border-top:0;padding-top:0}.fact-label{font-size:7px;color:#899f9c;margin-bottom:8px}.fact h2{font-size:15px;font-weight:450;letter-spacing:-.02em;margin-bottom:7px}.fact p{font-size:11px;line-height:1.65;color:#96aab5}.chain-controls h2{font-size:23px;letter-spacing:-.035em;margin-bottom:8px}.chain-intro{font-size:11px;color:#8ea6b3;line-height:1.6;margin-bottom:17px}.chain-stage-buttons{gap:6px}.chain-stage-buttons button{font-size:9px;border-color:#3b505c;background:#1c303c;border-radius:5px;padding:10px 5px}.chain-stage-buttons button[aria-pressed=true]{background:#314646;border-color:#72998b;color:#d5e5dd}.chain-status{font-size:9px;font-family:inherit;color:#c1ab88;margin:14px 0}.chain-levels strong{color:#c6d8db}.chain-levels meter::-webkit-meter-bar{background:#283e49}.chain-levels meter::-webkit-meter-optimum-value{background:#c49a60}.chain-levels meter::-moz-meter-bar{background:#c49a60}.chain-buttons button{font-size:8px;background:#192d39;border-color:#3b505e;border-radius:4px;padding:8px}.chain-sea-note{font-size:8px;color:#7c9eae;line-height:1.55}.chain-caveat{color:#8296a1}.inspector-bottom{border-color:#334651;padding-top:12px}.inspector-bottom button{color:#afcdc2;font-size:10px}.inspector-bottom>span{color:#7c929f;font-size:9px}.footer{border-top-color:#34434f}.page-count{color:#819aa8;font-size:10px}.progress{max-width:280px}.progress button{height:2px;background:#354853}.progress button.done{background:#91baa9}.nav-button{border-color:#435963;border-radius:5px}.next-button{background:#a2bdb1;color:#172d35;border-radius:5px;font-size:10px}.footer-note{font-size:7px;color:#6d899a}dialog{background:#172935;border-color:#4b6572;border-radius:12px;box-shadow:0 30px 110px #0009}dialog h2{font-weight:450;font-size:29px;letter-spacing:-.035em}dialog p{line-height:1.8}
@media(min-width:1700px){.app{padding:0 45px;grid-template-rows:78px minmax(0,1fr) 62px}.main{padding-top:23px}.lesson{gap:14px}.lesson-grid{grid-template-columns:minmax(0,1fr) 295px;gap:30px}h1{font-size:48px}.subtitle{font-size:12px}.fact h2{font-size:17px}.fact p{font-size:12px}.chain-controls h2{font-size:26px}.chain-intro{font-size:12px}}
@media(max-height:800px) and (min-width:651px){.app{grid-template-rows:58px minmax(0,1fr) 48px}.main{padding:13px 0}.lesson{gap:9px}h1{font-size:34px}.subtitle{font-size:10px;margin-top:6px}.scope-strip{font-size:6px}.title-row .kicker{margin-bottom:6px}.fact{padding-top:10px;margin-bottom:14px}.fact p{font-size:10px;line-height:1.55}.fact h2{font-size:13px}.inspector-head{margin-bottom:12px}.chain-controls h2{font-size:20px}.chain-intro{font-size:10px;margin-bottom:12px}.chain-stage-buttons button{padding:8px 4px}.chain-status{margin:11px 0}.chain-sea-note{margin-top:8px}}
@media(max-width:950px){.app{padding:0 20px}.lesson-grid{grid-template-columns:minmax(0,1fr) 218px;gap:16px}.model-badge{display:none}.stage-top{left:13px;right:13px}.chain-controls h2{font-size:20px}.chain-intro{font-size:10px}.chain-levels>div{font-size:9px;grid-template-columns:32px 1fr 49px}.chain-buttons button{font-size:7px;padding:7px 6px}.scope-strip{font-size:6px}.subtitle{font-size:10px}}
@media(max-width:650px){.app{padding:0 12px;grid-template-rows:53px minmax(0,1fr) 47px}.main{padding:11px 0 9px}.brand{font-size:12px}.brand-icon{width:28px;height:28px;font-size:16px}.brand-sub{font-size:6px}.top-actions{gap:15px}.text-button{font-size:8px}.lesson{gap:8px;grid-template-rows:auto 29px minmax(0,1fr)}h1{font-size:27px;line-height:1.05}.subtitle{font-size:9px;line-height:1.5;margin-top:6px;max-height:42px;overflow:hidden}.scope-strip{font-size:5.6px;margin-top:6px;line-height:1.4}.title-row .kicker{font-size:6px;margin-bottom:6px}#chapter-select{width:100%;font-size:9px;height:29px;min-height:29px}.lesson-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 91px;gap:8px}.stage{border-radius:10px}.inspector{padding:9px 10px;border-color:#344b58;border-radius:7px}.fact{border:0;padding-top:0;margin:0}.fact h2{font-size:11px}.fact p{font-size:9px;line-height:1.5}.chain-layout{grid-template-rows:minmax(0,1fr) 171px!important}.chain-controls h2,.chain-intro{display:none}.chain-stage-buttons button{font-size:8px;padding:5px}.chain-status{font-size:7px;margin:7px 0 3px}.chain-buttons button{font-size:7px;padding:5px 7px}.chain-sea-note{font-size:6.5px;margin-top:5px}.chain-levels>div{font-size:8px;grid-template-columns:28px 1fr 42px}.chain-label{font-size:6px;padding:3px 5px;max-width:92px}.chain-label-mooring{display:none}.legend{font-size:6px;bottom:51px;left:11px;gap:8px}.stage-top{top:12px}.stage-bottom{bottom:9px;left:9px;right:9px}.scene-label{font-size:7px}.model-tools button{height:26px;font-size:8px;padding:0 8px}.model-tools{padding:2px}.footer{gap:8px}.page-count{font-size:9px}.next-button{font-size:9px}.inspector-bottom button{font-size:8px}.hotspot{width:21px;height:21px;font-size:7px}}
@media(max-height:660px) and (max-width:650px){.subtitle{display:none}h1{font-size:23px}.app{grid-template-rows:46px minmax(0,1fr) 43px}.title-row .kicker{margin-bottom:4px}.main{padding:8px 0}.scope-strip{font-size:5.5px;margin-top:5px}}
@media(max-height:500px) and (min-width:651px){.app{grid-template-rows:43px minmax(0,1fr) 40px}.main{padding:7px 0}.lesson{gap:6px;grid-template-rows:auto 25px minmax(0,1fr)}#chapter-select{min-height:25px;height:25px}.subtitle,.model-badge,.chain-controls h2,.chain-intro{display:none}h1{font-size:23px!important}.scope-strip{font-size:5px;margin-top:4px}.chain-stage-buttons button{padding:5px;font-size:7px}.chain-status{font-size:7px;margin:7px 0}.chain-sea-note{font-size:6px;margin-top:5px}.inspector-head{margin-bottom:9px}.tab{font-size:8px;padding-bottom:7px}.chain-buttons button{font-size:6px;padding:5px}.fact p{font-size:9px}.fact h2{font-size:11px}.stage-top{top:10px}.chain-layout .inspector-bottom{display:none}.chain-label{font-size:6px;padding:3px 4px}}

/* Rev4 inventory focus is separate from operational state; controls never obscure machinery. */
.inspector .drive-panel{position:static;width:auto;flex:none;margin:0 0 15px;padding:11px;background:#162b36;border-color:#3b515c;backdrop-filter:none;border-radius:6px}
.inspector .drive-panel>div{flex-wrap:wrap}.inspector .drive-panel>span{font-size:8px;color:#b1c5c8}.inspector .drive-panel button{font-size:8px;padding:7px}
#fleet-select{display:block;width:100%;max-width:100%;background:#102630;border:1px solid #3d5763;color:#c4d5d9;border-radius:4px;font:9px inherit;padding:7px;margin-top:8px}
.inspector .drive-panel p{font-size:8px;line-height:1.55;color:#9fb1bb}.chain-crew-status{font-size:8px;color:#a8c2ca;line-height:1.4;margin:11px 0 5px}.chain-crew-restart{font-size:8px;background:none;border:0;border-bottom:1px solid #526872;padding:0 0 3px;color:#aec8c8}
@media(max-width:650px){.inspector .drive-panel{padding:6px 8px;margin-bottom:6px}.inspector .drive-panel>span{font-size:6px}.inspector .drive-panel>div{display:inline-flex;margin:0 0 0 8px;gap:4px}.inspector .drive-panel button{font-size:6px;padding:4px}.inspector .drive-panel p{font-size:6px;margin-top:4px}.inspector .drive-panel #fleet-select{font-size:7px;padding:4px;margin-top:4px}.lesson:has(.drive-panel:not([hidden])) .lesson-grid{grid-template-rows:minmax(0,1fr) 164px}.chain-crew-status{font-size:6px;margin:5px 0 0}.chain-crew-restart{font-size:6px;padding:0}.chain-layout{grid-template-rows:minmax(0,1fr) 194px!important}}
@media(max-height:650px) and (min-width:651px){.inspector .drive-panel{padding:7px;margin-bottom:8px}.inspector .drive-panel p{font-size:7px}.chain-crew-status,.chain-crew-restart{font-size:6px;margin-top:5px}.chain-sea-note{margin-top:5px}}

/* Rev5 bearing circuit controls occupy the scrolling inspector, never the 3D viewport. */
.lubrication-panel{flex:none;border:1px solid #4f6065;background:#162b36;border-radius:6px;padding:11px;margin:0 0 14px;color:#bed0d7;font-size:10px;line-height:1.55}
.control-kicker{display:block;font-size:8px;letter-spacing:1px;color:#e8bb7c;margin-bottom:9px}.lube-view-buttons,.lube-stage-buttons{display:flex;gap:5px;flex-wrap:wrap}.lubrication-panel button{background:#10252f;border:1px solid #52636a;border-radius:4px;color:#c9dce1;font:inherit;font-size:9px;padding:7px 8px;cursor:pointer}.lubrication-panel button[aria-pressed="true"]{border-color:#d6a66d;color:#f0c596;background:#443c2f}.lube-target{font-size:9px;color:#b6c6cb;margin:8px 0}.lubrication-panel>label{display:block;margin-top:10px;font-size:9px}.lubrication-panel input[type="range"]{width:100%;accent-color:#e8a457}.lube-volume-key{display:flex;gap:10px;font-size:8px}.nitrogen-key{color:#c6a5ff}.bearing-oil-key{color:#f1ad65}.lube-dc{display:flex!important;align-items:center;gap:6px}.lube-dc input{accent-color:#e8a457}#lube-status{border-left:2px solid #dca061;padding-left:8px;color:#e0c9a8;font-size:9px}.lube-route{font-size:9px;color:#c3d6da}.lube-caveat{font-size:8px;color:#99acb7}.lubrication-panel [hidden]{display:none!important}
@media(max-width:650px){.lubrication-panel{padding:8px;font-size:9px}.lubrication-panel button{font-size:8px;padding:5px}.lesson:has(.lubrication-panel:not([hidden])) .lesson-grid{grid-template-rows:minmax(0,1fr) min(32vh,190px)}.lube-volume-key,.lube-caveat{font-size:8px}.control-kicker{font-size:8px}}

.bearing-oil-key{color:#cad76a}
.bearing-oil-key{color:#f3ac5a}
.nitrogen-key{color:#79a9ed}

/* Rev5 exclusive inspector pages: no vertical scrolling, one short pane at a time. */
.equipment-pages{display:flex;gap:4px;flex:none;margin:0 0 10px}.equipment-pages button{flex:1;background:#10252f;border:1px solid #4c626c;border-radius:3px;padding:6px 3px;color:#c7d9df;font:9px inherit;cursor:pointer;white-space:nowrap}.equipment-pages button[aria-pressed="true"]{border-color:#d5aa73;color:#f0c89b;background:#38342c}.inspector:has(.equipment-pages:not([hidden])){overflow:hidden}.inspector:has(.equipment-pages:not([hidden])) .lubrication-panel{min-height:0;margin:0;padding:10px;border-radius:5px;overflow:hidden}.lubrication-panel .lube-volume-key{flex-direction:column;gap:3px}.lubrication-panel #lube-unit-select{width:100%;background:#10252f;color:#cee0e6;border:1px solid #51646c;border-radius:4px;font:10px inherit;padding:6px;margin-bottom:8px}.lubrication-panel #lube-discharge-page>label{display:block;margin-top:9px;font-size:9px}.lubrication-panel .lube-route,.lubrication-panel .lube-caveat{margin:9px 0}.inspector:has(.equipment-pages:not([hidden])) #learning{min-height:0}.inspector:has(.equipment-pages:not([hidden])) .inspector-bottom{position:static;width:auto;margin-top:auto;flex:none}.equipment-pages[hidden],.lubrication-panel[hidden],.lubrication-panel [hidden]{display:none!important}
@media(max-width:650px){.lesson:has(.equipment-pages:not([hidden])) .lesson-grid{grid-template-rows:minmax(0,1fr) min(34vh,210px)}.equipment-pages{margin-bottom:5px}.equipment-pages button{font-size:8px;padding:4px 2px}.inspector:has(.equipment-pages:not([hidden])) .lubrication-panel{padding:5px 7px;border:0;background:transparent}.lubrication-panel button{font-size:8px;padding:5px 7px}.lubrication-panel #lube-unit-select{font-size:8px;padding:4px;margin-bottom:5px}.lubrication-panel .lube-view-buttons{gap:4px}.lubrication-panel .lube-target{font-size:8px;margin:5px 0}.lubrication-panel .lube-caveat,.lubrication-panel .lube-route{font-size:8px;line-height:1.4;margin:5px 0}.lubrication-panel #lube-discharge-page>label{margin-top:4px;font-size:8px}#lube-status{font-size:8px;line-height:1.4;margin:5px 0}.lube-volume-key{font-size:8px;line-height:1.35}.inspector:has(.equipment-pages:not([hidden])) .drive-panel{margin-bottom:4px}.inspector:has(.equipment-pages:not([hidden])) .inspector-bottom{position:absolute;width:60px;right:10px;bottom:9px;top:auto}}

/* Four compact view presets, still within the exclusive Circuit subpage. */
.lubrication-panel .lube-view-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}

/* Rev6: exclusive, paginated teaching workspace. No scrollable sidebar is added. */
.inspector{overflow:hidden;min-height:0}.inspector-head{gap:12px;flex:none}.scenario-panel{min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden;color:#c8d8df}.scenario-active>:not(.inspector-head):not(.scenario-panel){display:none!important}.scenario-panel[hidden]{display:none!important}.scenario-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#cbb28c;letter-spacing:.025em}.scenario-panel button,.scenario-panel select,.offer-actions button,#access-lock{background:#1b303c;border:1px solid #526773;border-radius:5px;color:#d8e8ea;padding:7px 8px;font:inherit;font-size:10px;cursor:pointer}.scenario-top button{padding:4px 6px;font-size:8px}#scenario-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}#scenario-tabs button{padding:6px 2px;font-size:9px}#scenario-tabs button[aria-pressed=true]{border-color:#bcd5bb;background:#30494a;color:#e0f3e7}.scenario-label{display:block;font-size:9px;color:#a8bdc9;margin-bottom:5px}#scenario-machine{width:100%;font-size:10px;padding:7px 4px;overflow:hidden;text-overflow:ellipsis;margin-bottom:9px}.scenario-card{border:1px solid #3e545f;border-radius:7px;background:#172a35;padding:12px;min-width:0}.scenario-card h3{font-size:14px;font-weight:500;line-height:1.3;margin:0 0 9px;color:#e2ecec}.scenario-card p{font-size:11px;line-height:1.5;margin:9px 0;overflow-wrap:anywhere}.scenario-card .scenario-muted{font-size:9px;color:#9ab1bf;line-height:1.45}.scenario-status{font-size:8px;letter-spacing:.06em;padding:3px 5px;background:#253e45;border:1px solid #58716f;border-radius:3px;display:inline-block;color:#c1ddcf}.status-tripped,.status-inhibited{background:#453429;border-color:#9f7959;color:#f3c993}.scenario-commands{display:grid;grid-template-columns:1fr 1fr;gap:5px}.scenario-commands button{font-size:9px;padding:7px 3px}.scenario-panel button:disabled{opacity:.38;cursor:not-allowed}.scenario-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.scenario-pagination button{padding:5px 12px}.scenario-pagination span{font-size:9px;color:#a7bac6}.scenario-disclaimer{font-size:8px;line-height:1.45;color:#9aabb6;margin:0}.condition-row{display:block;margin:10px 0;font-size:11px;line-height:1.4}.condition-row select{display:block;width:100%;margin-top:5px}.permissive{border-left:2px solid #88baac;padding-left:9px}.permissive b{font-size:9px;letter-spacing:.04em}.permissive.blocked{border-color:#dbad70;color:#e9c597}.backup-row{display:flex;gap:10px;justify-content:space-between;font-size:10px!important}.backup-row b{font-size:8px;color:#d8c294}#access-dialog{max-width:520px;max-height:calc(100dvh - 30px);padding:28px;overflow:hidden}#access-dialog h2{font-size:28px;margin:12px 0}#access-dialog p{font-size:12px;line-height:1.6;margin:13px 0}#access-dialog .offer-price{font-size:30px;color:#e8c99e}.offer-price span{display:block;font-size:11px;color:#b1c1ca}.offer-actions{display:flex;gap:8px;flex-wrap:wrap}.offer-actions #access-demo{border-color:#9dbda8;background:#aac8b7;color:#152c33;font-size:10px;padding:12px}#access-lock{margin-top:12px;background:transparent;font-size:10px}#access-lock[hidden]{display:none}
@media(max-width:950px){.scenario-card{padding:9px}.scenario-card h3{font-size:12px}.scenario-card p{font-size:10px}.scenario-panel{gap:7px}.inspector-head{gap:9px}}
@media(max-height:750px) and (min-width:651px){.scenario-panel{gap:6px}.scenario-card{padding:8px}.scenario-card h3{font-size:12px;margin-bottom:6px}.scenario-card p{font-size:10px;margin:7px 0}.scenario-card .scenario-muted{font-size:8px}.scenario-disclaimer{font-size:7px}.scenario-commands button{padding:5px 2px}.scenario-label{font-size:8px}#scenario-machine{font-size:9px;margin-bottom:6px;padding:5px}.condition-row{font-size:10px;margin:7px 0}#scenario-tabs button{padding:4px 2px}.scenario-pagination button{padding:3px 10px}}
@media(max-width:650px){.lesson .lesson-grid.scenario-layout{grid-template-rows:minmax(90px,1fr) 282px!important}.scenario-active{position:relative;display:flex;flex-direction:column;overflow:hidden!important;padding:8px 10px}.scenario-active .inspector-head{display:flex!important;position:static;margin:0 0 6px;gap:18px;justify-content:flex-start}.scenario-active .tab{font-size:10px;padding:0 0 5px}.scenario-panel{gap:5px;flex:1}.scenario-top{font-size:7px}#scenario-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}#scenario-tabs button{font-size:8px;padding:4px 2px}#scenario-content{min-height:0;flex:1}.scenario-card{padding:7px 9px}.scenario-card h3{font-size:11px;margin:0 0 5px}.scenario-card p{font-size:9px;line-height:1.35;margin:5px 0}.scenario-card .scenario-muted{font-size:8px;line-height:1.3}.scenario-label{display:none}#scenario-machine{font-size:9px;padding:4px;margin-bottom:5px}.scenario-status{font-size:7px;padding:2px 4px}.scenario-commands{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.scenario-commands button{font-size:8px;padding:5px 2px}.scenario-disclaimer{font-size:7px;line-height:1.2}.scenario-pagination button{padding:2px 12px;font-size:10px}.scenario-pagination span{font-size:8px}.condition-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;margin:7px 0}.condition-row select{width:130px;font-size:9px;margin:0;padding:4px}.scenario-card>button{font-size:8px;padding:5px 7px}.backup-row{font-size:9px!important}.permissive{display:inline-block;width:49%;vertical-align:top}.permissive b{font-size:8px}.top-actions{gap:8px}.text-button{font-size:7px}.brand-sub{display:none}#access-dialog{padding:20px}#access-dialog h2{font-size:23px}#access-dialog p{font-size:10px;margin:10px 0}#access-dialog .offer-price{font-size:25px}}
@media(max-height:560px){.scenario-layout{grid-template-columns:minmax(0,1fr) 300px!important;grid-template-rows:1fr!important}.scenario-card p{font-size:9px;margin:5px 0}.scenario-card h3{font-size:11px}.scenario-disclaimer{display:none}.scenario-top{display:none}.scenario-card .scenario-muted{font-size:7px}.scenario-panel{gap:4px}.scenario-commands{grid-template-columns:repeat(3,minmax(0,1fr))}#scenario-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.scenario-card{padding:6px}.scenario-commands button{font-size:8px;padding:4px 2px}#access-dialog{padding:15px 24px}#access-dialog h2{font-size:20px;margin:7px 0}#access-dialog p{font-size:9px;margin:7px 0;line-height:1.4}#access-dialog .offer-price{font-size:23px}.offer-price span{font-size:9px}.offer-actions #access-demo{padding:8px}}
/* Individual turbine-generator auxiliary selector, still on the exclusive Skids page. */
#scenario-auxiliary{width:100%;font-size:10px;padding:6px 4px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){#scenario-auxiliary{font-size:9px;padding:4px;margin-bottom:5px}.scenario-panel:has(#scenario-auxiliary) #scenario-machine{margin-bottom:4px}.scenario-panel:has(#scenario-auxiliary) .scenario-card p{font-size:8px}}
@media(max-height:750px) and (min-width:651px){#scenario-auxiliary{font-size:9px;padding:5px;margin-bottom:5px}}
#lube-discharge-page .lube-stage-buttons{display:none}#lube-shared-open{margin-bottom:6px}#lube-discharge-page input:disabled{opacity:.6}