html,body,#root{margin:0;min-height:100%}:root{--avionics-cyan: #22d3ee;--taxi-yellow: #fbbf24;--taxi-blue: #2563eb;--bg-dark: #010409}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-dark);color:#f8fafc;overflow:hidden;height:100vh}.mono{font-family:JetBrains Mono,monospace}.runway-container{position:fixed;inset:0;perspective:1000px;z-index:-1;background:radial-gradient(circle at 50% 45%,#0f172a,#010409 90%)}.taxi-perspective-wrapper{position:absolute;bottom:0;left:50%;width:100vw;height:100vh;transform:translate(-50%) rotateX(80deg);transform-origin:bottom center}.taxiway-strip{position:absolute;bottom:-500px;left:50%;width:600px;height:5000px;background:#080808;transform:translate(-50%);box-shadow:0 0 150px #000}.taxi-centerline{position:absolute;left:50%;width:4px;height:100%;background:repeating-linear-gradient(to bottom,var(--taxi-yellow) 0,var(--taxi-yellow) 60px,transparent 60px,transparent 120px);transform:translate(-50%);filter:drop-shadow(0 0 8px rgba(251,191,36,.4));animation:taxi-roll 20s linear infinite}@keyframes taxi-roll{0%{background-position:0 0}to{background-position:0 1000px}}.taxi-light{position:absolute;width:10px;height:10px;background:var(--taxi-blue);border-radius:50%;box-shadow:0 0 15px var(--taxi-blue),0 0 30px var(--taxi-blue);filter:blur(1px)}.glass-hud{background:#02061766;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(34,211,238,.1);box-shadow:0 20px 60px #000000b3}.hud-bracket{position:absolute;width:20px;height:20px;border-color:var(--avionics-cyan);opacity:.3}.scan-line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--avionics-cyan),transparent);animation:scanning 6s linear infinite;opacity:.2}@keyframes scanning{0%{transform:translateY(0)}to{transform:translateY(400px)}}@media(max-width:768px){body{overflow:auto}}