:root{font-family:Arial,sans-serif;color:#121613;background:#e8e5db;--carbon: #121613;--paper: #f1efe7;--cobalt: #1849c6;--signal: #d6f05f;--proof: #ad3f27}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background-color:#e8e5db}.docket{position:absolute;z-index:3;top:0;left:0;right:245px;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border:1px solid var(--carbon);background:rgba(241,239,231,.94);pointer-events:none;font:700 .64rem/1.3 monospace;letter-spacing:.07em}.docket div{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem}.docket strong{color:var(--cobalt)}.docket>span{color:var(--proof)}.instruction{position:absolute;z-index:3;left:1rem;bottom:1rem;max-width:min(42ch,calc(100vw - 2rem));padding:.75rem .85rem;border:1px solid var(--carbon);background:var(--signal);box-shadow:3px 4px #12161329;pointer-events:none;font:700 .6rem/1.35 monospace;letter-spacing:.04em}.lil-gui.root{--background-color: var(--paper);--widget-color: #dedbd1;--hover-color: var(--signal);--focus-color: var(--signal);--text-color: var(--carbon);--number-color: var(--cobalt);--string-color: var(--proof);--font-family: monospace;--font-size: 11px;--widget-height: 24px;width:245px;border-left:1px solid var(--carbon);border-bottom:1px solid var(--carbon)}@media (max-width: 720px){.docket{right:0}.docket>span{display:none}.lil-gui.root{top:53px;max-height:54vh;overflow-y:auto}.instruction{max-width:calc(100vw - 260px)}}