.hud-player{border:.25em solid var(--color-background-dark);padding:.5em 1em;opacity:.95;position:absolute;display:flex;flex-direction:column}.hud-player:first-child{border-top:0;border-left:0;border-radius:0 0 1em 0;left:0}.hud-player:nth-child(2){border-top:0;border-right:0;border-radius:0 0 0 1em;right:0}.hud-player:nth-child(3){border-bottom:0;border-left:0;border-radius:0 1em 0 0;left:0;bottom:0}.hud-player:nth-child(4){border-bottom:0;border-right:0;border-radius:1em 0 0 0;right:0;bottom:0}.hud-player-health{width:3.5em;height:.15em;background:var(--color-dark-active);border-radius:.25em;margin:.75em 0 0 1.25em;padding:.1em;position:relative}.hud-player-health svg{position:absolute;left:0;top:50%;width:1.25em;height:1.25em;fill:var(--color-alert);transform:translate(-100%,-50%)}.hud-player-health.hit svg{transform:translate(-100%,-50%) scale(1.25)}.hud-player-health svg path{stroke:var(--color-dark-active)}.hud-player-meter{width:100%;height:100%;background:var(--color-alert);border-radius:.25em}.hud-timer{position:absolute;top:0;left:50%;transform:translateX(-50%);border:.25em solid var(--color-background-dark);border-top:0;border-radius:0 0 1em 1em;padding:.25em 1em;opacity:.95;font-size:1.5em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-timer.hud-timer-warning{color:var(--color-alert)}#countdown{top:50%;left:50%;transform:translate(-50%,-50%);font-size:10em;text-shadow:0 0 10px #000;z-index:100}#countdown,#hud{position:absolute;color:var(--color-text);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}#hud{z-index:1;top:0;width:100%;height: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 var(--color-dark-active);background-color:transparent;position:absolute;opacity:.3;transition:transform .1s ease-in-out}.gamepad-buttons .gamepad-button.press-me{background-color:var(--color-dark-active);opacity:1}.gamepad-buttons.light .gamepad-button{border-color:var(--color-text)}.gamepad-buttons.light .gamepad-button.press-me{background-color:var(--color-text)}.gamepad-buttons .gamepad-button.pressed{transform:scale(1.3);background-color:var(--color-active)}.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}.player-connect-row-status{position:absolute;right:1rem;top:2.5rem;font-size:.8em;font-weight:700;color:var(--color-background-dark);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.progress-button{width:100%;font-size:1rem;font-family:var(--font-serif);border-radius:8px;border:0;background-color:var(--color-background-dark);transition:all .3s ease-in-out;color:var(--color-text);padding:.75em 1em}.progress-button:disabled{opacity:.2}.progress-button:not(:disabled):hover{background:linear-gradient(90deg,var(--color-dark-active) 100%,var(--color-background-dark) 100%)!important;cursor:pointer}.borders{content:"";inset:1rem;border:.5rem solid var(--color-background-accent);z-index:-1;background-color:var(--color-background);background-image:url(/images/noise.svg);background-blend-mode:multiply;background-repeat:repeat;background-size:500px}.borders,.corner{position:absolute}.corner{--corner-size:10rem;--corner-offset:calc(-0.5rem - var(--corner-size) * 16 / 176);width:var(--corner-size);height:var(--corner-size);pointer-events:none;overflow:visible}.corner.top-left{top:var(--corner-offset);left:var(--corner-offset)}.corner.top-right{top:var(--corner-offset);right:var(--corner-offset);transform:scaleX(-1)}.corner.bottom-left{bottom:var(--corner-offset);left:var(--corner-offset);transform:scaleY(-1)}.corner.bottom-right{bottom:var(--corner-offset);right:var(--corner-offset);transform:scale(-1)}.corner-line{fill:none;stroke:var(--color-background-accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.corner-line.thin{stroke-width:1.25}.corner-fill{fill:var(--color-background-accent)}.corner-medallion{stroke:var(--color-background-accent);stroke-width:3}.corner-medallion,.corner-pin{fill:var(--color-background-dark)}.modal{color:var(--color-text);padding:4rem;background-color:var(--color-background);border:0}.modal::-webkit-backdrop{background-color:rgba(0,0,0,.8)}.modal::backdrop{background-color:rgba(0,0,0,.8)}.modal>h1{font-size:2rem}.game-count{display:block;padding-bottom:.8em;font-size:.9em;color:var(--color-active)}.lobby{justify-content:center;padding:3rem}.lobby,.menu{display:flex;flex-direction:column}.menu{align-items:center}.form{margin-top:1rem}h1{font-family:var(--font-script);font-size:clamp(3rem,10vw,6rem)}h1,h2{font-weight:400;text-align:center;margin:0}h2{font-size:1.25rem}#audio-hint{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);padding:.5em 1em;border-radius:8px;background-color:var(--color-background-dark);color:var(--color-text);font-size:.8em;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}