uni-page-body[data-v-a4f79cec]{height:100%}.container[data-v-a4f79cec]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:12.5rem .625rem .625rem;box-sizing:border-box;position:relative}.form-container[data-v-a4f79cec]{width:90%;max-width:18.75rem;background-color:rgba(0,0,0,.7);border-radius:.625rem;padding:1.25rem;box-shadow:0 0 .625rem rgba(255,215,0,.5);border:.0625rem solid #ffd700}.title[data-v-a4f79cec]{color:gold;font-size:1.25rem;text-align:center;margin-bottom:1.25rem;font-weight:700;text-shadow:0 0 .3125rem rgba(255,215,0,.7)}.input-group[data-v-a4f79cec]{margin-bottom:.9375rem;position:relative}.code-group[data-v-a4f79cec]{display:flex;align-items:center}.game-input[data-v-a4f79cec]{width:100%;height:2.5rem;background-color:rgba(255,255,255,.1);border:.0625rem solid #ffd700;border-radius:.3125rem;padding:0 .625rem;color:#fff;font-size:.875rem;box-sizing:border-box}.game-input[data-v-a4f79cec]::-moz-placeholder{color:#ccc}.game-input[data-v-a4f79cec]::placeholder{color:#ccc}.code-btn[data-v-a4f79cec]{width:9.375rem;height:2.5rem;background-color:gold;color:#333;border:none;border-radius:.3125rem;font-size:.8125rem;display:flex;justify-content:center;align-items:center;font-weight:700}.code-btn[disabled][data-v-a4f79cec]{background-color:#999;color:#fff}.register-btn[data-v-a4f79cec]{width:100%;height:2.8125rem;background-color:#ff4500;color:#fff;border:none;border-radius:.3125rem;font-size:1rem;font-weight:700;margin-top:.625rem;box-shadow:0 .15625rem #c03500}.register-btn[data-v-a4f79cec]:active{transform:translateY(.15625rem);box-shadow:none}.register-btn[disabled][data-v-a4f79cec]{background-color:#999;box-shadow:none}.invite-text[data-v-a4f79cec]{color:gold;font-size:.75rem;text-align:center;margin-top:.9375rem;text-shadow:0 0 .15625rem rgba(255,215,0,.7)}.loading-modal[data-v-a4f79cec],.success-modal[data-v-a4f79cec],.fail-modal[data-v-a4f79cec]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content[data-v-a4f79cec]{background-color:rgba(0,0,0,.5);border-radius:.625rem;padding:1.25rem;width:80%;max-width:15.625rem;text-align:center;box-shadow:0 0 .9375rem rgba(255,215,0,.7)}.loading-modal .modal-content[data-v-a4f79cec]{border:.0625rem solid #ffd700}.loading-spinner[data-v-a4f79cec]{width:2.5rem;height:2.5rem;margin:0 auto .9375rem;border:.25rem solid rgba(255,215,0,.3);border-radius:50%;border-top-color:gold;animation:spin-a4f79cec 1s ease-in-out infinite}@keyframes spin-a4f79cec{to{transform:rotate(360deg)}}.success-modal .modal-content[data-v-a4f79cec]{border:.0625rem solid #4CAF50}.success-modal .modal-icon[data-v-a4f79cec]{color:#4caf50;font-size:2.5rem;margin-bottom:.625rem}.fail-modal .modal-content[data-v-a4f79cec]{border:.0625rem solid #f44336}.fail-modal .modal-icon[data-v-a4f79cec]{color:#f44336;font-size:2.5rem;margin-bottom:.625rem}.modal-title[data-v-a4f79cec]{color:gold;font-size:1.125rem;font-weight:700;margin-bottom:.625rem}.modal-text[data-v-a4f79cec]{color:#fff;font-size:.875rem;margin-bottom:.46875rem}.modal-btn[data-v-a4f79cec]{width:6.25rem;height:2.1875rem;background-color:#ff4500;color:#fff;border:none;border-radius:.3125rem;font-size:.875rem;margin-top:.9375rem}