:root{color-scheme:dark;--bg: rgba(8, 12, 18, .72);--line: rgba(255, 255, 255, .14);--amber: #ffb020;--cyan: #7ee0ff;--ink: #e7eef6;--dim: #93a0b0;--danger: #ff5d4a;--ok: #8ee08a;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--ink)}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#ui:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 180px #00000073}button,.panel,.modal,.screen .card{pointer-events:auto}button{font:inherit;color:var(--ink);background:#ffffff0a;border:1px solid var(--line);border-radius:4px;padding:.7rem 1rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}button:hover{border-color:var(--amber);background:#ffb02014}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#ffc14a,#e09010);color:#1a1204;border-color:transparent;font-weight:700}button.primary:hover{transform:translateY(-1px)}button.ghost{background:transparent}.hidden{display:none!important}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:8vh 8vw 10vh;background:linear-gradient(90deg,#0000008c,#0000000d 55%,#00000040)}.eyebrow{letter-spacing:.42em;font-size:.72rem;color:var(--amber);margin:0 0 .6rem}h1{font-size:clamp(4rem,10vw,8rem);line-height:.85;margin:0;letter-spacing:.18em;font-weight:600}.tag{margin:1rem 0 2rem;color:var(--dim);max-width:36rem;letter-spacing:.04em}.menu-actions,.row{display:flex;flex-wrap:wrap;gap:.6rem}.card{max-width:44rem;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:1.4rem 1.5rem 1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h2{margin:0 0 .4rem;letter-spacing:.16em;font-weight:600}.card p,.card li{color:var(--dim);line-height:1.45}.card kbd{font-family:ui-monospace,SF Mono,Consolas,monospace;color:var(--amber);border:1px solid rgba(255,176,32,.35);border-radius:3px;padding:0 .3rem;font-size:.85em}.panel{position:absolute;top:1rem;bottom:5.2rem;width:min(320px,86vw);background:var(--bg);border:1px solid var(--line);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.9rem;overflow:auto}.panel.left{left:1rem}.panel.right{right:1rem}.panel h3{margin:0 0 .7rem;font-size:.78rem;letter-spacing:.22em;color:var(--dim);font-weight:600}.part-btn,.stack-item{width:100%;text-align:left;text-transform:none;letter-spacing:.02em;margin-bottom:.4rem;display:flex;flex-direction:column;gap:.15rem}.part-btn strong,.stack-item strong{font-weight:650}.part-btn span,.stack-item span,.stat span{color:var(--dim);font-size:.82rem}.stat{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums}.stat b{font-weight:600}.stat b.bad{color:var(--danger)}.stat b.good{color:var(--ok)}.reason{color:var(--amber);min-height:1.2em;font-size:.85rem}.vab-bar{pointer-events:auto;position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-items:center}.hint{color:var(--dim);font-size:.85rem}#hud{position:absolute;top:0;right:0;bottom:0;left:0}.telem{position:absolute;top:1rem;left:1rem;width:min(280px,70vw);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums}.telem header{display:flex;justify-content:space-between;color:var(--dim);font-size:.75rem;letter-spacing:.14em;margin-bottom:.4rem}.telem header b{color:var(--cyan);font-weight:600}.modes{position:absolute;top:1rem;right:1rem;display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.pill{pointer-events:none;border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:.35rem .7rem;font-size:.75rem;letter-spacing:.14em;color:var(--dim)}.pill.on{color:#1a1204;background:var(--amber);border-color:transparent;font-weight:700}.pill.hot{color:var(--cyan);border-color:#7ee0ff80}.coach{position:absolute;left:50%;top:4.5rem;transform:translate(-50%);max-width:min(640px,90vw);text-align:center;color:#f3f7fb;text-shadow:0 2px 16px #000;letter-spacing:.03em;font-size:1.02rem}.alert{position:absolute;left:50%;top:18%;transform:translate(-50%);font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.28em;color:var(--amber);text-shadow:0 0 24px rgba(255,176,32,.45);font-weight:650}.gauges{position:absolute;right:250px;bottom:1.4rem;display:flex;gap:.7rem;align-items:flex-end}.gauge{width:16px;height:160px;border:1px solid var(--line);border-radius:8px;background:#00000059;position:relative;overflow:hidden}.gauge i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#e07020,#ffd27a)}.gauge.fuel i{background:linear-gradient(0deg,#1a6e8a,#9aefff)}.gauge label{position:absolute;bottom:-1.15rem;left:50%;transform:translate(-50%);font-size:.65rem;letter-spacing:.12em;color:var(--dim)}.nav-wrap{position:absolute;right:1rem;bottom:1rem;width:210px;height:210px}.nav-wrap canvas{width:210px;height:210px;border-radius:50%;box-shadow:0 0 0 8px #0a0c10cc,0 0 0 9px #ffffff29;background:radial-gradient(circle at 50% 50%,#123,#000 72%)}.keys{position:absolute;left:1rem;bottom:1rem;color:var(--dim);font-size:.75rem;letter-spacing:.06em;line-height:1.55;text-shadow:0 1px 8px #000}.modal{pointer-events:auto;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073}.modal .card{text-align:left}.modal h2{letter-spacing:.14em}.toasts{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);display:flex;flex-direction:column;gap:.4rem;align-items:center}.toast{background:#081016e0;border:1px solid rgba(126,224,255,.4);color:var(--cyan);padding:.45rem .8rem;border-radius:999px;letter-spacing:.12em;font-size:.78rem}@media(max-width:800px){.panel{top:auto;bottom:4.6rem;height:34vh;width:calc(50% - .9rem)}.panel.left{left:.5rem}.panel.right{right:.5rem;left:auto}.vab-bar{left:.5rem;right:.5rem}.gauges,.keys{display:none}.nav-wrap{width:140px;height:140px}.nav-wrap canvas{width:140px;height:140px}h1{letter-spacing:.08em}.telem{width:min(220px,58vw)}}