@font-face{font-family:Alpha Prota;src:url(./fonts/AlphaProta-Regular.ttf)}@keyframes blink{0%,49%{opacity:1}50%,99%{opacity:0}}@keyframes blinkred{0%,49%{color:#fff;text-shadow:0 0 20px cyan,.05em .05em 0 black}50%,99%{color:red;text-shadow:0 0 10px red,.05em .05em 0 black}}*{interpolate-size:allow-keywords;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{text-transform:uppercase;font-family:Alpha Prota;letter-spacing:.05em;font-weight:700;line-height:1;color:#fff;margin:0}canvas{display:block;height:100vh;width:100vw}#app{container:game / inline-size}a{text-shadow:0 0 20px cyan,.05em .05em 0 black;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration:underline;color:#0ff}a:hover{text-shadow:0 0 10px yellow,.05em .05em 0 black;color:#ff0}.hud.bottom button{transition:all .03125s ease-in-out;border:2px solid white;outline:none!important;font-family:inherit;aspect-ratio:1 / 1;border-radius:100%;background:#00f;min-width:75px;width:11vw;opacity:.7;padding:0}.fade-move,.fade-enter-active,.fade-leave-active{transition:opacity .25s ease-in-out;pointer-events:none}.fade-enter-from,.fade-leave-to{opacity:0}.fadeslide-move,.fadeslide-enter-active,.fadeslide-leave-active{transition:transform .25s ease-in-out,opacity .25s ease-in-out;pointer-events:none}.fadeslide-enter-from,.fadeslide-leave-to{transform:translate(2rem);opacity:0}.fadeslide-leave-active{position:absolute}.hud{flex-flow:column;display:flex;gap:6px;padding:32px 48px;position:fixed;width:100%;left:0}.hud.top{top:0}.hud.bottom{position:fixed;height:100vh;width:100vw;left:0;top:0}.space-between{justify-content:space-between;align-items:center;display:flex}.space-between span,.space-between label{margin:0!important}.flex{display:flex!important;align-items:center}.gap{gap:8px}.hud .labels>span{font-size:clamp(3rem,7vw,6.5rem)}.hud .values>span{font-size:clamp(2rem,4vw,4rem)}.hud span{text-shadow:0 0 20px cyan,.05em .05em 0 black}.menu{background:color-mix(in oklab,black 70%,transparent);transition:opacity .25s ease-in-out,max-height .25s ease-in-out;transform:translateY(-50%);padding:64px 48px;max-height:464px;position:fixed;height:100%;width:100%;top:50%;left:0}.menu.max-height{max-height:600px}.menu-wrapper,.menu-inner{min-height:100%}.menu-wrapper{position:relative;text-align:center;max-width:800px;margin:0 auto;display:flex}.menu-inner{flex-flow:column;display:flex;width:100%}.menu h1{text-shadow:0 0 20px cyan,.05em .05em 0 black;margin:0 0 2rem;font-size:5rem}.menu h2{text-shadow:0 0 20px cyan,.05em .05em 0 black;margin:0 0 2rem;font-size:4rem}.menu h3{text-shadow:0 0 5px red,.05em .05em 0 black;margin:0 0 1.5rem;font-size:2rem;color:red}.menu .blink{animation:blink 1s linear infinite}.hud .blinkred{animation:blinkred .5s linear infinite}.menu label,.menu span{text-shadow:0 0 20px cyan,.05em .05em 0 black;display:inline-block;font-size:1.65rem;margin:0 auto}.menu label{font-size:2rem;cursor:pointer;z-index:1}.menu label[disabled=true]{pointer-events:none;color:#696969}.menu label:hover{text-shadow:0 0 10px yellow,.05em .05em 0 black;color:#ff0}.menu label.disallowed{text-shadow:0 0 10px red,.05em .05em 0 black;pointer-events:none;color:red}.menu span:not(:first-child){margin-top:10px}.menu span.version{font-size:1.5rem;position:fixed;bottom:1rem;right:1rem}.menu-inner.main label:not(:first-child){margin-top:24px}.menu-inner:not(.main) label:last-child{margin-top:auto!important}.menu-inner.scores .record{position:relative}.menu-inner.scores .record:not(:nth-last-child(2)){margin-bottom:8px}@container game (max-width: 1000px){.hud,.menu{padding:24px 32px}.hud .labels>span{font-size:clamp(1.5rem,10vmin,4rem)}.hud .values>span{font-size:clamp(1.25rem,7vmin,3rem)}.menu,.menu.max-height{overflow-y:auto;max-height:100vh;transform:none;bottom:0;top:0}.menu-inner.main label:nth-child(2){margin-top:auto}.menu-inner.main label:last-child{margin-bottom:auto}.menu-inner.options .space-between{margin-bottom:8px}.menu h1{font-size:14vmin}.menu h2{font-size:10vmin}.menu h3,.menu label,.menu span{font-size:6vmin}}