html{box-sizing:border-box;overscroll-behavior:none;touch-action:none}body{min-height:100svh;margin:0;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;display:flex;align-items:center;justify-content:center;background-color:#5a6975;background:radial-gradient(circle,#fff 0,#5a6975 100%)}h1{font-family:WindSong,cursive;font-size:3rem;font-weight:400;text-align:center;margin-top:0}#countdown,h1{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10em;color:#fff;text-shadow:0 0 10px #000;z-index:100}.gamepad-buttons{position:relative;display:inline-block;vertical-align:top;margin-left:.5rem;margin-top:-.25rem;margin-right:1.25rem}.gamepad-buttons .gamepad-button{width:.3rem;height:.3rem;border-radius:50%;border:2px solid #000;background-color:transparent;position:absolute;opacity:.3;transition:transform .1s ease-in-out}.gamepad-buttons .gamepad-button.press-me{background-color:#000;opacity:1}.gamepad-buttons.light .gamepad-button{border-color:#fff}.gamepad-buttons.light .gamepad-button.press-me{background-color:#fff}.gamepad-buttons .gamepad-button.pressed{transform:scale(1.3);background-color:#fee715}.gamepad-buttons .gamepad-button.left{top:.5rem;left:-.5rem}.gamepad-buttons .gamepad-button.right{top:.5rem;left:.5rem}.gamepad-buttons .gamepad-button.down{top:1rem}#lobby{--s:8px;--c1:#60544a;--c2:#64574d;--_s:37.5% 12.5% at 62.5%;--_g:34% 99%,#0000 101%;--g1:radial-gradient(var(--_s) 100%,#0000 32%,var(--c1) var(--_g));--g2:radial-gradient(var(--_s) 0,#0000 32%,var(--c1) var(--_g));--g3:radial-gradient(var(--_s) 100%,#0000 32%,var(--c2) var(--_g));--g4:radial-gradient(var(--_s) 0,#0000 32%,var(--c2) var(--_g));background:var(--g1),var(--g2) 0 calc(3*var(--s)),var(--g3) var(--s) calc(3*var(--s)),var(--g4) var(--s) calc(6*var(--s)),var(--g1) calc(2*var(--s)) calc(6*var(--s)),var(--g2) calc(2*var(--s)) calc(9*var(--s)),var(--g3) calc(3*var(--s)) calc(9*var(--s)),var(--g4) calc(3*var(--s)) 0,repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);background-size:calc(4*var(--s)) calc(12*var(--s));color:#fff;width:100%;height:100svh;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:30rem){#lobby{padding:1rem;width:auto;height:auto;border-radius:1em;border:.25em solid #433a32}}#lobby form{margin:0 auto}#lobby .count{display:block;margin-top:-2em;padding-bottom:.8em;font-size:.8em;font-weight:700;color:#498207;text-align:right}#lobby label{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:#433a32;padding:.75em 1em;border-radius:8px;display:inline-block;z-index:1;position:relative}#lobby fieldset{border:0;padding:0;margin:0;position:relative}#lobby input{font-family:Palatino Linotype,Book Antiqua,Palatino,serif;display:block;border-radius:8px;border:0;background-color:#d1c3b7;margin-top:-.75rem;margin-left:3rem;margin-bottom:1rem;padding:1rem 1rem .5rem;font-size:1rem;width:14rem}#lobby input:disabled{opacity:.2}#lobby button{width:100%;font-size:1rem;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;border-radius:8px;border:0;background-color:#433a32;transition:all .3s ease-in-out;color:#fff;padding:.75em 1em}#lobby button:disabled{opacity:.2}#lobby button:not(:disabled):hover{background:linear-gradient(90deg,#498207 100%,#433a32 0)!important;cursor:pointer}#lobby fieldset .gamepad-buttons{position:absolute;right:1.5rem;top:2.35rem;margin:0}#scoreboard{position:absolute;color:#fff;z-index:1;top:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#scoreboard .player{--s:8px;--c1:#60544a;--c2:#64574d;--_s:37.5% 12.5% at 62.5%;--_g:34% 99%,#0000 101%;--g1:radial-gradient(var(--_s) 100%,#0000 32%,var(--c1) var(--_g));--g2:radial-gradient(var(--_s) 0,#0000 32%,var(--c1) var(--_g));--g3:radial-gradient(var(--_s) 100%,#0000 32%,var(--c2) var(--_g));--g4:radial-gradient(var(--_s) 0,#0000 32%,var(--c2) var(--_g));background:var(--g1),var(--g2) 0 calc(3*var(--s)),var(--g3) var(--s) calc(3*var(--s)),var(--g4) var(--s) calc(6*var(--s)),var(--g1) calc(2*var(--s)) calc(6*var(--s)),var(--g2) calc(2*var(--s)) calc(9*var(--s)),var(--g3) calc(3*var(--s)) calc(9*var(--s)),var(--g4) calc(3*var(--s)) 0,repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);background-size:calc(4*var(--s)) calc(12*var(--s));border:.25em solid #433a32;padding:.5em 1em;opacity:.95;position:absolute;display:flex;flex-direction:column}#scoreboard .player:first-child{border-top:0;border-left:0;border-radius:0 0 1em 0;left:0}#scoreboard .player:nth-child(2){border-top:0;border-right:0;border-radius:0 0 0 1em;right:0}#scoreboard .player:nth-child(3){border-bottom:0;border-left:0;border-radius:0 1em 0 0;left:0;bottom:0}#scoreboard .player:nth-child(4){border-bottom:0;border-right:0;border-radius:1em 0 0 0;right:0;bottom:0}#scoreboard .player .health{width:3.5em;height:.15em;background:#000;border-radius:.25em;margin:.75em 0 0 1.25em;padding:.1em;position:relative}#scoreboard .player .health.hit svg{transform:translate(-100%,-50%) scale(1.25)}#scoreboard .player .health svg{position:absolute;left:0;top:50%;width:1.25em;height:1.25em;fill:#b51c17;transform:translate(-100%,-50%)}#scoreboard .player .health svg path{stroke:#000}#scoreboard .player .health .meter{width:100%;height:100%;background:#b51c17;border-radius:.25em}