:root{--paper: #f7f3e8;--ink: #111;--panel: rgba(255,255,255,.55);--stroke: rgba(0,0,0,.15)}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper)}#hud,#controls,#help{position:fixed;z-index:10;color:var(--ink);font:13px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:10px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}#hud{left:12px;top:12px;min-width:220px}#controls{right:12px;top:12px;min-width:220px}#help{left:12px;bottom:12px;max-width:520px;display:none}#controls input[type=range]{width:100%}.row{display:flex;justify-content:space-between;gap:12px}.muted{opacity:.7}.kbd{padding:1px 6px;border:1px solid rgba(0,0,0,.2);border-bottom-width:2px;border-radius:6px;background:#ffffff73}.iconBtn{border:1px solid var(--stroke);background:#fff9;border-radius:8px;padding:2px 6px;font:14px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;cursor:pointer}.btn{border:1px solid var(--stroke);background:#ffffffbf;border-radius:8px;padding:6px 8px;font:12px/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;cursor:pointer;white-space:nowrap}.btn.primary{background:#508caa40;border-color:#285a7859}#settingsPanel{position:fixed;right:12px;top:62px;z-index:12;color:var(--ink);font:13px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:10px 12px;min-width:240px;display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#settingsPanel input{width:100%;margin-top:6px;padding:4px 6px;border-radius:6px;border:1px solid rgba(0,0,0,.2);background:#fffc;font:12px/1.1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;box-sizing:border-box}#grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;mix-blend-mode:multiply;opacity:.12;image-rendering:auto}#varioWrap{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:10;width:120px;height:120px;pointer-events:none}#varioGauge{width:120px;height:120px;display:block}#windRoseWrap{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:10;width:120px;height:120px;pointer-events:none;display:none}#windRose{width:120px;height:120px;display:block}#viewPad{position:fixed;top:12px;left:50%;width:72px;height:72px;transform:translate(-50%);border-radius:50%;border:2px solid rgba(40,40,40,.35);background:#ffffff14;box-shadow:0 2px 8px #0000001f inset;z-index:10;pointer-events:auto;touch-action:none}#dpad{position:fixed;right:24px;bottom:24px;width:220px;height:220px;border-radius:50%;border:3px solid rgba(120,120,120,.6);background:#ffffff08;box-shadow:0 2px 10px #0000002e inset;z-index:10;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}#dpad.active{border-color:#2387fff2;box-shadow:0 0 0 2px #2387ff40}#dpadThumb{position:absolute;width:18px;height:18px;border-radius:50%;background:#2387ffa6;transform:translate(-50%,-50%);left:50%;top:50%;pointer-events:none;box-shadow:0 0 6px #2387ff59}#flapButton{position:fixed;left:24px;bottom:24px;min-width:140px;height:68px;padding:0 18px;border-radius:34px;border:3px solid rgba(120,120,120,.6);background:#ffffff0d;color:#141414d9;font-weight:700;letter-spacing:1px;text-align:center;font:14px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;box-shadow:0 2px 10px #0000002e inset;z-index:10;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}#flapButton.active{border-color:#2387fff2;color:#1450aaf2;box-shadow:0 0 0 2px #2387ff40}#altGraph{width:240px;height:90px;display:block;margin-top:8px;border-radius:8px;background:#ffffff4d;display:none}#crosshair{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;opacity:.15;display:none}