.room-premium-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.05em}.room-premium-badge.basic{background-color:rgba(107,114,128,.2);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.room-premium-badge.premium{background:linear-gradient(135deg,#ffd700,#ffa500);color:#1a1a2e;box-shadow:0 0 12px rgba(255,215,0,.4);animation:premiumGlow 2s ease-in-out infinite}.room-premium-badge .badge-icon{font-size:.8rem}.room-premium-badge.compact{padding:.15rem .4rem;font-size:.65rem;gap:0}.room-premium-badge.compact .badge-icon{font-size:.65rem}.room-premium-badge.clickable{cursor:pointer;transition:all .2s ease}.room-premium-badge.clickable:hover{transform:scale(1.05)}.room-premium-badge.clickable:active{transform:scale(.95)}.room-premium-badge.clickable .badge-arrow{font-size:.55rem;margin-left:.2rem;opacity:.6}.premium-badge{display:inline-flex;align-items:center;justify-content:center}.premium-badge.small{font-size:.75rem}.premium-badge.medium{font-size:1rem}.upgrade-room-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .65rem;background:rgba(0,0,0,0);color:gold;border:none;border-radius:.5rem;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-room-btn .upgrade-icon{font-size:.8rem;line-height:1}.upgrade-room-btn:hover{background:rgba(255,215,0,.15);box-shadow:0 0 10px rgba(255,215,0,.3)}.upgrade-room-btn:active{transform:scale(.95)}.upgrade-room-btn.compact{padding:.2rem .4rem;font-size:.65rem;gap:.15rem}.upgrade-room-btn.compact .upgrade-icon{font-size:.7rem}.premium-active-label{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .5rem;background:rgba(255,215,0,.15);color:gold;border:1px solid rgba(255,215,0,.3);border-radius:.5rem;font-size:.9rem;font-weight:600}.premium-active-label .premium-icon{font-size:.85rem}.premium-active-label.compact{padding:.15rem .3rem;font-size:.7rem}.premium-active-label.compact .premium-icon{font-size:.65rem}.waiting-header-premium-mobile{display:flex;align-items:center;gap:2px}@media(min-width:48rem){.waiting-header-premium-mobile{display:none!important}}.premium-notification-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:500;z-index:9998;animation:toastSlideDown .3s ease,toastFadeOut .5s ease 4.5s forwards;box-shadow:0 4px 20px rgba(0,0,0,.3)}.premium-notification-toast.upgraded{background:linear-gradient(135deg,#ffd700,#ffa500);color:#1a1a2e}.premium-notification-toast.downgraded{background:linear-gradient(135deg,#4b5563,#374151);color:#e5e7eb}.premium-notification-toast .toast-icon{font-size:1.1rem}.premium-notification-toast .toast-message{white-space:nowrap}@media(max-width:47.999rem){.premium-notification-toast{max-width:90%;font-size:.8rem}.premium-notification-toast .toast-message{white-space:normal}}.premium-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:premiumFadeIn .3s ease}.premium-modal{background:rgba(37,42,61,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:1.25rem;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.1),0 0 0 1px hsla(0,0%,100%,.05);animation:premiumSlideUp .3s ease}@media(max-width:47.999rem){.premium-modal{padding:1.5rem;max-width:340px}}.premium-modal-content{text-align:center;color:#e5e7eb}.premium-modal-icon.success{width:60px;height:60px;background:linear-gradient(135deg,#ffd700,#ffa500);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:#1a1a2e;margin-bottom:1rem;animation:premiumScaleIn .3s ease}.premium-modal-title{font-size:1.5rem;font-weight:700;color:gold;margin-bottom:.75rem}@media(max-width:47.999rem){.premium-modal-title{font-size:1.25rem}}.premium-modal-description{font-size:.95rem;margin-bottom:1.5rem;line-height:1.6;opacity:.9}@media(max-width:47.999rem){.premium-modal-description{font-size:.85rem}}.premium-auth-notice{background-color:rgba(251,191,36,.15);box-shadow:0 0 0 1px rgba(251,191,36,.3);color:#fbbf24}.premium-auth-notice,.premium-modal-error{border:none;border-radius:12px;padding:.75rem;margin-bottom:1rem;font-size:.85rem}.premium-modal-error{background-color:rgba(255,82,82,.15);box-shadow:0 0 0 1px rgba(255,82,82,.3);color:#ff8a80}.premium-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.premium-option-btn{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 1.25rem;background:rgba(255,215,0,.08);border:none;border-radius:25px;box-shadow:0 0 0 1px rgba(255,215,0,.2);color:#e5e7eb;cursor:pointer;transition:all .3s ease}.premium-option-btn:hover:not(:disabled){background:rgba(255,215,0,.15);box-shadow:0 0 0 1px rgba(255,215,0,.4),0 4px 15px rgba(255,215,0,.15);transform:scale(1.02)}.premium-option-btn:active:not(:disabled){transform:scale(.98)}.premium-option-btn:disabled{opacity:.5;cursor:not-allowed}.premium-option-btn .option-duration{font-weight:600;font-size:1rem}.premium-option-btn .option-description{width:100%;font-size:.75rem;color:#9ca3af;margin-top:.25rem;text-align:left}.premium-option-btn .option-cost{font-size:.9rem;color:gold;font-weight:500}.premium-cancel-btn{width:100%;padding:.75rem;background:rgba(0,0,0,0);border:none;border-radius:25px;box-shadow:0 0 0 1px hsla(0,0%,100%,.1);color:#9ca3af;font-size:.9rem;cursor:pointer;transition:all .3s ease}.premium-cancel-btn:hover:not(:disabled){background:hsla(0,0%,100%,.05);box-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.premium-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes premiumGlow{0%,to{box-shadow:0 0 12px rgba(255,215,0,.4)}50%{box-shadow:0 0 20px rgba(255,215,0,.6)}}@keyframes premiumFadeIn{0%{opacity:0}to{opacity:1}}@keyframes premiumSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes premiumScaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes toastSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.premium-comparison-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:premiumFadeIn .3s ease}.premium-comparison-modal{background:rgba(37,42,61,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:1.25rem;padding:1.5rem;max-width:480px;width:92%;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.08),0 0 0 1px hsla(0,0%,100%,.05);animation:premiumSlideUp .3s ease}@media(max-width:47.999rem){.premium-comparison-modal{padding:1.25rem;max-width:360px}}.premium-comparison-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.premium-comparison-title{font-size:1.25rem;font-weight:700;color:gold;margin:0}@media(max-width:47.999rem){.premium-comparison-title{font-size:1.1rem}}.premium-comparison-close{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.premium-comparison-close:hover{color:#fff;background:hsla(0,0%,100%,.1)}.premium-comparison-status{text-align:center;padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:600;margin-bottom:1.25rem}.premium-comparison-status.basic{background:rgba(107,114,128,.15);color:#6b7280;border:1px solid rgba(107,114,128,.25)}.premium-comparison-status.premium{background:rgba(255,215,0,.1);color:gold;border:1px solid rgba(255,215,0,.25)}.premium-comparison-table{display:flex;flex-direction:column;margin-bottom:1.25rem;border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.06)}.comparison-row{display:grid;grid-template-columns:1.2fr 1fr 1fr}.comparison-row.comparison-header-row .comparison-cell{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.625rem .5rem;background:rgba(37,42,61,.8)}.comparison-row.comparison-header-row .basic-cell{color:#6b7280}.comparison-row.comparison-header-row .premium-cell{color:gold}.comparison-row:not(.comparison-header-row){border-top:1px solid hsla(0,0%,100%,.04)}.comparison-row:not(.comparison-header-row):nth-child(2n){background:rgba(37,42,61,.3)}.comparison-cell{padding:.75rem .5rem;font-size:.8rem;color:#e2e8f0}.comparison-cell.feature-cell{display:flex;align-items:center;gap:.4rem;font-weight:500;color:#94a3b8}.comparison-cell.feature-cell i{width:1rem;text-align:center;font-size:.7rem;color:#94a3b8!important}.comparison-cell.basic-cell,.comparison-cell.premium-cell{text-align:center;font-weight:600;font-size:.75rem}.comparison-cell.feature-positive{color:#22c55e}.comparison-cell.feature-negative{color:#6b7280}@media(max-width:47.999rem){.comparison-cell{font-size:.7rem;padding:.6rem .35rem}.comparison-cell.basic-cell,.comparison-cell.premium-cell{font-size:.65rem}}.premium-comparison-cta{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.premium-comparison-price-hint{font-size:.8rem;color:#fbbf24;font-weight:500}.premium-comparison-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:25px;color:#1a1a2e;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(251,191,36,.3);margin-bottom:.75rem}.premium-comparison-upgrade-btn:hover{box-shadow:0 8px 25px rgba(251,191,36,.4);transform:translateY(-2px)}.premium-comparison-upgrade-btn:active{transform:scale(.98)}.premium-comparison-upgrade-btn .upgrade-icon{font-size:1.1rem}.premium-comparison-dismiss{width:100%;padding:.75rem;background:rgba(0,0,0,0);border:none;border-radius:25px;box-shadow:0 0 0 1px hsla(0,0%,100%,.1);color:#9ca3af;font-size:.9rem;cursor:pointer;transition:all .3s ease}.premium-comparison-dismiss:hover{background:hsla(0,0%,100%,.05);box-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.alert-popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alert-popup{background:#252a3d;border-radius:16px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.4);border:1px solid #3e4463;animation:alertSlideIn .2s ease-out}@keyframes alertSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert-popup-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.alert-popup-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.alert-popup-body{margin-bottom:1.5rem}.alert-popup-message{color:#e2e8f0;font-size:1rem;line-height:1.5;margin:0;white-space:pre-wrap}.alert-popup-input{width:100%;margin-top:1rem;padding:.875rem 1rem;background:#2a2f42;border:1px solid #3e4463;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.alert-popup-input:focus{outline:none;border-color:#6366f1}.alert-popup-input::placeholder{color:#94a3b8}.alert-popup-footer{display:flex;gap:.75rem;justify-content:flex-end}.alert-popup-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.alert-popup-btn.confirm{background:#4f46e5;color:#fff}.alert-popup-btn.confirm:hover{background:#4338ca}.alert-popup-btn.cancel{background:rgba(0,0,0,0);border:1px solid #3e4463;color:#e2e8f0}.alert-popup-btn.cancel:hover{border-color:#e2e8f0;color:#fff}@media(max-width:47.999rem){.alert-popup{padding:1.25rem;max-width:calc(100% - 2rem)}.alert-popup-footer{flex-direction:column-reverse}.alert-popup-footer .alert-popup-btn{width:100%}}.destination-button.selected{background-color:aqua}.destination-button.disable{background-color:gray;color:#fff}.destination-button.hidden{display:none}.auth-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal{background:rgba(37,42,61,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:16px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.05)}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,0);border:none;color:#94a3b8;font-size:1.25rem;cursor:pointer;padding:.5rem;transition:color .3s ease}.auth-modal-close:hover{color:#ffffff}.auth-modal-header{text-align:center;margin-bottom:1.5rem}.auth-modal-title{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0}.social-login-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.social-button:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.social-button:disabled{opacity:.6;cursor:not-allowed}.social-button .social-icon{width:20px;height:20px}.social-button.google{background:#fff;color:#333}.social-button.kakao{background:#fee500;color:#000}.auth-divider{display:flex;align-items:center;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:rgba(62,68,99,.6)}.auth-divider span{padding:0 1rem;color:#94a3b8;font-size:.875rem}.auth-switch-link{text-align:center;margin-top:1rem;font-size:.875rem}.auth-switch-link span{color:#94a3b8}.auth-switch-link button{background:none;border:none;color:#5a9999;font-size:.875rem;font-weight:600;cursor:pointer;padding:0;margin-left:.25rem;transition:color .3s ease}.auth-switch-link button:hover{color:#6fa3a3;text-decoration:underline}.auth-error{background:rgba(239,68,68,.1);border:none;box-shadow:0 0 0 1px rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem}.auth-form{gap:1rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#94a3b8;font-size:.875rem}.form-group input{padding:.875rem 1rem;background:rgba(37,42,61,.6);border:1px solid rgba(62,68,99,.6);border-radius:12px;color:#ffffff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#5a9999;box-shadow:0 0 0 2px rgba(90,153,153,.2)}.form-group input::placeholder{color:#94a3b8}.form-group input:disabled{opacity:.6;cursor:not-allowed}.auth-submit-button{width:100%;padding:.875rem 1rem;background:#5a9999;border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:48px;box-shadow:0 4px 15px rgba(90,153,153,.3)}.auth-submit-button:hover:not(:disabled){box-shadow:0 8px 25px rgba(90,153,153,.4);transform:translateY(-2px)}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.guest-section{text-align:center}.guest-button{width:100%;padding:.875rem 1rem;background:rgba(0,0,0,0);border:1px solid rgba(62,68,99,.6);border-radius:25px;color:#94a3b8;font-size:1rem;cursor:pointer;transition:all .3s ease}.guest-button:hover{border-color:#5a9999;color:#ffffff}.guest-description{margin-top:.5rem;color:#94a3b8;font-size:.875rem}.consent-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem}.consent-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem;color:#94a3b8}.consent-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#5a9999;cursor:pointer;flex-shrink:0}.consent-checkbox.required span{color:#ffffff}.consent-checkbox.consent-all{font-weight:600;color:#ffffff;padding-bottom:.5rem;border-bottom:1px solid rgba(62,68,99,.6);margin-bottom:.125rem}.signup-complete{text-align:center;padding:1rem 0}.signup-complete .success-icon{font-size:3rem;color:#22c55e;margin-bottom:1rem}.signup-complete h3{color:#ffffff;font-size:1.25rem;margin-bottom:.5rem}.signup-complete p{color:#e2e8f0;font-size:.9375rem;margin-bottom:1.5rem}@media(max-width:480px){.auth-modal{padding:1.5rem}.auth-modal-title{font-size:1.25rem}}.body-container{display:flex;position:relative;margin-top:0;justify-content:center;min-height:calc(var(--vh, 1vh)*100);flex-direction:row;padding-top:env(safe-area-inset-top)}@media(max-width:47.999rem){.body-container{padding-top:env(safe-area-inset-top)}}.body-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-width:47.999rem){.body-container{box-sizing:border-box}}.body-content{width:100%;box-sizing:border-box;flex-direction:column}@media(max-width:47.999rem){.body-content .body-content{margin-top:20px;width:100%;padding:10px;flex-direction:column}}.bottom-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:48px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}@media(min-width:48rem){.bottom-menu-overlay{display:none}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;width:100%;height:48px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-top:1px solid rgba(80,80,80,.2);padding-bottom:env(safe-area-inset-bottom)}.bottom-bar .bottom-bar-container{display:flex;width:100%;max-width:1200px;height:100%;margin:0;padding:0 5%;align-items:center;box-sizing:border-box;position:relative}.bottom-bar-status{display:flex;align-items:center;margin-right:auto}@media(max-width:47.999rem){.bottom-bar-status{padding-left:4px}}.bottom-bar-status .bottom-bar-user-group{display:flex;align-items:center;gap:.5rem;padding:.2rem .5rem}@media(max-width:47.999rem){.bottom-bar-status .bottom-bar-user-group{gap:.25rem;padding:.15rem .375rem}}.bottom-bar-status .profile-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s ease}@media(max-width:47.999rem){.bottom-bar-status .profile-link{gap:.25rem}}.bottom-bar-status .profile-link .profile-avatar-small{width:28px;height:28px;border-radius:50%;background:#d1d5db;display:flex;align-items:center;justify-content:center;overflow:hidden}.bottom-bar-status .profile-link .profile-avatar-small img{width:100%;height:100%;object-fit:cover}.bottom-bar-status .profile-link .profile-avatar-small span{color:#fff;font-size:.8rem;font-weight:600}@media(max-width:47.999rem){.bottom-bar-status .profile-link .profile-avatar-small{width:24px;height:24px}.bottom-bar-status .profile-link .profile-avatar-small span{font-size:.7rem}}.bottom-bar-status .profile-link .profile-name{color:#d1d5db;font-size:.8rem;white-space:nowrap}@media(max-width:47.999rem){.bottom-bar-status .profile-link .profile-name{font-size:.75rem}}.bottom-bar-status .guest-login-button{display:flex;align-items:center;gap:.375rem;padding:0;border-radius:0;background:rgba(0,0,0,0);border:none;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .2s ease;text-decoration:none}@media(max-width:47.999rem){.bottom-bar-status .guest-login-button{gap:.25rem;font-size:.75rem}}.bottom-bar-status .guest-login-button .guest-avatar-small{width:28px;height:28px;border-radius:50%;border:1.5px dashed rgba(148,163,184,.5);background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottom-bar-status .guest-login-button .guest-avatar-small span{color:#94a3b8;font-size:.8rem;font-weight:600}@media(max-width:47.999rem){.bottom-bar-status .guest-login-button .guest-avatar-small{width:24px;height:24px}.bottom-bar-status .guest-login-button .guest-avatar-small span{font-size:.7rem}}.bottom-bar-status .guest-login-button .guest-nickname{white-space:nowrap}@media(max-width:47.999rem){.bottom-bar-status .guest-login-button .guest-nickname{font-size:.75rem}}.bottom-bar-status .guest-login-button .guest-badge{font-size:.65rem;padding:.1rem .4rem;border-radius:.5rem;background:rgba(148,163,184,.15);color:#94a3b8;font-weight:500;white-space:nowrap}.bottom-bar-actions{gap:.5rem}.bottom-bar-actions,.bottom-bar-btn{display:flex;align-items:center;flex-shrink:0}.bottom-bar-btn{justify-content:center;width:36px;height:36px;cursor:pointer;border-radius:8px;border:none;background:rgba(0,0,0,0);color:#d1d5db;transition:all .2s ease}.bottom-bar-btn:hover{background:rgba(209,213,219,.1);color:#fff}.bottom-bar-btn.active{background:rgba(209,213,219,.15);color:#fff}.bottom-bar-btn i{font-size:1.15rem}@media(min-width:48rem){.bottom-bar-menu-toggle{display:none!important}}.bottom-bar-desktop-nav{display:none}@media(min-width:48rem){.bottom-bar-desktop-nav{display:flex;align-items:center;gap:.25rem}}.bottom-bar-nav-link{display:flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:8px;text-decoration:none;color:#d1d5db;font-size:.85rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.bottom-bar-nav-link:hover{background:rgba(209,213,219,.1);color:#fff}.bottom-bar-nav-link.active{background:rgba(209,213,219,.15);color:#fff;font-weight:600}.bottom-nav{display:none}@media(min-width:48rem){.bottom-nav{display:none!important}}.bottom-nav.active{display:flex;flex-direction:column;position:absolute;bottom:48px;right:0;width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border:1px solid #3e4463;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.3)}@media(min-width:48rem){.bottom-nav.active{display:none!important}}.bottom-nav-menu{display:flex;flex-direction:column;list-style:none;padding:8px;margin:0;gap:4px}.bottom-nav-menu-item{flex-direction:column;width:100%;height:auto;background:rgba(209,213,219,.08);border:1px solid rgba(209,213,219,.15)}.bottom-nav-menu-item,.bottom-nav-menu-item a{display:flex;border-radius:10px;transition:all .2s ease}.bottom-nav-menu-item a{height:44px!important;align-items:center;justify-content:center;text-decoration:none}.bottom-nav-menu-item:hover{cursor:pointer;background:rgba(209,213,219,.15);border-color:rgba(209,213,219,.3)}.bottom-nav-menu-item:hover .bottom-nav-menu-title{color:#fff}.bottom-nav-menu-item.active{background:linear-gradient(135deg,#d1d5db,#6fa3a3);border-color:#6fa3a3;box-shadow:0 2px 8px rgba(209,213,219,.3);cursor:default}.bottom-nav-menu-title{color:#d1d5db;font-weight:500;font-size:.9rem;transition:color .2s ease}.bottom-nav-menu-title.active{color:#fff;font-weight:600}.bottom-nav-language-item{display:flex;align-items:center;justify-content:center;list-style:none;padding:8px 0 4px}.chat-modal--floating{min-width:280px;min-height:300px;max-width:90vw;max-height:80vh}.chat-modal__header{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid rgba(55,65,81,.3)}.chat-modal__header--draggable{cursor:move}.chat-modal__content .chat-body,.chat-modal__content .chat-box,.chat-modal__content .chat-container{background:rgba(0,0,0,0)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.chat-modal__content .join-message-wrapper{background:rgba(55,65,81,.3)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.chat-modal__content .bg-gray-800{background:rgba(0,0,0,0)!important}.chat-modal__content textarea{background:rgba(55,65,81,.5)!important}.chat-modal__content button{background:rgba(79,70,229,.8)!important}.chat-modal__opacity-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.8))}.chat-modal__opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#5a9999;cursor:pointer;-webkit-transition:transform .2s ease;transition:transform .2s ease}.chat-modal__opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.chat-modal__opacity-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#5a9999;cursor:pointer;border:none;-moz-transition:transform .2s ease;transition:transform .2s ease}.chat-modal__opacity-slider::-moz-range-thumb:hover{transform:scale(1.2)}.space-gray-theme .chat-modal__content .chat-body,.space-gray-theme .chat-modal__content .chat-box,.space-gray-theme .chat-modal__content .chat-container{background:rgba(0,0,0,0)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.space-gray-theme .chat-modal__content .join-message-wrapper{background:rgba(55,65,81,.3)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.chat-container{display:flex;flex:1 1;height:100%}.chat-container.full{padding:0}@media(max-width:47.999rem){.chat-container{padding:0}}.chat-body{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.chat-body.user{flex:.8 1}.chat-box{display:flex;flex-direction:column;flex:1 1;min-height:0;padding:10px;overflow-y:auto;border:1px solid #374151;background-color:#111827}.chat-box:before{content:"";flex:1 1;min-height:0}.user-list{display:flex;flex-direction:column;align-items:center;flex:.2 1;padding:10px;margin-left:10px;overflow-y:scroll;border:1px solid #ccc;border-radius:20px;background-color:#2d3748}.user-list .user-list-title{margin-top:20px;margin-bottom:10px;font-size:24px;font-weight:700;color:#040272}.user-list .user-list-item{font-size:20px;color:#7d1d1d}.user-button{display:none}.message-container{width:100%;position:relative;display:flex;margin-bottom:8px}.join-message-wrapper{margin-left:auto;margin-right:auto;background:#1f2937;padding:.5rem 1rem;border-radius:.5rem}.join-message{color:#d1d5db}.user-message padding{left:20px;right:20px}.user-message{color:#000}.input-box{display:flex;align-items:center;padding:10px;border:1px solid #ccc;border-radius:20px;background-color:#f9f9f9}.input-box input[type=text]{flex:1 1;padding:5px;border:rgba(0,0,0,0);background:rgba(0,0,0,0);margin-right:10px}.input-box input[type=text]:focus{outline:none}@media(max-width:47.999rem){.user-button{position:absolute;display:block;right:0;height:30px;margin-right:30px}.chat-body{flex:1 1}.user-list{display:none;position:absolute;right:0;height:50%;margin-top:50px;margin-right:30px;width:200px;border-radius:8px;background-color:#faebd7}.user-list.active{display:flex}.user-list .user-list-item{font-size:20px;color:#000}}.space-gray-theme .chat-box{background:rgba(37,42,61,.8)!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .input-box,.space-gray-theme .message-input-container{background:rgba(37,42,61,.9)!important;border:1px solid #3e4463!important}.space-gray-theme .input-box input,.space-gray-theme .message-input-container input{background:#1a1e2e!important;color:#ffffff!important;border:1px solid #3e4463!important}.space-gray-theme .input-box input:focus,.space-gray-theme .message-input-container input:focus{border-color:#5a9999!important;box-shadow:0 0 0 3px rgba(90,153,153,.1)!important}.space-gray-theme .input-box input::placeholder,.space-gray-theme .message-input-container input::placeholder{color:#94a3b8!important}.space-gray-theme .input-box button,.space-gray-theme .message-input-container button{background:#5a9999!important;color:#fff!important;border:none!important;transition:all .3s ease!important}.space-gray-theme .input-box button:hover,.space-gray-theme .message-input-container button:hover{background:#6fa3a3!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(111,163,163,.4)!important}.space-gray-theme .join-message-wrapper{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.space-gray-theme .join-message{color:#94a3b8!important}.space-gray-theme .user-message{color:#ffffff!important}.space-gray-theme .user-list{border:1px solid #3e4463!important}.space-gray-theme .user-list .user-list-title{color:#ffffff!important}.space-gray-theme .user-list .user-list-item{color:#e2e8f0!important}.space-gray-theme .user-list .user-list-item:hover{background:rgba(90,153,153,.2)!important;color:#ffffff!important}@media(max-width:47.999rem){.space-gray-theme .user-list{background:rgba(37,42,61,.95)!important}}.checkbox-with-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-with-label.disabled{opacity:.5;cursor:not-allowed}.checkbox-input{flex-shrink:0;accent-color:#4f46e5;cursor:pointer}.checkbox-icon{flex-shrink:0;display:flex;align-items:center}.checkbox-content{display:flex;flex-direction:column;min-width:0}.checkbox-label{color:#fff;font-family:noto semibold}.checkbox-description{color:#94a3b8;font-size:.75rem;line-height:1.3;margin-top:.125rem}.checkbox-sm .checkbox-input{width:1.125rem;height:1.125rem}.checkbox-sm .checkbox-icon,.checkbox-sm .checkbox-label{font-size:1rem}.checkbox-md .checkbox-input{width:1.375rem;height:1.375rem}.checkbox-md .checkbox-icon,.checkbox-md .checkbox-label{font-size:1.125rem}.checkbox-default{padding:.25rem}.checkbox-card{padding:.75rem;border-radius:.5rem;border:1px solid rgba(75,85,99,.3);background:rgba(55,65,81,.3)}.checkbox-card:hover:not(.disabled){border-color:#6b7280}.checkbox-card.checkbox-amber{background:linear-gradient(135deg,rgba(161,98,7,.3),rgba(180,83,9,.2));border-color:rgba(234,179,8,.3)}.checkbox-card.checkbox-amber.checked,.checkbox-card.checkbox-amber:hover:not(.disabled){border-color:#fbbf24}.checkbox-card.checkbox-purple{background:linear-gradient(135deg,rgba(107,33,168,.3),rgba(124,58,237,.2));border-color:rgba(147,51,234,.3)}.checkbox-card.checkbox-purple.checked,.checkbox-card.checkbox-purple:hover:not(.disabled){border-color:#d6b6fc}.checkbox-card.checkbox-blue{background:linear-gradient(135deg,rgba(49,46,129,.3),rgba(55,48,163,.2));border-color:rgba(67,56,202,.3)}.checkbox-card.checkbox-blue.checked,.checkbox-card.checkbox-blue:hover:not(.disabled){border-color:#6366f1}.checkbox-compact{align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;min-height:1.5rem;border:1px solid rgba(75,85,99,.3);background:rgba(55,65,81,.3)}.checkbox-compact .checkbox-content{flex-direction:row;align-items:center;gap:.25rem}.checkbox-compact .checkbox-label{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-compact.checkbox-purple.checked{background:rgba(168,85,247,.3);border-color:rgba(214,182,252,.5)}.checkbox-compact.checkbox-purple:hover:not(.disabled):not(.checked){background:rgba(75,85,99,.3)}.checkbox-compact.checkbox-blue.checked{background:rgba(79,70,229,.3);border-color:rgba(99,102,241,.5)}.checkbox-compact.checkbox-blue:hover:not(.disabled):not(.checked){background:rgba(75,85,99,.3)}.checkbox-compact.checkbox-amber.checked{background:rgba(245,158,11,.3);border-color:rgba(251,191,36,.5)}.checkbox-compact.checkbox-amber:hover:not(.disabled):not(.checked){background:rgba(75,85,99,.3)}.checkbox-compact.checkbox-gray.checked{background:rgba(75,85,99,.4);border-color:rgba(107,114,128,.5)}.checkbox-compact.checkbox-gray:hover:not(.disabled):not(.checked){background:rgba(75,85,99,.3)}@media(max-width:47.999rem){.checkbox-card{padding:.625rem}}.coin-action-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:coinFadeIn .3s ease}.coin-action-modal{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:1.25rem;padding:1.5rem;max-width:380px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:coinSlideUp .3s ease;text-align:center;color:#fff}@media(max-width:47.999rem){.coin-action-modal{padding:1.25rem;max-width:340px}}.coin-action-balance{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:rgba(0,0,0,.2);border-radius:1rem;padding:.75rem 1.25rem;margin-bottom:1rem}.coin-action-balance .coin-action-amount{font-size:1.5rem;font-weight:700}.coin-action-packages{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.coin-action-package-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .375rem;background:rgba(0,0,0,.15);border-radius:.75rem;border:1px solid hsla(0,0%,100%,.15);cursor:pointer;transition:all .2s ease}.coin-action-package-card:hover{background:rgba(0,0,0,.25);border-color:hsla(0,0%,100%,.35)}.coin-action-package-card:active{transform:scale(.97)}.coin-action-package-card .package-badge{position:absolute;top:-6px;right:-6px;padding:.125rem .375rem;background:#fff;color:#d97706;font-size:.5625rem;font-weight:700;border-radius:6px;text-transform:uppercase}.coin-action-package-card .package-coins{font-size:1rem;font-weight:700;color:#fff}.coin-action-package-card .package-price{font-size:.6875rem;color:hsla(0,0%,100%,.75)}.coin-action-divider{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:hsla(0,0%,100%,.5);font-size:.75rem}.coin-action-divider:after,.coin-action-divider:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.25)}.coin-action-buttons{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.coin-action-btn{border:none;border-radius:.75rem;padding:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.coin-action-btn.ad{background-color:#fff;color:#d97706}.coin-action-btn.ad:hover{transform:scale(1.02);box-shadow:0 4px 15px hsla(0,0%,100%,.3)}.coin-action-btn.ad:active{transform:scale(.98)}.coin-action-btn.cancel{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.7);padding:.5rem;font-size:.8125rem;font-weight:500}.coin-action-btn.cancel:hover{color:#fff}.coin-action-toast{margin-top:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;background:rgba(0,0,0,.25);animation:coinFadeIn .2s ease}.coin-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:coinFadeIn .3s ease}.coin-gate-modal{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:1.25rem;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:coinSlideUp .3s ease}@media(max-width:47.999rem){.coin-gate-modal{padding:1.5rem;max-width:340px}}.coin-gate-content{text-align:center;color:#fff}.coin-display{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:rgba(0,0,0,.2);border-radius:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem}.coin-display .coin-icon{font-size:2rem}.coin-display .coin-amount{font-size:2rem;font-weight:700}.coin-display .coin-max{font-size:.875rem;opacity:.8;margin-left:.25rem}.coin-regen-timer{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:rgba(0,0,0,.15);border-radius:.75rem;padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.9rem}.coin-regen-timer .timer-icon{opacity:.9}.coin-regen-timer .timer-text{opacity:.95}.coin-gate-icon{font-size:3rem;margin-bottom:1rem}.coin-gate-icon.success{width:60px;height:60px;background-color:#4caf50;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;animation:coinScaleIn .3s ease}.coin-gate-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:47.999rem){.coin-gate-title{font-size:1.25rem}}.coin-gate-description{font-size:1rem;margin-bottom:.75rem;line-height:1.6;opacity:.95}@media(max-width:47.999rem){.coin-gate-description{font-size:.9rem}}.coin-ad-reward-badge{display:inline-flex;align-items:center;gap:.25rem;background-color:hsla(0,0%,100%,.2);border-radius:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.coin-ad-reward-badge .reward-icon{font-size:1rem}.coin-gate-error{background-color:rgba(255,82,82,.2);border:1px solid rgba(255,82,82,.5);border-radius:.5rem;color:#ffcdd2}.coin-gate-error,.coin-gate-success{padding:.75rem;margin-bottom:1rem;font-size:.875rem}.coin-gate-success{background-color:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.5);border-radius:.5rem;color:#c8e6c9}.coin-gate-buttons{display:flex;flex-direction:column;gap:.75rem}.coin-gate-btn{border:none;border-radius:.75rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.coin-gate-btn:disabled{opacity:.6;cursor:not-allowed}.coin-gate-btn.primary{background-color:#fff;color:#d97706}.coin-gate-btn.primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px hsla(0,0%,100%,.3)}.coin-gate-btn.primary:active:not(:disabled){transform:scale(.98)}.coin-gate-btn.secondary{background-color:rgba(0,0,0,0);color:#fff;border:2px solid hsla(0,0%,100%,.4)}.coin-gate-btn.secondary:hover:not(:disabled){background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6)}@keyframes coinFadeIn{0%{opacity:0}to{opacity:1}}@keyframes coinSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes coinScaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.space-gray-theme .coin-gate-modal{background:linear-gradient(135deg,#b45309,#92400e)}.coin-icon-c{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;font-weight:700;line-height:1;flex-shrink:0}.coin-icon-c--xs{width:16px;height:16px;font-size:.6rem}.coin-icon-c--sm{width:20px;height:20px;font-size:.75rem}.coin-icon-c--md{width:32px;height:32px;font-size:1.1rem}.coin-icon-c--lg{width:48px;height:48px;font-size:1.5rem}.coin-transfer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:transferFadeIn .3s ease}.coin-transfer-modal{background:rgba(37,42,61,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:1.25rem;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(245,158,11,.1),0 0 0 1px hsla(0,0%,100%,.05);animation:transferSlideUp .3s ease}@media(max-width:47.999rem){.coin-transfer-modal{padding:1.5rem;max-width:340px}}.coin-transfer-content{text-align:center;color:#e5e7eb}.coin-transfer-title{font-size:1.5rem;font-weight:700;color:#f59e0b;margin-bottom:.75rem}@media(max-width:47.999rem){.coin-transfer-title{font-size:1.25rem}}.coin-transfer-subtitle{font-size:.9rem;color:#9ca3af;margin-bottom:1.25rem}.coin-transfer-player-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;margin-bottom:1rem;padding-right:.25rem}.coin-transfer-player-list::-webkit-scrollbar{width:4px}.coin-transfer-player-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:2px}.coin-transfer-player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.05);border:none;border-radius:.75rem;box-shadow:0 0 0 1px hsla(0,0%,100%,.08);color:#e5e7eb;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.coin-transfer-player-item:hover{background:rgba(245,158,11,.1);box-shadow:0 0 0 1px rgba(245,158,11,.3)}.coin-transfer-player-item.selected{background:rgba(245,158,11,.15);box-shadow:0 0 0 1px rgba(245,158,11,.5)}.coin-transfer-player-item .player-state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.coin-transfer-player-item .player-name{flex:1 1;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coin-transfer-player-item .player-host-badge{color:#f59e0b;font-size:.75rem}.coin-transfer-player-item .player-radio{width:18px;height:18px;border-radius:50%;border:2px solid #6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.coin-transfer-player-item .player-radio.checked{border-color:#f59e0b}.coin-transfer-player-item .player-radio.checked:after{content:"";width:10px;height:10px;border-radius:50%;background:#f59e0b}.coin-transfer-recipient-card{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(245,158,11,.08);border-radius:.75rem;box-shadow:0 0 0 1px rgba(245,158,11,.2);margin-bottom:1.25rem;font-size:.9rem;color:#fbbf24}.coin-transfer-recipient-card .recipient-icon{font-size:1rem}.coin-transfer-recipient-card .recipient-name{font-weight:600}.coin-transfer-balance{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;color:#9ca3af}.coin-transfer-balance .balance-value{color:#fbbf24;font-weight:600}.coin-transfer-stepper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem}.coin-transfer-stepper .stepper-btn{width:40px;height:40px;border-radius:50%;border:none;background:hsla(0,0%,100%,.1);box-shadow:0 0 0 1px hsla(0,0%,100%,.15);color:#e5e7eb;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.coin-transfer-stepper .stepper-btn:hover:not(:disabled){background:rgba(245,158,11,.2);box-shadow:0 0 0 1px rgba(245,158,11,.4)}.coin-transfer-stepper .stepper-btn:active:not(:disabled){transform:scale(.9)}.coin-transfer-stepper .stepper-btn:disabled{opacity:.3;cursor:not-allowed}.coin-transfer-stepper .stepper-value{font-size:2.5rem;font-weight:700;color:#fbbf24;min-width:80px;text-align:center}@media(max-width:47.999rem){.coin-transfer-stepper .stepper-value{font-size:2rem}}.coin-transfer-quick-amounts{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.coin-transfer-quick-amounts .quick-btn{padding:.4rem .85rem;border-radius:1rem;border:none;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 1px hsla(0,0%,100%,.1);color:#e5e7eb;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.coin-transfer-quick-amounts .quick-btn:hover:not(:disabled){background:rgba(245,158,11,.15);box-shadow:0 0 0 1px rgba(245,158,11,.3);color:#fbbf24}.coin-transfer-quick-amounts .quick-btn:active:not(:disabled){transform:scale(.95)}.coin-transfer-quick-amounts .quick-btn:disabled{opacity:.3;cursor:not-allowed}.coin-transfer-quick-amounts .quick-btn.max-btn{color:#f59e0b;box-shadow:0 0 0 1px rgba(245,158,11,.3)}.coin-transfer-confirm-summary{padding:1.25rem;background:hsla(0,0%,100%,.05);border-radius:.75rem;box-shadow:0 0 0 1px hsla(0,0%,100%,.08);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.coin-transfer-confirm-summary .confirm-amount{font-size:1.5rem;font-weight:700;color:#fbbf24}.coin-transfer-confirm-summary .confirm-name{font-weight:600;color:#fff}.coin-transfer-result-icon.success{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e}.coin-transfer-result-icon.error,.coin-transfer-result-icon.success{width:60px;height:60px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem;animation:transferScaleIn .3s ease}.coin-transfer-result-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.coin-transfer-result-message{font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.coin-transfer-auth-notice{background-color:rgba(251,191,36,.15);box-shadow:0 0 0 1px rgba(251,191,36,.3);color:#fbbf24}.coin-transfer-auth-notice,.coin-transfer-error{border:none;border-radius:12px;padding:.75rem;margin-bottom:1rem;font-size:.85rem}.coin-transfer-error{background-color:rgba(255,82,82,.15);box-shadow:0 0 0 1px rgba(255,82,82,.3);color:#ff8a80}.coin-transfer-primary-btn{width:100%;padding:.85rem;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:25px;color:#1a1a2e;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:.5rem}.coin-transfer-primary-btn:hover:not(:disabled){box-shadow:0 4px 15px rgba(245,158,11,.4);transform:scale(1.02)}.coin-transfer-primary-btn:active:not(:disabled){transform:scale(.98)}.coin-transfer-primary-btn:disabled{opacity:.5;cursor:not-allowed}.coin-transfer-cancel-btn{width:100%;padding:.75rem;background:rgba(0,0,0,0);border:none;border-radius:25px;box-shadow:0 0 0 1px hsla(0,0%,100%,.1);color:#9ca3af;font-size:.9rem;cursor:pointer;transition:all .3s ease}.coin-transfer-cancel-btn:hover:not(:disabled){background:hsla(0,0%,100%,.05);box-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.coin-transfer-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.coin-transfer-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:500;z-index:9998;animation:transferToastSlideDown .3s ease,transferToastFadeOut .5s ease 3.5s forwards;box-shadow:0 4px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e}.coin-transfer-toast .toast-icon{font-size:1.1rem}.coin-transfer-toast .toast-message{white-space:nowrap}@media(max-width:47.999rem){.coin-transfer-toast{max-width:90%;font-size:.8rem}.coin-transfer-toast .toast-message{white-space:normal}}.coin-transfer-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;background:rgba(245,158,11,.15);color:#f59e0b;font-size:.7rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.coin-transfer-icon-btn:hover{background:rgba(245,158,11,.3);box-shadow:0 0 8px rgba(245,158,11,.3)}.coin-transfer-icon-btn:active{transform:scale(.9)}@keyframes transferFadeIn{0%{opacity:0}to{opacity:1}}@keyframes transferSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes transferScaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes transferToastSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes transferToastFadeOut{0%{opacity:1}to{opacity:0}}.column-grid-container{display:grid;margin-top:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill);grid-row-gap:32px;row-gap:32px;grid-column-gap:20px;column-gap:20px}.column-grid-cell-container{display:flex;flex-direction:column}.column-grid-cell-container:hover{cursor:pointer}.column-grid-cell-container .column-grid-cell-thumbnail{width:100%;height:200px;border-radius:8px}.column-grid-cell-container .column-grid-cell-body{display:flex;margin-top:10px;flex-direction:column}.column-grid-cell-container .column-grid-cell-body .cell-title{font-size:18px;font-family:noto medium}.column-grid-cell-container .column-grid-cell-body .cell-description{margin-top:4px;line-height:24px;font-size:16px;color:#637587;white-space:pre-wrap}@media(max-width:47.999rem){.column-grid-container{grid-template-columns:repeat(1,1fr);row-gap:30px}.column-grid-cell-container .column-grid-cell-thumbnail{width:100%;flex:.4 1;height:140px}.column-grid-cell-container .column-grid-cell-body{flex:.5 1}.column-grid-cell-container .column-grid-cell-body .cell-title{font-size:18px}.column-grid-cell-container .column-grid-cell-body .cell-description{font-size:16px;margin-top:10px}}.confirm-cancel-buttons{display:flex;gap:.75rem}.confirm-cancel-buttons.full-width button{flex:1 1}.confirm-cancel-buttons.reverse-order{flex-direction:row-reverse}.variant-default{justify-content:flex-end}.variant-modal{padding:1rem;border-top:1px solid #3e4463}.variant-modal button{flex:1 1}.variant-inline{justify-content:flex-end}.size-sm{gap:.5rem}.size-sm button{padding:.5rem 1rem;font-size:.8125rem;min-width:60px}.size-md button{padding:.75rem 1.5rem;font-size:.9375rem;min-width:80px}.size-lg{gap:1rem}.size-lg button{padding:1rem 2rem;font-size:1rem;min-width:100px}.btn-cancel,.btn-confirm{border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-cancel.disabled,.btn-confirm.disabled{opacity:.5;cursor:not-allowed}.btn-confirm.solid{background:#4f46e5;color:#fff}.btn-confirm.solid:hover:not(.disabled){background:#4338ca}.btn-confirm.solid:active:not(.disabled){background:#3730a3}.btn-confirm.gradient{background:linear-gradient(90deg,#4f46e5,#a855f7);color:#fff}.btn-confirm.gradient:hover:not(.disabled){background:linear-gradient(90deg,#4338ca,#9333ea)}.btn-confirm.gradient:active:not(.disabled){background:linear-gradient(90deg,#3730a3,#7c3aed)}.btn-cancel{background:rgba(0,0,0,0);border:1px solid #3e4463;color:#e2e8f0}.btn-cancel:hover:not(.disabled){border-color:#e2e8f0;color:#fff;background:rgba(108,114,147,.1)}.btn-cancel:active:not(.disabled){background:rgba(108,114,147,.2)}.loading-spinner{display:flex;align-items:center;justify-content:center}@media(max-width:47.999rem){.confirm-cancel-buttons{flex-direction:column-reverse}.confirm-cancel-buttons button{width:100%}.variant-modal{padding:.75rem}}.daily-pass-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.daily-pass-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1.25rem;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease}@media(max-width:47.999rem){.daily-pass-modal{padding:1.5rem;max-width:340px}}.daily-pass-content{text-align:center;color:#fff}.daily-pass-icon{font-size:3rem;margin-bottom:1rem}.daily-pass-icon.success{width:60px;height:60px;background-color:#4caf50;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;animation:scaleIn .3s ease}.daily-pass-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:47.999rem){.daily-pass-title{font-size:1.25rem}}.daily-pass-description{font-size:1rem;margin-bottom:.75rem;line-height:1.6;opacity:.95}@media(max-width:47.999rem){.daily-pass-description{font-size:.9rem}}.daily-pass-duration{font-size:.875rem;opacity:.85;margin-bottom:1.5rem}.daily-pass-error{background-color:rgba(255,82,82,.2);border:1px solid rgba(255,82,82,.5);border-radius:.5rem;padding:.75rem;margin-bottom:1rem;font-size:.875rem;color:#ffcdd2}.daily-pass-buttons{display:flex;flex-direction:column;gap:.75rem}.daily-pass-btn{border:none;border-radius:.75rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.daily-pass-btn:disabled{opacity:.6;cursor:not-allowed}.daily-pass-btn.primary{background-color:#fff;color:#667eea}.daily-pass-btn.primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px hsla(0,0%,100%,.3)}.daily-pass-btn.primary:active:not(:disabled){transform:scale(.98)}.daily-pass-btn.secondary{background-color:rgba(0,0,0,0);color:#fff;border:2px solid hsla(0,0%,100%,.4)}.daily-pass-btn.secondary:hover:not(:disabled){background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.6)}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.space-gray-theme .daily-pass-modal{background:linear-gradient(135deg,#4a5568,#2d3748)}.filter-buttons{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}@media(max-width:47.999rem){.filter-buttons{gap:.375rem;margin-bottom:.75rem}}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1.5px solid #374151;border-radius:8px;background-color:rgba(0,0,0,0);color:#d1d5db;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}@media(max-width:47.999rem){.filter-button{padding:.375rem .75rem;font-size:.8rem}}.filter-button i{font-size:.875rem}@media(max-width:47.999rem){.filter-button i{font-size:.8rem}}.filter-button:hover{border-color:#6b7280;color:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.filter-button.active{border-color:#9ca3af;background-color:#374151;color:#fff}.filter-button.active:hover{border-color:#d1d5db;background-color:#4b5563}.space-gray-theme .filter-button{border-color:#3e4463;color:#94a3b8}.space-gray-theme .filter-button:hover{border-color:#d1d5db;color:#e2e8f0}.space-gray-theme .filter-button.active{border-color:#6fa3a3;background-color:#d1d5db;color:#fff}.space-gray-theme .filter-button.active:hover{border-color:#e2e8f0;background-color:#6fa3a3}.jorney-gameover-list-box{display:grid;flex:1 1;height:-moz-fit-content;height:fit-content;overflow-y:scroll;padding-top:20px;padding-bottom:20px;margin:5px;text-align:center;width:0;border:1px solid gray;border-radius:12px}.jorney-gameover-list-box .jorney-gameover-win{font-size:20px;font-weight:700;color:red}.jorney-gameover-list-box .jorney-gameover-win.win{color:blue}.jorney-gameover-list-box .jorney-gameover-area{font-size:20px;margin-top:10px;margin-bottom:10px;font-weight:700}.jorney-gameover-list-box .jorney-gameover-player{font-size:20px}.header{position:fixed;top:0;z-index:1000;display:flex;justify-content:center;width:100%;height:52px;background-color:#1a1a1a;border-bottom:1px solid rgba(80,80,80,.2)}@media(max-width:47.999rem){.header{height:50px}}.header .header-container{width:100%;max-width:1200px;margin:0;padding:0 5%;box-sizing:border-box}.header .header-container,.nav-logo{display:flex;height:100%;align-items:center}.nav-logo{flex-direction:row;font-size:1.25rem;font-weight:700;flex-shrink:0}.nav-logo a{color:#fff;text-decoration:none}.nav-logo img{height:50px}@media(max-width:47.999rem){.nav-logo{padding-left:8px}.nav-logo img{height:40px}}.header-status{display:flex;align-items:center;margin-right:auto}@media(max-width:47.999rem){.header-status{padding-left:8px}}.header-status .header-user-group{display:flex;align-items:center;gap:.5rem;padding:.2rem .5rem}@media(max-width:47.999rem){.header-status .header-user-group{gap:.25rem;padding:.15rem .375rem}}.header-status .profile-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s ease}@media(max-width:47.999rem){.header-status .profile-link{gap:.25rem}}.header-status .profile-link .profile-avatar-small{width:28px;height:28px;border-radius:50%;background:#d1d5db;display:flex;align-items:center;justify-content:center;overflow:hidden}.header-status .profile-link .profile-avatar-small img{width:100%;height:100%;object-fit:cover}.header-status .profile-link .profile-avatar-small span{color:#fff;font-size:.8rem;font-weight:600}@media(max-width:47.999rem){.header-status .profile-link .profile-avatar-small{width:24px;height:24px}.header-status .profile-link .profile-avatar-small span{font-size:.7rem}}.header-status .profile-link .profile-name{color:#d1d5db;font-size:.8rem;white-space:nowrap}@media(max-width:47.999rem){.header-status .profile-link .profile-name{font-size:.75rem}}.header-status .guest-login-button{display:flex;align-items:center;gap:.375rem;padding:0;border-radius:0;background:rgba(0,0,0,0);border:none;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .2s ease}@media(max-width:47.999rem){.header-status .guest-login-button{gap:.25rem;font-size:.75rem}}.header-status .guest-login-button .guest-avatar-small{width:28px;height:28px;border-radius:50%;border:1.5px dashed rgba(148,163,184,.5);background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-status .guest-login-button .guest-avatar-small span{color:#94a3b8;font-size:.8rem;font-weight:600}@media(max-width:47.999rem){.header-status .guest-login-button .guest-avatar-small{width:24px;height:24px}.header-status .guest-login-button .guest-avatar-small span{font-size:.7rem}}.header-status .guest-login-button .guest-nickname{white-space:nowrap}@media(max-width:47.999rem){.header-status .guest-login-button .guest-nickname{font-size:.75rem}}.header-status .guest-login-button .guest-badge{font-size:.65rem;padding:.1rem .4rem;border-radius:.5rem;background:rgba(148,163,184,.15);color:#94a3b8;font-weight:500;white-space:nowrap}.nav-menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer;border-radius:8px;transition:all .2s ease;flex-shrink:0}.nav-menu-button:hover{background:rgba(209,213,219,.1)}.nav-menu-button i{font-size:1.25rem}.nav{display:none}.nav.active{display:flex;flex-direction:column;position:absolute;top:52px;right:0;width:240px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border:1px solid #3e4463;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 32px rgba(0,0,0,.3)}@media(max-width:47.999rem){.nav.active{top:50px;width:100%;border-radius:0}}.nav-menu{display:flex;flex-direction:column;list-style:none;padding:8px;margin:0;gap:4px}.nav-menu-item{flex-direction:column;width:100%;height:auto;background:rgba(209,213,219,.08);border:1px solid rgba(209,213,219,.15)}.nav-menu-item,.nav-menu-item a{display:flex;border-radius:10px;transition:all .2s ease}.nav-menu-item a{height:44px!important;align-items:center;justify-content:center;text-decoration:none}.nav-menu-item .nav-menu-dropdown{height:44px;display:flex;align-items:center;text-align:center;border-radius:10px;cursor:pointer}.nav-menu-item .nav-menu-dropdown p{text-align:center;flex:auto}.nav-menu-item:hover{cursor:pointer;background:rgba(209,213,219,.15);border-color:rgba(209,213,219,.3)}.nav-menu-item:hover .nav-menu-title{color:#fff}.nav-menu-item.active{background:linear-gradient(135deg,#d1d5db,#6fa3a3);border-color:#6fa3a3;box-shadow:0 2px 8px rgba(209,213,219,.3);cursor:default}.nav-menu-item .nav-sub.active{position:relative;width:100%;opacity:1;visibility:visible;background-color:rgba(0,0,0,0)}.nav-menu-item .nav-sub.active .nav-sub-item{width:100%;height:auto}.nav-menu-title{color:#d1d5db;font-weight:500;font-size:.9rem;transition:color .2s ease}.nav-menu-title.active{color:#fff;font-weight:600}.nav-language-item{display:flex;align-items:center;justify-content:center;list-style:none;padding:8px 0 4px}.nav-sub{text-transform:none;list-style:none;position:absolute;padding:0;width:120px;background-color:#765c4e;opacity:0;visibility:hidden;z-index:99;transition:opacity .3s}.nav-sub-item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:120px;height:50px}.nav-sub-item p{color:#fff;font-size:16px}.nav-sub-item:hover{background:rgba(0,0,0,.1)}.mobile-menu-overlay{position:fixed;top:52px;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;transition:all .3s ease}@media(max-width:47.999rem){.mobile-menu-overlay{top:50px}}.header-coin-display{display:flex;align-items:center;gap:.25rem;padding:.375rem 0;background:rgba(0,0,0,0);border:none;border-radius:0;cursor:pointer;transition:all .2s ease;margin-right:0}.header-coin-display .coin-count{font-size:.875rem;font-weight:600;color:#6fa3a3}.header-coin-display .coin-max{font-size:.75rem;color:#94a3b8}.dev-add-coin-btn{margin-left:.25rem;padding:0 .375rem;background:rgba(34,197,94,.3);border:1px solid rgba(34,197,94,.5);border-radius:4px;color:#22c55e;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;line-height:1.2}.dev-add-coin-btn:hover{background:rgba(34,197,94,.5)}@media(max-width:47.999rem){.header-coin-display{padding:.25rem 0}.header-coin-display .coin-count{font-size:.75rem}.header-coin-display .coin-max{display:none}.dev-add-coin-btn{padding:0 .25rem;font-size:.625rem}}.index-scroll-container{display:none;position:fixed;right:0;padding:50px;width:100%;height:100vh;box-sizing:border-box;align-items:center}.index-scroll-box{position:fixed;display:flex;height:50%;top:25vh;flex-direction:row}.index-scroll-bar{width:10px;margin-right:10px;background-color:#000}.index-scroll-indicator-container{display:flex;flex-direction:column;justify-content:space-between}.index-scroll-indicator-container .indicator-container{font-size:1rem;transition:font-size .2s ease}.index-scroll-indicator-container .indicator-container:hover{cursor:pointer}.index-scroll-indicator-container .indicator-container.active{font-size:1.5rem}@media(min-width:48rem){.index-scroll-container{flex-direction:row;width:20%}}@media(max-width:47.999rem){.index-scroll-container{position:-webkit-sticky;position:sticky;top:0;z-index:900;width:100%;height:50px;padding:0;background-color:#add8e6}.index-scroll-box{width:100%;top:0;justify-content:center;position:relative}.index-scroll-bar{display:none}.index-scroll-indicator-container{width:100%;flex-direction:row;align-items:center;justify-content:space-around}.index-scroll-indicator-container .indicator-container{font-size:14px}.index-scroll-indicator-container .indicator-container.active{font-size:20px}}.modal-page-bg{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.3647058824)}.modal-page-container{display:flex;flex-direction:column;align-items:safe center;width:800px;max-height:80%;overflow-y:auto;padding:32px 16px 16px;box-shadow:1px 1px 1px #000;z-index:1000;border-radius:8px;box-sizing:border-box;background-color:#2d3748}@media(max-width:47.999rem){.modal-page-container{width:90%}}.modal-page-thumbnail{width:80%;border-radius:8px}@media(max-width:47.999rem){.modal-page-thumbnail{width:100%}}.modal-page-grid-imgs{width:80%;margin-top:12px;display:grid;justify-content:center;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.modal-page-grid-imgs.horizontal{display:flex;flex:1.3 1;flex-direction:column}.modal-page-grid-imgs.vertical{display:flex;flex:1 1;flex-direction:column}@media(max-width:47.999rem){.modal-page-grid-imgs{width:100%;grid-template-columns:repeat(1,1fr)}}.modal-page-grid-imgs-mix-container{width:80%;display:flex;gap:16px}.modal-page-grid-imgs-cell{width:100%;height:100%;object-fit:cover;border-radius:8px}.modal-page-grid-videos{width:80%;display:grid;margin-top:8px;grid-template-columns:repeat(2,1fr);grid-row-gap:8px;row-gap:8px;grid-column-gap:12px;column-gap:12px}.modal-page-grid-videos .modal-video{width:100%;height:160px}.modal-page-grid-videos .modal-video.full-width{grid-column:span 2;height:300px}@media(max-width:47.999rem){.modal-page-grid-videos{width:100%;grid-template-columns:repeat(1,1fr)}}.modal-page-title{margin-top:32px;font-size:1.5rem;font-weight:500;color:#fff}.modal-page-description{padding:12px 32px 52px;font-size:1rem;color:#d1d5db}@media(max-width:47.999rem){.modal-page-description{padding-left:0;padding-right:0}}.number-input-sm{padding:.375rem .5rem;font-size:.875rem}.number-input-md{padding:.5rem .75rem;font-size:1rem}.number-input-lg{padding:.75rem 1rem;font-size:1.125rem}.number-input-field{background:#2a2f42;border:1px solid #3e4463;border-radius:.5rem;color:#fff;transition:border-color .2s;text-align:right;-moz-appearance:textfield}.number-input-field::-webkit-inner-spin-button,.number-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-field:focus{outline:none;border-color:#6366f1}.number-input-field::placeholder{color:#94a3b8}.number-input-field:disabled{opacity:.5;cursor:not-allowed}.number-input-unit-container{display:flex;align-items:stretch}.number-input-unit-container .unit-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;flex:1 1}.number-input-unit-container .number-input-unit{display:flex;align-items:center;padding:0 .75rem;background:#374151;border:1px solid #3e4463;border-left:none;border-radius:0 .5rem .5rem 0;color:#9ca3af;font-size:.875rem}.number-input-stepper-container{display:flex;align-items:stretch;background:rgba(45,55,72,.5);border-radius:.5rem;border:1px solid #3e4463}.number-input-stepper-container .stepper-input{width:3rem;text-align:center;background:rgba(0,0,0,0);border:none;border-radius:0}.number-input-stepper-container .stepper-input:focus{border:none;outline:none}.number-input-stepper-container .number-input-stepper-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:rgba(0,0,0,0);border:none;color:#e9d5ff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.number-input-stepper-container .number-input-stepper-btn.decrement{border-radius:.5rem 0 0 .5rem}.number-input-stepper-container .number-input-stepper-btn.increment{border-radius:0 .5rem .5rem 0}.number-input-stepper-container .number-input-stepper-btn:hover:not(:disabled){color:#fff;background:rgba(168,85,247,.2)}.number-input-stepper-container .number-input-stepper-btn:disabled{opacity:.3;cursor:not-allowed}@media(max-width:47.999rem){.number-input-stepper-container .stepper-input{width:2.5rem}.number-input-stepper-container .number-input-stepper-btn{padding:.375rem .5rem}}.onboarding-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.onboarding-modal{background:rgba(37,42,61,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:16px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.05);animation:onboardingSlideUp .3s ease}@keyframes onboardingSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{text-align:center;margin-bottom:1.5rem}.onboarding-header h2{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0 0 .5rem}.onboarding-subtitle{color:#94a3b8;font-size:.9375rem;margin:0}.onboarding-error{background:rgba(239,68,68,.1);border:none;box-shadow:0 0 0 1px rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.875rem}.onboarding-section{margin-bottom:1.25rem}.onboarding-label{display:block;color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.nickname-input-wrapper{position:relative}.onboarding-input{width:100%;padding:.875rem 3.5rem .875rem 1rem;background:rgba(37,42,61,.6);border:1px solid rgba(62,68,99,.6);border-radius:12px;color:#ffffff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.onboarding-input:focus{outline:none;border-color:#5a9999;box-shadow:0 0 0 2px rgba(90,153,153,.2)}.onboarding-input::placeholder{color:#94a3b8}.onboarding-input:disabled{opacity:.6;cursor:not-allowed}.onboarding-input.input-valid{border-color:#22c55e}.onboarding-input.input-valid:focus{box-shadow:0 0 0 2px rgba(34,197,94,.2)}.onboarding-input.input-error{border-color:#ef4444}.onboarding-input.input-error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.2)}.nickname-char-count{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.75rem}.nickname-status{display:block;margin-top:.375rem;font-size:.8125rem}.nickname-status.checking{color:#94a3b8}.nickname-status.available{color:#22c55e}.nickname-status.taken,.nickname-status.too-short{color:#ef4444}.nickname-hint{color:#94a3b8;font-size:.75rem;margin:.5rem 0 0}.onboarding-submit-button{width:100%;padding:.875rem 1rem;background:#5a9999;border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:48px;box-shadow:0 4px 15px rgba(90,153,153,.3);margin-top:.5rem}.onboarding-submit-button:hover:not(:disabled){box-shadow:0 8px 25px rgba(90,153,153,.4);transform:translateY(-2px)}.onboarding-submit-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.onboarding-modal{padding:1.5rem}.onboarding-header h2{font-size:1.25rem}}.product-game-header{background:rgba(31,41,55,.95);border-bottom:1px solid rgba(75,85,99,.5);box-shadow:0 4px 10px rgba(0,0,0,.3)}.product-game-header .header-title{color:#818cf8}.product-game-header .info-badge{background:none;border:none}.product-game-header .info-badge .label{color:#9ca3af}.product-game-header .icon-button i,.product-game-header .info-badge .value{color:#fff}.product-game-header .badge-count{background:rgba(0,0,0,0)!important;color:#fff!important;border:none!important;box-shadow:none!important}.product-game-header .badge-count.badge-chat{color:#38bdf8!important}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.6}}.timer-badge{padding:0;background:none;border:none;transition:all .3s ease}.timer-badge i{font-size:1rem;color:#6fa3a3;filter:drop-shadow(0 0 8px rgba(111,163,163,.6))}.timer-badge.timer-warning{animation:timer-pulse-large 1s ease-in-out infinite}.timer-badge.timer-warning i{color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.8));animation:timer-icon-pulse .5s ease-in-out infinite}.timer-badge.timer-warning .timer-value{color:#ef4444;text-shadow:0 0 15px rgba(239,68,68,.8)}.timer-value{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(111,163,163,.5);letter-spacing:.05em;min-width:auto;text-align:center;line-height:1}@keyframes timer-pulse-large{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes timer-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.space-gray-theme .product-game-header{background:rgba(37,42,61,.7)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;backdrop-filter:blur(24px) saturate(150%)!important;border-bottom-color:#3e4463!important;box-shadow:0 4px 24px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.1)!important}.space-gray-theme .product-game-header .header-title{color:#fff!important;font-weight:600!important}.space-gray-theme .product-game-header .info-badge{background:none!important;border:none!important;box-shadow:none!important}.space-gray-theme .product-game-header .info-badge .label{color:#94a3b8!important}.space-gray-theme .product-game-header .info-badge .value{color:#fff!important;font-weight:700!important}.space-gray-theme .product-game-header .icon-button{background:rgba(0,0,0,0)!important;transition:all .3s ease!important}.space-gray-theme .product-game-header .icon-button:hover{background:rgba(90,153,153,.15)!important}.space-gray-theme .product-game-header .icon-button i{color:#e2e8f0!important}.space-gray-theme .product-game-header .badge-count{background:rgba(0,0,0,0)!important;color:#fff!important;font-weight:700!important;border:none!important;box-shadow:none!important}.space-gray-theme .product-game-header .badge-count.badge-chat{color:#38bdf8!important}.space-gray-theme .setting-menu{background:rgba(37,42,61,.95)!important;border-color:#3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 10px 40px rgba(0,0,0,.4)!important}.space-gray-theme .setting-menu .text-gray-400{color:#94a3b8!important}.space-gray-theme .setting-menu .text-white{color:#fff!important}.space-gray-theme .setting-menu .border-gray-700{border-color:#3e4463!important}.space-gray-theme .bg-red-600{background:linear-gradient(135deg,#dc2626,#991b1b)!important;border:1px solid rgba(239,68,68,.3)!important;box-shadow:0 4px 15px rgba(220,38,38,.3)!important}.space-gray-theme .bg-red-600:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 6px 20px rgba(239,68,68,.4)!important}@keyframes timer-pulse{0%,to{box-shadow:0 2px 8px rgba(239,68,68,.4),inset 0 0 20px rgba(239,68,68,.2)}50%{box-shadow:0 4px 16px rgba(239,68,68,.6),inset 0 0 30px rgba(239,68,68,.3)}}@media(max-width:768px){.space-gray-theme .product-game-header{background:rgba(37,42,61,.85)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important}.timer-badge i{font-size:.875rem}.timer-value{font-size:1.25rem}}@media(min-width:1440px){.timer-badge i{font-size:1.125rem}.timer-value{font-size:1.75rem}}.product-section-container{margin-bottom:24px}@media(max-width:47.999rem){.product-section-container{margin-bottom:16px}}.product-section-container .product-section-title{text-align:center;font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:4px;padding:16px 0;display:flex;align-items:center;justify-content:center;gap:12px}@media(max-width:47.999rem){.product-section-container .product-section-title{font-size:1.25rem;margin-bottom:2px;gap:10px;padding:12px 0}}.product-section-container .product-section-icon{color:#6366f1;font-size:1.5rem}@media(max-width:47.999rem){.product-section-container .product-section-icon{font-size:1.125rem}}.product-section-container .product-section-description{text-align:center;margin-top:8px;font-size:1rem;color:#d1d5db}@media(max-width:47.999rem){.product-section-container .product-section-description{margin-top:4px;font-size:1rem}}.product-section-container .product-section-body{margin-top:24px}@media(max-width:47.999rem){.product-section-container .product-section-body{margin-top:16px}}.room-code-share-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-code-share-modal{background:#2d3748;border-radius:1rem;width:90%;max-width:360px;box-shadow:0 25px 50px rgba(0,0,0,.4);border:1px solid #4b5563;overflow:hidden}.room-code-share-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid #374151}.room-code-share-header h3{margin:0;font-size:.95rem;font-weight:600;color:#fff}.room-code-share-header .room-code-share-close{background:none;border:none;color:#9ca3af;font-size:1rem;cursor:pointer;padding:.25rem;transition:color .2s ease}.room-code-share-header .room-code-share-close:hover{color:#fff}.room-code-share-body{display:flex;flex-direction:column;align-items:center;padding:1.25rem;gap:1rem}@media(max-width:47.999rem){.room-code-share-body{padding:1rem;gap:.75rem}}.room-code-qr{background:#fff;padding:1rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}@media(max-width:47.999rem){.room-code-qr{padding:.6rem}.room-code-qr svg{width:150px!important;height:150px!important}}.room-code-display{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:2rem;font-weight:700;color:#fff;letter-spacing:.15em;text-align:center}@media(max-width:47.999rem){.room-code-display{font-size:1.4rem}}.room-code-actions{display:flex;gap:.75rem;width:100%}@media(max-width:47.999rem){.room-code-actions{gap:.5rem}}.room-code-actions button{flex:1 1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}@media(max-width:47.999rem){.room-code-actions button{padding:.5rem .6rem;font-size:.75rem;gap:.3rem}}.room-code-actions button svg{font-size:.875rem}.room-code-copy-button{background:#374151;color:#fff}.room-code-copy-button:hover{background:#4b5563}.room-code-share-button{background:#374151;color:#fff}.room-code-share-button:hover{background:#4b5563}.space-gray-theme .room-code-share-modal{background:#252a3d;border-color:#3e4463}.space-gray-theme .room-code-share-header{border-bottom-color:#3e4463}.space-gray-theme .room-code-copy-button{background:hsla(0,0%,100%,.1);border:1px solid #3e4463}.space-gray-theme .room-code-copy-button:hover{background:hsla(0,0%,100%,.15)}.space-gray-theme .room-code-share-button{background:hsla(0,0%,100%,.1);border:1px solid #3e4463}.space-gray-theme .room-code-share-button:hover{background:hsla(0,0%,100%,.15)}.rule-modal{position:absolute;display:flex;flex-direction:column;width:100%;transform:translateX(150%);transition:all .3s ease-in-out;z-index:10;overflow-y:auto;right:-150%}.rule-modal.open{right:0;transform:translateX(0)}@media(max-width:47.999rem){.rule-modal{margin-right:0;margin-top:0;width:100%}}@media(min-width:768px){.rule-modal{margin-right:.25rem;margin-top:.25rem;width:50%;border-radius:.75rem}}.rule-modal.in-game{top:100%;max-height:80vh}.rule-modal.not-in-game{top:150%;max-height:70vh}.space-gray-theme .rule-modal{background:rgba(15,18,25,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(90,153,153,.2)!important;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.1)!important;color:#ffffff!important;width:500px}@media(max-width:47.999rem){.space-gray-theme .rule-modal{width:100%}}.space-gray-theme .rule-modal .rule-modal-header{background:linear-gradient(135deg,rgba(15,18,25,.95),rgba(26,30,46,.95))!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid #3e4463!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:20!important;padding:1rem!important}.space-gray-theme .rule-modal .rule-modal-header .rule-modal-title{color:#ffffff!important;font-weight:600!important;font-size:1.125rem!important}.space-gray-theme .rule-modal .rule-modal-header .pagination-container{display:flex!important;gap:.25rem!important}.space-gray-theme .rule-modal .rule-modal-header .pagination-container .pagination-button{background:rgba(0,0,0,0)!important;color:#94a3b8!important;border:1px solid #3e4463!important;border-radius:50%!important;width:2rem!important;height:2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;font-size:.875rem!important;text-decoration:none!important}.space-gray-theme .rule-modal .rule-modal-header .pagination-container .pagination-button:hover{background:rgba(90,153,153,.2)!important;color:#ffffff!important;border-color:#5a9999!important;transform:translateY(-1px)!important}.space-gray-theme .rule-modal .rule-modal-header .pagination-container .pagination-button.active{background:#5a9999!important;color:#fff!important;border-color:#5a9999!important;font-weight:600!important;box-shadow:0 4px 12px rgba(90,153,153,.3)!important}.space-gray-theme .rule-modal .rule-modal-body{padding:1rem!important}.space-gray-theme .rule-modal .rule-modal-body::-webkit-scrollbar{width:6px}.space-gray-theme .rule-modal .rule-modal-body::-webkit-scrollbar-track{background:rgba(37,42,61,.3);border-radius:3px}.space-gray-theme .rule-modal .rule-modal-body::-webkit-scrollbar-thumb{background:#5a9999;border-radius:3px}.space-gray-theme .rule-modal .rule-modal-body::-webkit-scrollbar-thumb:hover{background:#6fa3a3}.space-gray-theme .rule-modal :global(.bg-blue-950\/95),.space-gray-theme .rule-modal :global(.md\\:bg-blue-950){background:rgba(15,18,25,.98)!important}.space-gray-theme .rule-modal :global(.text-indigo-400){color:#5a9999!important}.space-gray-theme .rule-modal :global(.text-gray-400){color:#94a3b8!important}.space-gray-theme .rule-modal :global(.text-gray-300){color:#ffffff!important}.space-gray-theme .rule-modal :global(.border-gray-700){border-color:#3e4463!important}.section{width:100%;display:flex;position:relative;justify-content:center}.section.first{padding-top:20px}@media(max-width:47.999rem){.section.first{padding-top:12px}}.section-body{width:80%;max-width:1200px}@media(max-width:47.999rem){.section-body{width:100%}}.thumbnail-cardview-grid-container{display:grid;position:relative;grid-template-columns:repeat(3,1fr);grid-row-gap:24px;row-gap:24px;grid-column-gap:20px;column-gap:20px}@media(max-width:47.999rem){.thumbnail-cardview-grid-container{grid-template-columns:repeat(1,1fr);row-gap:20px;column-gap:16px}}.horizontal-layout .thumbnail-cardview-grid-container{grid-template-columns:repeat(2,1fr);row-gap:20px;column-gap:20px}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-container{grid-template-columns:repeat(2,1fr);row-gap:12px;column-gap:10px}}.thumbnail-cardview-grid-cell{display:flex;flex-direction:column;cursor:pointer;color:#d1d5db;position:relative;background-color:#0a0a0a;border-radius:.375rem;box-shadow:0 1px 4px #2d3748;overflow:hidden;transition:transform .3s ease}.thumbnail-cardview-grid-cell:hover{transform:scale(1.02)}.thumbnail-cardview-grid-cell.gray{background-color:#2d3748;box-shadow:0 1px 4px #111827}@media(max-width:47.999rem){.thumbnail-cardview-grid-cell{border-radius:.25rem;box-shadow:0 1px 3px #2d3748}}.horizontal-layout .thumbnail-cardview-grid-cell{flex-direction:row;min-height:100px}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-cell{flex-direction:column;min-height:auto}}.thumbnail-cardview-grid-thumbnail{width:100%;aspect-ratio:2/1;background-color:#000;object-fit:cover}.horizontal-layout .thumbnail-cardview-grid-thumbnail{width:160px;height:100%;aspect-ratio:unset;flex-shrink:0}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-thumbnail{width:100%;height:auto;aspect-ratio:5/3}}.thumbnail-cardview-grid-body-container{padding:.75rem;flex:1 1;display:flex;flex-direction:column}@media(max-width:47.999rem){.thumbnail-cardview-grid-body-container{padding:.75rem}}.horizontal-layout .thumbnail-cardview-grid-body-container{justify-content:space-between;min-width:0}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-body-container{padding:.5rem;justify-content:flex-start}.horizontal-layout .thumbnail-cardview-grid-subtitle{margin-top:4px;font-size:.7rem}.horizontal-layout .thumbnail-cardview-grid-title{font-size:.875rem}.horizontal-layout .thumbnail-cardview-grid-type-list{margin-top:4px;flex-wrap:wrap}.horizontal-layout .thumbnail-cardview-grid-type-item{font-size:.625rem;padding:0;white-space:nowrap}.horizontal-layout .thumbnail-cardview-grid-view{display:none}}.thumbnail-cardview-grid-title-row{display:flex;align-items:center;gap:8px}.thumbnail-cardview-grid-title{color:#d1d5db;font-size:1rem}@media(max-width:47.999rem){.thumbnail-cardview-grid-title{font-size:1rem}}.thumbnail-cardview-grid-subtitle{margin-top:6px;font-size:.875rem}@media(max-width:47.999rem){.thumbnail-cardview-grid-subtitle{margin-top:6px;font-size:.75rem}}.thumbnail-cardview-grid-type-list{display:flex;margin-top:8px;flex-wrap:wrap;gap:.25rem}@media(max-width:47.999rem){.thumbnail-cardview-grid-type-list{margin-top:8px;gap:.25rem}}.thumbnail-cardview-grid-type-item{padding:.2rem .625rem;border-radius:9999px;font-size:.75rem}@media(max-width:47.999rem){.thumbnail-cardview-grid-type-item{padding:.2rem .5rem;font-size:.75rem}}.thumbnail-cardview-grid-view{display:none}.thumbnail-cardview-grid-thumbnail-container{position:relative;width:100%}.horizontal-layout .thumbnail-cardview-grid-thumbnail-container{width:160px;height:100%;flex-shrink:0}@media(max-width:47.999rem){.horizontal-layout .thumbnail-cardview-grid-thumbnail-container{width:100%;height:auto}}.thumbnail-badge{position:absolute;top:8px;left:8px;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.5px;z-index:1}@media(max-width:47.999rem){.thumbnail-badge{top:6px;left:6px;padding:3px 10px;font-size:.625rem}}.thumbnail-badge-new{background:linear-gradient(135deg,#4f9da6,#3d7c83);color:#fff;box-shadow:0 2px 8px rgba(79,157,166,.4)}.thumbnail-badge-hot{background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;box-shadow:0 2px 8px rgba(249,115,22,.4)}.title-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:9999px;font-size:.625rem;font-weight:700;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.title-badge-new{background:linear-gradient(135deg,#4f9da6,#3d7c83);color:#fff}.title-badge-hot{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12}.waiting-room-sidebar{display:flex;flex-direction:column;width:280px;min-width:280px;border-left:1px solid #4b5563;background-color:#1f2937;overflow:hidden}@media(max-width:47.999rem){.waiting-room-sidebar{display:none}}.waiting-room-sidebar .sidebar-room-info{display:flex;flex-direction:row;padding:.75rem;gap:.75rem;border-bottom:1px solid #4b5563;flex-shrink:0;min-height:0}.waiting-room-sidebar .sidebar-info-left{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-width:0}.waiting-room-sidebar .sidebar-premium-section{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.waiting-room-sidebar .sidebar-premium-section .room-premium-badge{font-size:.65rem;padding:.2rem .6rem}.waiting-room-sidebar .sidebar-premium-section .premium-active-label,.waiting-room-sidebar .sidebar-premium-section .upgrade-room-btn{font-size:.7rem;padding:.3rem .65rem}.waiting-room-sidebar .sidebar-room-code-section{display:flex;flex-direction:column;gap:.15rem}.waiting-room-sidebar .sidebar-room-code-label{font-size:.7rem;color:#9ca3af}.waiting-room-sidebar .sidebar-room-code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:700;color:#fff;letter-spacing:.15em;word-break:break-all}.waiting-room-sidebar .sidebar-room-actions{display:flex;gap:.35rem}.waiting-room-sidebar .sidebar-action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:.8rem;color:#d1d5db;background:#374151;border:1px solid #4b5563;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.waiting-room-sidebar .sidebar-action-icon-btn:hover{color:#fff;background:#4b5563;border-color:#6b7280;transform:translateY(-1px)}.waiting-room-sidebar .sidebar-action-icon-btn:active{transform:translateY(0)}.waiting-room-sidebar .sidebar-action-icon-btn i{font-size:.75rem}.waiting-room-sidebar .sidebar-info-right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.waiting-room-sidebar .sidebar-qr{background:#fff;padding:.5rem;border-radius:.5rem}.waiting-room-sidebar .sidebar-player-list{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.waiting-room-sidebar .sidebar-player-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-bottom:1px solid #4b5563;flex-shrink:0;font-size:.85rem;font-weight:600;color:#d1d5db}.waiting-room-sidebar .sidebar-player-header-left{display:flex;align-items:center;gap:.5rem}.waiting-room-sidebar .sidebar-player-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;font-size:.7rem;font-weight:700;color:#fff;background:#22c55e;border-radius:9999px}.waiting-room-sidebar .sidebar-capacity-badge-group{display:flex;align-items:center;gap:.35rem}.waiting-room-sidebar .sidebar-capacity-limit{display:inline-flex;align-items:center;gap:.2rem;font-size:.65rem;font-weight:600;padding:.1rem .4rem;border-radius:8px}.waiting-room-sidebar .sidebar-capacity-limit.basic{color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25)}.waiting-room-sidebar .sidebar-capacity-limit.basic i{font-size:.55rem;color:#f59e0b!important}.waiting-room-sidebar .sidebar-capacity-limit.premium{color:#fbbf24;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2)}.waiting-room-sidebar .sidebar-capacity-limit.premium i{font-size:.55rem;color:#fbbf24!important}.waiting-room-sidebar .sidebar-player-items{flex:1 1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.waiting-room-sidebar .sidebar-player-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#374151;border-radius:.5rem;transition:background .2s ease}.waiting-room-sidebar .sidebar-player-item:hover{background:#4b5563}.space-gray-theme .waiting-room-sidebar{background:rgba(37,42,61,.6);border-left:1px solid #3e4463;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.space-gray-theme .waiting-room-sidebar .sidebar-room-info{border-bottom:1px solid #3e4463}.space-gray-theme .waiting-room-sidebar .sidebar-room-code-label{color:#94a3b8}.space-gray-theme .waiting-room-sidebar .sidebar-room-code{color:#fff}.space-gray-theme .waiting-room-sidebar .sidebar-action-icon-btn{color:#e2e8f0;background:rgba(37,42,61,.8);border-color:#3e4463}.space-gray-theme .waiting-room-sidebar .sidebar-action-icon-btn:hover{color:#fff;background:#2f3547;border-color:#5a9999}.space-gray-theme .waiting-room-sidebar .sidebar-action-icon-btn i{color:#d1d5db!important}.space-gray-theme .waiting-room-sidebar .sidebar-player-header{border-bottom:1px solid #3e4463;color:#e2e8f0}.space-gray-theme .waiting-room-sidebar .sidebar-player-header i{color:#d1d5db!important}.space-gray-theme .waiting-room-sidebar .sidebar-player-items .sidebar-player-item{background:rgba(37,42,61,.5);border:1px solid rgba(0,0,0,0)}.space-gray-theme .waiting-room-sidebar .sidebar-player-items .sidebar-player-item:hover{background:#2f3547;border-color:rgba(90,153,153,.3)}.chat-tabs{display:flex;gap:4px;padding:4px;background-color:var(--background-secondary,#2d3748);border-bottom:1px solid var(--border-color,#4a5568);flex-shrink:0}.chat-tabs .tab{position:relative;flex:1 1;padding:6px 12px;background-color:rgba(0,0,0,0);border:none;border-radius:4px;font-size:13px;font-weight:500;color:var(--text-secondary,#a0aec0);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.chat-tabs .tab:hover{background-color:var(--hover-color,rgba(0,0,0,.2))}.chat-tabs .tab.active{background-color:var(--primary-color,#4299e1);color:#fff}.chat-tabs .tab.active:hover{background-color:var(--primary-color-dark,#3182ce)}.chat-tabs .tab .unread-badge{position:relative;top:auto;right:auto;min-width:16px;height:16px;padding:0 4px;background-color:var(--error-color,#f56565);color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.chat-tabs .private-tab-wrapper{position:relative;flex:1 1;display:flex}.chat-tabs .private-tab-wrapper>.tab{width:100%}.chat-tabs .private-tab-wrapper .conversation-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:rgba(15,18,25,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color,#4a5568);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:100;max-height:300px;overflow-y:auto;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-item{width:100%;padding:10px 12px;background:rgba(0,0,0,0);border:none;color:var(--text-secondary,#a0aec0);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:13px;transition:all .2s ease}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-item:hover{background:var(--hover-color,#374151);color:var(--text-primary,#e2e8f0)}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-item.active{background:var(--primary-color-light,#2c5282);color:#fff;font-weight:500}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-item.new-conversation{color:var(--primary-color,#4299e1);border-bottom:1px solid var(--border-color,#4a5568);font-weight:500}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-item.new-conversation:hover{background:rgba(66,153,225,.1)}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-item .participant-names{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-item .unread-badge{margin-left:8px;flex-shrink:0}.chat-tabs .private-tab-wrapper .conversation-dropdown .dropdown-empty{padding:20px 12px;color:var(--text-tertiary,#718096);text-align:center;font-size:13px}.conversation-sidebar{display:flex;flex-direction:column;width:220px;background-color:var(--background-primary,#1a202c);border-right:1px solid var(--border-color,#4a5568);flex-shrink:0}.conversation-sidebar .sidebar-header{padding:8px;border-bottom:1px solid var(--border-color,#4a5568);flex-shrink:0}.conversation-sidebar .sidebar-header .btn-new-conversation{width:100%;padding:8px 12px;background-color:var(--primary-color,#4299e1);color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.conversation-sidebar .sidebar-header .btn-new-conversation:hover{background-color:var(--primary-color-dark,#3182ce)}.conversation-sidebar .sidebar-header .btn-new-conversation:active{transform:scale(.98)}.conversation-sidebar .conversation-list{flex:1 1;overflow-y:auto;padding:6px;min-height:0}.conversation-sidebar .conversation-list .no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;text-align:center;color:var(--text-secondary,#a0aec0)}.conversation-sidebar .conversation-list .no-conversations p{margin:4px 0;font-size:12px}.conversation-sidebar .conversation-list .no-conversations .hint{font-size:11px;color:var(--text-tertiary,#718096)}.conversation-sidebar .conversation-list .conversation-item{padding:8px;margin-bottom:6px;background-color:var(--background-secondary,#2d3748);border:1px solid var(--border-color,#4a5568);border-radius:6px;cursor:pointer;transition:all .2s ease}.conversation-sidebar .conversation-list .conversation-item:hover{background-color:var(--hover-color,#374151);border-color:var(--primary-color,#4299e1)}.conversation-sidebar .conversation-list .conversation-item.active{background-color:var(--primary-color-light,#2c5282);border-color:var(--primary-color,#4299e1)}.conversation-sidebar .conversation-list .conversation-item.unread{font-weight:600}.conversation-sidebar .conversation-list .conversation-item.unread .conversation-header .participants{color:var(--text-primary,#e2e8f0)}.conversation-sidebar .conversation-list .conversation-item .conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-sidebar .conversation-list .conversation-item .conversation-header .participants{flex:1 1;font-size:13px;font-weight:500;color:var(--text-primary,#cbd5e0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-sidebar .conversation-list .conversation-item .conversation-header .unread-badge{min-width:16px;height:16px;padding:0 4px;background-color:var(--error-color,#f56565);color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-left:6px;flex-shrink:0}.conversation-sidebar .conversation-list .conversation-item .last-message{font-size:11px;color:var(--text-secondary,#a0aec0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.conversation-sidebar{width:180px}.conversation-sidebar .sidebar-header{padding:6px}.conversation-sidebar .sidebar-header .btn-new-conversation{font-size:12px;padding:6px 8px}.conversation-sidebar .conversation-item{padding:6px;font-size:12px}.conversation-sidebar .conversation-item .participants{font-size:12px}.conversation-sidebar .conversation-item .last-message{font-size:10px}}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.conversation-list::-webkit-scrollbar-thumb{background-color:var(--border-color,#ddd);border-radius:3px}.conversation-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary,#999)}.conversation-target-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.conversation-target-selector-modal{background:rgba(15,18,25,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(90,153,153,.2);box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.1);border-radius:16px;width:90%;max-width:400px;max-height:600px;display:flex;flex-direction:column;animation:slideUp .3s ease;color:#fff}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.target-selector-header{padding:20px;border-bottom:1px solid #3e4463;background:linear-gradient(135deg,rgba(15,18,25,.95),rgba(26,30,46,.95));border-radius:16px 16px 0 0}.target-selector-header h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#fff}.target-selector-header .help-text{margin:0;font-size:13px;color:#94a3b8}.player-list{flex:1 1;overflow-y:auto;padding:12px;min-height:200px;max-height:400px}.player-list .player-option{padding:12px 16px;margin-bottom:8px;background-color:rgba(37,42,61,.8);border:1px solid #3e4463;border-radius:8px;cursor:pointer;transition:all .3s ease}.player-list .player-option:hover{background-color:#2f3547;border-color:#5a9999;transform:translateY(-1px)}.player-list .player-option.selected{background-color:rgba(90,153,153,.2);border-color:#5a9999}.player-list .player-option.selected .player-name{font-weight:600;color:#6fa3a3}.player-list .player-option .player-info{display:flex;align-items:center;gap:12px}.player-list .player-option .player-info .player-checkbox{font-size:18px;line-height:1}.player-list .player-option .player-info .player-name{font-size:14px;color:#e2e8f0;transition:all .2s ease}.no-players{display:flex;align-items:center;justify-content:center;padding:40px 20px;font-size:14px;color:#94a3b8;text-align:center}.modal-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #3e4463;background:linear-gradient(135deg,rgba(15,18,25,.95),rgba(26,30,46,.95));border-radius:0 0 16px 16px}.modal-actions button{flex:1 1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-actions button:active{transform:scale(.98)}.modal-actions .btn-cancel{background:rgba(0,0,0,0);color:#e2e8f0;border:1px solid #3e4463}.modal-actions .btn-cancel:hover{background:rgba(108,114,147,.2);color:#fff;border-color:#6c7293;transform:translateY(-1px)}.modal-actions .btn-confirm{background:#5a9999;color:#fff;border:none}.modal-actions .btn-confirm:hover{background:#6fa3a3;transform:translateY(-2px);box-shadow:0 8px 25px rgba(90,153,153,.4)}.modal-actions .btn-confirm:disabled{background:#2a2f42;color:#94a3b8;cursor:not-allowed;opacity:.6}.modal-actions .btn-confirm:disabled:hover{background:#2a2f42;transform:none;box-shadow:none}.modal-actions .btn-confirm:disabled:active{transform:none}.player-list::-webkit-scrollbar{width:6px}.player-list::-webkit-scrollbar-track{background:rgba(37,42,61,.3);border-radius:3px}.player-list::-webkit-scrollbar-thumb{background-color:#5a9999;border-radius:3px}.player-list::-webkit-scrollbar-thumb:hover{background-color:#6fa3a3}.footer-container{width:100%;text-align:center;color:#6b7280;font-size:.875rem;border-top:1px solid #2d3748;padding:2rem 0 80px}.about-container{display:flex;flex-direction:column;padding-left:20px;padding-right:20px;padding-bottom:32px}.section.about-intro{margin-top:10px;padding-bottom:40px;color:#d1d5db}@media(max-width:47.999rem){.section.about-intro{padding-bottom:2rem}}.section.about-work{padding-top:32px;padding-bottom:20px}.section.about-work .about-work-title{padding-top:20px;padding-bottom:20px;font-size:22px;color:#fff;font-weight:700}.about-name{font-weight:700}.about-name,.about-position{font-size:20px}.space-gray-theme{color:#e2e8f0!important}.space-gray-theme h1,.space-gray-theme h2,.space-gray-theme h3,.space-gray-theme h4,.space-gray-theme h5,.space-gray-theme h6{color:#ffffff!important;font-weight:600!important}.space-gray-theme p{color:#e2e8f0!important;line-height:1.6!important}.space-gray-theme .about-container button,.space-gray-theme .section button{transition:all .3s ease!important;border-radius:25px!important}.space-gray-theme .about-container button.bg-gray-600,.space-gray-theme .section button.bg-gray-600{background:#5a9999!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px rgba(90,153,153,.3)!important}.space-gray-theme .about-container button.bg-gray-600:hover,.space-gray-theme .section button.bg-gray-600:hover{background:#5a9999!important;box-shadow:0 8px 25px rgba(90,153,153,.4)!important}.space-gray-theme .about-container button.bg-gray-600.ring-2.ring-gray-400,.space-gray-theme .section button.bg-gray-600.ring-2.ring-gray-400{box-shadow:0 0 0 3px rgba(90,153,153,.3)!important}.space-gray-theme .about-container button.bg-gray-700,.space-gray-theme .section button.bg-gray-700{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important}.space-gray-theme .about-container button.bg-gray-700:hover,.space-gray-theme .section button.bg-gray-700:hover{background:rgba(108,114,147,.2)!important;color:#ffffff!important;border-color:#6c7293!important}.space-gray-theme .bg-gray-400{background:linear-gradient(90deg,#d1d5db,#6fa3a3)!important;border-radius:10px!important}.space-gray-theme .about-container .bg-gradient-to-br{background:rgba(37,42,61,.8)!important;border:none!important;border-radius:16px!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s ease!important}.space-gray-theme .about-container .bg-gradient-to-br:hover{background:rgba(37,42,61,.95)!important;transform:translateY(-4px)!important;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(90,153,153,.3)!important}.space-gray-theme [class*="bg-[#1a1f2e]"]{background:rgba(37,42,61,.8)!important;border:none!important;border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s ease!important}.space-gray-theme [class*="bg-[#1a1f2e]"]:hover{background:rgba(37,42,61,.95)!important}.space-gray-theme .text-gray-400{color:#94a3b8!important}.space-gray-theme .text-gray-300{color:#e2e8f0!important}.space-gray-theme .fab,.space-gray-theme .fas,.space-gray-theme i{color:#d1d5db!important;transition:color .3s ease!important}.space-gray-theme .fab:hover,.space-gray-theme .fas:hover,.space-gray-theme i:hover{color:#5a9999!important}.space-gray-theme a{color:#d1d5db!important;transition:all .3s ease!important}.space-gray-theme a:hover{color:#5a9999!important;text-decoration:none!important}.space-gray-theme .contact-hover:hover,.space-gray-theme .contact-hover:hover div,.space-gray-theme .contact-hover:hover i{color:#5a9999!important}.space-gray-theme div[style*="background: #333"]{background:rgba(37,42,61,.95)!important;color:#ffffff!important;border:none!important;border-radius:12px!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.space-gray-theme{--space-bg-primary:#1a1e2e;--space-bg-secondary:#0f1219;--space-bg-tertiary:#2a2f42;--space-card-bg:#252a3d;--space-card-hover:#2f3547;--space-accent:#d1d5db;--space-accent-light:#6fa3a3;--space-text-primary:#ffffff;--space-text-secondary:#e2e8f0;--space-text-muted:#94a3b8;--space-accent-secondary:#6c7293;--space-border:#3e4463;--space-shadow:rgba(0,0,0,0.5)}.space-gray-theme .thumbnail-cardview-grid-cell{background:rgba(37,42,61,.8)!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:16px!important;transition:all .3s ease!important}@media(max-width:47.999rem){.space-gray-theme .thumbnail-cardview-grid-cell{border-radius:12px!important}}.space-gray-theme .thumbnail-cardview-grid-cell:hover{background:rgba(37,42,61,.95)!important;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(90,153,153,.3)!important;transform:translateY(-4px) scale(1.02)!important}.space-gray-theme .thumbnail-cardview-grid-title{color:#ffffff!important;font-weight:600!important}.space-gray-theme .thumbnail-cardview-grid-subtitle{color:#e2e8f0!important}.space-gray-theme .thumbnail-cardview-grid-type-item{background:rgba(0,0,0,0)!important;color:#94a3b8!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.75rem!important;font-weight:400!important}.space-gray-theme .thumbnail-cardview-grid-type-item:after{content:"·";margin-left:.4rem;color:#94a3b8!important}.space-gray-theme .thumbnail-cardview-grid-type-item:last-child:after{display:none}.space-gray-theme .thumbnail-cardview-grid-view{color:#d1d5db!important;font-weight:600!important;transition:all .3s ease!important}.space-gray-theme .thumbnail-cardview-grid-view:hover{color:#6fa3a3!important;transform:translateX(4px)!important}.space-gray-theme .thumbnail-cardview-grid-view .fa-arrow-right{color:#d1d5db!important;transition:all .3s ease!important;margin-left:8px!important}.space-gray-theme .thumbnail-cardview-grid-view:hover .fa-arrow-right{color:#6fa3a3!important;transform:translateX(4px)!important}.space-gray-theme .filter-buttons{margin-bottom:1rem!important}.space-gray-theme .filter-buttons button{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important;border-radius:8px!important;padding:6px 12px!important;margin:4px!important;font-weight:500!important;transition:all .3s ease!important}.space-gray-theme .filter-buttons button:hover{background:rgba(108,114,147,.2)!important;color:#ffffff!important;border-color:#6c7293!important}.space-gray-theme .filter-buttons button.active{background:#5a9999!important;color:#fff!important;border-color:#5a9999!important;box-shadow:0 4px 15px rgba(90,153,153,.3)!important}.space-gray-theme .about-section{background:rgba(37,42,61,.8)!important;border:none!important;border-radius:16px!important;color:#ffffff!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;padding:2rem!important}.space-gray-theme .about-section h3,.space-gray-theme .about-section h4{color:#ffffff!important;font-weight:600!important}.space-gray-theme .about-section p{color:#e2e8f0!important}.space-gray-theme .about-section a{color:#6fa3a3!important;transition:color .3s ease!important}.space-gray-theme .about-section a:hover{color:#5a9999!important}.space-gray-theme .fa-solid,.space-gray-theme .fas,.space-gray-theme i{color:#d1d5db!important;transition:color .3s ease!important}.space-gray-theme .fa-gamepad,.space-gray-theme .fa-screwdriver-wrench{color:#d1d5db!important}.space-gray-theme button:focus,.space-gray-theme input:focus,.space-gray-theme textarea:focus{outline:none!important;box-shadow:0 0 0 3px rgba(90,153,153,.3)!important}.space-gray-theme .hover\\:bg-gray-700:hover{background:rgba(108,114,147,.2)!important}.space-gray-theme .products-container:empty:after{content:"🎮 선택한 필터에 해당하는 게임이 없어요\a다른 필터를 선택해보세요!";white-space:pre-line;display:block;text-align:center;color:#94a3b8;font-size:1.1rem;padding:4rem 2rem;line-height:1.6}.home-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}@media(max-width:47.999rem){.home-container{padding:.5rem}}.products-container{width:100%;max-width:1200px;margin:0 auto}.space-gray-theme h1{color:var(--space-text-primary)!important}.space-gray-theme p{color:var(--space-text-muted)!important}.profile-page{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important}.profile-container{max-width:600px;margin:0 auto;padding:2rem 1rem}.profile-title{font-size:1.75rem;font-weight:600;color:#ffffff;margin-bottom:2rem}.profile-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:rgba(37,42,61,.8);border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;margin-bottom:1.5rem}.profile-avatar{flex-shrink:0}.profile-avatar .avatar-image{width:56px;height:56px;border-radius:50%;object-fit:cover}.profile-avatar .avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#5a9999,#6fa3a3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}.profile-info{display:flex;flex-direction:column;gap:.5rem}.profile-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-nickname{font-size:1.5rem;font-weight:600;color:#ffffff;margin:0}.nickname-edit-trigger{background:none;border:none;color:#94a3b8;font-size:.85rem;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .3s ease}.nickname-edit-trigger:hover{color:#5a9999;background:rgba(90,153,153,.1)}.nickname-edit{display:flex;align-items:center;gap:.375rem}.nickname-edit-input{font-size:1.25rem;font-weight:600;color:#ffffff;background:hsla(0,0%,100%,.08);border:1px solid rgba(90,153,153,.5);border-radius:8px;padding:.25rem .5rem;outline:none;width:140px;transition:all .3s ease}.nickname-edit-input:focus{border-color:#5a9999;box-shadow:0 0 0 2px rgba(90,153,153,.2)}.nickname-edit-input:disabled{opacity:.5}.nickname-edit-btn{background:none;border:none;font-size:.9rem;cursor:pointer;padding:.3rem;border-radius:6px;transition:color .2s ease,background .2s ease}.nickname-edit-btn.save{color:#22c55e}.nickname-edit-btn.save:hover{background:rgba(34,197,94,.15)}.nickname-edit-btn.cancel{color:#ef4444}.nickname-edit-btn.cancel:hover{background:rgba(239,68,68,.15)}.nickname-edit-btn:disabled{opacity:.5;cursor:not-allowed}.nickname-error{display:block;color:#ef4444;font-size:.75rem;margin-top:.25rem}.level-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#5a9999,#6fa3a3);color:#fff}.xp-section{display:flex;align-items:center;gap:.75rem;width:100%}.xp-bar-container{flex:1 1;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#5a9999,#6fa3a3);border-radius:4px;transition:width .3s ease}.xp-text{font-size:.75rem;color:#94a3b8;white-space:nowrap}.membership-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.membership-badge.free{background:rgba(156,163,175,.2);color:#9ca3af}.membership-badge.bronze{background:rgba(180,83,9,.2);color:#d97706}.membership-badge.silver{background:rgba(156,163,175,.2);color:#d1d5db}.membership-badge.gold{background:rgba(234,179,8,.2);color:#fbbf24}.membership-badge.premium{background:rgba(251,191,36,.2);color:#fbbf24}.guest-nickname-section{display:flex;align-items:center;justify-content:center}.profile-login-section{text-align:center}.profile-login-section .login-prompt{color:#94a3b8;font-size:1rem;margin:0 0 1.25rem}.login-modal-btn{width:100%;padding:.875rem 1rem;background:#5a9999;border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(90,153,153,.3)}.login-modal-btn:hover{box-shadow:0 8px 25px rgba(90,153,153,.4);transform:translateY(-2px)}.premium-upgrade-btn{width:100%;margin-top:1.25rem;padding:.875rem 1rem;background:#5a9999;border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(90,153,153,.3)}.premium-upgrade-btn:hover{box-shadow:0 8px 25px rgba(90,153,153,.4);transform:translateY(-2px)}.profile-section{padding:1.5rem;background:rgba(37,42,61,.8);border:none;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;margin-bottom:1.5rem}.section-title{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0 0 1rem}.plan-comparison-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.plan-card{position:relative;display:flex;flex-direction:column;padding:1.25rem 1rem;border-radius:12px;background:rgba(37,42,61,.6);border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.plan-card-basic.plan-card-current{border-color:rgba(156,163,175,.4);box-shadow:0 0 0 1px rgba(156,163,175,.2)}.plan-card-premium{background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.15)}.plan-card-premium.plan-card-current{border-color:rgba(251,191,36,.5);box-shadow:0 0 20px rgba(251,191,36,.1),0 0 0 1px rgba(251,191,36,.3)}.current-plan-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:.2rem .625rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:10px;white-space:nowrap;background:rgba(156,163,175,.3);color:#d1d5db}.current-plan-badge.premium-badge-glow{background:linear-gradient(135deg,#ffd700,#ffa500);color:#1a1a2e;box-shadow:0 0 10px rgba(255,215,0,.3)}.plan-card-header{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.06)}.plan-crown{font-size:1.25rem;line-height:1}.plan-name{font-size:1rem;font-weight:700;color:#ffffff;margin:0}.plan-name.premium-name{color:#fbbf24}.plan-price-label{font-size:.75rem;color:#94a3b8;font-weight:500}.plan-price-label.premium-price{color:#fbbf24;font-weight:600}.plan-features{gap:.625rem}.plan-feature-row,.plan-features{display:flex;flex-direction:column}.plan-feature-row{gap:.125rem}.plan-feature-row .feature-label{font-size:.6875rem;color:#94a3b8;font-weight:500}.plan-feature-row .feature-value{font-size:.8125rem;font-weight:600;color:#ffffff}.plan-feature-row .feature-value.feature-positive{color:#22c55e}.plan-feature-row .feature-value.feature-negative{color:#94a3b8}.premium-expiry-info{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;margin-bottom:.5rem;background:rgba(251,191,36,.08);border-radius:10px;border:1px solid rgba(251,191,36,.15);font-size:.8125rem;color:#fbbf24;font-weight:500}.premium-expiry-info i{font-size:.875rem}.premium-cta-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#1a1a2e!important;box-shadow:0 4px 15px rgba(251,191,36,.3)!important}.premium-cta-btn:hover{box-shadow:0 8px 25px rgba(251,191,36,.4)!important}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .5rem;background:rgba(37,42,61,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#ffffff}.stat-card .stat-label{font-size:.75rem;color:#94a3b8}.profile-actions{margin-top:1.5rem;display:flex;justify-content:flex-end}.sign-out-button{background:none;border:none;padding:.5rem 0;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;display:inline-flex;align-items:center;gap:.375rem}.sign-out-button i{font-size:.75rem}.sign-out-button:hover{opacity:.7}.sign-out-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.sign-out-modal{width:90%;max-width:340px;padding:1.5rem;background:rgba(37,42,61,.95);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.08);text-align:center}.sign-out-modal-title{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0 0 .5rem}.sign-out-modal-message{font-size:.875rem;color:#94a3b8;margin:0 0 1.5rem}.sign-out-modal-actions{display:flex;gap:.75rem}.sign-out-modal-actions .sign-out-modal-btn{flex:1 1;padding:.75rem;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.sign-out-modal-actions .sign-out-modal-btn.cancel{background:hsla(0,0%,100%,.1);color:#ffffff}.sign-out-modal-actions .sign-out-modal-btn.cancel:hover{background:hsla(0,0%,100%,.15)}.sign-out-modal-actions .sign-out-modal-btn.confirm{background:#ef4444;color:#fff}.sign-out-modal-actions .sign-out-modal-btn.confirm:hover{background:#dc2626}@media(max-width:480px){.profile-container{padding:1rem}.profile-title{font-size:1.5rem}.profile-header{flex-direction:column;text-align:center}.profile-info{align-items:center}.profile-name-row{justify-content:center}.plan-comparison-grid{gap:.5rem}.plan-card{padding:1rem .75rem}.plan-name{font-size:.9rem}.plan-feature-row .feature-label{font-size:.625rem}.plan-feature-row .feature-value{font-size:.75rem}.current-plan-badge{font-size:.5625rem;padding:.15rem .5rem}.premium-expiry-info{font-size:.75rem}}.room-page{position:relative;display:flex;flex-direction:column;align-items:center;min-height:calc(var(--vh, 1vh)*100 - 48px);margin-bottom:48px;padding:0 0 2rem;background:linear-gradient(180deg,#0f1219,#1a1e2e 40%,#2a2f42)}@media(max-width:47.999rem){.room-page{min-height:calc(var(--vh, 1vh)*100 - 48px);margin-bottom:48px;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}}.room-page .room-page-rule-btn{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:#94a3b8;cursor:pointer;transition:color .2s ease;font-size:1rem;padding:.25rem}@media(max-width:47.999rem){.room-page .room-page-rule-btn{font-size:.9rem}}.room-page .room-page-rule-btn:hover{color:#ffffff}.room-page .room-page-rule-btn i{color:inherit!important}.room-page .room-page-content{display:flex;flex-direction:column;align-items:center;width:100%;flex:1 1;gap:1rem;padding:1rem 0}@media(max-width:47.999rem){.room-page .room-page-content{gap:.875rem}}.room-page .room-page-back-btn{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;color:#94a3b8;cursor:pointer;transition:color .2s ease;font-size:1rem;padding:.25rem}@media(max-width:47.999rem){.room-page .room-page-back-btn{font-size:.9rem}}.room-page .room-page-back-btn:hover{color:#ffffff}.room-page .room-page-back-btn i{color:inherit!important}.room-page .room-page-hero{position:relative;display:flex;align-items:center;max-width:640px;justify-content:space-between;width:100%;margin-bottom:.5rem;padding:0 1rem}.room-page .room-page-room-count{font-size:.8rem;font-weight:500;color:#94a3b8;text-align:center;margin-top:-.25rem}@media(max-width:47.999rem){.room-page .room-page-room-count{font-size:.75rem}}.room-page .room-page-title{font-size:1.5rem;font-weight:700;color:#ffffff;margin:0;letter-spacing:-.02em}@media(max-width:47.999rem){.room-page .room-page-title{font-size:1rem}}.room-page .room-page-body{margin-top:1rem;max-width:500px;width:100%;height:100%;display:flex;flex-direction:column;gap:2rem}@media(max-width:47.999rem){.room-page .room-page-body{padding:0 1rem}}.room-page .room-page-field{width:100%}.room-page .room-page-label{display:block;font-size:.75rem;font-weight:500;color:#94a3b8;margin-bottom:.375rem;padding-left:.125rem}.room-page .room-page-input{width:100%;color:#ffffff;padding:.75rem 1rem;height:48px;font-size:.9rem;border:1px solid #3e4463;box-sizing:border-box;border-radius:12px;background:rgba(37,42,61,.5);outline:none;transition:all .2s ease}@media(max-width:47.999rem){.room-page .room-page-input{height:44px;padding:.625rem .875rem;font-size:.8rem}}.room-page .room-page-input:focus{border-color:#5a9999;box-shadow:0 0 0 3px rgba(90,153,153,.15)}.room-page .room-page-input::placeholder{color:#94a3b8}.room-page .room-page-input:disabled{opacity:.6}.room-page .room-page-input-code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.15em;font-weight:500}.room-page .room-page-btn-create{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#5a9999,#6fa3a3);border:none;border-radius:14px;cursor:pointer;transition:all .25s ease}@media(max-width:47.999rem){.room-page .room-page-btn-create{height:48px;font-size:.9rem;border-radius:12px}}.room-page .room-page-btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(90,153,153,.35)}.room-page .room-page-btn-create:active{transform:translateY(0)}.room-page .room-page-btn-create:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}.room-page .room-page-btn-create i{color:#fff!important;font-size:.85rem}.room-page .room-page-hint{font-size:1rem;color:#e2e8f0;text-align:center;display:block;margin-top:-.375rem}.room-page .room-page-divider{display:flex;align-items:center;width:100%;gap:1rem}.room-page .room-page-divider:after,.room-page .room-page-divider:before{content:"";flex:1 1;height:1px;background:#3e4463}.room-page .room-page-divider span{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.room-page .room-page-code-row{display:flex;gap:.625rem}@media(max-width:47.999rem){.room-page .room-page-code-row{flex-direction:column}}.room-page .room-page-code-row .room-page-input{flex:1 1}.room-page .room-page-btn-join{white-space:nowrap;padding:0 1.25rem;height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#e2e8f0;background:rgba(0,0,0,0);border:1px solid #3e4463;border-radius:12px;cursor:pointer;transition:all .2s ease}@media(max-width:47.999rem){.room-page .room-page-btn-join{height:44px}}.room-page .room-page-btn-join:hover{background:#5a9999;color:#fff;border-color:#5a9999}.room-page .room-page-btn-join i{color:inherit!important;font-size:.8rem}.shop-page{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important}.shop-container{max-width:600px;margin:0 auto;padding:2rem 1rem}.shop-title{font-size:1.75rem;font-weight:600;color:#ffffff;margin-bottom:1.5rem}.section-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.section-header-row .section-title{margin:0 0 .25rem}.section-header-row .section-subtitle{margin:0}.section-balance{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:rgba(251,191,36,.15);border-radius:1rem;white-space:nowrap;flex-shrink:0}.section-balance-amount{font-size:1rem;font-weight:700;color:#fbbf24}.shop-section{padding:1.5rem;background:rgba(37,42,61,.8);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:1.5rem}.shop-section .section-title{font-size:1.125rem;font-weight:600;color:#ffffff;margin:0 0 .5rem}.shop-section .section-subtitle{font-size:.875rem;color:#94a3b8;margin:0 0 1rem}.coin-packages-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.coin-package-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background:rgba(37,42,61,.6);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.coin-package-card:hover{background:rgba(37,42,61,.8);border-color:rgba(251,191,36,.3)}.coin-package-card .package-badge{position:absolute;top:-8px;right:-8px;padding:.2rem .5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e;font-size:.625rem;font-weight:700;border-radius:8px;text-transform:uppercase}.coin-package-card .package-coins{font-size:1.25rem;font-weight:700;color:#fbbf24}.coin-package-card .package-price{font-size:.875rem;color:#94a3b8}.coin-package-card .package-buy-btn{width:100%;padding:.5rem;background:#5a9999;border:none;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.coin-package-card .package-buy-btn:hover:not(:disabled){background:#6fa3a3}.coin-package-card .package-buy-btn:disabled{opacity:.5;cursor:not-allowed}.premium-passes-list{display:flex;flex-direction:column;gap:.75rem}.premium-pass-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(37,42,61,.6);border-radius:12px;border:1px solid hsla(0,0%,100%,.05);transition:all .3s ease}.premium-pass-card:hover{background:rgba(37,42,61,.8);border-color:rgba(90,153,153,.3)}.premium-pass-card .pass-info{display:flex;flex-direction:column;gap:.25rem}.premium-pass-card .pass-label{font-size:1rem;font-weight:600;color:#ffffff}.premium-pass-card .pass-description{font-size:.8rem;color:#94a3b8}.premium-pass-card .pass-action{display:flex;align-items:center;gap:.75rem}.premium-pass-card .pass-cost{font-size:1rem;font-weight:700;color:#fbbf24}.premium-pass-card .pass-buy-btn{padding:.5rem 1rem;background:#5a9999;border:none;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.premium-pass-card .pass-buy-btn:hover:not(:disabled){background:#6fa3a3}.premium-pass-card .pass-buy-btn:disabled{opacity:.5;cursor:not-allowed}.watch-ad-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#5a9999,#6fa3a3);border:none;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(90,153,153,.3)}.watch-ad-btn:hover{box-shadow:0 8px 25px rgba(90,153,153,.4);transform:translateY(-2px)}.watch-ad-btn i{font-size:1.25rem}.regen-timer{text-align:center;font-size:.875rem;color:#94a3b8;margin:1rem 0 0}.shop-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:.875rem 1.5rem;border-radius:25px;font-size:.9375rem;font-weight:500;z-index:1000;animation:toastFadeIn .3s ease}.shop-toast.success{background:rgba(34,197,94,.9);color:#fff}.shop-toast.error{background:rgba(239,68,68,.9);color:#fff}@keyframes toastFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media(max-width:480px){.shop-container{padding:1rem}.shop-title{font-size:1.5rem}.coin-packages-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.coin-package-card{padding:.75rem .375rem}.coin-package-card .package-coins{font-size:1rem}.coin-package-card .package-price{font-size:.75rem}.premium-pass-card{flex-direction:column;align-items:stretch;gap:.75rem}.premium-pass-card .pass-action{justify-content:space-between}}.waiting-container{background:linear-gradient(to bottom right,#312e81,#6b21a8,#111827);height:calc(var(--vh, 1vh)*100 - 48px);margin-bottom:48px;display:flex;flex-direction:column;min-height:0}@media(max-width:47.999rem){.waiting-container{height:calc(var(--vh, 1vh)*100 - 48px);margin-bottom:48px}}.waiting-container .premium-floating-pill{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:5;pointer-events:none}.waiting-container .premium-floating-pill .premium-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid hsla(0,0%,100%,.1);background:rgba(37,42,61,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default}.waiting-container .premium-floating-pill .premium-pill.basic{color:#9ca3af;cursor:pointer}.waiting-container .premium-floating-pill .premium-pill.basic:active{transform:scale(.95)}.waiting-container .premium-floating-pill .premium-pill.basic .upgrade-text{color:gold}.waiting-container .chat-wrapper{flex-direction:column}.waiting-container .chat-content,.waiting-container .chat-wrapper{display:flex;flex:1 1;min-height:0;overflow:hidden}.waiting-container .chat-container{flex:1 1;min-height:0}.waiting-container .waiting-header{position:relative;background-color:#1f2937;display:flex;height:40px;padding:16px;justify-content:space-between;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,.1);border-bottom:1px solid #6b7280;box-sizing:content-box}@media(max-width:47.999rem){.waiting-container .waiting-header{height:auto;padding:8px;flex-direction:column-reverse;justify-content:center;gap:8px}}.waiting-container .waiting-header .waiting-header-block{display:flex;height:100%;align-items:center;position:inherit}@media(max-width:47.999rem){.waiting-container .waiting-header .waiting-header-block{width:100%;justify-content:space-between}}.waiting-container .waiting-header .waiting-header-premium{display:flex;align-items:center;gap:.5rem;height:100%}@media(max-width:47.999rem){.waiting-container .waiting-header .waiting-header-premium{display:none!important}}.waiting-container .waiting-header .waiting-header-premium .premium-active-label,.waiting-container .waiting-header .waiting-header-premium .upgrade-room-btn,.waiting-container .waiting-header .waiting-header-premium button{width:auto!important;height:auto!important}.waiting-container .waiting-header button{width:152px!important}@media(max-width:47.999rem){.waiting-container .waiting-header button{width:auto!important;height:32px!important}}.waiting-container .waiting-header .waiting-leave-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;padding:0;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;font-weight:500;border:none;box-sizing:content-box;transition:background-color .3s ease;background-color:#ef4444}.waiting-container .waiting-header .waiting-leave-button:hover{background-color:#dc2626}@media(max-width:47.999rem){.waiting-container .waiting-header .waiting-leave-button{display:none}}.waiting-container .waiting-header .waiting-title{white-space:nowrap;color:#a5b4fc!important;font-size:1.5rem;font-weight:500;position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:47.999rem){.waiting-container .waiting-header .waiting-title{position:static;transform:none;font-size:1rem}}.waiting-container .waiting-header .waiting-title .premium-crown{margin-right:.25rem;font-size:.85em}.waiting-container .waiting-header .waiting-start-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;padding:0;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;font-weight:500;border:none;box-sizing:content-box;transition:background-color .3s ease;background-color:#22c55e}.waiting-container .waiting-header .waiting-start-button:hover{background-color:#16a34a}.waiting-container .waiting-header .waiting-start-button.disabled{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;padding:0;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;font-weight:500;border:none;box-sizing:content-box;transition:background-color .3s ease;background-color:#6b7280}.waiting-container .waiting-header .waiting-start-button.disabled:hover{background-color:#6b7280}.waiting-container .waiting-header .waiting-start-button.start-mobile{display:flex!important;min-width:56px;padding:0 12px!important;margin-left:auto}@media(min-width:48rem){.waiting-container .waiting-header .waiting-start-button.start-mobile{display:none!important}}.waiting-container .waiting-header .waiting-start-button.start-desktop{display:none!important}@media(min-width:48rem){.waiting-container .waiting-header .waiting-start-button.start-desktop{display:flex!important}}.waiting-container .waiting-header .rejoin-game-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;padding:0;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;font-weight:500;border:none;box-sizing:content-box;transition:background-color .3s ease;background-color:#4f46e5}.waiting-container .waiting-header .rejoin-game-button:hover{background-color:#4338ca}.waiting-container .waiting-header .rejoin-game-button{animation:rejoin-pulse 2s ease-in-out infinite}.waiting-container .waiting-header .rejoin-game-button.start-mobile{display:flex!important;min-width:56px;padding:0 12px!important;margin-left:auto}@media(min-width:48rem){.waiting-container .waiting-header .rejoin-game-button.start-mobile{display:none!important}}.waiting-container .waiting-header .rejoin-game-button.start-desktop{display:none!important}@media(min-width:48rem){.waiting-container .waiting-header .rejoin-game-button.start-desktop{display:flex!important}}@keyframes rejoin-pulse{0%,to{opacity:1}50%{opacity:.7}}.waiting-container .waiting-header .waiting-room-info{display:flex;align-items:center;height:100%;padding:0;background-color:rgba(0,0,0,0);font-size:1rem;gap:4px}@media(min-width:48rem){.waiting-container .waiting-header .waiting-room-info{display:none!important}}@media(max-width:47.999rem){.waiting-container .waiting-header .waiting-room-info{flex:0 1 auto;min-width:0;font-size:.85rem;padding:0}}.waiting-container .waiting-header .waiting-room-info-key{color:#d1d5db;margin-right:2px;white-space:nowrap;font-size:.75rem}.waiting-container .waiting-header .waiting-room-info-value{color:#fff;font-weight:500}.waiting-container .waiting-header .waiting-room-info-value.room-code-value{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.1em;font-weight:600}.waiting-container .waiting-header .waiting-room-info-gap{width:20px}.waiting-container .waiting-header .room-share-icon-button{background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.2);color:#d1d5db;font-size:.8rem;cursor:pointer;padding:.2rem .5rem;margin-left:.25rem;border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.waiting-container .waiting-header .room-share-icon-button:hover{color:#fff;border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.05)}.space-gray-theme .waiting-container{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important}.space-gray-theme .waiting-header{background:rgba(0,0,0,0)!important;border-bottom:1px solid #3e4463!important;box-shadow:none!important}.space-gray-theme .waiting-header .waiting-title{color:#ffffff!important;font-weight:600!important}.space-gray-theme .waiting-header .waiting-room-info{background:rgba(0,0,0,0)!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.space-gray-theme .waiting-header .waiting-room-info:hover{background:rgba(0,0,0,0)!important}.space-gray-theme .waiting-header .waiting-room-info-key{color:#94a3b8!important}.space-gray-theme .waiting-header .waiting-room-info-value{color:#ffffff!important}.space-gray-theme .waiting-header .room-share-icon-button{border-color:#3e4463!important;color:#e2e8f0!important}.space-gray-theme .waiting-header .room-share-icon-button:hover{border-color:#d1d5db!important;color:#ffffff!important}.space-gray-theme .waiting-header .waiting-start-button{background:#5a9999!important;color:#fff!important;border:none!important;transition:all .3s ease!important;box-shadow:0 4px 15px rgba(90,153,153,.3)!important}.space-gray-theme .waiting-header .waiting-start-button:hover:not(.disabled){background:#6fa3a3!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(111,163,163,.4)!important}.space-gray-theme .waiting-header .waiting-start-button.disabled{background:#6c7293!important;opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}.space-gray-theme .waiting-header .rejoin-game-button{background:#4f46e5!important;color:#fff!important;border:none!important;transition:all .3s ease!important;box-shadow:0 4px 15px rgba(79,70,229,.3)!important;animation:rejoin-pulse 2s ease-in-out infinite}.space-gray-theme .waiting-header .rejoin-game-button:hover{background:#6366f1!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(99,102,241,.4)!important}.space-gray-theme .waiting-header .waiting-leave-button{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important;transition:all .3s ease!important}.space-gray-theme .waiting-header .waiting-leave-button:hover{background:rgba(239,68,68,.2)!important;color:#ef4444!important;border-color:#ef4444!important;transform:translateY(-1px)!important}.space-gray-theme .user-list{background:rgba(37,42,61,.8)!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .user-list .user-item{color:#e2e8f0!important;border-bottom:1px solid #3e4463!important}.space-gray-theme .user-list .user-item:hover{background:rgba(37,42,61,.5)!important}.space-gray-theme .observer-toggle-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s;height:100%;width:auto;min-width:40px}.space-gray-theme .observer-toggle-button:hover{background-color:#2563eb;transform:translateY(-2px)}.space-gray-theme .observer-toggle-button.observing{background-color:#6b7280}.space-gray-theme .observer-toggle-button i{color:#fff!important;font-size:1.1rem}.blackjack-container{background:linear-gradient(135deg,#1a5d1a,#0d4a6b);min-height:100vh;position:relative;overflow:hidden}.blackjack-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.1) 0,transparent 50%);pointer-events:none;z-index:1}.blackjack-container>*{position:relative;z-index:2}.dealer-area{background:linear-gradient(180deg,rgba(34,197,94,.3),rgba(21,128,61,.3));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(34,197,94,.5);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.dealer-area .dealer-name{text-shadow:0 2px 4px rgba(0,0,0,.3)}.players-area{position:relative;background:linear-gradient(135deg,rgba(21,128,61,.2),rgba(29,78,216,.2));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:400px}.players-area:before{top:45%;width:80%;height:60%;border:2px dashed hsla(0,0%,100%,.15)}.players-area:after,.players-area:before{content:"";position:absolute;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.players-area:after{top:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.05) 0,transparent 70%)}.player-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 6px 12px -2px rgba(0,0,0,.4);transition:all .3s ease;min-width:110px;max-width:130px;position:relative}.player-card:hover{transform:scale(1.03);box-shadow:0 10px 20px -5px rgba(0,0,0,.5)}.player-card .player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:linear-gradient(135deg,#667eea,#764ba2);font-size:18px;border:2px solid hsla(0,0%,100%,.2)}.player-card.my-card{border-color:#3b82f6;box-shadow:0 0 20px rgba(59,130,246,.4)}.player-card.current-turn{animation:pulse-glow 2s infinite}.player-card.current-turn:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:12px;z-index:-1;opacity:.7}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.15);transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;position:relative}.card:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.card.card-dealing{animation:cardDeal .5s ease-out}.card.dealer-card{min-width:50px;min-height:70px;font-size:18px;font-weight:700}.card.player-card{min-width:28px;max-width:32px;font-size:12px;font-weight:600}.betting-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.9);border-top:2px solid rgba(59,130,246,.3)}.betting-area input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:linear-gradient(90deg,#374151 0,#fbbf24);outline:none}.betting-area input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fbbf24;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transition:all .2s ease;transition:all .2s ease}.betting-area input[type=range]::-webkit-slider-thumb:hover{background:#f59e0b;transform:scale(1.1)}.betting-area input[type=range]::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:#fbbf24;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2)}.action-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.9);border-top:2px solid rgba(34,197,94,.3)}.action-area button{transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.action-area button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px -3px rgba(0,0,0,.2)}.action-area button:active:not(:disabled){transform:translateY(0)}.action-area button:disabled{opacity:.5;cursor:not-allowed}.chat-float{position:fixed;bottom:16px;right:16px;width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 4px 15px rgba(59,130,246,.4);transition:all .3s ease;z-index:30}.chat-float:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(59,130,246,.6)}.results-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.results-modal .modal-content{background:rgba(31,41,55,.95);border:1px solid rgba(75,85,99,.5);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(251,191,36,.3)}50%{box-shadow:0 0 25px rgba(251,191,36,.6)}}@keyframes cardDeal{0%{transform:translateY(-100px) rotate(180deg);opacity:0}50%{opacity:.5}to{transform:translateY(0) rotate(0deg);opacity:1}}@keyframes chipBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.blackjack-container{font-size:14px}.players-area{min-height:300px}.players-area:before{width:85%;height:65%}.player-card{min-width:90px;max-width:100px;padding:8px}.player-card .player-avatar{width:28px;height:28px;font-size:14px}.card.player-card{min-width:24px;max-width:28px;padding:3px;font-size:10px}.card.dealer-card{min-width:40px;min-height:55px;padding:8px;font-size:14px}.action-area,.betting-area{padding:12px}.action-area button{padding:12px 20px;font-size:14px}.dealer-area{padding:12px}}@media(max-width:480px){.players-area{min-height:250px}.players-area:before{width:90%;height:70%}.player-card{min-width:80px;max-width:90px;padding:6px}.player-card .player-avatar{width:24px;height:24px;font-size:12px}.card.player-card{min-width:20px;max-width:24px;font-size:9px}.card.dealer-card{min-width:35px;min-height:45px;font-size:12px}.action-area .flex{flex-direction:column;gap:8px}.action-area button{width:100%;padding:10px}.betting-area .flex{flex-direction:column;gap:12px}}@media(prefers-contrast:high){.card,.player-card{border-width:2px}.card{box-shadow:0 4px 8px rgba(0,0,0,.3)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.space-gray-theme .dealerjack-container{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important;position:relative;z-index:0}.space-gray-theme .dealerjack-container :hover{transform:none!important}.space-gray-theme .phase-indicator{background:rgba(37,42,61,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-color:#3e4463!important}.space-gray-theme .phase-indicator .phase-text,.space-gray-theme .timer-container .timer-value{color:#ffffff!important}.space-gray-theme .timer-container .timer-value.warning{color:#ef4444!important}.space-gray-theme .action-menu{background:rgba(37,42,61,.95)!important;border-color:#3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .action-menu li:hover{background:rgba(90,153,153,.2)!important;color:#ffffff!important}.space-gray-theme .dealer-section{border-bottom-color:#3e4463!important}.space-gray-theme .dealer-section .dealer-info .dealer-badge{background:linear-gradient(to bottom right,#5a9999,#6fa3a3)!important}.space-gray-theme .dealer-section .dealer-info .dealer-name{color:#ffffff!important}.space-gray-theme .dealer-section .card{background:#fff!important;border-color:#3e4463!important;box-shadow:0 4px 15px rgba(0,0,0,.3)!important}.space-gray-theme .dealer-section .card.hidden{background:linear-gradient(135deg,#252a3d,#2f3547)!important}.space-gray-theme .dealer-section .dealer-total{color:#ffffff!important}.space-gray-theme .player-section .player-card{background:rgba(37,42,61,.8)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease!important}.space-gray-theme .player-section .player-card:hover{background:rgba(37,42,61,.95)!important;border-color:#5a9999!important;box-shadow:0 10px 35px rgba(90,153,153,.3)!important}.space-gray-theme .player-section .player-card.active{border-color:#5a9999!important;box-shadow:0 0 0 2px #5a9999!important}.space-gray-theme .player-section .player-card .player-name{color:#ffffff!important}.space-gray-theme .player-section .player-card .player-chips{color:#6fa3a3!important}.space-gray-theme .player-section .player-card .player-bet{color:#e2e8f0!important}.space-gray-theme .player-section .player-card .player-status.playing{color:#5a9999!important}.space-gray-theme .player-section .player-card .player-status.bust{color:#ef4444!important}.space-gray-theme .player-section .player-card .player-status.blackjack{color:#10b981!important}.space-gray-theme .player-section .player-card .player-status.stand{color:#94a3b8!important}.space-gray-theme .action-buttons button.hit-button{background:#ca8a04!important;color:#fff!important;border:none!important;transition:background-color .3s ease,box-shadow .3s ease!important;cursor:pointer!important}.space-gray-theme .action-buttons button.hit-button:hover:not(:disabled){background:#a16207!important;box-shadow:0 4px 12px rgba(202,138,4,.3)!important;cursor:pointer!important}.space-gray-theme .action-buttons button.hit-button:disabled{background:#4b5563!important;opacity:.5!important;cursor:not-allowed!important}.space-gray-theme .action-buttons button.bg-green-600,.space-gray-theme .action-buttons button.stand-button{background:#16a34a!important;color:#fff!important;border:none!important;transition:background-color .3s ease,box-shadow .3s ease!important;cursor:pointer!important}.space-gray-theme .action-buttons button.bg-green-600:hover:not(:disabled),.space-gray-theme .action-buttons button.stand-button:hover:not(:disabled){background:#15803d!important;box-shadow:0 4px 12px rgba(22,163,74,.3)!important;cursor:pointer!important}.space-gray-theme .action-buttons button.bg-green-600:disabled,.space-gray-theme .action-buttons button.stand-button:disabled{background:#4b5563!important;opacity:.5!important;cursor:not-allowed!important}.space-gray-theme .action-buttons button.bg-blue-600,.space-gray-theme .action-buttons button.bg-purple-600{transition:background-color .3s ease,box-shadow .3s ease!important}.space-gray-theme .betting-modal{background:rgba(0,0,0,.8)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.space-gray-theme .betting-modal .modal-content{background:linear-gradient(135deg,rgba(37,42,61,.95),rgba(47,53,71,.95))!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 25px 80px rgba(0,0,0,.6)!important}.space-gray-theme .betting-modal .modal-content h2{color:#ffffff!important}.space-gray-theme .betting-modal .modal-content .bet-amount-display{color:#6fa3a3!important;background:rgba(90,153,153,.1)!important;border:1px solid #5a9999!important}.space-gray-theme .betting-modal .modal-content .bet-buttons button{background:rgba(37,42,61,.8)!important;color:#e2e8f0!important;border:1px solid #3e4463!important}.space-gray-theme .betting-modal .modal-content .bet-buttons button:hover{background:rgba(90,153,153,.2)!important;color:#ffffff!important;border-color:#5a9999!important}.space-gray-theme .betting-modal .modal-content input[type=range]::-webkit-slider-track{background:#1a1e2e!important}.space-gray-theme .betting-modal .modal-content input[type=range]::-webkit-slider-thumb{background:#5a9999!important}.space-gray-theme .betting-modal .modal-content input[type=range]::-moz-range-track{background:#1a1e2e!important}.space-gray-theme .betting-modal .modal-content input[type=range]::-moz-range-thumb{background:#5a9999!important}.space-gray-theme .betting-modal .modal-content .confirm-button{background:#5a9999!important;color:#fff!important;border:none!important}.space-gray-theme .betting-modal .modal-content .confirm-button:hover{background:#6fa3a3!important;box-shadow:0 8px 25px rgba(111,163,163,.4)!important}.space-gray-theme .betting-modal .modal-content .cancel-button{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important}.space-gray-theme .betting-modal .modal-content .cancel-button:hover{background:rgba(239,68,68,.2)!important;color:#ef4444!important;border-color:#ef4444!important}.space-gray-theme .result-notification{background:rgba(37,42,61,.95)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;color:#ffffff!important}.space-gray-theme .result-notification.win{border-color:#10b981!important;background:rgba(16,185,129,.2)!important}.space-gray-theme .result-notification.lose{border-color:#ef4444!important;background:rgba(239,68,68,.2)!important}.space-gray-theme .result-notification.push{border-color:#5a9999!important;background:rgba(90,153,153,.2)!important}.space-gray-theme .chat-float-button{background:#5a9999!important;color:#fff!important;box-shadow:0 8px 25px rgba(90,153,153,.4)!important;transition:background-color .3s ease,box-shadow .3s ease!important}.space-gray-theme .chat-float-button:hover{background:#6fa3a3!important;box-shadow:0 10px 30px rgba(90,153,153,.5)!important}.space-gray-theme .fa-solid.fa-trophy,.space-gray-theme .fa-solid.fa-user-tie,.space-gray-theme .fas.fa-trophy,.space-gray-theme .fas.fa-user-tie,.space-gray-theme i.fa-trophy,.space-gray-theme i.fa-user-tie{color:#6fa3a3!important}.room-wrapper{display:flex;box-sizing:border-box;justify-content:center;height:calc(var(--vh, 1vh)*100 - 52px);margin-top:52px;align-items:center;padding:1rem}@media(max-width:47.999rem){.room-wrapper{height:calc(var(--vh, 1vh)*100 - 50px);margin-top:50px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.room-wrapper .room-container{position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-width:48rem;background-color:#2d3748;border-radius:.75rem;box-shadow:0 25px 50px rgba(0,0,0,.2);overflow:hidden}@media(max-width:47.999rem){.room-wrapper .room-container{height:95%}}.room-wrapper .room-header{display:flex;padding:.875rem;flex-direction:column;justify-content:space-between;background-color:#000;position:relative}@media(max-width:47.999rem){.room-wrapper .room-header{gap:.75rem;padding:.75rem}}.room-wrapper .room-back-button{align-self:flex-start;background-color:#111827;color:#fff;padding:.5rem 1rem;border-radius:.5rem;display:flex;gap:.5rem;cursor:pointer;transition:.3s ease;border:none;font-size:.875rem}@media(max-width:47.999rem){.room-wrapper .room-back-button{padding:.375rem .75rem;font-size:.75rem}}.room-wrapper .room-back-button:hover{background-color:#2d3748}.room-wrapper .room-title{height:36px!important;font-weight:500;color:#fff;flex:1 1;height:80px;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;margin-top:0}@media(max-width:47.999rem){.room-wrapper .room-title{height:40px;font-size:1rem}}.room-wrapper .room-title{font-size:1.5rem}@media(max-width:47.999rem){.room-wrapper .room-title{height:32px!important;font-size:1.25rem}}.room-wrapper .room-rule-button{display:flex;align-items:center;gap:.5rem;background-color:#111827;color:#fff;border:none;cursor:pointer;font-size:.875rem;transition:background-color .2s ease;padding:.5rem 1rem;border-radius:.5rem;align-self:flex-start}.room-wrapper .room-rule-button:hover{background-color:#2d3748}@media(max-width:47.999rem){.room-wrapper .room-rule-button{align-self:center;padding:.375rem .75rem;font-size:.75rem}}.room-wrapper .room-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;height:100%;gap:1.5rem}@media(max-width:47.999rem){.room-wrapper .room-body{padding:1.5rem 1rem;gap:1.25rem}}.room-wrapper .room-nickname-section{width:100%;max-width:400px}.room-wrapper .room-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.room-wrapper .room-input-wrapper svg{font-size:1rem;position:absolute;top:50%;transform:translateY(-50%);left:.75rem;color:#9ca3af;z-index:1;pointer-events:none}.room-wrapper input{width:100%;color:#fff;padding:.625rem 1rem .625rem 2.5rem;height:44px;font-size:.875rem;border:none;box-sizing:border-box;border-radius:8px;background-color:#374151;outline:none}@media(max-width:47.999rem){.room-wrapper input{height:40px;padding-top:.5rem;padding-bottom:.5rem;font-size:.75rem}}.room-wrapper input:focus{border:none;box-shadow:0 0 0 2px #6366f1}.room-wrapper input::placeholder{color:#9ca3af}.room-wrapper .room-create-section{width:100%;max-width:400px}.room-wrapper .room-button-create-large{height:100%;padding:0;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;font-weight:500;border:none;box-sizing:content-box;transition:background-color .3s ease;background-color:#4f46e5}.room-wrapper .room-button-create-large:hover{background-color:#4338ca}.room-wrapper .room-button-create-large{width:100%;height:52px;font-size:1rem;font-weight:600;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:47.999rem){.room-wrapper .room-button-create-large{height:48px;font-size:.875rem}}.room-wrapper .room-button-create-large:disabled{opacity:.6;cursor:not-allowed}.room-wrapper .room-divider{display:flex;align-items:center;width:100%;max-width:400px;gap:1rem}.room-wrapper .room-divider:after,.room-wrapper .room-divider:before{content:"";flex:1 1;height:1px;background-color:#4b5563}.room-wrapper .room-divider span{color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.room-wrapper .room-join-section{display:flex;width:100%;max-width:400px;gap:.75rem}@media(max-width:47.999rem){.room-wrapper .room-join-section{flex-direction:column}}.room-wrapper .room-join-section .room-input-wrapper{flex:1 1}.room-wrapper .room-join-section .room-input-code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.1em;font-weight:500}.room-wrapper .room-button-join{justify-content:center;width:100%;height:100%;padding:0;color:#fff;font-size:18px;border-radius:4px;cursor:pointer;font-weight:500;border:none;box-sizing:content-box;transition:background-color .3s ease;background-color:#22c55e}.room-wrapper .room-button-join:hover{background-color:#16a34a}.room-wrapper .room-button-join{white-space:nowrap;padding:0 1.25rem;height:44px;display:flex;align-items:center;gap:.5rem;border-radius:8px}@media(max-width:47.999rem){.room-wrapper .room-button-join{height:40px;justify-content:center}}.space-gray-theme{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important}.space-gray-theme .room-container{background:rgba(37,42,61,.8)!important;border:none!important;box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .room-header{background:rgba(0,0,0,0)!important;color:#ffffff!important;border-bottom:1px solid #3e4463!important;padding-bottom:1.5rem!important}.space-gray-theme .room-back-button{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important;transition:all .3s ease!important}.space-gray-theme .room-back-button:hover{background-color:#5a9999!important;color:#fff!important;border-color:#5a9999!important;transform:translateY(-1px)!important}.space-gray-theme .room-rule-button{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important;transition:all .3s ease!important}.space-gray-theme .room-rule-button:hover{background-color:#6c7293!important;color:#fff!important;border-color:#6c7293!important;transform:translateY(-1px)!important}.space-gray-theme .room-title{color:#ffffff!important;font-weight:600!important;margin:1rem 0!important}.space-gray-theme input{background-color:#252a3d!important;color:#ffffff!important;border:1px solid #3e4463!important;transition:all .3s ease!important}.space-gray-theme input:focus{border-color:#5a9999!important;box-shadow:0 0 0 3px rgba(90,153,153,.1)!important;transform:translateY(-1px)!important}.space-gray-theme input::placeholder{color:#94a3b8!important}.space-gray-theme .room-input-wrapper svg{color:#d1d5db!important;opacity:1!important}.space-gray-theme .room-input-wrapper:focus-within svg{color:#5a9999!important}.space-gray-theme .room-button-create-large{background:rgba(0,0,0,0)!important;color:#d1d5db!important;border:2px solid #d1d5db!important;transition:all .3s ease!important}.space-gray-theme .room-button-create-large:hover{background:#5a9999!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(90,153,153,.3)!important}.space-gray-theme .room-button-create-large:disabled{opacity:.5!important;transform:none!important;box-shadow:none!important}.space-gray-theme .room-button-join{background:rgba(0,0,0,0)!important;color:#d1d5db!important;border:2px solid #d1d5db!important;transition:all .3s ease!important}.space-gray-theme .room-button-join:hover{background:#5a9999!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(90,153,153,.3)!important}.space-gray-theme .room-divider:after,.space-gray-theme .room-divider:before{background-color:#3e4463!important}.space-gray-theme .room-divider span{color:#94a3b8!important}.jorney-container{position:relative;display:flex;flex-direction:column;height:calc(var(--vh, 1vh)*100);background:linear-gradient(to bottom right,#312e81,#6b21a8,#111827);min-height:0}.jorney-container .jorney-chat-container{flex:1 1;min-height:0;display:flex;flex-direction:column}.jorney-container .jorney-chat-container .jorney-chat-box{display:flex;flex-direction:column;flex:1 1;min-height:0;padding:10px;overflow-y:auto;border:1px solid #374151;background-color:#111827}.jorney-container .jorney-chat-container .jorney-chat-box:before{content:"";flex:1 1;min-height:0}.jorney-container .jorney-header{position:relative;background-color:#1f2937;padding:.75rem;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #6b7280;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:content-box}@media(max-width:47.999rem){.jorney-container .jorney-header{padding:8px;gap:8px}}.jorney-container .jorney-header .jorney-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}@media(max-width:47.999rem){.jorney-container .jorney-header .jorney-top{flex-direction:column;gap:8px}}.jorney-container .jorney-header .jorney-title{color:#a5b4fc;font-size:1.5rem;font-weight:600;text-align:center}@media(max-width:47.999rem){.jorney-container .jorney-header .jorney-title{font-size:1.25rem}}.jorney-container .jorney-header .jorney-top-memo{cursor:pointer;transition:all .3s ease;padding:.5rem;border-radius:.5rem}.jorney-container .jorney-header .jorney-top-memo:hover{background-color:#374151;transform:translateY(-1px)}.jorney-container .jorney-header .jorney-user-list{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;width:100%;padding:8px 4px 16px;gap:8px}.jorney-container .jorney-destination-container{display:flex;justify-content:center;margin-bottom:1rem;padding:0 1rem}.jorney-container .jorney-gameover-container{display:flex;width:100%;height:60vh;flex-direction:row;justify-content:space-around;align-items:center;padding:2rem}@media(max-width:47.999rem){.jorney-container .jorney-gameover-container{flex-direction:column;gap:1rem;padding:1rem}}.jorney-container .jorney-gameover-leave-button{display:flex;height:50px;padding:0 2rem;justify-content:center;align-items:center;border-radius:.75rem;border:2px solid #4b5563;font-size:1.125rem;font-weight:600;background:rgba(0,0,0,0);color:#d1d5db;cursor:pointer;transition:all .3s ease}.jorney-container .jorney-gameover-leave-button:hover{background:#374151;border-color:#6b7280;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.3)}@media(max-width:47.999rem){.jorney-container .jorney-gameover-leave-button{width:100%;height:44px;font-size:1rem}}.space-gray-theme .jorney-container{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important;position:relative;z-index:0}.space-gray-theme .jorney-header{background:rgba(0,0,0,0)!important;border-bottom:1px solid #3e4463!important;box-shadow:none!important}.space-gray-theme .jorney-header .jorney-title{color:#ffffff!important;font-weight:600!important}.space-gray-theme .jorney-header .jorney-top-memo{color:#e2e8f0!important;border:1px solid #3e4463!important}.space-gray-theme .jorney-header .jorney-top-memo:hover{background:rgba(37,42,61,.6)!important;border-color:#5a9999!important;color:#ffffff!important}.space-gray-theme .jorney-destination-container .destination-card{background:rgba(37,42,61,.8)!important;border:1px solid #3e4463!important;border-radius:12px!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.space-gray-theme .jorney-chat-container .jorney-chat-box{background:rgba(37,42,61,.8)!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .jorney-chat-container .message-input-container{background:rgba(37,42,61,.9)!important;border-top:1px solid #3e4463!important}.space-gray-theme .jorney-chat-container input{background:#1a1e2e!important;color:#ffffff!important;border:1px solid #3e4463!important}.space-gray-theme .jorney-chat-container input:focus{border-color:#5a9999!important;box-shadow:0 0 0 3px rgba(90,153,153,.1)!important}.space-gray-theme .jorney-chat-container input::placeholder{color:#94a3b8!important}.space-gray-theme .jorney-chat-container button.bg-blue-500{background:#d1d5db!important;border:none!important}.space-gray-theme .jorney-chat-container button.bg-blue-500:hover{background:#5a9999!important}.space-gray-theme .jorney-gameover-leave-button{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:2px solid #3e4463!important;transition:all .3s ease!important}.space-gray-theme .jorney-gameover-leave-button:hover{background:#5a9999!important;color:#fff!important;border-color:#5a9999!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(90,153,153,.3)!important}.space-gray-theme .jorney-user-list .user-card{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important;color:#e2e8f0!important;transition:all .3s ease!important}.space-gray-theme .jorney-user-list .user-card:hover{background:rgba(37,42,61,.8)!important;border-color:#5a9999!important;color:#ffffff!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.9)}}.response-notification{animation:slideUpFade 3s ease-out forwards;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-shadow:0 0 30px rgba(139,92,246,.5)}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes text-glow-yellow{0%,to{text-shadow:0 0 10px rgba(250,204,21,.5),0 0 20px rgba(250,204,21,.3)}50%{text-shadow:0 0 20px rgba(250,204,21,.8),0 0 40px rgba(250,204,21,.5)}}.all-responded-toast{animation:fade-in-scale .3s ease-out,text-glow-yellow 1.5s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 0 20px rgba(168,85,247,.6)}50%{box-shadow:0 0 35px rgba(168,85,247,.9)}}.reveal-button-glow{animation:button-pulse 1s ease-in-out infinite;box-shadow:0 0 20px rgba(168,85,247,.6)}.submitted-indicator .checkmark-circle{width:80px;height:80px;margin:0 auto}.submitted-indicator .checkmark{width:100%;height:100%;stroke-width:2}.submitted-indicator .checkmark-bg{stroke:#22c55e;opacity:.3}.submitted-indicator .checkmark-check{stroke:#22c55e;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmark-stroke .4s ease-out .2s forwards}@keyframes checkmark-stroke{to{stroke-dashoffset:0}}.game-loading-screen{flex:1 1;display:flex;align-items:center;justify-content:center}.game-loading-screen .loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.game-loading-screen .loading-text{font-size:1.125rem;color:#9ca3af}.waiting-indicator .pulse-dots{display:flex;justify-content:center;gap:8px}.waiting-indicator .pulse-dots span{width:12px;height:12px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:50%;animation:pulse-dot 1.4s ease-in-out infinite}.waiting-indicator .pulse-dots span:nth-child(2){animation-delay:.2s}.waiting-indicator .pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes scoreSlideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scoreFlash{0%{background-color:rgba(234,179,8,.6)}to{background-color:rgba(234,179,8,.3)}}@keyframes scoreGlow{0%{box-shadow:0 0 3px rgba(16,185,129,.4);transform:scale(1)}50%{box-shadow:0 0 8px rgba(16,185,129,.6),0 0 12px rgba(16,185,129,.3);transform:scale(1.05)}to{box-shadow:0 0 3px rgba(16,185,129,.4);transform:scale(1)}}.score-badge{transition:all .2s ease;display:inline-block}.score-badge.score-changed{animation:scoreSlideUp .3s ease-out,scoreFlash .5s ease-out}.score-badge.score-glow{animation:scoreGlow .6s ease-in-out}.mc-options-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.mc-option-button{padding:16px;border-radius:12px;font-size:16px;transition:all .2s ease}.mc-option-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.mc-option-button.selected{transform:scale(1.02);box-shadow:0 0 0 2px rgba(34,211,238,.5)}.mc-option-button.correct{background:rgba(34,197,94,.3)!important;border-color:#22c55e!important}.mc-option-button.incorrect{background:rgba(239,68,68,.2)!important;border-color:#ef4444!important}.mc-option-label{font-weight:700;margin-right:8px;min-width:28px;text-align:center}.space-gray-theme .quiz-container{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important;position:relative;z-index:0}.space-gray-theme .mode-selector{background:rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.space-gray-theme .mode-selector button{transition:all .3s ease!important}.space-gray-theme .mode-selector button.active{background:#5a9999!important;color:#fff!important}.space-gray-theme .mode-selector button:not(.active){background:rgba(0,0,0,0)!important;color:#94a3b8!important}.space-gray-theme .mode-selector button:not(.active):hover{background:rgba(90,153,153,.15)!important;color:#ffffff!important}.space-gray-theme .question-display{background:linear-gradient(90deg,rgba(90,153,153,.6),rgba(111,163,163,.6))!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid #5a9999!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.space-gray-theme .question-display .question-text{color:#ffffff!important}.space-gray-theme .question-display .waiting-text{color:rgba(226,232,240,.5)!important}.space-gray-theme .answer-input-area textarea{background:#1a1e2e!important;color:#ffffff!important;border-color:#3e4463!important}.space-gray-theme .answer-input-area textarea:focus{border-color:#5a9999!important;box-shadow:0 0 0 3px rgba(90,153,153,.1)!important}.space-gray-theme .answer-input-area textarea::placeholder{color:#94a3b8!important}.space-gray-theme .answer-input-area .char-count{color:#94a3b8!important}.space-gray-theme .quiz-buttons button{transition:all .3s ease!important}.space-gray-theme .quiz-buttons button.bg-green-600{background:#5a9999!important;color:#fff!important}.space-gray-theme .quiz-buttons button.bg-green-600:hover{background:#6fa3a3!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(111,163,163,.4)!important}.space-gray-theme .quiz-buttons button.bg-red-600{background:rgba(0,0,0,0)!important;color:#ef4444!important;border:2px solid #ef4444!important}.space-gray-theme .quiz-buttons button.bg-red-600:hover{background:rgba(239,68,68,.2)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(239,68,68,.4)!important}.space-gray-theme .quiz-buttons button.bg-blue-600,.space-gray-theme .quiz-buttons button.bg-purple-600{background:#5a9999!important;color:#fff!important}.space-gray-theme .quiz-buttons button.bg-blue-600:hover,.space-gray-theme .quiz-buttons button.bg-purple-600:hover{background:#6fa3a3!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(111,163,163,.4)!important}.space-gray-theme .quiz-buttons button.bg-gray-600{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important}.space-gray-theme .quiz-buttons button.bg-gray-600:hover{background:rgba(90,153,153,.15)!important;color:#ffffff!important;border-color:#5a9999!important}.space-gray-theme .quiz-buttons button:disabled{opacity:.5!important;cursor:not-allowed!important}.space-gray-theme .submitted-state .submit-confirmation{background:rgba(90,153,153,.3)!important;border-color:#5a9999!important}.space-gray-theme .submitted-state .submit-confirmation .checkmark{color:#6fa3a3!important}.space-gray-theme .submitted-state .submit-confirmation p{color:#ffffff!important}.space-gray-theme .submitted-state .submit-confirmation p.text-green-400{color:#6fa3a3!important}.space-gray-theme .ox-circle{background:#5a9999!important;color:#fff!important;border:3px solid #6fa3a3!important;box-shadow:0 10px 40px rgba(90,153,153,.5)!important}.space-gray-theme .ox-circle:hover{transform:scale(1.05) rotate(5deg)!important;box-shadow:0 15px 50px rgba(111,163,163,.6)!important}.space-gray-theme .results-container .result-item{background:rgba(37,42,61,.8)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transition:all .3s ease!important}.space-gray-theme .results-container .result-item:hover{background:rgba(37,42,61,.95)!important;border-color:#5a9999!important;transform:translateY(-2px)!important}.space-gray-theme .results-container .result-item .player-name{color:#ffffff!important}.space-gray-theme .results-container .result-item .answer-text{color:#e2e8f0!important}.space-gray-theme .results-container .result-item.correct{border-color:#5a9999!important;background:rgba(90,153,153,.2)!important}.space-gray-theme .results-container .result-item.incorrect{border-color:rgba(239,68,68,.5)!important;background:rgba(239,68,68,.1)!important}.space-gray-theme .scoreboard{background:rgba(37,42,61,.8)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.space-gray-theme .scoreboard .score-header{color:#ffffff!important;border-bottom-color:#3e4463!important}.space-gray-theme .scoreboard .score-item{color:#e2e8f0!important;border-bottom-color:#3e4463!important}.space-gray-theme .scoreboard .score-item:hover{background:rgba(90,153,153,.1)!important}.space-gray-theme .scoreboard .score-item.rank-1{background:rgba(90,153,153,.3)!important;border-left:3px solid #6fa3a3!important}.space-gray-theme .scoreboard .score-item.rank-1 .player-name{color:#6fa3a3!important}.space-gray-theme .scoreboard .score-item.rank-2{background:rgba(90,153,153,.2)!important}.space-gray-theme .scoreboard .score-item.rank-3{background:rgba(90,153,153,.1)!important}.space-gray-theme .scoreboard .score-item .score-value{color:#6fa3a3!important}.space-gray-theme .user-list-modal{background:rgba(37,42,61,.95)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .user-list-modal .user-item{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important;color:#e2e8f0!important}.space-gray-theme .user-list-modal .user-item:hover{background:rgba(37,42,61,.8)!important;border-color:#5a9999!important;color:#ffffff!important}.role-distributor-container{display:flex;flex-direction:column;height:calc(var(--vh, 1vh)*100);background:linear-gradient(to bottom right,#312e81,#6b21a8,#111827);color:#fff;position:relative;min-height:0}.role-distributor-container .role-distributor-header{position:relative;background-color:#1f2937;padding:.75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6b7280;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:content-box}@media(max-width:47.999rem){.role-distributor-container .role-distributor-header{padding:8px;flex-direction:column;gap:8px}}.role-distributor-container .role-distributor-header .role-distributor-title{color:#a5b4fc;font-size:1.5rem;font-weight:600;position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:47.999rem){.role-distributor-container .role-distributor-header .role-distributor-title{position:static;transform:none;font-size:1.25rem}}.role-distributor-container .role-distributor-header .role-distributor-info{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#374151;border-radius:.5rem;font-size:.875rem}.role-distributor-container .role-distributor-header .role-distributor-info .info-key{color:#d1d5db}.role-distributor-container .role-distributor-header .role-distributor-info .info-value{color:#fff;font-weight:500}.role-distributor-container .card-hover{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.role-distributor-container .card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.05)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.role-distributor-container .animated-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role-distributor-container .fade-in-up{animation:fadeInUp .6s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.role-distributor-container .pulse{animation:pulse 2s infinite}.role-distributor-container::-webkit-scrollbar{width:6px}.role-distributor-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.role-distributor-container::-webkit-scrollbar-thumb{background:rgba(99,102,241,.5);border-radius:3px}.role-distributor-container::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.7)}.role-distributor-container input:focus,.role-distributor-container textarea:focus{box-shadow:0 0 0 3px rgba(99,102,241,.1)}.role-distributor-container button:hover{box-shadow:0 4px 14px 0 rgba(0,0,0,.3)}.role-distributor-container button:active{transform:translateY(1px)}.role-distributor-container input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e")}@media(max-width:1023px){.role-distributor-container{height:100vh;height:100dvh}.role-distributor-container .max-w-4xl{max-width:100%;padding-left:0;padding-right:0}.role-distributor-container .mobile-main-content{height:60vh;height:60dvh}.role-distributor-container .mobile-chat-container{height:40vh;height:40dvh}}@media(min-width:1024px){.role-distributor-container .max-w-4xl{max-width:none}}@media(prefers-color-scheme:dark){.role-distributor-container{background:linear-gradient(180deg,#0f172a,#1e293b)}}.role-distributor-container .role-distributor-main{flex:1 1;overflow:hidden;height:0}.role-distributor-container .chat-body,.role-distributor-container .chat-container{height:100%!important}.role-distributor-container .ability-phase-control-compact{display:flex;align-items:center;gap:.75rem;padding:.375rem .75rem}.role-distributor-container .ability-phase-control-compact .phase-indicator{font-size:.875rem}.role-distributor-container .ability-phase-control-compact .phase-indicator.active{animation:pulse 2s infinite}.role-distributor-container .ability-phase-control-compact .phase-text{font-size:.875rem;font-weight:500;color:#e2e8f0}.role-distributor-container .ability-phase-control-compact .btn-phase-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-phase-control-compact .btn-phase-toggle.start{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.role-distributor-container .ability-phase-control-compact .btn-phase-toggle.end{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.role-distributor-container .ability-phase-control-compact .btn-phase-toggle i{font-size:.625rem}.role-distributor-container .ability-button{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-button.active{background:linear-gradient(90deg,rgba(147,51,234,.2),rgba(168,85,247,.2));border:1px solid rgba(147,51,234,.4);color:#e2e8f0}.role-distributor-container .ability-button.active:hover{background:linear-gradient(90deg,rgba(147,51,234,.3),rgba(168,85,247,.3));border-color:rgba(147,51,234,.6)}.role-distributor-container .ability-button.inactive{background:rgba(107,114,128,.1);border:1px solid rgba(107,114,128,.3);color:#9ca3af}.role-distributor-container .ability-button .ability-button-content{display:flex;align-items:center;gap:.375rem;position:relative}.role-distributor-container .ability-button .ability-button-icon{font-size:.875rem}.role-distributor-container .ability-button .ability-button-text{font-size:.75rem}.role-distributor-container .ability-button .ability-button-badge{position:absolute;top:-.375rem;right:-.375rem;background:#ef4444;color:#fff;border-radius:50%;width:1rem;height:1rem;font-size:.625rem;display:flex;align-items:center;justify-content:center;font-weight:600}.role-distributor-container .ability-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-distributor-container .ability-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;width:90vw;max-width:500px;height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);display:flex;flex-direction:column}.role-distributor-container .ability-modal .ability-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.role-distributor-container .ability-modal .ability-modal-header h3{margin:0;color:#e2e8f0;font-size:1.125rem;font-weight:600}.role-distributor-container .ability-modal .ability-modal-header .close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;font-size:1.125rem;transition:color .2s ease-in-out}.role-distributor-container .ability-modal .ability-modal-header .close-button:hover{color:#e2e8f0}.role-distributor-container .ability-modal .ability-modal-tabs{display:flex;background:rgba(31,41,55,.5);border-bottom:1px solid rgba(99,102,241,.3)}.role-distributor-container .ability-modal .ability-modal-tabs .tab-button{flex:1 1;padding:.75rem 1rem;background:rgba(0,0,0,0);border:none;color:#94a3b8;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.role-distributor-container .ability-modal .ability-modal-tabs .tab-button:hover{background:rgba(99,102,241,.1);color:#c7d2fe}.role-distributor-container .ability-modal .ability-modal-tabs .tab-button.active{background:rgba(99,102,241,.2);color:#e0e7ff;border-bottom:2px solid rgba(99,102,241,.8)}.role-distributor-container .ability-modal .ability-modal-tabs .tab-button i{font-size:.75rem}.role-distributor-container .ability-modal .ability-modal-abilities{padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.role-distributor-container .ability-modal .ability-modal-abilities .phase-status{text-align:center;margin-bottom:.5rem;font-size:.875rem}.role-distributor-container .ability-modal .ability-modal-abilities .phase-status .phase-active{color:#10b981;display:flex;align-items:center;justify-content:center;gap:.375rem}.role-distributor-container .ability-modal .ability-modal-abilities .phase-status .phase-inactive{color:#6b7280;display:flex;align-items:center;justify-content:center;gap:.375rem}.role-distributor-container .ability-modal .ability-modal-abilities .ability-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:.25rem}.role-distributor-container .ability-modal .ability-modal-abilities .ability-list::-webkit-scrollbar{width:4px}.role-distributor-container .ability-modal .ability-modal-abilities .ability-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.role-distributor-container .ability-modal .ability-modal-abilities .ability-list::-webkit-scrollbar-thumb{background:rgba(99,102,241,.5);border-radius:2px}.role-distributor-container .ability-modal .ability-modal-abilities .ability-list::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.7)}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(90deg,rgba(147,51,234,.1),rgba(168,85,247,.1));border:1px solid rgba(147,51,234,.3);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.compact{padding:.5rem;gap:.375rem;flex-direction:column;text-align:center;min-height:60px;justify-content:center;position:relative}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.compact .ability-icon{font-size:1rem}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.compact .ability-info{min-width:auto}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.compact .ability-info .ability-name{font-size:.75rem;line-height:1.2}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.compact .ability-status{position:absolute;top:.25rem;right:.25rem}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.compact .ability-status .used-badge{font-size:.5rem;padding:.125rem .25rem}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item:hover:not(.disabled){background:linear-gradient(90deg,rgba(147,51,234,.2),rgba(168,85,247,.2));border-color:rgba(147,51,234,.5)}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.disabled{opacity:.5;cursor:not-allowed;background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.3)}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.used{background:linear-gradient(90deg,rgba(107,114,128,.1),rgba(75,85,99,.1));border-color:rgba(107,114,128,.3)}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.modifiable{border:1px dashed rgba(251,191,36,.5);cursor:pointer}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.modifiable:hover{background:linear-gradient(90deg,rgba(251,191,36,.1),rgba(245,158,11,.1));border-color:rgba(251,191,36,.7)}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item.modifiable .used-badge.modifiable{background:rgba(245,158,11,.3);color:#fbbf24}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item .ability-usage-info{margin-top:.125rem;font-size:.625rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item .ability-icon{font-size:1.25rem;flex-shrink:0}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item .ability-info{flex:1 1;min-width:0}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item .ability-info .ability-name{font-weight:600;font-size:.875rem;color:#e2e8f0}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item .ability-info .ability-description{font-size:.75rem;color:#94a3b8;margin-top:.125rem}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item .ability-status{flex-shrink:0}.role-distributor-container .ability-modal .ability-modal-abilities .ability-item .ability-status .used-badge{background:rgba(107,114,128,.3);color:#9ca3af;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500}.role-distributor-container .ability-modal .ability-modal-abilities .no-abilities{text-align:center;color:#94a3b8;font-style:italic;padding:2rem;font-size:.875rem}.role-distributor-container .ability-modal .ability-modal-history{flex:1 1;padding:1rem;overflow-y:auto}.role-distributor-container .ability-modal .ability-modal-history h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase}.role-distributor-container .ability-modal .ability-modal-history .history-list{display:flex;flex-direction:column;gap:.5rem}.role-distributor-container .ability-modal .ability-modal-history .history-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:hsla(0,0%,100%,.02);border-radius:.375rem;border:1px solid hsla(0,0%,100%,.05)}.role-distributor-container .ability-modal .ability-modal-history .history-item .history-time{font-size:.625rem;color:#6b7280}.role-distributor-container .ability-modal .ability-modal-history .history-item .history-content{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.role-distributor-container .ability-modal .ability-modal-history .history-item .history-content .history-ability{color:#a855f7;font-weight:500}.role-distributor-container .ability-modal .ability-modal-history .history-item .history-content .history-choice,.role-distributor-container .ability-modal .ability-modal-history .history-item .history-content .history-target{color:#10b981}.role-distributor-container .ability-modal .ability-modal-history .history-item .history-content i{color:#6b7280;font-size:.625rem}.role-distributor-container .ability-modal .ability-modal-history .no-history{text-align:center;color:#94a3b8;font-style:italic;padding:2rem;font-size:.875rem}.role-distributor-container .ability-modal .ability-modal-results{flex:1 1;overflow-y:auto;padding:1rem}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round{margin-bottom:1.5rem}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round:last-child{margin-bottom:0}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .round-title{color:#a855f7;font-size:.875rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid rgba(168,85,247,.3)}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item.public{border-left:3px solid #10b981}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item.private{border-left:3px solid #f59e0b}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item .result-header .result-ability{color:#a855f7;font-weight:600;font-size:.875rem}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item .result-header .result-player{color:#e2e8f0;font-size:.75rem}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item .result-header .result-visibility{font-size:.625rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:500}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item .result-header .result-visibility.public{background:rgba(16,185,129,.2);color:#34d399}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item .result-header .result-visibility.private{background:rgba(245,158,11,.2);color:#fbbf24}.role-distributor-container .ability-modal .ability-modal-results .results-content .results-round .results-list .result-item .result-message{color:#94a3b8;font-size:.75rem;line-height:1.4}.role-distributor-container .ability-modal .ability-modal-results .results-content .no-results{text-align:center;color:#94a3b8;font-style:italic;padding:2rem;font-size:.875rem}.role-distributor-container .ability-panel{background:hsla(0,0%,100%,.02);border-radius:.5rem;border:1px solid hsla(0,0%,100%,.1);padding:1rem}.role-distributor-container .ability-panel .ability-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.role-distributor-container .ability-panel .ability-panel-header h4{margin:0;font-size:1rem;font-weight:600;color:#a855f7}.role-distributor-container .ability-panel .ability-panel-header .phase-status{font-size:.75rem}.role-distributor-container .ability-panel .ability-panel-header .phase-status .phase-active{color:#10b981;display:flex;align-items:center;gap:.25rem}.role-distributor-container .ability-panel .ability-panel-header .phase-status .phase-inactive{color:#6b7280;display:flex;align-items:center;gap:.25rem}.role-distributor-container .ability-panel .ability-list{display:grid;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.role-distributor-container .ability-panel .ability-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:linear-gradient(90deg,rgba(147,51,234,.1),rgba(168,85,247,.1));border:1px solid rgba(147,51,234,.3);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-panel .ability-item:hover:not(.disabled){background:linear-gradient(90deg,rgba(147,51,234,.2),rgba(168,85,247,.2));border-color:rgba(147,51,234,.5)}.role-distributor-container .ability-panel .ability-item.disabled{opacity:.5;cursor:not-allowed;background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.3)}.role-distributor-container .ability-panel .ability-item.used{background:linear-gradient(90deg,rgba(107,114,128,.1),rgba(75,85,99,.1));border-color:rgba(107,114,128,.3)}.role-distributor-container .ability-panel .ability-item .ability-icon{font-size:1.25rem;flex-shrink:0}.role-distributor-container .ability-panel .ability-item .ability-info{flex:1 1;min-width:0}.role-distributor-container .ability-panel .ability-item .ability-info .ability-name{font-weight:600;font-size:.875rem;color:#e2e8f0}.role-distributor-container .ability-panel .ability-item .ability-info .ability-description{font-size:.75rem;color:#94a3b8;margin-top:.125rem}.role-distributor-container .ability-panel .ability-item .ability-status{flex-shrink:0}.role-distributor-container .ability-panel .ability-item .ability-status .used-badge{background:rgba(107,114,128,.3);color:#9ca3af;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500}.role-distributor-container .ability-panel .ability-usage-history h5{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase}.role-distributor-container .ability-panel .ability-usage-history .usage-list{display:flex;flex-direction:column;gap:.25rem}.role-distributor-container .ability-panel .ability-usage-history .usage-item{display:flex;align-items:center;gap:.5rem;padding:.375rem;background:hsla(0,0%,100%,.02);border-radius:.25rem;font-size:.75rem}.role-distributor-container .ability-panel .ability-usage-history .usage-item .usage-ability{color:#a855f7}.role-distributor-container .ability-panel .ability-usage-history .usage-item .usage-choice,.role-distributor-container .ability-panel .ability-usage-history .usage-item .usage-target{color:#10b981}.role-distributor-container .ability-panel .ability-usage-history .usage-item .usage-time{color:#6b7280;margin-left:auto}.role-distributor-container .ability-target-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-distributor-container .ability-target-selector-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;padding:1.5rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.role-distributor-container .ability-target-selector-modal .target-selector-content h4{margin:0 0 1rem;color:#e2e8f0;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .ability-description{color:#94a3b8;font-size:.875rem;margin-bottom:1.5rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option:hover{background:rgba(147,51,234,.1);border-color:rgba(147,51,234,.3)}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option .player-info{display:flex;align-items:center;gap:.5rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option .player-info .player-name{font-weight:600;color:#e2e8f0}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option .player-info .player-role{color:#94a3b8;font-size:.875rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option .player-info .host-badge{background:#f59e0b;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option .player-info .me-badge{color:#60a5fa;font-weight:500;font-size:.875rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option.is-me{background:rgba(96,165,250,.1);border-color:rgba(96,165,250,.3)}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option.is-me:hover{background:rgba(96,165,250,.2);border-color:rgba(96,165,250,.5)}.role-distributor-container .ability-target-selector-modal .target-selector-content .player-option .select-arrow{color:#a855f7;font-weight:700}.role-distributor-container .ability-target-selector-modal .target-selector-content .choice-options{display:flex;gap:1rem;margin-bottom:1rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .choice-option{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-target-selector-modal .target-selector-content .choice-option.agree:hover{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.role-distributor-container .ability-target-selector-modal .target-selector-content .choice-option.disagree:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.role-distributor-container .ability-target-selector-modal .target-selector-content .choice-option .choice-icon{font-size:2rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .choice-option .choice-text{font-weight:600;color:#e2e8f0}.role-distributor-container .ability-target-selector-modal .target-selector-content .role-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .role-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-target-selector-modal .target-selector-content .role-option:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3)}.role-distributor-container .ability-target-selector-modal .target-selector-content .role-option .role-info{display:flex;align-items:center;gap:.5rem}.role-distributor-container .ability-target-selector-modal .target-selector-content .role-option .role-info .role-name{font-weight:600;color:#e2e8f0}.role-distributor-container .ability-target-selector-modal .target-selector-content .role-option .select-arrow{color:#6366f1;font-weight:700}.role-distributor-container .ability-target-selector-modal .target-selector-content .no-roles{text-align:center;color:#94a3b8;padding:1rem;grid-column:1/-1}.role-distributor-container .ability-target-selector-modal .target-selector-content .no-players{text-align:center;color:#94a3b8;font-style:italic;padding:2rem}.role-distributor-container .ability-target-selector-modal .modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.role-distributor-container .ability-target-selector-modal .modal-actions .btn-cancel{padding:.5rem 1rem;background:rgba(107,114,128,.2);color:#e2e8f0;border:1px solid rgba(107,114,128,.3);border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s ease-in-out}.role-distributor-container .ability-target-selector-modal .modal-actions .btn-cancel:hover{background:rgba(107,114,128,.3);border-color:rgba(107,114,128,.5)}.role-distributor-container .modify-action-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.role-distributor-container .modify-action-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid hsla(0,0%,100%,.15);padding:1.5rem;border-radius:1rem;max-width:300px;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.role-distributor-container .modify-action-modal h4{margin:0 0 .5rem;color:#e2e8f0;font-size:1.125rem;font-weight:600}.role-distributor-container .modify-action-modal p{color:#9ca3af;margin:0 0 1.25rem;font-size:.875rem;line-height:1.4}.role-distributor-container .modify-action-modal .modify-button-group{display:flex;gap:.75rem;justify-content:center}.role-distributor-container .modify-action-modal .modify-button-group button{padding:.75rem 1rem;border-radius:.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s ease-in-out;font-size:.875rem}.role-distributor-container .modify-action-modal .modify-button-group button.modify-btn{background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff}.role-distributor-container .modify-action-modal .modify-button-group button.modify-btn:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(59,130,246,.3)}.role-distributor-container .modify-action-modal .modify-button-group button.cancel-btn{background:rgba(107,114,128,.3);color:#e2e8f0}.role-distributor-container .modify-action-modal .modify-button-group button.cancel-btn:hover{background:rgba(107,114,128,.5)}.role-distributor-container .modify-action-modal .modify-button-group button i{font-size:.75rem}.role-distributor-container .ability-result-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.role-distributor-container .ability-result-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid hsla(0,0%,100%,.15);border-radius:1rem;width:90vw;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.6);display:flex;flex-direction:column}.role-distributor-container .ability-result-modal .result-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);background:linear-gradient(90deg,rgba(147,51,234,.1),rgba(168,85,247,.1))}.role-distributor-container .ability-result-modal .result-modal-header h3{margin:0;color:#e2e8f0;font-size:1.25rem;font-weight:700}.role-distributor-container .ability-result-modal .result-modal-header .close-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;font-size:1.25rem;transition:color .2s ease-in-out}.role-distributor-container .ability-result-modal .result-modal-header .close-button:hover{color:#e2e8f0}.role-distributor-container .ability-result-modal .result-section{padding:1rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.role-distributor-container .ability-result-modal .result-section:last-child{border-bottom:none}.role-distributor-container .ability-result-modal .result-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.role-distributor-container .ability-result-modal .result-section.public-results h4{color:#10b981}.role-distributor-container .ability-result-modal .result-section.private-results h4{color:#a855f7}.role-distributor-container .ability-result-modal .result-section .result-list{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.role-distributor-container .ability-result-modal .result-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;padding:1rem;transition:all .2s ease-in-out}.role-distributor-container .ability-result-modal .result-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.role-distributor-container .ability-result-modal .result-item .result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.role-distributor-container .ability-result-modal .result-item .result-header .result-type{font-size:1.25rem;flex-shrink:0}.role-distributor-container .ability-result-modal .result-item .result-header .player-name{font-weight:600;color:#e2e8f0;flex:1 1}.role-distributor-container .ability-result-modal .result-item .result-header .result-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.role-distributor-container .ability-result-modal .result-item .result-header .result-status.success{background:rgba(34,197,94,.2);color:#10b981}.role-distributor-container .ability-result-modal .result-item .result-header .result-status.failed{background:rgba(239,68,68,.2);color:#ef4444}.role-distributor-container .ability-result-modal .result-item .result-message{color:#94a3b8;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.role-distributor-container .ability-result-modal .result-item .investigation-details{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:.375rem;padding:.75rem;font-size:.875rem;color:#c4b5fd}.role-distributor-container .ability-result-modal .result-item .investigation-details .role-reveal{font-weight:700;color:#a855f7;margin-left:.5rem}.role-distributor-container .ability-result-modal .no-results{padding:3rem 1.5rem;text-align:center}.role-distributor-container .ability-result-modal .no-results p{color:#9ca3af;font-style:italic;margin:0}.role-distributor-container .ability-result-modal .result-modal-actions{padding:1rem 1.5rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:center}.role-distributor-container .ability-result-modal .result-modal-actions .btn-confirm{background:linear-gradient(90deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.role-distributor-container .ability-result-modal .result-modal-actions .btn-confirm:hover{background:linear-gradient(90deg,#059669,#047857);box-shadow:0 4px 12px rgba(16,185,129,.3)}@media(max-width:640px){.role-distributor-container .ability-modal-abilities .ability-list{grid-template-columns:repeat(3,1fr)}.role-distributor-container .ability-modal-abilities .ability-item.compact{min-height:50px}.role-distributor-container .ability-modal-abilities .ability-item.compact .ability-icon{font-size:.875rem}.role-distributor-container .ability-modal-abilities .ability-item.compact .ability-info .ability-name{font-size:.675rem}.role-distributor-container .ability-panel .ability-item{padding:.5rem;gap:.5rem}.role-distributor-container .ability-panel .ability-item .ability-icon{font-size:1rem}.role-distributor-container .ability-panel .ability-item .ability-info .ability-name{font-size:.75rem}.role-distributor-container .ability-panel .ability-item .ability-info .ability-description{font-size:.625rem}.role-distributor-container .ability-target-selector-modal{padding:1rem;margin:1rem}.role-distributor-container .ability-target-selector-modal .choice-options{flex-direction:row;gap:.5rem}.role-distributor-container .ability-target-selector-modal .choice-option{padding:.75rem;flex-direction:row;gap:.75rem;justify-content:center}.role-distributor-container .ability-target-selector-modal .choice-option .choice-icon{font-size:1.5rem}}.space-gray-theme .role-distributor-container{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important;position:relative;z-index:0}.space-gray-theme .role-distributor-header{background:rgba(0,0,0,0)!important;border-bottom:1px solid #3e4463!important;box-shadow:none!important}.space-gray-theme .role-distributor-header .role-distributor-title{color:#ffffff!important;font-weight:600!important}.space-gray-theme .role-distributor-header .role-distributor-info{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important}.space-gray-theme .role-distributor-header .role-distributor-info:hover{background:rgba(37,42,61,.8)!important;border-color:#5a9999!important}.space-gray-theme .role-distributor-header .role-distributor-info .info-key{color:#94a3b8!important}.space-gray-theme .role-distributor-header .role-distributor-info .info-value{color:#ffffff!important}.space-gray-theme .ability-panel{background:rgba(37,42,61,.8)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.space-gray-theme .ability-panel .ability-panel-header h4{color:#5a9999!important}.space-gray-theme .ability-modal{background:linear-gradient(135deg,rgba(15,18,25,.95),rgba(26,30,46,.95))!important;border:1px solid rgba(90,153,153,.2)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 25px 80px rgba(0,0,0,.6)!important}.space-gray-theme .ability-modal .ability-modal-header h3{color:#ffffff!important}.space-gray-theme .ability-modal .ability-modal-tabs{background:rgba(37,42,61,.5)!important;border-bottom:1px solid #5a9999!important}.space-gray-theme .ability-modal .ability-modal-tabs .tab-button{color:#94a3b8!important}.space-gray-theme .ability-modal .ability-modal-tabs .tab-button:hover{background:rgba(90,153,153,.1)!important;color:#ffffff!important}.space-gray-theme .ability-modal .ability-modal-tabs .tab-button.active{background:rgba(90,153,153,.2)!important;color:#ffffff!important;border-bottom-color:#5a9999!important}.space-gray-theme .ability-item{background:linear-gradient(90deg,rgba(37,42,61,.6),rgba(47,53,71,.6))!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.space-gray-theme .ability-item:hover:not(.disabled){background:linear-gradient(90deg,rgba(90,153,153,.2),rgba(111,163,163,.2))!important;border-color:#5a9999!important;box-shadow:0 8px 25px rgba(90,153,153,.3)!important}.space-gray-theme .ability-item.active{background:linear-gradient(90deg,rgba(90,153,153,.3),rgba(111,163,163,.3))!important;border-color:#5a9999!important}.space-gray-theme .ability-item .ability-name{color:#ffffff!important}.space-gray-theme .ability-item .ability-description{color:#94a3b8!important}.space-gray-theme .ability-target-selector-modal{background:linear-gradient(135deg,rgba(15,18,25,.95),rgba(26,30,46,.95))!important;border:1px solid rgba(90,153,153,.2)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .ability-target-selector-modal .player-option{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important}.space-gray-theme .ability-target-selector-modal .player-option:hover{background:rgba(90,153,153,.2)!important;border-color:#5a9999!important}.space-gray-theme .ability-target-selector-modal .player-option .player-name{color:#ffffff!important}.space-gray-theme .ability-target-selector-modal .player-option .player-role{color:#94a3b8!important}.space-gray-theme .ability-target-selector-modal .choice-option{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important}.space-gray-theme .ability-target-selector-modal .choice-option.agree:hover{background:rgba(90,153,153,.2)!important;border-color:#5a9999!important}.space-gray-theme .ability-target-selector-modal .choice-option.disagree:hover{background:rgba(239,68,68,.2)!important;border-color:#ef4444!important}.space-gray-theme .ability-target-selector-modal .choice-option .choice-text{color:#ffffff!important}.space-gray-theme .ability-result-modal{background:linear-gradient(135deg,rgba(15,18,25,.95),rgba(26,30,46,.95))!important;border:1px solid rgba(90,153,153,.2)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .ability-result-modal .result-modal-header{background:linear-gradient(90deg,rgba(90,153,153,.2),rgba(111,163,163,.2))!important}.space-gray-theme .ability-result-modal .result-modal-header h3{color:#ffffff!important}.space-gray-theme .ability-result-modal .result-item{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important}.space-gray-theme .ability-result-modal .result-item:hover{background:rgba(37,42,61,.8)!important;border-color:#5a9999!important}.space-gray-theme .chat-container .chat-box{background:rgba(37,42,61,.8)!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .chat-container .message-input-container{background:rgba(37,42,61,.9)!important;border-top:1px solid #3e4463!important}.space-gray-theme .chat-container input{background:#1a1e2e!important;color:#ffffff!important;border:1px solid #3e4463!important}.space-gray-theme .chat-container input:focus{border-color:#5a9999!important;box-shadow:0 0 0 3px rgba(90,153,153,.1)!important}.space-gray-theme .chat-container input::placeholder{color:#94a3b8!important}.space-gray-theme .chat-container button.bg-blue-500{background:#d1d5db!important;border:none!important}.space-gray-theme .chat-container button.bg-blue-500:hover{background:#5a9999!important}.space-gray-theme .role-distributor-container button.bg-green-600,.space-gray-theme .role-distributor-container button.bg-indigo-600{background:#5a9999!important;color:#fff!important;border:none!important;transition:background-color .3s ease,box-shadow .3s ease!important}.space-gray-theme .role-distributor-container button.bg-green-600:hover,.space-gray-theme .role-distributor-container button.bg-indigo-600:hover{background:#6fa3a3!important;box-shadow:0 4px 12px rgba(111,163,163,.3)!important}.space-gray-theme .role-distributor-container button.bg-gray-600{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important}.space-gray-theme .role-distributor-container button.bg-gray-600:hover{background:rgba(37,42,61,.6)!important;color:#ffffff!important;border-color:#5a9999!important}.space-gray-theme .role-distributor-container button.bg-red-600{background:rgba(0,0,0,0)!important;color:#ef4444!important;border:1px solid #ef4444!important}.space-gray-theme .role-distributor-container button.bg-red-600:hover{background:rgba(239,68,68,.2)!important}.space-gray-theme .ability-list::-webkit-scrollbar-thumb,.space-gray-theme .player-list::-webkit-scrollbar-thumb,.space-gray-theme::-webkit-scrollbar-thumb{background:#5a9999!important}.space-gray-theme .ability-list::-webkit-scrollbar-thumb:hover,.space-gray-theme .player-list::-webkit-scrollbar-thumb:hover,.space-gray-theme::-webkit-scrollbar-thumb:hover{background:#6fa3a3!important}.space-gray-theme .ability-phase-control-compact .btn-phase-toggle.start{background:linear-gradient(90deg,#5a9999,#6fa3a3)!important}.space-gray-theme .ability-phase-control-compact .btn-phase-toggle.end{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.space-gray-theme .ability-phase-control-compact .phase-text{color:#e2e8f0!important}.wtb-container{display:flex;flex-direction:column;height:calc(var(--vh, 1vh)*100);background:linear-gradient(to bottom right,#312e81,#6b21a8,#111827);color:#fff;position:relative;min-height:0}.wtb-container .wtb-chat-container{flex:1 1;min-height:0}.wtb-container .wtb-header{position:relative;background-color:#1f2937;padding:.75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6b7280;box-shadow:0 4px 10px rgba(0,0,0,.1);box-sizing:content-box}@media(max-width:47.999rem){.wtb-container .wtb-header{padding:8px;flex-direction:column;gap:8px}}.wtb-container .wtb-header .wtb-title{color:#a5b4fc;font-size:1.5rem;font-weight:600;position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:47.999rem){.wtb-container .wtb-header .wtb-title{position:static;transform:none;font-size:1.25rem}}.wtb-container .wtb-header .wtb-info{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background-color:#374151;border-radius:.5rem;font-size:.875rem}.wtb-container .wtb-header .wtb-info .wtb-info-key{color:#d1d5db}.wtb-container .wtb-header .wtb-info .wtb-info-value{color:#fff;font-weight:500}.wtb-container .wtb-game-content{flex:1 1;display:flex;flex-direction:column;padding:1rem;overflow:hidden}@media(max-width:47.999rem){.wtb-container .wtb-game-content{padding:.5rem}}.wtb-container .fade-enter{opacity:0}.wtb-container .fade-enter-active{opacity:1;transition:opacity .3s ease-in}.wtb-container .fade-exit{opacity:1}.wtb-container .fade-exit-active{opacity:0;transition:opacity .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wtb-container .answer-card{background:rgba(75,85,99,.3);border:1px solid #4b5563;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease}.wtb-container .answer-card:hover{background:rgba(75,85,99,.5);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.wtb-container .player-list{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.wtb-container .player-list::-webkit-scrollbar{height:4px}.wtb-container .player-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.wtb-container .player-list::-webkit-scrollbar-thumb{background:rgba(99,102,241,.5);border-radius:2px}.wtb-container .player-list::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.7)}.wtb-container .player-list .player-card{background:rgba(75,85,99,.3);border:1px solid #4b5563;border-radius:.5rem;padding:.75rem;min-width:120px;text-align:center;transition:all .3s ease}.wtb-container .player-list .player-card:hover{background:rgba(75,85,99,.5);border-color:#6366f1}.wtb-container .player-list .player-card.bot{border-color:#ef4444;background:rgba(239,68,68,.2)}.wtb-container .player-list .player-card.human{border-color:#34d399;background:rgba(34,197,94,.2)}.wtb-container .answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}@media(max-width:47.999rem){.wtb-container .answer-grid{grid-template-columns:1fr;gap:.5rem}.wtb-container .player-list{padding:0 1rem}}.space-gray-theme .wtb-container{background:linear-gradient(135deg,#0f1219,#1a1e2e 50%,#2a2f42)!important;position:relative;z-index:0}.space-gray-theme .wtb-header{background:rgba(0,0,0,0)!important;border-bottom:1px solid #3e4463!important;box-shadow:none!important}.space-gray-theme .wtb-header .wtb-title{color:#ffffff!important;font-weight:600!important}.space-gray-theme .wtb-header .wtb-info{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important}.space-gray-theme .wtb-header .wtb-info:hover{background:rgba(37,42,61,.8)!important;border-color:#5a9999!important}.space-gray-theme .wtb-header .wtb-info .wtb-info-key{color:#94a3b8!important}.space-gray-theme .wtb-header .wtb-info .wtb-info-value{color:#ffffff!important}.space-gray-theme .answer-card{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.space-gray-theme .answer-card:hover{background:rgba(37,42,61,.8)!important;border-color:#5a9999!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(90,153,153,.3)!important}.space-gray-theme .player-list .player-card{background:rgba(37,42,61,.6)!important;border:1px solid #3e4463!important;color:#e2e8f0!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.space-gray-theme .player-list .player-card:hover{background:rgba(37,42,61,.8)!important;border-color:#5a9999!important;color:#ffffff!important}.space-gray-theme .player-list .player-card.bot{border-color:#ef4444!important;background:rgba(239,68,68,.2)!important}.space-gray-theme .player-list .player-card.human{border-color:#5a9999!important;background:rgba(90,153,153,.2)!important}.space-gray-theme .player-list::-webkit-scrollbar-thumb{background:#5a9999!important}.space-gray-theme .player-list::-webkit-scrollbar-thumb:hover{background:#6fa3a3!important}.space-gray-theme .wtb-chat-container .chat-box{background:rgba(37,42,61,.8)!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}.space-gray-theme .wtb-chat-container .message-input-container{background:rgba(37,42,61,.9)!important;border-top:1px solid #3e4463!important}.space-gray-theme .wtb-chat-container input{background:#1a1e2e!important;color:#ffffff!important;border:1px solid #3e4463!important}.space-gray-theme .wtb-chat-container input:focus{border-color:#5a9999!important;box-shadow:0 0 0 3px rgba(90,153,153,.1)!important}.space-gray-theme .wtb-chat-container input::placeholder{color:#94a3b8!important}.space-gray-theme .wtb-chat-container button.bg-blue-500{background:#d1d5db!important;border:none!important}.space-gray-theme .wtb-chat-container button.bg-blue-500:hover{background:#5a9999!important}.space-gray-theme .wtb-container button.bg-indigo-600{background:#5a9999!important;color:#fff!important;border:none!important;transition:all .3s ease!important}.space-gray-theme .wtb-container button.bg-indigo-600:hover{background:#6fa3a3!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(111,163,163,.4)!important}.space-gray-theme .wtb-container button.bg-green-600{background:rgba(90,153,153,.4)!important;color:#94a3b8!important;border:1px solid rgba(90,153,153,.3)!important;cursor:not-allowed!important;opacity:.6!important}.space-gray-theme .wtb-container button.bg-green-600:hover{background:rgba(90,153,153,.4)!important;transform:none!important;box-shadow:none!important}.space-gray-theme .wtb-container button.bg-gray-600{background:rgba(0,0,0,0)!important;color:#e2e8f0!important;border:1px solid #3e4463!important}.space-gray-theme .wtb-container button.bg-gray-600:hover{background:rgba(37,42,61,.6)!important;color:#ffffff!important;border-color:#5a9999!important}.space-gray-theme .fas,.space-gray-theme i{color:#d1d5db!important}:root{--vh:100%}body{background-color:#1a1a1a;overflow-x:hidden}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.animate-slide-in-left{animation:slide-in-left .2s ease-out}.animate-slide-out-left{animation:slide-out-left .2s ease-out forwards}.user-tag{color:#94a3b8;font-size:.75em;font-weight:400;margin-left:.25rem;opacity:.7}