:root{--panel:#2a261e;--panel-face:#1c1a14;--panel-edge:#3a3628;--bezel:#484030;--bezel-hi:#5a5040;--face:#0e0d0a;--face-mark:#c8b880;--digit-bg:#0a0908;--digit-fg:#e8d898;--digit-dim:#685830;--red:#c83020;--red-dim:#802018;--amber:#c8902a;--green:#40802a;--blue:#3a6ea5;--paper:#efe6cc;--paper-line:#cabd9a;--paper-ink:#1a1408;--cap:#e8c020;--compass-ring:#a09070;--compass-n:#c83020;--fn-display:"Saira Condensed",sans-serif;--fn-mono:"Courier Prime","DM Mono",monospace;--fn-data:"DM Mono",monospace}body.elec-low #cockpit{filter:brightness(.82)saturate(.9)}body.elec-crit #cockpit{filter:brightness(.6)saturate(.7)}body.elec-dead .elec{filter:grayscale();opacity:.06!important}#cockpit{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;padding:12px 14px 22px;transition:filter .4s,opacity .4s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#cockpit .pe{pointer-events:auto}.instrument{background:var(--panel);border:2px solid var(--bezel);box-shadow:inset 0 1px 0 var(--bezel-hi),0 4px 12px #0009;border-radius:4px;position:relative;overflow:hidden}.instrument:before{content:"";pointer-events:none;background:radial-gradient(at 40% 25%,#c8b4780d,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.inst-label{font-family:var(--fn-display);letter-spacing:.3em;color:var(--digit-dim);text-transform:uppercase;text-align:center;padding:6px 0 2px;font-size:9px;font-weight:600}.inst-sub{letter-spacing:.22em;color:var(--bezel);text-align:center;font-size:7px}.screw{background:radial-gradient(circle at 35% 35%,#6a6250,#2a2620);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:inset 0 1px 1px #00000080}.screw.tl{top:4px;left:4px}.screw.tr{top:4px;right:4px}.screw.bl{bottom:4px;left:4px}.screw.br{bottom:4px;right:4px}#stage-bar{justify-content:space-between;align-items:flex-start;display:flex}#stage-name{font-family:var(--fn-display);letter-spacing:.08em;color:var(--digit-fg);text-shadow:0 2px 6px #0009;font-size:22px;font-weight:800}#stage-name span{color:var(--red)}#stage-sub{letter-spacing:.26em;color:var(--digit-dim);text-shadow:0 1px 3px #000000b3;margin-top:2px;font-size:10px}#rally-time{font-family:var(--fn-mono);color:var(--digit-fg);letter-spacing:.08em;text-align:right;text-shadow:0 2px 6px #0009;font-size:20px;font-weight:700}#rally-time-lbl{letter-spacing:.22em;color:var(--digit-dim);text-align:right;font-size:9px}#cluster{filter:drop-shadow(0 8px 22px #00000080);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px;width:100%;display:flex}#col-aux{flex-direction:column;align-items:flex-end;gap:6px;display:flex}#roadbook{background:var(--paper);border:2px solid var(--bezel);width:320px;height:198px;position:relative;overflow:hidden}#roadbook:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#96783c1a,#0000 12% 88%,#96783c1f);position:absolute;top:0;bottom:0;left:0;right:0}.rb-header,.rb-row{grid-template-columns:54px 88px 1fr;display:grid}.rb-header{background:var(--panel);border-bottom:2px solid var(--bezel);z-index:2;position:sticky;top:0}.rb-header .rb-cell{font-family:var(--fn-display);letter-spacing:.2em;color:var(--digit-dim);text-transform:uppercase;border-color:var(--bezel);padding:4px 3px;font-size:8px;font-weight:600}#rb-scroll{z-index:1;height:174px;position:relative;overflow:hidden}.rb-row{border-bottom:1px solid var(--paper-line);opacity:.45;min-height:70px;transition:opacity .25s,background .25s}.rb-row.near,.rb-row.active{opacity:1}.rb-row.active{background:#c8302012}.rb-row.near{background:#e8c0201f;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{background:#e8c02042}}.rb-cell{border-right:1px solid var(--paper-line);flex-direction:column;justify-content:center;align-items:center;padding:5px 4px;display:flex}.rb-cell:last-child{border-right:none}.rb-dist{font-family:var(--fn-mono);color:var(--paper-ink);font-size:13px;font-weight:700}.rb-inter{color:#8a7048;margin-top:1px;font-size:9px}.rb-cap{font-family:var(--fn-mono);color:#7a5a08;background:var(--cap);letter-spacing:.04em;border-radius:2px;margin-top:3px;padding:0 5px;font-size:12px;font-weight:700}.rb-tulip svg{width:60px;height:58px}.rb-note{color:#5a4a28;text-align:center;padding:2px;font-size:9.5px;font-style:italic;line-height:1.3}.rb-haz{font-family:var(--fn-display);letter-spacing:.06em;color:var(--red);margin-top:3px;font-size:9px;font-weight:800}#halda{width:236px;padding:6px 12px 9px}.halda-row{align-items:center;gap:7px;margin:5px 0;display:flex}.halda-label{font-family:var(--fn-display);letter-spacing:.24em;color:var(--digit-dim);text-align:right;text-transform:uppercase;width:42px;font-size:10px;font-weight:600}.digit-strip{flex:1;gap:1px;display:flex}.digit-cell{background:var(--digit-bg);width:21px;height:30px;font-family:var(--fn-mono);color:var(--digit-fg);text-shadow:0 0 8px #e8d8984d;border:1px solid #1a1810;border-radius:2px;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex;position:relative;overflow:hidden}.digit-cell:after{content:"";background:#0000008c;height:1px;position:absolute;top:49%;left:0;right:0}.digit-cell.dim{color:var(--digit-dim)}.digit-cell.dec{width:11px;color:var(--digit-dim);background:0 0;border:none;font-size:13px}.halda-unit{letter-spacing:.16em;color:var(--bezel);width:18px;font-size:8px}.halda-btn{background:var(--bezel);border:1px solid var(--bezel-hi);cursor:pointer;width:38px;height:20px;font-family:var(--fn-display);letter-spacing:.1em;color:var(--face-mark);border-radius:2px;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex}.halda-btn:active{background:var(--face-mark);color:var(--panel)}#compass{border:3px solid var(--compass-ring);background:var(--face);border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:relative;box-shadow:inset 0 0 20px #0000008c,0 4px 12px #0009}#compass-inner{width:84px;height:84px;transition:transform .25s ease-out;position:relative}.cmark{font-family:var(--fn-display);color:var(--face-mark);font-size:11px;font-weight:800;position:absolute}.cmark.n{color:var(--compass-n);font-size:13px;top:1px;left:50%;transform:translate(-50%)}.cmark.s{bottom:1px;left:50%;transform:translate(-50%)}.cmark.e{top:50%;right:1px;transform:translateY(-50%)}.cmark.w{top:50%;left:1px;transform:translateY(-50%)}.ctick{background:var(--face-mark);transform-origin:50% 42px;width:1px;height:6px;position:absolute;top:0;left:50%}.ctick.minor{opacity:.4;height:4px}#cap-tick{background:var(--cap);transform-origin:50% 53px;border-radius:1px;width:3px;height:11px;position:absolute;top:-1px;left:50%;box-shadow:0 0 5px #e8c020cc}#needle{background:linear-gradient(var(--compass-n) 50%,var(--face-mark) 50%);border-radius:1px;width:2px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#heading-readout{font-family:var(--fn-data);color:var(--digit-fg);letter-spacing:.14em;font-size:12px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}#speedo{text-align:center;width:104px;padding:5px 8px 7px}#speed-val{font-family:var(--fn-display);color:var(--digit-fg);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:.9}#speed-unit{font-family:var(--fn-display);letter-spacing:.3em;color:var(--digit-dim);font-size:8px}#gear-box{font-family:var(--fn-display);color:var(--digit-fg);border:1px solid var(--bezel);background:var(--digit-bg);border-radius:2px;margin-top:3px;padding:1px 9px;font-size:13px;font-weight:800;display:inline-block}#gauges{align-items:flex-end;gap:6px;display:flex}.gauge{background:var(--panel);border:2px solid var(--bezel);border-radius:4px;width:92px;height:108px;padding-top:3px;position:relative}.gauge .g-lbl{font-family:var(--fn-display);letter-spacing:.16em;color:var(--digit-dim);text-align:center;text-transform:uppercase;font-size:8px;font-weight:600}.gauge svg{margin:0 auto;display:block}.gauge .g-read{text-align:center;font-family:var(--fn-data);color:var(--digit-fg);font-size:10px;position:absolute;bottom:5px;left:0;right:0}.gauge .g-read .u{color:var(--digit-dim);margin-left:2px;font-size:8px}.g-face{fill:#0c0b08}.g-bezel{fill:none;stroke:#5a5142;stroke-width:3px}.g-tick{stroke:#b8ab80;stroke-width:1px}.g-tick.maj{stroke-width:1.6px;stroke:#d8c890}.g-red{fill:none;stroke:var(--red);stroke-width:3px}.g-needle{stroke:#e86a40;stroke-width:2px;stroke-linecap:round;transition:none}.g-needle.hot{stroke:#ff3a20}.g-cap{fill:#3a352a;stroke:#6a6250;stroke-width:1px}#warn{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:258px;display:flex}.lamp{opacity:.32;filter:grayscale(.6);background:#161310;border:1px solid #2a2620;border-radius:3px;justify-content:center;align-items:center;width:30px;height:24px;font-size:13px;transition:opacity .12s,box-shadow .12s;display:flex}.lamp.on{opacity:1;filter:none}.lamp.red.on{box-shadow:0 0 9px var(--red),inset 0 0 6px var(--red);color:#ff7a60;background:#3a0e08}.lamp.amber.on{box-shadow:0 0 9px var(--amber),inset 0 0 6px var(--amber);color:#ffce6a;background:#3a2808}.lamp.blue.on{box-shadow:0 0 9px var(--blue),inset 0 0 6px var(--blue);color:#8fc0ff;background:#0a1c33}#switches{border:2px solid var(--bezel);background:#14110c;border-radius:4px;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:258px;padding:7px;display:flex}.sw{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;width:62px}.sw-body{background:#0c0a07;border:1px solid #322c20;border-radius:3px;height:22px;position:relative;overflow:hidden}.sw-lever{background:linear-gradient(#5a5040,#2c281e);border-radius:2px;width:28px;height:18px;transition:transform .12s,background .12s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0009}.sw.on .sw-lever{background:linear-gradient(#caa030,#7a5e10);transform:translate(30px)}.sw.on .sw-body{box-shadow:inset 0 0 8px #caa03066}.sw-lbl{font-family:var(--fn-display);letter-spacing:.1em;color:var(--digit-dim);text-transform:uppercase;margin-top:3px;font-size:7.5px;font-weight:600;line-height:1.1}.sw.btn .sw-lever{background:linear-gradient(#4a4234,#241f17);width:100%;left:0;transform:none}.sw.btn:active .sw-lever{background:var(--red)}.sw.armed .sw-body{border-color:var(--red)}#ctis{border:2px solid var(--bezel);background:#14110c;border-radius:4px;gap:4px;padding:6px;display:none}#ctis.show{display:flex}.ctis-btn{cursor:pointer;text-align:center;width:58px;font-family:var(--fn-display);letter-spacing:.08em;color:var(--digit-dim);text-transform:uppercase;background:#0c0a07;border:1px solid #322c20;border-radius:3px;padding:5px 3px;font-size:9px;font-weight:700}.ctis-btn.on{color:#a8d878;background:#2a3818;border-color:#4a802a}.ctis-bar{color:var(--bezel);font-size:7px}