#pg{--bg:#0e1116;--panel:#171c24;--text:#e8edf4;--dim:#8a94a6;--accent:#4ade80;--warn:#fbbf24;--blue:#60a5fa;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px;gap:14px}#pg h1{font-size:18px;font-weight:600;letter-spacing:.02em}#pg h1 a{color:var(--blue)}#stage{position:relative;width:min(92vw,820px);aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden}#stage canvas,#stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#overlay{z-index:2}#bigState{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:3;font-size:28px;font-weight:700;padding:6px 18px;border-radius:10px;background:rgba(0,0,0,.45);color:var(--accent);transition:color .15s}#hud{width:min(92vw,820px);display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}#pg .panel{background:var(--panel);border-radius:12px;padding:14px 16px}#pg .panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:10px}#speedBarWrap{height:22px;background:#0a0d12;border-radius:11px;overflow:hidden}#speedBar{height:100%;width:0;background:linear-gradient(90deg,#22c55e,#fbbf24,#ef4444);transition:width 80ms linear}#speedVal{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;margin-top:8px}#cadence{color:var(--dim);font-size:13px;margin-top:2px}#events{list-style:none;font-size:13px;max-height:130px;overflow-y:auto;display:flex;flex-direction:column-reverse}#events li{padding:2px 0;color:var(--dim)}#events li:first-child{color:var(--text)}#events li b{color:var(--blue)}#status{color:var(--dim);font-size:13px}#tuning{width:min(92vw,820px)}#tuning summary{cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}#tuningGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 24px;gap:4px 24px;margin-top:12px}#pg .tune{display:grid;grid-template-columns:1fr 90px 52px;align-items:center;grid-gap:8px;gap:8px;font-size:12px}#pg .tune label{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#pg .tune input[type=range]{width:100%;accent-color:var(--accent)}#pg .tune output{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text);text-align:right}#tuneReset{margin-top:10px;background:#0a0d12;color:var(--dim);border:1px solid #2a3242;border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer}#tuneReset:hover{color:var(--text)}#liveDebug{margin-top:10px;font-size:12px;color:var(--dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:640px){#hud,#tuningGrid{grid-template-columns:1fr}}