*{margin:0;padding:0}@font-face{font-family:druk;src:url(../fonts/druk.otf) format("opentype");font-style:normal;font-weight:300}html,body{color:#fff;overflow:hidden;font-family:Druk}button{color:inherit;font:inherit}h1{color:#fff;margin:10px}#blocker{position:absolute;width:100%;height:100%;background-color:#00000080;z-index:1}#instructions{font-family:Druk;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:14px;cursor:pointer}.game-goal{max-width:min(680px,calc(100% - 40px));margin-top:20px;font-size:20px}.start-hint{margin-top:20px}#menu-controls{position:absolute;top:20px;right:20px;z-index:2;display:flex;gap:8px}#menu-controls button,#about-close{border:1px solid rgba(255,255,255,.8);border-radius:3px;padding:8px 12px;background:#000000b3;cursor:pointer;font-family:monospace;font-size:14px}#menu-controls button:hover,#about-close:hover{background:#fff3}#about-dialog{position:absolute;z-index:3;top:50%;left:50%;width:min(620px,calc(100% - 48px));max-height:calc(100% - 120px);overflow:auto;box-sizing:border-box;padding:32px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);background:#000000f0;font-family:monospace;line-height:1.6;cursor:default}#about-dialog[hidden]{display:none}#about-dialog h2{margin:0 40px 16px 0;font-family:Druk;font-size:28px;font-weight:400}#about-dialog a,#about-dialog a:visited{color:#fff}#about-dialog a:hover,#about-dialog a:focus-visible{color:#d0d0d0}#about-close{position:absolute;top:12px;right:12px;padding:4px 10px;font-size:20px}#recording-controls{position:fixed;top:20px;left:20px;z-index:1000;padding:10px;border-radius:5px;background-color:#00000080;color:#fff;font-family:monospace;font-size:14px}#loading-screen{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;transition:1s opacity}#loading-screen.fade-out{opacity:0}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#8a858b;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#887c88;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@media(max-width:600px){#instructions #game-title{font-size:48px!important}#instructions{padding:70px 20px 20px;box-sizing:border-box;overflow:auto}.game-goal{font-size:16px}#about-dialog{padding:24px}}.webgl{position:fixed;top:0;left:0;outline:none;z-index:-1}