*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}*{scrollbar-width:thin;scrollbar-color:#7f7f7f99 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7f7f7f80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7f7f7fcc}body{color:#fff;background-color:#000;margin:0;font-family:Outfit,Roboto,Arial,Helvetica,sans-serif}#root{display:contents;max-width:100%}@media (prefers-reduced-motion){*,:before,:after{animation:none!important}}input,button,select{color:inherit;text-box:trim-both cap alphabetic;background-color:#222;border:none;border-radius:.25em;padding:.25em}:-webkit-any(input,button,select):-webkit-any(:hover,:focus-visible){background-color:#333}:-moz-any(input,button,select):-moz-any(:hover,:focus-visible){background-color:#333}:is(input,button,select):is(:hover,:focus-visible){background-color:#333}input[type=number],button{line-height:1}input[type=number]{width:0;min-width:64px}button{cursor:pointer}a{color:#aaf}a:hover{text-decoration:none}a:visited{color:#faf}a:active{color:#ffc7aa}.top-gap{margin-block-start:8px}.app{display:grid;place-content:space-evenly;place-items: center;max-width:100%;height:100%}.app-initial{grid-template-columns:600px 400px}.info{overflow-y:auto;width:100%;max-width:60ch;max-height:calc(100vh - 150px);padding:16px}.info h2,.info h3{margin-block-start:8px;margin-block-end:-4px}.info p{margin-block-start:6px}.info hr{margin-block-start:8px;margin-block-end:8px}.disclaimer{font-style:italic}.controls{overflow-y:auto;border:1px solid;border-radius:8px;width:400px;max-height:calc(100vh - 150px);padding:8px}@media screen and (max-width:1032px){.app-initial{grid-template-columns:auto;grid-template-rows:auto auto;height:unset;min-height:100%;padding-block-start:32px;padding-block-end:32px}.info{max-height:unset}.controls{max-height:unset;max-width:calc(100vw - 32px)}}.modes{display:flex;flex-direction:row;gap:8px}.modes input{vertical-align:middle}.start{display:flex;justify-content:center;font-size:1.75em}.gamepads{overflow-y:scroll;border:1px solid;border-radius:8px;max-height:200px;padding:8px}.gamepad{display:flex;border:1px solid;border-radius:8px;flex-flow:wrap;align-items: center;gap:8px;padding:8px}.gamepad:not(:last-child){margin-block-end:8px}.gamepad-name{margin-right:auto}.actuator{border:2px solid var(--actuator-color,#fff);--bg:color-mix(in oklch,var(--actuator-color,#fff)80%,transparent);background-color:var(--bg);box-shadow:0 0 10px 2px color-mix(in oklch,var(--actuator-color,#fff)50%,transparent);border-radius:8px;width:32px;height:32px}.actuator:-webkit-any(:hover,:focus-visible){background-color:var(--actuator-color)}.actuator:-moz-any(:hover,:focus-visible){background-color:var(--actuator-color)}.actuator:is(:hover,:focus-visible){background-color:var(--actuator-color)}.actuator-left{border-top-right-radius:2px;border-bottom-right-radius:2px}.actuator-right{border-top-left-radius:2px;border-bottom-left-radius:2px}.actuator-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:50px}.actuator-select{position:relative;display:flex;border:1px solid #fff;border-radius:8px;flex-grow:1;justify-content:flex-end;gap:4px;padding:8px}.actuator-select-title{position:absolute;font-size:.75em;top:2px;left:8px}.warning{color:#ff8c00}.error{color:red}.drag-shell{animation:.7s both fade-in;background-color:#5555;border:1px solid #555;border-radius:4px}.drag-item{touch-action:none}.drag-float{pointer-events:none}@keyframes fade-in{0%{opacity:0}}.toggle-contents{overflow:hidden}.runner{display:grid;grid-template-columns:auto;grid-template-rows:1fr min-content 1fr;gap:8px;margin-block-start:16px;margin-block-end:16px}.runner-before,.runner-after{display:flex;flex-direction:column;align-items: center;gap:8px}.runner-before{justify-content:flex-end}.runner-after{justify-content:flex-start}.runner p{text-align:center;max-width:60ch}.ball-track{position:relative;display:grid;--ball-color:#fff;place-items: center;height:100px}.ball{background-color:var(--ball-color);position:absolute;opacity:calc(1/(1 + var(--index)));border-radius:25px;width:50px;height:50px}.ball-particle{position:absolute;background-color:rgb(from var(--ball-color)r g b/.1);border:1px solid var(--ball-color);transform:translateX(var(--x));animation:.7s cubic-bezier(.16,1,.3,1) both pop,.8s .1s both fade-out;border-radius:25px;width:50px;height:50px}@keyframes pop{to{transform:translateX(var(--x))scale(3)}}@keyframes fade-out{to{opacity:0}}