@import"https://googleapis.com";*{box-sizing:border-box;font-family:system-ui,sans-serif;font-family:"Press Start 2P",Courier New,Courier,monospace}html,body,#root{margin:0;height:100%;background:#000;color:#eee;font-family:system-ui,sans-serif;font-family:"Press Start 2P",Courier New,Courier,monospace}.menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.menu h1{margin-bottom:1rem}button{padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;border:none;color:#000;background:#fcd0a1;border:3px solid #63535B;cursor:pointer;box-shadow:0 4px 10px #0006}button:hover{background:#ffdcb7;border:3px solid #cfc4b8}button:disabled{background:#555556;cursor:not-allowed}button:disabled:hover{background:#555556}.join-row{display:flex;gap:.5rem}.join-row input{padding:.75rem;border-radius:8px;border:1px solid #444;background:#1a1a1a;color:#fff;text-transform:uppercase}.error{color:#f75f4f}.app{height:100%;display:flex;flex-direction:column}.hud{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-around}.app canvas{flex:1}.on-hover-front{z-index:-1}.on-hover-front:hover{z-index:1000}