/* Original NAVIMARE instrument console, informed by supplied operational references. */
.radar-layout{grid-template-columns:minmax(0,1fr) 278px;gap:12px}
.r4-radar{border:1px solid #314759;border-radius:5px;background:#07121f;box-shadow:0 8px 24px #17334a10}
.r4-radar-top{background:#0e1d2c;border-bottom:1px solid #3a4d61;font:600 12px/1.5 monospace;letter-spacing:.4px;color:#9ed4c0}
.r4-radar-main{display:grid;grid-template-columns:minmax(350px,1fr) 245px;grid-template-areas:'scope data' 'receiver receiver'}
.r4-radar-scope{grid-area:scope;min-height:clamp(410px,calc(100vh - 440px),1100px);background:#10192e}
.r4-radar-bottom{grid-area:data;padding:0;background:#0e1c29;border-left:1px solid #34495b;font:11px/1.45 monospace;min-width:0;max-height:calc(100vh - 400px);overflow:auto}
.data-title{background:#1d2d3c;padding:9px 10px;font:600 10px Arial;letter-spacing:1.2px;color:#b5c5cd;display:flex;justify-content:space-between}.data-title span{color:#a7d7b7}
.nav-data{padding:6px 10px}.nav-data>div{display:grid;grid-template-columns:40px 1fr 75px;align-items:center;gap:5px;border-bottom:1px solid #293a46;padding:6px 0}.nav-data span{color:#b6c7d3}.nav-data strong{font-size:19px;color:#8fe1ab;text-align:right;font-weight:500}.nav-data small{font:8px Arial;color:#9aadb9;text-align:right}.nav-data p{font:9px/1.5 monospace;color:#8ba3b8;margin:8px 0}
.target-data{padding:8px 12px}.target-data h3{font-size:15px;color:#ddeddb;margin:3px 0}.target-data h3 small{display:block;font-size:9px;color:#a4b2b9;margin-top:3px}.track-state{font-size:9px;color:#b8a271;margin:8px 0}.target-data>div{display:flex;justify-content:space-between;border-bottom:1px solid #223442;padding:5px 0;font-size:10px}.target-data strong{color:#b7e2c2;font-weight:500}.target-note{font:9px/1.5 Arial;color:#8d9ea9}.no-target{font-size:11px!important;display:block!important;color:#a6bccc;min-height:180px}.no-target small{display:block;font:10px/1.8 Arial;margin-top:18px;color:#7e95a8}
#rdMeasurements,#rdTarget,#rdAlarm{padding:7px 10px;font-size:9px;overflow-wrap:anywhere;border-top:1px solid #2b3b49}#rdTarget{display:none}#rdAlarm:not(:empty){background:#57262b;color:#ffbeb7;min-height:36px}.target-list-heading{padding:7px 10px;display:flex;align-items:center;justify-content:space-between;font:9px Arial;color:#b3c4ce}.target-list-heading button{font-size:9px;min-height:28px;padding:4px}.track-list{max-height:165px;overflow:auto}.track-list button{display:grid;grid-template-columns:42px 1fr 1fr;gap:3px;width:100%;text-align:left;border-radius:0;border:0;border-top:1px solid #283b47;background:#101f2b;font:9px monospace;padding:8px;min-height:36px}.track-list button.selected{background:#30443f;color:#b9f4c4}.track-list button.danger-row{color:#ff9b91}.track-list p{padding:10px;color:#859aa7;font-size:9px}
.r4-radar-controls{grid-area:receiver;display:grid;grid-template-columns:95px minmax(260px,1.25fr) minmax(280px,1.3fr) minmax(210px,1fr);grid-template-rows:auto auto;gap:8px 12px;padding:12px;background:linear-gradient(180deg,#253646,#1b2b39);border-top:1px solid #435667;align-items:start}
.r4-radar-controls>label{grid-column:1;grid-row:1;margin:0}.r4-radar-controls>select{grid-column:1;grid-row:2}.r4-radar-controls label{font-size:9px;letter-spacing:.4px}.r4-radar-controls input,.r4-radar-controls select{min-height:32px;font-size:11px}
.r4-radar-knobs{grid-column:2;grid-row:1/3;grid-template-columns:repeat(6,1fr);margin:0;gap:6px}.r4-knob{width:44px;height:44px;border:1px solid #536879;box-shadow:0 3px 7px #0009,inset 0 0 4px #7d8d99;background:radial-gradient(circle at 35% 25%,#687984 0,#334350 45%,#0c1722 79%)}.r4-knob:after{left:20px;top:4px;height:13px;transform-origin:50% 17px;background:#e8e9d4}.r4-knob-label{font-size:8px;color:#c2d1d9;letter-spacing:.3px}.r4-knob-label output{font:11px monospace;display:block;background:#101e25;color:#a3e4af;padding:3px 1px;border-radius:2px}
.r4-radar-keys{grid-column:3;grid-row:1/3;grid-template-columns:repeat(4,1fr);gap:4px}.r4-radar button{min-height:34px;font-size:9px;padding:5px;color:#d7e1e6;border:1px solid #405362;background:linear-gradient(#3a4a58,#253541);border-radius:3px}.r4-radar button.active{background:#286047;color:#c9f7d2;border-color:#6ea288}.r4-radar-settings{grid-column:4;grid-row:1/3;grid-template-columns:repeat(3,1fr);margin:0;gap:7px}.r4-radar-settings label{font-size:8px}.r4-radar-tip{grid-column:1/-1;font-size:10px;margin:0;line-height:1.4;color:#94a9b9}.receiver-extensions{grid-column:1/-1;display:flex;align-items:end;gap:6px}.receiver-extensions label{margin:0;width:145px}.receiver-extensions button{min-width:100px;min-height:37px;font-size:9px}.receiver-extensions strong{color:#b6d8bd;font-size:9px}.receiver-extensions select{width:100%}
.helm-panel{background:#162532;color:#c9d7df;border-color:#324757;border-radius:5px;padding:10px;gap:7px}.helm-panel>h2{display:none}.instrument-heading{display:flex;justify-content:space-between;font:10px Arial;letter-spacing:1px;border-bottom:1px solid #3c4d59;padding:4px 0 10px}.instrument-heading span{color:#dcb26c}.gauges{display:grid;grid-template-columns:1fr 1fr;gap:5px}.gauges>div{border:1px solid #3f5360;border-radius:4px;background:#22343f;padding:3px}.gauges canvas{width:100%;height:112px;display:block}.gauges small{display:block;text-align:center;font:8px Arial;color:#a9becb;margin:2px 0 4px;letter-spacing:.3px}.steering-box{position:relative;border:1px solid #3f5360;background:#10212c;border-radius:4px;padding:8px;text-align:center}.steering-box>span{font:9px Arial;display:block;text-align:left;color:#9fbbc9;letter-spacing:.8px}.steering-box output{position:absolute;right:8px;top:8px;color:#efd08b;font:11px monospace}.steering-box canvas{width:100%;height:100px;touch-action:none;cursor:ew-resize}.steering-box small{font:9px Arial;color:#819caa}.helm-panel label{color:#aabcc8;font-size:10px}.helm-panel input{accent-color:#a5c6bc}.helm-panel button{background:#2c4050;color:#dce6ec;border-color:#506171;min-height:32px;padding:5px;font-size:9px}.helm-panel select{color:#e0e8ec;background:#223947;border-color:#4c6272;padding:6px;font-size:11px}.helm-panel .row{gap:4px}.helm-panel .row button{flex:1}.compact-conning{display:none}.engine-select{display:none}.telegraph{border:1px solid #405461;border-radius:4px;overflow:hidden}.telegraph-heading{padding:7px 6px;font:9px Arial;background:#293b48}.telegraph-heading span{float:right;color:#9bd2ac;font:9px monospace}.telegraph-body{display:grid;grid-template-columns:1fr 35px;gap:3px;background:#111e28;padding:4px}.telegraph-keys{display:grid;gap:1px}.telegraph-keys button{min-height:24px!important;padding:3px;font-size:9px!important;border:0;border-radius:0;background:#cbd2d5;color:#25323c}.telegraph-keys .stop-key{color:#a62835;background:#ece9e6}.telegraph-keys .selected{background:#b99443;color:#101d25;box-shadow:inset 3px 0 #ffda76}.telegraph-slot{position:relative;background:linear-gradient(90deg,#3c4d5b,#131f28 35%,#131f28 65%,#3c4d5b);margin:9px 4px;border:1px solid #58666e;border-radius:5px}.telegraph-slot i{position:absolute;left:-5px;width:35px;height:18px;transform:translateY(-50%);background:linear-gradient(#6d7a82,#18232a);border:1px solid #849099;border-radius:4px;box-shadow:0 2px 4px #000b}.telegraph-slot b{position:absolute;left:-8px;width:5px;height:5px;border-radius:50%;background:#8ee4ac;transform:translateY(-50%)}.helm-panel #helpText{font-size:10px;line-height:1.5;color:#b1c1cb}.helm-panel #voiceStatus{font-size:9px;color:#879eac}.helm-panel #helpMode{background:#263d4d;border-color:#bca35e;color:#f2dba2}
.advanced{margin-top:10px;padding:12px}.advanced summary{font-size:12px}.viewtools #shipVessel{max-width:280px}.model-credits{padding:14px 0;font-size:11px;color:#667d8d}.model-credits p{max-width:900px;line-height:1.6}
@media(min-width:2000px){.radar-layout{grid-template-columns:1fr 330px}.r4-radar-main{grid-template-columns:1fr 300px}.r4-radar-scope{min-height:calc(100vh - 470px)}.r4-radar-controls{padding:18px}.r4-knob{width:54px;height:54px}.r4-knob:after{left:25px;top:5px;transform-origin:50% 22px;height:16px}.r4-radar button{font-size:11px;min-height:40px}.r4-knob-label{font-size:10px}.gauges canvas{height:140px}.steering-box canvas{height:130px}.telegraph-keys button{min-height:30px!important;font-size:11px!important}}
@media(max-width:1250px){.radar-layout{grid-template-columns:minmax(0,1fr) 240px}.r4-radar-main{grid-template-columns:minmax(300px,1fr) 200px}.r4-radar-controls{grid-template-columns:90px 1fr;grid-template-rows:auto auto auto auto}.r4-radar-knobs{grid-column:2;grid-row:1/3}.r4-radar-keys{grid-column:1/3;grid-row:3;grid-template-columns:repeat(7,1fr)}.r4-radar-settings{grid-column:1/3;grid-row:4;grid-template-columns:repeat(6,1fr)}.nav-data>div{grid-template-columns:32px 1fr 55px}.nav-data strong{font-size:16px}.receiver-extensions{flex-wrap:wrap}.receiver-extensions button{min-width:80px}.helm-panel{display:flex}.gauges canvas{height:96px}}
@media(max-width:900px){.radar-layout{grid-template-columns:1fr}.helm-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.instrument-heading{grid-column:1/-1}.gauges{grid-column:1;grid-row:2}.steering-box{grid-column:2;grid-row:2}.telegraph{grid-column:3;grid-row:2/6}.helm-panel>label,.helm-panel>.row{min-width:0}.r4-radar-scope{min-height:500px}.r4-radar-bottom{max-height:500px}.r4-radar-keys button{min-height:44px}.r4-radar button{min-height:40px}}
@media(max-width:600px){.r4-radar-main{grid-template-columns:1fr;grid-template-areas:'scope' 'data' 'receiver'}.r4-radar-scope{min-height:390px}.r4-radar-bottom{max-height:none;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #34495b}.data-title{grid-column:1;grid-row:1}.nav-data{grid-column:1;grid-row:2}.selected-title{grid-column:2;grid-row:1}.target-data{grid-column:2;grid-row:2/5}.no-target{min-height:150px}#rdMeasurements,#rdAlarm{grid-column:1/-1}.target-list-heading,.track-list{grid-column:1/-1}.track-list{max-height:125px}.r4-radar-controls{padding:10px;grid-template-columns:88px minmax(0,1fr)}.r4-radar-knobs{grid-template-columns:repeat(3,1fr);gap:9px}.r4-knob{width:48px;height:48px}.r4-knob:after{left:22px;transform-origin:50% 19px}.r4-radar-keys{grid-template-columns:repeat(4,1fr)}.r4-radar-settings{grid-template-columns:repeat(3,1fr)}.r4-radar-tip{font-size:10px}.receiver-extensions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.receiver-extensions label{width:auto}.helm-panel{grid-template-columns:1fr 1fr}.instrument-heading{grid-column:1/-1}.gauges{grid-column:1/-1;grid-row:2}.gauges canvas{height:145px}.steering-box{grid-column:1;grid-row:3}.telegraph{grid-column:2;grid-row:3/9}.telegraph-keys button{min-height:34px!important}.helm-panel>label,.helm-panel>.row{grid-column:1}.helm-panel>button,.helm-panel>p{grid-column:1/-1}.engine-select{display:none!important}.viewtools #shipVessel{max-width:100%}}
.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.lesson-toolbar p{margin:4px 0;font-size:12px;color:#677f91}.lesson-toolbar label{font-size:10px;min-width:150px}.lesson-toolbar .eyebrow{font-size:10px}.lesson-visual{border-radius:8px;overflow:hidden;margin-bottom:24px;border:1px solid #294a63}.lesson-visual canvas{width:100%;height:260px;display:block}.visual-caption{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#eff4f7;font-size:11px;color:#354e61}.visual-caption small{font-size:8px;color:#8595a2;white-space:nowrap}.training-layout{max-width:1600px;grid-template-columns:280px minmax(0,1fr);gap:28px}.training-layout article{padding:10px 0}.training-layout #lessonList{max-height:calc(100vh - 420px);overflow:auto;border-top:1px solid #dce5ec}.training-layout #lessonBody h1{font-size:29px;line-height:1.2;margin:10px 0 16px}.training-layout #lessonBody p{font-size:15px;line-height:1.8}.training-layout .training-note{font-size:11px;color:#778895;margin-top:18px}.training-layout article>.row button{background:#153b5b;color:#fff;border-color:#153b5b;padding:12px 18px}.training-layout article>.row #checkTask{background:#fff;color:#153b5b}.advanced-section{padding-top:16px;margin-top:12px;border-top:1px solid #dce5ec}.advanced-section h3{font-size:14px}.advanced-section p{font-size:12px;line-height:1.6;color:#61798b}.scene-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e8f0f5;color:#294b64;padding:40px;text-align:center}.scene-error h2{font-size:24px}.scene-error p{max-width:560px;font-size:15px;line-height:1.7}.scene-error small{max-width:560px;line-height:1.6;color:#718695}
@media(max-width:700px){.training-layout{display:block}.training-layout #lessonList{max-height:160px}.lesson-toolbar{margin-top:16px;gap:10px}.lesson-toolbar label{min-width:125px}.lesson-visual canvas{height:240px}.visual-caption{display:block}.visual-caption small{display:block;margin-top:5px}.training-layout #lessonBody h1{font-size:24px}.training-layout #lessonBody p{font-size:14px}}