*{margin:0;padding:0;box-sizing:border-box}:root{--aviation-dark:#0a0e1a;--aviation-panel:#1e2433;--aviation-border:#3a4556;--aviation-green:#00ff88;--aviation-amber:#ffb347;--aviation-blue:#0066cc;--aviation-text:#ffffff;--aviation-text-muted:#ffffff}.ils-app-wrapper{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--aviation-dark);color:var(--aviation-text);min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative;z-index:1}.ils-app-wrapper *,.ils-app-wrapper *::before,.ils-app-wrapper *::after{box-sizing:border-box}.ils-app-wrapper button,.ils-app-wrapper input{font-family:inherit}.ils-app-wrapper .container{flex:1;width:100%;max-width:100%;margin:0 auto;padding:10px}.ils-app-wrapper .header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:0 5px}.ils-app-wrapper .btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all 0.2s}.ils-app-wrapper .btn-primary{background:var(--aviation-green);color:#000}.ils-app-wrapper .btn-primary:hover{opacity:.9}.ils-app-wrapper .btn-secondary{background:var(--aviation-panel);color:var(--aviation-text);border:2px solid var(--aviation-border)}.ils-app-wrapper .btn-danger{background:#c00;color:#fff}.ils-app-wrapper .card{background:var(--aviation-panel);border:2px solid var(--aviation-border);border-radius:14px;padding:15px;margin-bottom:15px}.ils-app-wrapper .grid{display:grid;grid-template-columns:1fr;gap:15px}.ils-app-wrapper .runway-card{background:var(--aviation-panel);border:2px solid var(--aviation-border);border-radius:14px;overflow:hidden}.ils-app-wrapper .runway-header{height:100px;background:linear-gradient(135deg,var(--aviation-blue) 0%,#004999 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px}.ils-app-wrapper .runway-name-display{font-size:18px;font-weight:700;color:#fff;text-align:center;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.ils-app-wrapper .runway-body{padding:15px}.ils-app-wrapper .runway-info{font-size:14px;color:#fff;margin-bottom:6px}.ils-app-wrapper .runway-actions{display:flex;gap:8px;margin-top:10px}.ils-app-wrapper .form-group{margin-bottom:15px}.ils-app-wrapper .form-label{display:block;margin-bottom:6px;font-weight:600;color:#fff}.ils-app-wrapper .form-input{width:100%;padding:10px;background:var(--aviation-dark);border:2px solid var(--aviation-border);border-radius:8px;color:#fff;font-size:14px}.ils-app-wrapper .form-input:focus{outline:none;border-color:var(--aviation-blue)}.ils-app-wrapper #ils-map{height:550px;width:100%;border-radius:8px;border:2px solid var(--aviation-border);margin-bottom:15px}.ils-app-wrapper .alert{padding:10px;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.ils-app-wrapper .alert-error{background:#4d1a1a;border:2px solid #f44;color:#faa}.ils-app-wrapper .alert-warning{background:#4d3d1a;border:2px solid var(--aviation-amber);color:var(--aviation-amber)}.ils-app-wrapper .ils-instrument{position:relative;width:100%;max-width:600px;aspect-ratio:1;margin:0 auto 70px auto}.ils-app-wrapper .instrument-controls{position:absolute;top:-35px;left:0;right:0;display:flex;justify-content:space-between;padding:0 5px;z-index:30}.ils-app-wrapper .compact-data{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;padding:10px;background:var(--aviation-dark);border-radius:8px;border:2px solid var(--aviation-border)}.ils-app-wrapper .compact-data-box{text-align:center}.ils-app-wrapper .compact-label{font-size:17px;color:#aaa;margin-bottom:3px}.ils-app-wrapper .compact-value{font-size:17px;font-family:monospace;font-weight:700;color:#fff}.ils-app-wrapper .course-window{position:absolute;top:-60px;left:50%;transform:translateX(-50%);background:#000;border:3px solid #3a4556;border-radius:3px;padding:6px 12px;z-index:20}.ils-app-wrapper .course-window-value{font-family:monospace;font-size:18px;font-weight:700;color:var(--aviation-green);letter-spacing:2px}.ils-app-wrapper .course-selector{position:absolute;bottom:-75px;left:50%;transform:translateX(-50%);width:70px;height:70px}.ils-app-wrapper .course-knob{width:100%;height:100%;background:radial-gradient(circle,#2a3142 0%,#1a1f2e 70%);border:3px solid #3a4556;border-radius:50%;position:relative;touch-action:none;cursor:pointer}.ils-app-wrapper .course-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:monospace;font-size:14px;font-weight:700;color:var(--aviation-green)}.ils-app-wrapper .instructions{background:var(--aviation-dark);border:2px solid var(--aviation-border);border-radius:8px;padding:15px;margin-bottom:15px}.ils-app-wrapper .instructions ul{margin-left:15px;margin-top:8px}.ils-app-wrapper .instructions li{margin-bottom:6px;color:#fff;font-size:14px}.ils-app-wrapper .hidden{display:none!important}.ils-app-wrapper .map-helper{background:var(--aviation-panel);border:2px solid var(--aviation-green);border-radius:8px;padding:10px;margin-bottom:15px;text-align:center}.ils-app-wrapper .map-helper-title{font-size:16px;font-weight:700;color:var(--aviation-green);margin-bottom:8px}.ils-app-wrapper .position-display{margin-top:10px;padding:10px;background:var(--aviation-dark);border:2px solid var(--aviation-green);border-radius:8px;font-family:monospace;font-size:12px;color:var(--aviation-green);font-weight:700;margin-bottom:15px}.ils-app-wrapper .course-input-popup{display:none;position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#000;border:3px solid #3a4556;border-radius:8px;padding:10px;z-index:40;text-align:center}.ils-app-wrapper .course-input-field{width:240px;height:100px;background:#0a0e1a;border:2px solid #0f8;border-radius:4px;color:#0f8;font-family:monospace;font-size:40px;font-weight:700;text-align:center;padding:4px}@media (max-width:600px){.ils-app-wrapper .compact-label{font-size:13px}.ils-app-wrapper .compact-value{font-size:14px}.ils-app-wrapper .runway-actions{flex-wrap:wrap}.ils-app-wrapper .runway-actions .btn{flex:1}.ils-app-wrapper .course-input-field{width:200px}}