:root,[data-theme=dark]{--color-bg:#0d1620;--color-surface:#16232f;--color-surface-hover:#1d2e3d;--color-border:#233444;--color-text:#e3edf6;--color-text-muted:#8fa0b3;--color-accent:#36cfe0;--color-accent-hover:#5fdcea;--color-amber:#e6a23c;--color-success:#4fc78a;--color-danger:#ef6a6a;--color-viewport-bg:#16283a;--color-floor:#2a455c;--color-grid-major:#429eb0;--color-grid-minor:#2f7a8a;--font-display:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--radius:10px;--content-max:1100px}[data-theme=light]{--color-bg:#eef2f6;--color-surface:#fff;--color-surface-hover:#e4ebf2;--color-border:#c3ced9;--color-text:#1a2433;--color-text-muted:#5c6b7c;--color-accent:#0b9aab;--color-accent-hover:#087f8c;--color-amber:#b8791a;--color-success:#2a9a64;--color-danger:#d14b4b;--color-viewport-bg:#d5e2ee;--color-floor:#c2d3e3;--color-grid-major:#3d7f90;--color-grid-minor:#8aadc0}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}.page{max-width:var(--content-max);padding:var(--space-5) var(--space-4);margin:0 auto}.site-header{margin-bottom:var(--space-5)}.site-header__row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.site-header h1{margin:0 0 var(--space-2);font-size:1.75rem}.site-header p{color:var(--color-text-muted);max-width:60ch;margin:0}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);width:2.25rem;height:2.25rem;color:var(--color-text);cursor:pointer;border-radius:999px;flex:none;padding:0;font-size:1.05rem;line-height:1;transition:border-color .12s,background .12s,color .12s}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-hover)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;transition:background .12s,border-color .12s,transform .12s;display:flex;overflow:hidden}.card:hover{background:var(--color-surface-hover);border-color:var(--color-accent);text-decoration:none;transform:translateY(-2px)}.card__thumb{aspect-ratio:16/10;background:var(--color-viewport-bg);color:var(--color-text-muted);font-family:var(--font-mono);place-items:center;font-size:.8rem;display:grid}.card__thumb img{object-fit:cover;width:100%;height:100%;display:block}.card__body{padding:var(--space-3)}.card__title{margin:0 0 var(--space-1);color:var(--color-text);font-size:1.05rem}.card__desc{color:var(--color-text-muted);margin:0;font-size:.9rem}.tag{margin:var(--space-2) var(--space-1) 0 0;padding:0 var(--space-2);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;font-size:.72rem;display:inline-block}.badge-example{margin-left:var(--space-2);padding:0 var(--space-2);background:var(--color-border);color:var(--color-text-muted);vertical-align:middle;border-radius:999px;font-size:.7rem;display:inline-block}.empty{color:var(--color-text-muted);padding:var(--space-5) 0}.policy-header{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.policy-header h1{margin:0;font-size:1.5rem}.back-link{font-size:.9rem}.viewport{background:var(--color-viewport-bg);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;height:clamp(360px,65vh,720px);position:relative;overflow:hidden}.viewport canvas{display:block}.viewport-note{left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-2);background:color-mix(in srgb, var(--color-surface) 80%, transparent);border:1px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-mono);color:var(--color-text-muted);pointer-events:none;font-size:.72rem;position:absolute}.policy-meta{margin-top:var(--space-4);color:var(--color-text-muted);font-size:.9rem}.gallery--live{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gcard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);flex-direction:column;text-decoration:none;transition:border-color .14s,transform .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.gcard:hover{border-color:var(--color-accent);text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 30px -12px #0009}.gcard__stage{aspect-ratio:4/3;background:radial-gradient(120% 90% at 50% 30%, #1b3047 0%, var(--color-viewport-bg) 70%);position:relative}.gcard__stage canvas{display:block}.gcard__overlay{z-index:1;position:absolute;inset:0}.gcard__bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);display:flex}.gcard__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1rem;font-weight:600;overflow:hidden}.gcard__badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:.16rem .5rem;font-size:.62rem}.gcard__badge[data-live=live]{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 45%, transparent)}.gcard__badge[data-live=boot]{color:var(--color-amber)}.gcard__badge[data-live=paused],.gcard__badge[data-live=capped]{color:var(--color-text-muted)}.gcard__badge[data-live=fell]{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 45%, transparent)}.gcard__body{padding:0 var(--space-3) var(--space-3)}.gcard__desc{color:var(--color-text-muted);margin:0;font-size:.85rem}.gcard__tags{margin-top:var(--space-2)}.live{background:var(--color-viewport-bg);color:var(--color-text);font-family:var(--font-sans);--hud-bg:color-mix(in srgb, var(--color-bg) 70%, transparent);--hairline:color-mix(in srgb, var(--color-border) 85%, transparent);--glow:color-mix(in srgb, var(--color-accent) 55%, transparent);position:absolute;inset:0;overflow:hidden}.live__boot{z-index:20;background:radial-gradient(120% 90% at 50% 40%, color-mix(in srgb, var(--color-bg) 35%, transparent) 0%, color-mix(in srgb, var(--color-bg) 92%, transparent) 70%), var(--color-viewport-bg);justify-content:center;align-items:center;padding:1.25rem;transition:opacity .38s,visibility .38s;display:flex;position:absolute;inset:0}.live[data-loading=done] .live__boot{opacity:0;visibility:hidden;pointer-events:none}.live__boot[hidden]{display:none!important}.live__boot-card{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--hud-bg);-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);text-align:center;width:min(22rem,100%);padding:1.25rem 1.2rem 1.1rem}.live__boot-brand{align-items:center;gap:.55rem;margin-bottom:.85rem;display:inline-flex}.live__boot-title{font-family:var(--font-mono);letter-spacing:.06em;font-size:.95rem}.live__boot-label{color:var(--color-text-muted);min-height:2.4em;margin:0 0 .85rem;font-size:.82rem;line-height:1.35}.live__boot-label[data-tone=error]{color:var(--color-danger)}.live__boot-bar{background:var(--hairline);border-radius:999px;height:4px;overflow:hidden}.live__boot-fill{border-radius:inherit;background:var(--color-accent);width:0%;height:100%;box-shadow:0 0 10px var(--glow);transition:width .22s;display:block}.live__boot-pct{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-muted);margin:.55rem 0 0;font-size:.68rem}@media (prefers-reduced-motion:reduce){.live__boot,.live__boot-fill{transition:none}}.live__stage{position:absolute;inset:0}.live__stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.live__vignette{pointer-events:none;z-index:1;background:radial-gradient(125% 95% at 50% 36%, transparent 52%, color-mix(in srgb, var(--color-bg) 72%, transparent) 100%);position:absolute;inset:0}.live__topbar,.live__telemetry{align-items:center;gap:var(--space-3);background:var(--hud-bg);-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);z-index:2;padding:.7rem 1.05rem;display:flex;position:absolute;left:0;right:0}.live__topbar{border-bottom:1px solid var(--hairline);animation:.54s cubic-bezier(.2,.7,.2,1) both hud-down;top:0}.live__telemetry{border-top:1px solid var(--hairline);font-family:var(--font-mono);flex-wrap:wrap;gap:.35rem 1.5rem;animation:.54s cubic-bezier(.2,.7,.2,1) 90ms both hud-up;bottom:0}@keyframes hud-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes hud-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.live__topbar,.live__telemetry{animation:none}.live__dot{animation:none!important}}.live__back{border:1px solid var(--hairline);width:30px;height:30px;color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;text-decoration:none;transition:border-color .12s,background .12s;display:inline-flex}.live__back:hover{border-color:var(--color-accent);background:var(--color-surface-hover);color:var(--color-accent)}.live__topbar .theme-toggle{background:color-mix(in srgb, var(--color-surface) 78%, transparent);border-color:var(--hairline);width:2rem;height:2rem;color:var(--color-text-muted);font-size:.95rem}.live__topbar .theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-hover)}.live__github svg{display:block}.live__brand{align-items:center;gap:.6rem;display:flex}.live__wordmark{font-family:var(--font-mono);letter-spacing:.06em;font-size:.92rem}.live__wordmark b{color:var(--color-accent);font-weight:700}.live__dot{background:var(--color-accent);width:9px;height:9px;box-shadow:0 0 0 0 var(--glow);border-radius:50%;animation:1.7s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.live__state{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);border:1px solid;border-radius:999px;padding:.14rem .5rem;font-size:.62rem}.live[data-state=paused] .live__dot{background:var(--color-amber);animation:none}.live[data-state=paused] .live__state{color:var(--color-amber)}.live[data-state=fell] .live__dot{background:var(--color-danger);animation:none}.live[data-state=fell] .live__state{color:var(--color-danger)}.live[data-state=boot] .live__dot{background:var(--color-text-muted);animation:none}.live[data-state=boot] .live__state{color:var(--color-text-muted)}.live__status{min-width:0;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;overflow:hidden}.live__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.live__select{align-items:center;gap:.45rem;display:flex}.live__select>span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6rem}.live__select select,.live__btn{font:inherit;color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 78%, transparent);border:1px solid var(--hairline);cursor:pointer;border-radius:8px;padding:.4rem .72rem;font-size:.82rem;transition:border-color .12s,background .12s,transform .12s,box-shadow .12s}.live__btn:hover,.live__select select:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.live__btn:active{transform:translateY(1px)}.live__btn:disabled,.live__select select:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.live__btn:focus-visible,.live__select select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.live__btn--primary{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent)}.live__btn--primary:hover{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 16%, transparent)}.live__btn--warn{border-color:color-mix(in srgb, var(--color-amber) 60%, transparent);color:var(--color-amber)}.live__btn[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent)}.live__keys{z-index:3;font-family:var(--font-mono);color:var(--color-text);font-size:.78rem;position:relative}.live__keys-toggle{cursor:pointer;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 78%, transparent);border:1px solid var(--hairline);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:8px;padding:.4rem .72rem;font-size:.82rem;list-style:none}.live__keys-toggle::-webkit-details-marker{display:none}.live__keys[open] .live__keys-toggle{border-color:var(--color-accent);color:var(--color-accent)}.live__keys-body{z-index:5;overscroll-behavior:contain;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--hud-bg);-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;gap:.55rem;width:min(26rem,100vw - 1.25rem);max-height:min(72vh,100dvh - 5.5rem);padding:.55rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0;overflow:hidden auto}.live__keys-pane{border:1px solid color-mix(in srgb, var(--hairline) 80%, transparent);background:color-mix(in srgb, var(--color-surface) 35%, transparent);border-radius:8px;flex:none;min-width:0;overflow:visible}.live__keys-pane[hidden],.live__keys-table tr[hidden]{display:none!important}.live__keys-pane--gen{border-color:color-mix(in srgb, var(--color-amber) 28%, var(--hairline));background:color-mix(in srgb, var(--color-amber) 6%, transparent)}.live__keys-pane--gen[data-active=true]{border-color:color-mix(in srgb, var(--color-amber) 55%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-amber) 18%, transparent)}.live__keys-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid color-mix(in srgb, var(--hairline) 70%, transparent);background:color-mix(in srgb, var(--color-surface) 45%, transparent);justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.4rem .55rem;font-size:.62rem;font-weight:600;display:flex}.live__keys-pane--gen .live__keys-heading{color:color-mix(in srgb, var(--color-amber) 75%, var(--color-text))}.live__keys-badge{letter-spacing:.1em;border:1px solid var(--hairline);color:var(--color-text-muted);border-radius:999px;padding:.12rem .4rem;font-size:.58rem}.live__keys-badge[data-tone=on]{border-color:color-mix(in srgb, var(--color-amber) 55%, transparent);color:var(--color-amber);background:color-mix(in srgb, var(--color-amber) 12%, transparent)}.live__keys-badge[data-tone=off]{opacity:.75}.live__keys-badge[data-tone=muted]{opacity:.45}.live__keys-note{color:var(--color-text-muted);overflow-wrap:anywhere;word-break:break-word;margin:0;padding:.4rem .55rem .15rem;font-size:.7rem;line-height:1.4}.live__keys-note strong{color:var(--color-text);font-weight:600}.live__keys-table{table-layout:fixed;border-collapse:collapse;width:100%}.live__keys-table th,.live__keys-table td{text-align:left;vertical-align:top;white-space:normal;height:auto;padding:.42rem .55rem;line-height:1.45}.live__keys-table th{width:36%;color:var(--color-text-muted);font-weight:500}.live__keys-table td{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;width:64%}.live__keys-table tr+tr th,.live__keys-table tr+tr td{border-top:1px solid color-mix(in srgb, var(--hairline) 55%, transparent)}.live__keys-table kbd,.live__keys-note kbd{border:1px solid var(--hairline);background:color-mix(in srgb, var(--color-surface) 80%, transparent);min-width:1.35rem;font:inherit;text-align:center;color:var(--color-text);white-space:nowrap;border-radius:4px;margin:.05rem .08rem .05rem 0;padding:.08rem .35rem;font-size:.72rem;display:inline-block}.tm{flex-direction:column;line-height:1.18;display:flex}.tm__k{letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-muted);font-size:.58rem}.tm__v{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:.92rem}.tm[data-tone=ok] .tm__v{color:var(--color-success)}.tm[data-tone=warn] .tm__v{color:var(--color-amber)}.tm[data-tone=bad] .tm__v{color:var(--color-danger)}.live__progress{background:var(--hairline);z-index:3;height:3px;position:absolute;bottom:0;left:0;right:0}.live__progress>span{background:var(--color-accent);width:0;height:100%;box-shadow:0 0 8px var(--glow);transition:width .2s linear;display:block}.live__mode-pill{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);color:var(--color-accent);border-radius:999px;padding:.12rem .45rem;font-size:.58rem}.live__mode-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid #0000;border-radius:8px;padding:.35rem .55rem;font-size:.68rem;text-decoration:none;transition:border-color .12s,color .12s}.live__mode-link:hover{color:var(--color-accent);border-color:var(--hairline)}.live__btn--mode[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-amber) 60%, transparent);color:var(--color-amber)}.live__more{position:relative}.live__more[hidden]{display:none!important}.live__more-toggle{cursor:pointer;font:inherit;color:var(--color-text);background:color-mix(in srgb, var(--color-surface) 78%, transparent);border:1px solid var(--hairline);-webkit-user-select:none;user-select:none;border-radius:8px;padding:.4rem .72rem;font-size:.82rem;list-style:none}.live__more-toggle::-webkit-details-marker{display:none}.live__more[open] .live__more-toggle{border-color:var(--color-accent);color:var(--color-accent)}.live__more-body{z-index:4;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--hud-bg);-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);flex-wrap:wrap;gap:.45rem;min-width:min(18rem,100vw - 2rem);max-width:min(22rem,100vw - 1.5rem);padding:.55rem;display:flex;position:absolute;top:calc(100% + .35rem);right:0}.live__btn--chrome[aria-pressed=true],.live__btn--pad[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent)}.live[data-chrome=minimal] .live__status{display:none}.live[data-chrome=minimal] .live__select--clip{flex:10rem;min-width:0}.live[data-chrome=minimal] .live__select--clip select{flex:1;min-width:0;max-width:100%;padding:.5rem .75rem;font-size:.9rem}.live[data-chrome=minimal] .live__controls{flex:100%;justify-content:flex-start}.live[data-chrome=minimal] .live__telemetry .tm:nth-child(n+7){display:none}.live__pad{z-index:2;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:flex-end;gap:1rem;padding:0 1rem .75rem;display:flex;position:absolute;bottom:3.4rem;left:0;right:0}.live__pad[hidden]{display:none!important}.live__stick,.live__pad-actions{pointer-events:auto}.live__stick-base{border:1px solid var(--hairline);background:color-mix(in srgb, var(--color-bg) 45%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);touch-action:none;border-radius:50%;width:7.5rem;height:7.5rem;position:relative}.live__stick-knob{background:color-mix(in srgb, var(--color-accent) 55%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent) 50%, transparent);width:2.6rem;height:2.6rem;box-shadow:0 0 12px color-mix(in srgb, var(--color-accent) 22%, transparent);will-change:transform;border-radius:50%;margin:-1.3rem 0 0 -1.3rem;position:absolute;top:50%;left:50%}.live__pad-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:9.5rem;display:grid}.live__pad-btn{font:inherit;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);background:color-mix(in srgb, var(--color-bg) 50%, transparent);border:1px solid var(--hairline);touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;min-height:2.85rem;padding:.85rem .4rem;font-size:.72rem}.live__pad-btn[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.live__pad-btn--sprint[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-amber) 60%, transparent);color:var(--color-amber)}.live__pad-btn--sprint,.live__pad-btn--crouch{grid-column:1/-1}.live[data-hud=off] .live__topbar,.live[data-hud=off] .live__telemetry,.live[data-hud=off] .live__progress{display:none!important}.live[data-hud=off] .live__pad{bottom:1rem}.live__hud-mini{z-index:4;flex-direction:column;align-items:flex-end;gap:.4rem;max-width:calc(100vw - 1.5rem);display:none;position:absolute;top:.75rem;right:.75rem}.live[data-hud=off] .live__hud-mini{display:flex}.live__mode-mini{letter-spacing:.06em;text-transform:uppercase;background:var(--hud-bg);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);padding:.45rem .75rem;font-size:.78rem}.live__minibar{border:1px solid var(--hairline);background:var(--hud-bg);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-radius:12px;align-items:center;gap:.4rem;max-width:100%;padding:.4rem .45rem;display:none}.live[data-kind=tracking] .live__minibar{z-index:4;position:absolute;top:.75rem;right:.75rem}.live[data-hud=off][data-ref=clips] .live__minibar{display:flex}.live[data-hud=off][data-ref=gen] .live__minibar,.live__minibar[hidden]{display:none!important}.live__minibar-label{display:none}.live__minibar-clip{flex:auto;min-width:0}.live__minibar-clip select{max-width:min(12rem,42vw);padding:.35rem .5rem;font-size:.78rem}.live__btn--icon{flex:none;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;padding:0;font-size:.95rem;line-height:1;display:inline-flex}.live__btn--icon[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);color:var(--color-accent)}@media (width<=720px){.live__topbar{flex-wrap:wrap;gap:.5rem .8rem;padding:.6rem .75rem}.live__status{flex-basis:100%;order:3}.live__controls{order:2}.live__telemetry{gap:.25rem 1.1rem;padding:.55rem .75rem}.tm__v{font-size:.82rem}.live__pad{gap:.65rem;padding:0 .7rem .45rem;bottom:3.2rem}.live[data-hud=off] .live__pad{bottom:.7rem}.live__stick-base{width:5.75rem;height:5.75rem}.live__stick-knob{width:2rem;height:2rem;margin:-1rem 0 0 -1rem}.live__pad-actions{gap:.32rem;width:7.25rem}.live__pad-btn{border-radius:9px;min-height:2.15rem;padding:.48rem .28rem;font-size:.64rem}.live__keys-body{width:auto;max-height:min(68dvh,100dvh - 4.5rem);left:.5rem;right:.5rem}.live__keys-note,.live__keys-table th,.live__keys-table td{font-size:.78rem;line-height:1.5}}@media (orientation:landscape) and (height<=560px){.live__pad{gap:.45rem;padding:0 .5rem .3rem;bottom:.45rem}.live[data-hud=off] .live__pad{bottom:.4rem}.live__stick-base{width:4.75rem;height:4.75rem}.live__stick-knob{width:1.7rem;height:1.7rem;margin:-.85rem 0 0 -.85rem}.live__pad-actions{gap:.25rem;width:6.4rem}.live__pad-btn{border-radius:8px;min-height:1.75rem;padding:.32rem .22rem;font-size:.58rem}}