@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.auth-modal{background:var(--surface-color, #1a1a2e);border-radius:12px;padding:2rem;width:90%;max-width:400px;position:relative;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--text-secondary, #888);cursor:pointer;transition:color .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.auth-modal-close:hover{color:var(--text-primary, #fff);background-color:#ffffff1a}.auth-modal-title{text-align:center;color:var(--text-primary, #fff);margin-bottom:2rem;font-size:1.75rem;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary, #bbb);font-size:.875rem;font-weight:500}.form-group input{background:var(--input-background, rgba(255, 255, 255, .05));border:1px solid var(--input-border, rgba(255, 255, 255, .1));border-radius:8px;padding:.75rem 1rem;color:var(--text-primary, #fff);font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary-color, #ff6b6b);background:var(--input-background-focus, rgba(255, 255, 255, .08));box-shadow:0 0 0 3px #ff6b6b1a}.form-group input::placeholder{color:var(--text-secondary, #666)}.auth-error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:var(--error-color, #ff6b6b);padding:.75rem;border-radius:8px;font-size:.875rem;text-align:center;animation:shake .3s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-submit-btn{background:linear-gradient(135deg,var(--primary-color, #ff6b6b),var(--secondary-color, #4ecdc4));color:#fff;border:none;border-radius:8px;padding:.875rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b4d}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;color:var(--text-secondary, #888);font-size:.875rem}.auth-switch-btn{background:none;border:none;color:var(--primary-color, #ff6b6b);font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s}.auth-switch-btn:hover{color:var(--secondary-color, #4ecdc4)}.auth-tier-info{margin-top:1.5rem;padding:1rem;background:rgba(78,205,196,.1);border:1px solid rgba(78,205,196,.2);border-radius:8px;text-align:center}.auth-tier-info p{margin:.5rem 0;color:var(--text-secondary, #bbb);font-size:.875rem}.auth-tier-info p:first-child{margin-top:0}.auth-tier-info p:last-child{margin-bottom:0;color:var(--secondary-color, #4ecdc4);font-weight:500}.auth-forgot-password{text-align:center;margin-top:16px}.forgot-password-link{color:var(--primary-color, #ff6b6b);text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.forgot-password-link:hover{color:var(--secondary-color, #4ecdc4);text-decoration:underline}@media (max-width: 480px){.auth-modal{padding:1.5rem;width:95%}.auth-modal-title{font-size:1.5rem}.form-group input{font-size:.95rem}}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fade-in .3s ease-out}.upgrade-modal{position:relative;max-width:1200px;width:100%;max-height:90vh;background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 0 50px #ff00804d;overflow:hidden;animation:modal-slide-up .3s ease-out}@keyframes modal-slide-up{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:var(--background-card);border:2px solid var(--neon-pink);border-radius:50%;color:var(--neon-pink);font-size:1.5rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);z-index:10;display:flex;align-items:center;justify-content:center}.upgrade-modal-close:hover{background:var(--neon-pink);color:var(--primary-black);transform:rotate(90deg)}.modal-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none;z-index:1}.modal-cyber-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;pointer-events:none;opacity:.3}.upgrade-modal-content{position:relative;z-index:2;padding:3rem;overflow-y:auto;max-height:90vh}.upgrade-modal-header{text-align:center;margin-bottom:3rem}.upgrade-modal-title{font-size:3rem;font-weight:var(--font-weight-black);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.upgrade-modal-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:1rem}.current-tier{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:.5rem}.current-tier-name{color:var(--neon-cyan);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-left:.5rem;text-shadow:0 0 10px rgba(0,255,255,.3);font-family:var(--font-mono)}.promo-section{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:3rem;text-align:center;position:relative;overflow:hidden}.promo-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,0,128,.1),transparent);animation:promo-pulse 4s ease-in-out infinite}@keyframes promo-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.promo-title{font-size:var(--font-size-xl);margin-bottom:1rem;color:var(--neon-pink);text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.promo-input-group{display:flex;gap:1rem;max-width:400px;margin:0 auto;position:relative;z-index:1}.promo-input{flex:1;padding:1rem;background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-normal)}.promo-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff4d}.promo-button{padding:1rem 2rem;background:var(--gradient-primary);border:2px solid var(--neon-pink);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-mono)}.promo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #ff008099}.promo-status{margin-top:1rem;padding:.75rem;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);animation:status-appear .3s ease-out;position:relative;z-index:1}@keyframes status-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.promo-success{background:rgba(0,255,0,.1);border:2px solid var(--neon-green);color:var(--neon-green)}.promo-invalid,.promo-error{background:rgba(255,0,0,.1);border:2px solid var(--danger-red);color:var(--danger-red)}.main-upgrade-sections{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);min-height:clamp(30vh,35vh,40vh);margin-bottom:3rem}@media (max-width: 768px){.main-upgrade-sections{grid-template-columns:1fr;gap:clamp(1rem,3vh,2rem)}}.credits-section{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vh,2rem);display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.5rem)}.credits-section h3{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--neon-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;text-align:center}.credits-dropdown{position:relative;width:100%;background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.credits-dropdown:hover{border-color:var(--neon-green);box-shadow:0 0 20px #00ff4133}.dropdown-selected{padding:clamp(.75rem,1.5vh,1rem);display:flex;justify-content:space-between;align-items:center;font-size:clamp(.9rem,1.2vw,1rem);color:var(--text-primary);font-family:var(--font-mono)}.dropdown-arrow{transition:transform var(--transition-normal)}.credits-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--background-tertiary);border:2px solid var(--neon-green);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:1000;max-height:60vh;overflow-y:auto}.dropdown-option{padding:clamp(.75rem,1.5vh,1rem);display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:rgba(0,255,65,.1);color:var(--neon-green)}.option-name{font-weight:var(--font-weight-medium)}.option-price{font-family:var(--font-mono);font-weight:var(--font-weight-bold);color:var(--neon-green)}.option-savings{font-size:.8rem;color:var(--neon-cyan);background:rgba(0,255,255,.1);padding:.2rem .5rem;border-radius:var(--radius-sm)}.credits-preview{padding:clamp(1.5rem,3vh,2rem);background:rgba(0,255,65,.05);border:1px solid rgba(0,255,65,.2);border-radius:var(--radius-md);text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}.credits-preview h4{font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase}.preview-price{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:var(--font-weight-black);color:var(--neon-green);font-family:var(--font-mono);text-shadow:0 0 20px rgba(0,255,65,.5)}.preview-savings{background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));color:var(--primary-black);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:clamp(.8rem,1.1vw,1rem);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.select-credits-btn{width:100%;padding:clamp(.75rem,1.5vh,1rem);background:var(--gradient-secondary);border:2px solid var(--neon-green);border-radius:var(--radius-md);color:var(--primary-black);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-mono);font-size:clamp(.9rem,1.1vw,1rem)}.select-credits-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00ff4166}.subscriptions-section{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:clamp(1.5rem,3vh,2rem);display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.5rem)}.subscriptions-section h3{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;text-align:center}.subscription-cards{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vh,1rem);flex:1}.subscription-card{flex:1;display:flex;flex-direction:column;padding:clamp(1rem,2vh,1.5rem);background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);position:relative;gap:clamp(.5rem,1vh,.75rem)}.subscription-card:hover{transform:translateY(-.3vh);box-shadow:0 0 clamp(20px,2vw,30px) #00ffff4d}.subscription-card.unlimited_monthly{border-color:var(--neon-cyan);background:rgba(0,255,255,.05)}.subscription-card.unlimited_monthly:hover{box-shadow:0 0 clamp(20px,2vw,30px) #0ff6}.subscription-card.unlimited_lifetime{border-color:var(--neon-purple);background:rgba(128,0,255,.05)}.subscription-card.unlimited_lifetime:hover{box-shadow:0 0 clamp(20px,2vw,30px) #8000ff66}.subscription-badge{position:absolute;top:-1px;right:-1px;padding:.5rem 1rem;font-size:clamp(.7rem,.9vw,.8rem);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:0 var(--radius-lg) 0 var(--radius-lg)}.unlimited_monthly .subscription-badge{background:var(--neon-cyan);color:var(--primary-black)}.unlimited_lifetime .subscription-badge{background:var(--danger-red);color:var(--text-primary);font-weight:var(--font-weight-extrabold);text-shadow:0 0 10px rgba(255,23,68,.5)}.subscription-card h4{font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;margin-top:1rem}.subscription-price{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:clamp(1rem,2vh,1.5rem) 0}.subscription-price .price-amount{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:var(--font-weight-black);font-family:var(--font-mono);text-shadow:0 0 20px currentColor}.unlimited_monthly .price-amount{color:var(--neon-cyan)}.unlimited_lifetime .price-amount{color:var(--neon-purple)}.subscription-price .price-period{font-size:clamp(.9rem,1.2vw,1rem);color:var(--text-secondary);text-transform:uppercase}.subscription-features{list-style:none;padding:0;margin:0;flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.subscription-features li{padding:.5rem 0;font-size:clamp(.8rem,1vw,.9rem);color:var(--text-secondary);border-bottom:1px solid var(--background-tertiary)}.subscription-features li:last-child{border-bottom:none}.select-subscription-btn{width:100%;padding:clamp(.75rem,1.5vh,1rem);border:2px solid;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-mono);font-size:clamp(.9rem,1.1vw,1rem);margin-top:auto}.unlimited_monthly .select-subscription-btn{background:linear-gradient(135deg,var(--neon-cyan),var(--info-blue));border-color:var(--neon-cyan);color:var(--primary-black)}.unlimited_monthly .select-subscription-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff6}.unlimited_lifetime .select-subscription-btn{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));border-color:var(--neon-purple);color:var(--text-primary)}.unlimited_lifetime .select-subscription-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #8000ff66}.tiers-grid{display:none}.tier-card{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;position:relative;transition:all var(--transition-normal);overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--tier-color, var(--neon-cyan));transition:height var(--transition-normal)}.tier-card:hover{transform:translateY(-.3vh);border-color:var(--tier-color, var(--neon-cyan));box-shadow:0 0 clamp(20px,2vw,30px) #00ffff4d}.tier-card.popular{border-color:var(--neon-pink);transform:scale(1.05)}.tier-card.popular:hover{transform:scale(1.05) translateY(-5px)}.tier-card.selected{border-color:var(--neon-green);background:rgba(0,255,0,.05)}.popular-badge{position:absolute;top:-1px;right:-1px;background:var(--neon-pink);color:var(--primary-black);padding:.5rem 1rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:0 var(--radius-lg) 0 var(--radius-lg)}.best-value-badge{position:absolute;top:-1px;right:-1px;background:var(--neon-gold);color:var(--primary-black);padding:.5rem 1rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:0 var(--radius-lg) 0 var(--radius-lg);box-shadow:0 0 20px #ffd70080}.tier-name{font-size:var(--font-size-2xl);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--tier-color, var(--text-primary))}.tier-price{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;gap:.5rem}.regular-price-line{margin-bottom:.25rem}.regular-price{font-size:var(--font-size-lg);color:#888;text-decoration:line-through;font-weight:var(--font-weight-medium)}.price-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--neon-green);text-shadow:0 0 20px rgba(0,255,128,.5)}.price-period{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;margin-top:.25rem}.savings-badge{background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));color:var(--primary-black);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;box-shadow:0 4px 15px #00ff804d}.savings-label{display:block;font-size:var(--font-size-xs);opacity:.8;margin-top:.25rem}.tier-features{list-style:none;padding:0;margin:0 0 2rem}.tier-features li{padding:.75rem 0;border-bottom:1px solid var(--background-tertiary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:.5rem}.feature-disabled{opacity:.5;text-decoration:line-through}.tier-select-btn{width:100%;padding:1rem;background:var(--gradient-primary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-mono);position:relative;overflow:hidden}.tier-select-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.tier-select-btn:hover:not(:disabled):before{width:300px;height:300px}.tier-select-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #0000004d;border-color:var(--tier-color, var(--neon-cyan))}.tier-select-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-tertiary)}@media (max-width: 1024px){.upgrade-modal-content{padding:2rem}.upgrade-modal-title{font-size:2rem}.tiers-grid{grid-template-columns:1fr}.tier-card.popular{transform:scale(1)}}@media (max-width: 768px){.upgrade-modal-overlay{padding:1rem}.upgrade-modal-content{padding:1.5rem}.upgrade-modal-title{font-size:1.5rem}.upgrade-modal-subtitle{font-size:var(--font-size-base)}.promo-input-group{flex-direction:column}.promo-input,.promo-button{width:100%}.tier-card{padding:1.5rem}.tier-name{font-size:var(--font-size-xl)}.price-amount{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.upgrade-modal{margin:0;height:100vh;max-height:100vh;border-radius:0}.upgrade-modal-close{top:.5rem;right:.5rem;width:35px;height:35px;font-size:1.2rem}.upgrade-modal-content{padding:3rem 1rem 1rem}.upgrade-modal-header{margin-bottom:2rem}.promo-section,.tier-card{padding:1rem}.tier-features li{font-size:var(--font-size-xs)}}@media (min-width: 769px){.email-verification-banner{background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(251,191,36,.95));border-bottom:2px solid var(--neon-pink);padding:10px 0;position:fixed;top:120px;left:0;right:0;z-index:999;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #ff00804d}}@media (max-width: 768px){.email-verification-banner{background:linear-gradient(135deg,rgba(245,158,11,.9),rgba(251,191,36,.9));border-bottom:2px solid var(--neon-pink);padding:8px 0;position:fixed;top:80px;left:0;right:0;z-index:999;animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #ff00804d}}.banner-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.banner-text{display:flex;align-items:center;gap:12px;flex:1}.banner-icon{font-size:24px;flex-shrink:0}.banner-text p{margin:0;color:#92400e;font-size:15px;font-weight:500;line-height:1.5}.banner-actions{display:flex;align-items:center;gap:16px}.banner-message{font-size:14px;font-weight:500;padding:4px 12px;border-radius:4px;animation:fadeIn .3s ease-out}.banner-message.success{color:#065f46;background-color:#d1fae5}.banner-message.error{color:#991b1b;background-color:#fee2e2}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.resend-button{padding:8px 20px;background-color:#f59e0b;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.resend-button:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.resend-button:disabled{background-color:#fbbf24;cursor:not-allowed;opacity:.7}.dismiss-button{padding:8px;background:transparent;border:none;color:#92400e;font-size:18px;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.dismiss-button:hover{background:rgba(0,0,0,.1);color:#7c2d12}@media (prefers-color-scheme: dark){.email-verification-banner{background-color:#451a03;border-bottom-color:#ea580c}.banner-text p{color:#fed7aa}.banner-message.success{color:#d1fae5;background-color:#064e3b}.banner-message.error{color:#fee2e2;background-color:#7f1d1d}}@media (max-width: 640px){.banner-content{flex-direction:column;align-items:stretch;text-align:center}.banner-text,.banner-actions{justify-content:center}.banner-text p{font-size:14px}}.lobby-display-wrapper{height:calc(100vh - var(--header-height));width:100vw;background:var(--background-primary);position:relative;overflow:hidden;display:flex;flex-direction:column}.lobby-display-wrapper.fullscreen{height:calc(100vh - var(--header-height))}.lobby-display-container{flex:1;display:flex;flex-direction:column;height:100%;width:100%;padding:1vh;gap:.5vh}.lobby-main-content{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.lobby-display-wrapper .join-section{display:flex;flex-direction:column;width:100%}.lobby-display-wrapper .join-instruction-card{background:linear-gradient(135deg,rgba(0,255,255,.1) 0%,rgba(255,0,128,.15) 100%);border:.4vh solid var(--neon-cyan);border-radius:2.4vh;padding:1.2vh 2.4vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 0 5vh #00ffff4d}.lobby-display-wrapper .join-hero{width:100%;max-width:none;display:flex;flex-direction:column;gap:1.2vh;align-items:center;text-align:center}.lobby-display-wrapper .lobby-join-instruction-text{font-size:3.5vw;font-weight:var(--font-weight-black);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 3vh rgba(0,255,255,.8);line-height:1.2;white-space:nowrap}.lobby-display-wrapper .lobby-join-with-text{font-size:2.2vw;color:var(--text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;margin:.5vh 0;text-shadow:0 0 2vh rgba(255,255,255,.5)}.lobby-display-wrapper .lobby-game-code-hero{display:flex;flex-direction:column;align-items:center;gap:1.2vh}.lobby-display-wrapper .lobby-game-code-letters{display:flex;flex-wrap:wrap;gap:1.4vh;justify-content:center;align-items:center;padding:1.8vh;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(1vh);backdrop-filter:blur(1vh);border:.6vh solid var(--neon-cyan);border-radius:3vh;box-shadow:0 0 5vh #0ffc,0 0 10vh #00ffff4d;cursor:pointer;transition:all .3s ease}.lobby-display-wrapper .lobby-game-code-letter{font-size:5.5vw;font-weight:var(--font-weight-black);color:#fff;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));border:.6vh solid #ffffff;border-radius:2vh;padding:1vh 1.2vh;min-width:1.3em;text-align:center;line-height:1;text-shadow:0 0 3vh rgba(255,0,128,1),.4vh .4vh .8vh rgba(0,0,0,1);box-shadow:0 1.5vh 4vh #0009,0 0 4vh #ff008080,inset 0 .4vh .8vh #ffffff4d;animation:lobby-letter-glow 3s ease-in-out infinite}@keyframes lobby-letter-glow{0%,to{box-shadow:0 1.8vh 4.8vh #0009,0 0 3.6vh #ff008080,inset 0 .5vh 1vh #ffffff4d}50%{box-shadow:0 2.4vh 6vh #000000b3,0 0 7.2vh #ff0080cc,inset 0 .5vh 1vh #fff6}}.lobby-display-wrapper .lobby-copied-indicator-hero{position:absolute;top:-6vh;left:50%;transform:translate(-50%);font-size:2.4vw;color:var(--neon-green);font-weight:var(--font-weight-black);background:rgba(0,255,65,.2);padding:1.2vh 2.4vh;border-radius:1.2vh;border:.3vh solid var(--neon-green);text-shadow:0 0 2vh rgba(0,255,65,.8);animation:lobby-copied-pop .5s ease-out}@keyframes lobby-copied-pop{0%{transform:translate(-50%) scale(0);opacity:0}50%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1);opacity:1}}.lobby-display-wrapper .lobby-round-info-text{font-size:1.5vw;color:var(--neon-gold);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;padding:1.2vh 2.5vh;border:.3vh solid var(--neon-gold);border-radius:1.6vh;background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));text-shadow:0 0 2.5vh rgba(255,215,0,.9);box-shadow:0 0 3vh #ffd70066;display:inline-block;align-self:center}.lobby-display-wrapper .lobby-bottom-section{flex:0 0 auto;min-height:25vh;display:grid;grid-template-columns:1fr 25vw;gap:2vh}.lobby-display-wrapper .lobby-players-display-section{background:rgba(255,0,128,.08);border:.3vh solid rgba(255,0,128,.4);border-radius:2vh;padding:2.4vh;overflow:hidden;display:flex;flex-direction:column;height:100%}.lobby-display-wrapper .lobby-section-title{font-size:2.5vw;margin:0 0 1.2vh;color:var(--neon-pink);text-shadow:0 0 2vh rgba(255,0,128,.8);display:flex;align-items:center;gap:1.2vh;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em}.lobby-display-wrapper .lobby-section-icon{font-size:3vw}.lobby-display-wrapper .lobby-waiting-for-players{text-align:center;font-size:2.2vw;color:var(--text-primary);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,rgba(0,255,255,.15),rgba(255,0,128,.15));border:.3vh dashed rgba(0,255,255,.5);border-radius:2vh;padding:2.4vh;position:relative}.lobby-display-wrapper .lobby-waiting-for-players:before{content:"🎮";font-size:3.5vw;display:block;margin-bottom:1.2vh;animation:lobby-waiting-bounce 2s ease-in-out infinite}@keyframes lobby-waiting-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1.8vh)}}.lobby-display-wrapper .lobby-players-display-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:1.8vh;flex:1;overflow:hidden;padding-right:0}.lobby-display-wrapper .lobby-player-display-card{display:flex;align-items:center;justify-content:flex-start;gap:1vh;padding:1vh;background:transparent;border:none;border-radius:0;position:relative;box-shadow:none;min-height:4vh;flex-direction:row;text-align:left}.lobby-display-wrapper .lobby-player-display-card.ready{color:var(--neon-green)}.lobby-display-wrapper .lobby-player-display-card.is-host{color:var(--neon-gold)}.lobby-display-wrapper .lobby-player-avatar-container{position:relative;flex:0 0 auto}.lobby-display-wrapper .lobby-avatar-circle{width:3vh;height:3vh;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.2vw;font-weight:var(--font-weight-black);color:var(--text-primary);border:.2vh solid var(--neon-cyan);box-shadow:0 0 1vh #0ff9;text-shadow:0 0 .5vh rgba(255,255,255,.8)}.lobby-display-wrapper .lobby-host-crown{position:absolute;top:-.8vh;right:-.5vh;font-size:1.5vw;filter:drop-shadow(0 0 1vh var(--neon-gold));animation:lobby-crown-rotate 3s ease-in-out infinite}@keyframes lobby-crown-rotate{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.lobby-display-wrapper .lobby-player-display-info{display:flex;flex-direction:row;align-items:center;gap:.5vh}.lobby-display-wrapper .lobby-player-display-name{font-size:1.3vw;font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 1vh rgba(255,255,255,.5);text-align:left;word-break:break-word}.lobby-display-wrapper .lobby-player-status-indicator{font-size:1.2vw}.lobby-display-wrapper .lobby-kick-player-btn{position:absolute;top:.5vh;right:.5vh;width:2vh;height:2vh;border:.1vh solid var(--danger-red);background:rgba(255,0,0,.2);color:var(--danger-red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1vw;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .3s ease}.lobby-display-wrapper .lobby-kick-player-btn:hover{background:rgba(255,0,0,.4);transform:scale(1.1);box-shadow:0 0 1.8vh #f009}.lobby-display-wrapper .lobby-status-controls-section{background:rgba(0,255,255,.08);border:.3vh solid rgba(0,255,255,.4);border-radius:2vh;padding:2vh;display:flex;flex-direction:column;gap:2vh;width:25vw}.lobby-display-wrapper .lobby-game-status-compact{flex:1;display:flex;align-items:center;justify-content:center}.lobby-display-wrapper .lobby-status-message-compact{font-size:1.3vw;font-weight:var(--font-weight-bold);padding:.8vh 1vh;border-radius:1.2vh;text-align:center;width:100%;line-height:1.2;text-transform:uppercase;letter-spacing:.05em}.lobby-display-wrapper .lobby-status-message-compact.warning{background:rgba(255,193,7,.2);border:.3vh solid var(--warning-amber);color:var(--warning-amber);text-shadow:0 0 1.8vh rgba(255,193,7,.8)}.lobby-display-wrapper .lobby-status-message-compact.info{background:rgba(59,130,246,.2);border:.3vh solid var(--info-blue);color:var(--info-blue);text-shadow:0 0 1.8vh rgba(59,130,246,.8)}.lobby-display-wrapper .lobby-status-message-compact.ready{background:rgba(52,211,153,.2);border:.3vh solid var(--success-green);color:var(--success-green);text-shadow:0 0 1.8vh rgba(52,211,153,.8);animation:lobby-ready-pulse 1.5s ease-in-out infinite}@keyframes lobby-ready-pulse{0%,to{transform:scale(1);box-shadow:0 0 1.8vh #34d39966}50%{transform:scale(1.05);box-shadow:0 0 3vh #34d39999}}.lobby-display-wrapper .lobby-host-controls-compact{display:flex;flex-direction:column;gap:.8vh}.lobby-display-wrapper .lobby-button-start-compact{padding:1.4vh 2.2vh;font-size:1.7vw;font-weight:var(--font-weight-black);background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:#fff;border:.4vh solid var(--neon-cyan);border-radius:1.6vh;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;text-shadow:0 .2vh .4vh rgba(0,0,0,1);box-shadow:0 1vh 3vh #ff008080,0 0 2.5vh #ff008066,inset 0 .2vh .4vh #ffffff4d;min-height:6vh}.lobby-display-wrapper .lobby-button-start-compact.ready{animation:lobby-start-pulse 1.5s ease-in-out infinite}@keyframes lobby-start-pulse{0%,to{transform:scale(1);box-shadow:0 1.2vh 3.6vh #ff008080,0 0 3vh #ff008066}50%{transform:scale(1.05);box-shadow:0 1.8vh 4.8vh #ff0080b3,0 0 4.2vh #ff008099}}.lobby-display-wrapper .lobby-button-start-compact:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,rgba(100,100,100,.4),rgba(80,80,80,.4));color:var(--text-muted);border-color:#ffffff4d;box-shadow:none;animation:none}.lobby-display-wrapper .lobby-button-disband-compact{padding:1vh 1.4vh;font-size:1.3vw;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,rgba(255,23,68,.3),rgba(139,0,0,.3));color:var(--danger-red);border:.3vh solid var(--danger-red);border-radius:1.2vh;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;text-shadow:0 0 1.5vh rgba(255,23,68,.8);box-shadow:0 .6vh 2vh #ff174466;min-height:5vh}.lobby-display-wrapper .lobby-button-disband-compact:hover{background:linear-gradient(135deg,rgba(255,23,68,.5),rgba(139,0,0,.5));transform:translateY(-.2vh);box-shadow:0 1vh 3vh #ff174499}.lobby-display-wrapper .lobby-button-fullscreen-compact{padding:1vh 1.4vh;font-size:1.3vw;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,rgba(0,255,255,.3),rgba(0,150,255,.3));color:var(--neon-cyan);border:.3vh solid var(--neon-cyan);border-radius:1.2vh;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;text-shadow:0 0 1.5vh rgba(0,255,255,.8);box-shadow:0 .6vh 2vh #0ff6;min-height:5vh}.lobby-display-wrapper .lobby-button-fullscreen-compact:hover{background:linear-gradient(135deg,rgba(0,255,255,.5),rgba(0,150,255,.5));transform:translateY(-.2vh);box-shadow:0 1vh 3vh #0ff9}.lobby-display-wrapper .lobby-button-sound-compact{padding:1vh 1.4vh;font-size:1.3vw;font-weight:var(--font-weight-bold);border:.3vh solid;border-radius:1.2vh;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:5vh}.lobby-display-wrapper .lobby-button-sound-compact.sound-on{background:linear-gradient(135deg,rgba(0,255,163,.3),rgba(0,200,100,.3));color:var(--neon-green);border-color:var(--neon-green);text-shadow:0 0 1.5vh rgba(0,255,163,.8);box-shadow:0 .6vh 2vh #00ffa366}.lobby-display-wrapper .lobby-button-sound-compact.sound-off{background:linear-gradient(135deg,rgba(100,100,100,.2),rgba(80,80,80,.2));color:#ffffff80;border-color:#64646480;text-shadow:none;box-shadow:0 .6vh 2vh #0003}.lobby-display-wrapper .lobby-button-sound-compact.sound-on:hover{background:linear-gradient(135deg,rgba(0,255,163,.5),rgba(0,200,100,.5));transform:translateY(-.2vh);box-shadow:0 1vh 3vh #00ffa399}.lobby-display-wrapper .lobby-button-sound-compact.sound-off:hover{background:linear-gradient(135deg,rgba(100,100,100,.3),rgba(80,80,80,.3));transform:translateY(-.2vh);box-shadow:0 1vh 3vh #6464644d}.upgrade-container{min-height:100vh;background:var(--background-primary);color:var(--text-primary);position:relative;overflow-x:hidden;padding-top:80px}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);pointer-events:none;z-index:1}.cyber-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,0,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,128,.1) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.upgrade-content{position:relative;z-index:2;padding:2rem 2rem 4rem;max-width:1400px;margin:0 auto}.upgrade-header{text-align:center;margin-bottom:4rem}.upgrade-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-black);margin-bottom:1rem;line-height:1;text-shadow:0 0 30px rgba(255,0,128,.5)}.upgrade-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.current-tier{font-size:var(--font-size-lg);color:var(--text-secondary)}.tier-badge{background:var(--gradient-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);box-shadow:var(--glow-pink)}.promo-section{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;margin-bottom:4rem;text-align:center;position:relative;overflow:hidden}.promo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-secondary);animation:neon-flicker 2s infinite}.promo-title{color:var(--neon-cyan);margin-bottom:1.5rem;font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:.1em}.promo-input-group{display:flex;gap:1rem;max-width:400px;margin:0 auto 1rem}.promo-input{flex:1;padding:1rem;background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-align:center;text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-normal)}.promo-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--glow-cyan);background:var(--background-card)}.promo-button{padding:1rem 2rem;background:var(--gradient-secondary);border:2px solid var(--neon-cyan);border-radius:var(--radius-md);color:var(--primary-black);font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.promo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--glow-cyan)}.promo-button:disabled{opacity:.5;cursor:not-allowed}.promo-status{padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);text-align:center;font-family:var(--font-mono);margin-top:1rem}.promo-success{background:rgba(0,230,118,.2);border:1px solid var(--success-green);color:var(--success-green)}.promo-invalid{background:rgba(255,23,68,.2);border:1px solid var(--danger-red);color:var(--danger-red)}.promo-error{background:rgba(255,152,0,.2);border:1px solid var(--warning-amber);color:var(--warning-amber)}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.tier-card{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;position:relative;transition:all var(--transition-normal);overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tier-color, var(--neon-pink));opacity:0;transition:opacity var(--transition-normal)}.tier-card:hover:before{opacity:1}.tier-card:hover{transform:translateY(-4px);border-color:var(--tier-color, var(--neon-pink));box-shadow:var(--shadow-xl),0 0 20px #ff00804d}.tier-card.popular{border-color:var(--neon-pink);background:linear-gradient(135deg,var(--background-card) 0%,rgba(255,0,128,.05) 100%)}.tier-card.popular:before{opacity:1}.tier-card.selected{border-color:var(--tier-color, var(--neon-pink));box-shadow:var(--shadow-lg),0 0 15px #ff008066}.popular-badge{position:absolute;top:-1px;right:2rem;background:var(--gradient-primary);color:var(--text-primary);padding:.5rem 1rem;border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);box-shadow:var(--glow-pink)}.tier-name{color:var(--tier-color, var(--neon-pink));font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.tier-price{margin-bottom:2rem;text-align:center}.price-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);color:var(--text-primary);font-family:var(--font-mono)}.price-period{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.tier-features{list-style:none;margin-bottom:2rem}.tier-features li{padding:.5rem 0;font-size:var(--font-size-base);line-height:1.6;border-bottom:1px solid var(--border-color)}.tier-features li:last-child{border-bottom:none}.feature-disabled{opacity:.5;color:var(--text-muted)}.tier-select-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--tier-color, var(--neon-pink)) 0%,rgba(255,0,128,.8) 100%);border:2px solid var(--tier-color, var(--neon-pink));border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.tier-select-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #ff008099}.tier-select-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--background-tertiary);border-color:var(--border-color);color:var(--text-muted)}.payment-methods{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:2rem;margin-bottom:4rem;text-align:center}.payment-methods h3{color:var(--neon-orange);margin-bottom:2rem;font-size:var(--font-size-2xl);text-transform:uppercase}.payment-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.payment-card{background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all var(--transition-normal);position:relative}.payment-card.disabled{opacity:.5;cursor:not-allowed}.payment-card span:first-child{font-size:2rem}.payment-card span:nth-child(2){font-weight:var(--font-weight-bold);color:var(--text-primary)}.coming-soon{font-size:var(--font-size-xs);color:var(--warning-amber);font-family:var(--font-mono);text-transform:uppercase;font-weight:var(--font-weight-bold)}.benefits-section{text-align:center;margin-bottom:4rem}.benefits-section h2{font-size:var(--font-size-3xl);margin-bottom:3rem;color:var(--neon-green);text-transform:uppercase;font-weight:var(--font-weight-black)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.benefit-card{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all var(--transition-normal)}.benefit-card:hover{transform:translateY(-4px);border-color:var(--neon-green);box-shadow:var(--shadow-lg),0 0 20px #00ff414d}.benefit-icon{font-size:3rem;margin-bottom:1rem;display:block}.benefit-card h3{color:var(--neon-green);margin-bottom:1rem;font-size:var(--font-size-xl);text-transform:uppercase;font-weight:var(--font-weight-bold)}.benefit-card p{color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.upgrade-container{padding-top:70px}.upgrade-content{padding:2rem 1rem}.tiers-grid{grid-template-columns:1fr;gap:1.5rem}.promo-input-group{flex-direction:column;max-width:300px}.payment-cards{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.upgrade-container{padding-top:60px}.upgrade-content{padding:1.5rem 1rem 2rem}.tier-card,.promo-section,.payment-methods{padding:1.5rem}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px}.notification{background:rgba(0,0,0,.9);border:1px solid #333;border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #0006}.notification-info{border-color:#3498db}.notification-success{border-color:#2ecc71}.notification-error{border-color:#e74c3c}.notification-warning{border-color:#f39c12}.notification-content{color:#fff;font-size:14px;flex:1;margin-right:10px}.notification-close{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.notification-close:hover{color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.connection-banner{position:fixed;top:0;left:0;right:0;padding:10px;text-align:center;font-size:14px;font-weight:500;z-index:9998;display:flex;align-items:center;justify-content:center;gap:8px;animation:slideDown .3s ease-out}.connection-good{display:none}.connection-poor{background:rgba(255,193,7,.9);color:#333}.connection-bad{background:rgba(231,76,60,.9);color:#fff}.connection-offline{background:rgba(52,73,94,.95);color:#fff}.connection-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.game-paused-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.paused-content{text-align:center;padding:40px;max-width:500px}.paused-icon{font-size:80px;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.paused-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;text-transform:uppercase;letter-spacing:2px}.paused-message{font-size:24px;color:#ccc;margin:0 0 30px;line-height:1.4}.paused-spinner{display:flex;justify-content:center;gap:10px;margin:30px 0}.spinner-dot{width:12px;height:12px;background:#fff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.spinner-dot:nth-child(1){animation-delay:-.32s}.spinner-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.paused-hint{font-size:16px;color:#888;margin:20px 0 0;font-style:italic}@media (max-width: 768px){.paused-content{padding:30px 20px}.paused-icon{font-size:60px}.paused-title{font-size:36px}.paused-message{font-size:20px}.paused-hint{font-size:14px}}@media (max-width: 480px){.paused-icon{font-size:50px}.paused-title{font-size:28px}.paused-message{font-size:18px}}.mobile-view-container{--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--border-blue: rgba(0, 191, 255, .4);--border-yellow: rgba(255, 215, 0, .4);--mobile-safe-h: 4vw;--mobile-safe-v: 2vh;--mobile-header-height: 6vh}.mobile-view-container{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,var(--dark-bg) 0%,#1a1a2e 30%,#16213e 60%,var(--dark-bg) 100%);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;overflow-x:hidden;overflow-y:auto;position:relative;padding:var(--mobile-safe-v) 0;box-sizing:border-box}.cyber-card{background:var(--card-bg)!important;border:.3vh solid var(--border-pink)!important;border-radius:2vh!important;box-shadow:0 0 3vh #ff00804d!important;padding:2vh 3vw!important}.cyber-glass{background:linear-gradient(135deg,rgba(255,0,128,.05) 0%,rgba(0,191,255,.05) 100%)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:.2vh solid var(--border-pink)!important;border-radius:2vh!important;box-shadow:0 0 2vh #ff008033!important}.cyber-corners-mobile{border-radius:2vh!important}.cyber-button{font-family:monospace!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.1em!important;border:.2vh solid transparent!important;border-radius:1.5vh!important;padding:1.5vh 4vw!important;background:transparent!important;color:var(--white)!important;transition:all .3s ease!important;cursor:pointer!important}.cyber-button.button-primary{background:linear-gradient(135deg,var(--pink),var(--blue))!important;box-shadow:0 0 2vh #ff008066!important;border-color:var(--border-pink)!important}.cyber-button.button-secondary{border-color:var(--border-blue)!important;color:var(--blue)!important;box-shadow:0 0 1vh #00bfff4d!important}.cyber-button:hover{transform:scale(1.05)!important;box-shadow:0 0 3vh #ff008099!important}.cyber-button:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.cyber-input{background:var(--card-bg)!important;border:.2vh solid var(--border-pink)!important;border-radius:1.5vh!important;color:var(--white)!important;font-family:inherit!important;padding:1.5vh 3vw!important;font-size:1rem!important;width:100%!important;box-sizing:border-box!important;box-shadow:0 0 1vh #ff008033!important}.cyber-input:focus{outline:none!important;border-color:var(--pink)!important;box-shadow:0 0 2vh #ff008080!important}.cyber-input::placeholder{color:#ffffff80!important}.cyber-section-header{font-size:clamp(1rem,4vw,1.5rem)!important;font-weight:900!important;color:var(--pink)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-family:monospace!important;text-shadow:0 0 1vh rgba(255,0,128,.8)!important;margin:0!important}.cyber-text-glow{text-shadow:0 0 1vh rgba(255,0,128,.6)!important}.cyber-text-gradient{background:linear-gradient(135deg,var(--pink),var(--blue))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.font-mono{font-family:monospace!important}.cyber-timer{background:linear-gradient(135deg,rgba(255,0,128,.3) 0%,rgba(0,191,255,.2) 100%)!important;border:.3vh solid var(--border-pink)!important;border-radius:2vh!important;padding:1vh 3vw!important;font-family:monospace!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.1em!important;box-shadow:0 0 2vh #ff008099!important;text-align:center!important}.cyber-timer.normal{color:var(--blue)!important;text-shadow:0 0 1vh rgba(0,191,255,.8)!important}.cyber-timer.warning{color:var(--yellow)!important;text-shadow:0 0 1vh rgba(255,215,0,.8)!important;border-color:var(--border-yellow)!important}.cyber-timer.urgent{color:var(--pink)!important;text-shadow:0 0 1vh rgba(255,0,128,.8)!important;animation:timer-pulse 1s ease-in-out infinite!important}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 2vh #ff008099}50%{transform:scale(1.05);box-shadow:0 0 3vh #ff0080cc}}.mobile-cyber-spinner{width:8vh;height:8vh;position:relative;display:flex;align-items:center;justify-content:center}.mobile-spinner-ring{position:absolute;width:100%;height:100%;border:.3vh solid transparent;border-radius:50%;border-top-color:var(--pink);animation:cyber-spin 2s linear infinite}.mobile-spinner-ring:nth-child(2){width:70%;height:70%;border-top-color:var(--blue);animation:cyber-spin 1.5s linear infinite reverse}.mobile-spinner-ring:nth-child(3){width:40%;height:40%;border-top-color:var(--yellow);animation:cyber-spin 1s linear infinite}.mobile-progress-bar{width:100%;height:1vh;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(20,20,40,.8) 100%);border:.2vh solid var(--border-blue);border-radius:.5vh;overflow:hidden;position:relative;box-shadow:0 0 1vh #00bfff4d}.mobile-progress-fill{height:100%;background:linear-gradient(90deg,var(--pink) 0%,var(--blue) 50%,var(--pink) 100%);transition:width .3s ease;position:relative;box-shadow:0 0 1vh #ff008099}.cyber-float{animation:cyber-float 3s ease-in-out infinite}.mobile-content-area{flex:1;display:flex;flex-direction:column;gap:2vh;padding:1vh 0;min-height:0}.mobile-section{width:100%;margin-bottom:2vh}.mobile-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2vw;width:100%}.mobile-grid-center{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2vh}@media (min-width: 414px){.mobile-view-container{--mobile-safe-h: 3vw;--mobile-safe-v: 1.5vh}.cyber-section-header{font-size:clamp(1.2rem,4vw,1.8rem)!important}.cyber-button{padding:2vh 6vw!important}}@media (max-width: 360px){.mobile-view-container{--mobile-safe-h: 3vw;--mobile-safe-v: 1vh}.cyber-button{padding:1vh 3vw!important;font-size:.9rem!important}.cyber-input{padding:1vh 2vw!important}}@media (prefers-reduced-motion: reduce){.cyber-timer.urgent,.mobile-cyber-spinner .mobile-spinner-ring,.cyber-float{animation:none!important}.cyber-button{transition:none!important}}@media (prefers-contrast: high){.cyber-card{border-width:.4vh!important}.cyber-button{border-width:.3vh!important}.cyber-section-header{text-shadow:none!important}}.mobile-prompt-view{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,var(--dark-bg, #0a0a0a) 0%,#1a1a2e 30%,#16213e 60%,var(--dark-bg, #0a0a0a) 100%);color:var(--white, #ffffff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;overflow-x:hidden;overflow-y:auto;position:relative;padding:var(--mobile-safe-v, 2vh) var(--mobile-safe-h, 4vw);box-sizing:border-box;display:flex;flex-direction:column}.mobile-sticky-timer{position:fixed;top:0;left:0;right:0;height:8vh;background:linear-gradient(135deg,rgba(255,0,128,.3) 0%,rgba(0,191,255,.2) 100%);border-bottom:.2vh solid var(--border-pink, rgba(255, 0, 128, .4));display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 0 2vh #ff00804d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-sticky-timer.normal{color:var(--blue, #00bfff);text-shadow:0 0 1vh rgba(0,191,255,.8)}.mobile-sticky-timer.warning{color:var(--yellow, #ffd700);text-shadow:0 0 1vh rgba(255,215,0,.8);border-bottom-color:var(--border-yellow, rgba(255, 215, 0, .4))}.mobile-sticky-timer.urgent{color:var(--pink, #ff0080);text-shadow:0 0 1vh rgba(255,0,128,.8);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 2vh #ff00804d}50%{transform:scale(1.02);box-shadow:0 0 3vh #ff008099}}.mobile-theme-prompt{margin-top:10vh;margin-bottom:2vh;background:var(--card-bg, rgba(255, 0, 128, .1));border:.3vh solid var(--border-pink, rgba(255, 0, 128, .4));border-radius:2vh;padding:3vh 4vw;text-align:center;box-shadow:0 0 3vh #ff00804d;position:relative}.mobile-theme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5vh}.mobile-round-info{font-size:clamp(.8rem,3vw,1rem);font-weight:700;color:var(--pink, #ff0080);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 1vh rgba(255,0,128,.8);margin:0}.mobile-theme-prompt-text{font-size:clamp(1rem,4vw,1.4rem);font-weight:600;color:var(--white, #ffffff);line-height:1.4;margin:0;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.5);border-left:.5vh solid var(--yellow, #ffd700);padding-left:3vw;text-align:left}.mobile-content-area{flex:1;display:flex;flex-direction:column;gap:3vh;padding:1vh 0;min-height:0}.mobile-prompt-input-section{background:linear-gradient(135deg,rgba(255,0,128,.05) 0%,rgba(0,191,255,.05) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.2vh solid var(--border-pink, rgba(255, 0, 128, .4));border-radius:2vh;padding:3vh 4vw;box-shadow:0 0 2vh #ff008033}.mobile-textbox-container{position:relative;width:100%;margin-bottom:3vh}.mobile-prompt-textarea{background:var(--card-bg, rgba(255, 0, 128, .1));border:.2vh solid var(--border-pink, rgba(255, 0, 128, .4));border-radius:1.5vh;color:var(--white, #ffffff);font-family:inherit;padding:2vh 5vw 3vh 3vw;font-size:1rem;width:100%;min-height:12vh;box-sizing:border-box;resize:vertical;box-shadow:0 0 1vh #ff008033;transition:all .3s ease}.mobile-prompt-textarea:focus{outline:none;border-color:var(--pink, #ff0080);box-shadow:0 0 2vh #ff008080;transform:scale(1.01)}.mobile-prompt-textarea::placeholder{color:#ffffff80}.mobile-clear-button{position:absolute;top:2.2vh;right:2.5vw;background:none;border:none;color:#fff6;font-size:.7rem;font-family:monospace;text-transform:uppercase;cursor:pointer;padding:0;z-index:10;transition:color .15s ease}.mobile-clear-button:hover{color:#ffffffb3}.mobile-clear-button:active{color:#ffffffe6}.mobile-clear-button:disabled{opacity:.2;cursor:not-allowed}.mobile-character-count{position:absolute;bottom:1vh;right:2.5vw;font-size:.75rem;color:#ffffff80;font-family:monospace;background:rgba(0,0,0,.2);padding:.2vh .6vh;border-radius:.4vh;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:.05vh solid rgba(255,255,255,.1);transition:all .2s ease;z-index:5}.mobile-character-count[data-over-80=true]{color:var(--yellow, #ffd700);border-color:#ffd7004d}.mobile-character-count[data-over-90=true]{color:var(--pink, #ff0080);border-color:#ff008066;animation:counter-pulse 2s ease-in-out infinite}@keyframes counter-pulse{0%,to{transform:scale(1);box-shadow:0 0 .5vh #ff008033}50%{transform:scale(1.05);box-shadow:0 0 1vh #ff008066}}.mobile-generate-button{font-family:monospace;font-weight:700;font-size:clamp(1rem,4vw,1.2rem);text-transform:uppercase;letter-spacing:.1em;border:.2vh solid transparent;border-radius:1.5vh;padding:2vh 6vw;background:linear-gradient(135deg,var(--pink, #ff0080),var(--blue, #00bfff));color:var(--white, #ffffff);box-shadow:0 0 2vh #ff008066;border-color:var(--border-pink, rgba(255, 0, 128, .4));transition:all .3s ease;cursor:pointer;width:100%;text-align:center;display:block;margin:0 auto}.mobile-generate-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 3vh #ff008099}.mobile-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-prompt-tips-carousel{background:linear-gradient(135deg,rgba(0,191,255,.05) 0%,rgba(255,215,0,.05) 100%);border:.2vh solid var(--border-blue, rgba(0, 191, 255, .4));border-radius:2vh;padding:2vh 3vw;text-align:center;box-shadow:0 0 2vh #00bfff33}.mobile-tips-header{display:flex;align-items:center;justify-content:center;gap:2vw;margin-bottom:1.5vh}.mobile-tips-icon{font-size:1.5rem;animation:cyber-float 3s ease-in-out infinite}@keyframes cyber-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-.5vh) rotate(-1deg)}50%{transform:translateY(-1vh) rotate(0)}75%{transform:translateY(-.5vh) rotate(1deg)}}.mobile-tips-content{margin-bottom:1.5vh}.mobile-tip-item{display:flex;align-items:center;justify-content:center;gap:2vw}.mobile-tip-icon{font-size:1.2rem}.mobile-tip-text{font-size:clamp(.9rem,3vw,1rem);color:#ffffffe6;font-style:italic}.mobile-tips-indicators{display:flex;justify-content:center;gap:1vw}.mobile-tip-indicator{width:1vh;height:1vh;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease}.mobile-tip-indicator.active{background:var(--blue, #00bfff);box-shadow:0 0 1vh #00bfffcc}.mobile-generating-section{background:var(--card-bg, rgba(255, 0, 128, .1));border:.2vh solid var(--border-pink, rgba(255, 0, 128, .4));border-radius:2vh;padding:4vh 3vw;text-align:center;box-shadow:0 0 3vh #ff00804d}.mobile-generating-animation{display:flex;flex-direction:column;align-items:center;gap:3vh}.mobile-spinner-container{position:relative;width:8vh;height:8vh}.mobile-cyber-spinner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.mobile-spinner-ring{position:absolute;width:100%;height:100%;border:.3vh solid transparent;border-radius:50%;border-top-color:var(--pink, #ff0080);animation:cyber-spin 2s linear infinite}.mobile-spinner-ring:nth-child(2){width:70%;height:70%;border-top-color:var(--blue, #00bfff);animation:cyber-spin 1.5s linear infinite reverse}.mobile-spinner-ring:nth-child(3){width:40%;height:40%;border-top-color:var(--yellow, #ffd700);animation:cyber-spin 1s linear infinite}@keyframes cyber-spin{to{transform:rotate(360deg)}}.mobile-generating-text{display:flex;flex-direction:column;gap:1vh}.mobile-main-text{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:900;color:var(--pink, #ff0080);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(255,0,128,.8)}.mobile-sub-text{font-size:clamp(.9rem,3vw,1.1rem);color:#fffc;font-style:italic}.mobile-single-image-section,.mobile-submitted-section{background:var(--card-bg, rgba(255, 0, 128, .1));border:.2vh solid var(--border-pink, rgba(255, 0, 128, .4));border-radius:2vh;padding:3vh 3vw;text-align:center;box-shadow:0 0 3vh #ff00804d}.mobile-image-container{width:100%;max-width:80vw;aspect-ratio:1;margin:0 auto 2vh;border-radius:2vh;overflow:hidden;background:rgba(0,0,0,.3);border:.2vh solid var(--border-blue, rgba(0, 191, 255, .4));box-shadow:0 0 2vh #00bfff4d}.mobile-generated-image,.mobile-submitted-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mobile-action-buttons{display:flex;flex-direction:column;gap:2vh;margin-top:2vh}.mobile-submit-button{font-family:monospace;font-weight:700;font-size:clamp(1rem,4vw,1.2rem);text-transform:uppercase;letter-spacing:.1em;border:.2vh solid transparent;border-radius:1.5vh;padding:2vh 6vw;background:linear-gradient(135deg,var(--green, #00ff88),var(--blue, #00bfff));color:var(--white, #ffffff);box-shadow:0 0 2vh #0f86;transition:all .3s ease;cursor:pointer;width:100%}.mobile-regenerate-button{font-family:monospace;font-weight:700;font-size:clamp(.9rem,3vw,1rem);text-transform:uppercase;letter-spacing:.1em;border:.2vh solid var(--border-blue, rgba(0, 191, 255, .4));border-radius:1.5vh;padding:1.5vh 4vw;background:transparent;color:var(--blue, #00bfff);box-shadow:0 0 1vh #00bfff4d;transition:all .3s ease;cursor:pointer;width:100%}.mobile-regenerate-button:hover:not(:disabled){background:rgba(0,191,255,.1);transform:scale(1.05)}.mobile-success-animation{display:flex;flex-direction:column;align-items:center;gap:2vh;margin-bottom:2vh}.mobile-checkmark{font-size:4rem;color:var(--green, #00ff88);text-shadow:0 0 2vh rgba(0,255,136,.8);animation:checkmark-bounce .6s ease-out}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mobile-success-text{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:900;color:var(--green, #00ff88);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 1vh rgba(0,255,136,.8)}.mobile-waiting-message{font-size:clamp(.9rem,3vw,1.1rem);color:#fffc;font-style:italic;margin-top:2vh}.mobile-error-banner{background:rgba(255,0,128,.1);border:.2vh solid rgba(255,0,128,.6);border-radius:1.5vh;padding:2vh 3vw;margin:2vh 0;text-align:center;box-shadow:0 0 2vh #ff008066}.mobile-error-text{color:var(--pink, #ff0080);font-weight:600;font-size:clamp(.9rem,3vw,1rem)}@media (max-width: 360px){.mobile-theme-prompt,.mobile-prompt-input-section{padding:2vh 3vw}.mobile-generate-button,.mobile-submit-button{padding:1.5vh 4vw}}@media (min-width: 414px){.mobile-content-area{gap:4vh}.mobile-theme-prompt{padding:4vh 6vw}.mobile-image-container{max-width:70vw}}.swipe-voting-view{display:flex;flex-direction:column;height:100vh;width:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);color:#fff;overflow-y:auto;overflow-x:hidden;position:relative}.voting-timer{position:fixed;top:0;left:0;right:0;background:rgba(0,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.3);padding:12px 20px;text-align:center;font-size:1.1rem;font-weight:600;color:#0ff;z-index:100}.voting-content{padding-top:60px;padding-bottom:100px;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 160px)}.image-carousel{display:flex;align-items:center;justify-content:center;padding:20px 20px 0;position:relative;touch-action:pan-y}.image-container{width:100%;max-width:400px;aspect-ratio:1;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #00ffff4d,0 8px 32px #00000080}.voting-image{width:100%;height:100%;object-fit:cover;background:#000;transition:transform .3s ease;border-radius:12px}.image-carousel.animating .voting-image{transform:scale(.95)}.swipe-hints{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:10}.swipe-hint{position:absolute;background:rgba(0,255,255,.8);color:#000;padding:8px 12px;border-radius:20px;font-size:.9rem;font-weight:600;animation:pulse 2s infinite}.swipe-hint.left{left:20px}.swipe-hint.right{right:20px}@keyframes pulse{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}}.position-indicators{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;width:fit-content;margin-left:auto;margin-right:auto}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease}.dot.active{background:#00ffff;transform:scale(1.2);box-shadow:0 0 8px #00ffff80}.image-label{margin-left:8px;font-size:.85rem;color:#fffc}.prompt-display{text-align:center;padding:16px 20px;margin:16px 20px 20px;background:rgba(0,0,0,.6);border-radius:12px;border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;width:calc(100% - 40px)}.prompt-label{font-size:.9rem;color:#0ff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.prompt-text{font-size:1.2rem;color:#fff;line-height:1.5;font-style:italic;font-weight:400;max-width:100%;word-wrap:break-word}.vote-actions{position:fixed;bottom:20px;left:20px;right:20px;z-index:100}.vote-button{width:100%;background:linear-gradient(135deg,#00ffff 0%,#0099ff 100%);border:none;border-radius:12px;padding:16px 24px;font-size:1.1rem;font-weight:700;color:#000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d,inset 0 1px #fff3;min-height:56px}.vote-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0ff6,inset 0 1px #fff3}.vote-button:active{transform:translateY(0);box-shadow:0 2px 15px #00ffff4d,inset 0 1px #fff3}.vote-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.vote-status{width:100%;padding:16px 24px;border-radius:12px;font-size:1.1rem;font-weight:600;text-align:center;min-height:56px;display:flex;align-items:center;justify-content:center}.vote-status.voted{background:linear-gradient(135deg,#00ff88 0%,#00cc66 100%);color:#000;box-shadow:0 4px 20px #00ff884d}.vote-status.disabled{background:rgba(255,255,255,.1);color:#fff9;border:2px solid rgba(255,255,255,.2)}.vote-confirmation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,255,136,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;animation:voteConfirm .5s ease}.vote-checkmark{font-size:4rem;margin-bottom:8px;animation:checkmarkPop .6s ease}.vote-message{font-size:1.5rem;font-weight:700}@keyframes voteConfirm{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.voting-progress{text-align:center;font-size:.9rem;color:#ffffffb3;margin:20px auto;padding:0 20px}.swipe-voting-view.loading{justify-content:center;align-items:center}.loading-message{font-size:1.2rem;color:#fffc;animation:pulse 2s infinite}@media (max-width: 480px){.voting-content{padding-top:50px;padding-bottom:90px}.image-container{max-width:calc(100% - 40px);aspect-ratio:1}.vote-button,.vote-status{font-size:1rem;padding:14px 20px}.voting-timer{font-size:1rem;padding:10px 16px}.prompt-display{margin:12px 16px 16px;padding:14px 16px;width:calc(100% - 32px)}}@media (max-height: 667px){.voting-content{padding-top:50px;padding-bottom:80px}.image-container{max-width:min(300px,calc(100% - 40px));aspect-ratio:1}.prompt-display{margin:10px 16px 12px;padding:12px 16px}.prompt-text{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.voting-image,.vote-button,.swipe-hint{transition:none}.swipe-hint{animation:none;opacity:.8}}.spotlight-display-wrapper{--safe-h: 5vw;--safe-v: 5vh;--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--theme-banner-height: 15vh;--image-size: min(60vh, 50vw);--timer-size: clamp(60px, 8vw, 100px)}.spotlight-display-wrapper{height:100vh;width:100vw;background:linear-gradient(135deg,var(--dark-bg) 0%,#1a1a2e 30%,#16213e 60%,var(--dark-bg) 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;color:var(--white);padding:var(--safe-v) var(--safe-h);box-sizing:border-box}.spotlight-display-container{flex:1;display:flex;flex-direction:column;height:100%;width:100%;gap:1vh}.spotlight-display-header{flex:0 0 auto;height:var(--theme-banner-height);display:flex;align-items:center;justify-content:center;margin-bottom:1vh}.spotlight-display-theme-banner{width:100%;max-width:95vw;height:100%;background:var(--card-bg);border:.3vh solid var(--border-pink);border-radius:3vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;padding:2vh 4vw;box-shadow:0 0 4vh #ff008066}.spotlight-display-theme-label{font-size:clamp(1vh,1.5vw,2vh);font-weight:600;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;margin:0}.spotlight-display-theme-text{font-size:clamp(1.5rem,3vw,3rem);font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;line-height:1.2;text-shadow:0 0 2vh rgba(255,0,128,.8);word-wrap:break-word;overflow-wrap:break-word}.spotlight-display-main{flex:1;display:grid;grid-template-columns:minmax(40vw,min(60vw,80vh)) minmax(30vw,1fr);gap:clamp(1rem,2vw,3rem);height:100%;max-height:70vh;align-items:center;min-height:0;background:transparent!important}.spotlight-display-image-section{display:flex;align-items:center;justify-content:center;padding:2vh}.spotlight-display-image-container{width:var(--image-size);height:var(--image-size);max-width:90%;max-height:90%;position:relative;background:var(--card-bg);border:.3vh solid var(--border-pink);border-radius:3vh;overflow:hidden;box-shadow:0 0 4vh #ff00804d;margin:0 auto}.spotlight-display-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.spotlight-display-image:hover{transform:scale(1.02)}.spotlight-display-text-section{display:flex;align-items:center;justify-content:center;padding:2vh}.spotlight-display-text-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:1vh .5vw;background:linear-gradient(135deg,rgba(0,191,255,.3) 0%,rgba(255,0,128,.2) 100%);border:.3vh solid rgba(255,0,128,.6);border-radius:3vh;box-shadow:0 0 4vh #ff008080;gap:2vh}.spotlight-display-text-header{font-size:clamp(1.5vh,2vw,3vh);font-weight:900;color:#ff0080;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);text-align:center;margin:0;text-shadow:0 0 2vh rgba(255,0,128,.8)}.spotlight-display-text-quote{font-size:clamp(1.2vh,1.8vw,2.5vh);font-weight:500;color:gold;line-height:1.4;text-align:center;margin:0;font-style:italic;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:2vh;background:rgba(0,0,0,.2);border-radius:2vh;border-left:.5vh solid #ffd700;flex:1;display:flex;align-items:center;justify-content:center}.spotlight-display-footer{flex:0 0 auto;height:3vh;display:flex;align-items:center;justify-content:center;padding:1vh 2vw}.spotlight-display-progress-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:1vh;flex:0 0 auto}.spotlight-display-progress-track{width:100%;height:1.2vh;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(20,20,40,.8) 100%);border:.2vh solid rgba(255,0,128,.4);border-radius:1vh;overflow:hidden;position:relative;box-shadow:0 0 2vh #ff00804d}.spotlight-display-progress-fill{height:100%;background:linear-gradient(90deg,#ff0080 0%,#00bfff 50%,#ff0080 100%);transition:width .1s linear;position:relative;box-shadow:0 0 2vh #ff0080cc}.spotlight-display-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shimmer 2s infinite}.spotlight-display-progress-label{text-align:center;font-size:clamp(.8vh,1vw,1.4vh);font-weight:600;color:#00bfff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 1vh rgba(0,191,255,.8)}.spotlight-display-timer{position:absolute;bottom:3vh;right:3vw;width:8vw;height:8vw;background:linear-gradient(135deg,rgba(255,0,128,.3) 0%,rgba(0,191,255,.2) 100%);border:.3vh solid rgba(255,0,128,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 3vh #ff008099;z-index:20}.spotlight-display-timer-number{font-size:clamp(2vh,2.5vw,4vh);font-weight:900;color:gold;font-family:var(--font-mono);text-shadow:0 0 2vh rgba(255,215,0,.8);line-height:1}.spotlight-display-loading{height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 30%,#16213e 60%,#0f0f0f 100%)}.spotlight-display-loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3vh}.spotlight-display-loading-spinner{width:8vh;height:8vh;border:.5vh solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spotlight-spin 1s linear infinite}@keyframes spotlight-spin{to{transform:rotate(360deg)}}.spotlight-display-loading h2{font-family:var(--font-mono);font-size:2.5vw;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 0 2vh rgba(255,215,0,.8)}@media (max-aspect-ratio: 4/3){.spotlight-display-main{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:1vh;max-height:85vh}.spotlight-display-wrapper{--image-size: min(45vh, 70vw);--theme-banner-height: 12vh}.spotlight-display-theme-text{font-size:clamp(1.2rem,2.5vw,2.5rem)}}@media (min-aspect-ratio: 21/9){.spotlight-display-main{grid-template-columns:1.2fr .8fr;max-width:95vw;gap:4vw}.spotlight-display-wrapper{--theme-banner-height: 12vh}}@media (prefers-reduced-motion: reduce){.spotlight-display-image{transition:none}.spotlight-display-progress-fill:after{animation:none}.spotlight-display-wrapper:before{animation:none}}.comparison-display-wrapper{--safe-h: 5vw;--safe-v: 5vh;--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--theme-banner-height: 10vh;--timer-size: clamp(60px, 8vw, 100px);--fighter-gap: clamp(1rem, 2vw, 3rem)}.comparison-display-wrapper{height:100vh;width:100vw;background:linear-gradient(135deg,var(--dark-bg) 0%,#1a1a2e 30%,#16213e 60%,var(--dark-bg) 100%);display:flex;flex-direction:column;padding:var(--safe-v) var(--safe-h);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;color:var(--white);overflow:hidden;position:relative}.comparison-theme-section{flex:0 0 var(--theme-banner-height);display:flex;align-items:center;justify-content:center;margin-bottom:2vh}.comparison-theme-banner{width:100%;max-width:95vw;height:100%;background:var(--card-bg);border:.3vh solid var(--border-pink);border-radius:3vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;padding:2vh 4vw;box-shadow:0 0 4vh #ff008066}.comparison-theme-label{font-size:clamp(1vh,1.5vw,2vh);font-weight:600;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;margin:0}.comparison-theme-text{font-size:clamp(2vh,3vw,4vh);font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;line-height:1.2;text-shadow:0 0 2vh rgba(255,0,128,.8);word-wrap:break-word;overflow-wrap:break-word}.comparison-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;min-height:0}.comparison-header{text-align:center;margin-bottom:2vh}.comparison-title{font-size:clamp(2rem,4vw,5rem);font-weight:900;background:linear-gradient(135deg,var(--pink),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 0 3vh rgba(255,0,128,.6)}.comparison-grid{display:grid;gap:var(--fighter-gap);align-items:center;justify-items:center;width:100%;max-width:min(90vw,120vh);flex:1;max-height:65vh}.comparison-grid.fighter-count-2{grid-template-columns:1fr 1fr}.comparison-grid.fighter-count-3{grid-template-columns:repeat(3,1fr);max-width:min(95vw,140vh)}.comparison-fighter{display:flex;flex-direction:column;align-items:center;gap:1vh;width:100%;max-width:min(40vw,45vh);height:100%}.fighter-label{font-size:clamp(1rem,1.5vw,2rem);font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1vh;text-shadow:0 0 2vh rgba(255,215,0,.8)}.fighter-image-container{width:100%;aspect-ratio:1;border-radius:2vh;overflow:hidden;background:transparent;border:none;box-shadow:none;position:relative}.comparison-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.fighter-prompt-display{text-align:center;width:100%;max-width:100%;margin-top:1vh;display:flex;align-items:center;justify-content:center}.comparison-prompt-text{font-size:clamp(1rem,1.5vw,2rem);font-weight:500;color:var(--yellow);line-height:1.4;text-align:center;margin:0;font-style:italic;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:2vh;background:rgba(0,0,0,.2);border-radius:2vh;border-left:.5vh solid var(--yellow)}.comparison-timer{position:fixed;bottom:var(--safe-v);right:var(--safe-h);width:clamp(60px,8vw,100px);height:clamp(60px,8vw,100px);background:linear-gradient(135deg,rgba(255,0,128,.3) 0%,rgba(0,191,255,.2) 100%);border:.3vh solid rgba(255,0,128,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 3vh #ff008099;z-index:1000}.comparison-timer-number{font-size:clamp(18px,2.5vw,28px);font-weight:900;color:var(--yellow);font-family:monospace;text-shadow:0 0 2vh rgba(255,215,0,.8);line-height:1}@media (max-aspect-ratio: 4/3){.comparison-grid.fighter-count-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1vh;max-height:80vh}.comparison-fighter{max-width:min(60vw,35vh)}.comparison-theme-text{font-size:clamp(1.5vh,2.5vw,3vh)}}@media (min-aspect-ratio: 21/9){.comparison-grid.fighter-count-2{max-width:80vw;gap:4vw}.comparison-grid.fighter-count-3{max-width:85vw}}.comparison-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--dark-bg) 0%,#1a1a2e 30%,#16213e 60%,var(--dark-bg) 100%);color:var(--white)}.comparison-loading-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3vh}.comparison-loading-spinner{width:8vh;height:8vh;border:.5vh solid rgba(255,215,0,.2);border-top-color:var(--yellow);border-radius:50%;animation:comparison-spin 1s linear infinite}@keyframes comparison-spin{to{transform:rotate(360deg)}}.comparison-loading h2{font-size:2.5vw;font-weight:900;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 0 2vh rgba(255,215,0,.8)}.comparison-display-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,0,128,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,191,255,.08) 0%,transparent 50%);animation:bg-shift 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes bg-shift{0%,to{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.1) rotate(1deg);opacity:1}}@media (max-width: 768px){.mobile-results-view{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 30%,#16213e 60%,#0a0a0a 100%);color:#fff;overflow-x:hidden;overflow-y:auto;position:relative;padding:0;margin:0;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;--pink: #ff0080;--blue: #00bfff;--cyan: #00ffff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 255, 255, .05);--border-pink: rgba(255, 0, 128, .4);--border-blue: rgba(0, 191, 255, .4);--border-cyan: rgba(0, 255, 255, .4);--border-yellow: rgba(255, 215, 0, .4);--border-green: rgba(0, 255, 136, .4);--glow-pink: rgba(255, 0, 128, .3);--glow-blue: rgba(0, 191, 255, .3);--glow-cyan: rgba(0, 255, 255, .3);--glow-yellow: rgba(255, 215, 0, .3);--glow-green: rgba(0, 255, 136, .3)}}@media (max-width: 768px){.mobile-results-timer{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,var(--glow-cyan) 0%,var(--glow-blue) 100%);border-bottom:2px solid var(--border-cyan);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 0 20px var(--glow-cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Courier New,monospace;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.3rem);color:var(--cyan);text-shadow:0 0 10px var(--glow-cyan);transition:all .3s ease}.mobile-results-timer.warning{color:var(--yellow);text-shadow:0 0 10px var(--glow-yellow);border-bottom-color:var(--border-yellow);background:linear-gradient(135deg,var(--glow-yellow) 0%,var(--glow-blue) 100%)}.mobile-results-timer.urgent{color:var(--pink);text-shadow:0 0 10px var(--glow-pink);border-bottom-color:var(--border-pink);background:linear-gradient(135deg,var(--glow-pink) 0%,var(--glow-blue) 100%);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px var(--glow-pink)}50%{transform:scale(1.02);box-shadow:0 0 30px var(--glow-pink)}}}@media (max-width: 768px){.mobile-results-content{margin-top:60px;flex:1;display:flex;flex-direction:column;gap:20px;padding:20px 16px 30px}}@media (max-width: 768px){.mobile-round-mvp-banner{background:linear-gradient(135deg,var(--glow-yellow) 0%,var(--glow-green) 100%);border:2px solid var(--border-yellow);border-radius:20px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 0 25px var(--glow-yellow);animation:mvp-glow 2s ease-in-out infinite alternate;margin-bottom:10px}@keyframes mvp-glow{0%{box-shadow:0 0 25px var(--glow-yellow);transform:scale(1)}to{box-shadow:0 0 35px var(--glow-yellow);transform:scale(1.02)}}.mvp-crown{font-size:clamp(2rem,8vw,3rem);animation:crown-bounce 2s ease-in-out infinite}@keyframes crown-bounce{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-5px) rotate(10deg)}}.mvp-text{flex:1}.mvp-label{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:900;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-family:Courier New,monospace;text-shadow:0 0 10px var(--glow-yellow);margin-bottom:5px}.mvp-subtitle{font-size:clamp(.9rem,3.5vw,1rem);color:var(--green);font-weight:600;text-shadow:0 0 5px var(--glow-green)}}@media (max-width: 768px){.mobile-performance-card{background:var(--card-bg);border:2px solid var(--border-blue);border-radius:20px;padding:20px;box-shadow:0 0 20px var(--glow-blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.performance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.performance-title{font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px var(--glow-blue);margin:0}.personal-best-badge{background:linear-gradient(135deg,var(--yellow),var(--green));color:var(--dark-bg);padding:5px 12px;border-radius:15px;font-size:clamp(.7rem,3vw,.8rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 15px var(--glow-yellow);animation:best-glow 2s ease-in-out infinite alternate}@keyframes best-glow{0%{box-shadow:0 0 15px var(--glow-yellow)}to{box-shadow:0 0 25px var(--glow-yellow)}}.performance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px}.metric-item{display:flex;align-items:center;gap:12px;padding:15px;background:rgba(0,0,0,.3);border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.metric-item.votes{border-color:var(--border-green);background:linear-gradient(135deg,rgba(0,255,136,.1) 0%,rgba(0,0,0,.3) 100%)}.metric-item.points{border-color:var(--border-pink);background:linear-gradient(135deg,rgba(255,0,128,.1) 0%,rgba(0,0,0,.3) 100%)}.metric-icon{font-size:clamp(1.5rem,6vw,2rem)}.metric-details{flex:1}.metric-value{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:900;color:var(--white);font-family:Courier New,monospace;text-shadow:0 0 5px rgba(255,255,255,.3);line-height:1;margin-bottom:2px}.metric-label{font-size:clamp(.7rem,3vw,.8rem);color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-weight:500}}@media (max-width: 768px){.mobile-standing-card{background:var(--card-bg);border:2px solid var(--border-cyan);border-radius:20px;padding:20px;box-shadow:0 0 20px var(--glow-cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.standing-header{margin-bottom:20px}.standing-title{font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px var(--glow-cyan);margin:0}.standing-content{display:flex;gap:20px;align-items:flex-start}.rank-section{display:flex;flex-direction:column;align-items:center;gap:10px}.current-rank{display:flex;align-items:baseline;gap:5px;padding:15px 20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:20px;min-width:80px;justify-content:center}.current-rank.rank-1{background:linear-gradient(135deg,var(--glow-yellow) 0%,rgba(255,215,0,.2) 100%);border-color:var(--border-yellow);box-shadow:0 0 20px var(--glow-yellow);animation:champion-glow 3s ease-in-out infinite alternate}@keyframes champion-glow{0%{box-shadow:0 0 20px var(--glow-yellow);transform:scale(1)}to{box-shadow:0 0 30px var(--glow-yellow);transform:scale(1.05)}}.current-rank.rank-2{background:linear-gradient(135deg,rgba(192,192,192,.3) 0%,rgba(192,192,192,.1) 100%);border-color:#c0c0c099;box-shadow:0 0 15px #c0c0c04d}.current-rank.rank-3{background:linear-gradient(135deg,rgba(205,127,50,.3) 0%,rgba(205,127,50,.1) 100%);border-color:#cd7f3299;box-shadow:0 0 15px #cd7f324d}.rank-number{font-size:clamp(2rem,8vw,3rem);font-weight:900;font-family:Courier New,monospace;color:var(--white);text-shadow:0 0 10px rgba(255,255,255,.5)}.current-rank.rank-1 .rank-number{color:var(--yellow);text-shadow:0 0 15px var(--glow-yellow)}.current-rank.rank-2 .rank-number{color:silver;text-shadow:0 0 10px rgba(192,192,192,.6)}.current-rank.rank-3 .rank-number{color:#cd7f32;text-shadow:0 0 10px rgba(205,127,50,.6)}.rank-ordinal{font-size:clamp(1rem,4vw,1.3rem);font-weight:700;color:#fffc;text-transform:uppercase}.position-change{display:flex;align-items:center;gap:5px;padding:8px 15px;border-radius:15px;font-weight:700;font-size:clamp(.8rem,3.5vw,1rem);text-transform:uppercase;letter-spacing:.05em}.position-change.improved{background:var(--glow-green);color:var(--green);border:1px solid var(--border-green);box-shadow:0 0 15px var(--glow-green);animation:improvement-pulse 2s ease-in-out infinite alternate}@keyframes improvement-pulse{0%{box-shadow:0 0 15px var(--glow-green)}to{box-shadow:0 0 25px var(--glow-green)}}.position-change.dropped{background:var(--glow-pink);color:var(--pink);border:1px solid var(--border-pink);box-shadow:0 0 10px var(--glow-pink)}.change-icon{font-size:clamp(1rem,4vw,1.2rem)}.change-value{font-family:Courier New,monospace}.standing-details{flex:1;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.detail-row.leader-gap{border-top:1px solid rgba(255,255,255,.2);padding-top:12px}.detail-label{font-size:clamp(.8rem,3.5vw,.9rem);color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.detail-value{font-size:clamp(1rem,4vw,1.2rem);font-weight:700;color:var(--white);font-family:Courier New,monospace;text-shadow:0 0 5px rgba(255,255,255,.3)}.player-count{font-size:clamp(.7rem,3vw,.8rem);color:#fff9;text-align:center;font-style:italic;margin-top:5px}.rank-message{margin-top:15px;padding:12px;background:rgba(0,0,0,.3);border-radius:15px;border:1px solid rgba(255,255,255,.1);text-align:center}.message-champion{color:var(--yellow);font-weight:700;text-shadow:0 0 10px var(--glow-yellow);animation:champion-message 3s ease-in-out infinite alternate}@keyframes champion-message{0%{text-shadow:0 0 10px var(--glow-yellow)}to{text-shadow:0 0 20px var(--glow-yellow)}}.message-close{color:var(--green);font-weight:600;text-shadow:0 0 5px var(--glow-green)}.message-podium{color:#cd7f32;font-weight:600;text-shadow:0 0 5px rgba(205,127,50,.6)}.message-middle{color:var(--blue);font-weight:500;text-shadow:0 0 5px var(--glow-blue)}}@media (max-width: 768px){.mobile-competition-card{background:var(--card-bg);border:2px solid var(--border-pink);border-radius:20px;padding:20px;box-shadow:0 0 20px var(--glow-pink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.competition-title{font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:700;color:var(--pink);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px var(--glow-pink);margin:0 0 15px}.competition-list{display:flex;flex-direction:column;gap:8px}.competitor-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 15px;border-radius:15px;font-size:clamp(.8rem,3.5vw,.9rem);transition:all .3s ease}.competitor-item.ahead{background:rgba(255,0,128,.1);border:1px solid var(--border-pink)}.competitor-item.current-player{background:rgba(0,255,255,.1);border:2px solid var(--border-cyan);box-shadow:0 0 15px var(--glow-cyan);font-weight:600}.competitor-item.behind{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2)}.competitor-rank{font-weight:700;font-family:Courier New,monospace;color:#fffc;min-width:30px}.competitor-name{font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.competitor-score{font-weight:700;font-family:Courier New,monospace;color:var(--cyan);text-shadow:0 0 5px var(--glow-cyan)}.competitor-gap{font-weight:700;font-family:Courier New,monospace;font-size:clamp(.7rem,3vw,.8rem);min-width:40px;text-align:right}.competitor-item.ahead .competitor-gap{color:var(--pink);text-shadow:0 0 5px var(--glow-pink)}.competitor-item.behind .competitor-gap{color:var(--green);text-shadow:0 0 5px var(--glow-green)}}@media (max-width: 768px){.mobile-progress-card{background:var(--card-bg);border:2px solid var(--border-green);border-radius:20px;padding:20px;box-shadow:0 0 20px var(--glow-green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.final-results-summary{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.final-icon{font-size:clamp(3rem,12vw,4rem);animation:final-celebration 3s ease-in-out infinite alternate}@keyframes final-celebration{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}.final-text{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:900;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 15px var(--glow-yellow);font-family:Courier New,monospace}.final-score{font-size:clamp(1rem,4vw,1.2rem);color:var(--white);font-weight:600;text-shadow:0 0 5px rgba(255,255,255,.5)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:clamp(.9rem,3.5vw,1rem);font-weight:600;color:var(--green);text-shadow:0 0 5px var(--glow-green)}.rounds-remaining{color:#ffffffb3;font-size:clamp(.8rem,3vw,.9rem)}.progress-bar{height:12px;background:rgba(255,255,255,.2);border-radius:10px;overflow:hidden;margin-bottom:15px;box-shadow:inset 0 0 10px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));border-radius:10px;transition:width 1s ease;box-shadow:0 0 15px var(--glow-green);animation:progress-glow 2s ease-in-out infinite alternate}@keyframes progress-glow{0%{box-shadow:0 0 15px var(--glow-green)}to{box-shadow:0 0 25px var(--glow-green)}}.next-round-teaser{text-align:center;font-size:clamp(.9rem,3.5vw,1rem);color:var(--cyan);font-weight:600;text-shadow:0 0 5px var(--glow-cyan);text-transform:uppercase;letter-spacing:.05em}}@media (max-width: 389px){.mobile-results-content{padding:15px 12px;gap:15px}.mobile-performance-card,.mobile-standing-card,.mobile-competition-card,.mobile-progress-card{padding:15px}.performance-metrics{grid-template-columns:1fr;gap:12px}.standing-content{flex-direction:column;gap:15px;align-items:center}.competitor-item{gap:8px;padding:10px 12px}}@media (min-width: 428px){.mobile-results-content{padding:25px 20px;gap:25px;max-width:500px;margin:0 auto}.mobile-performance-card,.mobile-standing-card,.mobile-competition-card,.mobile-progress-card{padding:25px}}@media (max-width: 768px){.mobile-results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:40px 20px}.mobile-results-spinner{width:60px;height:60px;border:3px solid var(--glow-cyan);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.mobile-results-loading-text{font-size:clamp(.9rem,3.5vw,1rem);color:var(--cyan);font-weight:600;text-shadow:0 0 5px var(--glow-cyan)}@keyframes spin{to{transform:rotate(360deg)}}}.rejoin-waiting-wrapper{min-height:100vh;width:100vw;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;position:relative;overflow:hidden}.rejoin-waiting-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:1}.rejoin-waiting-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.rejoin-waiting-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;background:linear-gradient(135deg,#ff0080,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 0 30px rgba(255,0,128,.5)}.rejoin-game-code{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.6);padding:.75rem 1.5rem;border-radius:2rem;border:2px solid rgba(255,215,0,.5);box-shadow:0 0 20px #ffd7004d}.rejoin-code-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.rejoin-code-value{font-size:1.5rem;font-weight:700;color:gold;font-family:monospace;letter-spacing:.2em;text-shadow:0 0 10px rgba(255,215,0,.8)}.rejoin-waiting-content{display:flex;flex-direction:column;gap:2rem;align-items:center}.rejoin-status-card{width:100%;background:rgba(255,0,128,.1);border:2px solid rgba(255,0,128,.4);border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 0 30px #ff00804d;position:relative;overflow:hidden}.rejoin-status-icon{font-size:4rem;margin-bottom:1rem;animation:status-rotate 4s linear infinite}@keyframes status-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rejoin-status-title{font-size:1.75rem;font-weight:800;color:#ff0080;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;text-shadow:0 0 20px rgba(255,0,128,.8)}.rejoin-status-message{font-size:1.125rem;color:#ffffffe6;line-height:1.6;margin:0 0 1.5rem}.rejoin-queue-info,.rejoin-score-info{display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.4);padding:.5rem 1rem;border-radius:.5rem;margin:.5rem}.rejoin-queue-label,.rejoin-score-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.rejoin-queue-value{font-size:1.25rem;font-weight:700;color:#00bfff;text-shadow:0 0 10px rgba(0,191,255,.8)}.rejoin-score-value{font-size:1.25rem;font-weight:700;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8)}.rejoin-tips{width:100%;background:rgba(0,191,255,.1);border:2px solid rgba(0,191,255,.3);border-radius:1rem;padding:1.5rem;box-shadow:0 0 20px #00bfff33}.rejoin-tips-title{font-size:1.25rem;font-weight:700;color:#00bfff;margin:0 0 1rem;text-shadow:0 0 15px rgba(0,191,255,.8)}.rejoin-tips-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.rejoin-tips-list li{font-size:1rem;color:#ffffffe6;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.rejoin-loading-animation{position:relative;width:150px;height:150px;margin:2rem auto}.rejoin-pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid #ff0080;border-radius:50%;opacity:0;animation:pulse-expand 3s ease-out infinite}.rejoin-pulse-ring.delay-1{animation-delay:1s;border-color:#00bfff}.rejoin-pulse-ring.delay-2{animation-delay:2s;border-color:gold}@keyframes pulse-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.rejoin-waiting-footer{text-align:center;padding:1rem}.rejoin-footer-text{font-size:1.125rem;color:#fffc;font-weight:600;animation:footer-glow 2s ease-in-out infinite}@keyframes footer-glow{0%,to{text-shadow:0 0 10px rgba(255,0,128,.5)}50%{text-shadow:0 0 20px rgba(0,191,255,.8)}}.rejoin-waiting-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,transparent 0%,rgba(255,0,128,.1) 50%,transparent 100%);animation:background-rotate 20s linear infinite}@keyframes background-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.rejoin-waiting-wrapper{padding:1rem}.rejoin-waiting-container{gap:1.5rem}.rejoin-status-card,.rejoin-tips{padding:1.5rem}.rejoin-status-icon{font-size:3rem}.rejoin-loading-animation{width:100px;height:100px}}.email-verification-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.verification-card{background:white;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:60px 40px;max-width:480px;width:100%;text-align:center}.verification-content h2{color:#1a202c;font-size:28px;margin-bottom:16px;font-weight:700}.verification-content p{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:32px}.spinner{width:60px;height:60px;border:4px solid #f3f4f6;border-top:4px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 32px}.success-icon{width:80px;height:80px;background-color:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 32px;animation:scaleIn .3s ease-out}.error-icon{width:80px;height:80px;background-color:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 32px;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.home-button,.login-button{padding:12px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin:8px}.home-button{background-color:#7c3aed;color:#fff}.home-button:hover{background-color:#6d28d9;transform:translateY(-2px);box-shadow:0 10px 20px #7c3aed4d}.login-button{background-color:transparent;color:#7c3aed;border:2px solid #7c3aed}.login-button:hover{background-color:#7c3aed;color:#fff}.error-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media (max-width: 640px){.verification-card{padding:40px 24px}.verification-content h2{font-size:24px}.verification-content p{font-size:14px}.home-button,.login-button{width:100%;margin:8px 0}.error-actions{flex-direction:column;width:100%}}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px;position:relative;overflow:hidden}.forgot-password-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,var(--accent-primary) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-secondary) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--accent-primary) 0%,transparent 50%);opacity:.1;animation:pulse 15s ease-in-out infinite}.forgot-password-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 0 40px #00ffff1a,inset 0 0 20px #00ffff0d;padding:48px 40px;max-width:480px;width:100%;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.forgot-password-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-lg);opacity:0;z-index:-1;transition:opacity .3s ease}.forgot-password-card:hover:before{opacity:.3}.forgot-password-header{text-align:center;margin-bottom:40px}.forgot-password-header h1{color:transparent;font-size:36px;font-weight:800;margin-bottom:24px;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px rgba(0,255,255,.5)}.forgot-password-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.forgot-password-header p{color:var(--text-secondary);font-size:16px;line-height:1.6}.forgot-password-form{width:100%}.form-group input{width:100%;padding:14px 16px;background:var(--surface-input);border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:16px;color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:focus{outline:none;border-color:var(--accent-primary);background:var(--surface-hover);box-shadow:0 0 0 3px #00ffff1a,0 0 20px #0ff3}.submit-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);font-size:16px;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #0ff6,0 0 60px #0ff3}.submit-button:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);cursor:not-allowed;transform:none}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;line-height:1.5}.success-message{text-align:center;padding:40px 0}.success-message .success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#34d399);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 24px;animation:successPulse .5s ease-out;box-shadow:0 0 40px #10b98166,0 0 80px #10b98133}.success-message p{color:var(--text-primary);font-size:16px;line-height:1.6;margin-bottom:32px}.back-to-login{display:inline-block;padding:12px 32px;background:transparent;color:var(--accent-primary);text-decoration:none;border:2px solid var(--accent-primary);border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.back-to-login:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 10px 30px #0ff6,0 0 40px #0ff3}.back-link{color:var(--accent-primary);text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:inline-block;padding:8px 16px;border-radius:var(--radius-sm)}.back-link:hover{color:var(--accent-secondary);background:rgba(0,255,255,.1);text-shadow:0 0 20px rgba(0,255,255,.5)}@media (max-width: 640px){.forgot-password-card{padding:32px 24px}.forgot-password-header h1{font-size:28px}.forgot-password-header h2{font-size:20px}.forgot-password-header p{font-size:14px}}.reset-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-primary);padding:20px;position:relative;overflow:hidden}.reset-password-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,var(--neon-pink) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--neon-purple) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--neon-cyan) 0%,transparent 50%);opacity:.1;animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.reset-password-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 0 40px #00ffff1a,inset 0 0 20px #00ffff0d;padding:48px 40px;max-width:480px;width:100%;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-password-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--neon-pink),var(--neon-purple));border-radius:var(--radius-lg);opacity:0;z-index:-1;transition:opacity .3s ease}.reset-password-card:hover:before{opacity:.3}.reset-password-header{text-align:center;margin-bottom:40px}.reset-password-header h1{color:transparent;font-size:36px;font-weight:800;margin-bottom:24px;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(45deg,var(--neon-pink),var(--neon-purple));-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px rgba(255,0,128,.5)}.reset-password-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.reset-password-header p{color:var(--text-secondary);font-size:16px;line-height:1.6}.reset-password-form{width:100%}.form-group{margin-bottom:24px}.form-group label{display:block;color:var(--text-primary);font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:14px 16px;background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;color:var(--text-primary);transition:all .3s ease;box-sizing:border-box}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;border-color:var(--neon-pink);background:var(--background-elevated);box-shadow:0 0 0 3px #ff00801a,0 0 20px #ff008033}.form-group input:disabled{background-color:#ffffff0d;cursor:not-allowed;opacity:.6}.field-error{display:block;color:var(--danger-red);font-size:13px;margin-top:6px}.submit-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:var(--background-primary);font-size:16px;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover:not(:disabled):before{width:300px;height:300px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ff008066,0 0 60px #ff008033}.submit-button:disabled{background:linear-gradient(135deg,var(--primary-grey),var(--primary-grey-light));cursor:not-allowed;transform:none}.error-message{background:rgba(255,23,68,.1);border:1px solid rgba(255,23,68,.3);color:var(--danger-red);padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px;line-height:1.5}.success-content{text-align:center;padding:40px 0}.success-content .success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--success-green),var(--neon-green));color:var(--background-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 24px;animation:successPulse .5s ease-out;box-shadow:0 0 40px #00ff4166,0 0 80px #00ff4133}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-content h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:16px}.success-content p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px}.home-button{display:inline-block;padding:12px 32px;background:transparent;color:var(--neon-pink);text-decoration:none;border:2px solid var(--neon-pink);border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.home-button:hover{background:var(--neon-pink);color:var(--background-primary);transform:translateY(-2px);box-shadow:0 10px 30px #ff008066,0 0 40px #ff008033}.form-footer{text-align:center}.back-link{color:var(--neon-pink);text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;display:inline-block;padding:8px 16px;border-radius:var(--radius-sm)}.back-link:hover{color:var(--neon-purple);background:rgba(255,0,128,.1);text-shadow:0 0 20px rgba(255,0,128,.5)}@media (max-width: 640px){.reset-password-card{padding:32px 24px}.reset-password-header h1{font-size:28px}.reset-password-header h2{font-size:20px}.reset-password-header p{font-size:14px}}.submit-button:disabled:after{content:"";position:absolute;width:20px;height:20px;margin:auto;top:0;left:0;bottom:0;right:0;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.debug-panel-toggle{position:fixed;top:10px;right:10px;z-index:10000}.debug-toggle-btn{background:#1a1a1a;color:#00ff41;border:1px solid #00ff41;border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #00ff414d;transition:all .3s ease}.debug-toggle-btn:hover{background:#00ff41;color:#1a1a1a;transform:scale(1.1)}.debug-panel{position:fixed;top:10px;right:10px;width:600px;max-height:80vh;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #000c;z-index:10000;font-family:Courier New,monospace;font-size:12px;color:#e0e0e0;overflow:hidden;display:flex;flex-direction:column}.debug-panel-header{background:#2a2a2a;padding:10px 15px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.debug-panel-header h3{margin:0;color:#00ff41;font-size:14px}.debug-panel-controls{display:flex;align-items:center;gap:10px}.debug-panel-controls label{display:flex;align-items:center;gap:5px;font-size:11px;color:#ccc}.debug-panel-controls input[type=checkbox]{accent-color:#00ff41}.debug-panel-controls button{background:#333;color:#e0e0e0;border:1px solid #555;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;transition:background .2s ease}.debug-panel-controls button:hover{background:#444}.close-btn{background:#ff4444!important;color:#fff!important;border-color:#f44!important}.debug-panel-tabs{background:#2a2a2a;display:flex;border-bottom:1px solid #333;overflow-x:auto}.debug-panel-tabs button{background:transparent;color:#ccc;border:none;padding:8px 12px;font-size:11px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s ease}.debug-panel-tabs button:hover{background:#333;color:#e0e0e0}.debug-panel-tabs button.active{color:#00ff41;border-bottom-color:#00ff41;background:#1a1a1a}.debug-panel-content,.debug-tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.debug-tab-header{padding:10px 15px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;background:#242424}.debug-tab-header h4{margin:0;font-size:13px;color:#00ff41}.debug-tab-header div{display:flex;gap:8px}.debug-tab-header button{background:#333;color:#e0e0e0;border:1px solid #555;border-radius:4px;padding:4px 8px;font-size:10px;cursor:pointer;transition:background .2s ease}.debug-tab-header button:hover{background:#444}.clear-btn{background:#ff6b35!important;border-color:#ff6b35!important}.export-btn{background:#4285f4!important;border-color:#4285f4!important}.debug-btn{background:#ffab00!important;border-color:#ffab00!important}.test-btn{background:#9c27b0!important;border-color:#9c27b0!important}.refresh-btn{background:#4caf50!important;border-color:#4caf50!important}.debug-log-list,.debug-event-list,.debug-metrics-list{flex:1;overflow-y:auto;padding:10px;background:#1a1a1a}.debug-log-entry,.debug-event-entry,.debug-metric-entry{margin-bottom:8px;padding:8px;background:#242424;border:1px solid #333;border-radius:4px;font-size:11px}.log-header,.event-header,.metric-header{display:flex;gap:10px;margin-bottom:4px;align-items:center;flex-wrap:wrap}.log-timestamp,.event-timestamp,.metric-timestamp{color:#888;font-size:10px}.log-level{padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700}.log-debug .log-level{background:#666;color:#fff}.log-info .log-level{background:#2196f3;color:#fff}.log-warn .log-level{background:#ff9800;color:#fff}.log-error .log-level{background:#f44336;color:#fff}.log-correlation{background:#333;color:#00ff41;padding:2px 4px;border-radius:2px;font-size:9px}.event-type{background:#4caf50;color:#fff;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700}.event-game-id{background:#333;color:#ccc;padding:2px 4px;border-radius:2px;font-size:9px}.metric-name{color:#00ff41;font-weight:700}.metric-value{background:#333;color:#ffeb3b;padding:2px 6px;border-radius:3px;font-weight:700}.log-message{color:#e0e0e0;margin:4px 0;line-height:1.3}.metric-url{color:#888;font-size:10px;margin-top:4px}.log-data,.event-data{margin-top:8px}.log-data summary,.event-data summary{color:#00ff41;cursor:pointer;font-size:10px;padding:2px 0}.log-data pre,.event-data pre{background:#1a1a1a;border:1px solid #333;border-radius:3px;padding:8px;margin:4px 0 0;font-size:10px;color:#ccc;overflow-x:auto;white-space:pre-wrap}.debug-error-status,.debug-session-info{padding:15px;background:#1a1a1a}.status-item,.session-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding:5px 0;border-bottom:1px solid #333}.status-item label,.session-item label{color:#ccc;font-weight:700;min-width:100px}.status-good{color:#4caf50;font-weight:700}.status-bad{color:#f44336;font-weight:700}.rate-limits{text-align:right}.rate-limits div{font-size:10px;color:#ccc}.event-counts{display:flex;flex-direction:column;gap:2px}.event-count{font-size:10px;color:#ccc;text-align:right}.debug-panel ::-webkit-scrollbar{width:6px;height:6px}.debug-panel ::-webkit-scrollbar-track{background:#2a2a2a}.debug-panel ::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.debug-panel ::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){.debug-panel{width:calc(100vw - 20px);max-width:500px;right:10px;top:10px}.debug-panel-tabs{font-size:10px}.debug-tab-header{flex-direction:column;align-items:flex-start;gap:8px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100vh;height:100%;width:100%;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}button{border:none;background:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;border:none;outline:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}*:focus{outline:2px solid var(--primary-purple, #6c5ce7);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-purple, #6c5ce7);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::selection{background:var(--primary-purple-light, #a29bfe);color:#fff}::-moz-selection{background:var(--primary-purple-light, #a29bfe);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-card, #ffffff);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-purple, #6c5ce7);border-radius:4px;border:2px solid var(--background-card, #ffffff)}::-webkit-scrollbar-thumb:hover{background:var(--primary-purple-dark, #5f3dc4)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}:root{--primary-dark: #1a1a1a;--primary-black: #0d0d0d;--primary-grey: #2a2a2a;--primary-grey-light: #3a3a3a;--neon-pink: #ff0080;--neon-purple: #8000ff;--neon-cyan: #00ffff;--neon-green: #00ff41;--neon-orange: #ff4500;--neon-yellow: #ffff00;--neon-gold: #ffd700;--danger-red: #ff1744;--warning-amber: #ff9800;--success-green: #00e676;--info-blue: #00b0ff;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #666666;--text-accent: var(--neon-pink);--background-primary: #0d0d0d;--background-secondary: #1a1a1a;--background-tertiary: #2a2a2a;--background-card: #1e1e1e;--background-elevated: #252525;--gradient-primary: linear-gradient(135deg, var(--neon-purple) 0%, var(--neon-pink) 100%);--gradient-secondary: linear-gradient(135deg, var(--neon-cyan) 0%, var(--neon-green) 100%);--gradient-danger: linear-gradient(135deg, var(--danger-red) 0%, var(--neon-orange) 100%);--gradient-dark: linear-gradient(135deg, var(--primary-black) 0%, var(--primary-grey) 100%);--glass-light: rgba(255, 255, 255, .05);--glass-dark: rgba(0, 0, 0, .3);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 4rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-width: 2px;--border-width-thick: 3px;--border-color: var(--primary-grey-light);--border-neon: var(--neon-pink);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .5);--glow-pink: 0 0 20px rgba(255, 0, 128, .5);--glow-purple: 0 0 20px rgba(128, 0, 255, .5);--glow-cyan: 0 0 20px rgba(0, 255, 255, .5);--glow-green: 0 0 20px rgba(0, 255, 65, .5);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-tooltip: 2000;--corner-size: 20px;--corner-thickness: 3px;--corner-length: 15px;--cyber-border: 2px solid var(--neon-cyan);--cyber-corner-glow: 0 0 10px var(--neon-cyan);--cyber-text-glow: 0 0 10px currentColor;--cyber-scan-speed: 3s;--glass-backdrop: rgba(0, 0, 0, .8);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(10px);--display-max-width: 1200px;--display-padding: var(--spacing-2xl);--display-section-gap: var(--spacing-3xl);--mobile-padding: var(--spacing-md);--mobile-section-gap: var(--spacing-lg);--mobile-corner-size: 12px;--mobile-corner-thickness: 2px;--lobby-accent: var(--neon-cyan);--prompt-accent: var(--neon-purple);--voting-accent: var(--neon-orange);--results-accent: var(--neon-green);--spotlight-accent: var(--neon-yellow);--timer-normal: var(--neon-cyan);--timer-warning: var(--neon-yellow);--timer-urgent: var(--neon-orange);--timer-critical: var(--danger-red)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--background-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}body{background:radial-gradient(ellipse at top,var(--primary-grey) 0%,var(--background-primary) 50%);overflow-y:auto!important;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh;overflow:visible!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-extrabold);line-height:1.2;margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin:0 0 var(--spacing-md) 0;line-height:1.6;color:var(--text-secondary)}.neon-text{font-weight:var(--font-weight-black);text-shadow:2px 2px 4px rgba(0,0,0,.9);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;transform:translateZ(0);backface-visibility:hidden}.glitch-text{position:relative;color:var(--text-primary);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;background:var(--background-card);color:var(--text-primary);box-shadow:var(--shadow-md)}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.button:hover:before{left:100%}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--gradient-primary);border-color:var(--neon-pink);box-shadow:var(--shadow-md),var(--glow-pink)}.button-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--glow-pink);border-color:var(--neon-purple)}.button-secondary{background:var(--gradient-secondary);border-color:var(--neon-cyan);box-shadow:var(--shadow-md),var(--glow-cyan);color:var(--primary-black)}.button-danger{background:var(--gradient-danger);border-color:var(--danger-red);box-shadow:var(--shadow-md),0 0 20px #ff17444d}.button-ghost{background:transparent;border-color:var(--border-neon);color:var(--neon-pink);box-shadow:none}.button-ghost:hover:not(:disabled){background:rgba(255,0,128,.1);box-shadow:var(--glow-pink)}.button-disabled{background:var(--background-tertiary);border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed;opacity:.5}.button-disabled:hover{background:var(--background-tertiary);border-color:var(--text-muted);color:var(--text-muted);box-shadow:none;transform:none}.input-field,.select-field,.textarea-field{width:100%;padding:var(--spacing-md);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--background-tertiary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:inset 0 2px 4px #0000004d}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:var(--neon-pink);box-shadow:inset 0 2px 4px #0000004d,var(--glow-pink);background:var(--background-card)}.input-field::placeholder,.textarea-field::placeholder{color:var(--text-muted);font-weight:var(--font-weight-normal)}.card{background:var(--background-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.card:hover:before{opacity:1}.card:hover{border-color:var(--neon-pink);box-shadow:var(--shadow-lg),var(--glow-pink);transform:translateY(-4px)}.card-elevated{background:var(--background-elevated);box-shadow:var(--shadow-lg)}.card-neon{border-color:var(--neon-pink);box-shadow:var(--shadow-md),var(--glow-pink)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid;font-family:var(--font-mono)}.badge-primary{background:rgba(255,0,128,.2);border-color:var(--neon-pink);color:var(--neon-pink)}.badge-success{background:rgba(0,230,118,.2);border-color:var(--success-green);color:var(--success-green)}.badge-warning{background:rgba(255,152,0,.2);border-color:var(--warning-amber);color:var(--warning-amber)}.badge-danger{background:rgba(255,23,68,.2);border-color:var(--danger-red);color:var(--danger-red)}@keyframes cyberpunk-scan{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes matrix-rain{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}@keyframes neon-flicker{0%,to{opacity:1}50%{opacity:.8}51%{opacity:1}52%{opacity:.9}53%{opacity:1}}.text-neon-pink{color:var(--neon-pink)}.text-neon-purple{color:var(--neon-purple)}.text-neon-cyan{color:var(--neon-cyan)}.text-neon-green{color:var(--neon-green)}.bg-dark{background:var(--background-primary)}.bg-darker{background:var(--background-secondary)}.bg-card{background:var(--background-card)}.border-neon{border-color:var(--neon-pink)}.glow-neon{box-shadow:var(--glow-pink)}.uppercase{text-transform:uppercase}.font-mono{font-family:var(--font-mono)}@media (max-width: 768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.75rem}}@media (max-width: 480px){:root{--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}}.cyber-corners{position:relative}.cyber-corners:before,.cyber-corners:after{content:"";position:absolute;width:var(--corner-length);height:var(--corner-length);border:var(--corner-thickness) solid currentColor;pointer-events:none}.cyber-corners:before{top:0;left:0;border-right:none;border-bottom:none}.cyber-corners:after{bottom:0;right:0;border-left:none;border-top:none}.cyber-corners-mobile{--corner-length: var(--mobile-corner-size);--corner-thickness: var(--mobile-corner-thickness)}.cyber-glass{background:var(--glass-backdrop);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg)}.cyber-section-header{font-family:var(--font-mono);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--neon-cyan);text-shadow:var(--cyber-text-glow);margin-bottom:var(--spacing-lg)}.lobby-section-header{color:var(--lobby-accent)}.prompt-section-header{color:var(--prompt-accent)}.voting-section-header{color:var(--voting-accent)}.results-section-header{color:var(--results-accent)}.spotlight-section-header{color:var(--spotlight-accent)}.cyber-timer{font-family:var(--font-mono);font-weight:var(--font-weight-bold);background:var(--background-card);border:var(--cyber-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--timer-normal);text-shadow:var(--cyber-text-glow);box-shadow:var(--cyber-corner-glow)}.cyber-timer.warning{color:var(--timer-warning);border-color:var(--timer-warning);box-shadow:0 0 10px var(--timer-warning)}.cyber-timer.urgent{color:var(--timer-urgent);border-color:var(--timer-urgent);box-shadow:0 0 10px var(--timer-urgent)}.cyber-timer.critical{color:var(--timer-critical);border-color:var(--timer-critical);box-shadow:0 0 10px var(--timer-critical);animation:cyber-pulse 1s ease-in-out infinite}.cyber-card{background:var(--background-card);border:var(--cyber-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg),var(--cyber-corner-glow);position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:cyber-scan var(--cyber-scan-speed) ease-in-out infinite}.cyber-card-mobile{padding:var(--mobile-padding);border-width:var(--mobile-corner-thickness)}.cyber-button{position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-bold);transition:all var(--transition-normal)}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cyber-button:hover:before{left:100%}.cyber-input{background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);transition:all var(--transition-normal)}.cyber-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00ffff4d;background:var(--background-card)}.lobby-theme-text{color:var(--lobby-accent)}.prompt-theme-text{color:var(--prompt-accent)}.voting-theme-text{color:var(--voting-accent)}.results-theme-text{color:var(--results-accent)}.spotlight-theme-text{color:var(--spotlight-accent)}.display-view-container{max-width:var(--display-max-width);margin:0 auto;padding:var(--display-padding);min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:var(--display-section-gap)}.mobile-view-container{padding:var(--mobile-padding);min-height:100vh;display:flex;flex-direction:column;gap:var(--mobile-section-gap)}@keyframes cyber-scan{0%{left:-100%}to{left:100%}}@keyframes cyber-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes cyber-glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor}}img[src*="/api/placeholder"],img[src*=placeholder]{object-fit:contain!important;background:var(--background-card)!important;border:1px solid var(--neon-cyan)!important;border-radius:var(--radius-md)!important;min-width:200px!important;min-height:200px!important}@media (prefers-reduced-motion: reduce){.neon-text{animation:none;filter:none;text-shadow:0 0 15px rgba(255,0,128,.6)}.button:hover:not(:disabled){transform:none}.card:hover{transform:none}.cyber-card:before{animation:none}.cyber-timer.critical{animation:none}}.prompt-neural-networks-container{width:100%;max-width:700px;margin-top:var(--spacing-lg);display:flex;justify-content:center}.prompt-neural-networks-box{min-width:400px;text-align:center}.prompt-neural-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.prompt-neural-indicators{display:flex;gap:var(--spacing-sm);align-items:center}.prompt-neural-pulse-dot{width:12px;height:12px;background:var(--neon-cyan);border-radius:50%;animation:cyber-pulse 1.5s ease-in-out infinite;box-shadow:0 0 15px var(--neon-cyan)}.prompt-neural-title{font-size:var(--font-size-xl);margin:0}.prompt-neural-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.prompt-neural-icon{font-size:2rem;animation:cyber-glow 2s ease-in-out infinite}.prompt-neural-text{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-weight:var(--font-weight-medium);max-width:500px;line-height:1.4}@media (max-width: 768px){.prompt-neural-networks-box{min-width:unset;width:100%}.prompt-neural-header{flex-direction:column;gap:var(--spacing-md)}.prompt-neural-content{flex-direction:column;text-align:center}}@media (max-width: 768px){.cyber-corners{--corner-length: var(--mobile-corner-size);--corner-thickness: var(--mobile-corner-thickness)}.cyber-section-header{font-size:var(--font-size-lg)}.neon-text{font-size:var(--font-size-2xl)}.cyber-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);min-height:44px}.cyber-timer{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.cyber-card{padding:var(--mobile-padding)}.cyber-glass{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.cyber-title-xl{font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;color:var(--neon-cyan);text-shadow:var(--cyber-text-glow)}.cyber-title-lg{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:.08em}.cyber-title-md{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.cyber-body-text{font-size:var(--font-size-base);line-height:1.6;color:var(--text-secondary)}.cyber-caption{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}@keyframes cyber-flicker{0%,to{opacity:1}2%,8%,15%,23%,56%{opacity:.8}4%,12%,18%,25%,58%{opacity:1}}@keyframes cyber-scan-line{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}.cyber-flicker{animation:cyber-flicker .15s linear infinite}.cyber-scan-active:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:cyber-scan-line 2s ease-in-out infinite}.cyber-corners-glow:before,.cyber-corners-glow:after{box-shadow:0 0 10px currentColor}.cyber-corners-animated:before{animation:cyber-glow 2s ease-in-out infinite}.cyber-corners-animated:after{animation:cyber-glow 2s ease-in-out infinite reverse}.cyber-card,.cyber-glass,.cyber-corners{will-change:auto;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.cyber-flicker,.cyber-scan-active:after,.cyber-corners-animated:before,.cyber-corners-animated:after{animation:none}}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--background-primary);position:relative}.main-content{flex:1;padding-top:var(--header-height);width:100%;position:relative;z-index:1;overflow-y:auto!important;overflow-x:hidden;min-height:0;display:flex;flex-direction:column}:root{--header-height: 80px;--header-height-tablet: 100px;--header-height-mobile: 80px;--content-padding-x: 2rem;--content-padding-x-tablet: 1rem;--content-padding-x-mobile: .5rem;--max-content-width: 1400px}@media (max-width: 768px){:root{--header-height: 70px;--content-padding-x: var(--content-padding-x-tablet)}}@media (max-width: 480px){:root{--header-height: 70px;--content-padding-x: var(--content-padding-x-mobile)}.main-content{padding-top:70px}}.page-container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:var(--spacing-xl) var(--content-padding-x) var(--spacing-3xl);position:relative}.centered-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--spacing-2xl) var(--content-padding-x)}.full-height{min-height:calc(100vh - var(--header-height))}.hero-layout{padding-top:var(--spacing-3xl)}:root{--z-background: 0;--z-content: 1;--z-header: 1000;--z-dropdown: 1100;--z-modal-overlay: 2000;--z-modal: 2100;--z-toast: 3000}@keyframes cyber-scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 15px rgba(255,0,128,.7)) drop-shadow(0 0 30px rgba(128,0,255,.4)) drop-shadow(5px 5px 0 var(--primary-black)) drop-shadow(0 0 50px rgba(255,0,128,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(255,0,128,1)) drop-shadow(0 0 60px rgba(128,0,255,.6)) drop-shadow(0 0 80px rgba(0,255,255,.3)) drop-shadow(5px 5px 0 var(--primary-black));transform:scale(1.02)}}.cyber-decoration{position:absolute;background:var(--neon-cyan);opacity:.6}.cyber-decoration-1{width:2px;height:20px;top:-25px;left:-30px;animation:cyber-flicker 2s infinite}.cyber-decoration-2{width:20px;height:2px;bottom:-25px;right:-30px;animation:cyber-flicker 2s infinite 1s}.scan-line{position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--neon-green),transparent);animation:scan-sweep 3s infinite}@keyframes cyber-flicker{0%,to{opacity:.6}50%{opacity:1}}@keyframes scan-sweep{0%{left:-100%}to{left:100%}}.header-tagline{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.loading-spinner{width:40px;height:40px;border:3px solid var(--primary-grey);border-top-color:var(--neon-pink);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto;position:relative}.loading-spinner:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid var(--neon-cyan);border-radius:50%;animation:spin-reverse 1.5s linear infinite}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loading-dots{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:center}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-pink);animation:loading-dot-pulse 1.4s ease-in-out infinite both;box-shadow:0 0 10px var(--neon-pink)}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading-dot-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.transition-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:var(--spacing-xl);text-align:center;background:var(--background-primary);position:relative;overflow:hidden}.transition-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(128,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,255,255,.05) 0%,transparent 50%);animation:bg-shift 10s ease-in-out infinite}@keyframes bg-shift{0%,to{opacity:.5}50%{opacity:.8}}.transition-content{position:relative;z-index:1;max-width:600px;animation:slide-in-up .8s ease-out}.transition-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-lg);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.transition-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.transition-timer{display:inline-flex;align-items:center;justify-content:center;background:var(--background-card);color:var(--neon-pink);border:var(--border-width) solid var(--neon-pink);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);font-family:var(--font-mono);box-shadow:var(--shadow-lg),var(--glow-pink);margin:var(--spacing-xl) 0;animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-lg),var(--glow-pink)}50%{transform:scale(1.05);box-shadow:var(--shadow-xl),var(--glow-pink),0 0 40px #ff008080}}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl),var(--glow-pink)}.hover-glow{transition:all var(--transition-normal);position:relative}.hover-glow:hover{box-shadow:var(--shadow-lg),var(--glow-pink)}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.clickable:active{transform:scale(.98)}@media (max-width: 768px){.site-header{padding:var(--spacing-lg) 0}.header-logo{max-width:350px;max-height:100px}.header-tagline{font-size:var(--font-size-base)}.transition-title{font-size:var(--font-size-3xl)}.transition-timer{font-size:var(--font-size-2xl);padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 480px){.header-content-wrapper{padding:0 var(--spacing-md)}.header-logo{max-width:280px;max-height:80px}.cyber-decoration{display:none}.transition-container{padding:var(--spacing-lg)}.transition-title{font-size:var(--font-size-2xl)}}.game-button{position:relative;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.game-button:disabled{opacity:.6;cursor:not-allowed}.game-button.loading{opacity:.8;cursor:wait}.game-button.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.game-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.game-button.secondary{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3)}.game-button.secondary:hover:not(:disabled){background:rgba(255,255,255,.2);border-color:#ffffff80}.game-button.danger{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff}.game-button.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #e74c3c66}.game-button.success{background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%);color:#fff}.game-button.success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #2ecc7166}.spinner{display:inline-block;animation:spin 1s linear infinite;font-size:20px}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);height:100px;background:linear-gradient(180deg,rgba(26,17,31,.98) 0%,rgba(26,17,31,.95) 60px,rgba(26,17,31,.3) 75px,transparent 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);overflow:visible;display:flex;align-items:center;padding:0;box-shadow:none;border-bottom:none}.site-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,0,128,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,128,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;animation:grid-shift 20s linear infinite}@keyframes grid-shift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--neon-pink);box-shadow:0 0 20px #ff008080}.header-content-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1800px;margin:0 auto;padding:0 2rem;height:100px;position:relative}.header-brand{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:10;flex:0 0 auto;transform:translateY(0)}.header-logo-container{position:relative;display:flex;align-items:center;justify-content:center;padding:0;margin-left:0}.header-logo{height:45px;width:auto;filter:drop-shadow(0 0 30px rgba(255,0,128,.6));animation:logo-glow 3s ease-in-out infinite;position:relative;z-index:2}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 30px rgba(255,0,128,.6));transform:scale(1) rotate(0)}50%{filter:drop-shadow(0 0 40px rgba(255,0,128,.9));transform:scale(1.05) rotate(1deg)}}.logo-cyber-ring{position:absolute;width:70px;height:70px;border:2px solid rgba(255,0,128,.3);border-radius:50%;animation:ring-spin 10s linear infinite}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-title-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem;position:relative;margin-top:0;margin-left:0;transform:translateY(-3px)}.header-main-title{font-size:2.4rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);line-height:1;background:linear-gradient(135deg,var(--neon-pink) 0%,var(--neon-purple) 50%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,0,128,.5);position:relative;margin:0}.header-tagline{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--neon-cyan);opacity:.9;font-family:var(--font-mono);position:relative;margin:0 0 4px;line-height:1;z-index:10;margin-left:.1rem}.header-nav{display:flex;align-items:center;gap:1rem;z-index:10;height:auto;transform:translateY(0);margin-left:auto;overflow:visible}.credits-display{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;background:rgba(0,255,128,.1);border:2px solid rgba(0,255,128,.3);border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:var(--font-weight-bold);font-size:.9rem;color:var(--text-primary);height:48px}.unlimited-badge{display:flex;align-items:center;gap:.5rem;color:var(--neon-purple)}.unlimited-icon{font-size:1.2rem;color:var(--neon-purple)}.credits-counter{display:flex;align-items:center;gap:.5rem}.credits-icon{font-size:1rem}.credits-text{color:var(--neon-green)}.get-credits-btn,.upgrade-btn,.login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;font-weight:var(--font-weight-bold);font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;min-width:110px;height:48px;border-radius:var(--radius-md);border:2px solid}.get-credits-btn{background:linear-gradient(135deg,rgba(0,255,128,.15) 0%,rgba(0,255,128,.25) 100%);border-color:var(--neon-green);color:var(--text-primary);box-shadow:0 0 30px #00ff8066,inset 0 0 20px #00ff801a;font-weight:var(--font-weight-extrabold)}.get-credits-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #00ff8099,inset 0 0 30px #00ff8033;border-color:var(--neon-cyan)}.credits-btn-icon{font-size:1.1rem;filter:drop-shadow(0 0 10px currentColor);animation:icon-pulse 2s ease-in-out infinite}.upgrade-btn{background:linear-gradient(135deg,rgba(255,0,128,.1) 0%,rgba(255,0,128,.2) 100%);border-color:var(--neon-pink);color:var(--text-primary);box-shadow:0 0 30px #ff008066,inset 0 0 20px #ff00801a}.upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,128,.4),transparent);transition:left .5s ease}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff008099,inset 0 0 30px #ff008033;border-color:var(--neon-purple)}.upgrade-btn:hover:before{left:100%}.upgrade-icon{font-size:1.1rem;filter:drop-shadow(0 0 10px currentColor);animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.login-btn{background:linear-gradient(135deg,rgba(0,255,255,.9) 0%,rgba(0,255,255,.7) 100%);border-color:var(--neon-cyan);color:var(--primary-black);box-shadow:0 0 30px #0ff6,inset 0 0 20px #00ffff4d;font-weight:var(--font-weight-extrabold)}.login-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(0,255,255,1) 0%,rgba(0,255,128,.9) 100%);box-shadow:0 0 40px #0ff9,inset 0 0 30px #0ff6;border-color:var(--neon-green)}.user-menu{position:relative;margin-left:auto;overflow:visible}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.4rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-mono);height:48px}.user-menu-trigger:hover{border-color:var(--neon-cyan);background:rgba(0,255,255,.1);box-shadow:0 0 20px #00ffff4d;transform:translateY(-1px)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1.05rem;color:var(--primary-black);border:2px solid var(--neon-cyan)}.user-name{font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:12px;background:transparent;border:2px solid rgba(255,0,128,.3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:absolute;right:1rem;top:25px;transform:none;z-index:11}.mobile-menu-toggle:hover{border-color:var(--neon-pink);background:rgba(255,0,128,.1)}.hamburger-line{display:block;width:24px;height:2px;background:var(--neon-cyan);margin:3px 0;transition:all .3s ease;box-shadow:0 0 10px #00ffff80}.hamburger-line.active:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.active:nth-child(2){opacity:0;transform:scale(0)}.hamburger-line.active:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1}.mobile-menu-wrapper{display:none;position:fixed;top:0;right:-300px;width:300px;height:100%;background:linear-gradient(180deg,rgba(26,17,31,.98) 0%,rgba(26,17,31,.95) 100%);border-left:2px solid var(--neon-pink);z-index:999;transition:right .3s ease;overflow-y:auto;box-shadow:-10px 0 40px #000c}.mobile-menu-wrapper.active{right:0}.mobile-menu-content{padding:80px 20px 20px}.mobile-user-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,0,128,.1);border-radius:var(--radius-lg);border:2px solid rgba(255,0,128,.3);margin-bottom:2rem}.mobile-user-avatar{width:50px;height:50px;border-radius:50%;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:1.5rem;color:var(--primary-black);border:2px solid var(--neon-cyan);flex-shrink:0}.mobile-user-details{flex:1}.mobile-username{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.mobile-user-stats{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--text-secondary)}.mobile-tier{color:var(--neon-purple)}.mobile-credits{color:var(--neon-green)}.mobile-menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,128,.3),transparent);margin:2rem 0}.mobile-menu-nav{display:flex;flex-direction:column;gap:.5rem}.mobile-menu-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem 1.5rem;background:rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.mobile-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mobile-menu-item:hover{transform:translate(5px);border-color:var(--neon-cyan);background:rgba(0,255,255,.1)}.mobile-menu-item:hover:before{left:100%}.mobile-menu-item.login{background:rgba(0,255,255,.1);border-color:var(--neon-cyan)}.mobile-menu-item.login:hover{background:rgba(0,255,255,.2);box-shadow:inset 0 0 30px #00ffff4d}.mobile-menu-item.upgrade{background:rgba(255,0,128,.1);border-color:var(--neon-pink)}.mobile-menu-item.upgrade:hover{background:rgba(255,0,128,.2);box-shadow:inset 0 0 30px #ff00804d}.mobile-menu-item.logout{border-color:#ff17444d}.mobile-menu-item.logout:hover{background:rgba(255,23,68,.1);border-color:var(--danger-red);color:var(--danger-red)}.mobile-menu-icon{font-size:1.25rem;width:24px;text-align:center}.desktop-nav{display:flex;align-items:center;gap:.75rem;z-index:10;height:auto}@media (min-width: 769px){.site-header{height:100px!important;overflow:visible!important}.header-content-wrapper{padding:0 3rem;max-width:1800px;height:100px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.header-brand{gap:2rem;flex:0 0 auto;align-items:center;position:static!important;transform:none!important}.header-logo-container{position:static!important;margin:0!important;transform:none!important}.header-logo{height:50px!important;width:auto!important}.header-title-wrapper{position:static!important;transform:none!important;margin:0!important}.header-main-title{font-size:2.6rem!important;margin:0!important;transform:none!important;position:static!important}.header-tagline{font-size:.7rem;display:block!important}.site-header:after{bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-pink) 20%,var(--neon-pink) 80%,transparent 100%);box-shadow:0 0 20px #ff008080}.header-nav{display:flex!important;align-items:center!important;gap:1rem!important;height:100px!important;margin-left:auto!important;position:static!important;transform:none!important}.desktop-nav{display:flex!important;align-items:center!important;gap:1rem!important;height:100%!important}.mobile-menu-toggle{display:none!important}}@media (max-width: 1024px){.header-brand{position:static;display:contents}.header-logo-container{position:absolute;left:1rem;top:25px}.header-logo{height:120px}.logo-cyber-ring{width:125px;height:125px}.header-title-wrapper{position:absolute;left:50%;top:30px;transform:translate(-50%)}.header-main-title{font-size:2.5rem;letter-spacing:.15em;font-weight:900;transform:scaleY(1.2) scaleX(1.05);color:#fff;-webkit-text-stroke:1px #000000;text-shadow:-15px 0 25px rgba(255,0,128,.7),-8px 0 15px rgba(255,0,128,.5),8px 0 15px rgba(0,255,255,.5),15px 0 25px rgba(0,255,255,.7)}.header-tagline{display:none}}@media (max-width: 768px){.site-header{height:120px}.header-content-wrapper{padding:0 1rem;height:100px;display:flex;align-items:center;justify-content:space-between}.site-header:after{bottom:20px}.header-brand{position:static;display:contents}.header-logo-container{position:absolute;left:1rem;top:15px;margin-left:0}.header-logo{height:30px}.logo-cyber-ring{width:35px;height:35px}.header-title-wrapper{position:absolute;left:52.5%;top:22px;transform:translate(-50%);margin-left:0}.header-main-title{font-size:2.1rem;letter-spacing:.12em;margin:0;font-weight:950;transform:scaleY(1) scaleX(1);transform-origin:center;background:linear-gradient(90deg,#00ffff 0%,#ff00ff 50%,#ff0080 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:1.5px #ffffff;text-stroke:1.5px #ffffff;text-shadow:0 0 10px rgba(255,0,128,.5),0 0 20px rgba(0,255,255,.3)}.header-tagline{display:none}.upgrade-btn,.login-btn{padding:.6rem 1.1rem;min-width:95px;height:42px;font-size:.85rem}.header-nav{gap:.5rem}.mobile-menu-toggle{top:20px}.header-logo-container{margin-left:0}.desktop-nav{top:32px}.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-overlay,.mobile-menu-wrapper{display:block}.user-menu-trigger{padding:.4rem .8rem;height:34px}.user-avatar{width:24px;height:24px;font-size:.75rem}}@media (max-width: 480px){.site-header{height:110px}.header-content-wrapper{padding:0 .5rem;height:90px}.header-logo-container{top:5px}.header-logo{height:60px}.logo-cyber-ring{width:65px;height:65px}.header-title-wrapper{top:22px}.header-main-title{font-size:1.8rem;letter-spacing:.1em;font-weight:950}.header-tagline{display:none}.mobile-menu-toggle{width:40px;height:40px;padding:8px;top:15px}.header-logo-container{margin-left:0}.logo-cyber-ring{width:50px;height:50px}.mobile-menu-wrapper{width:100%;right:-100%}.mobile-menu-content{padding:70px 15px 15px}.upgrade-btn,.login-btn{padding:.4rem .6rem;min-width:60px;height:32px;font-size:.65rem;letter-spacing:.05em}.upgrade-icon,.logo-cyber-ring,.user-name{display:none}.user-menu-trigger{padding:.5rem;width:36px;height:36px}}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:linear-gradient(145deg,rgba(26,17,31,.95) 0%,rgba(20,15,25,.98) 100%);border:2px solid rgba(0,255,255,.4);border-radius:var(--radius-lg);box-shadow:0 20px 60px #000000e6,0 0 40px #00ffff4d,inset 0 1px #ffffff1a;padding:1.5rem;z-index:10001;animation:dropdown-slide-in .3s ease-out;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.user-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{margin-bottom:1rem;position:relative;z-index:2}.user-email{color:var(--neon-cyan);font-weight:var(--font-weight-medium);font-size:.9rem;margin-bottom:.5rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.user-status{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.user-tier,.user-credits{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:var(--font-size-sm);font-family:var(--font-mono)}.tier-badge{background:var(--gradient-primary);color:var(--text-primary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 20px #ff00804d}.credits-count{color:var(--neon-green);font-weight:var(--font-weight-bold);text-shadow:0 0 10px currentColor}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:1rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium);position:relative;z-index:2;overflow:hidden}.dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s ease}.dropdown-item:hover{background:rgba(0,255,255,.1);color:var(--neon-cyan);transform:translate(5px);border-color:#0ff6;box-shadow:inset 0 0 20px #00ffff1a,0 0 15px #00ffff4d}.dropdown-item:hover:before{left:100%}.dropdown-item.logout-btn:hover{background:rgba(255,23,68,.1);color:var(--danger-red);border-color:#ff174466;box-shadow:inset 0 0 20px #ff17441a,0 0 15px #ff17444d}.dropdown-item.logout-btn:before{background:linear-gradient(90deg,transparent,rgba(255,23,68,.2),transparent)}.dropdown-item span{font-size:var(--font-size-base);width:20px;text-align:center}@media (min-width: 769px){.home-container{min-height:calc(100vh - var(--header-height));width:100%;background:radial-gradient(ellipse at center top,rgba(20,15,25,1) 0%,rgba(10,8,12,1) 100%);padding:0;margin:0;position:relative;overflow:hidden}.home-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 30%,rgba(255,0,128,.06) 0%,transparent 40%),radial-gradient(circle at 75% 70%,rgba(0,255,255,.06) 0%,transparent 40%),linear-gradient(rgba(255,0,128,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,128,.01) 1px,transparent 1px);background-size:100% 100%,100% 100%,50px 50px,50px 50px;pointer-events:none;z-index:0}.home-inner-content{max-width:1600px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-2xl);position:relative;z-index:1}}@media (min-width: 1600px){.home-inner-content{max-width:1800px;padding:var(--spacing-xl) var(--spacing-3xl)}}@media (max-width: 768px){.home-container{min-height:calc(100vh - var(--header-height));background:var(--background-primary);padding:var(--spacing-xl) var(--spacing-lg);max-width:1200px;margin:0 auto}}.hero-section{padding:var(--spacing-lg) 0 var(--spacing-md) 0;margin-bottom:var(--spacing-md)}.hero-content{max-width:1600px;margin:0 auto;text-align:center}@media (min-width: 1600px){.hero-content{max-width:1800px;gap:var(--spacing-3xl)}}.hero-title{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:var(--font-weight-black);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;line-height:1.1;margin-bottom:0;text-align:left;background:linear-gradient(135deg,var(--neon-pink) 0%,var(--neon-purple) 50%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,0,128,.3);padding:var(--spacing-xl);background-color:#ff008014;border:2px solid transparent;border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all var(--transition-normal)}.beta-superscript.desktop-only{font-size:.4em;color:#ff0040!important;-webkit-text-fill-color:#ff0040!important;background:none!important;font-weight:var(--font-weight-black);text-shadow:0 0 10px rgba(255,0,64,.8)!important;margin-left:.6em;vertical-align:super;position:relative;top:-.3em;letter-spacing:.1em;animation:subtle-glow 3s ease-in-out infinite alternate}@keyframes subtle-glow{0%{text-shadow:0 0 8px rgba(255,0,64,.6)}to{text-shadow:0 0 12px rgba(255,0,64,1),0 0 20px rgba(255,0,64,.3)}}@media (max-width: 768px){.beta-superscript.desktop-only{display:none}}.hero-title:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:linear-gradient(45deg,var(--neon-pink),var(--neon-purple),var(--neon-cyan),var(--neon-green));border-radius:var(--radius-lg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:border-rotate 3s linear infinite}.hero-title:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,128,.2),transparent);transform:translate(-100%);animation:title-sweep 4s ease-in-out infinite}@keyframes title-sweep{0%{transform:translate(-100%)}30%{transform:translate(100%)}to{transform:translate(100%)}}.hero-title:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-purple),var(--neon-cyan));animation:shimmer 3s ease-in-out infinite}.hero-title:hover{transform:translateY(-3px) scale(1.02);background-color:#ff00801f;box-shadow:0 15px 40px #ff008066,0 0 60px #ff008033}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);line-height:1.6;margin:0;text-align:left;padding:var(--spacing-xl);background:rgba(0,0,0,.4);border:2px solid rgba(0,255,255,.3);border-radius:var(--radius-lg);position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all var(--transition-normal);overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff1a}.hero-subtitle:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.5),transparent);opacity:.7}.hero-subtitle strong{color:var(--neon-cyan);font-weight:var(--font-weight-bold)}.hero-subtitle:hover{transform:translateY(-3px);border-color:var(--neon-cyan);background:rgba(0,255,255,.05);box-shadow:0 15px 40px #0009,0 0 30px #0ff3,inset 0 1px #ffffff26}.how-it-works{margin-bottom:var(--spacing-2xl);text-align:center}.section-title{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xl)}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:100%}@media (min-width: 1100px){.how-it-works .steps-grid{grid-template-columns:1fr}}.step{padding:var(--spacing-md);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--transition-normal)}@media (min-width: 1100px){.step{padding:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left;min-height:80px}.step-icon{font-size:1.8rem;margin-bottom:0;flex-shrink:0;margin-top:.2rem}.step-content{flex:1}.step h3{font-size:1.1rem;margin-bottom:.5rem}.step p{font-size:.9rem;line-height:1.5;margin:0}}.step:hover{transform:translateY(-5px);border-color:var(--neon-cyan);background:rgba(0,255,255,.05);box-shadow:0 10px 30px #0ff3}.step-icon{display:none}.step h3{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--neon-cyan);margin-bottom:var(--spacing-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(0,255,255,.5);filter:drop-shadow(0 0 8px rgba(0,255,255,.3));line-height:1.3}.step p{color:var(--text-secondary);line-height:1.5;font-size:.9rem;margin:0}@media (min-width: 1100px){.main-content-grid{display:grid;grid-template-columns:2fr 1.5fr;gap:var(--spacing-2xl);max-width:1400px;margin:0 auto;align-items:start}.left-column{display:flex;flex-direction:column;gap:var(--spacing-xl)}.right-column{display:flex;flex-direction:column;gap:var(--spacing-xl);position:sticky;top:100px}}.cards-section-grid{display:grid;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr;grid-template-areas:"how-it-works" "game-cards" "why-choose" "pricing"}@media (min-width: 1100px){.cards-section-grid{grid-template-columns:1fr 1.4fr;grid-template-areas:"how-it-works game-cards" "why-choose pricing";max-width:1600px;margin:0 auto var(--spacing-xl) auto;gap:var(--spacing-2xl);align-items:start}.cards-center{display:flex;align-items:center;justify-content:center}.action-cards{width:100%;max-width:800px}}@media (min-width: 1600px){.cards-section-grid{max-width:1800px;gap:var(--spacing-3xl)}}.cards-left-info{grid-area:how-it-works}.cards-center{grid-area:game-cards}.cards-right-info{grid-area:why-choose}.cards-pricing{grid-area:pricing}.game-actions{margin-bottom:var(--spacing-xl)}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--spacing-lg);max-width:900px;margin:0 auto}@media (min-width: 1100px){.action-cards{max-width:none;grid-template-columns:1fr 1fr}}.action-card{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:450px;transition:all var(--transition-normal);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal)}.action-card{box-shadow:var(--shadow-lg),0 0 25px #ff00801a}.action-card:hover{transform:translateY(-8px);border-color:var(--neon-pink);box-shadow:var(--shadow-xl),0 0 50px #ff00804d}.action-card:hover:before{transform:scaleX(1)}.create-card{border-color:#ff00804d;box-shadow:var(--shadow-lg),0 0 25px #ff008026}.create-card:hover{border-color:var(--neon-pink);box-shadow:var(--shadow-xl),0 0 60px #ff008066}.join-card{border-color:#00ffff4d;box-shadow:var(--shadow-lg),0 0 25px #00ffff26}.join-card:hover{border-color:var(--neon-cyan);box-shadow:var(--shadow-xl),0 0 60px #0ff6}.card-header{text-align:center;margin-bottom:var(--spacing-lg)}.card-icon{font-size:3.5rem;margin-bottom:var(--spacing-md);filter:drop-shadow(0 0 20px currentColor)}.card-header h2{font-size:1.8rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.card-header p{color:var(--text-secondary);font-size:1.1rem}.card-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:var(--font-weight-medium);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.form-input,.form-select{padding:var(--spacing-md);background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--neon-cyan);background:var(--background-card);box-shadow:0 0 20px #0ff3}.game-code-input{text-align:center;font-family:var(--font-mono);font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:.3em;text-transform:uppercase}.auth-required{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center;background:rgba(255,0,128,.05);border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-md)}.auth-icon{font-size:2.5rem;filter:drop-shadow(0 0 15px rgba(0,255,255,.5))}.auth-required p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;max-width:300px}.status-message{padding:var(--spacing-sm);background:rgba(255,23,68,.1);border:1px solid var(--danger-red);border-radius:var(--radius-sm);color:var(--danger-red);font-size:.85rem;text-align:center;font-family:var(--font-mono)}.action-button{padding:var(--spacing-lg) var(--spacing-xl);border:2px solid;border-radius:var(--radius-md);font-size:1rem;font-weight:var(--font-weight-bold);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:50px;position:relative;overflow:hidden}.action-button.primary{background:linear-gradient(135deg,rgba(255,0,128,.1),rgba(255,0,128,.2));border-color:var(--neon-pink);color:var(--text-primary)}.action-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ff008066;border-color:var(--neon-purple)}.action-button.secondary{background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(0,255,255,.2));border-color:var(--neon-cyan);color:var(--text-primary)}.action-button.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #0ff6;border-color:var(--neon-purple)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button.loading{pointer-events:none}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.value-section{margin-bottom:var(--spacing-2xl);text-align:center}.value-content{max-width:100%}.value-content h2{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--neon-pink);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 1100px){.value-section{margin-bottom:0}}.feature{padding:var(--spacing-md);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--transition-normal)}@media (min-width: 1100px){.feature{display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left;padding:var(--spacing-lg);min-height:80px}.feature-icon{font-size:1.8rem;margin-bottom:0;flex-shrink:0;margin-top:.2rem}.feature-content{flex:1}.feature h3{font-size:1.1rem;margin-bottom:.5rem}.feature p{font-size:.9rem;line-height:1.5;margin:0}}.feature:hover{transform:translateY(-5px);border-color:var(--neon-purple);background:rgba(255,0,255,.05);box-shadow:0 10px 30px #f0f3}.feature-icon{display:none}.feature h3{font-size:1.1rem;font-weight:var(--font-weight-bold);color:var(--neon-pink);margin-bottom:var(--spacing-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,0,128,.5);filter:drop-shadow(0 0 8px rgba(255,0,128,.3));line-height:1.3}.feature p{color:var(--text-secondary);line-height:1.5;font-size:.9rem;margin:0}.pricing-section{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl);min-height:600px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,128,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.pricing-section>*{position:relative;z-index:1}@media (min-width: 1100px){.pricing-section{margin-top:0;background:var(--background-card);border-color:#00ff804d;box-shadow:var(--shadow-lg),0 0 25px #00ff8026;min-height:600px}.pricing-section:hover{border-color:var(--neon-green);box-shadow:var(--shadow-xl),0 0 40px #00ff8040;transform:translateY(-3px)}}.pricing-header{text-align:center;margin-bottom:var(--spacing-lg);position:relative}.pricing-title{font-size:1.8rem;font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--neon-green) 0%,var(--neon-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,255,128,.3);position:relative}.pricing-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.pricing-tiers{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}@media (min-width: 1100px){.pricing-tiers{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}}.subscription-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}@media (min-width: 768px){.subscription-row{grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-lg)}}@media (min-width: 1100px){.subscription-row{gap:var(--spacing-xl)}}.pricing-tier{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);text-align:center;position:relative;transition:all var(--transition-normal);overflow:visible}.pricing-tier:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,128,.1),transparent);transition:left .5s ease}.pricing-tier:hover{border-color:var(--neon-green);background:rgba(0,255,128,.05);transform:translateY(-2px);box-shadow:0 4px 15px #00ff8033}.pricing-tier:hover:before{left:100%}.pricing-tier.best-value{border-color:var(--neon-green);background:rgba(0,255,128,.08);box-shadow:0 0 15px #00ff8033}.subscription-tier{background:rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);text-align:center;position:relative;transition:all var(--transition-normal);overflow:visible}.subscription-tier:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0ff3}.subscription-tier.monthly{border-color:var(--neon-cyan);background:rgba(0,255,255,.06)}.subscription-tier.monthly:hover{border-color:var(--neon-cyan);background:rgba(0,255,255,.08);box-shadow:0 4px 15px #00ffff4d}.subscription-tier.monthly .tier-price{color:var(--neon-cyan)}.subscription-tier.lifetime{border-color:var(--neon-purple);background:rgba(138,43,226,.08);box-shadow:0 0 20px #8a2be233}.subscription-tier.lifetime:hover{border-color:var(--neon-purple);background:rgba(138,43,226,.12);box-shadow:0 4px 25px #8a2be266}.subscription-tier.lifetime .tier-price{color:var(--neon-purple);text-shadow:0 0 15px rgba(138,43,226,.5)}.subscription-tier .tier-badge{background:var(--neon-purple);color:var(--primary-black)}.subscription-tier .tier-badge.beta-exclusive{background:linear-gradient(135deg,#ff0040,#ff4060);color:#fff;font-weight:var(--font-weight-black);text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 0 15px #ff004080,inset 0 1px #fff3;border:1px solid rgba(255,0,64,.8);animation:glow-red 2s ease-in-out infinite alternate}@keyframes glow-red{0%{box-shadow:0 0 15px #ff004080,inset 0 1px #fff3}to{box-shadow:0 0 25px #ff0040cc,0 0 35px #ff004066,inset 0 1px #ffffff4d}}.pricing-features-inline{background:rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center}.pricing-features-inline .feature-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.85rem;font-weight:var(--font-weight-medium);margin-bottom:0;padding:var(--spacing-xs) 0}.pricing-features-inline .feature-icon{font-size:1rem;flex-shrink:0;filter:drop-shadow(0 0 8px currentColor)}.tier-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--neon-green);color:var(--primary-black);font-size:.7rem;font-weight:var(--font-weight-bold);padding:.2rem .8rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.price-line{display:flex;align-items:baseline;gap:.5rem;justify-content:center;min-height:2rem}.tier-price{font-size:1.4rem;font-weight:var(--font-weight-bold);color:var(--neon-green);font-family:var(--font-mono);text-shadow:0 0 15px rgba(0,255,128,.5)}.regular-price{font-size:.9rem;color:#888;text-decoration:line-through;font-weight:var(--font-weight-medium);font-family:var(--font-mono);align-self:flex-start;margin-top:.1rem}.savings-badge{background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));color:var(--primary-black);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 10px #00ff804d;text-align:center;min-height:1.5rem;display:flex;align-items:center;justify-content:center}.savings-placeholder{min-height:1.5rem;margin-top:.3rem}.tier-games{font-size:.9rem;color:var(--text-primary);font-weight:var(--font-weight-bold);background:rgba(255,255,255,.05);padding:.2rem .5rem;border-radius:var(--radius-sm);margin-top:.3rem;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.tier-period{font-size:.85rem;color:var(--neon-cyan);font-weight:var(--font-weight-medium);margin-top:.2rem;text-transform:uppercase;letter-spacing:.05em}.pricing-features{margin-top:auto}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-xs);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);text-shadow:0 0 10px rgba(0,255,128,.3)}.feature-item:hover{color:var(--text-primary);text-shadow:0 0 15px rgba(0,255,128,.5);transform:translate(2px)}.feature-item:last-child{margin-bottom:0}.feature-icon{font-size:1.1rem;flex-shrink:0;filter:drop-shadow(0 0 12px currentColor)}.price-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);min-width:120px;position:relative;transition:all var(--transition-normal)}.price-item:hover{transform:translateY(-3px);border-color:var(--neon-green);box-shadow:0 10px 30px #00ff8033}.price-item.popular{border-color:var(--neon-pink);background:rgba(255,0,128,.05);transform:scale(1.05)}.price-item.popular:hover{border-color:var(--neon-purple);box-shadow:0 10px 30px #ff00804d}.price{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--neon-green);font-family:var(--font-mono)}.price-item.popular .price{color:var(--neon-pink)}.desc{font-size:.9rem;color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--neon-pink);color:var(--primary-black);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:var(--font-weight-bold);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.pricing-note{color:var(--text-muted);font-size:.85rem;line-height:1.5;max-width:600px;margin:0 auto}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.hero-title{text-align:center}.hero-subtitle{text-align:center;max-width:600px;margin:0 auto}.hero-title:before{left:50%;right:auto;width:100px;transform:translate(-50%)}}@media (max-width: 768px){.home-container{padding:var(--spacing-md) var(--spacing-sm);display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height))}.hero-section,.how-it-works,.value-section,.pricing-preview{display:none}.game-actions{flex:1;display:flex;align-items:center;margin:0}.action-cards{grid-template-columns:1fr;gap:0;width:100%;max-width:100%}.create-card{display:none}.join-card{margin:0;padding:var(--spacing-lg);max-width:100%}.join-card .card-header h2{font-size:1.5rem}.join-card .card-icon{font-size:2.5rem}}@media (max-width: 480px){.home-container{padding:var(--spacing-sm)}.join-card{padding:var(--spacing-md)}.join-card .card-header h2{font-size:1.3rem}.join-card .card-icon{font-size:2rem}}.lobby-view-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--background-primary);position:relative}.lobby-main-content-area{display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%;flex:1;position:relative;z-index:2}.lobby-view-container{flex:1;max-width:900px;margin:0 auto}.lobby-side-panel{width:320px;background:var(--background-card);border:var(--border-width) solid var(--primary-grey-light);border-radius:var(--radius-xl);padding:var(--spacing-xl);height:fit-content;position:sticky;top:calc(120px + var(--spacing-xl));transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.left-panel{background:linear-gradient(135deg,rgba(255,0,128,.05) 0%,var(--background-card) 100%);border-color:#ff00804d}.right-panel{background:linear-gradient(135deg,rgba(0,255,255,.05) 0%,var(--background-card) 100%);border-color:#00ffff4d}.lobby-side-panel:hover{border-color:var(--neon-pink);box-shadow:var(--shadow-xl),var(--glow-pink);transform:translateY(-4px)}.side-panel-header{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl);text-align:center}.panel-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);animation:panel-icon-pulse 3s ease-in-out infinite}@keyframes panel-icon-pulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 10px currentColor)}50%{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 20px currentColor)}}.side-panel-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.1em}.side-panel-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tip-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-tertiary);border:1px solid var(--primary-grey-light);border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.tip-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.tip-item:hover:before{left:100%}.tip-item:hover{transform:translate(4px);border-color:var(--neon-cyan);box-shadow:var(--shadow-sm),var(--glow-cyan)}.tip-icon{font-size:var(--font-size-lg);flex-shrink:0;line-height:1}.tip-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tip-content strong{font-weight:var(--font-weight-extrabold);color:var(--text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.tip-content span{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.lobby-container{background:var(--background-secondary)!important;border:var(--border-width) solid var(--primary-grey-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden;color:var(--text-primary)}.lobby-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.lobby-container:hover{border-color:var(--neon-pink);box-shadow:var(--shadow-xl),var(--glow-pink)}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--primary-grey-light);position:relative}.lobby-title-section{flex:1}.lobby-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.05em;animation:title-glitch 4s ease-in-out infinite}@keyframes title-glitch{0%,96%,to{transform:translate(0)}97%{transform:translate(-2px,2px)}98%{transform:translate(2px,-2px)}99%{transform:translate(-1px,1px)}}.lobby-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-style:italic}.game-info-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.game-code-container{text-align:center;transition:all var(--transition-normal);position:relative}.game-code-container:hover{transform:scale(1.05)}.game-id-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.1em}.game-code{background:var(--background-tertiary);color:var(--neon-cyan);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);border:var(--border-width) solid var(--neon-cyan);box-shadow:var(--shadow-md),var(--glow-cyan);position:relative;overflow:hidden}.code-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);letter-spacing:.2em}.copy-indicator{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.copied-feedback{animation:copy-success .5s ease-out}@keyframes copy-success{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.rounds-info{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--background-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--primary-grey-light);box-shadow:var(--shadow-sm)}.rounds-icon{font-size:var(--font-size-lg);color:var(--neon-pink)}.rounds-text{font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.lobby-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.players-section{background:linear-gradient(135deg,rgba(255,0,128,.03) 0%,rgba(0,0,0,.03) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(255,0,128,.2)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.section-icon{font-size:var(--font-size-2xl);color:var(--neon-pink)}.waiting-pulse{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--neon-pink),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;animation:waiting-glow 2s ease-in-out infinite;text-align:center;padding:2rem;border:2px dashed rgba(255,0,128,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.waiting-pulse:before{content:"🎮";font-size:3rem;display:block;margin-bottom:1rem;animation:bounce 1.5s ease-in-out infinite}@keyframes waiting-glow{0%,to{opacity:.7;text-shadow:0 0 20px rgba(255,0,128,.5)}50%{opacity:1;text-shadow:0 0 30px rgba(255,0,128,.8)}}.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.player-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--background-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:var(--border-width) solid var(--primary-grey-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.player-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,128,.1),transparent);transition:left .6s ease}.player-card:hover:before{left:100%}.player-card.ready{border-color:var(--neon-green);background:linear-gradient(135deg,rgba(0,255,65,.05) 0%,var(--background-tertiary) 100%)}.player-card.host-player{border-color:var(--neon-pink);background:linear-gradient(135deg,rgba(255,0,128,.05) 0%,var(--background-tertiary) 100%)}.player-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-pink);border-color:var(--neon-pink)}.player-avatar-container{position:relative;flex-shrink:0}.player-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--primary-black);border:var(--border-width) solid var(--primary-black);text-shadow:none;font-family:var(--font-mono)}.skull-icon{position:absolute;top:-12px;right:-12px;font-size:var(--font-size-xl);animation:skull-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 10px var(--neon-pink))}@keyframes skull-glow{0%,to{transform:rotate(-10deg) scale(1);filter:drop-shadow(0 0 10px var(--neon-pink))}50%{transform:rotate(10deg) scale(1.1);filter:drop-shadow(0 0 20px var(--neon-pink))}}.player-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.player-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.player-status-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.display-devices-section{background:linear-gradient(135deg,rgba(0,255,255,.03) 0%,rgba(0,0,0,.03) 100%);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid rgba(0,255,255,.2)}.display-devices-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.display-device-item{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--background-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--primary-grey-light);box-shadow:var(--shadow-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.device-icon{font-size:var(--font-size-base);color:var(--neon-cyan)}.instructions-section{background:var(--background-tertiary)!important;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(0,255,255,.2);color:var(--text-primary)}.join-instructions-banner{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,rgba(0,255,255,.1) 0%,rgba(255,0,128,.1) 100%);border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);box-shadow:0 0 30px #00ffff4d,inset 0 0 20px #00ffff1a;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #00ffff4d,inset 0 0 20px #00ffff1a}50%{box-shadow:0 0 40px #00ffff80,inset 0 0 25px #00ffff26}}.join-icon{font-size:var(--font-size-4xl);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.join-content{flex:1;text-align:center}.join-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em}.join-url{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,255,255,.8);margin-bottom:var(--spacing-sm);letter-spacing:.05em}.join-code-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:var(--font-size-xl)}.join-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.join-code{font-weight:var(--font-weight-bold);color:var(--neon-pink);text-shadow:0 0 15px rgba(255,0,128,.8);letter-spacing:.2em}.instructions-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.instructions-icon{font-size:var(--font-size-3xl);color:var(--neon-orange);animation:instructions-pulse 2s ease-in-out infinite}@keyframes instructions-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px var(--neon-orange))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px var(--neon-orange))}}.instructions-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.instruction-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-elevated)!important;border-radius:var(--radius-md);border:1px solid var(--primary-grey-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;color:var(--text-primary)}.instruction-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .5s ease}.instruction-item:hover:before{left:100%}.instruction-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--neon-cyan)}.instruction-number{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--gradient-primary);color:var(--text-primary);font-weight:var(--font-weight-black);border-radius:50%;border:var(--border-width) solid var(--primary-black);box-shadow:var(--shadow-sm);flex-shrink:0;font-family:var(--font-mono)}.instruction-content{flex:1;font-size:var(--font-size-sm);line-height:1.5;color:var(--text-secondary)}.instruction-content strong{color:var(--text-primary);font-weight:var(--font-weight-extrabold)}.lobby-actions{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(255,0,128,.03) 0%,rgba(0,0,0,.05) 100%);border-radius:var(--radius-lg);border:1px solid rgba(255,0,128,.2)}.host-actions,.player-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.ready-to-start{animation:ready-chaos 2s ease-in-out infinite}@keyframes ready-chaos{0%,to{box-shadow:var(--shadow-lg),var(--glow-pink);transform:scale(1)}50%{box-shadow:var(--shadow-xl),var(--glow-pink),0 0 40px #ff0080cc;transform:scale(1.02)}}.action-messages{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center}.action-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:1.5rem 2rem;border-radius:16px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:none;letter-spacing:.02em;min-height:60px;position:relative;overflow:hidden;transition:all .3s ease}.action-message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left 2s ease}.action-message:hover:before{left:100%}.error-message{background:linear-gradient(135deg,rgba(255,107,107,.15),rgba(255,23,68,.1));border-color:#ff6b6b66;color:#ff6b6b;box-shadow:0 8px 32px #ff6b6b33,inset 0 1px #ffffff1a}.warning-message{background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,152,0,.1));border-color:#ffc10766;color:#ffc107;box-shadow:0 8px 32px #ffc10733,inset 0 1px #ffffff1a}.success-message{background:linear-gradient(135deg,rgba(0,230,118,.15),rgba(52,211,153,.1));border-color:#34d39966;color:#34d399;box-shadow:0 8px 32px #34d39933,inset 0 1px #ffffff1a}.info-message{background:rgba(0,176,255,.1);border-color:var(--info-blue);color:var(--info-blue)}.message-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px currentColor);animation:icon-pulse 2s ease-in-out infinite}@media (max-width: 1200px){.lobby-main-content-area{flex-direction:column;gap:var(--spacing-lg)}.lobby-side-panel{width:100%;position:static;order:2}.lobby-view-container{order:1;max-width:none}.lobby-side-panel{display:flex;gap:var(--spacing-xl)}.side-panel-header,.side-panel-content{flex:1}.side-panel-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.lobby-main-content-area{padding:var(--spacing-md)}.lobby-container{padding:var(--spacing-lg)}.lobby-header{flex-direction:column;align-items:stretch;gap:var(--spacing-lg);text-align:center}.lobby-title{font-size:var(--font-size-4xl)}.game-info-section{align-items:center}.player-grid{grid-template-columns:1fr}.lobby-side-panel{flex-direction:column}.side-panel-content{grid-template-columns:1fr}}@media (max-width: 480px){.lobby-main-content-area{padding:var(--spacing-sm)}.lobby-container{padding:var(--spacing-md)}.lobby-title{font-size:var(--font-size-3xl)}.code-text{font-size:var(--font-size-xl);letter-spacing:.1em}.tip-item,.instruction-item{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.player-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}}.action-buttons-container{display:flex;gap:var(--spacing-md);align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.button-outline-danger{background:transparent;border:2px solid var(--danger-red);color:var(--danger-red);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal)}.button-outline-danger:hover:not(:disabled){background:var(--danger-red);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #ff174466,var(--glow-pink)}.button-secondary{background:var(--primary-grey);color:var(--text-primary);border:2px solid var(--primary-grey-light);transition:all var(--transition-normal)}.button-secondary:hover:not(:disabled){background:var(--primary-grey-light);border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-cyan)}@media (max-width: 768px){.action-buttons-container{flex-direction:column;width:100%}.action-buttons-container .button{width:100%}}.mobile-lobby-container{display:flex;flex-direction:column;min-height:100vh;background:var(--background-primary);position:relative;overflow:hidden}.mobile-lobby-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-lg);max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-game-info{text-align:center;margin-bottom:var(--spacing-lg)}.mobile-lobby-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);margin:0 0 var(--spacing-lg) 0;text-shadow:0 0 20px rgba(0,255,255,.8);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.mobile-game-code{background:linear-gradient(135deg,rgba(0,255,255,.08) 0%,rgba(255,0,128,.12) 100%);border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.mobile-game-code:hover{transform:scale(1.02);border-color:var(--neon-pink);box-shadow:0 0 30px #0ff6}.mobile-code-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.mobile-code-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);letter-spacing:.2em;font-family:var(--font-mono);text-shadow:0 0 15px rgba(0,255,255,.6)}.mobile-copied-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--neon-green);color:var(--primary-black);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;animation:copy-success .8s ease-out;z-index:10}.mobile-players-section{background:rgba(255,0,128,.05);border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mobile-player-count{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mobile-player-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-player-item{display:flex;align-items:center;gap:var(--spacing-md);background:rgba(0,0,0,.2);border:1px solid rgba(255,0,128,.2);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:all var(--transition-normal)}.mobile-player-item:hover{border-color:var(--neon-cyan);background:rgba(0,255,255,.05)}.mobile-player-avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-black);color:var(--primary-black);border:1px solid var(--primary-black);font-family:var(--font-mono);flex-shrink:0}.mobile-player-info{flex:1;display:flex;flex-direction:column;gap:2px}.mobile-player-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-mono);line-height:1.2}.mobile-player-status{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.mobile-player-icon{font-size:var(--font-size-2xl);filter:drop-shadow(0 0 10px var(--neon-pink))}.mobile-player-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.mobile-ready-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.mobile-ready-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-normal);min-height:80px;width:100%;max-width:300px;position:relative;overflow:hidden}.mobile-ready-button.not-ready{background:linear-gradient(135deg,var(--neon-cyan) 0%,#0099ff 100%);color:var(--primary-black);box-shadow:0 0 30px #0ff6}.mobile-ready-button.ready{background:linear-gradient(135deg,var(--neon-green) 0%,#00cc66 100%);color:var(--primary-black);box-shadow:0 0 30px #00ff4166;animation:ready-pulse 2s ease-in-out infinite}@keyframes ready-pulse{0%,to{transform:scale(1);box-shadow:0 0 30px #00ff4166}50%{transform:scale(1.02);box-shadow:0 0 40px #00ff4199}}.mobile-ready-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.mobile-ready-icon{font-size:var(--font-size-2xl);filter:drop-shadow(0 0 8px currentColor)}.mobile-ready-text{font-size:var(--font-size-lg)}.mobile-status-text{text-align:center;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.4;max-width:280px;font-family:var(--font-mono)}.mobile-instructions-section{background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.mobile-instructions-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,255,255,.2)}.mobile-instructions-icon{font-size:var(--font-size-lg);filter:drop-shadow(0 0 8px var(--neon-cyan))}.mobile-instructions-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.mobile-instructions-content{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mobile-instruction-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:rgba(0,0,0,.15);border:1px solid rgba(0,255,255,.15);border-radius:var(--radius-md);padding:var(--spacing-sm)}.mobile-instruction-number{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:var(--neon-cyan);color:var(--primary-black);font-weight:var(--font-weight-black);border-radius:50%;font-size:var(--font-size-xs);font-family:var(--font-mono);flex-shrink:0}.mobile-instruction-text{font-size:var(--font-size-xs);line-height:1.4;color:var(--text-secondary);font-family:var(--font-mono)}.mobile-instruction-text strong{color:var(--text-primary);font-weight:var(--font-weight-bold)}.mobile-tip{text-align:center;background:rgba(255,193,7,.08);border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-sm)}.prompt-phase-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md);color:var(--text-primary);position:relative;overflow-y:auto!important;overflow-x:visible!important;height:100%;min-height:100vh;display:flex;flex-direction:column}@media (min-width: 1024px){.prompt-phase-container{height:100vh;justify-content:flex-start;padding:var(--spacing-xl);overflow-y:auto}.prompt-content{max-width:800px;margin:0 auto;width:100%}}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:var(--border-width) solid var(--border-neon);position:relative}.header-content{flex:1}.phase-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.phase-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-bold)}.prompt-section{display:flex;flex-direction:column;gap:var(--spacing-lg);overflow:visible!important;flex:1;min-height:auto;width:100%}.prompt-display{position:relative;overflow:hidden}.prompt-header{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.prompt-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--neon-pink);text-transform:uppercase;letter-spacing:.1em;margin:0;font-family:var(--font-mono)}.prompt-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);text-align:center;margin:0;padding:var(--spacing-md);line-height:1.3;text-transform:uppercase;letter-spacing:.05em;color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,255,255,.6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;transform:none;filter:none;background:none;animation:subtle-glow 4s ease-in-out infinite alternate}@keyframes subtle-glow{0%{text-shadow:0 0 20px rgba(0,255,255,.6)}to{text-shadow:0 0 25px rgba(0,255,255,.8)}}@keyframes prompt-glow{0%{text-shadow:0 0 10px rgba(255,0,128,.8),0 0 20px rgba(255,0,128,.6),0 0 30px rgba(128,0,255,.4)}to{text-shadow:0 0 15px rgba(255,0,128,.9),0 0 25px rgba(255,0,128,.7),0 0 35px rgba(128,0,255,.5)}}.opponent-badge{margin-top:var(--spacing-md);font-size:var(--font-size-base);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.input-section{width:100%;min-height:auto;overflow:visible!important;display:flex;flex-direction:column;flex:1;margin-top:var(--spacing-lg)}.creation-zone{padding:var(--spacing-2xl);background:var(--background-elevated);display:block!important;visibility:visible!important;opacity:1!important;min-height:auto;position:relative}.creation-zone:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-secondary);opacity:.8}.input-group{margin-bottom:var(--spacing-xl)}.input-label{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.prompt-input{width:100%;min-height:120px;resize:vertical;font-size:var(--font-size-lg);line-height:1.5}.prompt-input::placeholder{color:var(--text-muted);font-style:italic}.action-zone{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.generate-btn{font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-2xl);min-width:200px;display:flex;align-items:center;gap:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.generate-btn .loading-spinner{width:20px;height:20px;border-width:2px}.status-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-align:center;justify-content:center}.error-status{background:rgba(255,23,68,.2);border:1px solid var(--danger-red);color:var(--danger-red)}.warning-status{background:rgba(255,152,0,.2);border:1px solid #ff9800;color:#ff9800}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-md) 0;margin:0 auto;flex:1;min-height:0;overflow:visible}.preview-image-wrapper{width:100%;max-width:100%;display:flex;justify-content:center;align-items:center;background:transparent;border-radius:var(--radius-xl);padding:0;box-shadow:none;border:none;overflow:visible}.preview-main-image{width:auto;height:auto;max-width:90%;max-height:60vh;object-fit:cover;border-radius:var(--radius-lg);display:block;margin:0 auto;box-shadow:var(--shadow-xl),var(--glow-pink);border:2px solid var(--neon-pink)}.preview-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.button-large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-2xl);min-width:200px;text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.1em}.preview-prompt-text{text-align:center;font-size:var(--font-size-base);color:var(--text-secondary);max-width:600px;font-style:italic;margin-bottom:0}.prompt-label-small{font-weight:var(--font-weight-bold);color:var(--neon-cyan);text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.05em}.submitted-image-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md)}.submitted-image{width:auto;height:auto;max-width:80%;max-height:60vh;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),var(--glow-pink);border:2px solid var(--neon-pink)}.submission-showcase{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%;min-height:0;overflow:visible}.submission-preview{width:100%;position:relative;z-index:10;min-height:0;overflow:visible}.submission-preview .loading-spinner,.submission-preview .loading-showcase,.submission-preview .loading-text{display:none!important}.showcase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.showcase-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.image-showcase{position:relative;overflow:visible;padding:var(--spacing-md);background:var(--background-elevated);min-height:0;margin-bottom:var(--spacing-md)}.generated-image-wrapper{display:flex;justify-content:center;position:relative;width:100%;min-height:300px}.generated-image{max-width:100%;max-height:400px;width:auto;height:auto;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:all var(--transition-normal);position:relative;z-index:1}.generated-image:hover{transform:scale(1.02);box-shadow:var(--shadow-xl),var(--glow-pink)}.image-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.image-badge{font-size:var(--font-size-sm)}.loading-showcase{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-3xl) 0}.loading-text{font-size:var(--font-size-lg);color:var(--text-secondary);font-style:italic}.prompt-display-card{padding:var(--spacing-sm);background:var(--background-tertiary);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.prompt-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.prompt-icon{font-size:var(--font-size-lg)}.prompt-card-label{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.submitted-prompt-text{font-size:var(--font-size-lg);color:var(--text-primary);line-height:1.5;margin:0;font-style:italic}.status-card{padding:var(--spacing-md);text-align:center;background:rgba(0,0,0,.5);border-radius:var(--radius-md);max-width:400px;margin:0 auto}.status-content{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);justify-content:center}.status-icon{font-size:var(--font-size-xl);animation:status-pulse 2s ease-in-out infinite}.success-pulse{animation:success-pulse 1.5s ease-in-out infinite}.loading-pulse{animation:loading-pulse 2s ease-in-out infinite}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes loading-pulse{0%,to{opacity:.6}50%{opacity:1}}.status-text{text-align:left}.status-text h4{font-size:var(--font-size-base);margin:0;color:var(--text-primary);font-weight:var(--font-weight-semibold)}.status-text p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.countdown-number{font-weight:var(--font-weight-bold);color:var(--neon-pink);font-family:var(--font-mono);font-size:var(--font-size-base)}.pro-tips{padding:var(--spacing-xl);background:var(--background-tertiary);border-left:4px solid var(--neon-green)}.tips-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tips-icon{font-size:var(--font-size-2xl)}.tips-title{font-size:var(--font-size-xl);margin:0;color:var(--neon-green);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.05em}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.tip-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:rgba(0,255,65,.1);border-radius:var(--radius-md);border:1px solid rgba(0,255,65,.3)}.tip-emoji{font-size:var(--font-size-lg)}.tip-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.example-prompt{padding:var(--spacing-md);background:rgba(0,255,65,.05);border-radius:var(--radius-md);border-left:3px solid var(--neon-green);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-secondary)}.example-prompt strong{color:var(--neon-green);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.prompt-phase-container{overflow-y:visible!important;height:auto!important;min-height:100%;padding-bottom:env(safe-area-inset-bottom,20px)}.prompt-section{overflow:visible!important;min-height:auto}.input-section{overflow:visible!important;min-height:auto;padding-bottom:var(--spacing-xl)}.image-preview-container{overflow:visible!important;height:auto!important;flex:initial!important;padding-bottom:var(--spacing-lg)}.preview-image-wrapper{max-width:100%;padding:var(--spacing-sm);height:auto!important;max-height:none!important;margin-bottom:var(--spacing-md)}.preview-main-image{max-height:35vh!important}.preview-actions{flex-direction:column;width:100%;padding:0 var(--spacing-md);position:relative;z-index:10;margin-bottom:var(--spacing-lg);overflow:visible!important}.button-large{width:100%;min-width:auto;min-height:44px}.prompt-phase-container{padding:var(--spacing-sm)}.phase-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.phase-title{font-size:var(--font-size-3xl)}.prompt-text{font-size:var(--font-size-2xl)}.creation-zone{padding:var(--spacing-lg)}.generate-btn{width:100%;justify-content:center}.tips-grid{grid-template-columns:1fr}.showcase-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}@media (max-width: 480px){.phase-title{font-size:var(--font-size-2xl)}.phase-subtitle{font-size:var(--font-size-lg)}.prompt-text{font-size:var(--font-size-xl)}.timer-badge{padding:var(--spacing-sm)}.timer-value{font-size:var(--font-size-xl)}.status-icon{font-size:var(--font-size-lg)}.status-card{padding:var(--spacing-xs)}.submitted-image{max-width:90%;max-height:50vh}.preview-main-image{max-height:30vh!important}}@supports (-webkit-touch-callout: none){.image-preview-container{margin-bottom:var(--spacing-xl);padding-bottom:0}.preview-actions{min-height:44px}.button-large{min-height:44px!important;display:flex;align-items:center;justify-content:center}.prompt-phase-container{min-height:-webkit-fill-available;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}}@media (max-width: 768px) and (orientation: landscape){.preview-main-image{max-height:50vh!important}.prompt-phase-container{padding:var(--spacing-sm)}.preview-actions{flex-direction:row!important;gap:var(--spacing-sm)}}@media (min-width: 1024px){.phase-title{font-size:var(--font-size-4xl)}.phase-subtitle{font-size:var(--font-size-xl)}.prompt-card{padding:var(--spacing-3xl);max-width:900px;margin:0 auto}.prompt-theme{font-size:var(--font-size-2xl)}.input-field{font-size:var(--font-size-lg);padding:var(--spacing-lg)}.prompt-button{font-size:var(--font-size-lg);padding:var(--spacing-lg) var(--spacing-3xl)}.preview-main-image{max-height:70vh!important;max-width:80%}.submitted-image{max-width:70%;max-height:70vh}.button-large{font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-3xl);min-width:250px}.image-preview-container,.submission-showcase{max-width:900px;margin:0 auto}}@keyframes status-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.regenerating-container{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;margin-bottom:var(--spacing-lg)}.regenerating-image-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);width:100%;max-width:600px;margin:0 auto}.regenerating-old-image{width:100%;height:auto;display:block;filter:grayscale(50%) brightness(.7);opacity:.8}.regenerating-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.regenerating-label{background:rgba(0,0,0,.8);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-lg);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--neon-pink);box-shadow:0 0 20px #ff008080}.regenerate-disabled-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:rgba(255,152,0,.2);border:1px solid #ff9800;color:#ff9800;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-align:center;justify-content:center;margin-top:var(--spacing-md)}.warning-icon{font-size:var(--font-size-lg)}@media (max-width: 768px){.regenerating-image-wrapper{max-width:100%}.regenerating-label{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-md)}}.prompt-phase-container .loading-spinner{width:24px;height:24px;border:3px solid var(--primary-grey);border-top-color:var(--neon-pink);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@media (prefers-reduced-motion: reduce){.prompt-text{animation:none;text-shadow:0 0 20px rgba(0,255,255,.6)}.status-icon,.timer-badge{animation:none}}.prompt-display-wrapper{--safe-h: 5vw;--safe-v: 5vh;--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--header-height: 12vh;--player-card-width: min(18vw, 20vh);--player-card-height: min(14vh, 12vw)}.prompt-display-wrapper{height:100vh;width:100vw;background:linear-gradient(135deg,var(--dark-bg) 0%,#1a1a2e 30%,#16213e 60%,var(--dark-bg) 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;color:var(--white);padding:0 var(--safe-h);box-sizing:border-box}.prompt-display-container{flex:1;display:flex;flex-direction:column;height:100%;width:100%;gap:1vh}.prompt-display-header{flex:0 0 auto;height:var(--header-height);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:1vw;padding:1.5vh 2vw;background:var(--card-bg);border:.3vh solid var(--border-pink);border-radius:2vh;box-shadow:0 0 3vh #ff00804d}.prompt-header-left{display:flex;align-items:center;justify-content:flex-start;justify-self:start}.prompt-header-center{display:flex;align-items:center;justify-content:center;justify-self:center}.prompt-header-right{display:flex;align-items:center;justify-content:flex-end;justify-self:end}.prompt-display-title{font-size:clamp(2rem,3.5vw,4rem);font-weight:900;background:linear-gradient(135deg,var(--pink),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:0 0 2vh rgba(255,0,128,.6)}.prompt-round-badge{font-size:clamp(.8rem,1.2vw,1.2rem);font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.1em;background:rgba(255,0,128,.2);padding:.3vh 1vw;border-radius:.5vh;border:.1vh solid rgba(255,0,128,.4)}.prompt-timer-text{font-size:clamp(1rem,1.8vw,2rem);font-weight:700;color:var(--yellow);font-family:monospace;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 2vh rgba(255,215,0,.8)}.prompt-round-info-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.2vh}.prompt-round-text{font-size:clamp(.8rem,1.2vw,1.4rem);font-weight:600;color:#fffc;font-family:monospace;text-transform:uppercase;letter-spacing:.1em}.prompt-game-code-text{font-size:clamp(1rem,1.6vw,1.8rem);font-weight:700;color:var(--yellow);font-family:monospace;letter-spacing:.15em;text-shadow:0 0 1vh rgba(255,215,0,.6)}.prompt-display-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:2vh;overflow:hidden;padding:1vh;min-height:0}.prompt-creation-status-section{width:100%;display:flex;flex-direction:column;align-items:center;padding:3vh 2vw;background:linear-gradient(135deg,rgba(255,0,128,.05) 0%,rgba(0,191,255,.05) 100%);border:.3vh solid rgba(255,0,128,.3);border-radius:2vh;box-shadow:0 0 3vh #ff008033}.prompt-status-title{text-align:center;font-size:3vw;margin-bottom:3vh;display:flex;align-items:center;justify-content:center;gap:2vw;font-weight:900;color:#ff0080;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 2vh rgba(255,0,128,.8)}.prompt-status-icon{font-size:4vw;animation:status-float 3s ease-in-out infinite;filter:drop-shadow(0 0 2vh rgba(255,0,128,.6))}@keyframes status-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1vh) rotate(-2deg)}50%{transform:translateY(-1.5vh) rotate(0)}75%{transform:translateY(-1vh) rotate(2deg)}}.prompt-progress-container{margin-bottom:3vh;width:100%;max-width:70vw}.prompt-progress-bar-wrapper{width:100%;height:2vh;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(20,20,40,.8) 100%);border:.2vh solid rgba(0,191,255,.4);border-radius:1vh;overflow:hidden;position:relative;box-shadow:0 0 2vh #00bfff4d}.prompt-progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff0080 0%,#00bfff 50%,#ff0080 100%);transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 0 2vh #ff008099}.prompt-progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.prompt-progress-text{text-align:center;margin-top:1.5vh;font-size:1.5vw;font-weight:600;color:#00bfff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 1vh rgba(0,191,255,.8)}.prompt-players-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--player-card-width),1fr));gap:clamp(.5rem,2vh,1.5rem) clamp(.5rem,1.5vw,1rem);width:100%;max-width:95vw;padding:2vh 0;justify-items:center;justify-content:center}.prompt-player-card{background:var(--card-bg);border:.3vh solid rgba(255,255,255,.2);border-radius:2vh;padding:2vh;display:flex;flex-direction:column;align-items:center;gap:1vh;width:100%;height:var(--player-card-height);aspect-ratio:1.3;transition:all .3s ease;box-shadow:0 0 2vh #ffffff1a;max-width:var(--player-card-width)}.prompt-player-card.submitted{border-color:#0f8;background:linear-gradient(135deg,rgba(0,255,136,.15) 0%,rgba(0,191,255,.1) 100%);box-shadow:0 0 2vh #0f86}.prompt-player-card.generated{border-color:#00bfff;background:linear-gradient(135deg,rgba(0,191,255,.15) 0%,rgba(0,191,255,.1) 100%);box-shadow:0 0 2vh #00bfff66}.prompt-player-card.creating{border-color:#ff0080;background:linear-gradient(135deg,rgba(255,0,128,.15) 0%,rgba(255,0,128,.1) 100%);box-shadow:0 0 2vh #ff008066;animation:creating-pulse 2s ease-in-out infinite}@keyframes creating-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.prompt-player-avatar-section{position:relative;display:flex;align-items:center;justify-content:center}.prompt-player-avatar{width:6vh;height:6vh;border-radius:50%;background:linear-gradient(135deg,#ff0080,#00bfff);display:flex;align-items:center;justify-content:center;font-size:1.5vw;font-weight:900;color:#fff;box-shadow:0 0 2vh #ff008099;border:.2vh solid rgba(255,255,255,.3)}.prompt-player-status-indicator{position:absolute;bottom:-.5vh;right:-.5vh;width:3vh;height:3vh;background:linear-gradient(135deg,rgba(0,0,0,.9) 0%,rgba(20,20,40,.9) 100%);border:.2vh solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2vw;box-shadow:0 0 1vh #0006}.prompt-player-info-section{display:flex;flex-direction:column;align-items:center;gap:.5vh;text-align:center}.prompt-player-name{font-size:1.2vw;font-weight:700;color:#fff;margin:0;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:15vw}.prompt-player-status{font-size:1vw;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.prompt-status-submitted{color:#0f8;text-shadow:0 0 1vh rgba(0,255,136,.8)}.prompt-status-generated{color:#00bfff;text-shadow:0 0 1vh rgba(0,191,255,.8)}.prompt-status-creating{color:#ff0080;text-shadow:0 0 1vh rgba(255,0,128,.8);animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.7}}.prompt-neural-networks-container{width:100%;max-width:80vw;margin-top:2vh}.prompt-neural-networks-box{padding:3vh 2vw;background:linear-gradient(135deg,rgba(255,0,128,.1) 0%,rgba(0,191,255,.1) 100%);border:.3vh solid rgba(255,0,128,.4);border-radius:2vh;box-shadow:0 0 3vh #ff00804d;position:relative;overflow:hidden}.prompt-neural-header{display:flex;align-items:center;justify-content:center;gap:2vw;margin-bottom:2vh}.prompt-neural-indicators{display:flex;gap:1vw;align-items:center}.prompt-neural-pulse-dot{width:1.5vh;height:1.5vh;background:#00bfff;border-radius:50%;animation:neural-pulse 1.5s ease-in-out infinite;box-shadow:0 0 1vh #00bfffcc}@keyframes neural-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.prompt-neural-title{font-size:2vw;font-weight:900;color:#ff0080;text-transform:uppercase;letter-spacing:.1em;margin:0;font-family:var(--font-mono);text-shadow:0 0 2vh rgba(255,0,128,.8)}.prompt-neural-content{display:flex;align-items:center;justify-content:center;gap:2vw}.prompt-neural-icon{font-size:3vw;animation:icon-electric 2s ease-in-out infinite}@keyframes icon-electric{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.5) hue-rotate(90deg);transform:scale(1.1)}}.prompt-neural-text{font-size:1.5vw;color:#ffffffe6;margin:0;font-weight:500;max-width:60vw;text-align:center;line-height:1.4}.prompt-countdown-section{width:100%;max-width:60vw;margin-top:2vh}.prompt-countdown-card{padding:3vh 2vw;background:linear-gradient(135deg,rgba(255,215,0,.1) 0%,rgba(255,215,0,.05) 100%);border:.3vh solid rgba(255,215,0,.6);border-radius:2vh;box-shadow:0 0 3vh #ffd70066;text-align:center;position:relative;overflow:hidden}.prompt-countdown-title{font-size:2.5vw;font-weight:900;color:gold;text-transform:uppercase;letter-spacing:.1em;margin:0 0 2vh;font-family:var(--font-mono);text-shadow:0 0 2vh rgba(255,215,0,.8)}.prompt-countdown-display{position:relative;margin-bottom:2vh}.prompt-countdown-number-large{font-size:8vw;font-weight:900;color:gold;font-family:var(--font-mono);text-shadow:0 0 4vh rgba(255,215,0,.8);animation:countdown-glow 1s ease-in-out infinite}@keyframes countdown-glow{0%,to{text-shadow:0 0 4vh rgba(255,215,0,.8)}50%{text-shadow:0 0 6vh rgba(255,215,0,1)}}.prompt-countdown-label{font-size:1.5vw;color:#fffc;text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-family:var(--font-mono)}.prompt-countdown-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vh;height:30vh;pointer-events:none}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:.3vh solid #ffd700;border-radius:50%;opacity:0;animation:ring-pulse 3s ease-out infinite}.pulse-ring.delay-1{animation-delay:1s}.pulse-ring.delay-2{animation-delay:2s}@keyframes ring-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.prompt-display-footer{flex:0 0 auto;height:8vh;display:flex;align-items:center;justify-content:center;padding:1vh 2vw;background:linear-gradient(135deg,rgba(255,0,128,.1) 0%,rgba(0,191,255,.1) 100%);border-top:.3vh solid rgba(255,0,128,.3);box-shadow:0 0 2vh #ff008033}.prompt-footer-message{width:100%;text-align:center}.prompt-footer-text{font-size:1.8vw;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.pulse-text{animation:footer-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff0080,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes footer-pulse{0%,to{text-shadow:0 0 2vh rgba(255,0,128,.5)}50%{text-shadow:0 0 4vh rgba(0,191,255,.8)}}@media (max-aspect-ratio: 4/3){.prompt-display-wrapper{--player-card-width: min(25vw, 15vh);--player-card-height: min(12vh, 20vw)}.prompt-players-grid{grid-template-columns:repeat(auto-fit,minmax(20vw,1fr));max-width:min(90vw,70vh)}.prompt-display-title{font-size:clamp(1.5rem,4vw,3rem)}}@media (min-aspect-ratio: 21/9){.prompt-display-wrapper{--header-height: 10vh;--player-card-width: min(12vw, 20vh)}}.matrix-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.matrix-column{position:absolute;top:0;width:2px;height:100%;background:linear-gradient(transparent,#ff0080,transparent);animation:matrix-fall 10s linear infinite;opacity:.1}.matrix-column:nth-child(1){left:10%;animation-delay:0s}.matrix-column:nth-child(2){left:30%;animation-delay:2s}.matrix-column:nth-child(3){left:50%;animation-delay:4s}.matrix-column:nth-child(4){left:70%;animation-delay:6s}.matrix-column:nth-child(5){left:90%;animation-delay:8s}@keyframes matrix-fall{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,rgba(255,0,128,.03) 50%);background-size:100% .4vh;pointer-events:none;z-index:1}.voting-phase-container{width:100%;max-width:90vw;margin:0 auto;padding:var(--spacing-lg);color:var(--text-primary);position:relative;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.voting-content{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--spacing-xl);flex:1}.voting-content.hidden{display:none}.phase-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:0;border:none}.phase-header-compact .header-content{flex:1}.phase-header-compact .phase-title{font-size:var(--font-size-2xl);margin:0;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.phase-header-compact .phase-subtitle{font-size:var(--font-size-base);margin:0;color:var(--text-secondary)}.timer-badge{display:flex;flex-direction:column;align-items:center;background:var(--background-card);border:var(--border-width) solid var(--neon-cyan);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md),var(--glow-cyan)}.timer-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);font-family:var(--font-mono)}.battle-arena-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;min-height:0;overflow-y:auto}.battle-arena{margin-bottom:var(--spacing-lg)}.arena-header{text-align:center;margin-bottom:var(--spacing-lg)}.arena-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);margin:0 0 var(--spacing-md) 0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.arena-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;font-style:italic}.prompt-showcase-compact{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);text-align:center;background:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md)}.prompt-showcase-compact .prompt-showcase-title{font-size:var(--font-size-lg);margin:0;color:var(--neon-pink);font-weight:var(--font-weight-bold);text-transform:uppercase}.images-grid-improved{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.image-battle-card-improved{background:var(--background-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);cursor:pointer;position:relative;display:flex;flex-direction:column;height:100%}.image-battle-card-improved:hover:not(.voted):not(.display-mode){transform:translateY(-4px) scale(1.01);border-color:var(--neon-pink);box-shadow:var(--shadow-xl),var(--glow-pink)}.image-battle-card-improved.selected{border-color:var(--neon-pink);box-shadow:var(--shadow-xl),var(--glow-pink);transform:translateY(-2px)}.image-battle-card-improved.disabled-voting{opacity:.6;cursor:not-allowed;filter:grayscale(30%)}.image-battle-wrapper-improved{position:relative;width:100%;aspect-ratio:1;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;background:var(--background-primary)}.image-battle-wrapper-improved .battle-image{width:100%;height:100%;object-fit:contain;transition:all var(--transition-normal)}.voting-actions{display:flex;justify-content:center;align-items:center;padding:var(--spacing-lg) 0;margin-top:auto;z-index:100}.vote-submit-btn{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}@media (min-width: 769px){.images-grid-improved:not(.display-mode-grid){grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.vote-submit-btn{width:auto;min-width:300px;font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-3xl)}.arena-title{font-size:var(--font-size-2xl)}.prompt-showcase-compact .prompt-showcase-title{font-size:var(--font-size-xl)}}.display-mode-grid.images-grid-improved{grid-template-columns:repeat(var(--image-count, 2),1fr)!important;gap:var(--spacing-3xl)!important;max-width:90vw!important;margin:var(--spacing-xl) auto!important;padding:0 var(--spacing-xl)!important}.display-mode-grid.images-grid-improved[data-image-count="2"]{grid-template-columns:1fr 1fr!important}.display-mode-grid.images-grid-improved[data-image-count="3"]{grid-template-columns:1fr 1fr 1fr!important;gap:var(--spacing-lg)!important;max-width:90vw!important}.display-mode-grid .image-battle-card-improved{border-width:.4vh;box-shadow:var(--shadow-xl),0 0 3vh #ff00804d;min-height:55vh;max-height:65vh;display:flex;flex-direction:column}.display-mode-grid .image-battle-wrapper-improved{aspect-ratio:4/3;height:auto;flex:1;min-height:45vh;max-height:55vh}.display-mode-grid[data-image-count="3"] .image-battle-card-improved{min-height:40vh}.display-mode-grid[data-image-count="3"] .image-battle-wrapper-improved{aspect-ratio:1;min-height:30vh}.display-mode-title{font-size:clamp(1.8rem,4vw,3.5rem);background:linear-gradient(135deg,#ff0080,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;margin:1rem 0;padding:1rem 2rem;line-height:1.2;text-align:center;background:rgba(0,0,0,.7);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.6)}50%{text-shadow:0 0 30px rgba(0,255,255,1),0 0 60px rgba(0,255,255,.8),0 0 80px rgba(0,255,255,.6)}}.display-mode-arena .arena-subtitle,.display-mode-grid .battle-card-header{display:none}.display-mode-arena{height:100vh;display:flex;flex-direction:column;justify-content:space-evenly;padding:var(--spacing-md) 0;gap:var(--spacing-lg)}.display-mode-arena .battle-arena{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-2xl)}.display-mode-arena .comparison-theme-banner-wrapper{margin-bottom:var(--spacing-2xl);flex-shrink:0}.unified-display-layout{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-primary);z-index:1000;display:flex;flex-direction:column;overflow:hidden;padding:15px;box-sizing:border-box}.theme-section{flex:0 0 10vh;display:flex;align-items:center;justify-content:center;padding:0 15px;margin-bottom:10px}.dynamic-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5px 15px;min-height:0;gap:10px}.spotlight-mode{text-align:center;gap:20px}.fighter-intro{margin-bottom:10px;text-align:center}.image-showcase{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:1000px;max-height:100%}.image-frame{position:relative;width:85vw;max-width:80vw;height:65vh;border-radius:2vh;overflow:hidden;box-shadow:0 0 30px #00ffff4d,0 8px 32px #00000080}.showcase-image{width:100%;height:100%;object-fit:cover;background:#000}.comparison-mode{gap:10px;padding:0 15px;max-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.comparison-header{text-align:center;flex-shrink:0;margin-bottom:8px;height:auto}.comparison-title{font-size:clamp(1.1rem,2.5vw,1.8rem);background:linear-gradient(135deg,#ff0080,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;margin:0;padding:.4rem .8rem;line-height:1.1;border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.9}.comparison-grid{display:grid;gap:2vh;width:100%;max-width:90vw;margin:0 auto;flex:1;align-items:stretch;justify-content:center;min-height:0;max-height:70vh}.fighter-count-2{grid-template-columns:1fr 1fr;height:100%}.fighter-count-3{grid-template-columns:1fr 1fr 1fr;height:100%}.comparison-fighter{display:flex;flex-direction:column;align-items:center;gap:1vh;height:100%;min-height:0;justify-content:flex-start}.fighter-label{font-size:1rem;font-weight:var(--font-weight-black);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);flex-shrink:0;margin-bottom:.5vh}.comparison-image{width:100%;height:100%;object-fit:contain;background:#000}.prompt-quote{font-size:.9rem;color:var(--neon-pink);font-weight:var(--font-weight-bold)}.display-voting-prompt-text,.voting-prompt-text{font-size:clamp(1rem,1.8vw,1.4rem);color:var(--text-primary);font-style:italic;margin:0 .5vw;text-shadow:0 0 .6vh rgba(255,255,255,.25);line-height:1.2;font-weight:var(--font-weight-medium);display:block;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.unified-progress-bar{flex:0 0 40px;display:flex;align-items:center;gap:12px;padding:8px 20px;background:rgba(0,0,0,.8);border-top:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box}.unified-progress-bar .progress-track{flex:1;height:4px;background:rgba(255,255,255,.1);border-radius:2px;position:relative;overflow:visible;width:100%;margin-top:20px}.unified-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#00ffff,#0099ff);border-radius:2px;box-shadow:0 0 8px #0ff6;will-change:width}.unified-progress-bar .progress-markers{position:absolute;top:-20px;left:0;right:0;height:40px;pointer-events:none;z-index:10}.unified-progress-bar .marker{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}.unified-progress-bar .marker-dot{width:8px;height:8px;background:rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 4px #ffffff80}.unified-progress-bar .marker-label{font-size:.7rem;color:#fffc;text-align:center;white-space:nowrap;font-family:var(--font-mono);font-weight:600;text-shadow:0 0 4px rgba(0,0,0,.8);position:absolute;top:16px;left:50%;transform:translate(-50%) rotate(-45deg);transform-origin:center}.unified-progress-bar .phase-marker .marker-dot{background:var(--neon-pink);width:12px;height:12px;box-shadow:0 0 8px #ff0080cc}.unified-progress-bar .phase-marker .marker-label{color:var(--neon-pink);font-weight:800}.progress-timer{font-size:.9rem;color:#0ff;font-weight:600;font-family:var(--font-mono);min-width:30px;text-align:right}.progress-info{flex:1}.progress-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:var(--font-weight-bold);margin-bottom:4px;font-family:var(--font-mono)}.progress-track{height:2px;background:var(--background-tertiary);border-radius:var(--radius-full);position:relative;overflow:visible}.progress-fill{height:100%;background:var(--gradient-secondary);border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 10px #0ff9}.progress-markers{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;align-items:center}.marker-label-left,.marker-label-right{font-size:.75rem;font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;font-family:var(--font-mono);background:rgba(0,0,0,.6);padding:2px 6px;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.corner-accent{position:absolute;width:20px;height:20px;border:2px solid var(--neon-cyan)}.corner-accent.top-left{top:10px;left:10px;border-right:none;border-bottom:none}.corner-accent.top-right{top:10px;right:10px;border-left:none;border-bottom:none}.corner-accent.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none}.corner-accent.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none}.image-glow-pulse{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid var(--neon-cyan);border-radius:inherit;opacity:.5;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.8}}.spotlight-container{width:100%;max-width:1600px;height:100vh;padding:40px 20px 20px;display:flex;flex-direction:column;gap:16px;position:relative;z-index:1;overflow:hidden;box-sizing:border-box;margin:0 auto}.spotlight-theme-banner{flex:0 0 auto;height:100px;min-height:80px;max-height:120px;background:var(--gradient-dark);border:2px solid var(--neon-pink);border-radius:var(--radius-md);padding:16px 24px;display:flex;align-items:center;justify-content:center;overflow:visible;box-shadow:var(--shadow-lg),inset 0 0 15px #ff008033,0 0 25px #ff00804d;align-items:stretch}.spotlight-fighter-intro{flex:0 0 auto;height:120px;min-height:100px;max-height:140px;text-align:center;padding:16px 24px;display:flex;flex-direction:column;justify-content:center;gap:12px}.spotlight-image-showcase{flex:1 1 auto;min-height:300px;max-height:calc(100vh - 408px);display:flex;align-items:center;justify-content:center;overflow:hidden}.spotlight-info-bar{flex:0 0 auto;height:80px;min-height:70px;max-height:90px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;background:rgba(0,0,0,.6);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-section{flex:1}.progress-track{height:4px;background:var(--background-tertiary);border-radius:var(--radius-full);position:relative;overflow:visible}.progress-fill-spotlight{height:100%;background:var(--gradient-secondary);border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 10px #0ff9}.progress-markers{position:absolute;top:12px;left:0;right:0;height:40px;display:flex;justify-content:space-between;align-items:center}.marker-label-left,.marker-label-right{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;font-family:var(--font-mono);background:rgba(0,0,0,.6);padding:2px 6px;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timer-section{display:flex;align-items:center}.timer-circle{position:relative;width:50px;height:50px}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--background-tertiary);stroke-width:4}.timer-progress{fill:none;stroke:var(--neon-cyan);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray 1s linear;filter:drop-shadow(0 0 10px rgba(0,255,255,.6))}.timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-black);color:var(--neon-cyan);font-family:var(--font-mono)}.theme-text{font-size:clamp(5rem,12vw,10rem);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin:0;color:var(--text-primary);text-shadow:0 0 20px rgba(255,0,128,1);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;white-space:normal}.theme-banner-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;z-index:2;position:relative;width:100%;height:100%;flex:1}.theme-label{font-size:1.1rem;color:var(--text-secondary);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.15em;font-family:var(--font-mono);margin:0;flex-shrink:0;opacity:.9}.fighter-number{font-size:1.2rem;font-weight:var(--font-weight-black);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);text-shadow:0 0 15px rgba(0,255,255,.8);margin:0}.fighter-interpretation{display:flex;flex-direction:column;gap:6px;max-width:800px;margin:0 auto}.interpretation-label{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.1em;font-family:var(--font-mono)}.interpretation-text{font-size:1.6rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-style:italic;line-height:1.4;margin:0;text-shadow:0 0 12px rgba(255,255,255,.4)}@media (max-width: 768px){.voting-phase-container{padding:var(--spacing-md);overflow-x:hidden;overflow-y:auto}.voting-content{overflow-x:hidden;overflow-y:auto}.phase-header-compact{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.timer-badge{padding:var(--spacing-sm)}.timer-value{font-size:var(--font-size-lg)}.vote-submit-btn{font-size:var(--font-size-base);padding:var(--spacing-md)}.prompt-showcase-compact .prompt-showcase-title{font-size:var(--font-size-base)}.display-mode-title{font-size:var(--font-size-2xl)}.spotlight-theme-banner{min-height:50px;max-height:80px;padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width: 480px){.voting-phase-container{padding:var(--spacing-sm)}.phase-header-compact .phase-title,.display-mode-title{font-size:var(--font-size-xl)}}.battle-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--background-tertiary);border-bottom:1px solid var(--border-color)}.fighter-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.fighter-badge{font-size:var(--font-size-xs);color:var(--neon-cyan);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.1em;font-family:var(--font-mono)}.selected-indicator{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-primary);border-radius:var(--radius-full);animation:selected-pulse 1s ease-in-out infinite}.selected-icon{font-size:var(--font-size-xl);color:var(--text-primary)}@keyframes selected-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fighter-prompt{padding:var(--spacing-lg);background:var(--background-elevated);border-top:1px solid var(--border-color);text-align:center}.prompt-quote{font-size:var(--font-size-xl);color:var(--neon-pink);font-weight:var(--font-weight-black)}.prompt-content{font-size:1.2rem;color:var(--text-primary);font-style:italic;line-height:1.4;margin:0 var(--spacing-sm);text-shadow:0 0 8px rgba(255,255,255,.3)}.vote-success-card{padding:var(--spacing-xl);max-width:500px;margin:0 auto}.success-content{display:flex;align-items:center;gap:var(--spacing-lg);text-align:left}.success-icon{font-size:var(--font-size-4xl);animation:success-bounce 2s ease-in-out infinite}@keyframes success-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-text h4{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;color:var(--neon-green);text-transform:uppercase;font-weight:var(--font-weight-bold)}.success-text p{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.loading-arena{padding:var(--spacing-3xl);text-align:center;background:var(--background-elevated)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.loading-spinner{width:60px;height:60px;border:4px solid var(--primary-grey);border-top-color:var(--neon-pink);border-radius:50%;animation:spin 1s linear infinite}.loading-title{font-size:var(--font-size-2xl);margin:0;color:var(--text-primary);text-transform:uppercase;font-weight:var(--font-weight-bold)}.loading-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-style:italic}.spotlight-timer{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.8);padding:12px 16px;border-radius:12px;border:2px solid var(--neon-cyan);box-shadow:0 0 20px #00ffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.spotlight-timer .timer-display{font-size:28px;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.8);margin-bottom:5px}.spotlight-timer .timer-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}@keyframes dynamicBackground{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:50% 0%}}.spotlight-theme-section{position:absolute;top:15px;left:50%;transform:translate(-50%);width:75%;max-width:900px;z-index:10}.spotlight-theme-section .theme-text{font-size:clamp(.9rem,1.5vw,1.4rem);text-align:center;margin:0;line-height:1.1;overflow-wrap:break-word;word-wrap:break-word}.spotlight-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;max-width:1100px;text-align:center}.fighter-intro{margin-bottom:15px}.fighter-number{display:none}.fighter-interpretation{background:rgba(0,0,0,.7);border-radius:15px;padding:25px 30px;margin-top:20px;min-height:100px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.interpretation-label{font-size:1.4rem;color:var(--neon-pink);font-weight:700;display:block;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.interpretation-text{font-size:1.8rem;color:var(--text-primary);font-style:italic;margin:0;line-height:1.4;text-align:center}.spotlight-image-showcase{position:relative;display:flex;justify-content:center;margin:15px 0}.image-frame{position:relative;width:700px;height:700px;border:4px solid var(--neon-cyan);border-radius:20px;overflow:hidden;box-shadow:0 0 40px #0ff9}.spotlight-image{width:100%;height:100%;object-fit:cover;object-position:center}.image-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.corner-accent{position:absolute;width:30px;height:30px;border:3px solid var(--neon-pink)}.corner-accent.top-left{top:-3px;left:-3px;border-right:none;border-bottom:none}.corner-accent.top-right{top:-3px;right:-3px;border-left:none;border-bottom:none}.corner-accent.bottom-left{bottom:-3px;left:-3px;border-right:none;border-top:none}.corner-accent.bottom-right{bottom:-3px;right:-3px;border-left:none;border-top:none}.spotlight-progress{padding:15px 20px;background:rgba(0,0,0,.7);border:2px solid rgba(0,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;width:100%;max-width:500px;margin:20px auto 0}.spotlight-progress-track{width:400px;height:12px;background:rgba(255,255,255,.2);border-radius:6px;margin:0 auto 15px;overflow:hidden;position:relative;border:2px solid rgba(0,255,255,.3);box-shadow:0 0 15px #00ffff4d,inset 0 0 10px #00000080}.spotlight-progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));border-radius:4px;transition:width .2s ease-out;box-shadow:0 0 15px #0ffc,0 0 30px #ff008066;position:relative}.spotlight-progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6));border-radius:0 4px 4px 0;animation:progress-glow 1.5s ease-in-out infinite alternate}@keyframes progress-glow{0%{opacity:.6;transform:scaleX(1)}to{opacity:1;transform:scaleX(1.1)}}.spotlight-progress-label{color:var(--neon-cyan);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px rgba(0,255,255,.8);margin-top:10px;text-align:center}.comparison-view-container{position:relative;width:100%;height:100vh;overflow:hidden;background:linear-gradient(45deg,#1a1a1a 0%,#0f0f0f 25%,#2a2a2a 50%,#0f0f0f 75%,#1a1a1a 100%);background-size:300% 300%;animation:comparisonBackground 12s ease-in-out infinite;display:flex;flex-direction:column}@keyframes comparisonBackground{0%,to{background-position:0% 50%}33%{background-position:100% 0%}66%{background-position:100% 100%}}.dynamic-content.comparison-mode{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 20px}.waiting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background-color:var(--background-cream);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:40px;max-width:800px;margin:0 auto}.waiting-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid var(--container-orange);padding-bottom:15px}.waiting-title{font-size:2.2rem;color:var(--primary-purple);margin-bottom:0}.voting-info{display:flex;flex-direction:column;align-items:flex-end}.pair-info{font-weight:700;margin-bottom:5px}.waiting-timer{background-color:var(--container-orange);color:var(--text-dark);padding:8px 15px;border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:1.2rem}.waiting-animation{position:relative;width:150px;height:150px;margin:30px 0}.pulse-outer{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-color:#6c5ce74d;animation:pulse-expand 2s infinite ease-out}.pulse-middle{position:absolute;top:25px;left:25px;right:25px;bottom:25px;border-radius:50%;background-color:#6c5ce780;animation:pulse-expand 2s infinite ease-out .3s}.pulse-inner{position:absolute;top:50px;left:50px;right:50px;bottom:50px;border-radius:50%;background-color:var(--primary-purple);animation:pulse-throb 2s infinite}@keyframes pulse-expand{0%{transform:scale(.5);opacity:1}to{transform:scale(1);opacity:0}}@keyframes pulse-throb{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}.waiting-message{max-width:500px;margin:0 auto}.waiting-heading{font-size:1.8rem;color:var(--primary-purple);margin-bottom:20px}.waiting-text{color:var(--text-dark);font-size:1.1rem;margin-bottom:15px;line-height:1.5}.waiting-progress{width:100%;max-width:500px;margin-top:30px}.progress-bar{width:100%;height:12px;background-color:#e0e0e0;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-fill{height:100%;background:linear-gradient(to right,var(--primary-purple),var(--accent-pink));transition:width 1s ease;border-radius:6px}@media (max-width: 768px){.waiting-screen{padding:25px}.waiting-header{flex-direction:column;align-items:flex-start;gap:15px}.voting-info{align-self:flex-end}.waiting-animation{width:120px;height:120px}.pulse-middle{top:20px;left:20px;right:20px;bottom:20px}.pulse-inner{top:40px;left:40px;right:40px;bottom:40px}}@media (max-width: 480px){.waiting-screen{padding:15px;min-height:50vh}.waiting-title{font-size:1.8rem}.waiting-heading{font-size:1.5rem}.waiting-animation{width:100px;height:100px;margin:20px 0}.pulse-middle{top:15px;left:15px;right:15px;bottom:15px}.pulse-inner{top:35px;left:35px;right:35px;bottom:35px}}.showdown-results-phase{display:flex;flex-direction:column;align-items:center;padding:20px;max-width:1200px;margin:0 auto}.phase-header{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.phase-header h2{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--color-primary)}.game-metadata{display:flex;gap:20px;font-size:16px;color:var(--color-text-secondary);margin-bottom:10px}.result-announcement{text-align:center;margin:20px 0;padding:12px 20px;background-color:var(--color-background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a}.winner-result{font-size:22px;font-weight:700;color:var(--color-success);margin-bottom:8px}.tie-result{font-size:22px;font-weight:700;color:var(--color-warning);margin-bottom:8px}.vote-count{font-size:16px;color:var(--color-text-secondary)}.showdown-images{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;margin:20px 0}.player-submission{display:flex;flex-direction:column;width:45%;max-width:500px;background-color:var(--color-background-card);border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.player-submission.winner{box-shadow:0 6px 12px #ffd70059;transform:scale(1.03);border:2px solid var(--color-success)}.submission-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-background-header);border-bottom:1px solid var(--color-border)}.player-name{font-weight:700;font-size:16px;color:var(--color-text-primary)}.vote-count{font-size:14px;padding:4px 10px;background-color:var(--color-background-secondary);border-radius:12px;color:var(--color-text-secondary)}.submission-image{width:100%;position:relative;aspect-ratio:1 / 1;background-color:var(--color-background-light)}.submission-image img{width:100%;height:100%;object-fit:contain}.submission-prompt{padding:16px;background-color:var(--color-background-light)}.prompt-text{font-style:italic;font-size:16px;margin-bottom:8px;color:var(--color-text-primary)}.theme-text{font-size:14px;color:var(--color-text-secondary)}.next-info{margin:20px 0;text-align:center;color:var(--color-text-secondary);font-style:italic}@media (max-width: 768px){.showdown-images{flex-direction:column;align-items:center}.player-submission{width:100%}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--color-primary);animation:spin 1s linear infinite;margin-bottom:20px}.showdown-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);position:relative;z-index:10;flex:0 0 auto;width:100%}.showdown-header-redesigned{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative;z-index:10;flex:0 0 auto;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d}.showdown-header-flex{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative;z-index:10;flex:0 0 auto;width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 6px 30px #0006}.header-left{display:flex;align-items:center;justify-content:flex-start}.header-center{display:flex;align-items:center;justify-content:center}.header-right{display:flex;align-items:center;justify-content:flex-end}.showdown-title-main{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:var(--font-weight-black);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin:0;color:var(--neon-pink);text-shadow:0 0 20px rgba(255,0,128,.6);white-space:nowrap;line-height:1}.showdown-combat-status{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(0,255,255,.15);border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px #0ff6;min-width:120px}.combat-label-new{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em}.combat-counter-new{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-black);color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.8)}.showdown-timer-display{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(255,69,0,.15);border:2px solid var(--neon-orange);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 12px #ff450066;min-width:100px}.timer-label-new{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em}.timer-value-new{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-black);color:var(--neon-orange);text-shadow:0 0 10px rgba(255,69,0,.8)}.showdown-title-compact{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:var(--font-weight-black);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--neon-pink);text-shadow:0 0 15px rgba(255,0,128,.6);white-space:nowrap}.combat-progress-compact{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(0,255,255,.1);border:1px solid var(--neon-cyan);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #00ffff4d}.combat-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.combat-counter{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-black);color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,255,255,.6)}.timer-compact{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(255,69,0,.1);border:1px solid var(--neon-orange);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 8px #ff45004d}.timer-label-compact{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.timer-value-compact{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-black);color:var(--neon-orange);text-shadow:0 0 8px rgba(255,69,0,.6)}@media (max-width: 1200px){.showdown-header-redesigned{grid-template-columns:1.8fr 1fr 1fr;gap:var(--spacing-md)}.showdown-title-compact{font-size:clamp(1rem,2vw,1.4rem)}}@media (max-width: 768px){.showdown-header-redesigned{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--spacing-sm);text-align:center;padding:var(--spacing-sm) var(--spacing-md)}.header-left,.header-center,.header-right{justify-content:center}.showdown-title-compact{font-size:clamp(.9rem,3vw,1.2rem);white-space:normal;text-align:center}}@media (max-width: 1200px){.showdown-header-flex{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.showdown-title-main{font-size:clamp(1.2rem,2.5vw,1.8rem)}.showdown-combat-status,.showdown-timer-display{min-width:100px;padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width: 768px){.showdown-header-flex{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md)}.showdown-title-main{font-size:clamp(1.1rem,4vw,1.5rem);white-space:normal;text-align:center;line-height:1.2}.showdown-combat-status,.showdown-timer-display{min-width:140px}}.showdown-round-info{display:flex;justify-content:space-between;align-items:center;width:100%}.showdown-round-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:var(--font-weight-black);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-glow 3s ease-in-out infinite alternate;white-space:nowrap;overflow:visible;text-align:center;width:100%}@keyframes title-glow{0%{filter:drop-shadow(0 0 10px rgba(255,0,128,.5))}to{filter:drop-shadow(0 0 20px rgba(255,0,128,.8))}}.showdown-progress{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.05);border:1px solid var(--neon-cyan);border-radius:var(--radius-md);padding:4px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #00ffff4d;width:fit-content}.progress-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.progress-number{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,255,255,.6)}.progress-divider{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--neon-pink);text-shadow:0 0 6px rgba(255,0,128,.6)}.progress-total{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--neon-green);text-shadow:0 0 6px rgba(0,255,65,.6)}.timer-section{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.timer-label{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.timer-display{background:var(--background-card);border:1px solid var(--neon-orange);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--neon-orange);text-shadow:0 0 8px rgba(255,69,0,.6);box-shadow:0 0 10px #ff45004d;flex-shrink:0}.winner-card .contestant-image{animation:winner-image-pulse 3s ease-in-out infinite alternate}@keyframes winner-image-pulse{0%{transform:scale(1);filter:brightness(1) saturate(1)}to{transform:scale(1.02);filter:brightness(1.1) saturate(1.2)}}.vote-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--background-primary);border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px #0ff6}.vote-count{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.8);line-height:1}.vote-label{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;line-height:1}.winner-crown-container{position:absolute;top:-20px;left:var(--spacing-md);z-index:20}.winner-crown{background:linear-gradient(135deg,var(--neon-gold),#ffaa00);color:var(--primary-black);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-lg),0 0 25px #ffd70099;animation:crown-sparkle 2s ease-in-out infinite}.crown-icon{font-size:var(--font-size-lg);animation:crown-bounce 1s ease-in-out infinite alternate}.crown-text{font-family:var(--font-mono);font-size:var(--font-size-base);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em}@keyframes crown-sparkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes crown-bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.contestant-info{padding:var(--spacing-lg);background:var(--background-tertiary);flex:0 0 auto;min-height:140px}.contestant-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);font-family:var(--font-mono);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-lg);text-align:center}.winner-card .contestant-name{color:var(--neon-gold);text-shadow:0 0 15px rgba(255,215,0,.6);animation:winner-name-glow 2s ease-in-out infinite alternate}@keyframes winner-name-glow{0%{text-shadow:0 0 15px rgba(255,215,0,.6)}to{text-shadow:0 0 25px rgba(255,215,0,.9)}}.prompt-display{text-align:center}.prompt-label{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--spacing-sm);text-shadow:0 0 10px rgba(0,255,255,.5)}.showdown-prompt-text,.prompt-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:1.5;font-style:italic;margin:0 0 var(--spacing-md) 0;padding:var(--spacing-md);background:rgba(255,255,255,.02);border-radius:var(--radius-md);border-left:3px solid var(--neon-pink)}.original-prompt{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic;margin:0;opacity:.7}.tie-announcement{text-align:center;background:var(--background-card);border:2px solid var(--neon-orange);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin:0 auto;max-width:600px;width:100%;position:relative;overflow:hidden;box-shadow:var(--shadow-lg),0 0 30px #ff450066;flex:0 0 auto}.tie-icon{font-size:4rem;margin-bottom:var(--spacing-lg);animation:tie-icon-flash 1.5s ease-in-out infinite}@keyframes tie-icon-flash{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.1)}}.tie-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);font-family:var(--font-mono);color:var(--neon-orange);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg);text-shadow:0 0 20px rgba(255,69,0,.8)}.tie-details{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.contestants-grid.single-contestant{display:flex;justify-content:center;align-items:center;max-width:600px;margin:0 auto}.contestants-grid.single-contestant .contestant-card{width:100%;max-width:500px}.solo-winner-announcement{text-align:center;padding:var(--spacing-2xl);background:var(--background-elevated);border:3px solid var(--neon-gold);border-radius:var(--radius-xl);margin:var(--spacing-2xl) auto;max-width:600px;box-shadow:var(--shadow-xl),0 0 40px #ffd7004d;position:relative;overflow:hidden}.solo-winner-announcement:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:rotate-glow 10s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.solo-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 30px rgba(255,215,0,.8));animation:trophy-pulse 2s ease-in-out infinite}@keyframes trophy-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.solo-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--neon-gold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md) 0;text-shadow:0 0 30px rgba(255,215,0,.5);animation:text-glow 3s ease-in-out infinite alternate}@keyframes text-glow{0%{text-shadow:0 0 30px rgba(255,215,0,.5)}to{text-shadow:0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.4)}}.solo-details{font-size:var(--font-size-xl);color:var(--text-secondary);margin:0;font-style:italic}.error-container{text-align:center;padding:var(--spacing-3xl);background:var(--background-card);border:2px solid var(--danger-red);border-radius:var(--radius-xl);max-width:600px;margin:0 auto;box-shadow:var(--shadow-xl),0 0 30px #ff17444d}.error-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--danger-red);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-lg) 0;animation:error-flash 1s ease-in-out infinite alternate}@keyframes error-flash{0%{opacity:1}to{opacity:.7}}.error-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.error-details{font-size:var(--font-size-base);color:var(--text-muted);font-style:italic;margin:0 0 var(--spacing-md) 0}.error-instructions{font-size:var(--font-size-base);color:var(--neon-cyan);margin:0;font-weight:var(--font-weight-semibold)}.tie-announcement{text-align:center;padding:var(--spacing-2xl);background:var(--background-elevated);border:3px solid var(--neon-yellow);border-radius:var(--radius-xl);margin:var(--spacing-2xl) auto;max-width:600px;box-shadow:var(--shadow-xl),0 0 40px #ffff004d;position:relative;overflow:hidden}.tie-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 30px rgba(255,255,0,.8));animation:lightning-flash 2s ease-in-out infinite}@keyframes lightning-flash{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(255,255,0,.8)) brightness(1)}50%{transform:scale(1.2);filter:drop-shadow(0 0 50px rgba(255,255,0,1)) brightness(1.5)}}.tie-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--neon-yellow);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md) 0;text-shadow:0 0 30px rgba(255,255,0,.5)}.tie-details{font-size:var(--font-size-xl);color:var(--text-secondary);margin:0;font-style:italic}.tie-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.lightning-1,.lightning-2{position:absolute;width:2px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--neon-yellow) 50%,transparent 100%);opacity:0;animation:lightning-strike 3s ease-in-out infinite}.lightning-1{left:20%;animation-delay:0s}.lightning-2{right:20%;animation-delay:1.5s}@keyframes lightning-strike{0%,to{opacity:0;transform:translateY(-100%)}50%{opacity:1;transform:translateY(0)}51%{opacity:0;transform:translateY(100%)}}.showdown-mobile-container{min-height:100vh;background:var(--background-primary);color:var(--text-primary);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);box-sizing:border-box}.mobile-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.mobile-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--neon-pink);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.mobile-showdown-info{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.mobile-results{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;justify-content:center}.mobile-winner,.mobile-loser{background:var(--background-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;width:100%;max-width:350px;border:2px solid var(--border-color)}.mobile-winner{border-color:var(--neon-gold);box-shadow:0 0 20px #ffd7004d}.mobile-winner-badge{background:var(--neon-gold);color:var(--background-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);display:inline-block}.mobile-loser-badge{background:var(--text-secondary);color:var(--background-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);display:inline-block}.mobile-result-image{width:200px;height:200px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:2px solid var(--border-color)}.mobile-player-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.mobile-votes{font-size:var(--font-size-lg);color:var(--neon-cyan);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.mobile-prompt{font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic;line-height:1.4;max-width:280px;margin:0 auto}.mobile-tie{background:var(--background-card);border:2px solid var(--neon-yellow);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;width:100%;max-width:350px;box-shadow:0 0 20px #ffff004d}.mobile-tie-badge{background:var(--neon-yellow);color:var(--background-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);display:inline-block}.mobile-tie-message{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.mobile-timer{text-align:center;padding-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.mobile-timer-label{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.mobile-timer-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);font-family:var(--font-mono);text-shadow:0 0 20px rgba(0,255,255,.6)}@media (max-width: 1024px){.showdown-mobile-container .contestants-grid{grid-template-columns:1fr;gap:var(--spacing-2xl);max-width:600px}.showdown-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.timer-section{align-items:center}}@media (max-width: 768px){.showdown-results-container:not(.display-view-container){padding:var(--spacing-lg)}.round-title{font-size:1.5rem}.showdown-mobile-container .contestants-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.contestant-info{padding:var(--spacing-lg)}.tie-announcement{padding:var(--spacing-xl);margin:var(--spacing-2xl) auto}.tie-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.showdown-results-container{padding:var(--spacing-md)}.round-title{font-size:1.25rem}.showdown-progress{flex-wrap:wrap;justify-content:center}.contestant-name{font-size:var(--font-size-lg)}.prompt-text{font-size:var(--font-size-sm)}.vote-badge{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.vote-count{font-size:var(--font-size-lg)}}@media (prefers-reduced-motion: reduce){.winner-card,.contestant-image,.winner-name-glow,.crown-icon,.tie-icon,.background-shift{animation:none}}.results-mobile-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);color:#fff;padding:20px;font-family:var(--font-primary)}.mobile-results-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,255,255,.3)}.mobile-results-header .mobile-title{font-size:1.5rem;font-weight:700;color:#0ff;margin:0 0 12px;text-shadow:0 0 10px rgba(0,255,255,.5)}.mobile-timer{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;color:#0ff}.mobile-player-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.stats-card{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000004d}.stats-title{font-size:1.1rem;font-weight:700;color:#0ff;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.round-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.8rem;color:#ffffffb3;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.stat-value{font-size:1.5rem;font-weight:700;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.5)}.stat-item.total{grid-column:1 / -1;background:rgba(0,255,255,.1);border-color:#00ffff4d}.stat-item.total .stat-value{font-size:2rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.6)}.position-display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.rank-badge{display:flex;align-items:baseline;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,rgba(0,0,0,.9) 0%,rgba(20,20,40,.9) 100%);border-radius:50%;color:#0ff;font-weight:900;box-shadow:0 4px 20px #0000004d,0 0 20px #0ff6;text-shadow:0 0 10px rgba(0,255,255,.6);border:2px solid rgba(0,255,255,.5)}.rank-number{font-size:2rem;line-height:1}.rank-suffix{font-size:1rem;margin-left:2px}.rank-details{display:flex;flex-direction:column;align-items:center}.rank-label{font-size:.9rem;color:#ffffffb3;margin-bottom:8px}.leader-badge{font-size:.9rem;font-weight:700;color:#0f8;background:rgba(0,255,136,.2);padding:4px 12px;border-radius:12px;border:1px solid rgba(0,255,136,.3)}.catch-up-info{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:8px}.catch-up-label{font-size:.9rem;color:#fffc}.catch-up-value{font-size:1.1rem;font-weight:700;color:orange}.mini-leaderboard{display:flex;flex-direction:column;gap:8px}.mini-rank-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(255,255,255,.05);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.mini-rank{font-weight:700;color:#0ff;width:20px}.mini-name{flex:1;color:#fff;font-weight:600;margin-left:12px}.mini-score{font-weight:700;color:#0f8;font-size:.9rem}.mobile-game-status{margin-top:auto;text-align:center;padding:20px}.game-over-notice,.next-round-notice{background:rgba(0,255,255,.1);border:2px solid rgba(0,255,255,.3);border-radius:12px;padding:16px}.final-message{font-size:1.2rem;font-weight:700;color:#0ff;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.next-round-notice p{font-size:1.1rem;font-weight:600;color:#0ff;margin:0;font-style:italic}@media (max-width: 480px){.results-mobile-container{padding:16px}.mobile-results-header .mobile-title{font-size:1.3rem}.round-stats{grid-template-columns:1fr;gap:8px}.rank-badge{width:70px;height:70px}.rank-number{font-size:1.8rem}.position-display{flex-direction:column;gap:12px}}.results-phase-container{width:100%;margin:0;padding:var(--spacing-lg);color:var(--text-primary);position:relative;height:100vh;max-height:100vh;background:radial-gradient(circle at 20% 30%,rgba(255,0,128,.12) 0%,rgba(255,0,128,.03) 70%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.12) 0%,rgba(0,255,255,.03) 70%),radial-gradient(circle at 40% 80%,rgba(128,0,255,.1) 0%,rgba(128,0,255,.02) 80%),linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.results-phase-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,0,128,.02) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(0,255,255,.02) 50%,transparent 70%);animation:results-background-shift 12s ease-in-out infinite alternate;pointer-events:none;z-index:1}.results-phase-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(0,255,255,.01) 101px,rgba(0,255,255,.01) 102px),repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(255,0,128,.01) 101px,rgba(255,0,128,.01) 102px);animation:results-grid-pulse 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes results-background-shift{0%{transform:translate(-2%) translateY(-1%) scale(1);opacity:.6}50%{transform:translate(1%) translateY(1%) scale(1.02);opacity:.8}to{transform:translate(2%) translateY(-.5%) scale(1.01);opacity:.7}}@keyframes results-grid-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.01)}}.results-phase-container>*{position:relative;z-index:10}.phase-header{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md);border-bottom:var(--border-width) solid var(--border-neon);position:relative;text-align:center;flex-shrink:0;max-height:15vh}.phase-header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--gradient-primary);animation:neon-scan 3s ease-in-out infinite}@keyframes neon-scan{0%,to{opacity:.3}50%{opacity:1}}.header-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.phase-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.phase-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-bold)}.header-actions{display:flex;align-items:center}.header-timer-centered{display:flex;justify-content:center;margin-top:var(--spacing-md)}.timer-badge{display:flex;flex-direction:column;align-items:center;background:var(--background-card);border:var(--border-width) solid var(--neon-cyan);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md),var(--glow-cyan);animation:timer-pulse 2s ease-in-out infinite}.timer-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs);font-family:var(--font-mono)}.timer-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);font-family:var(--font-mono)}@keyframes timer-pulse{0%,to{box-shadow:var(--shadow-md),var(--glow-cyan)}50%{box-shadow:var(--shadow-lg),var(--glow-cyan),0 0 30px #0ff9}}.results-content{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1;min-height:0;overflow:hidden}.results-neon-title{color:var(--neon-pink);text-shadow:0 0 20px rgba(255,0,128,.8),0 0 40px rgba(255,0,128,.6),0 0 60px rgba(255,0,128,.4);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-black);animation:results-neon-pulse 3s ease-in-out infinite}.results-neon-subtitle{color:var(--neon-cyan);text-shadow:0 0 15px rgba(0,255,255,.6),0 0 30px rgba(0,255,255,.4);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-bold)}@keyframes results-neon-pulse{0%,to{text-shadow:0 0 20px rgba(255,0,128,.8),0 0 40px rgba(255,0,128,.6)}50%{text-shadow:0 0 30px rgba(255,0,128,1),0 0 60px rgba(255,0,128,.8),0 0 90px rgba(255,0,128,.4)}}.battle-results{width:100%;flex:0 0 auto;max-height:50vh;overflow-y:auto}.results-header{text-align:center;margin-bottom:var(--spacing-2xl)}.results-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin:0 0 var(--spacing-md) 0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.results-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-style:italic}.pair-battle-result{margin-bottom:var(--spacing-lg);padding:0;overflow:hidden;background:var(--background-elevated)}.battle-header{padding:var(--spacing-md) var(--spacing-lg);background:var(--background-tertiary);border-bottom:1px solid var(--border-color)}.battle-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.battle-badge{font-size:var(--font-size-sm);color:var(--neon-pink);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.1em;font-family:var(--font-mono)}.battle-theme{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:var(--font-weight-medium);font-style:italic}.fighters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-md);padding:var(--spacing-md)}.fighter-result-card{background:var(--background-card);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all var(--transition-normal)}.fighter-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.winner-card{border-color:var(--neon-yellow);box-shadow:var(--shadow-xl),0 0 30px #ff06;transform:scale(1.05);animation:winner-glow 3s ease-in-out infinite}@keyframes winner-glow{0%,to{box-shadow:var(--shadow-xl),0 0 30px #ff06}50%{box-shadow:var(--shadow-xl),0 0 50px #ff0c,0 0 80px #ffd7004d}}.victory-crown{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--gradient-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);z-index:10;animation:crown-bounce 2s ease-in-out infinite}@keyframes crown-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.crown-icon{font-size:var(--font-size-lg)}.victory-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.fighter-image-container{position:relative;aspect-ratio:1;overflow:hidden}.fighter-image{width:100%;height:100%;object-fit:cover;transition:all var(--transition-normal)}.fighter-result-card:hover .fighter-image{transform:scale(1.05)}.winner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.winner-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);animation:winner-pulse 2s ease-in-out infinite}@keyframes winner-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.fighter-details{padding:var(--spacing-lg)}.fighter-name-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.fighter-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.vote-score{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--background-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.vote-icon{font-size:var(--font-size-base)}.vote-count{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--neon-green);font-family:var(--font-mono)}.vote-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.fighter-creation-prompt{background:rgba(255,255,255,.05);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--neon-cyan)}.prompt-label{font-size:var(--font-size-sm);color:var(--neon-cyan);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.05em;margin-bottom:var(--spacing-xs);display:block}.prompt-text{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;font-style:italic;line-height:1.4}.leaderboard-section{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.leaderboard-header{text-align:center;margin-bottom:var(--spacing-md);flex-shrink:0}.leaderboard-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);margin:0 0 var(--spacing-md) 0;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.leaderboard-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-style:italic}.rankings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);max-width:1000px;margin:0 auto;flex:1;align-content:start;overflow-y:auto;max-height:30vh}.ranking-card{background:linear-gradient(135deg,var(--background-card) 0%,rgba(255,0,128,.03) 50%,var(--background-elevated) 100%);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md),0 0 15px #ff00801a,inset 0 1px 2px #ffffff0d;height:auto;min-height:60px}.ranking-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,128,.1),transparent);transition:left .5s ease}.ranking-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--neon-pink);box-shadow:var(--shadow-xl),0 0 30px #ff00804d,0 0 50px #ff00801a}.ranking-card:hover:before{left:100%}.standard-rank{opacity:.8}.top-1{border-color:var(--neon-gold);background:linear-gradient(135deg,var(--background-card) 0%,rgba(255,215,0,.1) 30%,var(--background-elevated) 70%,rgba(255,215,0,.05) 100%);box-shadow:var(--shadow-xl),0 0 40px #ffd70066,0 0 80px #ffd70033,inset 0 1px 3px #ffd7001a;position:relative;transform:scale(1.05);animation:gold-pulse 3s ease-in-out infinite}.top-2{border-color:silver;background:linear-gradient(135deg,var(--background-card) 0%,rgba(192,192,192,.1) 30%,var(--background-elevated) 70%,rgba(192,192,192,.05) 100%);box-shadow:var(--shadow-lg),0 0 30px #c0c0c066,0 0 60px #c0c0c033,inset 0 1px 2px #c0c0c01a;transform:scale(1.02)}.top-3{border-color:#cd7f32;background:linear-gradient(135deg,var(--background-card) 0%,rgba(205,127,50,.1) 30%,var(--background-elevated) 70%,rgba(205,127,50,.05) 100%);box-shadow:var(--shadow-lg),0 0 25px #cd7f3266,0 0 50px #cd7f3233,inset 0 1px 2px #cd7f321a}@keyframes gold-pulse{0%,to{box-shadow:var(--shadow-xl),0 0 40px #ffd70066,0 0 80px #ffd70033}50%{box-shadow:var(--shadow-xl),0 0 60px #ffd70099,0 0 120px #ffd7004d}}.rank-position{display:flex;flex-direction:column;align-items:center;min-width:60px}.rank-emoji{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);filter:drop-shadow(0 0 10px rgba(255,215,0,.5));animation:emoji-glow 2s ease-in-out infinite}@keyframes emoji-glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transform:scale(1.1)}}.rank-number{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);text-shadow:0 0 5px rgba(255,0,128,.3)}.player-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.ranking-card .player-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.player-score{display:flex;align-items:baseline;gap:var(--spacing-xs)}.score-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);font-family:var(--font-mono);text-shadow:0 0 10px rgba(0,255,255,.6),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.2);animation:score-glow 3s ease-in-out infinite}@keyframes score-glow{0%,to{text-shadow:0 0 10px rgba(0,255,255,.6),0 0 20px rgba(0,255,255,.4)}50%{text-shadow:0 0 15px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.6),0 0 45px rgba(0,255,255,.4)}}.score-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 3px rgba(255,255,255,.2)}.achievement-glow{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:.1;background:radial-gradient(circle at center,var(--neon-pink) 0%,transparent 70%);animation:achievement-pulse 3s ease-in-out infinite}@keyframes achievement-pulse{0%,to{opacity:.1}50%{opacity:.2}}.results-footer{margin-top:var(--spacing-3xl);display:flex;justify-content:center}.game-finale{padding:var(--spacing-2xl);text-align:center;max-width:600px;margin:0 auto}.finale-content,.preview-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.finale-icon,.preview-icon{font-size:var(--font-size-6xl);animation:icon-bounce 2s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.finale-text h3,.preview-text h4{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);text-transform:uppercase;font-weight:var(--font-weight-bold)}.finale-text p,.preview-text p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.next-round-preview{padding:var(--spacing-xl);background:var(--background-tertiary);max-width:500px;margin:0 auto}@media (max-width: 1024px){.results-phase-container{padding:var(--spacing-lg)}.fighters-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.rankings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.phase-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.phase-title{font-size:var(--font-size-3xl)}.results-title,.leaderboard-title{font-size:var(--font-size-2xl)}.fighter-name-section{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.finale-content,.preview-content{gap:var(--spacing-md)}}@media (max-width: 480px){.results-phase-container{padding:var(--spacing-md)}.phase-title{font-size:var(--font-size-2xl)}.phase-subtitle{font-size:var(--font-size-lg)}.fighters-grid{padding:var(--spacing-lg);gap:var(--spacing-md)}.timer-badge{padding:var(--spacing-sm)}.timer-value{font-size:var(--font-size-xl)}.finale-icon,.preview-icon{font-size:var(--font-size-4xl)}}.results-phase-container .loading-spinner{width:60px;height:60px;border:4px solid var(--primary-grey);border-top-color:var(--neon-pink);border-radius:50%;animation:spin 1s linear infinite}.game-over-container{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--spacing-xl);background:var(--background-primary, #0d0d0d)!important;background-color:#0d0d0d!important;color:var(--text-primary, #ffffff)}.game-over-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.bg-gradient-animated{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--neon-purple) 0%,var(--primary-black) 25%,var(--neon-pink) 50%,var(--primary-black) 75%,var(--neon-cyan) 100%);animation:gradient-rotate 20s linear infinite;opacity:.1}@keyframes gradient-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--neon-pink) 1px,transparent 1px),linear-gradient(90deg,var(--neon-pink) 1px,transparent 1px);background-size:50px 50px;opacity:.03}.fireworks-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.firework{position:absolute;width:4px;height:4px;background:var(--neon-yellow);border-radius:50%;box-shadow:0 0 10px var(--neon-yellow)}.firework:nth-child(1){top:20%;left:30%;animation:firework-burst 2s ease-out infinite}.firework:nth-child(2){top:40%;right:25%;animation:firework-burst 2s ease-out infinite .5s}.firework:nth-child(3){bottom:30%;left:50%;animation:firework-burst 2s ease-out infinite 1s}@keyframes firework-burst{0%{transform:scale(1);opacity:1}to{transform:scale(50);opacity:0}}.game-over-content{position:relative;z-index:1;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(1rem,2vh,var(--spacing-2xl));max-height:calc(100vh - 2 * var(--spacing-xl));overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg) 0;scrollbar-width:thin;scrollbar-color:var(--neon-pink) transparent}.game-over-content::-webkit-scrollbar{width:8px}.game-over-content::-webkit-scrollbar-track{background:transparent}.game-over-content::-webkit-scrollbar-thumb{background:var(--neon-pink);border-radius:4px}.game-over-header{text-align:center;position:relative}.game-over-title{font-size:clamp(var(--font-size-5xl),12vw,var(--font-size-6xl));font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.15em;margin:0 0 var(--spacing-lg) 0;background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple),var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--neon-pink);text-shadow:0 0 20px rgba(255,0,128,.8),0 0 40px rgba(255,0,128,.6),0 0 60px rgba(255,0,128,.4);animation:title-pulse 2s ease-in-out infinite;position:relative;z-index:10}@keyframes title-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 40px rgba(255,0,128,.5))}50%{filter:brightness(1.2) drop-shadow(0 0 60px rgba(255,0,128,.8))}}.game-over-divider{width:200px;height:4px;background:var(--gradient-primary);margin:var(--spacing-lg) auto 0;border-radius:var(--radius-full);box-shadow:0 0 20px #ff008080}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin:0 auto var(--spacing-2xl) auto;color:var(--text-primary);width:100%;display:block}.winners-section{width:100%;text-align:center}.winners-showcase{display:flex;justify-content:center;gap:var(--spacing-2xl);flex-wrap:wrap}.winner-card-large{position:relative;background:var(--background-card);border:3px solid var(--neon-gold);border-radius:var(--radius-xl);padding:var(--spacing-2xl);min-width:280px;text-align:center;overflow:hidden;box-shadow:var(--shadow-xl),0 0 40px #ffd7004d,inset 0 0 20px #ffd7001a;transform-style:preserve-3d;animation:winner-float 3s ease-in-out infinite}@keyframes winner-float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-10px) rotateY(5deg)}}.winner-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);animation:glow-spin 10s linear infinite}@keyframes glow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.winner-rank{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);filter:drop-shadow(0 0 20px rgba(255,215,0,.8));animation:crown-bounce 2s ease-in-out infinite}@keyframes crown-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.winner-avatar{width:100px;height:100px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--text-primary);margin:0 auto var(--spacing-lg);box-shadow:0 0 30px #ff008080,inset 0 0 20px #fff3}.winner-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--neon-gold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-lg) 0;text-shadow:0 0 20px rgba(255,215,0,.5)}.winner-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-bold)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--neon-cyan);font-family:var(--font-mono);text-shadow:0 0 15px rgba(0,255,255,.5)}.winner-badge{background:var(--gradient-primary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 20px #ff008080}.rankings-section{width:100%;max-width:800px}.rankings-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.rank-card{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.rank-card:hover{transform:translate(10px);border-color:var(--neon-pink);box-shadow:var(--shadow-lg),-5px 0 20px #ff00804d}.rank-card.winner-rank{border-color:var(--neon-gold);background:linear-gradient(135deg,rgba(255,215,0,.05) 0%,transparent 100%);box-shadow:var(--shadow-md),0 0 20px #ffd70033}.rank-position{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--text-secondary);min-width:60px;text-align:center;font-family:var(--font-mono)}.rank-player{flex:1;display:flex;align-items:center;gap:var(--spacing-md)}.player-avatar-small{width:40px;height:40px;background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--text-primary)}.player-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.rank-score{display:flex;align-items:baseline;gap:var(--spacing-xs)}.score-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--neon-cyan);font-family:var(--font-mono)}.score-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase}.game-over-actions{display:flex;gap:var(--spacing-xl);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-xl);padding:var(--spacing-lg);position:relative;z-index:10}.action-button{min-width:250px;padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;border-radius:var(--radius-lg);border:2px solid var(--neon-pink);background:rgba(0,0,0,.8);color:var(--text-primary);transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d,0 0 20px #ff00804d}.action-button:hover{transform:translateY(-2px);border-color:var(--neon-cyan);box-shadow:0 8px 30px #0006,0 0 30px #00ffff80;background:rgba(0,255,255,.1)}.action-button:active{transform:translateY(0)}.button-icon{font-size:var(--font-size-xl)}.game-over-footer{text-align:center}.footer-message{font-size:var(--font-size-xl);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;font-weight:var(--font-weight-semibold)}.footer-tagline{font-size:var(--font-size-lg);color:var(--neon-pink);margin:0;font-style:italic;text-shadow:0 0 10px rgba(255,0,128,.5)}@media (max-width: 768px){.game-over-content{gap:clamp(.5rem,2vh,var(--spacing-2xl));padding:var(--spacing-md)}.game-over-title{font-size:clamp(var(--font-size-3xl),6vw,var(--font-size-4xl))}.section-title{font-size:clamp(var(--font-size-xl),4vw,var(--font-size-2xl))}.winners-showcase{flex-direction:column;align-items:center}.winner-card-large{min-width:100%;max-width:400px;padding:var(--spacing-lg)}.game-over-actions{flex-direction:column;width:100%}.action-button{width:100%;min-width:auto}.rankings-grid{max-height:30vh;overflow-y:auto}}@media (max-height: 600px){.game-over-content{gap:1rem;justify-content:flex-start;padding-top:1rem}.game-over-title{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));margin-bottom:.5rem}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.winner-card-large{padding:var(--spacing-md)}.rankings-grid{max-height:20vh}}@media (max-width: 480px){.game-over-container{padding:var(--spacing-md)}.game-over-title{font-size:var(--font-size-3xl)}.winner-avatar{width:80px;height:80px;font-size:var(--font-size-2xl)}.winner-name{font-size:var(--font-size-xl)}.stat-value{font-size:var(--font-size-2xl)}.rank-card{padding:var(--spacing-md);gap:var(--spacing-md)}.rank-position{font-size:var(--font-size-xl);min-width:40px}.player-name{font-size:var(--font-size-base)}.score-value{font-size:var(--font-size-xl)}}.cyberpunk-transition{min-height:100vh;background:var(--background-primary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--spacing-2xl)}.transition-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(255,0,128,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(128,0,255,.15) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(0,255,255,.1) 0%,transparent 50%);animation:background-pulse 4s ease-in-out infinite alternate}@keyframes background-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.05);opacity:1}}.transition-content{text-align:center;position:relative;z-index:10;max-width:800px;width:100%}.transition-title{font-size:clamp(3.5rem,8vw,6rem);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-2xl);position:relative;animation:title-entrance 1s ease-out}@keyframes title-entrance{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes underline-expand{0%{width:0}to{width:150px}}.transition-prompt{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:rgba(0,0,0,.7);border:2px solid var(--neon-pink);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:prompt-fade-in 1s ease-out .3s both;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,255,255,.3);box-shadow:inset 0 0 20px #ff00801a,0 0 30px #ff00804d;position:relative;overflow:hidden}.transition-prompt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(255,0,128,.05) 50%,transparent 100%);pointer-events:none}.transition-prompt:hover{border-color:var(--neon-cyan);box-shadow:inset 0 0 30px #00ffff1a,0 0 40px #0ff6;transition:all .3s ease}@keyframes prompt-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transition-countdown{margin:var(--spacing-2xl) 0;animation:countdown-entrance 1s ease-out .7s both}@keyframes countdown-entrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.countdown-number{font-size:clamp(6rem,15vw,12rem);font-weight:var(--font-weight-black);font-family:var(--font-mono);color:var(--neon-cyan);text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 25px rgba(0,255,255,.6);margin-bottom:var(--spacing-md);animation:countdown-pulse 1s ease-in-out infinite;position:relative}@keyframes countdown-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.countdown-number:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;border:2px solid var(--neon-cyan);border-radius:50%;opacity:.3;animation:countdown-ring 1s ease-in-out infinite}@keyframes countdown-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.countdown-label{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.2em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 15px rgba(0,255,255,.5)}.showdown-progress{margin:var(--spacing-2xl) 0;animation:progress-entrance 1s ease-out .5s both}@keyframes progress-entrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--neon-green);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg);text-shadow:0 0 15px rgba(0,255,65,.6)}.progress-bar{width:100%;height:8px;background:var(--background-tertiary);border:2px solid var(--neon-green);border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 0 10px #00000080,0 0 20px #00ff414d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan));border-radius:var(--radius-full);position:relative;transition:width .8s ease-out;box-shadow:0 0 15px #00ff41cc}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s ease-in-out infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.transition-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.scanning-line{display:none}@keyframes scanning-sweep{0%{left:-2px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.matrix-rain{display:none}@keyframes matrix-fall{0%{transform:translateY(-100px);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(100vh);opacity:0}}.voting-transition .transition-title,.showdown-transition .transition-title{color:var(--neon-cyan);text-shadow:2px 2px 4px rgba(0,0,0,.9)}.transition-title-cyan{color:var(--neon-cyan)!important;text-shadow:0 0 20px rgba(0,255,255,.8),2px 2px 4px rgba(0,0,0,.9)!important}.transition-prompt-white{color:var(--text-primary)!important;background:rgba(0,0,0,.7)!important;text-shadow:0 0 10px rgba(255,255,255,.3)!important}.round-start-transition .transition-title{color:var(--neon-cyan);text-shadow:2px 2px 4px rgba(0,0,0,.9)}.round-start-transition .round-display{background:rgba(0,0,0,.9)}.round-info-container{margin:var(--spacing-2xl) 0;animation:round-info-entrance 1s ease-out .5s both}@keyframes round-info-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.round-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);background:rgba(255,255,255,.05);border:2px solid var(--neon-cyan);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 25px #00ffff4d}.round-label{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.round-number{font-family:var(--font-mono);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--neon-green);text-shadow:0 0 20px rgba(0,255,65,.8);animation:round-number-glow 2s ease-in-out infinite alternate}@keyframes round-number-glow{0%{text-shadow:0 0 20px rgba(0,255,65,.8)}to{text-shadow:0 0 30px rgba(0,255,65,1),0 0 40px rgba(0,255,65,.5)}}.round-divider{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#ffffffb3;text-shadow:0 0 15px rgba(255,255,255,.3)}.round-total{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--neon-cyan);text-shadow:0 0 15px rgba(0,255,255,.6)}.battle-instructions{margin:var(--spacing-2xl) 0;background:rgba(255,255,255,.03);border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-lg);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:instructions-entrance 1s ease-out .8s both}@keyframes instructions-entrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.instruction-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.instruction-icon{font-size:var(--font-size-2xl);animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.instruction-title{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 15px rgba(0,255,255,.6)}.instruction-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;line-height:1.6;margin:0}.energy-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;border-radius:50%;animation:particle-float 3s ease-in-out infinite}.particle-1{top:20%;left:10%;background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink);animation-delay:0s}.particle-2{top:30%;right:15%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation-delay:.7s}.particle-3{bottom:25%;left:20%;background:var(--neon-green);box-shadow:0 0 10px var(--neon-green);animation-delay:1.4s}.particle-4{bottom:35%;right:25%;background:var(--neon-purple);box-shadow:0 0 10px var(--neon-purple);animation-delay:2.1s}@keyframes particle-float{0%,to{transform:translateY(0) scale(1);opacity:.6}25%{transform:translateY(-10px) scale(1.2);opacity:1}50%{transform:translateY(-20px) scale(.8);opacity:.8}75%{transform:translateY(-10px) scale(1.1);opacity:1}}@media (max-width: 768px){.cyberpunk-transition{padding:var(--spacing-xl)}.transition-title{font-size:2rem;margin-bottom:var(--spacing-xl);text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.voting-transition .transition-title,.showdown-transition .transition-title,.round-start-transition .transition-title{text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.transition-title:after{width:100px}.transition-prompt{font-size:var(--font-size-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);text-shadow:none!important;box-shadow:0 2px 8px #0000004d!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}.transition-prompt:before{display:none!important}.countdown-number{font-size:6rem;text-shadow:1px 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,255,255,.4)!important}.countdown-label{font-size:var(--font-size-lg);text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.progress-text{font-size:var(--font-size-lg)}.transition-background,.scanning-line{display:none!important}.matrix-rain:before,.matrix-rain:after{display:none!important}.energy-particles{display:none!important}}@media (max-width: 480px){.cyberpunk-transition{padding:var(--spacing-lg)}.transition-title{font-size:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.countdown-number{font-size:3rem;text-shadow:1px 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,255,255,.3)!important}.transition-prompt{font-size:var(--font-size-base);text-shadow:none!important;box-shadow:0 1px 4px #0000004d!important}.progress-text{font-size:var(--font-size-base)}}@media (prefers-reduced-motion: reduce){.transition-title,.transition-prompt,.transition-countdown,.showdown-progress{animation:none}.countdown-number,.scanning-line,.matrix-rain:before,.matrix-rain:after,.progress-fill:after{animation:none}.background-pulse{animation:none}}.game-container{display:flex;flex-direction:column;min-height:0;height:100%;padding:var(--spacing-md);overflow-y:auto!important;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.game-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);margin-bottom:var(--spacing-md)}.game-info{display:flex;flex-direction:column}.game-code{font-size:var(--font-size-large);font-weight:700}.game-round{font-size:var(--font-size-medium);color:var(--text-color);opacity:.8}.game-actions{display:flex;gap:var(--spacing-sm)}.timer-display{display:flex;align-items:center;font-size:var(--font-size-medium);background-color:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-medium)}.timer-display-icon{margin-right:var(--spacing-xs)}.lobby-container{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);padding:var(--spacing-lg)}.lobby-header{margin-bottom:var(--spacing-lg);text-align:center}.lobby-title{font-size:var(--font-size-xlarge);margin-bottom:var(--spacing-xs)}.lobby-instructions{font-size:var(--font-size-medium);opacity:.8}.players-list{margin-bottom:var(--spacing-lg)}.players-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-weight:700}.player-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-small);margin-bottom:var(--spacing-xs)}.player-item:nth-child(odd){background-color:#00000005}.player-name{display:flex;align-items:center}.player-host-badge{font-size:var(--font-size-small);background-color:var(--secondary-color);color:#fff;padding:2px 6px;border-radius:var(--border-radius-small);margin-left:var(--spacing-sm)}.player-status{display:flex;align-items:center}.player-ready{color:var(--success-color)}.player-not-ready{color:var(--warning-color)}.lobby-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.ready-button{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-medium)}.start-button{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-medium);background-color:var(--success-color)}.start-button:hover{background-color:#1ca350}.prompt-container{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);padding:var(--spacing-lg)}.prompt-header{margin-bottom:var(--spacing-lg);text-align:center}.prompt-title{font-size:var(--font-size-xlarge);margin-bottom:var(--spacing-xs)}.prompt-instructions{font-size:var(--font-size-medium);opacity:.8;margin-bottom:var(--spacing-md)}.prompt-text{font-size:var(--font-size-large);font-weight:700;padding:var(--spacing-md);background-color:#0000000d;border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-lg);text-align:center}.prompt-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.prompt-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-medium);border:1px solid var(--border-color);border-radius:var(--border-radius-medium)}.prompt-submit-button{align-self:center;padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-medium)}.image-preview{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-lg)}.image-preview-title{font-size:var(--font-size-medium);margin-bottom:var(--spacing-sm)}.image-preview-container{width:100%;max-width:400px;height:400px;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#00000005}.image-preview-container img{max-width:100%;max-height:100%}.image-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:var(--primary-color);border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite;margin-bottom:var(--spacing-sm)}.voting-container{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);padding:var(--spacing-lg)}.voting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.voting-progress{display:flex;flex-direction:column;align-items:flex-end}.timer{font-weight:700;color:var(--primary-color)}.prompt-display{margin-bottom:var(--spacing-lg);text-align:center}.prompt-display h3{margin-bottom:var(--spacing-xs)}.prompt-display p{font-size:var(--font-size-large);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);background-color:#0000000d;border-radius:var(--border-radius-medium);display:inline-block}.images-container{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.image-card{width:100%;max-width:300px;border:2px solid var(--border-color);border-radius:var(--border-radius-medium);overflow:hidden;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.image-card.selected{border-color:var(--primary-color);transform:scale(1.02)}.image-card.voted{cursor:default}.image-wrapper{height:300px;display:flex;align-items:center;justify-content:center;background-color:#00000005}.image-wrapper img{max-width:100%;max-height:100%}.image-footer{padding:var(--spacing-sm);background-color:var(--primary-color);color:#fff}.player-name{font-weight:700;display:block;margin-bottom:var(--spacing-xs)}.player-prompt{font-size:var(--font-size-small);opacity:.9;font-style:italic}.voting-actions{display:flex;flex-direction:column;align-items:center}.vote-button{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-medium);min-width:200px}.vote-confirmation{margin-top:var(--spacing-md);text-align:center;color:var(--success-color)}.loading-container{display:flex;justify-content:center;align-items:center;height:300px}.waiting-container{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);padding:var(--spacing-lg)}.waiting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.waiting-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0}.waiting-icon{position:relative;margin-bottom:var(--spacing-lg)}.pulse-circle{display:block;width:80px;height:80px;border-radius:50%;background-color:var(--primary-color);opacity:.8;box-shadow:0 0 0 20px #6246ea33;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #6246eab3}70%{transform:scale(1);box-shadow:0 0 0 20px #6246ea00}to{transform:scale(.95);box-shadow:0 0 #6246ea00}}.waiting-message{text-align:center;margin-bottom:var(--spacing-lg)}.waiting-message h3{font-size:var(--font-size-large);color:var(--primary-color);margin-bottom:var(--spacing-sm)}.waiting-progress{width:100%;max-width:400px;margin:0 auto}.progress-bar{width:100%;height:8px;background-color:#0000001a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);transition:width 1s linear}.results-container{display:flex;flex-direction:column;background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);padding:var(--spacing-lg)}.results-header{text-align:center;margin-bottom:var(--spacing-lg)}.results-title{font-size:var(--font-size-xlarge);margin-bottom:var(--spacing-xs)}.results-subtitle{font-size:var(--font-size-medium);opacity:.8}.results-pairs{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.pair-result{border:1px solid var(--border-color);border-radius:var(--border-radius-medium);overflow:hidden}.pair-header{padding:var(--spacing-sm) var(--spacing-md);background-color:#0000000d;font-weight:700}.pair-images{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.pair-image{flex:1;min-width:250px;display:flex;flex-direction:column}.pair-image-container{height:250px;display:flex;align-items:center;justify-content:center;background-color:#00000005;border-radius:var(--border-radius-small);overflow:hidden;margin-bottom:var(--spacing-sm)}.pair-image-container img{max-width:100%;max-height:100%}.pair-image-footer{display:flex;justify-content:space-between;align-items:center}.pair-image-player{font-weight:700}.pair-image-votes{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary-color);font-weight:700}.winner-badge{background-color:var(--secondary-color);color:#fff;padding:2px 6px;border-radius:var(--border-radius-small);margin-left:var(--spacing-sm);font-size:var(--font-size-small)}.score-summary{margin-top:var(--spacing-lg);text-align:center}.score-title{font-size:var(--font-size-large);margin-bottom:var(--spacing-md)}.score-table{width:100%;max-width:600px;margin:0 auto;border-collapse:collapse}.score-table th,.score-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-color)}.score-table th{background-color:#0000000d;font-weight:700}.score-table tr:last-child td{border-bottom:none}.results-actions{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.game-over-container{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:var(--border-radius-medium);box-shadow:var(--box-shadow);padding:var(--spacing-xl);text-align:center}.game-over-title{font-size:var(--font-size-xxlarge);margin-bottom:var(--spacing-lg);color:var(--primary-color)}.winner-announcement{font-size:var(--font-size-large);margin-bottom:var(--spacing-lg)}.winner-name{font-weight:700;color:var(--secondary-color);font-size:var(--font-size-xlarge);display:block;margin:var(--spacing-sm) 0}.winners-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.winner-card{background-color:#0000000d;border-radius:var(--border-radius-medium);padding:var(--spacing-md);min-width:200px}.winner-card-name{font-size:var(--font-size-large);font-weight:700;margin-bottom:var(--spacing-xs)}.winner-card-score{font-size:var(--font-size-large);color:var(--primary-color)}.final-scores{margin-bottom:var(--spacing-xl);width:100%;max-width:600px}.game-over-actions{display:flex;gap:var(--spacing-md)}.play-again-button{background-color:var(--secondary-color)}.play-again-button:hover{background-color:#e0a800}.new-game-button{background-color:var(--primary-color)}@media (max-width: 768px){.images-container{flex-direction:column;align-items:center}.pair-images{flex-direction:column}.game-header{flex-direction:column;gap:var(--spacing-sm)}.game-over-actions{flex-direction:column}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-up{animation:slideInUp .5s ease-in-out}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-down{animation:slideInDown .5s ease-in-out}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .5s ease-in-out}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.bounce{animation:bounce 2s infinite}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}.component-fade-enter{opacity:0}.component-fade-enter-active{opacity:1;transition:opacity .3s}.component-fade-exit{opacity:1}.component-fade-exit-active{opacity:0;transition:opacity .3s}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-shadow{transition:box-shadow .3s ease}.hover-shadow:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover-brightness{transition:filter .3s ease}.hover-brightness:hover{filter:brightness(1.1)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(to right,#f6f6f6 8%,#f0f0f0 18%,#f6f6f6 33%);background-size:1000px 100%;animation:shimmer 2s infinite linear}@keyframes scoreIncrement{0%{transform:scale(1);color:var(--text-color)}50%{transform:scale(1.5);color:var(--success-color)}to{transform:scale(1);color:var(--text-color)}}.score-increment{animation:scoreIncrement 1s ease-out}@keyframes voteHighlight{0%{box-shadow:0 0 #6246eab3}70%{box-shadow:0 0 0 10px #6246ea00}to{box-shadow:0 0 #6246ea00}}.vote-highlight{animation:voteHighlight 1s ease-out}@keyframes timerWarning{0%{color:var(--text-color)}50%{color:var(--error-color)}to{color:var(--text-color)}}.timer-warning{animation:timerWarning 1s infinite}@keyframes logoEntrance{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.logo-entrance{animation:logoEntrance .7s ease-out forwards}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.button-click{animation:buttonClick .3s ease-out}@media (max-width: 768px){:root{--mobile-font-base: 16px;--mobile-spacing: 1rem;--mobile-header-height: 80px;--mobile-safe-h: 0;--mobile-safe-v: 0;--mobile-border-radius: 1.5vh;--mobile-card-radius: 2vh;--mobile-button-height: 50px;--mobile-input-height: 50px;--mobile-touch-target: 44px}@media (max-width: 389px){:root{--mobile-font-base: 15px;--mobile-spacing: .875rem;--mobile-header-height: 70px;--mobile-safe-h: 0;--mobile-safe-v: 0;--mobile-button-height: 45px;--mobile-input-height: 45px}}@media (min-width: 428px){:root{--mobile-font-base: 17px;--mobile-spacing: 1.125rem;--mobile-header-height: 85px;--mobile-safe-h: 0;--mobile-safe-v: 0;--mobile-button-height: 52px;--mobile-input-height: 52px}}}@media (max-width: 768px){html,body{overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100vh!important;-webkit-overflow-scrolling:touch!important}#root,.app-layout{overflow:visible!important;height:auto!important;min-height:100vh!important}*{-webkit-transform-style:flat!important;transform-style:flat!important;will-change:auto!important}.scanlines,.matrix-bg,.matrix-column,.badge-glow,.pulse-ring,.neural-network,.hero-animation:before,.hero-animation:after,.ai-brain,.logo-cyber-ring,.site-header:before,.game-form:before,.form-focused:after,.home-container:before{display:none!important;pointer-events:none!important}*{animation:none!important;transition:none!important}input,select,textarea,button,.button{transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease!important}.loading-spinner,.loading-dots{animation:spin 1s linear infinite!important}.cyber-spinner .spinner-ring{animation:spin 1.5s linear infinite!important}.cyber-spinner .spinner-ring:nth-child(2){animation:spin 2s linear infinite reverse!important}.cyber-spinner .spinner-ring:nth-child(3){animation:spin 1s linear infinite!important}.page-transition,.fade-in,.fade-out,.modal,.modal-overlay{transition:opacity .3s ease,transform .3s ease!important}button:active,.button:active{transition:transform .1s ease!important}}@media (max-width: 768px){.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--mobile-header-height)!important;z-index:1000!important;background:linear-gradient(180deg,rgba(26,17,31,.98) 0%,rgba(26,17,31,.95) 100%)!important;padding-top:0!important;align-items:center!important;border-bottom:none!important}.site-header:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;background:var(--neon-pink)!important;box-shadow:0 0 20px #ff008080!important;pointer-events:none!important;z-index:1!important}.header-content-wrapper{height:100%!important;padding:0 var(--mobile-spacing)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.header-brand{transform:none!important;gap:1.5rem!important}.header-tagline{font-size:.7rem!important;margin-bottom:0!important}.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex!important;position:fixed!important;right:var(--mobile-spacing)!important;top:50%!important;transform:translateY(-50%)!important;z-index:1100!important;width:44px!important;height:44px!important;padding:8px!important}.mobile-menu-wrapper{display:block!important;position:fixed;top:0;right:0;width:300px;height:100%;background:linear-gradient(180deg,rgba(26,17,31,.98) 0%,rgba(26,17,31,.95) 100%);border-left:2px solid var(--neon-pink);z-index:999;overflow-y:auto;box-shadow:-10px 0 40px #000c;visibility:hidden;opacity:0;transform:translate(100%);transition:visibility 0s .3s,opacity .3s ease,transform .3s ease!important;pointer-events:none}.mobile-menu-wrapper.active{visibility:visible;opacity:1;transform:translate(0);transition:visibility 0s,opacity .3s ease,transform .3s ease!important;pointer-events:auto}.mobile-menu-overlay{display:block!important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s ease!important;pointer-events:none}.mobile-menu-overlay.active{visibility:visible;opacity:1;transition:visibility 0s,opacity .3s ease!important;pointer-events:auto}@media (max-width: 480px){.mobile-menu-wrapper{width:100%!important}.mobile-menu-toggle{width:40px!important;height:40px!important}}}@media (max-width: 768px){.main-content{padding-top:var(--mobile-header-height)!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative!important}.home-container{padding:var(--mobile-spacing)!important;min-height:calc(100vh - var(--mobile-header-height))!important;padding-bottom:100px!important}.how-to-play-section,.ai-section-left,.ai-section-right,.bottom-section{display:none!important}.page-container{padding:0!important}.main-game-section{width:100%!important;padding:0!important;margin:var(--mobile-spacing) 0 0 0!important}}@media (max-width: 768px){.form-group{margin-bottom:var(--mobile-spacing)!important;position:relative!important;z-index:30!important;pointer-events:auto!important}.form-label{display:block!important;margin-bottom:calc(var(--mobile-spacing) / 3)!important;color:var(--text-primary)!important;font-size:14px!important;font-weight:700!important;pointer-events:none!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],select,textarea,.input-field,.select-field,.code-input{width:100%!important;height:var(--mobile-input-height)!important;padding:12px 16px!important;font-size:var(--mobile-font-base)!important;font-family:inherit!important;background:var(--background-tertiary)!important;color:var(--text-primary)!important;border:2px solid var(--primary-grey-light)!important;border-radius:var(--mobile-border-radius)!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:manipulation!important;position:relative!important;z-index:50!important;pointer-events:auto!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;opacity:1!important;visibility:visible!important;display:block!important;box-sizing:border-box!important;margin:0!important;min-height:var(--mobile-touch-target)!important}textarea{height:auto!important;min-height:100px!important;resize:vertical!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--neon-pink)!important;box-shadow:0 0 0 2px #ff008033!important;background:var(--background-tertiary)!important;color:var(--text-primary)!important}input::placeholder,textarea::placeholder{color:var(--text-tertiary)!important;opacity:1!important}input:disabled,select:disabled,textarea:disabled{opacity:.5!important;cursor:not-allowed!important}}@media (max-width: 768px){button,.button{width:100%!important;height:var(--mobile-button-height)!important;min-height:var(--mobile-touch-target)!important;padding:10px 20px!important;font-size:var(--mobile-font-base)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;border:none!important;border-radius:var(--mobile-border-radius)!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;position:relative!important;z-index:50!important;display:block!important;text-align:center!important}.button-primary,.join-game-button,.create-game-button,.game-form .button{background:var(--gradient-primary)!important;background:linear-gradient(135deg,#8000ff 0%,#ff0080 100%)!important;color:#fff!important;border:2px solid var(--neon-pink)!important;border:2px solid #ff0080!important;box-shadow:0 4px 8px #0000004d,0 0 20px #ff008080!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important}.button-primary:hover:not(:disabled),.join-game-button:hover:not(:disabled),.create-game-button:hover:not(:disabled),.game-form .button:hover:not(:disabled){border-color:#8000ff!important;box-shadow:0 8px 16px #0006,0 0 30px #ff008099!important}.button-primary:active,.join-game-button:active,.create-game-button:active,.game-form .button:active{box-shadow:0 4px 8px #0000004d,0 0 10px #ff00804d!important}.button-secondary{background:rgba(255,255,255,.1)!important;color:var(--text-primary)!important;border:2px solid var(--border-color)!important}button:active,.button:active{transform:scale(.98)!important;opacity:.9!important}button:disabled,.button:disabled{opacity:.5!important;cursor:not-allowed!important}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){body{-webkit-user-select:none;user-select:none}input,select,textarea{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}.home-container{min-height:100vh;min-height:-webkit-fill-available}.main-content{-webkit-overflow-scrolling:touch!important}}}@media (max-width: 768px){input,select,textarea{-webkit-transform:translate3d(0,0,0)!important;transform:translateZ(0)!important}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.hover-lift:hover,.hover-glow:hover,.hover-scale:hover{transform:none!important;box-shadow:none!important}.mobile-container{width:100%;padding:var(--mobile-safe-v) var(--mobile-safe-h);box-sizing:border-box}.mobile-section{margin-bottom:calc(var(--mobile-spacing) * 2)}.mobile-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--mobile-spacing)}.mobile-grid-center{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mobile-spacing)}}@media (prefers-reduced-motion: reduce){@media (max-width: 768px){.cyber-spinner .spinner-ring{animation:none!important}.mobile-menu-wrapper,.mobile-menu-overlay,button,.button{transition:none!important}}}@media (prefers-contrast: high){@media (max-width: 768px){input,select,textarea,button,.button{border-width:3px!important}}}@media (max-width: 768px){.home-container{padding:var(--mobile-spacing)!important;min-height:calc(100vh - var(--mobile-header-height))!important;padding-bottom:100px!important}.main-game-section{width:100%!important;padding:0!important;margin:var(--mobile-spacing) 0 0 0!important}}@media (max-width: 768px){.game-forms-container{display:flex!important;flex-direction:column!important;gap:calc(var(--mobile-spacing) * 1.25)!important;width:100%!important;padding:0!important;margin:0 0 50px!important}.game-forms-container>.game-form:last-child{order:-1!important}.game-form{width:100%!important;margin:0!important;background:var(--background-card)!important;border:2px solid var(--border-color)!important;border-radius:var(--mobile-card-radius)!important;padding:var(--mobile-spacing)!important;box-shadow:var(--shadow-lg)!important;position:relative!important;overflow:visible!important;pointer-events:auto!important;z-index:10!important;min-height:auto!important;display:flex!important;flex-direction:column!important}.game-form:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:var(--gradient-primary)!important;pointer-events:none!important}.game-form-content{pointer-events:auto!important;position:relative!important;z-index:20!important}}@media (max-width: 768px){.form-header{text-align:center!important;margin-bottom:calc(var(--mobile-spacing) * 1.25)!important}.form-title{font-size:clamp(1.2rem,5vw,1.5rem)!important;color:var(--text-primary)!important;margin-bottom:calc(var(--mobile-spacing) / 2)!important}.form-subtitle{font-size:clamp(.8rem,3vw,.9rem)!important;color:var(--text-secondary)!important;line-height:1.4!important}.form-icon{font-size:clamp(1.8rem,6vw,2rem)!important;margin-bottom:calc(var(--mobile-spacing) / 2)!important;animation:none!important}}@media (max-width: 768px){.join-section{position:relative;z-index:1}.game-code-input{position:relative!important;z-index:50!important;pointer-events:auto!important;text-transform:uppercase!important;letter-spacing:.1em!important;text-align:center!important;font-weight:700!important;font-size:clamp(18px,5vw,20px)!important}.player-name-input{position:relative!important;z-index:50!important;pointer-events:auto!important}.join-game-button{margin-top:calc(var(--mobile-spacing) / 2)!important;font-size:clamp(16px,4vw,18px)!important}.join-help-text{font-size:clamp(.7rem,2.5vw,.8rem)!important;color:var(--text-tertiary)!important;text-align:center!important;margin-top:calc(var(--mobile-spacing) / 2)!important;line-height:1.3!important}}@media (max-width: 768px){.create-section{position:relative;z-index:1}.create-game-button{font-size:clamp(16px,4vw,18px)!important}.create-options{display:flex;flex-direction:column;gap:calc(var(--mobile-spacing) / 2);margin-bottom:var(--mobile-spacing)}.rounds-selector{display:flex;flex-direction:column;gap:calc(var(--mobile-spacing) / 3)}.rounds-selector label{font-size:clamp(.8rem,3vw,.9rem)!important}.rounds-selector select{padding:10px 12px!important}.create-help-text{font-size:clamp(.7rem,2.5vw,.8rem)!important;color:var(--text-tertiary)!important;text-align:center!important;margin-top:calc(var(--mobile-spacing) / 2)!important;line-height:1.3!important}}@media (max-width: 389px){.game-form{padding:calc(var(--mobile-spacing) * .75)!important}.form-header{margin-bottom:var(--mobile-spacing)!important}.game-forms-container{gap:var(--mobile-spacing)!important}}@media (min-width: 428px){.game-form{padding:calc(var(--mobile-spacing) * 1.25)!important;border-radius:calc(var(--mobile-card-radius) * 1.2)!important}.form-header{margin-bottom:calc(var(--mobile-spacing) * 1.5)!important}.game-forms-container{gap:calc(var(--mobile-spacing) * 1.5)!important}}@media (max-width: 768px){.form-error{background:rgba(255,0,128,.1)!important;border:1px solid rgba(255,0,128,.4)!important;border-radius:var(--mobile-border-radius)!important;padding:calc(var(--mobile-spacing) / 2)!important;margin-top:calc(var(--mobile-spacing) / 2)!important;text-align:center!important}.form-error-text{color:var(--neon-pink)!important;font-size:clamp(.7rem,2.5vw,.8rem)!important;font-weight:600!important}}@media (max-width: 768px){.form-loading{position:relative;pointer-events:none;opacity:.7}.form-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:var(--neon-pink);border-radius:50%;animation:spin 1s linear infinite!important}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.lobby-view-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--background-primary);position:relative}.lobby-main-content-area{display:flex;flex-direction:column!important;gap:var(--mobile-spacing)!important;padding:var(--mobile-spacing)!important;max-width:none!important;margin:0!important;width:100%!important;flex:1;position:relative;z-index:2}.lobby-view-container{flex:1;max-width:none!important;margin:0!important;width:100%}}@media (max-width: 768px){.lobby-header{text-align:center;margin-bottom:var(--mobile-spacing);padding:var(--mobile-spacing);background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--mobile-card-radius);box-shadow:var(--shadow-lg)}.lobby-game-code{font-size:clamp(1.5rem,8vw,2rem)!important;font-weight:900!important;color:var(--neon-pink)!important;letter-spacing:.2em!important;margin-bottom:calc(var(--mobile-spacing) / 2)!important;text-shadow:0 0 10px rgba(255,0,128,.5)!important}.lobby-game-info{font-size:clamp(.8rem,3vw,1rem)!important;color:var(--text-secondary)!important;margin-bottom:var(--mobile-spacing)!important}.lobby-round-info{font-size:clamp(.9rem,3.5vw,1.1rem)!important;color:var(--text-primary)!important;font-weight:700!important;margin-bottom:calc(var(--mobile-spacing) / 2)!important}}@media (max-width: 768px){.lobby-actions{display:flex;flex-direction:column;gap:calc(var(--mobile-spacing) / 2);margin-bottom:var(--mobile-spacing)}.copy-code-button{background:rgba(0,191,255,.1)!important;border:2px solid rgba(0,191,255,.4)!important;color:var(--blue)!important;border-radius:var(--mobile-border-radius)!important;padding:calc(var(--mobile-spacing) / 2) var(--mobile-spacing)!important;font-size:clamp(.8rem,3vw,.9rem)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important}.copy-code-button:hover:not(:disabled){background:rgba(0,191,255,.2)!important;box-shadow:0 0 15px #00bfff4d!important}.copy-code-button.copied{background:rgba(0,255,136,.1)!important;border-color:#0f86!important;color:var(--green)!important}}@media (max-width: 768px){.lobby-players-section{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--mobile-card-radius);padding:var(--mobile-spacing);box-shadow:var(--shadow-lg);margin-bottom:var(--mobile-spacing)}.lobby-players-header{font-size:clamp(1rem,4vw,1.2rem)!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:var(--mobile-spacing)!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.05em!important}.lobby-players-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:calc(var(--mobile-spacing) / 2)!important;width:100%!important}.lobby-player-card{background:var(--background-tertiary)!important;border:1px solid var(--primary-grey-light)!important;border-radius:var(--mobile-border-radius)!important;padding:calc(var(--mobile-spacing) / 2)!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;position:relative!important;min-height:60px!important}.lobby-player-card.ready{border-color:var(--green)!important;background:rgba(0,255,136,.1)!important}.lobby-player-card.not-ready{border-color:var(--yellow)!important;background:rgba(255,215,0,.1)!important}.lobby-player-card.host{border-color:var(--neon-pink)!important;background:rgba(255,0,128,.1)!important}.lobby-player-name{font-size:clamp(.8rem,3vw,.9rem)!important;font-weight:700!important;color:var(--text-primary)!important;margin-bottom:calc(var(--mobile-spacing) / 4)!important;word-break:break-word!important}.lobby-player-status{font-size:clamp(.7rem,2.5vw,.8rem)!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important}.lobby-player-status.ready{color:var(--green)!important}.lobby-player-status.not-ready{color:var(--yellow)!important}.lobby-player-status.host{color:var(--neon-pink)!important}.lobby-player-count{text-align:center;margin-bottom:calc(var(--mobile-spacing) / 2);font-size:clamp(.8rem,3vw,.9rem);color:var(--text-secondary)}}@media (max-width: 768px){.lobby-controls{display:flex;flex-direction:column;gap:calc(var(--mobile-spacing) / 2);margin-top:auto;padding-top:var(--mobile-spacing)}.ready-toggle-button{background:var(--gradient-primary)!important;border:2px solid var(--neon-pink)!important;color:#fff!important;border-radius:var(--mobile-border-radius)!important;padding:var(--mobile-spacing)!important;font-size:clamp(.9rem,3.5vw,1rem)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important}.ready-toggle-button.ready{background:rgba(0,255,136,.2)!important;border-color:var(--green)!important;color:var(--green)!important}.ready-toggle-button:hover:not(:disabled){box-shadow:0 0 20px #ff008066!important}.start-game-button{background:linear-gradient(135deg,var(--green),var(--blue))!important;border:2px solid var(--green)!important;color:#fff!important;border-radius:var(--mobile-border-radius)!important;padding:var(--mobile-spacing)!important;font-size:clamp(.9rem,3.5vw,1rem)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important}.start-game-button:hover:not(:disabled){box-shadow:0 0 20px #0f86!important}.start-game-button:disabled{background:rgba(128,128,128,.3)!important;border-color:#80808080!important;color:#ffffff80!important}.leave-game-button{background:rgba(255,0,128,.1)!important;border:2px solid rgba(255,0,128,.4)!important;color:var(--neon-pink)!important;border-radius:var(--mobile-border-radius)!important;padding:calc(var(--mobile-spacing) / 2) var(--mobile-spacing)!important;font-size:clamp(.8rem,3vw,.9rem)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important}.leave-game-button:hover:not(:disabled){background:rgba(255,0,128,.2)!important;box-shadow:0 0 15px #ff00804d!important}}@media (max-width: 768px){.lobby-status-message{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--mobile-border-radius);padding:var(--mobile-spacing);text-align:center;margin-bottom:var(--mobile-spacing)}.lobby-status-message.waiting{border-color:var(--yellow);background:rgba(255,215,0,.1)}.lobby-status-message.ready{border-color:var(--green);background:rgba(0,255,136,.1)}.lobby-status-text{font-size:clamp(.8rem,3vw,.9rem);font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--mobile-spacing) / 2)}.lobby-status-subtext{font-size:clamp(.7rem,2.5vw,.8rem);color:var(--text-secondary);line-height:1.3}}@media (max-width: 389px){.lobby-players-list{grid-template-columns:1fr!important}.lobby-player-card{min-height:50px!important}.lobby-header{padding:calc(var(--mobile-spacing) * .75)!important}}@media (min-width: 428px){.lobby-players-list{gap:var(--mobile-spacing)!important}.lobby-player-card{min-height:70px!important;padding:var(--mobile-spacing)!important}.lobby-header{padding:calc(var(--mobile-spacing) * 1.25)!important}}@media (max-width: 768px){.lobby-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.lobby-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--neon-pink);border-radius:50%;animation:spin 1s linear infinite!important;margin-bottom:var(--mobile-spacing)}.lobby-loading-text{font-size:clamp(.9rem,3.5vw,1rem);color:var(--text-secondary);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.mobile-prompt-view{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 30%,#16213e 60%,#0a0a0a 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;overflow-x:hidden;overflow-y:auto;position:relative;padding:var(--mobile-safe-v) var(--mobile-safe-h);box-sizing:border-box;display:flex;flex-direction:column}.mobile-prompt-view{--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--border-blue: rgba(0, 191, 255, .4);--border-yellow: rgba(255, 215, 0, .4)}}@media (max-width: 768px){.mobile-sticky-timer{position:fixed;top:0;left:0;right:0;height:8vh;background:linear-gradient(135deg,rgba(255,0,128,.3) 0%,rgba(0,191,255,.2) 100%);border-bottom:.2vh solid var(--border-pink);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 0 2vh #ff00804d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:monospace;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.5rem)}.mobile-sticky-timer.normal{color:var(--blue);text-shadow:0 0 1vh rgba(0,191,255,.8)}.mobile-sticky-timer.warning{color:var(--yellow);text-shadow:0 0 1vh rgba(255,215,0,.8);border-bottom-color:var(--border-yellow)}.mobile-sticky-timer.urgent{color:var(--pink);text-shadow:0 0 1vh rgba(255,0,128,.8);animation:timer-pulse 1s ease-in-out infinite!important}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 2vh #ff00804d}50%{transform:scale(1.02);box-shadow:0 0 3vh #ff008099}}}@media (max-width: 768px){.mobile-theme-prompt{margin-top:10vh;margin-bottom:2vh;background:var(--card-bg);border:.3vh solid var(--border-pink);border-radius:2vh;padding:3vh 4vw;text-align:center;box-shadow:0 0 3vh #ff00804d;position:relative}.mobile-round-info{font-size:clamp(.8rem,3vw,1rem);font-weight:700;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 1vh rgba(255,0,128,.8);margin:0 0 1.5vh}.mobile-theme-prompt-text{font-size:clamp(1rem,4vw,1.4rem);font-weight:600;color:var(--white);line-height:1.4;margin:0;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.5);border-left:.5vh solid var(--yellow);padding-left:3vw;text-align:left}}@media (max-width: 768px){.mobile-content-area{flex:1;display:flex;flex-direction:column;gap:3vh;padding:1vh 0;min-height:0}}@media (max-width: 768px){.mobile-prompt-input-section{background:linear-gradient(135deg,rgba(255,0,128,.05) 0%,rgba(0,191,255,.05) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:.2vh solid var(--border-pink);border-radius:2vh;padding:3vh 4vw;box-shadow:0 0 2vh #ff008033}.mobile-input-container{position:relative;margin-bottom:2vh}.mobile-prompt-textarea{background:var(--card-bg);border:.2vh solid var(--border-pink);border-radius:1.5vh;color:var(--white);font-family:inherit;padding:2vh 3vw;font-size:var(--mobile-font-base);width:100%;min-height:12vh;box-sizing:border-box;resize:vertical;box-shadow:0 0 1vh #ff008033}.mobile-prompt-textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 2vh #ff008080}.mobile-prompt-textarea::placeholder{color:#ffffff80}.mobile-character-count{position:absolute;bottom:1vh;right:2vw;font-size:clamp(.7rem,2.5vw,.8rem);color:#fff9;font-family:monospace}.mobile-generate-button{font-family:monospace;font-weight:700;font-size:clamp(1rem,4vw,1.2rem);text-transform:uppercase;letter-spacing:.1em;border:.2vh solid transparent;border-radius:1.5vh;padding:2vh 6vw;background:linear-gradient(135deg,var(--pink),var(--blue));color:var(--white);box-shadow:0 0 2vh #ff008066;border-color:var(--border-pink);transition:all .3s ease!important;cursor:pointer;width:100%}.mobile-generate-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 3vh #ff008099}.mobile-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}}@media (max-width: 768px){.mobile-prompt-tips-carousel{background:linear-gradient(135deg,rgba(0,191,255,.05) 0%,rgba(255,215,0,.05) 100%);border:.2vh solid var(--border-blue);border-radius:2vh;padding:2vh 3vw;text-align:center;box-shadow:0 0 2vh #00bfff33}.mobile-tips-header{display:flex;align-items:center;justify-content:center;gap:2vw;margin-bottom:1.5vh;font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.05em}.mobile-tips-icon{font-size:1.5rem;animation:cyber-float 3s ease-in-out infinite!important}@keyframes cyber-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-.5vh) rotate(-1deg)}50%{transform:translateY(-1vh) rotate(0)}75%{transform:translateY(-.5vh) rotate(1deg)}}.mobile-tips-content{margin-bottom:1.5vh}.mobile-tip-item{display:flex;align-items:center;justify-content:center;gap:2vw}.mobile-tip-icon{font-size:1.2rem}.mobile-tip-text{font-size:clamp(.9rem,3vw,1rem);color:#ffffffe6;font-style:italic}.mobile-tips-indicators{display:flex;justify-content:center;gap:1vw}.mobile-tip-indicator{width:1vh;height:1vh;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease!important}.mobile-tip-indicator.active{background:var(--blue);box-shadow:0 0 1vh #00bfffcc}}@media (max-width: 768px){.mobile-generating-section{background:var(--card-bg);border:.2vh solid var(--border-pink);border-radius:2vh;padding:4vh 3vw;text-align:center;box-shadow:0 0 3vh #ff00804d}.mobile-generating-animation{display:flex;flex-direction:column;align-items:center;gap:3vh}.mobile-spinner-container{position:relative;width:8vh;height:8vh}.mobile-cyber-spinner{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.mobile-spinner-ring{position:absolute;width:100%;height:100%;border:.3vh solid transparent;border-radius:50%;border-top-color:var(--pink);animation:cyber-spin 2s linear infinite!important}.mobile-spinner-ring:nth-child(2){width:70%;height:70%;border-top-color:var(--blue);animation:cyber-spin 1.5s linear infinite reverse!important}.mobile-spinner-ring:nth-child(3){width:40%;height:40%;border-top-color:var(--yellow);animation:cyber-spin 1s linear infinite!important}@keyframes cyber-spin{to{transform:rotate(360deg)}}.mobile-generating-text{display:flex;flex-direction:column;gap:1vh}.mobile-main-text{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:900;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(255,0,128,.8)}.mobile-sub-text{font-size:clamp(.9rem,3vw,1.1rem);color:#fffc;font-style:italic}}@media (max-width: 768px){.mobile-single-image-section,.mobile-submitted-section{background:var(--card-bg);border:.2vh solid var(--border-pink);border-radius:2vh;padding:3vh 3vw;text-align:center;box-shadow:0 0 3vh #ff00804d}.mobile-image-container{width:100%;max-width:80vw;aspect-ratio:1;margin:0 auto 2vh;border-radius:2vh;overflow:hidden;background:rgba(0,0,0,.3);border:.2vh solid var(--border-blue);box-shadow:0 0 2vh #00bfff4d}.mobile-generated-image,.mobile-submitted-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease!important}.mobile-action-buttons{display:flex;flex-direction:column;gap:2vh;margin-top:2vh}.mobile-submit-button{font-family:monospace;font-weight:700;font-size:clamp(1rem,4vw,1.2rem);text-transform:uppercase;letter-spacing:.1em;border:.2vh solid transparent;border-radius:1.5vh;padding:2vh 6vw;background:linear-gradient(135deg,var(--green),var(--blue));color:var(--white);box-shadow:0 0 2vh #0f86;transition:all .3s ease!important;cursor:pointer;width:100%}.mobile-submit-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 3vh #0f89}.mobile-regenerate-button{font-family:monospace;font-weight:700;font-size:clamp(.9rem,3vw,1rem);text-transform:uppercase;letter-spacing:.1em;border:.2vh solid var(--border-blue);border-radius:1.5vh;padding:1.5vh 4vw;background:transparent;color:var(--blue);box-shadow:0 0 1vh #00bfff4d;transition:all .3s ease!important;cursor:pointer;width:100%}.mobile-regenerate-button:hover:not(:disabled){background:rgba(0,191,255,.1);transform:scale(1.05)}}@media (max-width: 768px){.mobile-success-animation{display:flex;flex-direction:column;align-items:center;gap:2vh;margin-bottom:2vh}.mobile-checkmark{font-size:4rem;color:var(--green);text-shadow:0 0 2vh rgba(0,255,136,.8);animation:checkmark-bounce .6s ease-out!important}@keyframes checkmark-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mobile-success-text{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 1vh rgba(0,255,136,.8)}.mobile-waiting-message{font-size:clamp(.9rem,3vw,1.1rem);color:#fffc;font-style:italic;margin-top:2vh}}@media (max-width: 768px){.mobile-error-banner{background:rgba(255,0,128,.1);border:.2vh solid rgba(255,0,128,.6);border-radius:1.5vh;padding:2vh 3vw;margin:2vh 0;text-align:center;box-shadow:0 0 2vh #ff008066}.mobile-error-text{color:var(--pink);font-weight:600;font-size:clamp(.9rem,3vw,1rem)}}@media (max-width: 389px){.mobile-theme-prompt,.mobile-prompt-input-section{padding:2vh 3vw}.mobile-generate-button,.mobile-submit-button{padding:1.5vh 4vw}.mobile-image-container{max-width:85vw}}@media (min-width: 428px){.mobile-content-area{gap:4vh}.mobile-theme-prompt{padding:4vh 6vw}.mobile-image-container{max-width:70vw}.mobile-prompt-input-section{padding:4vh 5vw}}@media (max-width: 768px){.voting-phase-container{width:100%;margin:0 auto;padding:var(--mobile-spacing);color:var(--text-primary);position:relative;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.voting-content{display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(var(--mobile-spacing) * 2);flex:1}.voting-content.hidden{display:none}}@media (max-width: 768px){.phase-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--mobile-spacing);padding:0;border:none}.phase-header-compact .header-content{flex:1}.phase-header-compact .phase-title{font-size:clamp(1.2rem,5vw,1.5rem);margin:0;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-family:monospace;color:var(--text-primary)}.phase-header-compact .phase-subtitle{font-size:clamp(.8rem,3vw,1rem);margin:0;color:var(--text-secondary)}.timer-badge{display:flex;flex-direction:column;align-items:center;background:var(--background-card);border:2px solid var(--neon-cyan);border-radius:var(--mobile-border-radius);padding:calc(var(--mobile-spacing) / 2);box-shadow:var(--shadow-md),0 0 15px #00ffff4d}.timer-label{font-size:clamp(.6rem,2vw,.7rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(var(--mobile-spacing) / 4);font-family:monospace}.timer-value{font-size:clamp(1rem,4vw,1.2rem);font-weight:900;color:var(--neon-cyan);font-family:monospace}}@media (max-width: 768px){.swipe-voting-view{display:flex;flex-direction:column;height:100vh;width:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);color:#fff;overflow-y:auto;overflow-x:hidden;position:relative}.voting-timer{position:fixed;top:0;left:0;right:0;background:rgba(0,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.3);padding:12px 20px;text-align:center;font-size:clamp(1rem,4vw,1.1rem);font-weight:600;color:#0ff;z-index:100}.voting-content{padding-top:60px;padding-bottom:100px;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 160px)}.image-carousel{display:flex;align-items:center;justify-content:center;padding:20px 20px 0;position:relative;touch-action:pan-y}.image-container{width:100%;max-width:min(400px,85vw);aspect-ratio:1;position:relative;border-radius:var(--mobile-border-radius);overflow:hidden;box-shadow:0 0 30px #00ffff4d,0 8px 32px #00000080}.voting-image{width:100%;height:100%;object-fit:cover;background:#000;transition:transform .3s ease!important;border-radius:var(--mobile-border-radius)}.image-carousel.animating .voting-image{transform:scale(.95)}.swipe-hints{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none;z-index:10}.swipe-hint{position:absolute;background:rgba(0,255,255,.8);color:#000;padding:8px 12px;border-radius:20px;font-size:clamp(.8rem,3vw,.9rem);font-weight:600;animation:pulse 2s infinite!important}.swipe-hint.left{left:20px}.swipe-hint.right{right:20px}@keyframes pulse{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}}.position-indicators{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;width:fit-content;margin-left:auto;margin-right:auto}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease!important}.dot.active{background:#00ffff;transform:scale(1.2);box-shadow:0 0 8px #00ffff80}.image-label{margin-left:8px;font-size:clamp(.7rem,2.5vw,.85rem);color:#fffc}.prompt-display{text-align:center;padding:16px 20px;margin:16px 20px 20px;background:rgba(0,0,0,.6);border-radius:var(--mobile-border-radius);border:1px solid rgba(0,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:min(400px,calc(100% - 40px));width:calc(100% - 40px)}.prompt-label{font-size:clamp(.8rem,3vw,.9rem);color:#0ff;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.prompt-text{font-size:clamp(1rem,4vw,1.2rem);color:#fff;line-height:1.5;font-style:italic;font-weight:400;max-width:100%;word-wrap:break-word}.vote-actions{position:fixed;bottom:20px;left:20px;right:20px;z-index:100}.vote-button{width:100%;background:linear-gradient(135deg,#00ffff 0%,#0099ff 100%);border:none;border-radius:var(--mobile-border-radius);padding:16px 24px;font-size:clamp(1rem,4vw,1.1rem);font-weight:700;color:#000;cursor:pointer;transition:all .3s ease!important;box-shadow:0 4px 20px #00ffff4d,inset 0 1px #fff3;min-height:var(--mobile-touch-target)}.vote-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0ff6,inset 0 1px #fff3}.vote-button:active{transform:translateY(0);box-shadow:0 2px 15px #00ffff4d,inset 0 1px #fff3}.vote-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.vote-status{width:100%;padding:16px 24px;border-radius:var(--mobile-border-radius);font-size:clamp(1rem,4vw,1.1rem);font-weight:600;text-align:center;min-height:var(--mobile-touch-target);display:flex;align-items:center;justify-content:center}.vote-status.voted{background:linear-gradient(135deg,#00ff88 0%,#00cc66 100%);color:#000;box-shadow:0 4px 20px #00ff884d}.vote-status.disabled{background:rgba(255,255,255,.1);color:#fff9;border:2px solid rgba(255,255,255,.2)}.vote-confirmation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,255,136,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;animation:voteConfirm .5s ease!important}.vote-checkmark{font-size:clamp(3rem,10vw,4rem);margin-bottom:8px;animation:checkmarkPop .6s ease!important}.vote-message{font-size:clamp(1.2rem,5vw,1.5rem);font-weight:700}@keyframes voteConfirm{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.voting-progress{text-align:center;font-size:clamp(.8rem,3vw,.9rem);color:#ffffffb3;margin:20px auto;padding:0 20px}}@media (max-width: 768px){.battle-arena-wrapper{display:flex;flex-direction:column;gap:var(--mobile-spacing);padding:var(--mobile-spacing);height:100%;min-height:0;flex:1}.battle-arena{display:flex;flex-direction:column;gap:var(--mobile-spacing);height:100%;min-height:0;flex:1}.image-battle-cards{display:flex;flex-direction:column;gap:calc(var(--mobile-spacing) / 2);flex:1;min-height:0}.image-battle-card{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--mobile-card-radius);padding:var(--mobile-spacing);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease!important;cursor:pointer;flex:1;min-height:0}.image-battle-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px #00ffff4d;transform:translateY(-2px)}.image-battle-card.selected{border-color:var(--green);background:rgba(0,255,136,.1);box-shadow:0 0 25px #0f86}.battle-image{width:100%;max-width:250px;aspect-ratio:1;object-fit:cover;border-radius:var(--mobile-border-radius);margin-bottom:calc(var(--mobile-spacing) / 2)}.battle-prompt{font-size:clamp(.8rem,3vw,.9rem);color:var(--text-secondary);font-style:italic;line-height:1.3;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.battle-player-name{font-size:clamp(.7rem,2.5vw,.8rem);color:var(--text-tertiary);margin-top:calc(var(--mobile-spacing) / 4);font-weight:700}}@media (max-width: 389px){.image-container{max-width:90vw}.vote-actions{left:15px;right:15px;bottom:15px}.voting-timer{padding:10px 15px}.prompt-display{margin:12px 15px 15px;padding:12px 15px}}@media (min-width: 428px){.image-container{max-width:420px}.voting-timer{padding:15px 25px}.vote-actions{left:25px;right:25px;bottom:25px}.prompt-display{margin:20px 25px 25px;padding:20px 25px;max-width:450px}}@media (max-width: 768px){.voting-error{background:rgba(255,0,128,.1);border:2px solid rgba(255,0,128,.4);border-radius:var(--mobile-border-radius);padding:var(--mobile-spacing);margin:var(--mobile-spacing);text-align:center}.voting-error-text{color:var(--neon-pink);font-size:clamp(.9rem,3.5vw,1rem);font-weight:600}.voting-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.voting-loading-spinner{width:40px;height:40px;border:3px solid rgba(0,255,255,.3);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite!important;margin-bottom:var(--mobile-spacing)}.voting-loading-text{font-size:clamp(.9rem,3.5vw,1rem);color:var(--text-secondary);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.mobile-transition-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--mobile-spacing);background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 30%,#16213e 60%,#0a0a0a 100%);color:#fff;text-align:center;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.mobile-transition-container{--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--border-blue: rgba(0, 191, 255, .4);--border-yellow: rgba(255, 215, 0, .4)}}@media (max-width: 768px){.mobile-transition-timer{background:linear-gradient(135deg,rgba(0,191,255,.3) 0%,rgba(255,0,128,.2) 100%);border:.2vh solid var(--border-blue);border-radius:2vh;padding:2vh 4vw;font-family:monospace;font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 2vh #00bfff99;text-align:center;margin-bottom:4vh;font-size:clamp(1.2rem,5vw,1.8rem);color:var(--blue);text-shadow:0 0 1vh rgba(0,191,255,.8)}.mobile-transition-timer.warning{color:var(--yellow);text-shadow:0 0 1vh rgba(255,215,0,.8);border-color:var(--border-yellow)}.mobile-transition-timer.urgent{color:var(--pink);text-shadow:0 0 1vh rgba(255,0,128,.8);border-color:var(--border-pink);animation:timer-pulse 1s ease-in-out infinite!important}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 2vh #ff008099}50%{transform:scale(1.05);box-shadow:0 0 3vh #ff0080cc}}}@media (max-width: 768px){.mobile-round-start{text-align:center}.mobile-round-start-container{background:var(--card-bg);border:.3vh solid var(--border-pink);border-radius:3vh;padding:4vh 5vw;box-shadow:0 0 4vh #ff00804d;margin-bottom:4vh}.mobile-round-number{font-size:clamp(3rem,12vw,5rem);font-weight:900;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 3vh rgba(255,0,128,.8);margin-bottom:2vh;animation:round-pulse 2s ease-in-out infinite!important}@keyframes round-pulse{0%,to{transform:scale(1);text-shadow:0 0 3vh rgba(255,0,128,.8)}50%{transform:scale(1.1);text-shadow:0 0 5vh rgba(255,0,128,1)}}.mobile-round-title{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;margin-bottom:2vh}.mobile-round-subtitle{font-size:clamp(1rem,4vw,1.4rem);color:#fffc;font-style:italic;line-height:1.4;margin-bottom:3vh}.mobile-round-progress{display:flex;justify-content:center;align-items:center;gap:2vw;margin-top:3vh}.mobile-round-dot{width:2vh;height:2vh;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease!important}.mobile-round-dot.completed{background:var(--green);box-shadow:0 0 1vh #0f8c}.mobile-round-dot.current{background:var(--pink);box-shadow:0 0 1vh #ff0080cc;transform:scale(1.3)}.mobile-round-info{font-size:clamp(.9rem,3.5vw,1.1rem);color:var(--blue);font-weight:600;margin-top:2vh}}@media (max-width: 768px){.mobile-voting-transition{text-align:center}.mobile-voting-transition-container{background:linear-gradient(135deg,rgba(0,191,255,.1) 0%,rgba(255,215,0,.1) 100%);border:.3vh solid var(--border-blue);border-radius:3vh;padding:4vh 5vw;box-shadow:0 0 4vh #00bfff4d;margin-bottom:4vh}.mobile-voting-icon{font-size:clamp(4rem,15vw,6rem);margin-bottom:2vh;animation:voting-float 3s ease-in-out infinite!important}@keyframes voting-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1vh) rotate(-2deg)}50%{transform:translateY(-2vh) rotate(0)}75%{transform:translateY(-1vh) rotate(2deg)}}.mobile-voting-title{font-size:clamp(1.8rem,7vw,2.5rem);font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(0,191,255,.8);margin-bottom:2vh}.mobile-voting-subtitle{font-size:clamp(1rem,4vw,1.3rem);color:#ffffffe6;font-style:italic;line-height:1.4;margin-bottom:3vh}.mobile-submission-stats{background:rgba(0,0,0,.5);border:.2vh solid var(--border-yellow);border-radius:2vh;padding:2vh 3vw;margin-top:3vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}.mobile-stats-row:last-child{margin-bottom:0}.mobile-stats-label{font-size:clamp(.9rem,3.5vw,1rem);color:var(--yellow);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.mobile-stats-value{font-size:clamp(1rem,4vw,1.2rem);color:var(--white);font-weight:900;font-family:monospace}.mobile-theme-prompt-reminder{background:rgba(255,215,0,.1);border:.2vh solid var(--border-yellow);border-radius:2vh;padding:2vh 3vw;margin-top:3vh;text-align:left}.mobile-theme-prompt-label{font-size:clamp(.8rem,3vw,.9rem);color:var(--yellow);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1vh}.mobile-theme-prompt-text{font-size:clamp(.9rem,3.5vw,1.1rem);color:var(--white);font-style:italic;line-height:1.4}}@media (max-width: 768px){.mobile-pair-transition{text-align:center}.mobile-pair-transition-container{background:linear-gradient(135deg,rgba(255,0,128,.1) 0%,rgba(0,191,255,.1) 100%);border:.3vh solid var(--border-pink);border-radius:3vh;padding:4vh 5vw;box-shadow:0 0 4vh #ff00804d;margin-bottom:4vh}.mobile-pair-number{font-size:clamp(2rem,8vw,3rem);font-weight:900;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(255,0,128,.8);margin-bottom:2vh}.mobile-pair-title{font-size:clamp(1.5rem,6vw,2rem);font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;margin-bottom:2vh}.mobile-pair-progress{display:flex;justify-content:center;align-items:center;gap:1vw;margin-bottom:3vh;background:rgba(0,0,0,.3);border-radius:2vh;padding:1vh 3vw}.mobile-pair-progress-text{font-size:clamp(.9rem,3.5vw,1rem);color:var(--blue);font-weight:600;font-family:monospace}.mobile-next-images-preview{display:flex;justify-content:center;gap:2vw;margin-top:3vh}.mobile-preview-image-container{width:30vw;max-width:120px;aspect-ratio:1;border-radius:1.5vh;overflow:hidden;border:.2vh solid var(--border-blue);box-shadow:0 0 1vh #00bfff4d;opacity:.8;transition:all .3s ease!important}.mobile-preview-image{width:100%;height:100%;object-fit:cover}.mobile-vs-divider{display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,6vw,2rem);font-weight:900;color:var(--yellow);text-shadow:0 0 1vh rgba(255,215,0,.8);font-family:monospace}.mobile-pair-instruction{font-size:clamp(.9rem,3.5vw,1.1rem);color:#fffc;font-style:italic;margin-top:2vh;line-height:1.4}}@media (max-width: 389px){.mobile-transition-container{padding:calc(var(--mobile-spacing) * .75)}.mobile-round-start-container,.mobile-voting-transition-container,.mobile-pair-transition-container{padding:3vh 4vw}.mobile-next-images-preview{gap:3vw}.mobile-preview-image-container{width:35vw;max-width:100px}}@media (min-width: 428px){.mobile-transition-container{padding:calc(var(--mobile-spacing) * 1.25)}.mobile-round-start-container,.mobile-voting-transition-container,.mobile-pair-transition-container{padding:5vh 6vw;border-radius:4vh}.mobile-next-images-preview{gap:3vw}.mobile-preview-image-container{width:25vw;max-width:140px}}@media (max-width: 768px){.mobile-transition-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;margin-top:3vh}.mobile-transition-spinner{width:6vh;height:6vh;border:.3vh solid rgba(255,255,255,.3);border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite!important;margin-bottom:2vh}.mobile-transition-loading-text{font-size:clamp(.9rem,3.5vw,1rem);color:var(--text-secondary);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.mobile-showdown-results-view{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 30%,#16213e 60%,#0a0a0a 100%);color:#fff;overflow-x:hidden;overflow-y:auto;position:relative;padding:var(--mobile-safe-v) var(--mobile-safe-h);box-sizing:border-box;display:flex;flex-direction:column}.mobile-showdown-results-view{--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--border-blue: rgba(0, 191, 255, .4);--border-yellow: rgba(255, 215, 0, .4);--border-green: rgba(0, 255, 136, .4)}}@media (max-width: 768px){.mobile-showdown-timer{position:fixed;top:0;left:0;right:0;height:8vh;background:linear-gradient(135deg,rgba(0,255,136,.3) 0%,rgba(0,191,255,.2) 100%);border-bottom:.2vh solid var(--border-green);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 0 2vh #00ff884d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:monospace;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.3rem);color:var(--green);text-shadow:0 0 1vh rgba(0,255,136,.8)}.mobile-showdown-timer.warning{color:var(--yellow);text-shadow:0 0 1vh rgba(255,215,0,.8);border-bottom-color:var(--border-yellow)}.mobile-showdown-timer.urgent{color:var(--pink);text-shadow:0 0 1vh rgba(255,0,128,.8);border-bottom-color:var(--border-pink);animation:timer-pulse 1s ease-in-out infinite!important}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 2vh #ff00804d}50%{transform:scale(1.02);box-shadow:0 0 3vh #ff008099}}}@media (max-width: 768px){.mobile-showdown-content{margin-top:10vh;flex:1;display:flex;flex-direction:column;gap:3vh;padding:1vh 0}.mobile-showdown-header{text-align:center;margin-bottom:2vh}.mobile-showdown-title{font-size:clamp(1.5rem,6vw,2rem);font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(0,255,136,.8);margin-bottom:1vh}.mobile-showdown-subtitle{font-size:clamp(.9rem,3.5vw,1.1rem);color:#fffc;font-style:italic}}@media (max-width: 768px){.mobile-battle-result{background:var(--card-bg);border:.3vh solid var(--border-green);border-radius:3vh;padding:3vh 4vw;box-shadow:0 0 3vh #00ff884d;text-align:center}.mobile-battle-winner-section{margin-bottom:3vh}.mobile-winner-label{font-size:clamp(1rem,4vw,1.3rem);font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;margin-bottom:2vh;display:flex;align-items:center;justify-content:center;gap:2vw}.mobile-winner-icon{font-size:clamp(1.5rem,5vw,2rem);animation:winner-glow 2s ease-in-out infinite!important}@keyframes winner-glow{0%,to{text-shadow:0 0 1vh rgba(0,255,136,.8);transform:scale(1)}50%{text-shadow:0 0 2vh rgba(0,255,136,1);transform:scale(1.1)}}.mobile-winner-image-container{width:70vw;max-width:300px;aspect-ratio:1;margin:0 auto 2vh;border-radius:2vh;overflow:hidden;border:.3vh solid var(--border-green);box-shadow:0 0 3vh #00ff8880;position:relative}.mobile-winner-image{width:100%;height:100%;object-fit:cover}.mobile-winner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,255,136,.2) 50%,transparent 70%);animation:winner-shine 2s ease-in-out infinite!important}@keyframes winner-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mobile-winner-prompt{font-size:clamp(.9rem,3.5vw,1.1rem);color:var(--white);font-style:italic;line-height:1.4;margin-bottom:1vh;background:rgba(0,0,0,.5);border-radius:1.5vh;padding:1.5vh 2vw}.mobile-winner-player{font-size:clamp(1rem,4vw,1.2rem);font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.05em}}@media (max-width: 768px){.mobile-battle-stats{background:rgba(0,0,0,.5);border:.2vh solid var(--border-blue);border-radius:2vh;padding:2vh 3vw;margin-top:2vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-stats-title{font-size:clamp(.9rem,3.5vw,1rem);font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:1.5vh}.mobile-stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vh}.mobile-stats-row:last-child{margin-bottom:0}.mobile-stats-label{font-size:clamp(.8rem,3vw,.9rem);color:#fffc;font-weight:600}.mobile-stats-value{font-size:clamp(.9rem,3.5vw,1rem);color:var(--white);font-weight:900;font-family:monospace}.mobile-votes-received{color:var(--green);text-shadow:0 0 .5vh rgba(0,255,136,.6)}}@media (max-width: 768px){.mobile-loser-section{opacity:.6;margin-top:3vh}.mobile-loser-label{font-size:clamp(.8rem,3vw,.9rem);font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-family:monospace;margin-bottom:1.5vh;text-align:center}.mobile-loser-summary{display:flex;align-items:center;justify-content:center;gap:3vw;background:rgba(0,0,0,.3);border:.1vh solid rgba(255,255,255,.2);border-radius:1.5vh;padding:1.5vh 3vw}.mobile-loser-image-small{width:12vw;height:12vw;max-width:50px;max-height:50px;object-fit:cover;border-radius:1vh;border:.1vh solid rgba(255,255,255,.3)}.mobile-loser-info{flex:1;text-align:left}.mobile-loser-player{font-size:clamp(.8rem,3vw,.9rem);font-weight:700;color:#fffc;margin-bottom:.5vh}.mobile-loser-prompt{font-size:clamp(.7rem,2.5vw,.8rem);color:#fff9;font-style:italic;line-height:1.3;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media (max-width: 768px){.mobile-round-context{background:rgba(255,215,0,.1);border:.2vh solid var(--border-yellow);border-radius:2vh;padding:2vh 3vw;margin-top:3vh;text-align:center}.mobile-round-info{font-size:clamp(.9rem,3.5vw,1rem);color:var(--yellow);font-weight:600;margin-bottom:1vh}.mobile-round-progress{font-size:clamp(.8rem,3vw,.9rem);color:#fffc;font-family:monospace}}@media (max-width: 389px){.mobile-battle-result{padding:2vh 3vw}.mobile-winner-image-container{width:75vw;max-width:250px}.mobile-loser-summary{flex-direction:column;text-align:center;gap:1.5vh}.mobile-loser-image-small{width:15vw;height:15vw;max-width:40px;max-height:40px}}@media (min-width: 428px){.mobile-battle-result{padding:4vh 5vw;border-radius:4vh}.mobile-winner-image-container{width:65vw;max-width:350px}.mobile-battle-stats{padding:3vh 4vw}.mobile-loser-summary{padding:2vh 4vw}}@media (max-width: 768px){.mobile-showdown-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.mobile-showdown-spinner{width:6vh;height:6vh;border:.3vh solid rgba(0,255,136,.3);border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite!important;margin-bottom:2vh}.mobile-showdown-loading-text{font-size:clamp(.9rem,3.5vw,1rem);color:var(--green);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.mobile-results-view{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 30%,#16213e 60%,#0a0a0a 100%);color:#fff;overflow-x:hidden;overflow-y:auto;position:relative;padding:var(--mobile-safe-v) var(--mobile-safe-h);box-sizing:border-box;display:flex;flex-direction:column}.mobile-results-view{--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--border-blue: rgba(0, 191, 255, .4);--border-yellow: rgba(255, 215, 0, .4);--border-green: rgba(0, 255, 136, .4)}}@media (max-width: 768px){.mobile-results-timer{position:fixed;top:0;left:0;right:0;height:8vh;background:linear-gradient(135deg,rgba(255,215,0,.3) 0%,rgba(0,191,255,.2) 100%);border-bottom:.2vh solid var(--border-yellow);display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 0 2vh #ffd7004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:monospace;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.3rem);color:var(--yellow);text-shadow:0 0 1vh rgba(255,215,0,.8)}.mobile-results-timer.warning{color:var(--pink);text-shadow:0 0 1vh rgba(255,0,128,.8);border-bottom-color:var(--border-pink)}.mobile-results-timer.urgent{animation:timer-pulse 1s ease-in-out infinite!important}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 2vh #ff00804d}50%{transform:scale(1.02);box-shadow:0 0 3vh #ff008099}}}@media (max-width: 768px){.mobile-results-content{margin-top:10vh;flex:1;display:flex;flex-direction:column;gap:3vh;padding:1vh 0}}@media (max-width: 768px){.mobile-round-winner-section{background:linear-gradient(135deg,rgba(0,255,136,.2) 0%,rgba(255,215,0,.1) 100%);border:.3vh solid var(--border-green);border-radius:3vh;padding:4vh 4vw;box-shadow:0 0 4vh #00ff884d;text-align:center;margin-bottom:3vh}.mobile-winner-announcement{margin-bottom:3vh}.mobile-winner-label{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:900;color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(0,255,136,.8);margin-bottom:1vh;display:flex;align-items:center;justify-content:center;gap:2vw}.mobile-winner-crown{font-size:clamp(1.5rem,6vw,2.5rem);animation:crown-bounce 2s ease-in-out infinite!important}@keyframes crown-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-.5vh) rotate(5deg)}}.mobile-winner-name{font-size:clamp(1.8rem,7vw,2.5rem);font-weight:900;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(255,215,0,.8);margin-bottom:2vh;animation:winner-glow 2s ease-in-out infinite!important}@keyframes winner-glow{0%,to{text-shadow:0 0 2vh rgba(255,215,0,.8);transform:scale(1)}50%{text-shadow:0 0 3vh rgba(255,215,0,1);transform:scale(1.05)}}.mobile-winner-score{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:700;color:var(--white);font-family:monospace;background:rgba(0,0,0,.5);border-radius:1.5vh;padding:1vh 3vw;display:inline-block}.mobile-score-label{color:var(--green);margin-right:1vw}}@media (max-width: 768px){.mobile-leaderboard-section{background:var(--card-bg);border:.3vh solid var(--border-blue);border-radius:3vh;padding:3vh 3vw;box-shadow:0 0 3vh #00bfff4d}.mobile-leaderboard-title{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 1vh rgba(0,191,255,.8);text-align:center;margin-bottom:3vh}.mobile-player-rankings{display:flex;flex-direction:column;gap:1.5vh}.mobile-player-rank-card{background:rgba(0,0,0,.5);border:.2vh solid rgba(255,255,255,.2);border-radius:2vh;padding:2vh 3vw;display:flex;align-items:center;gap:3vw;transition:all .3s ease!important}.mobile-player-rank-card.rank-1{border-color:var(--border-yellow);background:rgba(255,215,0,.1);box-shadow:0 0 2vh #ffd7004d}.mobile-player-rank-card.rank-2{border-color:#c0c0c099;background:rgba(192,192,192,.05)}.mobile-player-rank-card.rank-3{border-color:#cd7f3299;background:rgba(205,127,50,.05)}.mobile-rank-position{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:900;font-family:monospace;min-width:8vw;text-align:center}.mobile-rank-position.rank-1{color:var(--yellow);text-shadow:0 0 1vh rgba(255,215,0,.8)}.mobile-rank-position.rank-2{color:silver;text-shadow:0 0 1vh rgba(192,192,192,.6)}.mobile-rank-position.rank-3{color:#cd7f32;text-shadow:0 0 1vh rgba(205,127,50,.6)}.mobile-rank-position:not(.rank-1):not(.rank-2):not(.rank-3){color:#ffffffb3}.mobile-player-info{flex:1;display:flex;flex-direction:column;gap:.5vh}.mobile-player-name{font-size:clamp(1rem,4vw,1.3rem);font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.05em}.mobile-player-stats{display:flex;gap:3vw;font-size:clamp(.8rem,3vw,.9rem);color:#fffc;font-family:monospace}.mobile-total-score{color:var(--blue);font-weight:700}.mobile-round-score{color:var(--green);font-weight:700}.mobile-wins-count{color:var(--yellow);font-weight:700}}@media (max-width: 768px){.mobile-round-summary{background:rgba(255,215,0,.1);border:.2vh solid var(--border-yellow);border-radius:2vh;padding:2vh 3vw;margin-top:3vh}.mobile-summary-title{font-size:clamp(1rem,4vw,1.2rem);font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:2vh}.mobile-summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:2vh}.mobile-summary-stat{text-align:center}.mobile-stat-value{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:900;color:var(--white);font-family:monospace;margin-bottom:.5vh}.mobile-stat-label{font-size:clamp(.7rem,2.5vw,.8rem);color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.mobile-round-info{text-align:center;margin-top:2vh;padding-top:2vh;border-top:1px solid rgba(255,255,255,.2)}.mobile-round-progress{font-size:clamp(.9rem,3.5vw,1rem);color:var(--blue);font-weight:600;font-family:monospace}.mobile-next-round-info{font-size:clamp(.8rem,3vw,.9rem);color:#fff9;font-style:italic;margin-top:1vh}.mobile-final-round-info{font-size:clamp(.8rem,3vw,.9rem);color:var(--green);font-weight:700;margin-top:1vh}}@media (max-width: 389px){.mobile-round-winner-section{padding:3vh 3vw}.mobile-leaderboard-section{padding:2vh 2.5vw}.mobile-player-rank-card{padding:1.5vh 2.5vw;gap:2vw}.mobile-rank-position{min-width:10vw}.mobile-summary-stats{grid-template-columns:1fr;gap:1.5vh}}@media (min-width: 428px){.mobile-round-winner-section{padding:5vh 5vw;border-radius:4vh}.mobile-leaderboard-section{padding:4vh 4vw;border-radius:4vh}.mobile-player-rank-card{padding:2.5vh 4vw;gap:4vw}.mobile-rank-position{min-width:6vw}}@media (max-width: 768px){.mobile-results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.mobile-results-spinner{width:6vh;height:6vh;border:.3vh solid rgba(255,215,0,.3);border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite!important;margin-bottom:2vh}.mobile-results-loading-text{font-size:clamp(.9rem,3.5vw,1rem);color:var(--yellow);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.mobile-game-over-view{min-height:100vh;width:100%;max-width:100%;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 30%,#16213e 60%,#0a0a0a 100%);color:#fff;overflow-x:hidden;overflow-y:auto;position:relative;padding:var(--mobile-safe-v) var(--mobile-safe-h);box-sizing:border-box;display:flex;flex-direction:column}.mobile-game-over-view{--pink: #ff0080;--blue: #00bfff;--yellow: #ffd700;--green: #00ff88;--white: #ffffff;--dark-bg: #0a0a0a;--card-bg: rgba(255, 0, 128, .1);--border-pink: rgba(255, 0, 128, .4);--border-blue: rgba(0, 191, 255, .4);--border-yellow: rgba(255, 215, 0, .4);--border-green: rgba(0, 255, 136, .4)}}@media (max-width: 768px){.mobile-game-over-header{text-align:center;padding:4vh 0;margin-bottom:3vh}.mobile-game-over-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 3vh rgba(255,0,128,.8);margin-bottom:2vh;animation:game-over-pulse 3s ease-in-out infinite!important}@keyframes game-over-pulse{0%,to{transform:scale(1);text-shadow:0 0 3vh rgba(255,0,128,.8)}50%{transform:scale(1.05);text-shadow:0 0 5vh rgba(255,0,128,1)}}.mobile-game-over-subtitle{font-size:clamp(1rem,4vw,1.4rem);color:#fffc;font-style:italic;margin-bottom:1vh}.mobile-game-stats{font-size:clamp(.9rem,3.5vw,1.1rem);color:var(--blue);font-weight:600;font-family:monospace}}@media (max-width: 768px){.mobile-winners-section{background:linear-gradient(135deg,rgba(255,215,0,.2) 0%,rgba(0,255,136,.1) 100%);border:.3vh solid var(--border-yellow);border-radius:3vh;padding:4vh 3vw;box-shadow:0 0 4vh #ffd7004d;margin-bottom:4vh}.mobile-winners-title{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:900;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 2vh rgba(255,215,0,.8);text-align:center;margin-bottom:3vh;display:flex;align-items:center;justify-content:center;gap:2vw}.mobile-trophy-icon{font-size:clamp(1.8rem,6vw,2.5rem);animation:trophy-bounce 2s ease-in-out infinite!important}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-1vh) rotate(3deg)}}.mobile-winner-cards{display:flex;flex-direction:column;gap:2vh}.mobile-winner-card{background:rgba(0,0,0,.5);border:.2vh solid var(--border-green);border-radius:2vh;padding:3vh 3vw;text-align:center;position:relative;overflow:hidden}.mobile-winner-card.first-place{border-color:var(--border-yellow);background:rgba(255,215,0,.1);box-shadow:0 0 3vh #ffd70066}.mobile-winner-card.second-place{border-color:#c0c0c099;background:rgba(192,192,192,.05);box-shadow:0 0 2vh #c0c0c04d}.mobile-winner-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:winner-shine 3s ease-in-out infinite!important}@keyframes winner-shine{0%{left:-100%}to{left:100%}}.mobile-winner-position{font-size:clamp(1.5rem,6vw,2rem);font-weight:900;font-family:monospace;margin-bottom:1vh}.mobile-winner-position.first{color:var(--yellow);text-shadow:0 0 2vh rgba(255,215,0,.8)}.mobile-winner-position.second{color:silver;text-shadow:0 0 1vh rgba(192,192,192,.6)}.mobile-winner-name{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1vh}.mobile-winner-score{font-size:clamp(1.1rem,4vw,1.4rem);color:var(--green);font-weight:900;font-family:monospace;margin-bottom:1vh}.mobile-winner-stats{display:flex;justify-content:center;gap:4vw;font-size:clamp(.8rem,3vw,.9rem);color:#fffc;font-family:monospace}.mobile-winner-stat{display:flex;flex-direction:column;align-items:center;gap:.5vh}.mobile-stat-value{font-weight:700;color:var(--blue)}.mobile-stat-label{text-transform:uppercase;letter-spacing:.05em;font-size:.8em}}@media (max-width: 768px){.mobile-final-leaderboard{background:var(--card-bg);border:.3vh solid var(--border-blue);border-radius:3vh;padding:3vh 3vw;box-shadow:0 0 3vh #00bfff4d;margin-bottom:4vh}.mobile-leaderboard-title{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:900;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;text-shadow:0 0 1vh rgba(0,191,255,.8);text-align:center;margin-bottom:3vh}.mobile-final-rankings{display:flex;flex-direction:column;gap:1vh}.mobile-final-rank-card{background:rgba(0,0,0,.3);border:.1vh solid rgba(255,255,255,.2);border-radius:1.5vh;padding:1.5vh 2.5vw;display:flex;align-items:center;gap:3vw;transition:all .3s ease!important}.mobile-final-rank-card.top-3{background:rgba(0,0,0,.5);border-color:#fff6}.mobile-final-rank-position{font-size:clamp(1rem,4vw,1.3rem);font-weight:900;font-family:monospace;min-width:6vw;text-align:center;color:#fffc}.mobile-final-rank-position.rank-1{color:var(--yellow)}.mobile-final-rank-position.rank-2{color:silver}.mobile-final-rank-position.rank-3{color:#cd7f32}.mobile-final-player-info{flex:1;display:flex;justify-content:space-between;align-items:center}.mobile-final-player-name{font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.02em}.mobile-final-player-score{font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:900;color:var(--green);font-family:monospace}}@media (max-width: 768px){.mobile-game-over-actions{display:flex;flex-direction:column;gap:2vh;margin-top:auto;padding-top:3vh}.mobile-play-again-button{background:linear-gradient(135deg,var(--green),var(--blue));border:.2vh solid var(--border-green);border-radius:var(--mobile-border-radius);padding:2vh 4vw;font-size:clamp(1rem,4vw,1.2rem);font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.1em;font-family:monospace;cursor:pointer;transition:all .3s ease!important;box-shadow:0 0 2vh #0f86;width:100%}.mobile-play-again-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 3vh #0f89}.mobile-play-again-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-new-game-button{background:rgba(0,191,255,.1);border:.2vh solid var(--border-blue);border-radius:var(--mobile-border-radius);padding:1.5vh 3vw;font-size:clamp(.9rem,3.5vw,1rem);font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease!important;width:100%}.mobile-new-game-button:hover:not(:disabled){background:rgba(0,191,255,.2);box-shadow:0 0 2vh #00bfff4d}.mobile-home-button{background:rgba(255,255,255,.1);border:.2vh solid rgba(255,255,255,.3);border-radius:var(--mobile-border-radius);padding:1.5vh 3vw;font-size:clamp(.8rem,3vw,.9rem);font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease!important;width:100%}.mobile-home-button:hover:not(:disabled){background:rgba(255,255,255,.2);color:var(--white)}}@media (max-width: 768px){.mobile-game-stats-summary{background:rgba(255,215,0,.1);border:.2vh solid var(--border-yellow);border-radius:2vh;padding:2vh 3vw;margin:3vh 0;text-align:center}.mobile-stats-summary-title{font-size:clamp(1rem,4vw,1.2rem);font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2vh}.mobile-game-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vh}.mobile-summary-item{display:flex;flex-direction:column;align-items:center;gap:.5vh}.mobile-summary-value{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:900;color:var(--white);font-family:monospace}.mobile-summary-label{font-size:clamp(.7rem,2.5vw,.8rem);color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;text-align:center;line-height:1.2}}@media (max-width: 389px){.mobile-winners-section{padding:3vh 2.5vw}.mobile-winner-card,.mobile-final-leaderboard{padding:2vh 2.5vw}.mobile-final-rank-card{padding:1vh 2vw;gap:2vw}.mobile-game-summary-grid{grid-template-columns:1fr;gap:1.5vh}}@media (min-width: 428px){.mobile-winners-section{padding:5vh 4vw;border-radius:4vh}.mobile-winner-card{padding:4vh 4vw}.mobile-final-leaderboard{padding:4vh 4vw;border-radius:4vh}.mobile-final-rank-card{padding:2vh 3vw;gap:4vw}.mobile-game-over-actions{gap:3vh}}@media (max-width: 768px){.mobile-confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.mobile-confetti-piece{position:absolute;width:10px;height:10px;background:var(--yellow);opacity:.8;animation:confetti-fall 3s linear infinite!important}.mobile-confetti-piece:nth-child(odd){background:var(--pink);animation-delay:-1s!important}.mobile-confetti-piece:nth-child(3n){background:var(--blue);animation-delay:-2s!important}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}}