@font-face{font-family:Fredoka One;font-style:normal;font-weight:400;src:local("Fredoka One"),local("FredokaOne-Regular"),url(/fredoka-one-v7-latin-regular.40372799.woff2) format("woff2"),url(/fredoka-one-v7-latin-regular.3323c2ff.woff) format("woff")}body,div,html,span{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:Trebuchet MS,Helvetica,sans-serif;background-clip:padding-box;background-color:var(--white)}button:focus{outline:none}.hidden{visibility:hidden}.show{visibility:visible}.screen{width:100%;height:100%}#gameview{max-width:100vw;max-height:100vh;height:100vh;width:100vw;display:flex}#gameview>div{flex-grow:1;flex-basis:0}.hidden{display:none}#devbanner{transform:rotate(-45deg);text-align:center;width:100px;background:red;z-index:100;position:fixed;top:20px;left:-20px}.home{justify-content:center;align-items:center;flex-direction:column}#startform,.home{display:flex}.result a.button{width:6rem;margin-top:1rem;border-radius:2rem;border:3px solid #5a5a5a;color:#5a5a5a;padding:1rem}.home #startbutton,.result a.button{text-align:center;display:inline-block;cursor:pointer;font-family:Trebuchet MS,Helvetica,sans-serif;font-size:1rem;text-decoration:none}.home #startbutton{min-width:10rem;border:0;background-color:#44c767;border-radius:1rem;color:#fff;margin-left:1rem}.home #startbutton:disabled{background-color:#d3d3d3;color:#5a5a5a}.home #startcode{display:block;margin:.2em auto;border:none;padding:0;width:6ch;background:repeating-linear-gradient(90deg,#696969,#696969 1ch,transparent 0,transparent 1.5ch) 0 100%/5.5ch 2px no-repeat;font:2rem droid sans mono,consolas,monospace;letter-spacing:.5ch}.home #startcode:focus{outline:none;color:#1e90ff}.buttons{display:flex}.buttons,.flex-direction-colum{flex-direction:column}.flex-direction-reverse{flex-direction:column-reverse}.home a:hover,.result a.button:hover{background-color:#fff;color:dark}.home a:active,.result a.button:active{position:relative;top:1px}a.link{margin:1rem}.home .code{width:200px;height:100px}.result{display:flex;justify-content:center;align-items:center;flex-direction:column}.scrn{background-color:transparent}@keyframes spinner{to{transform:rotate(1turn)}}.spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#000;animation:spinner .6s linear infinite}