:root{--night:#0e1424;--night-2:#18213a;--tungsten:#ffcf8a;--brass:#c9772e;--ink:#f4ede1;--muted:#aab3c7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(120% 90% at 70% 10%, #26345a 0%, var(--night) 55%, #070a12 100%);height:100%;color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;position:relative}#stage{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#ui{width:min(640px,100%);position:relative}.title-card{background:linear-gradient(#18213ad9,#0e1424e6);border:1px solid #ffcf8a40;border-radius:16px;padding:clamp(20px,5vw,40px);box-shadow:0 20px 60px #00000073}.title-scene{color:var(--brass);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.85rem}.title-name{color:var(--tungsten);margin:.2em 0 .4em;font-size:clamp(2rem,8vw,3.4rem);line-height:1.05}.title-tagline{margin:0 0 1em;font-size:1.15rem}.title-lede{color:var(--muted);margin:0 0 1.5em;line-height:1.55}.title-status{color:var(--tungsten);margin:0;font-size:.95rem}.lang-picker{background:var(--night-2);min-height:44px;color:var(--ink);border:1px solid #ffcf8a4d;border-radius:10px;margin-top:16px;padding:0 12px;font-size:1rem}#app.with-stage{place-items:end start}#app.with-stage #ui{width:min(420px,100%)}#app.with-stage .title-card{background:linear-gradient(#18213ab8,#0e1424cc);padding:18px 22px}#app.with-stage .title-lede,#app.with-stage .title-tagline{display:none}.perf-hud{color:#b8f5b0;pointer-events:none;background:#0009;border-radius:6px;margin:0;padding:6px 8px;font:12px/1.35 ui-monospace,monospace;position:fixed;top:8px;right:8px}#app.watching{place-items:start end}#app.watching #ui{width:auto}.watch-status{color:var(--tungsten);background:#0e1424b3;border-radius:999px;margin:0;padding:6px 12px;font-size:.9rem}.watch-status[data-link=live]{color:#ff8a7a}#app.layout-obs #ui,#app.layout-obs-vertical #ui{display:none}#app.layout-obs #stage,#app.layout-obs-vertical #stage{background:#000;width:min(100svw,177.778svh);height:min(100svh,56.25svw);margin:auto;inset:0}#app.layout-obs-vertical #stage{width:min(100svw,56.25svh);height:min(100svh,177.778svw)}:is(body:has(#app.layout-obs),body:has(#app.layout-obs-vertical)){background:#000}.freecam-hint{color:#e6ddc8;white-space:nowrap;pointer-events:none;z-index:20;background:#080c18b8;border-radius:6px;margin:0;padding:6px 10px;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.report-button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #ffcf8a4d;border-radius:10px;margin-top:12px;padding:0 14px;font-size:.95rem;display:block}
