@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;500;700&family=Inter:wght@400;500;600;700&family=Inconsolata:wght@400;500;700&display=swap";
:root{--cockpit-font:"Inconsolata", "Share Tech Mono", monospace;--cockpit-label-font:"Inter", sans-serif}.cockpit-boeing{--panel-bg:#2a231d;--panel-surface:#3d342c;--panel-dark:#1a1612;--panel-border:#524840;--bezel-color:#0c0c0c;--bezel-ring:#3a332c;--accent:#39ff6b;--accent-dim:#0d3d1a;--glareshield-bg:#120f0c;--overhead-bg:#1f1a16;--pedestal-bg:#1c1713;--frame-color:#2f2822;--frame-surface:#3d342c;--text-dim:#8f8a84;--text-label:#b8b3ab;--btn-bg:#2e2a26;--btn-border:#4d4540;--fma-text:#39ff6b;--fma-bg:transparent;--pfd-tape-bg:#0000009e;--pfd-tape-border:#e8e4dc;--nd-route:#e070ff;--flight-font:"Inter", sans-serif}.cockpit-airbus{--panel-bg:#323945;--panel-surface:#434b5a;--panel-dark:#22262e;--panel-border:#5c6575;--bezel-color:#141820;--bezel-ring:#3d4450;--accent:#5cfffa;--accent-dim:#0a4a4a;--glareshield-bg:#1a1e26;--overhead-bg:#2a3039;--pedestal-bg:#242930;--frame-color:#363d49;--frame-surface:#434b5a;--text-dim:#939bab;--text-label:#c2c8d4;--btn-bg:#2c313a;--btn-border:#4f5868;--fma-text:#4ade6a;--fma-bg:transparent;--pfd-tape-bg:#2e343f;--pfd-tape-border:transparent;--nd-route:#5cff8a;--flight-font:"Inconsolata", monospace}.cockpit-container{width:100vw;height:100vh;font-family:var(--cockpit-font);-webkit-user-select:none;user-select:none;background:#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.cockpit-window{flex:0 0 42%;min-height:0;position:relative;overflow:hidden}.starry-sky{z-index:0;transition:opacity 2s;position:absolute;inset:0}.star{background:#fff;border-radius:50%;position:absolute}.star-twinkle{animation:starTwinkle var(--twinkle-duration,3s) ease-in-out infinite alternate;animation-delay:var(--twinkle-delay,0s)}@keyframes starTwinkle{0%{opacity:calc(var(--star-opacity,.5) * .3)}to{opacity:var(--star-opacity,.5)}}.celestial-sun{z-index:2;pointer-events:none;width:0;height:0;position:absolute}.sun-core{z-index:3;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.celestial-sun--day .sun-core{background:radial-gradient(circle,#fff8e1 0%,#ffee58 40%,#ffca28 70%,#ffa000 100%);box-shadow:0 0 20px 8px #ffeb3b99,0 0 60px 20px #ffc1074d}.celestial-sun--rise .sun-core{background:radial-gradient(circle,#fff3e0 0%,#ffcc80 30%,#ff9800 60%,#e65100 100%);box-shadow:0 0 25px 10px #ff9800b3,0 0 80px 30px #e651004d}.celestial-sun--set .sun-core{background:radial-gradient(circle,#ffecb3 0%,#ffb74d 30%,#f4511e 60%,#bf360c 100%);box-shadow:0 0 25px 10px #f4511eb3,0 0 80px 30px #bf360c4d}.sun-glow{z-index:1;border-radius:50%;width:80px;height:80px;animation:4s ease-in-out infinite alternate sunPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.celestial-sun--day .sun-glow{background:radial-gradient(circle,#ffeb3b40 0%,#ffc1071a 40%,#0000 70%)}.celestial-sun--rise .sun-glow{background:radial-gradient(circle,#ff980059 0%,#ff572226 40%,#0000 70%)}.celestial-sun--set .sun-glow{background:radial-gradient(circle,#f4511e59 0%,#bf360c26 40%,#0000 70%)}.sun-rays{z-index:2;border-radius:50%;width:50px;height:50px;animation:20s linear infinite sunRaysRotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.celestial-sun--day .sun-rays{background:conic-gradient(#0000 0%,#ffeb3b1f 5%,#0000 10% 25%,#ffeb3b14 30%,#0000 35% 50%,#ffeb3b1f 55%,#0000 60% 75%,#ffeb3b14 80%,#0000 85%)}.celestial-sun--rise .sun-rays,.celestial-sun--set .sun-rays{background:conic-gradient(#0000 0%,#ff980026 5%,#0000 10% 25%,#ff57221a 30%,#0000 35% 50%,#ff980026 55%,#0000 60% 75%,#ff57221a 80%,#0000 85%)}@keyframes sunPulse{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}@keyframes sunRaysRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.celestial-moon{z-index:2;pointer-events:none;width:0;height:0;position:absolute}.moon-core{z-index:3;background:radial-gradient(circle at 35% 40%,#f5f5f5 0%,#e0e0e0 40%,#bdbdbd 80%,#9e9e9e 100%);border-radius:50%;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px 4px #c8d2e666,0 0 40px 12px #96aad226,inset -4px -2px 6px #00000040}.moon-core:after{content:"";background:radial-gradient(circle,#0a0e1ad9 0%,#0a0e1a80 50%,#0000 70%);border-radius:50%;width:18px;height:18px;position:absolute;top:1px;right:-3px}.moon-glow{z-index:1;background:radial-gradient(circle,#b4c8e633 0%,#8ca0c814 40%,#0000 70%);border-radius:50%;width:60px;height:60px;animation:5s ease-in-out infinite alternate moonGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes moonGlow{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.sky-gradient{z-index:1;transition:opacity 30s;position:absolute;inset:0}.windshield-frame{z-index:10;pointer-events:none;position:absolute;inset:0}.window-post-left{background:var(--frame-color);clip-path:polygon(0 0,100% 0,40% 100%,0 100%);z-index:2;width:8%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -3px 0 12px #000c}.cockpit-boeing .window-post-left{clip-path:polygon(0 0,100% 0,60% 100%,0 100%);width:6%}.window-post-left:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);width:30%;position:absolute;top:0;bottom:0;right:10%}.window-post-right{background:var(--frame-color);clip-path:polygon(0 0,100% 0,100% 100%,60% 100%);z-index:2;width:8%;position:absolute;top:0;bottom:0;right:0;box-shadow:inset 3px 0 12px #000c}.cockpit-boeing .window-post-right{clip-path:polygon(0 0,100% 0,100% 100%,40% 100%);width:6%}.window-post-right:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);width:30%;position:absolute;top:0;bottom:0;left:10%}.window-post-center{background:linear-gradient(90deg, #111 0%, var(--frame-color) 30%, var(--frame-color) 70%, #111 100%);z-index:3;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);width:30px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 16px #000000e6,inset 0 0 4px #00000080}.cockpit-boeing .window-post-center{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:50px}.window-frame-top{background:linear-gradient(180deg, var(--frame-color) 0%, var(--frame-color) 60%, transparent 100%);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);z-index:3;height:12%;position:absolute;top:0;left:0;right:0}.cockpit-boeing .window-frame-top{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);height:16%}.overhead-panel{background:var(--overhead-bg);z-index:5;border-bottom:2px solid #111;border-radius:0 0 4px 4px;justify-content:center;align-items:center;gap:8px;height:50px;padding:4px 20px;display:flex;position:absolute;top:0;left:18%;right:18%;box-shadow:0 6px 20px #000000b3}.ovhd-cluster{flex-direction:column;align-items:center;gap:1px;display:flex}.ovhd-cluster-row{gap:2px;display:flex}.ovhd-btn{cursor:default;border:1px solid #444;border-radius:2px;width:11px;height:11px}.ovhd-btn.round{border-radius:50%;width:9px;height:9px}.ovhd-btn.dark{background:#1a1a1a}.ovhd-btn.lit-g{background:radial-gradient(circle,#00c800 30%,#050);box-shadow:0 0 3px #00c80055}.ovhd-btn.lit-a{background:radial-gradient(circle,#ffb000 30%,#640);box-shadow:0 0 3px #ffb00055}.ovhd-btn.lit-b{background:radial-gradient(circle,#48f 30%,#024);box-shadow:0 0 3px #48f4}.ovhd-btn.lit-w{background:radial-gradient(circle,#ccc 30%,#555)}.ovhd-divider{background:#444;width:1px;height:22px;margin:0 3px}.ovhd-label{color:var(--text-dim);font-size:5px;font-family:var(--cockpit-label-font);letter-spacing:.4px;white-space:nowrap}.glass-reflection{z-index:4;background:linear-gradient(90deg,#0000 0%,#ffffff0f 30%,#ffffff1a 50%,#ffffff0f 70%,#0000 100%);border-radius:50%;height:2px;position:absolute;top:18%;left:20%;right:20%}.cockpit-style-toggle{z-index:100;gap:4px;display:flex;position:absolute;top:50px;right:8px}.style-btn{font-size:8px;font-family:var(--cockpit-label-font);letter-spacing:.5px;border:1px solid color-mix(in srgb, var(--panel-border) 70%, #000);cursor:pointer;color:var(--text-dim);background:linear-gradient(#0000008c 0%,#000000b8 100%);border-radius:4px;padding:3px 10px;transition:all .2s;box-shadow:inset 0 1px #ffffff0f}.style-btn.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, var(--panel-border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, transparent) 0%, #000000a6 100%);box-shadow:0 0 4px color-mix(in srgb, var(--accent) 25%, transparent), inset 0 1px 0 #ffffff1a}.cockpit-close-btn{z-index:100;border:1px solid color-mix(in srgb, var(--panel-border) 80%, #000);cursor:pointer;width:28px;height:28px;color:var(--text-label);background:linear-gradient(145deg,#282c34d9 0%,#000000bf 100%);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 4px 12px #00000073,inset 0 1px #ffffff14}.cockpit-close-btn:hover{color:#fff;border-color:color-mix(in srgb, var(--accent) 40%, var(--panel-border));box-shadow:0 0 14px color-mix(in srgb, var(--accent) 20%, transparent), 0 4px 12px #00000080}.cockpit-clock{z-index:100;border:1px solid color-mix(in srgb, var(--accent) 22%, var(--panel-border));-webkit-backdrop-filter:blur(8px)saturate(140%);backdrop-filter:blur(8px)saturate(140%);background:linear-gradient(#14161ceb 0%,#000000d1 100%);border-radius:6px;flex-direction:column;align-items:center;padding:4px 10px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 16px #0000008c,inset 0 1px #ffffff12}.clock-time{font-size:14px;font-family:var(--cockpit-font);color:#4dffc4;letter-spacing:1.5px;text-shadow:0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);font-weight:700}.clock-seconds{opacity:.7;font-size:10px}.clock-label{color:#888;font-size:6px;font-family:var(--cockpit-label-font);letter-spacing:1px;margin-top:1px}.cockpit-callsign{z-index:20;flex-direction:column;align-items:center;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}.callsign-pill{-webkit-backdrop-filter:blur(10px)saturate(150%);backdrop-filter:blur(10px)saturate(150%);border:1px solid color-mix(in srgb, var(--accent) 18%, #ffffff1f);box-shadow:0 8px 24px #0000008c, 0 0 20px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 #ffffff1a;background:linear-gradient(#16181ee0 0%,#000000c7 100%);border-radius:20px;flex-direction:column;align-items:center;padding:6px 16px;display:flex}.callsign-text{font-size:16px;font-family:var(--cockpit-font);color:#fff;letter-spacing:2px;text-shadow:0 1px 4px #000000e6;font-weight:700}.username-text{color:#ffffffb3;font-size:11px;font-family:var(--cockpit-font);margin-top:2px}.instrument-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-surface) 18%, transparent) 0%, transparent 18%), linear-gradient(180deg, var(--panel-bg) 0%, var(--panel-dark) 100%);z-index:20;min-height:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--panel-border) 35%, transparent);flex-direction:column;flex:1;display:flex;position:relative}.instrument-panel:after{content:"";opacity:.04;pointer-events:none;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.glareshield{background:linear-gradient(180deg, #111 0%, var(--glareshield-bg) 50%, var(--panel-bg) 100%);z-index:1;height:10px;position:relative;box-shadow:0 4px 15px #000c,inset 0 1px #ffffff0a}.mcp-bar{background:linear-gradient(180deg, var(--panel-surface) 0%, var(--panel-bg) 100%);-webkit-backdrop-filter:blur(12px)saturate(160%);height:60px;box-shadow:inset 0 2px 8px #ffffff0f, inset 0 -1px 0 color-mix(in srgb, var(--panel-border) 40%, transparent), 0 6px 20px #00000073;border-bottom:2px solid #000000bf;justify-content:center;align-items:center;gap:12px;padding:0 20px;display:flex;position:relative;overflow:hidden}.mcp-bar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff12 50%,#0000 100%);position:absolute;inset:0}.mcp-element{flex-direction:column;align-items:center;gap:3px;display:flex}.mcp-knob-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.mcp-knob{background:radial-gradient(circle at 35% 35%,#999,#1a1a1a);border:2px solid #555;border-radius:50%;width:22px;height:22px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 4px 6px #0009,inset 0 1px 3px #fff3,inset 0 -1px 3px #00000080}.mcp-knob:hover{transform:scale(1.05);box-shadow:0 6px 10px #000000b3,inset 0 1px 3px #ffffff4d,inset 0 -1px 3px #0009}.cockpit-airbus .mcp-knob{background:radial-gradient(circle at 30% 30%,#666 10%,#222 90%);border:1px solid #5a5a65;width:26px;height:26px;box-shadow:0 4px 12px #000000f2,inset 0 0 0 4px #1c1f24,inset 0 1px 2px #fff3}.mcp-knob:after{content:"";background:#ccc;border-radius:1px;width:2px;height:6px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.mcp-btn{background:linear-gradient(#444,#1a1a1a);border:1px solid #111;border-radius:4px;justify-content:center;align-items:center;width:24px;height:16px;display:flex;box-shadow:0 2px 6px #0009,inset 0 1px 2px #ffffff26}.cockpit-airbus .mcp-btn{border:2px solid #1c1f24;border-radius:50%;width:22px;height:22px}.mcp-btn.lit{background:radial-gradient(circle, var(--accent) 30%, var(--accent-dim));box-shadow:0 0 4px var(--accent), inset 0 1px 2px #ffffff4d}.mcp-display{color:var(--accent);font-size:14px;line-height:1;font-family:var(--cockpit-font);text-align:center;letter-spacing:1px;min-width:48px;box-shadow:inset 0 0 12px #000000f2, inset 0 2px 4px #000c, 0 0 8px var(--accent);text-shadow:0 0 6px var(--accent);background:#050505;border:2px inset #111;border-radius:3px;padding:2px 6px;transition:all .25s ease-out}.mcp-display:hover{box-shadow:inset 0 0 12px #000000f2, inset 0 2px 4px #000c, 0 0 12px var(--accent);text-shadow:0 0 8px var(--accent)}.cockpit-boeing .mcp-display{color:#f0f;text-shadow:0 0 5px #f0f}.cockpit-airbus .mcp-display{color:#f90;text-shadow:0 0 5px #f90}.mcp-label{color:var(--text-label);font-size:6px;font-family:var(--cockpit-label-font);letter-spacing:.5px;margin-top:1px;font-weight:600}.mcp-spacer{flex:1}.panel-buttons-strip{background:var(--panel-surface);border-bottom:1px solid #0000004d;justify-content:center;align-items:center;gap:3px;height:22px;padding:0 8px;display:flex}.pdeco-btn{cursor:default;display:inline-block}.pdeco-sq{background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:2px;width:12px;height:12px;box-shadow:inset 0 1px #ffffff0d}.pdeco-rd{background:radial-gradient(circle at 35% 35%,#444,#1a1a1a);border:1px solid #555;border-radius:50%;width:9px;height:9px}.pdeco-tgl{background:linear-gradient(#444,#222);border:1px solid #555;border-radius:3px;width:7px;height:14px}.pdeco-screw{background:radial-gradient(circle at 35% 35%,#555,#222);border:1px solid #666;border-radius:50%;width:6px;height:6px;position:relative}.pdeco-screw:after{content:"";background:#444;width:4px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pdeco-label{color:var(--text-dim);font-size:5px;font-family:var(--cockpit-label-font);letter-spacing:.3px;margin:0 1px}.pdeco-gap{width:10px}.instruments-row{flex:1;gap:4px;min-height:0;padding:4px 6px;display:flex}.instrument-bezel{border:2px solid var(--bezel-color);box-shadow:inset 0 0 20px #000000f2, 0 2px 8px #0009, 0 0 0 1px var(--bezel-ring), 0 8px 24px #00000080, 0 0 40px #0006, 0 0 80px #0003;background:linear-gradient(135deg,#0a0a0a 0%,#050505 50%,#0a0a0a 100%);border-radius:6px;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.instrument-bezel:before{content:"";opacity:0;pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);transition:opacity .4s ease-out;position:absolute;inset:0}.instrument-bezel:hover{box-shadow:inset 0 0 20px #000000f2, 0 4px 16px #000000b3, 0 0 0 1px var(--bezel-ring), 0 12px 32px #0009, 0 0 50px #00000080, 0 0 100px #0000004d;transform:translateY(-2px)}.instrument-bezel:hover:before{opacity:1}.pfd-bezel,.nd-bezel{flex:2.8}.side-panels{flex-direction:column;flex:2;gap:4px;min-height:0;display:flex}.stats-bezel{flex:1.4}.crew-bezel{flex:.6}.bezel-with-btns{flex:1;min-height:0;display:flex;position:relative}.bezel-inner:after{content:"";pointer-events:none;z-index:50;background:linear-gradient(135deg,#ffffff1f 0%,#ffffff05 40%,#fff0 50%);position:absolute;inset:0}.bezel-side-btns{flex-direction:column;justify-content:space-around;padding:3px 2px;display:flex}.bezel-side-btn{background:var(--btn-bg);border:1px solid #444;border-radius:1px;width:7px;height:7px}.bezel-inner{flex:1;min-width:0;min-height:0;overflow:hidden}.bezel-label{color:var(--text-dim);font-size:6px;font-family:var(--cockpit-label-font);letter-spacing:1px;z-index:2;pointer-events:none;opacity:.6;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pfd-svg{background-color:var(--bezel-color);width:100%;height:100%;display:block}.nd-container{background-color:var(--bezel-color);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.nd-svg{flex:1;width:100%;min-height:0}.nd-buttons{background:#111;flex-direction:column;gap:2px;padding:2px 3px;display:flex}.nd-button-row{gap:2px;display:flex}.nd-btn{font-size:14px;font-weight:700;font-family:var(--cockpit-font);color:#999;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:2px;flex:1;padding:4px 0;transition:all .15s}.nd-btn:hover{color:#ccc;background:#252525}.nd-btn-active{color:var(--accent);border-color:var(--accent);background:#00c80014}.crew-panel{background:linear-gradient(135deg,#1a1a1a 0%,#111 50%,#0a0a0a 100%);border:1px solid #ffffff26;border-radius:4px;flex-direction:column;align-items:center;height:100%;padding:2px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;box-shadow:0 6px 16px #00000080,inset 0 1px 2px #ffffff14,0 0 20px #0000004d}.crew-panel:hover{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 24px #0009,inset 0 1px 2px #ffffff1f,0 0 30px #0006}.crew-title{color:var(--text-dim);font-size:10px;font-family:var(--cockpit-label-font);letter-spacing:1px;margin-bottom:0}.crew-row{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.crew-member{flex-direction:column;align-items:center;gap:1px;display:flex}.crew-svg{width:36px;height:42px}.crew-label{font-size:11px;font-family:var(--cockpit-label-font);letter-spacing:.5px}.crew-sublabel{color:#666;font-size:9px;font-family:var(--cockpit-font)}.stats-panel{background:linear-gradient(135deg,#1a1a1a 0%,#111 50%,#0a0a0a 100%);border:1px solid #ffffff26;border-radius:4px;flex-direction:column;height:100%;padding:4px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;box-shadow:0 6px 16px #00000080,inset 0 1px 2px #ffffff14,0 0 20px #0000004d}.stats-panel:hover{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 24px #0009,inset 0 1px 2px #ffffff1f,0 0 30px #0006}.stats-title{color:var(--text-dim);font-size:10px;font-family:var(--cockpit-label-font);letter-spacing:1px;text-align:center;margin-bottom:2px}.stats-content{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex;overflow-y:auto}.stats-content::-webkit-scrollbar{display:none}.stats-callsign{color:var(--accent);font-size:14px;font-family:var(--cockpit-font);font-weight:700}.stats-username{color:var(--text-label);font-size:10px;font-family:var(--cockpit-font)}.stats-loading{text-align:center}.stats-no-data{color:var(--text-dim);font-size:8px;font-family:var(--cockpit-font)}.stats-grade{border:1px solid;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;display:flex}.grade-number{font-size:12px;font-weight:700;font-family:var(--cockpit-label-font)}.grade-name{color:var(--text-label);font-size:7px;font-family:var(--cockpit-font)}.stats-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.stat-item{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 100%);border:1px solid #ffffff26;border-radius:4px;flex-direction:column;align-items:center;padding:4px;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 0 12px #ffffff0d}.stat-item:hover{background:linear-gradient(135deg,#ffffff2e 0%,#ffffff14 100%);border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 0 16px #ffffff26,0 0 24px #ffffff14}.stat-value{color:var(--accent);font-size:16px;font-family:var(--cockpit-font);font-weight:700}.stat-label{color:var(--text-dim);font-size:8px;font-family:var(--cockpit-label-font);letter-spacing:.5px}.stats-violations{width:100%;padding:4px}.violation-header{color:var(--text-dim);font-size:11px;font-family:var(--cockpit-label-font);text-align:center;margin-bottom:2px}.violation-row{justify-content:space-between;margin-bottom:2px;padding:0 8px;display:flex}.violation-label{color:var(--text-dim);font-size:10px;font-family:var(--cockpit-font)}.violation-value{color:var(--accent);font-size:10px;font-family:var(--cockpit-font)}.stats-atc{flex-direction:column;align-items:center;padding:2px;display:flex}.pedestal{background:linear-gradient(180deg, var(--pedestal-bg) 0%, #0a0a0a 100%);z-index:20;border-top:1px solid #2a2a2a;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 16px;display:flex;position:relative;box-shadow:inset 0 2px 6px #0009}.throttle-quadrant{align-items:flex-end;gap:4px;height:32px;display:flex}.throttle-lever{background:linear-gradient(#555 0%,#333 30%,#111 100%);border:1px solid #222;border-radius:4px 4px 0 0;width:14px;height:28px;position:relative;box-shadow:inset 0 1px 2px #fff3,2px 2px 6px #000c}.cockpit-boeing .throttle-lever{background:linear-gradient(#dddad6 0%,#a6a39f 40%,#555 100%);border:1px solid #444;border-radius:8px 8px 0 0;width:16px;height:32px}.throttle-lever:after{content:"";background:#777;border-radius:2px 2px 0 0;height:6px;position:absolute;top:0;left:2px;right:2px}.cockpit-boeing .throttle-lever:after{background:linear-gradient(#fff,#ccc);border-radius:6px 6px 0 0;height:12px}.throttle-track{background:#050505;border:2px inset #2a2a2a;border-radius:2px;width:10px;height:40px}.ped-btns{align-items:center;gap:3px;display:flex}.ped-btn{cursor:default;border:1px solid #444;border-radius:3px;width:13px;height:13px}.ped-btn.dark{background:#1a1a1a}.ped-btn.green{background:radial-gradient(circle,#00c800 30%,#030);box-shadow:0 0 3px #00c80055}.ped-btn.amber{background:radial-gradient(circle,#ffb000 30%,#530);box-shadow:0 0 3px #ffb00055}.ped-knob{background:radial-gradient(circle at 35% 35%,#555,#1a1a1a);border:2px solid #666;border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 2px 4px #00000080}.ped-knob:after{content:"";background:#999;border-radius:1px;width:2px;height:6px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.ped-label{color:var(--text-dim);font-size:5px;font-family:var(--cockpit-label-font);letter-spacing:.3px}.ped-spacer{flex:1}.annun-strip{align-items:center;gap:5px;display:flex}.annun{flex-direction:column;align-items:center;gap:1px;display:flex}.annun-light{border:1px solid #333;border-radius:1px;width:10px;height:6px}.annun-light.off{background:#111}.annun-light.green{background:#00c800;box-shadow:0 0 4px #00c80066}.annun-light.amber{background:#ffb000;box-shadow:0 0 4px #ffb00066}.annun-text{color:var(--text-dim);font-size:4px;font-family:var(--cockpit-label-font);letter-spacing:.3px}.sidestick-left,.sidestick-right{z-index:25;pointer-events:none;opacity:.9;filter:drop-shadow(5px 5px 15px #000c);width:120px;height:180px;display:none;position:absolute;bottom:0}.cockpit-airbus .sidestick-left,.cockpit-airbus .sidestick-right{display:block}.sidestick-left{left:-10px}.sidestick-right{right:-10px;transform:scaleX(-1)}.center-yoke{z-index:35;pointer-events:none;filter:drop-shadow(0 -10px 25px #000000e6);width:320px;height:240px;display:none;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.cockpit-boeing .center-yoke{display:block}@media (max-width:768px){.cockpit-window,.overhead-panel,.cockpit-callsign{display:none}.instrument-panel{flex:1;min-height:100vh;overflow-y:auto}.instruments-row{flex-direction:column;gap:12px;height:auto;padding:12px}.side-panels{flex:none;gap:12px;width:100%;height:auto}.pfd-bezel,.nd-bezel{flex:none;width:100%;min-height:450px}.stats-bezel{flex:none;width:100%;min-height:280px}.crew-bezel{flex:none;width:100%;min-height:100px}.overhead-panel{height:36px;padding:2px 6px}.mcp-bar{gap:3px;height:28px}.mcp-knob{width:12px;height:12px}.mcp-display{min-width:28px;padding:1px 3px;font-size:8px}.pedestal{height:34px}.bezel-side-btns{display:none}}@media (max-width:480px){.overhead-panel{display:none}.mcp-bar{height:22px}.pedestal{height:28px}.cockpit-style-toggle{top:3px;right:3px}.style-btn{padding:2px 6px;font-size:6px}.panel-buttons-strip{display:none}}.cockpit-boeing-photo{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.cockpit-photo-bg{z-index:0;pointer-events:none;background-image:url(/cockpit/Boeing.PNG);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.cockpit-photo-screens{z-index:1;aspect-ratio:2556/1179;position:absolute}@media (min-aspect-ratio:2556/1179){.cockpit-photo-screens{width:216.794vh;height:100vh;top:0;left:50%;transform:translate(-50%)}}@media (max-aspect-ratio:2556/1179){.cockpit-photo-screens{width:100vw;height:46.1268vw;top:50%;left:0;transform:translateY(-50%)}}.boeing-screen{z-index:0;background:#000;border-radius:3px;position:absolute;overflow:hidden}.boeing-screen--capt-pfd{width:19.8%;height:27.4%;top:69.9%;left:10.4%}.boeing-screen--capt-nd{width:16.4%;height:26.2%;top:69.8%;left:30.6%}.boeing-screen--center{width:5.1%;height:33.8%;top:66%;left:47.7%}.boeing-screen--fo-nd{width:16.5%;height:26.5%;top:69.5%;left:53.5%}.boeing-screen--fo-pfd{width:19%;height:27.4%;top:69.6%;left:70.5%}.boeing-screen>*{width:100%;height:100%}.cockpit-photo-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.cockpit-photo-overlay>*{pointer-events:auto}.cockpit-airbus-photo{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.cockpit-airbus-photo-bg{z-index:0;pointer-events:none;background-image:url(/cockpit/Airbus.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.cockpit-airbus-photo-screens{z-index:1;aspect-ratio:2556/1179;position:absolute}@media (min-aspect-ratio:2556/1179){.cockpit-airbus-photo-screens{width:216.794vh;height:100vh;top:0;left:50%;transform:translate(-50%)}}@media (max-aspect-ratio:2556/1179){.cockpit-airbus-photo-screens{width:100vw;height:46.1268vw;top:50%;left:0;transform:translateY(-50%)}}.airbus-screen{z-index:0;background:#000;border-radius:3px;position:absolute;overflow:hidden}.airbus-screen--capt-pfd{width:11.6%;height:25.1%;top:73.9%;left:14.3%}.airbus-screen--capt-nd{width:10.9%;height:24.8%;top:73.8%;left:26.3%}.airbus-screen--center{width:12.5%;height:28%;top:71.9%;left:45.8%}.airbus-screen--fo-nd{width:12.3%;height:26%;top:74.2%;left:66.3%}.airbus-screen--fo-pfd{width:12.3%;height:25.9%;top:74.1%;left:78.5%}.airbus-screen>*{width:100%;height:100%}.instrument-bezel>.bezel-with-btns:after{content:"";pointer-events:none;z-index:99;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000 0 3px,#0000000e 3px 4px);position:absolute;inset:0}.instrument-bezel{background:linear-gradient(135deg,#1e1e1e 0%,#0d0d0d 10%,#060606 30%,#0a0a0a 50%,#161616 72%,#0e0e0e 90%,#1a1a1a 100%)!important;box-shadow:inset 0 0 24px #000000f5,0 2px 10px #000000a6,0 0 0 1px #ffffff08,0 8px 28px #0000008c!important}.sky-gradient{transition:background 30s,opacity 30s!important}@keyframes departureFlip{0%{opacity:0;transform:perspective(300px)rotateX(45deg)}to{opacity:1;transform:perspective(300px)rotateX(0)}}.altitude-flip{animation:.25s forwards departureFlip}.cockpit-boeing .pfd-bezel,.cockpit-boeing .nd-bezel{box-shadow:0 0 0 1px #39ff6b1f,0 2px 12px #00000080,inset 0 1px #ffffff0f}.cockpit-airbus .pfd-bezel,.cockpit-airbus .nd-bezel{box-shadow:0 0 0 1px #5cfffa1f,0 2px 12px #00000080,inset 0 1px #ffffff0f}@keyframes instrumentBreathe{0%,to{box-shadow:0 0 0 1px #39ff6b14,0 2px 12px #00000080}50%{box-shadow:0 0 0 1px #39ff6b33,0 2px 16px #0000008c,0 0 20px #39ff6b0f}}@keyframes instrumentBreatheAirbus{0%,to{box-shadow:0 0 0 1px #5cfffa14,0 2px 12px #00000080}50%{box-shadow:0 0 0 1px #5cfffa33,0 2px 16px #0000008c,0 0 20px #5cfffa0f}}.cockpit-boeing .pfd-bezel{animation:5.5s ease-in-out infinite instrumentBreathe}.cockpit-boeing .nd-bezel{animation:5.5s ease-in-out .8s infinite instrumentBreathe}.cockpit-airbus .pfd-bezel{animation:5.5s ease-in-out infinite instrumentBreatheAirbus}.cockpit-airbus .nd-bezel{animation:5.5s ease-in-out .8s infinite instrumentBreatheAirbus}.cockpit-boeing .fma-field,.cockpit-airbus .fma-field{letter-spacing:.04em;text-shadow:0 0 8px}.cockpit-boeing .tape-value,.cockpit-boeing .current-value{text-shadow:0 0 10px #39ff6b66}.cockpit-airbus .tape-value,.cockpit-airbus .current-value{text-shadow:0 0 10px #5cfffa66}