.home-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(ellipse at 42% 48%,#060e1c14 25%,#060e1c6b 68%,#060e1cc7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none}.home-screen a,.home-screen button,.boarding-pass{pointer-events:auto}.home-brand{position:absolute;top:26px;left:34px;display:flex;flex-direction:column;gap:6px;animation:home-rise .7s ease both}.home-brand-row{display:flex;align-items:baseline;gap:10px}.home-conditions{font-size:.64rem;letter-spacing:.18em;color:#ffd166bf;font-family:Courier New,monospace}.home-brand-logo{color:#ffd166;font-size:1.15rem}.home-brand-name{color:#fff;font-weight:700;letter-spacing:.3em;font-size:.9rem}.home-brand-tag{color:#fff6;font-size:.62rem;letter-spacing:.2em}.boarding-pass{position:absolute;right:46px;top:50%;transform:translateY(-50%);width:300px;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:linear-gradient(165deg,#101828ed,#0a101ced);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px #00000080;animation:pass-slide .8s .15s cubic-bezier(.22,1,.36,1) both}@keyframes pass-slide{0%{opacity:0;transform:translate(40px,-50%)}to{opacity:1;transform:translateY(-50%)}}.bp-header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(90deg,#ffd166,#ffb347)}.bp-header-logo{color:#0b1a30;font-size:1rem}.bp-header-title{color:#0b1a30;font-size:.72rem;font-weight:700;letter-spacing:.3em}.bp-main{padding:18px 20px 14px;display:flex;flex-direction:column;gap:12px}.bp-field{display:flex;flex-direction:column;gap:2px}.bp-label{font-size:.56rem;letter-spacing:.22em;color:#fff6}.bp-value{font-size:.86rem;font-weight:700;color:#fff;letter-spacing:.05em}.bp-value-name{font-size:1.05rem;background:linear-gradient(90deg,#ffd166,#ff8a4d);-webkit-background-clip:text;background-clip:text;color:transparent}.bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.bp-route{display:flex;align-items:center;gap:10px;margin:4px 0}.bp-route-end{display:flex;flex-direction:column;gap:2px}.bp-route-end-right{text-align:right}.bp-route-point{font-size:.72rem;font-weight:700;color:#ffd166;letter-spacing:.05em;white-space:nowrap}.bp-route-line{position:relative;flex:1;height:2px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 7px,transparent 7px 14px);animation:route-dash 1.2s linear infinite}@keyframes route-dash{0%{background-position:0 0}to{background-position:14px 0}}.bp-route-plane{position:absolute;top:50%;left:0;transform:translate(-50%,-55%);color:#fff;font-size:.9rem;animation:route-fly 4s ease-in-out infinite}@keyframes route-fly{0%{left:6%}50%{left:94%}to{left:6%}}.bp-stub{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px 18px;border-top:2px dashed rgba(255,255,255,.22);background:#ffffff08}.bp-barcode{width:100%;height:15px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 2px,transparent 2px 5px,rgba(255,255,255,.7) 5px 6px,transparent 6px 10px);border-radius:2px;opacity:.5}.play-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:.14em;color:#0b1a30;background:linear-gradient(90deg,#ffd166,#ffb347);border:none;border-radius:40px;padding:13px 0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 26px #ffb24766;animation:button-pulse 2.4s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 8px 26px #ffb24759}50%{box-shadow:0 8px 38px #ffb24799}}.play-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 44px #ffb247a6}.play-button:active{transform:translateY(0) scale(.98)}.play-icon{font-size:.8em}.bp-stub-hint{font-size:.64rem;color:#ffffff73;letter-spacing:.05em;white-space:nowrap}.bp-stub-hint b{color:#ffd166}.home-footer{position:absolute;bottom:24px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.78rem;animation:home-rise .7s .4s ease both}.home-footer a{color:#ffffffbf;text-decoration:none;border-bottom:1px solid rgba(255,209,102,.35);padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.home-footer a:hover{color:#ffd166;border-color:#ffd166}.home-footer-dot{color:#ffffff4d}.home-footer-built{margin-left:14px;color:#ffffff52;font-size:.68rem;letter-spacing:.08em}@keyframes home-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.boarding-pass{right:50%;top:auto;bottom:70px;transform:translate(50%);width:min(320px,92vw);animation:home-rise .7s .2s ease both}.home-brand-tag,.home-footer-built{display:none}}.sound-toggle{position:absolute;top:24px;right:30px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0a101cb3;font-size:1rem;cursor:pointer;transition:transform .15s ease,border-color .2s ease;animation:home-rise .7s .1s ease both}.sound-toggle:hover{transform:scale(1.08);border-color:#ffd166}.departures{position:absolute;left:34px;top:50%;transform:translateY(-50%);width:275px;border-radius:14px;overflow:hidden;background:#080c14e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 40px #00000073;animation:dep-slide .8s .25s cubic-bezier(.22,1,.36,1) both}@keyframes dep-slide{0%{opacity:0;transform:translate(-40px,-50%)}to{opacity:1;transform:translateY(-50%)}}.departures-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);color:#ffd166;font-size:.68rem;font-weight:700;letter-spacing:.3em}.departures-dot{width:7px;height:7px;border-radius:50%;background:#37e08a;box-shadow:0 0 8px #37e08ab3;animation:dep-blink 1.6s ease-in-out infinite}@keyframes dep-blink{0%,to{opacity:1}50%{opacity:.35}}.departures-table{width:100%;border-collapse:collapse;font-family:Courier New,monospace}.departures-table th{padding:8px 16px 4px;text-align:left;font-size:.55rem;letter-spacing:.18em;color:#ffffff59}.departures-table td{padding:6px 16px;font-size:.72rem;font-weight:700;color:#ffebc8eb;letter-spacing:.05em;border-top:1px solid rgba(255,255,255,.05)}.dep-ontime{color:#37e08a!important}.dep-boarding{color:#ffd166!important;animation:dep-blink 1.4s ease-in-out infinite}.flight-log{padding:9px 16px 11px;border-top:1px solid rgba(255,255,255,.1);font-family:Courier New,monospace;font-size:.6rem;letter-spacing:.1em;color:#ffffff80}.bp-stamp{position:absolute;top:58px;right:14px;padding:4px 10px;border:2px solid rgba(55,224,138,.75);border-radius:6px;color:#37e08ad9;font-size:.56rem;font-weight:700;letter-spacing:.14em;transform:rotate(9deg) scale(1);pointer-events:none;animation:stamp-in .45s 1.3s cubic-bezier(.34,1.56,.64,1) both}@keyframes stamp-in{0%{opacity:0;transform:rotate(9deg) scale(2.4)}to{opacity:1;transform:rotate(9deg) scale(1)}}.bp-main{position:relative}.bp-chips{display:flex;gap:6px;margin-top:4px}.bp-chip{flex:1;font-family:inherit;font-size:.6rem;font-weight:700;letter-spacing:.12em;padding:6px 0;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#ffffff8c;cursor:pointer;transition:all .18s ease}.bp-chip:hover{border-color:#ffd16699;color:#ffd166}.bp-chip-active{background:#ffd16626;border-color:#ffd166;color:#ffd166}.bp-stub-links{display:flex;gap:16px}.bp-link{font-family:inherit;font-size:.64rem;letter-spacing:.06em;color:#ffffff8c;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:#ffd16666;text-underline-offset:3px;transition:color .2s ease}.bp-link:hover{color:#ffd166}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#04081099;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.help-modal{width:min(400px,90vw);padding:28px 30px;border-radius:16px;background:linear-gradient(165deg,#121a2afa,#0a101cfa);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px #0009;animation:home-rise .35s ease both}.help-modal h2{color:#ffd166;font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.help-modal ul{list-style:none;margin-bottom:14px}.help-modal li{padding:6px 0;color:#ffffffd9;font-size:.9rem}.help-modal li b{color:#ffd166;display:inline-block;min-width:64px}.help-modal p{font-size:.82rem;line-height:1.55;color:#fff9;margin-bottom:20px}.help-close{font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.1em;color:#0b1a30;background:linear-gradient(90deg,#ffd166,#ffb347);border:none;border-radius:30px;padding:10px 30px;cursor:pointer}@media (max-width: 1080px){.departures{display:none}}@media (max-height: 500px){.home-brand{top:10px;left:14px;gap:3px}.home-brand-name{font-size:.74rem}.home-brand-logo{font-size:.9rem}.home-brand-tag{display:none}.home-conditions{font-size:.54rem}.sound-toggle{top:10px;right:10px;width:34px;height:34px;font-size:.8rem}.departures,.bp-grid,.bp-stamp,.bp-barcode,.bp-field-deptime,.bp-link-help{display:none}.boarding-pass{right:14px;width:232px;max-height:calc(100dvh - 16px);border-radius:16px;box-shadow:0 12px 36px #0000008c}.bp-header{padding:11px 18px;gap:8px}.bp-header-title{font-size:.62rem}.bp-header-logo{font-size:.85rem}.bp-main{padding:18px 18px 16px;gap:7px}.bp-main>.bp-field>.bp-label{display:none}.bp-value-name{font-size:1.12rem}.bp-value{font-size:.64rem;letter-spacing:.16em;color:#ffffffa6}.bp-route{margin:14px 0 6px}.bp-route-point{font-size:.6rem}.bp-route-end .bp-label{font-size:.48rem}.bp-stub{padding:15px 18px 17px;gap:10px}.play-button{padding:12px 0;font-size:.84rem;animation:none}.bp-link{font-size:.6rem}.home-footer{left:14px;right:auto;bottom:10px;justify-content:flex-start;font-size:.66rem;gap:8px}.home-footer-built{display:none}}.help-touch{display:none}@media (pointer: coarse){.help-keys{display:none}.help-touch{display:block}.help-modal li b{min-width:108px}}.cockpit-panel{position:fixed;bottom:0;left:0;right:0;z-index:100;width:100%;padding:16px 30px 10px;background:linear-gradient(180deg,#2b2e35,#1b1e24 22%,#14161b 60%,#0e1014);border-top:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px #ffffff12,inset 0 -10px 24px #0000008c,0 -10px 30px #00000073;pointer-events:none;-webkit-user-select:none;user-select:none}.cockpit-rim{position:absolute;top:-7px;left:10px;right:10px;height:14px;border-radius:14px;background:linear-gradient(180deg,#3a3e46,#23262c 55%,#17191e);border:1px solid rgba(255,255,255,.14);box-shadow:0 3px 8px #00000080}.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6c727c,#2a2d33 70%);border:1px solid #0a0b0d}.screw:after{content:"";position:absolute;top:50%;left:15%;right:15%;height:1px;background:#000000b3;transform:rotate(40deg)}.screw-tl{top:12px;left:12px}.screw-tr{top:12px;right:12px}.screw-bl{bottom:8px;left:12px}.screw-br{bottom:8px;right:12px}.cockpit-row{display:flex;align-items:center;justify-content:center;gap:14px}.cockpit-center{position:relative;width:200px;align-self:stretch;display:flex;align-items:flex-end;justify-content:center}.cockpit-hump{position:absolute;top:-46px;left:50%;transform:translate(-50%);width:210px;height:52px;border-radius:110px 110px 0 0;background:linear-gradient(180deg,#3a3e46,#23262c 45%,#17191e);border:1px solid rgba(255,255,255,.14);border-bottom:none;box-shadow:inset 0 2px #ffffff14,0 -5px 14px #00000073}.cockpit-center-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;margin-bottom:18px}.cockpit-clock{padding:4px 18px;border-radius:5px;background:#05070a;border:1px solid #33373e;box-shadow:inset 0 2px 6px #000c;color:#7fe8a8;font-size:1.05rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.18em;text-shadow:0 0 8px rgba(127,232,168,.5)}.cockpit-plate{position:relative;margin-bottom:0;padding:5px 16px;border-radius:5px;background:#0c0e12;border:1px solid #33373e;box-shadow:inset 0 2px 5px #0009;color:#ffd166;font-size:.66rem;font-weight:700;letter-spacing:.2em;font-family:Arial,sans-serif;white-space:nowrap}.dial-well{padding:7px;border-radius:50%;background:#0a0c0f;box-shadow:inset 0 3px 8px #000c,inset 0 -1px #ffffff0f}.dial-well-lg .dial{width:108px}.dial-well-lg .dial svg{width:108px;height:108px}.dial-well-sm .dial{width:82px}.dial-well-sm .dial svg{width:82px;height:82px}.throttle-well{padding:8px 10px;border-radius:12px;background:#0a0c0f;box-shadow:inset 0 3px 8px #000c,inset 0 -1px #ffffff0f;align-self:stretch;display:flex;align-items:center;margin-left:auto;margin-right:14px}.dial{display:flex;flex-direction:column;align-items:center;gap:3px;width:96px}.dial svg{width:96px;height:96px;display:block}.dial-bezel{fill:none;stroke:#3c4048;stroke-width:2.5}.dial-face{fill:#0c0e12;stroke:#262a31;stroke-width:1}.tick{stroke:#e8eaee;stroke-width:1.6;stroke-linecap:round}.tick-red{stroke:#f43}.tick-minor{stroke:#e8eaee73;stroke-width:.9;stroke-linecap:round}.tick-label{fill:#e8eaeed9;font-size:8px;font-family:Arial,sans-serif;text-anchor:middle}.dial-readout{fill:#ffd166;font-size:12px;font-weight:700;font-family:Courier New,monospace;text-anchor:middle}.dial-unit{fill:#e8eaee80;font-size:6.5px;font-family:Arial,sans-serif;text-anchor:middle}.needle{transform-origin:50px 50px;transition:transform .09s linear}.needle polygon{fill:#ff7a3d}.needle .needle-tail{fill:#c9552a}.dial-hub{fill:#2a2d33;stroke:#565b64;stroke-width:1}.dial-glass{fill:#ffffff0d;pointer-events:none}.dial-label{font-size:.58rem;letter-spacing:.14em;color:#ffffff8c;font-family:Arial,sans-serif}.compass-rose{transform-origin:50px 50px;transition:transform .09s linear}.compass-cardinal{fill:#e8eaee;font-size:9px;font-weight:700;font-family:Arial,sans-serif;text-anchor:middle}.compass-north{fill:#ff7a3d}.lubber{fill:#ffd166}.compass-plane{fill:#e8eaeee6}.throttle{display:flex;flex-direction:column;align-items:center;gap:4px;width:42px;height:100%}.throttle-track{position:relative;flex:1;width:12px;min-height:70px;border-radius:6px;background:#08090c;border:1px solid #33373e}.throttle-fill{position:absolute;bottom:0;left:0;width:100%;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#ff7a3d,#ffd166);transition:height .1s linear}.throttle-knob{position:absolute;left:-6px;width:24px;height:11px;border-radius:3px;background:linear-gradient(180deg,#565b64,#2a2d33);border:1px solid #6c727c;transition:bottom .1s linear}.throttle-value{font-size:.7rem;font-weight:700;font-family:Courier New,monospace;color:#ffd166}.annunciators{display:flex;flex-direction:column;justify-content:center;gap:8px;margin-right:auto;margin-left:14px}.lamp{padding:5px 10px;border-radius:5px;font-size:.6rem;font-weight:700;letter-spacing:.12em;font-family:Arial,sans-serif;text-align:center;color:#ffffff40;background:#0c0e12;border:1px solid #2c3037;box-shadow:inset 0 2px 5px #0009}.lamp-green{color:#37e08a;border-color:#37e08a80;box-shadow:0 0 10px #37e08a40,inset 0 0 6px #37e08a26}.lamp-red-blink{color:#f43;border-color:#f439;animation:stall-blink .5s step-end infinite}@keyframes stall-blink{0%,to{box-shadow:0 0 12px #ff443380,inset 0 0 8px #ff44334d;opacity:1}50%{box-shadow:inset 0 2px 5px #0009;opacity:.45}}.hud-controls{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;gap:20px;background:#08101e8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:9px 24px;font-size:.8rem;color:#ffffffbf;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-controls b{color:#ffd166}@media (max-width: 860px){.dial-well-lg .dial,.dial-well-lg .dial svg{width:84px}.dial-well-lg .dial svg{height:84px}.dial-well-sm .dial,.dial-well-sm .dial svg{width:66px}.dial-well-sm .dial svg{height:66px}.cockpit-center{width:120px}.cockpit-hump{width:130px;height:40px;top:-34px}.cockpit-plate{font-size:.55rem;padding:4px 8px;margin-bottom:20px}.cockpit-row{gap:8px}.cockpit-panel{padding:12px 12px 8px}}@media (pointer: coarse){.hud-controls{display:none}}@media (max-height: 500px){.cockpit-panel{padding:8px 10px 5px}.cockpit-row{gap:6px}.dial-well{padding:4px}.dial-well-lg .dial{width:62px}.dial-well-lg .dial svg{width:62px;height:62px}.dial-well-sm .dial{width:48px}.dial-well-sm .dial svg{width:48px;height:48px}.dial-label{font-size:.46rem;letter-spacing:.1em}.dial{gap:1px}.cockpit-center{width:100px}.cockpit-hump{width:108px;height:30px;top:-25px}.cockpit-center-stack{gap:4px;margin-bottom:6px}.cockpit-clock{font-size:.68rem;padding:2px 10px;letter-spacing:.12em}.cockpit-plate{font-size:.44rem;padding:3px 8px}.cockpit-rim{top:-5px;height:10px}.screw{display:none}.annunciators{gap:4px;margin-left:4px}.lamp{padding:3px 6px;font-size:.48rem}.throttle-well{padding:4px 6px;margin-right:4px}.throttle{width:32px;gap:2px}.throttle-track{min-height:34px;width:9px}.throttle-knob{left:-5px;width:19px;height:9px}.throttle-value{font-size:.56rem}}.touch-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.touch-controls{display:none}}.tc-stick{position:fixed;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.4);opacity:0;transition:opacity .15s ease;pointer-events:none}.tc-stick-dot{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#ffd1668c;box-shadow:0 0 14px #ffd16666}.tc-stick-turn{border-style:solid;border-color:#ffd166cc;box-shadow:0 0 18px #ffd16659}.tc-stick-turn .tc-stick-dot{background:#ffd16640}.tc-hints{position:fixed;left:0;right:0;top:16px;display:flex;justify-content:space-around;padding:0 6vw;pointer-events:none;animation:tc-hints-fade 1.2s ease 6s forwards}.tc-hints-stay{animation:none}.tc-hint{font-size:11px;letter-spacing:.6px;color:#ffffffbf;background:#080e188c;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:6px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .9s ease,visibility .9s}.tc-hint-done{opacity:0;visibility:hidden}@keyframes tc-hints-fade{to{opacity:0;visibility:hidden}}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0f;color:#fff}#root{width:100vw;height:100vh;position:fixed;top:0;left:0}.rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060910f0;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:15px;letter-spacing:.4px;color:#ffffffd9}.rotate-phone{font-size:52px;animation:rotate-hint 1.6s ease-in-out infinite}@keyframes rotate-hint{0%,25%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation: portrait) and (pointer: coarse){.rotate-overlay{display:flex}}