@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600&display=swap";html,body{margin:0;padding:0;background:#071a2d;color:#fff;font-family:Space Grotesk,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100vh}#app canvas{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:auto}#menu,#join-modal,#options-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5;background:radial-gradient(800px 400px at 75% 20%,rgba(255,172,67,.25),transparent 60%),radial-gradient(600px 300px at 25% 80%,rgba(72,182,255,.2),transparent 60%),linear-gradient(160deg,#051423,#0d2b4b,#081c2f)}.menu-card,.modal-card{width:min(420px,88vw);padding:28px 28px 22px;border-radius:18px;background:#080e18c7;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;gap:14px;text-align:center}.menu-title{font-family:Bebas Neue,Space Grotesk,sans-serif;font-size:56px;letter-spacing:2px;text-transform:lowercase;color:#f7f7f2}.modal-title{font-family:Bebas Neue,Space Grotesk,sans-serif;font-size:40px;letter-spacing:1px}.modal-subtitle{font-size:14px;color:#ffffffb3;margin-top:-6px}.text-field{display:grid;gap:6px;text-align:left;font-size:13px;color:#ffffffbf}.text-field input{border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#080e1899;padding:10px 12px;color:#fff;font-size:15px}.text-field input:focus{outline:2px solid rgba(241,199,97,.6);border-color:#f1c761cc}.radio-group{display:grid;gap:10px;text-align:left}.radio-group.sub-group{padding:12px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.radio-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#fff9}.radio-option{display:flex;align-items:center;gap:10px;font-size:15px}.radio-option input{width:18px;height:18px}.menu-button{border:none;border-radius:999px;padding:12px 18px;font-size:16px;font-weight:600;text-transform:lowercase;color:#0a111a;background:linear-gradient(120deg,#f1c761,#f08b3a);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 10px 25px #f08b3a59}.menu-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #f08b3a73}.menu-button:active{transform:translateY(1px)}.menu-button.ghost{background:transparent;color:#f4f4f4;border:1px solid rgba(255,255,255,.3);box-shadow:none}.hidden,#menu.hidden,#join-modal.hidden,#options-modal.hidden{display:none}.shoot-button{position:fixed;bottom:24px;z-index:6;padding:16px 24px;border-radius:999px;font-size:18px;font-weight:700;text-transform:lowercase;border:none;color:#0a111a;background:linear-gradient(120deg,#f1c761,#f08b3a);box-shadow:0 10px 25px #f08b3a59}.shoot-button.left{left:22px}.shoot-button.right{right:22px}