:root{--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}*{box-sizing:border-box}html,body{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 h1{margin:0 0 var(--space-2);font-size:1.75rem}.site-header p{color:var(--color-text-muted);max-width:60ch;margin:0}.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:fixed;inset:0;overflow:hidden}.live__stage{position:absolute;inset:0}.live__stage canvas{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__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:2;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);max-width:min(18rem,100vw - 2rem);font-family:var(--font-mono);color:var(--color-text);font-size:.78rem;position:absolute;bottom:3.25rem;right:1rem}.live__keys-toggle{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;padding:.45rem .65rem;list-style:none}.live__keys-toggle::-webkit-details-marker{display:none}.live__keys[open] .live__keys-toggle{border-bottom:1px solid var(--hairline);color:var(--color-accent)}.live__keys-table{border-collapse:collapse;width:100%}.live__keys-table th,.live__keys-table td{text-align:left;vertical-align:top;padding:.35rem .65rem}.live__keys-table th{white-space:nowrap;color:var(--color-text-muted);font-weight:500}.live__keys-table tr+tr th,.live__keys-table tr+tr td{border-top:1px solid color-mix(in srgb, var(--hairline) 65%, transparent)}.live__keys-table 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);border-radius:4px;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}@media (width<=680px){.live__topbar{flex-wrap:wrap;gap:.5rem .8rem;padding:.6rem .75rem}.live__status{flex-basis:100%;order:3}.live__controls{order:2}.live__keys{max-width:calc(100vw - 1.5rem);top:4.5rem;bottom:auto;right:.75rem}.live__telemetry{gap:.25rem 1.1rem;padding:.55rem .75rem}.tm__v{font-size:.82rem}}