body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden auto}button,input,select,textarea{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}textarea::-webkit-resizer{display:none}:root{--ui-background:#141414;--ui-panel:#141414f7;--ui-text:#f0f0f0;--ui-muted:#afafaf;--ui-cyan:#00dcdc;--ui-yellow:#dcdc00;--ui-magenta:#dc00dc;--ui-red:#eb4646;--ui-shadow:#00000080}.app[data-theme=light]{--ui-background:#f2f4f6;--ui-panel:#fafbfcfa;--ui-text:#1c1f23;--ui-muted:#5b636c;--ui-cyan:#007d8a;--ui-yellow:#8e7000;--ui-magenta:#972897;--ui-red:#be232a;--ui-shadow:#1c1f2338}.app{width:100vw;min-height:100vh;color:var(--ui-text);background:var(--ui-background)}.simulation-viewport{background:var(--ui-background);justify-content:center;align-items:flex-start;width:100vw;min-height:100vh;display:flex;position:relative}.simulation-canvas{width:calc(100vw - 24px);height:auto;box-shadow:0 10px 32px var(--ui-shadow);margin:12px;display:block}.control-drawer{z-index:10;pointer-events:none;width:min(37.5vw,720px);min-width:360px;position:fixed;top:12px;left:12px}.control-drawer__bar,.control-drawer__panel{pointer-events:auto}.control-drawer__bar{align-items:stretch;gap:6px;display:flex}.control-drawer__toggle,.control-drawer__restart{font-family:Consolas,Monaco,Lucida Console,Liberation Mono,monospace;font-size:1rem;font-weight:400;line-height:1.25}.control-drawer__toggle{z-index:2;min-width:148px;color:var(--ui-text);background:var(--ui-panel);border:2px solid var(--ui-cyan);text-align:left;cursor:pointer;box-shadow:0 4px 14px var(--ui-shadow);padding:8px 12px;position:relative}.control-drawer__restart{z-index:2;background:var(--ui-panel);box-shadow:0 4px 14px var(--ui-shadow);padding-inline:14px;position:relative}.control-drawer__toggle:hover,.control-drawer__toggle:focus-visible{text-shadow:0 0 3px var(--ui-cyan);box-shadow:0 0 7px var(--ui-cyan);outline:none}.control-drawer__chevron{margin-right:8px;transition:transform .14s;display:inline-block}.control-drawer--open .control-drawer__chevron{transform:rotate(90deg)}.control-drawer__panel{width:100%;height:calc(100vh - 68px);color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-muted);box-shadow:0 12px 32px var(--ui-shadow);transform-origin:0 0;opacity:0;visibility:hidden;transition:opacity .14s,transform .14s,visibility 0s linear .14s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-10px)scaleY(.985)}.control-drawer--open .control-drawer__panel{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)scaleY(1)}.settings-box{box-sizing:border-box;width:100%;height:100%;padding:10px}.settings-box__header{justify-content:space-between;align-items:center;gap:10px;padding:0 2px 8px;font-family:Consolas,Monaco,Lucida Console,monospace;display:flex}.settings-box__heading{color:var(--ui-muted);letter-spacing:.08em;text-transform:uppercase}.ui-button{color:var(--ui-text);background:var(--ui-background);border:1px solid var(--ui-yellow);font:inherit;cursor:pointer;padding:5px 8px}.ui-button:hover,.ui-button:focus-visible{text-shadow:0 0 3px var(--ui-yellow);box-shadow:0 0 5px var(--ui-yellow);outline:none}.settings-separator{background:linear-gradient(90deg, var(--ui-cyan), var(--ui-magenta), transparent);opacity:.65;height:1px;margin:12px 8px}@media (width<=760px){.control-drawer{width:calc(100vw - 24px);min-width:0}}@media (prefers-reduced-motion:reduce){.control-drawer__chevron,.control-drawer__panel{transition:none}}