#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.board{border:1px solid var(--hairline);background:#14161de6;border-radius:8px;width:min(340px,100vw - 24px);max-height:calc(100vh - 160px);padding:12px 16px;position:fixed;top:12px;left:12px;overflow:auto}.board h2{font:700 16px/1.2 var(--font-display);letter-spacing:.04em;margin:16px 0 8px}.board ul{margin:0;padding-left:18px}.board-toggle{font:700 20px/1.2 var(--font-display);color:var(--paper);cursor:pointer;background:0 0;border:0;min-height:48px;padding:0}.swatches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.swatch{align-items:center;gap:8px;font-size:12.5px;display:flex}.chip{border:1px solid var(--hairline);border-radius:4px;width:20px;height:20px}.audit,.fps,.banner{border:1px solid var(--hairline);background:#14161de6;border-radius:8px;padding:8px 12px;font-size:12.5px;position:fixed}.audit{white-space:pre-line;overflow-wrap:anywhere;max-width:min(420px,100vw - 24px);bottom:12px;left:12px}.fps{font-variant-numeric:tabular-nums;bottom:12px;right:12px}.lil-gui.lil-auto-place{max-height:calc(100vh - 64px)}.banner{color:var(--gold);top:12px;left:50%;transform:translate(-50%)}@media (width<=767px){:root{--chip-line:16.8px;--chip-reserve:calc(8px + var(--chip-line) + 10px + 4px + 4 * var(--chip-line) + 10px + 8px);--view-h:100vh}@supports (height:100dvh){:root{--view-h:100dvh}}.board{width:min(480px,100vw - 16px);max-height:calc(var(--view-h) - 8px - var(--chip-reserve));flex-direction:column;padding:0 16px 12px;display:flex;top:8px;left:8px;overflow:hidden}.board.board-closed{width:auto;padding:0 14px}.board-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.board-toggle{letter-spacing:.04em;-webkit-tap-highlight-color:transparent;flex:none;align-self:flex-start;font-size:16px}.board-toggle:active{opacity:.75}.board-toggle:before{content:"▾";content:"▾" / "";padding-right:4px;font-family:lil-gui;display:inline-block}.board-toggle[aria-expanded=false]:before{content:"▸";content:"▸" / ""}.lil-gui.lil-root.lil-auto-place{width:min(480px,100vw - 16px);max-height:calc(var(--view-h) - 8px - var(--chip-reserve));border:1px solid var(--hairline);--title-background-color:#14161de6;border-radius:8px;top:8px;right:8px;overflow:hidden}.lil-gui.lil-root.lil-auto-place.lil-closed:not(.lil-transition){width:auto}.lil-gui.lil-root>.lil-title{height:48px;font:700 16px/1 var(--font-display);letter-spacing:.04em;color:var(--paper);flex:none;padding:0 14px}.lil-gui.lil-root>.lil-title:before{content:"▾";content:"▾" / "";padding-right:4px}.lil-gui.lil-root.lil-closed>.lil-title:before{content:"▸";content:"▸" / ""}.lil-gui.lil-root>.lil-children{overscroll-behavior:contain}.board-toggle:focus-visible,.lil-gui.lil-root>.lil-title:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.audit,.fps,.banner{font-size:12px;line-height:var(--chip-line);padding:4px 8px}.fps{white-space:nowrap;bottom:8px;left:8px;right:auto}.audit{left:8px;bottom:calc(8px + var(--chip-line) + 10px + 4px);max-width:calc(100vw - 16px);max-height:calc(4 * var(--chip-line) + 10px);overscroll-behavior:contain;overflow-y:auto}.banner{text-align:center;width:fit-content;margin:0 auto;top:64px;left:8px;right:8px;transform:none}.board:not(.board-closed)~.banner,.dials-open .banner{visibility:hidden}}