:root{--ink: #f4ede4;--muted: #c9bba9;--glass: rgba(24, 18, 14, .72);--edge: rgba(255, 230, 200, .18);--accent: #d9a35b;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0d0b0a;overflow:hidden}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}button,select{font:inherit;color:inherit}.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:28px;border-radius:18px;background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}h1{margin:0;font-size:clamp(30px,6vw,48px);letter-spacing:.02em;font-weight:600}.sub{margin:6px 0 4px;color:var(--muted)}h2{font-size:15px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:22px 0 10px;font-weight:500}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.card{text-align:left;padding:14px;border-radius:12px;border:1px solid var(--edge);background:#ffffff0a;cursor:pointer;display:flex;flex-direction:column;gap:6px}.card span{color:var(--muted);font-size:14px;line-height:1.35}.card[aria-pressed=true],.chip[aria-pressed=true]{border-color:var(--accent);background:#d9a35b2e}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--edge);background:#ffffff0a;cursor:pointer}.chips.small .chip{padding:5px 10px;font-size:14px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:22px}select{background:#00000059;border:1px solid var(--edge);border-radius:8px;padding:6px 8px;margin-left:8px}.primary{padding:10px 26px;border-radius:999px;border:0;background:var(--accent);color:#1c140d;font-weight:600;cursor:pointer}.primary:disabled{opacity:.5;cursor:wait}.muted{color:var(--muted);font-size:14px;min-height:1.2em;margin:10px 0 0}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:auto}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}#home-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--edge);background:var(--glass);cursor:pointer}.hud-top .chips{background:var(--glass);padding:4px;border-radius:999px;border:1px solid var(--edge)}#altitude{margin-left:auto;background:var(--glass);padding:6px 12px;border-radius:999px;border:1px solid var(--edge);font-variant-numeric:tabular-nums}#mode-ui{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100% - 24px)}#mode-ui button{padding:8px 12px;border-radius:10px;border:1px solid var(--edge);background:var(--glass);cursor:pointer}#caption{position:absolute;left:50%;bottom:64px;transform:translate(-50%);width:min(620px,calc(100% - 32px));background:var(--glass);border:1px solid var(--edge);border-radius:14px;padding:14px 18px;line-height:1.45}#caption b{display:block;margin-bottom:4px;color:var(--accent)}.help{position:absolute;right:12px;top:64px;margin:0;max-width:340px;font-size:13px;color:var(--muted);text-align:right;text-shadow:0 1px 2px #000;pointer-events:none}#touch #stick{position:absolute;left:24px;bottom:90px;width:120px;height:120px;border-radius:50%;border:1px solid var(--edge);background:#00000040}#knob{position:absolute;left:40px;top:40px;width:40px;height:40px;border-radius:50%;background:#ffffff40}.touch-buttons{position:absolute;right:24px;bottom:100px;display:flex;flex-direction:column;gap:10px}.touch-buttons button{width:52px;height:52px;border-radius:50%;border:1px solid var(--edge);background:var(--glass)}@media (max-width: 600px){.panel{padding:20px 16px}.help{display:none}}