@font-face{font-family:CooperHewitt;src:url(/doka-worms/assets/CooperHewitt-Heavy-3p_4pRDW.otf) format("opentype")}@font-face{font-family:OfficeCodePro;src:url(/doka-worms/assets/OfficeCodePro-Regular-LUhW2L-G.otf) format("opentype")}body{margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background-color:#000;gap:20px}button{border:none;padding:0;background:none}a{cursor:pointer}#svg-filters{visibility:hidden;position:absolute}.viewport{display:flex;flex-direction:column;align-items:center;gap:16px}#main-canvas{border:2px solid white}#toolbox{display:flex;place-items:center;gap:12px}#toolbox.hidden,#start-button.hidden{display:none}.toolbox-section{border:2px solid white;background-color:#fff;display:flex;gap:2px}.toolbox-section.disabled-during-playback[disabled=true]{border:2px solid rgb(225,225,225);background-color:#e1e1e1}.toolbox-button{background-color:#fff;color:#000;padding:6px 12px;font-size:1em;line-height:1.75;font-family:OfficeCodePro,monospace;text-transform:uppercase}.toolbox-button:hover{background-color:#e1e1e1}@keyframes spin{to{transform:rotate(360deg)}}.toolbox-item{background-color:#000;display:flex;place-items:center;padding:6px}.toolbox-item:disabled img{opacity:.5}.toolbox-item.active{background-color:#fff;color:#000}.toolbox-item.active:disabled{background-color:#e1e1e1}.toolbox-item.spinning img{animation:spin 1s linear infinite}button.toolbox-item:not(button.toolbox-item:disabled):hover,button.toolbox-item:not(button.toolbox-item:disabled):hover,a.toolbox-item:not(button.toolbox-item:disabled):hover,a.toolbox-item:not(button.toolbox-item:disabled):hover{background-color:#323232}button.toolbox-item.active:not(button.toolbox-item:disabled):hover,button.toolbox-item.active:not(button.toolbox-item:disabled):hover,a.toolbox-item.active:not(button.toolbox-item:disabled):hover,a.toolbox-item.active:not(button.toolbox-item:disabled):hover{background-color:#e1e1e1}button.toolbox-item.destructive:not(button.toolbox-item:disabled):hover,button.toolbox-item.destructive:not(button.toolbox-item:disabled):hover,a.toolbox-item.destructive:not(button.toolbox-item:disabled):hover,a.toolbox-item.destructive:not(button.toolbox-item:disabled):hover{background-color:red}.needs-explicit-visibility{display:none}.needs-explicit-visibility.has-explicit-visibility{display:inherit}.description{border:2px solid white;padding:10px;max-width:400px;display:flex;flex-direction:column;color:#fff;font-family:OfficeCodePro,monospace}.description h1{margin:0;font-family:CooperHewitt,sans-serif;text-transform:uppercase;font-size:6rem}.description a,.description a:active,.description a:visited{color:#fff;text-decoration:underline}.checkbox{display:inline-flex;align-items:center}.checkbox input{margin-right:1ch}