@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url("/static/fonts/SourceSerif4-Variable-Latin.woff2") format("woff2")} :root{--bg: #0a0a0a;--fg: #f3f4f6;--glass: rgba(120, 61, 61, .12);--glass-border: rgba(139, 75, 75, .24);--hover: rgba(139, 75, 75, .2)}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:"Source Serif 4",Georgia,serif}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(1600px 1600px at 50% 50%,#1a0f0f 0%,var(--bg) 65%)}#ui{position:fixed;right:12px;top:12px;max-width:320px;z-index:10}.controlbar{position:fixed;left:12px;bottom:12px;z-index:10;display:flex;gap:8px;padding:8px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1)}.controlbar button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-border);background:var(--glass);color:var(--fg);border-radius:8px;padding:8px 10px;font-weight:600;cursor:pointer}.controlbar button:hover{background:var(--hover)}@media (max-width: 860px){#ui{right:8px;top:8px;max-width:92vw}.controlbar{left:8px;bottom:8px}}#stage canvas.overlay{pointer-events:none;background:transparent!important}