*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#04020a;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Share Tech Mono,monospace,sans-serif;color:#c7d7e8}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.cockpit-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 65%,rgba(4,2,10,.45) 100%);z-index:2}.hud-topbar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:14px;background:#080c16e0;border:1px solid rgba(0,243,255,.35);box-shadow:0 4px 20px #00f3ff26;padding:8px 18px;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-pill{display:flex;flex-direction:column;align-items:center;font-size:11px;color:#7997b7;font-family:monospace}.hud-pill span.val{font-size:15px;font-weight:700;color:#00f3ff;letter-spacing:1px}.hud-pill span.val.amber{color:#fa0}.hud-pill span.val.green{color:#0f6}.hud-pill span.val.dim{color:#4f6885}.hud-pill span.val.active-ap{color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,.8)}.annunciator-panel{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px}.annunciator-light{padding:5px 12px;font-size:10px;font-weight:700;letter-spacing:1px;border-radius:4px;background:#111a26;color:#40556c;border:1px solid #1a2738;transition:all .2s ease;font-family:monospace}.annunciator-light.active-green{background:#0f63;color:#0f6;border-color:#0f6;box-shadow:0 0 10px #0f66}.annunciator-light.active-amber{background:#fa03;color:#fa0;border-color:#fa0;box-shadow:0 0 10px #fa06}.hud-guide-btn{background:#ffffff14;border:1px solid rgba(0,243,255,.4);color:#9fe9ff;border-radius:4px;font-size:10px;font-weight:700;padding:5px 10px;cursor:pointer;transition:all .2s ease}.hud-guide-btn:hover{background:#00f3ff40;color:#fff}.atc-radio-toast{position:absolute;top:115px;left:50%;transform:translate(-50%);z-index:10;max-width:90%;width:520px;background:#050a14eb;border-left:4px solid #00f3ff;padding:10px 16px;border-radius:6px;box-shadow:0 8px 30px #000000b3;font-size:12px;line-height:1.45;color:#e1efff;transition:opacity .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.atc-radio-toast .speaker{font-size:10px;font-weight:700;color:#00f3ff;letter-spacing:1px;margin-bottom:2px;font-family:monospace}.cockpit-controls{position:absolute;bottom:18px;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:flex-end;padding:0 24px;pointer-events:none}.control-block-left,.control-block-right{pointer-events:auto}.control-block-right{display:flex;align-items:flex-end;gap:12px}.action-buttons-wrap{display:flex;flex-direction:column;justify-content:flex-end}.control-btn{background:linear-gradient(180deg,#182638,#0e1724);border:1px solid rgba(0,243,255,.4);color:#d8ecff;padding:12px 18px;font-size:13px;font-weight:700;border-radius:8px;cursor:pointer;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #0006,inset 0 1px 1px #ffffff1a;transition:all .15s ease}.control-btn:hover{background:linear-gradient(180deg,#233752,#142031);border-color:#00f3ff;box-shadow:0 0 14px #00f3ff66}.control-btn:active{transform:translateY(2px)}.control-btn.btn-ap-toggle{background:linear-gradient(180deg,#241438,#130a21);border-color:#c084fc80;color:#e9d5ff}.control-btn.btn-ap-toggle.active{background:linear-gradient(180deg,#581c87,#3b0764);border-color:#c084fc;box-shadow:0 0 16px #c084fc99;color:#fff}.control-btn.btn-toga{background:linear-gradient(180deg,#932,#5a190f);border-color:#f53;color:#fff}.control-btn.btn-rotate{background:linear-gradient(180deg,#1b6338,#0c361d);border-color:#0f6;color:#fff;animation:pulseRotate 1s infinite alternate}.control-btn.btn-cert{background:linear-gradient(180deg,#92540b,#452402);border-color:#fbbf24;color:#fef08a;animation:pulseCert 1.5s infinite alternate}@keyframes pulseRotate{0%{box-shadow:0 0 8px #00ff664d}to{box-shadow:0 0 24px #00ff66e6}}@keyframes pulseCert{0%{box-shadow:0 0 8px #fbbf244d}to{box-shadow:0 0 24px #fbbf24cc}}.throttle-container{background:#080e18eb;border:1px solid rgba(255,170,0,.45);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 25px #0009}.throttle-title{font-size:10px;font-weight:700;letter-spacing:1px;color:#fa0;font-family:monospace}.throttle-slider-wrap{position:relative;height:120px;width:36px;display:flex;justify-content:center;align-items:center}input[type=range].vertical-throttle{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:8px;height:105px;background:#1a2738;border-radius:4px;outline:none}input[type=range].vertical-throttle::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:22px;background:linear-gradient(180deg,#f83,#b31);border:1px solid #ffcc88;border-radius:4px;cursor:pointer;box-shadow:0 2px 8px #0009}.throttle-percent{font-size:13px;font-weight:700;color:#fa0;font-family:monospace}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#02050edb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .35s ease;padding:20px}.modal-backdrop.show{opacity:1;pointer-events:auto}.cover-card{background:radial-gradient(circle at top,#142036,#090e18 80%);border:1px solid rgba(0,243,255,.4);box-shadow:0 16px 50px #000c,0 0 35px #00f3ff26;border-radius:16px;padding:28px 32px;max-width:680px;width:100%;text-align:center;position:relative;overflow:hidden}.cover-badge{display:inline-block;background:#ffaa0026;border:1px solid rgba(255,170,0,.5);color:#fc0;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;font-family:monospace}.cover-title{font-size:26px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 2px 10px rgba(0,243,255,.3);margin-bottom:6px}.cover-subtitle{font-size:13px;color:#90a9c6;margin-bottom:22px}.guide-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-bottom:24px}.guide-step-card{background:#0e1929b3;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;transition:all .2s ease}.guide-step-card:hover{background:#14233ad9;border-color:#00f3ff4d}.step-num{font-family:monospace;font-size:13px;font-weight:700;color:#00f3ff;opacity:.8}.step-icon{font-size:20px;line-height:1}.step-content h4{font-size:13px;color:#e1efff;margin-bottom:4px}.step-content p{font-size:11px;color:#8da5bf;line-height:1.35}.step-content strong{color:#38bdf8}.cover-actions-row{display:flex;gap:14px;justify-content:center;margin-bottom:16px}.cover-btn{flex:1;padding:14px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;border:none}.cover-btn.btn-primary-manual{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 4px 20px #0ea5e966}.cover-btn.btn-primary-manual:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);box-shadow:0 6px 25px #0ea5e999;transform:translateY(-2px)}.cover-btn.btn-primary-ap{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;box-shadow:0 4px 20px #9333ea66}.cover-btn.btn-primary-ap:hover{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 6px 25px #9333ea99;transform:translateY(-2px)}.cover-footer-note{font-size:11px;color:#7997b7;font-style:italic}.modal-card{background:#08101a;border:1px solid rgba(0,243,255,.4);box-shadow:0 10px 40px #00f3ff33;border-radius:12px;padding:24px;max-width:540px;width:100%;text-align:center}.certificate-canvas{width:100%;height:auto;border-radius:8px;border:1px solid #1a324b;margin:14px 0;box-shadow:0 4px 15px #00000080}.modal-btn-row{display:flex;justify-content:center;gap:12px;margin-top:10px}@media(max-width:680px){.hud-topbar{padding:6px 10px;gap:8px;width:95%;justify-content:space-around}.hud-pill span.val{font-size:12px}.annunciator-panel{top:58px;gap:4px;width:95%;justify-content:center;flex-wrap:wrap}.annunciator-light,.hud-guide-btn{font-size:9px;padding:3px 6px}.atc-radio-toast{top:92px;font-size:11px;padding:8px 12px;width:92%}.cockpit-controls{padding:0 10px;bottom:12px}.control-btn{padding:10px 12px;font-size:11px}.control-block-right{gap:8px}.throttle-container{padding:6px 8px}.throttle-slider-wrap{height:95px;width:30px}input[type=range].vertical-throttle{height:85px}.guide-steps-grid{grid-template-columns:1fr;max-height:220px;overflow-y:auto}.cover-actions-row{flex-direction:column;gap:8px}.cover-card{padding:20px 16px}.cover-title{font-size:19px}}