.transmission-facts{display:flex;flex-direction:column;gap:12px}.transmission-facts>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.transmission-facts strong{font-size:11px;letter-spacing:0;font-weight:400;color:var(--text)}.transmission-page .engine-title h2{font-size:25px}.gear-readout{display:flex;align-items:center;gap:16px;margin-top:17px}.gear-readout>strong{font-size:46px;line-height:1;color:var(--accent);font-weight:400;min-width:34px}.gear-readout>div{display:flex;flex-direction:column;gap:7px}.gear-readout>div>span{font-size:9px;letter-spacing:1.1px}.gear-readout small{font-size:12px;color:var(--muted)}#shift-status{font-size:7px;color:var(--accent);letter-spacing:1px;margin-left:auto}.h-pattern{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:32px 32px;gap:26px 24px;position:relative;margin:19px 0 8px;padding:0 9px}.h-pattern svg{position:absolute;inset:0;width:100%;height:100%;stroke:#486165;stroke-width:2;fill:none;pointer-events:none}.h-pattern button{border:1px solid #455d60;background:#182b30;border-radius:5px;position:relative;font-size:12px;color:#b1c3c4;z-index:1}.h-pattern button.selected{background:var(--accent);border-color:var(--accent);color:#213124}.h-pattern button.pending{border-color:#e4bb78;color:#e4bb78}.h-pattern button.neutral{color:#b9a8ce}.h-pattern button.neutral.selected{color:#213124}.shift-hint{font-size:9px;color:#8fa4a7;line-height:1.5;margin:12px 0 17px}.clutch-heading{display:flex;justify-content:space-between;margin-bottom:12px}.clutch-heading label{font-size:8px;color:var(--muted);letter-spacing:1px}.clutch-heading output{font-size:9px;color:var(--accent)}.power-path{display:flex;justify-content:space-between;align-items:center;margin:21px 0 17px;font-size:8px;letter-spacing:1px}.power-path span{color:var(--accent);padding:7px 8px;border:1px solid #566a49;border-radius:3px}.power-path span.disconnected{color:#667f84;border-color:#334b50}.power-path i{font-style:normal;color:#68878c}.shaft-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shaft-stats>div{display:flex;flex-direction:column;gap:8px}.shaft-stats strong{font-size:20px;font-weight:400;font-variant-numeric:tabular-nums}.shaft-stats span{font-size:6px;letter-spacing:1px;color:var(--muted)}#power-description{font-size:10px;color:#9eafb1;line-height:1.7;min-height:35px;margin:17px 0 12px}.torque-readout{display:flex;flex-direction:column;gap:8px}.torque-readout>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.torque-readout strong{font-size:26px;font-weight:400;color:var(--accent)}.torque-readout strong small{font-size:15px}.torque-readout>small{font-size:8px;color:#6f8b90}.part-label{position:absolute;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.8px;color:#d0dacd;padding:5px 7px;border:1px solid #698077;border-radius:3px;background:#14252cdd;white-space:nowrap}.part-label.gear-tag{border-radius:50%;padding:0;width:22px;height:22px;display:grid;place-items:center;color:var(--accent);border-color:#8a9f6e}.transmission-page aside section{margin-bottom:16px;padding-bottom:17px}
@media(max-width:1100px){.torque-readout{display:none}.h-pattern{gap:26px 20px}.transmission-page .engine-title h2{font-size:23px}}
.part-label[hidden]{display:none}.transmission-page .description{margin-bottom:11px}.transmission-facts{gap:9px}.gear-readout{margin-top:14px}.h-pattern{grid-template-rows:30px 30px;gap:18px 24px}.power-path{margin-top:15px;margin-bottom:14px}.transmission-page .toggle-row{height:26px}.transmission-page aside section{padding-bottom:15px;margin-bottom:14px}
@media(max-width:760px){.transmission-page aside{display:block}.transmission-page aside section{border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:25px}.transmission-page aside section:last-child{border:0;margin:0}.transmission-page .engine-title{justify-content:space-between}.h-pattern{max-width:330px;gap:27px 32px}.gear-readout>strong{font-size:51px}.shaft-stats strong{font-size:27px}.shaft-stats span{font-size:8px}.power-path{justify-content:flex-start;gap:17px}.transmission-page .toggle-row{font-size:11px}.transmission-transport{grid-template-columns:1fr 1fr}.torque-readout{display:flex;grid-column:2;grid-row:2}.torque-readout strong{font-size:22px}.torque-readout>span{font-size:6px}.torque-readout>small{font-size:7px}}
.linkage-option{display:flex;gap:11px;align-items:center;padding:13px 12px;margin:0 0 18px;border:1px solid #4c6562;border-radius:5px;background:#1a2b2d;cursor:pointer;min-height:54px}.linkage-option input{width:17px;height:17px;accent-color:var(--accent);flex:none}.linkage-option span{display:flex;flex-direction:column;gap:6px}.linkage-option strong{font-size:10px;color:var(--accent);font-weight:400}.linkage-option small{font-size:8px;color:#8ea7a7}
.linkage-overlay{position:absolute;bottom:18px;left:0;z-index:4;width:360px;max-width:calc(100% - 53px);padding:14px;background:#112127f5;border:1px solid #46625e;border-radius:7px;box-shadow:0 8px 35px #08121577}.linkage-overlay[hidden]{display:none}.linkage-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1px;color:#9bb3b5}.linkage-heading b{color:var(--accent);font-weight:400}.linkage-heading button{font-size:10px;color:var(--accent);background:#24372f;border:1px solid #526647;border-radius:4px;padding:8px;min-height:34px}.linkage-heading button[aria-pressed=true]{background:var(--accent);color:#192b21}.linkage-phase{display:flex;align-items:center;justify-content:space-between;margin:12px 0;color:#e1e6d7;gap:10px}.linkage-phase strong{font-size:12px;font-weight:400}.linkage-phase>span{font-size:10px;color:var(--muted);white-space:nowrap}.linkage-cables{display:flex;gap:17px;font-size:7px;letter-spacing:.8px;color:var(--muted);margin-bottom:12px}.linkage-cables>span{display:flex;gap:5px;align-items:center}.linkage-cables b{font-size:8px;font-weight:400;color:#d5dfdc;letter-spacing:0}.linkage-cables i{width:6px;height:6px;border-radius:50%;flex:none}.gate-color{background:#72d9d0}.engage-color{background:#e6b66c}.linkage-gears{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.linkage-gears button{height:32px;background:#1d3035;color:#aec1c1;border:1px solid #3e565b;border-radius:4px;font-size:11px}.linkage-gears button.selected{color:#172a22;background:var(--accent);border-color:var(--accent)}.linkage-gears button.pending{border-color:#e6b66c}.linkage-cameras{display:flex;gap:5px;margin-top:10px}.linkage-cameras button{flex:1;background:transparent;border:1px solid #344e52;border-radius:3px;color:#91a9ac;padding:7px 3px;font-size:8px}.linkage-cameras button.active{color:#deebd8;border-color:#779377}.linkage-visible .viewer-caption,.linkage-visible .model-stamp{display:none}.part-label.gate-label{color:#9be7df;border-color:#4c9b94}.part-label.engage-label{color:#efc994;border-color:#ac8650}
@media(max-width:760px){.linkage-overlay{width:100%;max-width:100%;bottom:13px;padding:11px}.linkage-heading button,.linkage-gears button,.linkage-cameras button{min-height:44px}.linkage-cameras button{font-size:9px}.linkage-gears{gap:4px}.linkage-visible .camera-tools{bottom:271px}.linkage-visible .orientation{display:none}.transmission-page.linkage-visible .stage{height:930px}.linkage-visible #viewport,.linkage-visible #labels{bottom:242px}.linkage-option{min-height:64px}.linkage-option strong{font-size:12px}.linkage-option small{font-size:10px}}
@media(max-width:760px){.transmission-page.linkage-visible .stage{height:1000px}.linkage-visible #viewport,.linkage-visible #labels{top:370px}}