:root{--editor-alpha: .25;--box: rgba(0, 0, 0, .6)}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;line-height:1.4}body{font:400 14px/1.4 Chivo,system-ui,sans-serif}:focus-visible{outline:2px solid #fff;outline-offset:1px}code{font-family:monospace}#field{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;touch-action:none}.code{position:fixed;inset:0;z-index:5;box-sizing:border-box;padding:30px;background:rgba(34,34,34,var(--editor-alpha))}.code[hidden]{display:none}.code .cm-editor{height:100%;font-size:18px}.code .cm-scroller{scrollbar-width:none}.code .cm-scroller::-webkit-scrollbar{display:none}.code .cm-content{padding-bottom:40vh}.menu{position:fixed;top:12px;right:12px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:calc(100vw - 24px)}.pickers,.toggles{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.menu select,.menu button,.menu label{height:26px;border:none;border-radius:0;background:var(--box);color:#ccc;font:inherit}.menu select,.menu button{padding:0 8px;cursor:pointer}.menu button:hover,.menu select:hover{background:#fff;color:#000}.pickers select{font-weight:700;max-width:15rem}.menu label{display:flex;align-items:center;gap:6px;padding:0 8px;font-weight:300;color:#aaa}.menu input[type=range]{width:90px;accent-color:#ccc}.menu input[type=number]{width:6.5em;height:20px;padding:0 4px;border:none;background:#ffffff14;color:#ddd;font:inherit}.menu output{min-width:2.6em;color:#ddd;font-variant-numeric:tabular-nums}.menu [aria-pressed=true],.menu [aria-expanded=true]{background:#ccc;color:#000}.settings{position:fixed;top:calc(var(--menu-h, 116px) + 16px);right:12px;z-index:11;box-sizing:border-box;width:min(380px,calc(100vw - 24px));padding:12px 14px;background:#000000d9;color:#ccc}.settings[hidden]{display:none}.settings .note{margin:0 0 8px;font-weight:300;color:#aaa}.var-row{display:grid;grid-template-columns:3em 1fr 6em 24px;align-items:center;gap:8px;height:28px}.var-row code{color:#ccc}.var-row input[type=range]{width:100%;accent-color:#ccc}.var-row input[type=number]{height:22px;padding:0 4px;border:none;background:#ffffff14;color:#ddd;font:13px monospace}.var-row input[type=number]::placeholder{color:#777}.var-row button{height:22px;border:none;background:transparent;color:#aaa;font:inherit;cursor:pointer}.var-row button:hover{background:#fff;color:#000}.var-row.unset input[type=range],.var-row.unset button{opacity:.35}.help{position:fixed;top:calc(var(--menu-h, 116px) + 16px);right:12px;z-index:11;width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - var(--menu-h, 116px) - 60px);overflow-y:auto;scrollbar-width:none;box-sizing:border-box;padding:14px 18px;background:#000000d9;color:#ccc}.help[hidden]{display:none}.help h2{margin:0 0 6px;font-size:14px;font-weight:700;color:#fff}.help dl+h2{margin-top:14px}.help dl{display:grid;grid-template-columns:max-content 1fr;gap:3px 16px;margin:0}.help dt{font-weight:700;white-space:nowrap}.help dd{margin:0;font-weight:300}.help .forms dt{font-weight:400;color:#f2777a}.help code{font-size:13px}.help .tabs{display:flex;gap:4px;margin-bottom:12px}.help .tabs button{height:26px;padding:0 10px;border:none;background:transparent;color:#aaa;font:inherit;font-weight:700;cursor:pointer}.help .tabs button:hover{color:#fff}.help .tabs [aria-selected=true]{background:#ccc;color:#000}.help button.link{padding:0;border:none;background:none;color:#fff;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.help button.link:hover{color:#f99157}.help [role=tabpanel][hidden]{display:none}.help .note{margin:0 0 4px;font-weight:300;color:#aaa}.help h3{margin:14px 0 4px;font-size:13px;font-weight:700;color:#fff}.kind-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:2px}.kind{display:flex;align-items:center;gap:8px;min-width:0;padding:2px 6px 2px 2px;border:none;background:transparent;color:#ccc;font:13px/1.2 monospace;text-align:left;cursor:pointer}.kind:hover{background:#ffffff1f;color:#fff}.kind .thumb{flex:none;display:grid;place-items:center;width:44px;height:44px}.kind code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console{position:fixed;left:30px;bottom:12px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:1px;max-width:min(70vw,900px);font:14px/1.4 monospace;color:#aaa;pointer-events:none}.console .entry{padding:0 4px;background:var(--box);white-space:pre-wrap;overflow-wrap:anywhere;transition:opacity 1s ease}.console .entry:nth-last-child(n+3){opacity:.75}.console .entry:nth-last-child(n+5){opacity:.5}.console .entry.has-action{pointer-events:auto}.console .entry button{height:20px;margin-left:6px;padding:0 8px;border:none;background:#ccc;color:#000;font:13px monospace;cursor:pointer}.console .entry button:hover{background:#fff}.console .entry.gone{opacity:0}.console .error{color:#ff5f5f}.console .value{color:#ccc}.console .defined{color:#f99157}.console .running{color:#9c9}.console .warning{color:#fc6}.console .event{color:#69c}.stats{position:fixed;right:12px;bottom:12px;z-index:7;display:flex;gap:4px;font-weight:300;font-size:12px;color:#aaa;pointer-events:none}.stats span{padding:0 6px;background:var(--box)}.stats b{font-weight:400;color:#ddd;font-variant-numeric:tabular-nums}.stats .paused{color:#fc6;font-weight:700}.stats [hidden]{display:none}@media(prefers-reduced-motion:reduce){.console .entry{transition:none}}@media(max-width:700px){.code{padding:calc(var(--menu-h, 120px) + 20px) 16px 16px}.code .cm-editor{font-size:14px}.console{left:16px;bottom:36px}.help{top:auto;bottom:12px}}
/*# sourceMappingURL=main.css.map */