*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#111;color:#eee;font-family:system-ui,sans-serif}.menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.menu h1{margin-bottom:1rem}.menu button{padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;border:none;background:#4f8ef7;color:#fff;cursor:pointer}.menu button:hover{background:#3d7ae0}.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{padding:.5rem 1rem;background:#1a1a1a;font-size:.9rem;letter-spacing:.02em}.app canvas{flex:1}