@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.anim-in{animation:.5s forwards fadeSlideIn}.anim-out{animation:.5s forwards fadeSlideOut}.anim-in-delayed{opacity:0;animation:.3s .25s forwards fadeSlideIn}@font-face{font-family:DooM;font-style:normal;font-weight:400;src:url(/DooM.woff)format("woff")}*{box-sizing:border-box}body{background:url(/bg.png) 50%;justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;font-family:"Jersey 10",sans-serif;font-size:1.5em;font-weight:400;line-height:1.5;display:flex}canvas{background-color:#000;width:min(100vw,133.333vh);height:auto}.dialog{background:#dbdbdb url(/bg-dialog.png) 50%;justify-content:center;width:600px;max-width:800px;padding:2rem;position:relative;box-shadow:0 10px #c2593980}h1{text-transform:uppercase;margin:0 0 .5em;font-family:DooM;font-size:1.8rem}input[type=text]{color:#fff;background-color:#000c;border:0;width:100%;padding:.5rem;font-family:"Jersey 10",sans-serif;font-size:1.8em;font-weight:400}p:has(button){justify-content:flex-end;display:flex}button{color:#fff;cursor:pointer;text-transform:uppercase;background:#000;border:1px solid #0000;outline:1px solid #0000;padding:.2em 1em;font-family:"Jersey 10",sans-serif;font-size:1.8rem;font-weight:400;display:block}button:hover{background:#c25939}.btn-wrap{display:inline-block}.btn-wrap:hover{outline-offset:1px;outline:1px solid #000}.btn-wrap.close{position:absolute;top:2rem;right:2rem}.btn-wrap.close button{margin:0;padding:.1em .5em;font-size:1.2rem}button[disabled]{cursor:default;background:#6f6f6f80;-webkit-mask-image:none;mask-image:none}.button-container{justify-content:center;gap:1em;display:flex}.logo-container{text-align:center;margin-bottom:1em}.logo-container img{width:100%;max-width:400px}.main-menu .button-container{margin-bottom:1rem}.games-table-wrapper{max-height:14rem;margin-bottom:1.5rem;overflow-y:auto}.games-table{border-collapse:collapse;width:100%}.games-table th,.games-table td{text-align:left;padding:.3em .6em}.games-table th{text-transform:uppercase;letter-spacing:.05em;z-index:1;background:#9a9a9a;border-bottom:2px solid #0006;font-size:.85em;position:sticky;top:0}.games-table tbody tr{background:#0000001a}.games-table tbody tr:hover{background:#0003}.games-table td:last-child{text-align:right}.join-btn{padding:.1em .8em;font-size:1rem}.create-game-header{margin:.5em 0}.btn-wrap.identity{position:absolute;bottom:1rem;right:1rem}.btn-wrap.identity button{color:#000;background:0 0;border:0;padding:0;font-size:1.2rem}.btn-wrap.identity:hover{outline:none}.btn-wrap.identity button:hover{color:#c25939}