@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@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:100px;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 #ff14934d}}@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: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 #ff14934d}}.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}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.auth-modal{background:linear-gradient(145deg,rgba(18,18,26,.98) 0%,rgba(12,12,18,.98) 100%);border-radius:16px;padding:2.5rem;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative;border:2px solid rgba(59,130,246,.4);box-shadow:0 0 40px #3b82f633,0 25px 60px #00000080,inset 0 1px #ffffff0d;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.auth-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;border-radius:14px}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.auth-modal-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:1.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:10;-webkit-tap-highlight-color:transparent}.auth-modal-close:hover,.auth-modal-close:active{color:#fff;background:rgba(255,20,147,.3);border-color:#ff149380;transform:scale(1.05)}.auth-modal-title{text-align:center;margin-bottom:2rem;font-size:1.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#FF1493 0%,#3B82F6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.auth-form{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffb3;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.form-group input{background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:.9rem 1rem;color:#fff;font-size:1rem;transition:all .25s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#3b82f699;background:rgba(59,130,246,.05);box-shadow:0 0 0 3px #3b82f61a,0 0 20px #3b82f626}.form-group input::placeholder{color:#ffffff4d}.form-group input.error-field{border-color:#ff149399;background:rgba(255,20,147,.05)}.field-error{color:#3b82f6;font-size:.75rem;margin-top:.25rem;animation:fadeIn .2s ease-out}.field-hint{color:#fff6;font-size:.75rem;margin-top:.25rem}.auth-error{background:rgba(255,20,147,.1);border:1px solid rgba(255,20,147,.3);color:#3b82f6;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-success{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.1));border:1px solid rgba(59,130,246,.3);color:#ff1493;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;text-align:center;animation:successPulse .5s ease-out}@keyframes successPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.auth-submit-btn{background:linear-gradient(135deg,#3B82F6 0%,#FF1493 100%);color:#fff;border:none;border-radius:10px;padding:1rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;margin-top:.5rem;position:relative;overflow:hidden}.auth-submit-btn: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}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ff14934d,0 0 20px #3b82f633}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:1.5rem;color:#ffffff80;font-size:.9rem;position:relative;z-index:1}.auth-switch-btn{background:none;border:none;color:#ff1493;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;padding:.25rem .5rem;border-radius:4px}.auth-switch-btn:hover{color:#3b82f6;background:rgba(255,20,147,.1)}.auth-forgot-password{text-align:center;margin-top:1rem}.forgot-password-link{color:#ffffff80;text-decoration:none;font-size:.85rem;transition:color .2s ease}.forgot-password-link:hover{color:#ff1493}.auth-tier-info{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(255,20,147,.08));border:1px solid rgba(59,130,246,.2);border-radius:12px;text-align:center;position:relative;z-index:1}.auth-tier-info p{margin:.5rem 0;font-size:.875rem}.auth-tier-info p:first-child{margin-top:0;color:#ff1493;font-size:1rem}.auth-tier-info p:last-child{margin-bottom:0;color:#fff9;font-size:.8rem}.password-strength{margin-top:.5rem}.strength-meter{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.strength-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.password-requirements{font-size:.7rem;color:#fff6;margin-top:.25rem}@media (max-width: 768px){.auth-modal{width:95%;max-width:none;margin:1rem;padding:2rem 1.5rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));max-height:calc(90vh - env(safe-area-inset-bottom,0px))}.auth-modal-close{top:12px;right:12px;width:44px;height:44px;min-width:44px;min-height:44px;font-size:1.5rem}.auth-modal-title{font-size:1.5rem;margin-bottom:1.5rem;margin-top:.5rem}.form-group input{padding:.85rem 1rem;font-size:16px}.auth-submit-btn{padding:1rem;min-height:48px}}@media (max-width: 480px){.auth-modal{padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));border-radius:12px}.auth-modal-title{font-size:1.35rem}.auth-tier-info{padding:1rem}.auth-tier-info p:first-child{font-size:.9rem}}.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:none;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:scale(1.05);box-shadow:none}.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(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.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:none;font-family:var(--font-primary)}.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,20,147,.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-primary);text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-normal)}.promo-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:none}.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-primary)}.promo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:none}.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);pointer-events:none}.main-upgrade-sections>*{pointer-events:auto}}.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:none}.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-primary)}.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-primary);font-weight:var(--font-weight-bold);color:var(--neon-green)}.option-savings{font-size:.8rem;color:var(--neon-cyan);background:rgba(59,130,246,.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-primary);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-primary);text-shadow:none}.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-primary);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) #3b82f64d}.subscription-card.unlimited_monthly{border-color:var(--neon-cyan);background:rgba(59,130,246,.05)}.subscription-card.unlimited_monthly:hover{box-shadow:0 0 clamp(20px,2vw,30px) #3b82f666}.subscription-card.unlimited_lifetime{border-color:var(--neon-purple);background:rgba(15,25,35,.05)}.subscription-card.unlimited_lifetime:hover{box-shadow:0 0 clamp(20px,2vw,30px) #0f192366}.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:none}.subscription-card h4{font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--text-primary);font-family:var(--font-primary);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-primary);text-shadow:none}.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-primary);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 #3b82f666}.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 #0f192366}.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) #3b82f64d}.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:none}.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:none}.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 #3b82f64d}.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-primary);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;position:fixed;overflow:hidden}.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;overflow-y:auto;-webkit-overflow-scrolling:touch}.upgrade-modal{position:relative}.upgrade-modal-close{position:sticky!important;top:2.5rem!important;float:right!important;margin-left:auto!important;margin-right:.5rem!important;margin-top:1.5rem!important;margin-bottom:-3rem!important;width:2.5rem!important;height:2.5rem!important;min-width:2.5rem!important;min-height:2.5rem!important;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);border-radius:.5rem;transition:all .2s ease;cursor:pointer;z-index:100;font-size:1.5rem;line-height:1;color:#fff;font-weight:400;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 12px #000000b3}.upgrade-modal-close:active{transform:scale(.95);background:rgba(255,20,147,.1);border-color:#ff14934d;color:var(--neon-pink)}.upgrade-modal-content{padding:1rem;overflow-y:visible;max-height:none}.upgrade-modal-header{margin-bottom:2rem}.promo-section{padding:1rem;touch-action:pan-y;-webkit-overflow-scrolling:touch}.credits-section,.subscriptions-section{touch-action:pan-y;-webkit-overflow-scrolling:touch}.tier-card{padding:1rem}.tier-features li{font-size:var(--font-size-xs)}}.landing-demo-container{--demo-cyan: var(--accent-primary, #FF1493);--demo-pink: var(--accent-secondary, #3B82F6);--demo-gold: var(--accent-winner, #FEE440);--white: #ffffff;--dark-bg: var(--bg-black, #0F1923);--card-bg: rgba(59, 130, 246, .08);--border-cyan: rgba(59, 130, 246, .4);--demo-padding-h: 3vw;--demo-padding-v: 3vh;--banner-height: 12vh;--gap-standard: 2vh}.landing-demo-container{width:100%;max-width:100vw;height:100%;margin:0 auto;padding:0;position:relative;display:flex;flex-direction:column}.demo-wrapper{width:100%;min-width:100%;max-width:100%;height:70vh;min-height:70vh;max-height:70vh;background:linear-gradient(180deg,var(--dark-bg) 0%,#152232 100%);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2vh 6vh #000000b3;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box}@media (min-width: 769px){.demo-wrapper{border-radius:var(--radius-lg);margin:0}}@media (max-width: 768px){.demo-wrapper{border-radius:2vh}.landing-demo-container{padding:var(--demo-padding-v) var(--demo-padding-h)}}.demo-phase{width:100%;max-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1vh,2vh,3vh) clamp(1vw,2vw,3vw);color:var(--white);position:relative;overflow:hidden;box-sizing:border-box}.demo-intro-phase{gap:clamp(1.5vh,2.5vh,3vh);padding:clamp(2vh,3vh,4vh) clamp(2vw,4vw,6vw);animation:intro-fade-in .8s ease-in}@keyframes intro-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.demo-intro-content{display:flex;flex-direction:column;align-items:center;gap:clamp(1.5vh,2.5vh,3vh);text-align:center;max-width:90%}.demo-intro-title{font-size:clamp(4vh,6vw,7vh);font-weight:900;color:var(--demo-cyan);text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1.2;text-shadow:none;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-intro-subtitle{font-size:clamp(2vh,2.5vw,3vh);font-weight:700;color:var(--demo-cyan);text-transform:uppercase;letter-spacing:.1em;margin:0;line-height:1.3;text-shadow:none;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-intro-explainer{display:flex;flex-direction:column;gap:clamp(.5vh,1vh,1.5vh);margin:clamp(.5vh,1vh,1.5vh) 0}.demo-intro-line{font-size:clamp(1.6vh,2vw,2.2vh);color:var(--white);font-weight:600;margin:0;line-height:1.4;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-intro-prompt-preview{background:var(--card-bg);border:.3vh solid var(--border-cyan);border-radius:clamp(1vh,1.5vh,2vh);padding:clamp(1.5vh,2vh,2.5vh) clamp(2vw,3vw,4vw);box-shadow:none;display:flex;flex-direction:column;gap:clamp(.5vh,1vh,1.2vh);max-width:90%}.demo-intro-prompt-label{font-size:clamp(1.2vh,1.4vw,1.6vh);font-weight:700;color:var(--demo-pink);text-transform:uppercase;letter-spacing:.2em}.demo-intro-prompt-text{font-size:clamp(2vh,2.8vw,3.2vh);font-weight:900;color:var(--white);text-transform:uppercase;line-height:1.2;text-shadow:none;font-style:italic}.demo-intro-voting{font-size:clamp(1.8vh,2.2vw,2.5vh);color:var(--demo-cyan);font-weight:700;margin:0;line-height:1.3;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-qrcode-phase{gap:clamp(1vh,2vh,2.5vh);padding:clamp(1.5vh,2.5vh,3vh) clamp(2vw,3vw,4vw)}.demo-qrcode-header{text-align:center;margin-bottom:clamp(.5vh,1vh,1.5vh);flex-shrink:0}.demo-qrcode-title{font-size:clamp(2.5vh,3.5vw,4vh);font-weight:900;color:var(--demo-cyan);text-transform:uppercase;letter-spacing:.05em;margin:0 0 clamp(.5vh,1vh,1.5vh) 0;text-shadow:none;line-height:1.2;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-qrcode-subtitle{font-size:clamp(1.4vh,1.8vw,2vh);color:var(--demo-cyan);margin:0;font-weight:600;line-height:1.3;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-qrcode-content{display:flex;align-items:center;justify-content:center;gap:5vw;width:100%;max-width:100%;flex:1;min-height:0}.demo-device-container{display:flex;flex-direction:column;align-items:center;gap:clamp(.5vh,1vh,1.5vh);flex:1;min-height:0;max-height:100%}.demo-device-image{max-width:clamp(25vh,35vh,40vh);max-height:clamp(25vh,35vh,40vh);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1vh 2vh rgba(0,0,0,.5));border-radius:clamp(1vh,1.5vh,2vh);flex-shrink:1}.demo-arrow-container{display:flex;flex-direction:column;align-items:center;gap:1vh}.demo-arrow{font-size:clamp(4vh,6vw,6vh);color:var(--demo-cyan);animation:arrow-bounce 1.5s ease-in-out infinite}@keyframes arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(1vh)}}.demo-arrow-text{font-size:clamp(1.2vh,1.5vw,1.8vh);font-weight:700;color:var(--demo-cyan);text-transform:uppercase;letter-spacing:.1em;writing-mode:vertical-rl;text-orientation:upright}.demo-device-label{font-size:clamp(1.8vh,2vw,2.5vh);color:var(--white);font-weight:700;text-align:center;flex-shrink:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-qrcode-features{display:flex;justify-content:center;gap:3vw;flex-wrap:wrap;margin:.5vh 0}.demo-feature{font-size:clamp(1.2vh,1.5vw,1.8vh);font-weight:700;color:var(--white);background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.2));padding:1vh 2.5vw;border-radius:5vh;border:.2vh solid var(--demo-cyan);box-shadow:0 .5vh 2vh #0000004d;text-transform:uppercase;letter-spacing:.05em}.demo-instruction{font-size:clamp(1.2vh,1.4vw,1.6vh);color:var(--white);font-weight:500;text-align:center;margin-bottom:.8vh;padding:.8vh 2vw;background:rgba(59,130,246,.1);border-radius:1vh;border:.2vh solid rgba(59,130,246,.3)}.demo-instruction-highlight{color:var(--demo-cyan);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-right:.5em}.demo-prompt-phase{gap:clamp(1vh,1.5vh,2vh);padding:clamp(1vh,2vh,2.5vh) clamp(2vw,3vw,4vw)}.demo-dual-inputs{display:flex;flex-direction:row;align-items:stretch;gap:clamp(1.5vw,2vw,3vw);width:100%;max-width:100%;justify-content:center;flex:1;min-height:0}.demo-player-input{flex:1;max-width:48%;display:flex;flex-direction:column;gap:clamp(.8vh,1.2vh,1.5vh);min-height:0}.demo-vs{font-size:clamp(2.8vh,4vw,5vh);font-weight:900;background:linear-gradient(135deg,var(--demo-pink),var(--demo-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;align-self:center;padding:0 clamp(.8vw,1.2vw,1.8vw);filter:none;flex-shrink:0}.demo-theme-banner{width:100%;max-width:100%;background:var(--card-bg);border:.3vh solid var(--border-cyan);border-radius:clamp(1vh,1.5vh,2vh);padding:clamp(1vh,1.5vh,2vh) clamp(1.5vw,2vw,2.5vw);display:flex;flex-direction:column;align-items:center;gap:clamp(.3vh,.5vh,.8vh);box-shadow:none;box-sizing:border-box;flex-shrink:0}.demo-theme-label{font-size:clamp(1vh,1.2vw,1.5vh);font-weight:700;color:var(--demo-pink);text-transform:uppercase;letter-spacing:.2em}.demo-theme-text{font-size:clamp(1.8vh,2.5vw,3vh);font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0;line-height:1.2;text-shadow:none;word-wrap:break-word}.demo-prompt-input-container{width:100%;max-width:min(70vw,90vh);display:flex;flex-direction:column;gap:1.5vh}.demo-input-label{font-size:clamp(1.4vh,1.6vw,2vh);color:var(--demo-cyan);font-weight:700;text-align:center;flex-shrink:0}.demo-text-input{background:rgba(0,0,0,.5);border:.3vh solid var(--demo-cyan);border-radius:clamp(1vh,1.5vh,2vh);padding:clamp(2vh,2.5vh,3vh) clamp(1.8vw,2.5vw,3vw);width:100%;flex:1;min-height:0;font-size:clamp(1.5vh,1.8vw,2.2vh);line-height:1.5;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:flex-start;justify-content:flex-start;word-wrap:break-word;overflow:visible;box-sizing:border-box;text-align:left}.demo-typed-text{color:var(--white);width:100%;display:inline;word-wrap:break-word}.demo-cursor{color:var(--demo-cyan);font-weight:700}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-generating-phase{gap:3vh}.demo-generating-content{display:flex;flex-direction:column;align-items:center;gap:3vh}.demo-spinner{width:clamp(60px,8vw,10vh);height:clamp(60px,8vw,10vh);border:.6vh solid rgba(59,130,246,.2);border-top-color:var(--demo-cyan);border-radius:50%;animation:spin 1s linear infinite}.demo-generating-text{font-size:clamp(2.5vh,4vw,4.5vh);font-weight:900;color:var(--demo-cyan);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin:0;text-shadow:none}.demo-generating-subtitle{font-size:clamp(1.8vh,1.8vw,2.5vh);color:var(--demo-cyan);margin:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-voting-phase{gap:clamp(.8vh,1.2vh,1.5vh);padding:clamp(1.5vh,2vh,2.5vh) clamp(2vw,3vw,4vw)}.demo-theme-banner-small{width:100%;max-width:100%;background:var(--card-bg);border:.3vh solid var(--border-cyan);border-radius:clamp(1vh,1.5vh,2vh);padding:clamp(.8vh,1.2vh,1.5vh) clamp(1.5vw,2vw,2.5vw);display:flex;flex-direction:column;align-items:center;gap:clamp(.3vh,.5vh,.8vh);margin-bottom:clamp(.3vh,.5vh,.8vh);box-sizing:border-box;flex-shrink:0}.demo-theme-text-small{font-size:clamp(1.2vh,1.6vw,1.8vh);font-weight:900;color:var(--white);text-transform:uppercase;text-align:center;margin:0;line-height:1.2;text-shadow:none}.demo-voting-header{margin-bottom:clamp(.5vh,.8vh,1vh);flex-shrink:0}.demo-voting-title{font-size:clamp(2vh,3vw,3.5vh);font-weight:900;background:linear-gradient(135deg,var(--demo-pink),var(--demo-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;margin:0;text-align:center;line-height:1.2}.demo-fighters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3vw;width:100%;max-width:100%;align-items:start;justify-items:center;flex:1;min-height:0}.demo-fighter{display:flex;flex-direction:column;align-items:center;gap:clamp(.5vh,1vh,1.2vh);cursor:pointer;transition:transform .3s ease;width:100%;max-width:clamp(25vh,35vh,40vh)}.demo-fighter:hover{transform:scale(1.05)}.demo-fighter-label{font-size:clamp(1.4vh,1.8vw,2vh);font-weight:700;color:var(--demo-cyan);text-transform:uppercase;letter-spacing:.1em;text-shadow:none;flex-shrink:0}.demo-fighter-image-container{width:100%;max-width:clamp(25vh,35vh,40vh);max-height:clamp(25vh,35vh,40vh);aspect-ratio:1;border-radius:clamp(.8vh,1vh,1.5vh);overflow:hidden;position:relative;box-shadow:0 .5vh 2vh #00000080;flex-shrink:1}.demo-fighter-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.demo-fighter:hover .demo-fighter-image{transform:scale(1.1)}.demo-vote-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.demo-fighter:hover .demo-vote-overlay{opacity:1}.demo-vote-button{padding:1.5vh 4vw;background:linear-gradient(135deg,var(--demo-pink),var(--demo-cyan));border-radius:5vh;font-size:clamp(2vh,2vw,3vh);font-weight:900;color:var(--white);text-transform:uppercase;letter-spacing:.1em;box-shadow:0 .5vh 2vh #0006;transition:transform .2s ease}.demo-fighter:hover .demo-vote-button{transform:scale(1.1)}.demo-fighter-prompt{font-size:clamp(1.3vh,1.8vw,2.2vh);font-weight:600;color:var(--demo-cyan);line-height:1.35;text-align:center;padding:clamp(1vh,1.5vh,1.8vh) clamp(1.2vw,1.8vw,2.5vw);background:rgba(0,0,0,.4);border-radius:clamp(.5vh,.8vh,1vh);border-left:.4vh solid var(--demo-cyan);font-style:italic;width:100%;word-wrap:break-word;overflow-wrap:break-word;min-height:0;display:flex;align-items:center;justify-content:center;flex-shrink:1;max-height:12vh;overflow:hidden;text-overflow:ellipsis}.demo-results-phase{gap:clamp(1vh,1.5vh,2vh);padding:clamp(2vh,2.5vh,3vh) clamp(2vw,3vw,4vw);position:relative;overflow:hidden}.demo-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.demo-confetti-piece{position:absolute;width:1vh;height:1vh;top:-2vh;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}.demo-results-content{display:flex;flex-direction:column;align-items:center;gap:clamp(1vh,1.5vh,2vh);z-index:2;position:relative;flex:1;justify-content:center}.demo-winner-text{font-size:clamp(2.5vh,4vw,4.5vh);font-weight:900;color:var(--demo-cyan);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin:0;line-height:1.1;text-shadow:none;animation:winner-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes winner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.demo-points-award{font-size:clamp(2vh,3vw,3.5vh);font-weight:900;background:linear-gradient(135deg,var(--demo-pink),var(--demo-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;line-height:1.2;flex-shrink:0}.demo-winning-image-container{width:clamp(25vh,35vh,40vh);max-width:min(40vw,45vh);aspect-ratio:1;border-radius:clamp(1vh,1.5vh,2vh);overflow:hidden;box-shadow:0 1vh 4vh #00000080;border:.5vh solid var(--demo-cyan);flex-shrink:1}.demo-winning-image{width:100%;height:100%;object-fit:cover}.demo-ready-text{font-size:clamp(1.4vh,2vw,2.2vh);color:var(--white);font-weight:600;margin:0;text-align:center;line-height:1.3;flex-shrink:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-cta-hint{font-size:clamp(1.2vh,1.5vw,1.8vh);color:var(--demo-cyan);font-weight:600;text-align:center;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1vh)}}.demo-progress{display:flex;justify-content:center;gap:1.5vw;padding:2vh 0;flex-shrink:0}.demo-progress-dot{width:clamp(8px,1vw,12px);height:clamp(8px,1vw,12px);border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease;cursor:pointer}.demo-progress-dot:hover{background:rgba(255,255,255,.6);transform:scale(1.3)}.demo-progress-dot.active{background:var(--demo-cyan);box-shadow:none;transform:scale(1.5)}.demo-progress-dot.active:hover{background:var(--demo-pink);box-shadow:none}@media (max-aspect-ratio: 1/1){.demo-fighters-grid{grid-template-columns:1fr;gap:2vh;max-width:min(80vw,50vh)}.demo-theme-text{font-size:clamp(2vh,4vw,3.5vh)}.demo-winning-image-container{width:min(70vw,50vh)}.demo-fighter-image-container{max-width:40vh;max-height:40vh}}@media (min-aspect-ratio: 21/9){.demo-fighters-grid{max-width:70vw;gap:3vw}.demo-fighter-image-container{max-width:25vh;max-height:25vh}.demo-theme-text{font-size:clamp(1.5vh,2vw,2.5vh)}.demo-voting-title{font-size:clamp(1.8vh,2.5vw,3vh)}.demo-qrcode-title{font-size:clamp(2vh,3vw,3.5vh)}}@media (min-width: 1100px) and (max-width: 1440px){.demo-theme-text{font-size:clamp(1.6vh,2.2vw,2.5vh)}.demo-fighter-image-container,.demo-device-image{max-width:clamp(22vh,30vh,35vh);max-height:clamp(22vh,30vh,35vh)}}.visual-game-flow-compact{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.flow-step-compact{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(59,130,246,.03) 0%,rgba(255,255,255,.02) 100%);border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;box-shadow:0 2px 8px #0003}.flow-step-compact:hover{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(59,130,246,.04) 100%);border-color:var(--neon-cyan);transform:translate(3px);box-shadow:0 4px 12px #3b82f626}.flow-step-compact.highlight{background:linear-gradient(135deg,rgba(255,20,147,.12) 0%,rgba(255,20,147,.06) 100%);border-color:#ff149366;box-shadow:0 4px 16px #ff149333}.flow-step-compact.highlight:hover{background:linear-gradient(135deg,rgba(255,20,147,.16) 0%,rgba(255,20,147,.08) 100%);border-color:var(--neon-pink);box-shadow:0 6px 20px #ff14934d}.flow-step-compact.highlight .step-title-compact{color:var(--neon-pink)}.flow-step-compact.highlight .step-icon{filter:none}.step-icon{font-size:1.5rem;line-height:1;flex-shrink:0;filter:none;transition:all var(--transition-normal)}.flow-step-compact:hover .step-icon{transform:scale(1.1);filter:none}.step-right{flex:1;min-width:0}.step-title-compact{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--neon-cyan);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-primary);line-height:1.2}.step-description-compact{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.3}.flow-connector{text-align:center;font-size:1.2rem;color:var(--neon-cyan);opacity:.5;margin:0;line-height:1;filter:none;animation:connector-pulse 2s ease-in-out infinite}@keyframes connector-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.8;transform:translateY(2px)}}@media (max-width: 768px){.flow-step-compact{padding:.7rem 1rem}.step-title-compact{font-size:.9rem}.step-description-compact{font-size:.8rem}.flow-connector{font-size:1rem}}@media (min-width: 1100px){.visual-game-flow-compact{gap:.6rem}.flow-step-compact{padding:1rem 1.5rem}.step-title-compact{font-size:1.05rem}.step-description-compact{font-size:.9rem}}@media (min-width: 1100px){.how-it-works-hero .visual-game-flow-compact{gap:clamp(.3rem,.8vh,.6rem)}.how-it-works-hero .flow-step-compact{padding:clamp(.6rem,1.2vh,.9rem) clamp(.8rem,1.5vw,1.2rem);min-height:clamp(50px,6vh,70px);border-width:1.5px}.how-it-works-hero .step-title-compact{font-size:clamp(.75rem,1.5vh,.9rem);margin-bottom:clamp(.15rem,.3vh,.25rem);letter-spacing:.06em;line-height:1.2}.how-it-works-hero .step-description-compact{font-size:clamp(.65rem,1.2vh,.75rem);line-height:1.3;letter-spacing:.01em}.how-it-works-hero .flow-connector{font-size:clamp(.8rem,1.5vh,1rem);margin:clamp(.1rem,.2vh,.2rem) 0}.how-it-works-hero .step-icon{font-size:clamp(1.1rem,2vh,1.4rem);display:none}}.mobile-landing-demo-container{width:100%;padding:0;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.mobile-demo-wrapper{background:var(--background-card);border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);overflow:hidden;position:relative;height:65vh;width:calc(100vw - 32px);max-width:500px;box-shadow:none;flex-shrink:0;box-sizing:border-box;margin:0 16px}.mobile-demo-phase{padding:2vh 3vw;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;animation:fadeIn .5s ease-in-out;box-sizing:border-box;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-demo-qrcode-phase{gap:2vh;justify-content:space-evenly}.mobile-demo-qrcode-header{text-align:center;width:100%;flex-shrink:0}.mobile-demo-qrcode-title{font-family:var(--font-primary);font-size:clamp(.9rem,4vw,1.1rem);color:var(--neon-cyan);margin-bottom:1vh;text-transform:uppercase;letter-spacing:.08em;text-shadow:none;word-wrap:break-word;max-width:100%;text-align:center}.mobile-demo-qrcode-subtitle{font-size:clamp(.8rem,3.5vw,.9rem);color:var(--text-secondary);margin:0}.mobile-demo-device-showcase{width:100%;max-height:35vh;display:flex;justify-content:center;align-items:center;flex-shrink:1}.mobile-demo-device{max-width:60vw;max-height:100%;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 20px #00000080;border:2px solid var(--border-color)}.mobile-demo-device-phone{max-width:55vw}.mobile-demo-device-desktop{max-width:75vw}.mobile-demo-device-img{width:100%;height:auto;display:block}.mobile-demo-hosting-info{text-align:center;width:100%;padding:1.5vh 4vw;background:rgba(0,0,0,.3);border-radius:var(--radius-md);border:1px solid rgba(255,20,147,.2);flex-shrink:0}.mobile-demo-host-text{font-size:clamp(.85rem,3.5vw,.95rem);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.mobile-demo-host-text strong{color:var(--neon-pink)}.mobile-demo-host-subtext{font-size:clamp(.75rem,3vw,.85rem);color:var(--text-tertiary);font-style:italic;margin:0}.mobile-demo-prompt-phase{gap:2vh;justify-content:space-evenly}.mobile-demo-theme-banner{background:rgba(59,130,246,.08);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-md);padding:2vh 4vw;text-align:center;width:100%;box-shadow:none;flex-shrink:0}.mobile-demo-theme-label{font-family:var(--font-primary);font-size:clamp(.7rem,2.5vw,.8rem);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--spacing-xs)}.mobile-demo-theme-text{font-size:clamp(.9rem,3.8vw,1.1rem);color:#fff;font-weight:900;line-height:1.3;margin:0;word-wrap:break-word;max-width:100%;text-shadow:none}.mobile-demo-player-perspective{width:100%;display:flex;flex-direction:column;gap:2vh;flex:1}.mobile-demo-player-label{text-align:center;font-size:clamp(.8rem,3.5vw,.9rem);color:var(--neon-cyan);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.mobile-demo-input-container{width:100%;flex-shrink:1;display:flex;flex-direction:column;min-height:0}.mobile-demo-input-label{display:block;font-size:clamp(.8rem,3.5vw,.9rem);color:var(--text-secondary);margin-bottom:1vh;flex-shrink:0}.mobile-demo-text-input{background:rgba(0,0,0,.5);border:2px solid var(--neon-cyan);border-radius:var(--radius-md);padding:2vh 3vw;max-height:15vh;overflow-y:auto;font-size:clamp(.9rem,4vw,1rem);color:var(--text-primary);line-height:1.5;box-shadow:inset 0 2px 10px #0000004d}.mobile-demo-typed-text{display:inline}.mobile-demo-cursor{display:inline;color:var(--neon-pink);font-weight:700;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.mobile-demo-info-box{background:rgba(0,191,255,.1);border:1px solid rgba(0,191,255,.3);border-radius:var(--radius-md);padding:1.5vh 4vw;display:flex;flex-direction:column;gap:1vh;flex-shrink:0}.mobile-demo-info-box p{margin:0;font-size:clamp(.8rem,3.5vw,.9rem);color:var(--text-secondary);line-height:1.4}.mobile-demo-generating-phase{justify-content:space-evenly;gap:3vh}.mobile-demo-generating-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:3vh;width:100%;height:100%;justify-content:space-evenly}.mobile-demo-spinner{width:60px;height:60px;border:4px solid rgba(59,130,246,.2);border-top:4px solid var(--neon-cyan);border-radius:50%;animation:mobileSpinnerRotate 1s linear infinite!important}@keyframes mobileSpinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-demo-generating-text{font-size:clamp(1.2rem,5vw,1.5rem);color:var(--neon-cyan);margin:0;text-shadow:none;flex-shrink:0}.mobile-demo-generating-subtitle{font-size:clamp(.85rem,3.5vw,.95rem);color:var(--text-secondary);margin:0;line-height:1.4;flex-shrink:0}.mobile-demo-voting-phase{gap:1.5vh;justify-content:space-evenly}.mobile-demo-voting-header{text-align:center;width:100%;background:rgba(0,0,0,.5);padding:1vh 3vw;border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0}.mobile-demo-theme-label-small{font-family:var(--font-primary);font-size:clamp(.65rem,2.5vw,.75rem);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.mobile-demo-theme-text-small{font-size:clamp(.8rem,3.5vw,.9rem);color:#fff;margin-top:var(--spacing-xs);line-height:1.3;font-weight:900;text-shadow:none}.mobile-demo-carousel{width:100%;max-height:55vh;display:flex;flex-direction:column;align-items:center;gap:.5vh;touch-action:pan-y pinch-zoom;flex-shrink:1}.mobile-demo-swipe-arrow{position:absolute;bottom:12px;color:#ffffffe6;z-index:10;pointer-events:none;animation:swipePulse 2s ease-in-out infinite;background:rgba(0,0,0,.5);border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center}.mobile-demo-swipe-left{left:12px}.mobile-demo-swipe-right{right:12px}@keyframes swipePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.mobile-demo-current-image{width:60vw;height:60vw;max-width:32vh;max-height:32vh;border-radius:var(--radius-md);overflow:hidden;border:3px solid var(--neon-cyan);box-shadow:none;transition:transform .3s ease;flex-shrink:1;position:relative}.mobile-demo-current-image:active{transform:scale(.98)}.mobile-demo-voting-image{width:100%;height:100%;object-fit:cover;display:block}.mobile-demo-image-info{width:100%;text-align:center;padding:0 3vw;max-height:14vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;flex-shrink:1}.mobile-demo-player-name{font-size:clamp(.95rem,4vw,1.1rem);color:var(--neon-cyan);font-weight:700;margin-bottom:.3vh;text-shadow:none}.mobile-demo-prompt-text{color:var(--text-secondary);line-height:1.4;font-style:italic;margin:0;font-weight:500}.mobile-demo-vote-button{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:#fff;border:none;border-radius:var(--radius-lg);padding:.5vh 3.5vw;font-size:clamp(.7rem,3vw,.85rem);font-weight:700;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;box-shadow:0 4px 15px #ff149366;transition:all .2s ease;width:65%;max-width:55vw;flex-shrink:0}.mobile-demo-vote-button:active{transform:scale(.95);box-shadow:0 2px 10px #ff149399}.mobile-demo-carousel-indicators{display:flex;gap:2vw;margin:0;flex-shrink:0}.mobile-demo-indicator{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);transition:all .3s ease}.mobile-demo-indicator.active{background:var(--neon-cyan);box-shadow:none;transform:scale(1.3)}.mobile-demo-results-phase{justify-content:space-evenly;gap:2vh;position:relative;overflow:hidden}.mobile-demo-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.mobile-demo-confetti-piece{position:absolute;width:8px;height:8px;top:-10px;opacity:.8;animation:confettiFall 3s linear infinite}@keyframes confettiFall{to{transform:translateY(600px) rotate(360deg);opacity:0}}.mobile-demo-results-content{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2vh;width:100%;height:100%;justify-content:space-evenly}.mobile-demo-winner-text{font-size:clamp(1.3rem,5.5vw,1.6rem);color:var(--neon-pink);margin:0;text-shadow:none;animation:victoryPulse 1s ease-in-out infinite;flex-shrink:0}@keyframes victoryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mobile-demo-points-award{font-size:clamp(1.1rem,4.5vw,1.3rem);color:var(--neon-cyan);font-family:var(--font-primary);font-weight:700;background:rgba(59,130,246,.1);padding:1.5vh 6vw;border-radius:var(--radius-lg);border:2px solid var(--neon-cyan);box-shadow:none;flex-shrink:0}.mobile-demo-winning-image-container{width:60vw;height:60vw;max-width:32vh;max-height:32vh;border-radius:var(--radius-md);overflow:hidden;border:3px solid var(--neon-pink);box-shadow:none;flex-shrink:1}.mobile-demo-winning-image{width:100%;height:100%;object-fit:cover;display:block}.mobile-demo-ready-text{font-size:clamp(.95rem,4vw,1.1rem);color:var(--text-primary);margin:0;flex-shrink:0}.mobile-demo-progress{display:flex;justify-content:center;align-items:center;gap:2vw;padding:2vh 0;margin-top:1vh;width:100%}.mobile-demo-progress-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.mobile-demo-progress-dot:hover{background:rgba(255,255,255,.5);transform:scale(1.2)}.mobile-demo-progress-dot.active{background:var(--neon-pink);border-color:var(--neon-pink);box-shadow:none;transform:scale(1.3)}@media (max-width: 389px){.mobile-demo-wrapper{height:60vh;width:calc(100vw - 24px);margin:0 12px}.mobile-demo-phase{padding:2vh 2vw}.mobile-demo-qrcode-title{font-size:clamp(.8rem,3.5vw,1rem);letter-spacing:.05em}.mobile-demo-swipe-left{left:8px;bottom:8px}.mobile-demo-swipe-right{right:8px;bottom:8px}}@media (min-width: 428px){.mobile-demo-wrapper{height:70vh}}.accordion{width:100%;display:flex;flex-direction:column;gap:clamp(.625rem,2vw,.75rem)}.accordion-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:clamp(.625rem,2vw,.75rem);overflow:hidden}.accordion-header{width:100%;min-height:clamp(3.25rem,8vh,3.5rem);padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.25rem);display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:clamp(.75rem,2vw,1rem);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:clamp(.875rem,2.5vw,1rem);font-weight:600;color:var(--text-primary, #f5f5f7);text-align:left;transition:background-color .2s ease,color .2s ease}.accordion-header:hover{background:rgba(255,255,255,.05)}.accordion-header:focus{outline:none;background:rgba(59,130,246,.1)}.accordion-header:focus-visible{outline:2px solid var(--accent-primary, #FF1493);outline-offset:-2px}.accordion-title{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:clamp(.5rem,1.5vw,.75rem);flex:1 1 auto;min-width:0;max-width:calc(100% - 1.75rem);overflow:hidden}.accordion-number{display:flex;align-items:center;justify-content:center;width:clamp(1.25rem,3.5vw,1.5rem);height:clamp(1.25rem,3.5vw,1.5rem);background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:clamp(.25rem,.8vw,.375rem);color:var(--accent-primary, #FF1493);font-size:clamp(.65rem,1.8vw,.75rem);font-weight:700;flex-shrink:0!important}.accordion-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-primary, #FF1493);flex-shrink:0!important;width:clamp(1.5rem,4vw,1.75rem);height:clamp(1.5rem,4vw,1.75rem)}.accordion-title-text{flex:1 1 auto;min-width:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.accordion-chevron{display:flex!important;align-items:center!important;justify-content:center!important;color:var(--text-muted, #606068);transition:transform .3s ease,color .3s ease;flex-shrink:0!important;flex-grow:0!important;width:clamp(1rem,2.5vw,1.25rem);height:clamp(1rem,2.5vw,1.25rem);min-width:1rem!important;visibility:visible!important;opacity:1!important}.accordion-chevron.rotated{transform:rotate(180deg);color:var(--accent-primary, #FF1493)}.accordion-content-wrapper{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.accordion-content{padding:0 clamp(1rem,3vw,1.25rem) clamp(1rem,3vw,1.25rem) clamp(3rem,8vw,3.875rem);color:var(--text-secondary, #a0a0a8);font-size:clamp(.85rem,2.5vw,.95rem);line-height:1.6}.accordion-item.open .accordion-header{color:var(--accent-primary, #FF1493)}.accordion-item.open .accordion-number{background:rgba(59,130,246,.25);border-color:#3b82f680}@media (hover: none) and (pointer: coarse){.accordion-header{min-height:3.5rem}}@media (max-width: 380px){.accordion-header{padding:.625rem .75rem;gap:.375rem}.accordion-title{gap:.375rem;max-width:calc(100% - 1.25rem)}.accordion-number{width:1.125rem;height:1.125rem;font-size:.6rem}.accordion-chevron{width:.875rem;height:.875rem;min-width:.875rem!important}.accordion-content{padding-left:2rem}}.faq-section{padding:80px 24px;background:var(--bg-black, #0F1923);position:relative}.faq-container{max-width:1200px;margin:0 auto}.faq-header{text-align:center;margin-bottom:48px}.faq-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;color:var(--text-primary, #f5f5f7);margin:0 0 12px;text-transform:uppercase;letter-spacing:.02em}.faq-subtitle{font-size:1.1rem;color:var(--text-secondary, #a0a0a8);margin:0}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-card{background:var(--bg-surface, #12121a);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;transition:border-color .3s ease,transform .3s ease}.faq-card:hover{border-color:#3b82f64d;transform:translateY(-2px)}.faq-card-question{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.faq-card-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:6px;color:var(--accent-primary, #FF1493);font-size:.85rem;font-weight:700;font-family:var(--font-primary);flex-shrink:0;transition:all .3s ease}.faq-card:hover .faq-card-number{background:rgba(59,130,246,.25);border-color:#3b82f680}.faq-card-question h3{font-size:1.05rem;font-weight:700;color:var(--text-primary, #f5f5f7);margin:0;line-height:1.6}.faq-card-answer{font-size:.95rem;color:var(--text-secondary, #a0a0a8);line-height:1.6;margin:0;padding-left:40px}.faq-accordion{background:var(--bg-surface, #12121a);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.desktop-only{display:grid}@media (max-width: 768px){.faq-section{padding:60px 16px}.faq-header{margin-bottom:32px}.faq-title{font-size:1.5rem}.faq-subtitle{font-size:1rem}.desktop-only{display:none}.mobile-only{display:block}}@media (min-width: 769px) and (max-width: 1024px){.faq-grid{grid-template-columns:1fr;gap:20px}}.how-to-play-section{padding:80px 24px;background:linear-gradient(180deg,var(--bg-black, #0F1923) 0%,var(--bg-surface, #12121a) 100%);position:relative}.how-to-play-container{max-width:1200px;margin:0 auto}.how-to-play-header{text-align:center;margin-bottom:48px}.how-to-play-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;color:var(--text-primary, #f5f5f7);margin:0 0 12px;text-transform:uppercase;letter-spacing:.02em}.how-to-play-subtitle{font-size:1.1rem;color:var(--text-secondary, #a0a0a8);margin:0}.guide-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:32px;flex-wrap:wrap}.guide-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-surface, #12121a);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #a0a0a8);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.guide-tab:hover{border-color:#3b82f64d;color:var(--text-primary, #f5f5f7)}.guide-tab.active{background:rgba(59,130,246,.1);border-color:var(--accent-primary, #FF1493);color:var(--accent-primary, #FF1493)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps-grid-4{grid-template-columns:repeat(4,1fr)}.steps-grid-5{grid-template-columns:repeat(5,1fr)}.step-card{background:var(--bg-surface, #12121a);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px 20px;text-align:center;position:relative;transition:border-color .3s ease,transform .3s ease}.step-card:hover{border-color:#3b82f64d;transform:translateY(-2px)}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;background:var(--accent-primary, #FF1493);color:var(--bg-black, #0F1923);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.step-icon{display:flex;justify-content:center;margin-bottom:12px;color:var(--accent-primary, #FF1493)}.step-title{font-size:.95rem;font-weight:700;color:var(--text-primary, #f5f5f7);margin:0 0 8px}.step-description{font-size:.85rem;color:var(--text-secondary, #a0a0a8);margin:0;line-height:1.5}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tip-card{background:var(--bg-surface, #12121a);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px}.tip-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tip-icon{color:var(--accent-secondary, #3B82F6)}.tip-title{font-size:1rem;font-weight:700;color:var(--text-primary, #f5f5f7);margin:0}.tip-example{font-size:.9rem;color:var(--text-secondary, #a0a0a8);margin:0;line-height:1.6}.scoring-card{grid-column:1 / -1;background:var(--bg-surface, #12121a);border:1px solid rgba(255,20,147,.3);border-radius:12px;padding:24px}.scoring-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--accent-secondary, #3B82F6);margin:0 0 16px}.scoring-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scoring-list li{font-size:.95rem;color:var(--text-secondary, #a0a0a8)}.scoring-list li strong{color:var(--text-primary, #f5f5f7)}.how-to-play-mobile{background:var(--bg-surface, #12121a);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.mobile-steps-list{padding-left:20px;margin:0}.mobile-steps-list li{margin-bottom:12px;line-height:1.6}.mobile-steps-list li:last-child{margin-bottom:0}.mobile-tips-list{list-style:disc;padding-left:20px;margin:0 0 20px}.mobile-tips-list li{margin-bottom:10px;line-height:1.6}.mobile-scoring{background:rgba(255,20,147,.1);border-radius:8px;padding:16px}.mobile-scoring h5{font-size:1rem;color:var(--accent-secondary, #3B82F6);margin:0 0 10px}.mobile-scoring ul{list-style:disc;padding-left:20px;margin:0}.mobile-scoring li{margin-bottom:6px}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.how-to-play-section{padding:60px 16px}.how-to-play-header{margin-bottom:32px}.how-to-play-title{font-size:1.5rem}.how-to-play-subtitle{font-size:1rem}.desktop-only{display:none}.mobile-only{display:block}}@media (min-width: 769px) and (max-width: 1024px){.steps-grid,.steps-grid-4,.steps-grid-5,.tips-grid{grid-template-columns:repeat(2,1fr)}.scoring-list{grid-template-columns:1fr}}@media (min-width: 1200px){.tips-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.steps-grid-5{grid-template-columns:repeat(5,1fr)}}.lobby-display-wrapper{height:100vh;width:100vw;background:var(--background-primary);position:relative;overflow:hidden;display:flex;flex-direction:column}.lobby-display-container{flex:1;display:flex;flex-direction:column;height:100%;width:100%;padding:.5vh;gap:.5vh;min-height:0}.lobby-main-content{flex:2;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.lobby-display-wrapper .join-section{display:flex;flex-direction:column;width:100%;height:100%}.lobby-display-wrapper .join-instruction-card{background:var(--bg-surface, #1A2736);border:.4vh solid var(--neon-cyan);border-radius:2.4vh;padding:1vh 2vh;display:flex;flex-direction:column;position:relative;overflow:hidden;flex:1;gap:1vh}.lobby-display-wrapper .join-header{flex-shrink:0;text-align:center}.lobby-display-wrapper .join-content-split{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;gap:2vh;align-items:center}.lobby-display-wrapper .join-code-section,.lobby-display-wrapper .join-qr-section{display:flex;justify-content:center;align-items:center}.lobby-display-wrapper .join-visual-split{flex:1;display:grid;grid-template-columns:1fr auto 1fr;gap:2vh;align-items:center;min-height:0}.lobby-display-wrapper .join-code-visual,.lobby-display-wrapper .join-qr-visual{display:flex;justify-content:center;align-items:center}.lobby-display-wrapper .join-divider{width:.3vh;height:100%;background:rgba(59,130,246,.3);align-self:stretch}.lobby-display-wrapper .lobby-qr-code-container{background:white;padding:1.5vh;border-radius:2vh}.lobby-display-wrapper .join-footer{flex-shrink:0;display:flex;justify-content:center;align-items: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;line-height:1.2;white-space:nowrap}.lobby-display-wrapper .lobby-join-with-text,.lobby-display-wrapper .lobby-join-or-text{font-size:2.2vw;color:var(--text-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em}.lobby-display-wrapper .lobby-game-code-hero{display:flex;flex-direction:column;align-items:center;gap:.8vh}.lobby-display-wrapper .lobby-game-code-letters{display:flex;flex-wrap:nowrap;gap:min(1.4vh,.8vw);justify-content:center;align-items:center;padding:1.2vh;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:none;cursor:pointer;transition:all .3s ease;max-width:100%;overflow:hidden}.lobby-display-wrapper .lobby-game-code-letter{font-size:clamp(2.5vw,5.5vw,7vh);font-weight:var(--font-weight-black);color:#fff;background:var(--accent-secondary, #3B82F6);border:.6vh solid #ffffff;border-radius:2vh;padding:1vh 1.2vh;min-width:1.3em;text-align:center;line-height:1;text-shadow:.4vh .4vh .8vh rgba(0,0,0,1);box-shadow:0 1.5vh 4vh #0009,inset 0 .4vh .8vh #ffffff4d;flex-shrink:1}.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);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:clamp(1rem,2.5vw,1.5rem);color:var(--accent-secondary, #3B82F6);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;padding:1vh 2.5vh;border:.4vh solid var(--accent-secondary, #3B82F6);border-radius:1.6vh;background:var(--bg-surface, #1A2736);display:inline-block;align-self:center}.lobby-display-wrapper .lobby-bottom-section{flex:1;display:grid;grid-template-columns:1fr 25vw;gap:1vh;min-height:0;overflow:hidden}.lobby-display-wrapper .lobby-players-display-section{background:var(--bg-surface, #1A2736);border:.3vh solid rgba(59,130,246,.4);border-radius:2vh;padding:1vh;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0}.lobby-display-wrapper .lobby-section-title{font-size:clamp(1.5rem,4vw,3rem);margin:0 0 .8vh;color:var(--accent-primary);display:flex;align-items:center;gap:.8vh;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.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:var(--bg-surface, #1A2736);border:.3vh dashed rgba(59,130,246,.5);border-radius:2vh;padding:1.5vh;position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.lobby-display-wrapper .lobby-waiting-for-players .waiting-icon{font-size:clamp(2rem,3.5vw,3rem);display:block;margin-bottom:.8vh;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:1vh;flex:1;overflow:hidden;padding-right:0;min-height: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:none;text-shadow:none}.lobby-display-wrapper .lobby-host-crown{position:absolute;top:-.8vh;right:-.5vh;font-size:1.5vw;filter:none;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-align:left;word-break:break-word}.lobby-display-wrapper .lobby-player-status-dot{width:1vh;height:1vh;border-radius:50%;flex-shrink:0}.lobby-display-wrapper .lobby-player-status-dot.status-ready{background:var(--neon-cyan)}.lobby-display-wrapper .lobby-player-status-dot.status-waiting{background:rgba(255,255,255,.3);animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:.3}50%{opacity:.7}}.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)}.lobby-display-wrapper .lobby-status-controls-section{background:var(--bg-surface, #1A2736);border:.3vh solid rgba(59,130,246,.4);border-radius:2vh;padding:1vh;display:flex;flex-direction:column;justify-content:center;gap:.8vh;width:25vw;min-height:0;overflow:hidden}.lobby-display-wrapper .lobby-host-controls-compact{display:flex;flex-direction:column;gap:.6vh;flex-shrink:0}.lobby-display-wrapper .lobby-button-start-compact{padding:1.2vh 1.5vh;font-size:1.5vw;font-weight:var(--font-weight-black);color:#fff;border-radius:1.6vh;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;text-shadow:0 .2vh .4vh rgba(0,0,0,1);min-height:6vh;line-height:1.3;display:flex;align-items:center;justify-content:center;text-align:center}.lobby-display-wrapper .lobby-button-start-compact.warning{background:linear-gradient(135deg,rgba(255,193,7,.4),rgba(255,152,0,.4));border:.4vh solid var(--warning-amber);color:#fff;box-shadow:0 1vh 3vh #0006,inset 0 .2vh .4vh #fff3}.lobby-display-wrapper .lobby-button-start-compact.waiting{background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(37,99,235,.4));border:.4vh solid var(--info-blue);color:#fff;box-shadow:0 1vh 3vh #0006,inset 0 .2vh .4vh #fff3}.lobby-display-wrapper .lobby-button-start-compact.ready{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));border:.4vh solid var(--neon-cyan);color:#fff;box-shadow:0 1vh 3vh #00000080,inset 0 .2vh .4vh #ffffff4d;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 #00000080}50%{transform:scale(1.05);box-shadow:0 1.8vh 4.8vh #0009}}.lobby-display-wrapper .lobby-button-start-compact:disabled{cursor:not-allowed;animation:none;opacity:.5;filter:grayscale(30%)}.lobby-display-wrapper .lobby-button-disband-compact{padding:.6vh 1vh;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;box-shadow:0 .6vh 2vh #0006;min-height:3.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 #00000080}.lobby-display-wrapper .lobby-button-fullscreen-compact{padding:.6vh 1vh;font-size:1.3vw;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(0,187,249,.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;box-shadow:0 .6vh 2vh #0006;min-height:3.5vh}.lobby-display-wrapper .lobby-button-fullscreen-compact:hover{background:linear-gradient(135deg,rgba(59,130,246,.5),rgba(0,187,249,.5));transform:translateY(-.2vh);box-shadow:0 1vh 3vh #00000080}.lobby-display-wrapper .lobby-button-sound-compact{padding:.6vh 1vh;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:3.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);box-shadow:0 .6vh 2vh #0006}.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 #00000080}.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 #0006}.lobby-display-wrapper button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(30%);pointer-events:none}.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(59,130,246,.03) 2px,rgba(59,130,246,.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,20,147,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,20,147,.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:none}.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-primary)}.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-primary);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);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-primary);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)}.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-primary);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)}.tier-card.popular{border-color:var(--neon-pink);background:var(--bg-surface, #1A2736)}.tier-card.popular:before{opacity:1}.tier-card.selected{border-color:var(--tier-color, var(--neon-pink));box-shadow:var(--shadow-lg)}.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-primary)}.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-primary)}.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,20,147,.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)}.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-primary);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)}.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}}.round-start-display-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:var(--bg-gradient-display);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);font-family:var(--font-primary);overflow:hidden}.round-start-display-pulse-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(255,20,147,.06) 0%,transparent 70%);animation:round-start-breathe 3s ease-in-out infinite;pointer-events:none}.round-start-display-multiplier{display:inline-block;padding:.4em 1.2em;background:rgba(255,209,102,.15);border:1px solid rgba(255,209,102,.3);border-radius:9999px;color:var(--accent-tertiary);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;letter-spacing:.15em;margin-bottom:3vh}.round-start-display-content{text-align:center;z-index:2;transition:transform .5s ease}.round-start-display-content--urgent{animation:round-start-urgent-pulse .5s ease-in-out infinite alternate}.round-start-display-round{font-size:clamp(1.5rem,4vw,2rem);color:var(--accent-primary);margin-bottom:4vh;font-weight:300;letter-spacing:.2em;text-shadow:none}.round-start-display-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;margin-bottom:5vh;background:var(--gradient-text-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse .3s ease-in-out infinite alternate}.round-start-display-timer{font-size:clamp(4rem,12vw,8rem);font-weight:900;font-family:var(--font-mono);color:var(--accent-primary);margin-bottom:4vh;text-shadow:none}.round-start-display-timer--urgent{color:var(--timer-critical);text-shadow:none;animation:urgentPulse .5s ease-in-out infinite}.round-start-display-players{font-size:clamp(1rem,3vw,1.5rem);color:var(--text-secondary);font-weight:300;letter-spacing:.1em}@keyframes round-start-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes round-start-urgent-pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.mobile-view-container{--pink: #FF1493;--blue: #3B82F6;--yellow: #FFD166;--green: #22C55E;--white: #f5f5f7;--dark-bg: #0F1923;--card-bg: rgba(255, 20, 147, .1);--mobile-safe-h: 4vw;--mobile-safe-v: 2vh;--mobile-header-height: 6vh}.mobile-view-container{min-height:100vh;min-height:100dvh;width:100%;max-width:100%;background:var(--bg-gradient-display, linear-gradient(180deg, #0F1923 0%, #1A2736 100%));color:var(--white);font-family:var(--font-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);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;padding:2vh 3vw!important}.cyber-glass{background:linear-gradient(135deg,rgba(255,20,147,.05) 0%,rgba(59,130,246,.05) 100%)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:.2vh solid var(--border-pink)!important;border-radius:2vh!important}.cyber-corners-mobile{border-radius:2vh!important}.cyber-button{font-family:var(--font-primary)!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;border-color:var(--border-pink)!important}.cyber-button.button-secondary{border-color:var(--border-blue)!important;color:var(--blue)!important}.cyber-button:hover{transform:scale(1.05)!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}.cyber-input:focus{outline:none!important;border-color:var(--pink)!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:var(--font-primary)!important;margin:0!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:var(--font-primary)!important}.cyber-timer{background:linear-gradient(135deg,rgba(255,20,147,.2) 0%,rgba(59,130,246,.15) 100%)!important;border:.3vh solid var(--border-pink)!important;border-radius:2vh!important;padding:1vh 3vw!important;font-family:var(--font-mono, monospace)!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.1em!important;text-align:center!important}.cyber-timer.normal{color:var(--blue)!important}.cyber-timer.warning{color:var(--yellow)!important;border-color:var(--border-yellow)!important}.cyber-timer.urgent,.cyber-timer.critical{color:var(--timer-critical, #e61640)!important;animation:timer-pulse 1s ease-in-out infinite!important}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.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}@keyframes cyber-spin{to{transform:rotate(360deg)}}.mobile-progress-bar{width:100%;height:1vh;background:linear-gradient(135deg,rgba(0,0,0,.8) 0%,rgba(15,25,35,.8) 100%);border:.2vh solid var(--border-blue);border-radius:.5vh;overflow:hidden;position:relative}.mobile-progress-fill{height:100%;background:linear-gradient(90deg,var(--pink) 0%,var(--blue) 50%,var(--pink) 100%);transition:width .3s ease;position:relative}.cyber-float{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-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: 768px){.cyber-button{font-size:.85rem!important;letter-spacing:.03em!important}}@media (max-width: 360px){.mobile-view-container{--mobile-safe-h: 3vw;--mobile-safe-v: 1vh}.cyber-button{padding:1vh 3vw!important;font-size:.75rem!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{--cyan: var(--accent-secondary, #3B82F6);--pink: var(--accent-primary, #FF1493);--yellow: var(--accent-winner, #FEE440);--green: var(--accent-secondary, #3B82F6);--white: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border-subtle: rgba(255, 255, 255, .12);--card-bg: rgba(255, 255, 255, .04);height:100vh;height:100dvh;min-height:0;width:100%;background:#0F1923;color:var(--white);font-family:var(--font-primary, "Outfit", sans-serif);overflow:hidden;padding:0;box-sizing:border-box;display:flex;flex-direction:column}.mobile-prompt-view.mobile-view-container{min-height:0;overflow-y:hidden;padding:0}.mobile-sticky-timer{flex-shrink:0;height:clamp(44px,7vh,56px);background:rgba(10,10,15,.95);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,4vw,1.3rem);font-weight:700;font-family:var(--font-primary);letter-spacing:.05em}.mobile-sticky-timer.normal{color:var(--cyan)}.mobile-sticky-timer.warning{color:var(--yellow)}.mobile-sticky-timer.urgent{color:var(--pink);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.mobile-theme-prompt{flex-shrink:0;padding:12px 16px}.mobile-theme-header{margin-bottom:8px}.mobile-round-info{font-size:.9rem;font-weight:600;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin:0}.mobile-theme-prompt-text{font-size:1.1rem;font-weight:500;color:var(--white);line-height:1.4;margin:0;padding-left:12px;border-left:3px solid var(--pink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mobile-prompt-view .mobile-content-area{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0 16px 16px}.mobile-prompt-input-section{display:flex;flex-direction:column;gap:12px}.mobile-textbox-container{position:relative;width:100%}.mobile-prompt-textarea{width:100%;min-height:100px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;color:var(--white);font-family:inherit;font-size:1.05rem;padding:14px 14px 36px;box-sizing:border-box;resize:none;transition:border-color .2s ease;line-height:1.5}.mobile-prompt-textarea:focus{outline:none;border-color:var(--cyan)}.mobile-prompt-textarea::placeholder{color:var(--text-muted)}.mobile-clear-button{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:8px 16px;min-height:44px;min-width:44px;transition:color .2s ease}.mobile-clear-button:hover{color:var(--white)}.mobile-character-count{position:absolute;bottom:8px;right:12px;font-size:.85rem;color:var(--text-muted);font-family:var(--font-primary)}.mobile-character-count[data-over-80=true]{color:var(--yellow)}.mobile-character-count[data-over-90=true]{color:var(--pink)}.mobile-generate-button{width:100%;padding:14px 24px;background:var(--cyan);border:none;border-radius:8px;color:#000;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:opacity .2s ease,transform .1s ease}.mobile-generate-button:hover:not(:disabled){opacity:.9}.mobile-generate-button:active:not(:disabled){transform:scale(.98)}.mobile-generate-button:disabled{opacity:.4;cursor:not-allowed}.mobile-prompt-tips-carousel{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 16px}.mobile-tips-header{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.mobile-tips-content{margin-bottom:8px}.mobile-tip-text{font-size:.9rem;color:#fffc;font-style:italic}.mobile-tips-indicators{display:flex;justify-content:center;gap:6px}.mobile-tip-counter{font-size:.85rem;color:var(--text-muted);letter-spacing:.05em}.mobile-generating-section{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.mobile-generating-animation{display:flex;flex-direction:column;align-items:center;gap:20px}.mobile-spinner-container{position:relative;width:48px;height:48px}.mobile-cyber-spinner{width:100%;height:100%;position:relative}.mobile-spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;border-top-color:var(--cyan);animation:spin 1s linear infinite}.mobile-spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:var(--pink);animation-direction:reverse;animation-duration:.8s}.mobile-spinner-ring:nth-child(3){width:40%;height:40%;top:30%;left:30%;border-top-color:var(--white);animation-duration:.6s}.mobile-main-text{font-size:1.2rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.1em}.mobile-sub-text{font-size:.9rem;color:var(--text-muted)}.mobile-single-image-section,.mobile-submitted-section{display:flex;flex-direction:column;align-items:center;gap:12px}.mobile-image-container{max-height:42vh;max-width:80%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.3);border:1px solid var(--border-subtle)}.mobile-generated-image,.mobile-submitted-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.mobile-action-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.mobile-submit-button{width:100%;padding:14px 24px;background:var(--green);border:none;border-radius:8px;color:#000;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:opacity .2s ease}.mobile-submit-button:hover{opacity:.9}.mobile-regenerate-button{width:100%;padding:12px 24px;background:transparent;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:color .2s ease,border-color .2s ease}.mobile-regenerate-button:hover:not(:disabled){color:var(--white);border-color:#ffffff4d}.mobile-regenerate-button:disabled{opacity:.4;cursor:not-allowed}.mobile-success-animation{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0}.mobile-checkmark{font-size:2.5rem;color:var(--green)}.mobile-success-text{font-size:1.1rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.1em}.mobile-waiting-message{font-size:.9rem;color:var(--text-muted);text-align:center;padding-top:8px}.mobile-error-banner{background:rgba(255,20,147,.1);border:1px solid rgba(255,20,147,.3);border-radius:8px;padding:12px 16px}.mobile-error-text{color:var(--pink);font-size:.9rem;text-align:center}.regenerate-form-section,.image-selection-section{display:flex;flex-direction:column;gap:16px}.form-header,.selection-header{text-align:center}.form-header h3,.selection-header h3{font-size:1rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin:0}.image-carousel{position:relative}.carousel-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.swipe-hints{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none}.swipe-hint{background:rgba(0,0,0,.7);color:var(--white);padding:10px 14px;border-radius:4px;font-size:.9rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.position-indicators{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 0}.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}.dot.active{background:var(--cyan)}.image-label{font-size:.9rem;color:var(--text-muted);margin-left:8px}.select-button,.generate-button{width:100%;padding:14px 24px;background:var(--cyan);border:none;border-radius:8px;color:#000;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer}.cancel-button{width:100%;padding:12px 24px;background:transparent;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer}.input-container{position:relative}.prompt-textarea{width:100%;min-height:100px;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;color:var(--white);font-size:1rem;padding:12px;box-sizing:border-box;resize:none}.character-count{position:absolute;bottom:8px;right:12px;font-size:.85rem;color:var(--text-muted)}.action-buttons{display:flex;flex-direction:column;gap:10px}.previous-image-thumbnail{display:flex;align-items:center;gap:8px;margin-top:8px}.previous-image-thumbnail img{width:48px;height:48px;object-fit:cover;border-radius:4px}.previous-image-thumbnail span{font-size:.9rem;color:var(--text-muted)}.voting-transition-display-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:var(--bg-gradient-display);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);font-family:var(--font-primary);overflow:hidden}.voting-transition-display-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.1);z-index:1}.voting-transition-display-split{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,rgba(255,20,147,.1) 49%,transparent 49%,transparent 51%,rgba(59,130,246,.1) 51%);animation:splitShift 3s ease-in-out infinite alternate}.voting-transition-display-content{text-align:center;z-index:2}.voting-transition-display-header{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--accent-primary);margin-bottom:5vh;font-weight:300;letter-spacing:.2em;text-shadow:none;text-transform:uppercase}.voting-transition-display-vs{font-size:clamp(5rem,15vw,10rem);font-weight:900;margin-bottom:5vh;background:var(--gradient-text-vs);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slam-from-bottom .4s cubic-bezier(.34,1.56,.64,1),vsGlow 2s ease-in-out infinite alternate;letter-spacing:.1em}.voting-transition-display-theme{background:var(--glass-dark);border:3px solid var(--accent-secondary);border-radius:20px;padding:3vh 3vw;margin:0 auto 5vh;max-width:800px;height:12vh;display:flex;flex-direction:column;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:none;animation:themeCardGlow 3s ease-in-out infinite alternate;overflow:hidden}.voting-transition-display-theme-label{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--accent-secondary);font-weight:700;letter-spacing:.2em;margin-bottom:1.5vh;text-transform:uppercase;text-shadow:none}.voting-transition-display-theme-text{font-size:clamp(1.2rem,3vw,2rem);color:var(--text-primary);font-weight:600;line-height:1.3;text-shadow:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voting-transition-display-lightning-container{display:flex;justify-content:center;align-items:center;margin-bottom:5vh}.voting-transition-display-lightning{font-size:clamp(2rem,5vw,4rem);color:var(--accent-primary);animation:lightning .5s ease-in-out infinite alternate;text-shadow:none;font-weight:900;font-family:var(--font-primary)}.voting-transition-display-lightning--flash{color:var(--text-primary)}.voting-transition-display-countdown{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--accent-primary);font-weight:700;text-shadow:none;animation:countdownPulse 1s ease-in-out infinite;text-transform:uppercase}.swipe-voting-view{--cyan: var(--accent-secondary, #3B82F6);--pink: var(--accent-primary, #FF1493);--green: var(--accent-secondary, #3B82F6);--white: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border-subtle: rgba(255, 255, 255, .12);--card-bg: rgba(255, 255, 255, .04);display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;width:100%;background:#0F1923;color:var(--white);overflow:hidden;padding:0}.swipe-voting-view.mobile-view-container{min-height:0;overflow-y:hidden;padding:0}.swipe-voting-timer{flex-shrink:0;height:clamp(44px,7vh,56px);background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(59,130,246,.15) 100%);border-bottom:.2vh solid var(--border-cyan);display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-mono, monospace);font-weight:var(--font-weight-black, 900);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.3rem);color:var(--accent-secondary, #3B82F6);transition:color .3s ease,background .3s ease}.swipe-voting-timer.warning{color:var(--accent-winner, #FEE440);background:linear-gradient(135deg,rgba(254,228,64,.2) 0%,rgba(254,228,64,.1) 100%);border-bottom-color:#fee44066}.swipe-voting-timer.urgent{color:var(--accent-primary, #FF1493);background:linear-gradient(135deg,rgba(255,20,147,.2) 0%,rgba(255,20,147,.1) 100%);border-bottom-color:#ff149366;animation:swipe-timer-pulse 1s ease-in-out infinite}@keyframes swipe-timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.swipe-multiplier{font-size:.9rem;color:var(--pink);font-weight:700;text-transform:uppercase}.swipe-voting-content{flex:1;display:flex;flex-direction:column;justify-content:center}.swipe-image-carousel{position:relative;padding:8px 16px}.swipe-image-container{max-height:45vh;max-width:80%;margin:0 auto;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#000}.swipe-voting-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.swipe-image-carousel.animating .swipe-voting-image{transform:scale(.98)}.swipe-vote-confirmation-overlay{position:absolute;top:12px;left:16px;right:16px;bottom:0;background:rgba(255,20,147,.9);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.swipe-vote-checkmark{font-size:3rem;margin-bottom:8px}.swipe-vote-message{font-size:1.2rem;font-weight:700;text-transform:uppercase}.swipe-hints{position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.swipe-hint{background:rgba(0,0,0,.6);color:#ffffffd9;padding:10px 14px;border-radius:22px;font-size:.8rem;font-weight:600;letter-spacing:.05em;line-height:1;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.swipe-position-indicators{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px}.swipe-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .2s ease}.swipe-dot.active{background:var(--cyan)}.swipe-image-label{font-size:.9rem;color:var(--text-muted);margin-left:8px}.swipe-prompt-display{margin:0 16px 12px;padding:12px 16px;background:var(--bg-surface, #1A2736);border:1px solid var(--border-cyan, rgba(59, 130, 246, .4));border-radius:8px;min-height:64px}.swipe-prompt-label{font-size:.75rem;font-weight:600;color:var(--accent-secondary, #3B82F6);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.swipe-prompt-text{font-size:1rem;color:var(--white);line-height:1.4;font-style:italic;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.swipe-voting-progress{text-align:center;font-size:.9rem;color:var(--text-muted);padding:8px 16px;text-transform:uppercase;letter-spacing:.05em}.swipe-vote-actions{flex-shrink:0;padding:8px 16px 16px}.swipe-vote-button{width:100%;padding:16px 24px;background:var(--cyan);border:none;border-radius:8px;color:#000;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .2s ease}.swipe-vote-button:hover:not(:disabled){opacity:.9}.swipe-vote-button:disabled{opacity:.4;cursor:not-allowed}.swipe-vote-status{width:100%;padding:14px 24px;border-radius:8px;font-size:.9rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.05em}.swipe-vote-status.voted{background:var(--green);color:#000}.swipe-vote-status.disabled,.swipe-vote-status.waiting{background:var(--card-bg);border:1px solid var(--border-subtle);color:var(--text-muted)}.swipe-voting-view.loading{justify-content:center;align-items:center}.swipe-loading-message{font-size:1rem;color:var(--text-muted)}@media (max-width: 380px){.swipe-voting-content{padding-top:52px;padding-bottom:72px}.swipe-image-carousel{padding:8px 12px}.swipe-prompt-display{margin:0 12px 8px;padding:10px 12px}}@media (min-width: 428px){.swipe-image-container{max-width:400px;margin:0 auto}.swipe-prompt-display{max-width:400px;margin-left:auto;margin-right:auto}}.spotlight-display-wrapper{--safe-h: 5vw;--safe-v: 5vh;--spotlight-cyan: var(--accent-secondary, #3B82F6);--spotlight-pink: var(--accent-primary, #FF1493);--spotlight-gold: var(--accent-winner, #FEE440);--white: #ffffff;--dark-bg: var(--bg-black, #0F1923);--card-bg: var(--bg-surface, #1A2736);--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(180deg,var(--dark-bg) 0%,#152232 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-primary);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:2px solid rgba(59,130,246,.3);border-radius:3vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;padding:2vh 4vw}.spotlight-display-theme-label{font-size:clamp(1vh,1.5vw,2vh);font-weight:600;color:var(--spotlight-cyan);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);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;word-wrap:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.spotlight-display-main{flex:1;display:grid;grid-template-columns:minmax(30vw,min(45vw,65vh)) minmax(35vw,1fr);gap:clamp(1rem,3vw,4rem);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(--bg-surface, #1A2736);border:.3vh solid var(--border-cyan);border-radius:3vh;overflow:hidden;margin:0 auto}.spotlight-display-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(110deg,transparent 25%,rgba(59,130,246,.15) 37%,transparent 63%);background-size:200% 100%;animation:spotlight-shimmer 1.5s ease-in-out infinite;z-index:1;pointer-events:none}.spotlight-display-image-container:has(img[src]:not([src=""])) .spotlight-display-image~:before,.spotlight-display-image[complete]:before{display:none}@keyframes spotlight-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spotlight-display-image{width:100%;height:100%;object-fit:cover;border-radius:3vh;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:var(--bg-surface, #1A2736);border:.3vh solid rgba(59,130,246,.6);border-radius:3vh;gap:2vh}.spotlight-display-text-header{font-size:clamp(1.5vh,2vw,3vh);font-weight:900;color:var(--spotlight-cyan);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);text-align:center;margin:0}.spotlight-display-text-quote{font-size:clamp(1vh,1.5vw,2.2vh);font-weight:500;color:var(--spotlight-cyan);line-height:1.5;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:3vh 2vw;background:rgba(0,0,0,.2);border-radius:2vh;border-left:.5vh solid var(--spotlight-cyan);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;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(59,130,246,.4);border-radius:1vh;overflow:hidden;position:relative}.spotlight-display-progress-fill{height:100%;background:linear-gradient(90deg,var(--spotlight-cyan) 0%,var(--spotlight-cyan) 50%,var(--spotlight-cyan) 100%);position:relative}@keyframes spotlight-progress{to{width:100%}}.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}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spotlight-display-progress-label{text-align:center;font-size:clamp(.8vh,1vw,1.4vh);font-weight:600;color:var(--spotlight-cyan);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.1em}.spotlight-display-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(59,130,246,.3) 0%,rgba(59,130,246,.2) 100%);border:.3vh solid rgba(59,130,246,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1000}.spotlight-display-timer-number{font-size:clamp(18px,2.5vw,28px);font-weight:900;color:var(--spotlight-cyan);font-family:var(--font-mono);line-height:1;transition:color .3s ease}.spotlight-display-timer-number.warning{color:var(--accent-winner, #FEE440)}.spotlight-display-timer-number.urgent{color:var(--accent-primary, #FF1493);animation:timer-urgency-pulse 1s ease-in-out infinite}@keyframes timer-urgency-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.spotlight-display-loading{height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--dark-bg) 0%,#152232 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(59,130,246,.2);border-top-color:var(--spotlight-cyan);border-radius:50%;animation:spotlight-spin 1s linear infinite}@keyframes spotlight-spin{to{transform:rotate(360deg)}}.spotlight-display-loading h2{font-family:var(--font-primary);font-size:2.5vw;font-weight:900;color:var(--spotlight-cyan);text-transform:uppercase;letter-spacing:.1em;margin:0}@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;--cyan: var(--accent-secondary, #3B82F6);--pink: #FF1493;--blue: #00bfff;--yellow: #ffd700;--white: #ffffff;--dark-bg: #0F1923;--card-bg: var(--bg-surface, #1A2736);--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(180deg,var(--dark-bg) 0%,#152232 100%);display:flex;flex-direction:column;padding:var(--safe-v) var(--safe-h);box-sizing:border-box;font-family:var(--font-primary);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:2px solid rgba(59,130,246,.3);border-radius:3vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;padding:2vh 4vw}.comparison-theme-label{font-size:clamp(1vh,1.5vw,2vh);font-weight:600;color:var(--cyan);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;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;color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:none;filter:none}.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}.fighter-image-container{width:100%;flex:1;min-height:0;border-radius:2vh;overflow:hidden;background:transparent;border:none;box-shadow:none;position:relative;display:flex;align-items:center;justify-content:center}.comparison-image{width:100%;height:100%;object-fit:cover;border-radius:2vh;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;flex-shrink:0;height:10vh}.comparison-prompt-text{font-size:clamp(1.1rem,1.6vw,2.2rem);font-weight:600;color:#fffffff2;line-height:1.3;text-align:center;margin:0;font-style:italic;max-width:100%;padding:1.5vh 2vh;background:rgba(0,0,0,.5);border-radius:2vh;border-left:.5vh solid var(--cyan);max-height:10vh;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}.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(59,130,246,.3) 0%,rgba(59,130,246,.2) 100%);border:.3vh solid rgba(59,130,246,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1000}.comparison-timer-number{font-size:clamp(18px,2.5vw,28px);font-weight:900;color:var(--accent-secondary, #3B82F6);font-family:var(--font-mono);line-height:1;transition:color .3s ease}.comparison-timer-number.warning{color:var(--accent-winner, #FEE440)}.comparison-timer-number.urgent{color:var(--accent-primary, #FF1493);animation:comparison-timer-pulse 1s ease-in-out infinite}@keyframes comparison-timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@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%,#1A2736 30%,#1E2D3D 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}.comparison-display-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 30%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(59,130,246,.04) 0%,transparent 50%);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}}.showdown-display-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-black);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:clamp(1.5rem,3vw,2rem)}.showdown-display-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:var(--bg-gradient-display);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);font-family:var(--font-primary);overflow:hidden}.showdown-display-fireworks{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.showdown-display-firework-particle{position:absolute;width:.5vh;height:.5vh;border-radius:50%}.showdown-display-firework-particle--pink{background:var(--accent-secondary)}.showdown-display-firework-particle--cyan{background:var(--accent-primary)}.showdown-display-firework-particle--anim0{animation:firework0 2s ease-out infinite}.showdown-display-firework-particle--anim1{animation:firework1 2s ease-out infinite}.showdown-display-firework-particle--anim2{animation:firework2 2s ease-out infinite}.showdown-display-content{text-align:center;z-index:2;width:100%;max-width:1200px;padding:0 2vw}.showdown-display-header{font-size:clamp(1.5rem,4vw,2rem);color:var(--accent-primary);margin-bottom:2vh;font-weight:300;letter-spacing:.2em}.showdown-display-phase-text{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;background:var(--gradient-text-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showdown-display-phase-text--building{animation:pulse 1s ease-in-out infinite}.showdown-display-phase-text--drumroll{animation:drumroll .5s ease-in-out infinite}.showdown-display-result-title{font-size:clamp(2rem,6vw,4rem);font-weight:900;margin-bottom:3vh;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showdown-display-result-title--winner{background:linear-gradient(135deg,var(--accent-winner),var(--accent-secondary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;animation:winnerGlow 2s ease-in-out infinite alternate}.showdown-display-result-title--tie{background:linear-gradient(135deg,#ff8800,var(--accent-winner),#ff8800);-webkit-background-clip:text;background-clip:text}.showdown-display-result-title--no-votes{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.showdown-display-images-row{display:flex;justify-content:center;align-items:center;gap:3vw;margin-bottom:3vh;min-height:40vh}.showdown-display-caption{width:15vw;min-width:180px;padding:1.5vh;border-radius:1.5vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showdown-display-caption--winner{background:var(--glass-backdrop);border:.3vh solid rgba(254,228,64,.5);animation:captionFadeIn 1s ease-out .5s both}.showdown-display-caption--loser{background:rgba(0,0,0,.6);border:.2vh solid rgba(255,255,255,.2);opacity:.8;animation:captionFadeIn 1s ease-out .7s both}.showdown-display-caption-text{font-style:italic;line-height:1.4}.showdown-display-caption-text--winner{font-size:clamp(.8rem,1.2vw,1rem);color:var(--text-primary);text-align:right}.showdown-display-caption-text--loser{font-size:clamp(.75rem,1.1vw,.9rem);color:var(--text-secondary);text-align:left}.showdown-display-image-wrapper{position:relative}.showdown-display-image-wrapper--winner{transform:scale(1.1);animation:winnerFloat 3s ease-in-out infinite}.showdown-display-image-wrapper--loser{opacity:.6;transform:scale(.9);animation:loserFloat 3s ease-in-out infinite}.showdown-display-image-wrapper--tied{opacity:1;transform:scale(1.1);animation:winnerFloat 3s ease-in-out infinite}.showdown-display-image{width:clamp(200px,22vw,350px);height:clamp(200px,22vw,350px);border-radius:2vh;background-size:cover;background-position:center}.showdown-display-image--winner{border:.5vh solid var(--accent-winner);animation:winnerBorder 2s ease-in-out infinite alternate}.showdown-display-image--tie{border:.5vh solid #ff8800;animation:winnerBorder 2s ease-in-out infinite alternate}.showdown-display-image--no-votes{border:.5vh solid var(--text-muted)}.showdown-display-image--loser{border:.3vh solid var(--text-muted);box-shadow:none;filter:grayscale(.3)}.showdown-display-badge{position:absolute;top:-2.5vh;left:50%;transform:translate(-50%);padding:1vh 2.5vw;border-radius:2.5vh;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:700;white-space:nowrap}.showdown-display-badge--winner{background:var(--accent-winner);color:#000;box-shadow:0 .5vh 1.5vh #fee44080}.showdown-display-badge--tie{background:#ff8800;color:#fff;box-shadow:0 .5vh 1.5vh #ff880080}.showdown-display-badge--no-votes{background:var(--text-muted);color:#fff;box-shadow:none}.showdown-display-badge--loser{background:var(--text-muted);color:#fff;padding:.8vh 2vw;border-radius:2vh;font-size:clamp(.8rem,1.2vw,1rem)}.showdown-display-player-info{position:absolute;bottom:-6vh;left:50%;transform:translate(-50%);width:100%;text-align:center}.showdown-display-player-name{font-weight:700;margin-bottom:.5vh}.showdown-display-player-name--winner{font-size:clamp(1.5rem,4vw,2rem);color:var(--accent-winner);animation:slam-from-bottom .4s cubic-bezier(.34,1.56,.64,1)}.showdown-display-player-name--tie{font-size:clamp(1.3rem,3vw,1.8rem);color:#f80;margin-bottom:.5vh}.showdown-display-player-name--loser{font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--text-muted);margin-bottom:0}.showdown-display-votes{font-size:clamp(1rem,1.8vw,1.3rem);font-weight:700;color:var(--text-primary)}.showdown-display-vs{font-size:clamp(1.5rem,2.5vw,2rem);color:var(--text-muted);opacity:.5}.showdown-display-countdown{font-size:clamp(1rem,3vw,1.5rem);color:var(--text-secondary);margin-top:2vh;font-family:var(--font-mono)}.results-display-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:var(--bg-gradient-display);display:flex;flex-direction:column;color:var(--text-primary);font-family:var(--font-primary);overflow:hidden}.results-display-grid-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 3vh,rgba(59,130,246,.05) 3vh,rgba(59,130,246,.05) 3.2vh),repeating-linear-gradient(90deg,transparent,transparent 3vw,rgba(59,130,246,.05) 3vw,rgba(59,130,246,.05) 3.2vw);opacity:.3}.results-display-header{text-align:center;padding:2vh 2vw;flex-shrink:0;z-index:2}.results-display-title{font-size:var(--text-xl);font-weight:700;margin-bottom:1vh;background:var(--gradient-text-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite alternate}.results-display-subtitle{font-size:var(--text-base);color:var(--accent-primary);font-weight:300;letter-spacing:.1em}.results-display-content{display:flex;flex:1;min-height:0;gap:2vw;padding:0 2vw 2vh;z-index:2}.results-display-leaderboard-panel{flex:1;background:var(--glass-card);border-radius:2vh;padding:2vh 2vw;border:var(--border-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;transform:translate(0)}.results-display-leaderboard-panel--entering{animation:slideInLeft 1s ease-out;opacity:0;transform:translate(-10vw)}.results-display-leaderboard-title{font-size:var(--text-lg);margin-bottom:2vh;color:var(--accent-primary);text-align:center;text-shadow:none}.results-display-player-list{display:flex;flex-direction:column;gap:1vh}.results-display-player-row{display:flex;align-items:center;padding:1vh 1vw;background:var(--glass-card);border-radius:1.5vh;border:1px solid var(--glass-light);transform:translate(0);opacity:1;transition:all .5s ease}.results-display-player-row--top3{background:var(--glass-card-heavy);border:var(--border-winner);animation:leaderboardGlow 3s ease-in-out infinite alternate}.results-display-player-row--entering{transform:translate(-10vw);opacity:0}.results-display-player-row--top3.results-display-player-row--entering{animation:none}.results-display-player-rank{font-size:var(--text-base);min-width:6vw;text-align:center}.results-display-player-info{flex:1;margin-left:1vw}.results-display-player-name{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.results-display-player-name--top3{color:var(--accent-primary)}.results-display-player-wins{font-size:var(--text-xs);color:var(--text-secondary)}.results-display-player-score{font-size:var(--text-base);font-weight:700;color:var(--accent-primary);min-width:8vw;text-align:right}.results-display-stats-panel{flex:1;background:var(--glass-card);border-radius:2vh;padding:2vh 2vw;border:var(--border-pink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-display-stats-panel--entering{animation:slideInRight 1s ease-out}.results-display-stats-title{font-size:var(--text-lg);margin-bottom:2vh;color:var(--accent-secondary);text-align:center;text-shadow:none}.results-display-stats-content{display:flex;flex-direction:column;gap:2vh;transform:translateY(0);opacity:1;transition:all 1s ease}.results-display-stats-content--hidden{transform:translateY(5vh);opacity:0}.results-display-champion-card{padding:1.5vh 1.5vw;background:rgba(254,228,64,.1);border-radius:1.5vh;border:var(--border-winner);text-align:center}.results-display-champion-label{font-size:var(--text-sm);margin-bottom:.5vh;color:var(--accent-primary)}.results-display-champion-name{font-size:var(--text-base);font-weight:700}.results-display-champion-votes{font-size:var(--text-sm);color:var(--text-secondary)}.results-display-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1vh}.results-display-stat-card{padding:1vh 1vw;border-radius:1vh;text-align:center}.results-display-stat-card--cyan{background:rgba(59,130,246,.1)}.results-display-stat-card--pink{background:rgba(255,20,147,.1)}.results-display-stat-label{font-size:var(--text-sm);margin-bottom:.5vh}.results-display-stat-label--cyan{color:var(--accent-primary)}.results-display-stat-label--pink{color:var(--accent-secondary)}.results-display-stat-value{font-size:var(--text-lg);font-weight:700}.results-display-stat-detail{font-size:var(--text-xs);color:var(--text-secondary)}.results-display-progress-label{font-size:var(--text-sm);margin-bottom:1vh;color:var(--text-primary)}.results-display-progress-track{width:100%;height:max(10px,2vh);background:var(--glass-light);border-radius:1vh;overflow:hidden}.results-display-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:1vh;transition:width 1s ease}.results-display-progress-text{font-size:var(--text-xs);color:var(--text-secondary);margin-top:.5vh;text-align:center}.mobile-results-view{--cyan: var(--accent-secondary, #3B82F6);--pink: var(--accent-primary, #FF1493);--yellow: var(--accent-winner, #FEE440);--green: var(--accent-secondary, #3B82F6);--white: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border-subtle: rgba(255, 255, 255, .12);--card-bg: rgba(255, 255, 255, .04);min-height:100vh;min-height:100dvh;width:100%;background:#0F1923;color:var(--white);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;font-family:var(--font-primary, "Outfit", sans-serif)}.mobile-results-timer{position:fixed;top:0;left:0;right:0;height:48px;background:rgba(10,10,15,.95);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;font-weight:600;color:var(--cyan);text-transform:uppercase;letter-spacing:.05em}.mobile-results-timer.warning{color:var(--yellow)}.mobile-results-timer.urgent{color:var(--pink)}.mobile-results-content{margin-top:60px;flex:1;display:flex;flex-direction:column;gap:16px;padding:16px 16px 32px}.mobile-round-mvp-banner{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}.mvp-crown{font-size:2rem}.mvp-text{flex:1}.mvp-label{font-size:1rem;font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.mvp-subtitle{font-size:.8rem;color:var(--text-muted)}.mobile-performance-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.performance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.performance-title{font-size:.9rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin:0}.personal-best-badge{font-size:.7rem;color:var(--yellow);text-transform:uppercase}.performance-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.2);border-radius:8px}.metric-icon{font-size:1.5rem;opacity:.8}.metric-details{flex:1}.metric-value{font-size:1.4rem;font-weight:700;color:var(--white);font-family:var(--font-primary);line-height:1}.metric-item.votes .metric-value{color:var(--cyan)}.metric-item.points .metric-value{color:var(--green)}.metric-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.mobile-standing-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.standing-header{margin-bottom:16px}.standing-title{font-size:.9rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin:0}.standing-content{display:flex;gap:16px;align-items:flex-start}.rank-section{display:flex;flex-direction:column;align-items:center;gap:8px}.current-rank{display:flex;align-items:baseline;gap:2px;padding:12px 16px;background:rgba(0,0,0,.3);border:1px solid var(--border-subtle);border-radius:8px;min-width:70px;justify-content:center}.current-rank.rank-1{border-color:var(--yellow)}.current-rank.rank-2{border-color:silver}.current-rank.rank-3{border-color:#cd7f32}.rank-number{font-size:2rem;font-weight:900;font-family:var(--font-mono);color:var(--white)}.current-rank.rank-1 .rank-number{color:var(--yellow)}.current-rank.rank-2 .rank-number{color:silver}.current-rank.rank-3 .rank-number{color:#cd7f32}.rank-ordinal{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.position-change{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:600}.position-change.improved{background:rgba(59,130,246,.15);color:var(--green)}.position-change.dropped{background:rgba(255,20,147,.15);color:var(--pink)}.change-icon{font-size:.9rem}.standing-details{flex:1;display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-row.leader-gap{border-top:1px solid var(--border-subtle);padding-top:10px;margin-top:4px}.detail-label{font-size:.8rem;color:var(--text-muted)}.detail-value{font-size:1rem;font-weight:600;color:var(--white);font-family:var(--font-primary)}.player-count{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:4px}.rank-message{margin-top:12px;padding:10px;background:rgba(0,0,0,.2);border-radius:6px;text-align:center;font-size:.85rem}.message-champion{color:var(--yellow);font-weight:600}.message-close{color:var(--green)}.message-podium{color:#cd7f32}.message-middle{color:var(--text-muted)}.mobile-competition-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.competition-title{font-size:.9rem;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.competition-list{display:flex;flex-direction:column;gap:6px}.competitor-item{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:.85rem}.competitor-item.ahead{background:rgba(255,20,147,.08)}.competitor-item.current-player{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.competitor-item.behind{background:rgba(255,255,255,.03)}.competitor-rank{font-weight:600;font-family:var(--font-primary);color:var(--text-muted)}.competitor-name{font-weight:500;color:var(--white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.competitor-score{font-weight:600;font-family:var(--font-mono);color:var(--cyan)}.competitor-gap{font-size:.75rem;font-family:var(--font-primary);min-width:36px;text-align:right}.competitor-item.ahead .competitor-gap{color:var(--pink)}.competitor-item.behind .competitor-gap{color:var(--green)}.mobile-progress-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.final-results-summary{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.final-icon{font-size:3rem}.final-text{font-size:1.2rem;font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.1em}.final-score{font-size:1rem;color:var(--text-muted)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:500;color:var(--white)}.rounds-remaining{color:var(--text-muted);font-size:.8rem}.progress-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:4px;transition:width .5s ease}.next-round-teaser{text-align:center;font-size:.85rem;color:var(--cyan);font-weight:500;text-transform:uppercase;letter-spacing:.03em}@media (max-width: 380px){.mobile-results-content{padding:12px;gap:12px}.mobile-performance-card,.mobile-standing-card,.mobile-competition-card,.mobile-progress-card{padding:12px}.performance-metrics{grid-template-columns:1fr}.standing-content{flex-direction:column;align-items:stretch}.rank-section{flex-direction:row;justify-content:center}}.game-over-display-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:var(--bg-gradient-display);display:flex;flex-direction:column;color:var(--text-primary);font-family:var(--font-primary);overflow:hidden}.game-over-display-warning{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,var(--accent-secondary),var(--danger-red));color:var(--text-primary);padding:2vh 3vw;font-size:2.5vh;font-weight:700;text-align:center;z-index:1000;box-shadow:0 .5vh 2vh #ff149380;animation:pulseWarning 2s ease-in-out infinite}.game-over-display-fireworks{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.game-over-display-firework-dot{position:absolute;width:.5vw;height:.5vw;border-radius:50%}.game-over-display-firework-color-0{background:var(--accent-winner)}.game-over-display-firework-color-1{background:var(--accent-secondary)}.game-over-display-firework-color-2{background:var(--accent-primary)}.game-over-display-firework-color-3{background:var(--danger-red)}.game-over-display-firework-color-4{background:var(--accent-primary)}.game-over-display-confetti{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3}.game-over-display-confetti-active{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(254,228,64,.1) 10px,rgba(254,228,64,.1) 20px,transparent 20px,transparent 30px,rgba(255,20,147,.1) 30px,rgba(255,20,147,.1) 40px);animation:confetti 5s linear infinite}.game-over-display-header{text-align:center;margin-top:2vh;margin-bottom:2vh;z-index:2;transition:all 1.5s ease}.game-over-display-header-entering{transform:translateY(0);opacity:1}.game-over-display-header-shifted{transform:translateY(-2vh);opacity:1}.game-over-display-title{font-size:clamp(2.5rem,6vh,4rem);font-weight:900;margin-bottom:1vh;background:linear-gradient(135deg,var(--accent-winner),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slam-from-bottom .4s cubic-bezier(.34,1.56,.64,1),titleGlow 3s ease-in-out infinite alternate .4s;display:flex;align-items:center;justify-content:center;gap:1vw}.game-over-display-subtitle{font-size:2vh;color:var(--accent-primary);font-weight:300;letter-spacing:.2em}.game-over-display-content{display:flex;flex:1;gap:2vw;padding:0 2vw;z-index:2}.game-over-display-carousel{flex:1.5;background:var(--glass-card);border-radius:2vh;padding:2vh 2vw;border:.3vh solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;transition:all 1s ease .5s}.game-over-display-carousel-hidden{transform:translate(-5vw);opacity:0}.game-over-display-carousel-visible{transform:translate(0);opacity:1}.game-over-display-section-title{font-size:2.5vh;margin-bottom:1.5vh;color:var(--accent-primary);text-align:center;text-shadow:none}.game-over-display-round-selector{display:flex;justify-content:center;gap:1vw;margin-bottom:1.5vh}.game-over-display-round-btn{padding:.8vh 1.5vw;background:var(--glass-card-heavy);border:.2vh solid rgba(59,130,246,.5);border-radius:1vh;color:var(--text-primary);cursor:pointer;font-size:1.6vh;transition:all .3s}.game-over-display-round-btn:hover{transform:scale(1.05)}.game-over-display-round-btn-active{background:rgba(59,130,246,.3)}.game-over-display-theme{text-align:center;margin-bottom:1.5vh;font-size:1.8vh;color:var(--accent-winner)}.game-over-display-image-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:1vh;width:100%;overflow-y:hidden;padding:.5vh .5vw}.game-over-display-image-card{position:relative;background:rgba(0,0,0,.8);border-radius:1vh;overflow:hidden;border:.1vh solid rgba(255,255,255,.2);transition:transform .3s ease;cursor:pointer}.game-over-display-image-card:hover{transform:scale(1.05)}.game-over-display-image-card-winner{border:.3vh solid var(--accent-winner);animation:winnerGlow 3s ease-in-out infinite alternate}.game-over-display-image-container{width:100%;padding-bottom:100%;background-size:cover;background-position:center;position:relative}.game-over-display-winner-badge{position:absolute;top:5%;right:5%;background:var(--accent-winner);color:var(--bg-black);padding:.5vh 1vw;border-radius:1vh;font-size:1.4vh;font-weight:700}.game-over-display-vote-count{position:absolute;bottom:5%;left:5%;background:rgba(0,0,0,.8);color:var(--accent-primary);padding:.5vh 1vw;border-radius:.8vh;font-size:1.6vh;font-weight:700}.game-over-display-player-info{padding:1vh 1vw;background:rgba(0,0,0,.9)}.game-over-display-player-name{font-size:1.8vh;font-weight:700;color:var(--accent-winner);margin-bottom:.5vh}.game-over-display-player-prompt{font-size:1.4vh;color:var(--text-primary);font-style:italic;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-over-display-winners-panel{flex:1;background:var(--glass-card);border-radius:2vh;padding:2vh;border:.3vh solid rgba(254,228,64,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 1s ease}.game-over-display-winners-hidden{transform:scale(.9);opacity:0}.game-over-display-winners-visible{transform:scale(1);opacity:1}.game-over-display-champions-title{font-size:3vh;margin-bottom:2vh;color:var(--accent-winner);text-align:center;text-shadow:none}.game-over-display-winner-list{display:flex;flex-direction:column;gap:1.5vh;align-items:center}.game-over-display-winner-card{display:flex;align-items:center;padding:1.5vh 2vw;background:rgba(254,228,64,.2);border-radius:2vh;border:.3vh solid rgba(254,228,64,.5);width:100%;max-width:30vw;animation:winnerGlow 3s ease-in-out infinite alternate}.game-over-display-winner-icon{font-size:3vh;margin-right:1vw}.game-over-display-winner-details{flex:1}.game-over-display-winner-name{font-size:2vh;font-weight:700;color:var(--accent-winner);margin-bottom:.5vh}.game-over-display-winner-stats{display:flex;gap:2vw;font-size:1.5vh;color:var(--text-primary)}.game-over-display-stat-label-cyan{color:var(--accent-primary)}.game-over-display-stat-label-pink{color:var(--accent-secondary)}.game-over-display-leaderboard{flex:1;background:var(--glass-card);border-radius:2vh;padding:2vh;border:.2vh solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 1s ease .5s}.game-over-display-leaderboard-hidden{transform:translate(5vw);opacity:0}.game-over-display-leaderboard-visible{transform:translate(0);opacity:1}.game-over-display-leaderboard-title{font-size:2.5vh;margin-bottom:2vh;color:var(--accent-primary);text-align:center;text-shadow:none}.game-over-display-standings{display:grid;gap:1vh;max-height:50vh;overflow-y:auto}.game-over-display-standing-row{display:flex;align-items:center;padding:1vh 1vw;background:var(--glass-card);border-radius:1vh;border:.1vh solid rgba(255,255,255,.1)}.game-over-display-standing-row-top3{background:rgba(254,228,64,.1);border:.2vh solid rgba(254,228,64,.3);animation:leaderboardGlow 3s ease-in-out infinite alternate}.game-over-display-rank{font-size:2vh;min-width:4vw;text-align:center}.game-over-display-standing-name{flex:1;margin-left:1vw;font-size:1.8vh;font-weight:700;color:var(--text-primary)}.game-over-display-standing-name-top3{color:var(--accent-winner)}.game-over-display-standing-score{font-size:2vh;font-weight:700;color:var(--accent-primary)}.game-over-display-actions{display:flex;justify-content:center;gap:2vw;padding:2vh;z-index:2}.game-over-display-btn{padding:1.5vh 3vw;font-size:2vh;font-weight:700;border:none;border-radius:1.5vh;cursor:pointer;transition:all .3s ease}.game-over-display-btn:hover{transform:scale(1.05)}.game-over-display-btn-home{background:linear-gradient(135deg,var(--accent-secondary),var(--danger-red));color:#fff;box-shadow:0 .5vh 1.5vh #ff14934d}.game-over-display-btn-play-again{background:linear-gradient(135deg,var(--accent-primary),#00BBF9);color:#000;box-shadow:0 .5vh 1.5vh #3b82f64d}.rejoin-waiting-wrapper{min-height:100vh;width:100vw;background:linear-gradient(135deg,#0F1923 0%,#1A2736 50%,#1E2D3D 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,#FF1493,#00BBF9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;margin:0;text-shadow:none}.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:none}.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:var(--font-mono);letter-spacing:.2em;text-shadow:none}.rejoin-waiting-content{display:flex;flex-direction:column;gap:2rem;align-items:center}.rejoin-status-card{width:100%;background:rgba(255,20,147,.1);border:2px solid rgba(255,20,147,.4);border-radius:1rem;padding:2rem;text-align:center;box-shadow:none;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:#ff1493;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;text-shadow:none}.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:#00bbf9;text-shadow:none}.rejoin-score-value{font-size:1.25rem;font-weight:700;color:#ff1493;text-shadow:none}.rejoin-tips{width:100%;background:rgba(0,187,249,.1);border:2px solid rgba(0,187,249,.3);border-radius:1rem;padding:1.5rem;box-shadow:none}.rejoin-tips-title{font-size:1.25rem;font-weight:700;color:#00bbf9;margin:0 0 1rem;text-shadow:none}.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 #FF1493;border-radius:50%;opacity:0;animation:pulse-expand 3s ease-out infinite}.rejoin-pulse-ring.delay-1{animation-delay:1s;border-color:#00bbf9}.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:none}50%{text-shadow:none}}.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,20,147,.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}}.game-join-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0F1923 0%,#1A2736 50%,#1E2D3D 100%);padding:4vh 4vw}.join-card{background:rgba(15,25,35,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;max-width:500px;width:100%;box-sizing:border-box;box-shadow:0 8px 32px #0009;border:2px solid rgba(59,130,246,.3)}.join-header{text-align:center;margin-bottom:30px}.join-header h1{color:#ff1493;font-size:2rem;margin-bottom:15px;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:none}.game-code-badge{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,rgba(255,20,147,.2) 0%,rgba(255,20,147,.2) 100%);padding:12px 24px;border-radius:12px;border:2px solid rgba(255,20,147,.4);box-shadow:none;max-width:100%}.badge-label{color:#fffc;font-size:.9rem;font-weight:600;text-transform:uppercase}.badge-code{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:3px;font-family:Courier New,monospace;text-shadow:none}.join-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#ff1493;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.name-input{background:rgba(0,0,0,.5);border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:15px;color:#fff;font-size:1.1rem;transition:all .3s ease}.name-input:focus{outline:none;border-color:#ff1493;background:rgba(0,0,0,.7);box-shadow:none}.name-input::placeholder{color:#fff6}.name-input:disabled{opacity:.5;cursor:not-allowed}.error-message{background:rgba(255,20,147,.2);border:2px solid rgba(255,20,147,.5);color:#3b82f6;padding:12px;border-radius:8px;font-size:.9rem;text-align:center;box-shadow:none}.warning-message{background:rgba(254,228,64,.2);border:2px solid rgba(254,228,64,.5);color:#fee440;padding:12px;border-radius:8px;font-size:.9rem;text-align:center;box-shadow:none}.join-button{background:linear-gradient(135deg,#FF1493 0%,#E55A3A 100%);color:#000;border:2px solid #FF1493;border-radius:12px;padding:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:none}.join-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:none;background:linear-gradient(135deg,#FF1493 0%,#FF8566 100%)}.join-button:active:not(:disabled){transform:translateY(0)}.join-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.back-button{background:transparent;color:#3b82f6;border:2px solid rgba(255,20,147,.5);border-radius:12px;padding:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.back-button:hover:not(:disabled){color:#fff;border-color:#3b82f6;background:rgba(255,20,147,.2);box-shadow:none}.back-button:disabled{opacity:.5;cursor:not-allowed}.join-info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(59,130,246,.2)}.join-info p{color:#3b82f699;font-size:.85rem;line-height:1.5;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 768px){.game-join-screen{padding:2vh 4vw;align-items:flex-start;padding-top:calc(var(--mobile-header-height, 80px) + 3vh)}.join-card{padding:5vh 6vw;max-width:100%;width:100%;min-height:70vh;border-radius:4vw;display:flex;flex-direction:column;justify-content:space-between}.join-header{margin-bottom:4vh}.join-header h1{font-size:clamp(2rem,6vw,2.5rem);letter-spacing:.1em;margin-bottom:3vh}.game-code-badge{gap:2vw;padding:2.5vh 5vw;margin-bottom:2vh}.badge-label{font-size:clamp(.9rem,3.5vw,1rem)}.badge-code{font-size:clamp(1.5rem,6vw,2rem);letter-spacing:.15em}.join-form{gap:3vh;flex:1;display:flex;flex-direction:column}.form-group{gap:1.5vh}.form-group label{font-size:clamp(1rem,4vw,1.2rem);letter-spacing:.1em}.name-input{font-size:clamp(1.1rem,4.5vw,1.3rem);padding:2.5vh 4vw;min-height:7vh}.join-button,.back-button{font-size:clamp(1rem,4vw,1.2rem);padding:2.5vh 5vw;min-height:7vh;letter-spacing:.15em}.join-info{margin-top:3vh;padding-top:3vh}.join-info p{font-size:clamp(.85rem,3.5vw,1rem);line-height:1.6}}@media (max-width: 389px){.join-card{padding:4vh 5vw;min-height:68vh}.join-header h1{font-size:clamp(1.75rem,5.5vw,2rem)}.game-code-badge{padding:2vh 4vw}.badge-code{font-size:clamp(1.3rem,5.5vw,1.6rem)}.name-input,.join-button,.back-button{min-height:6.5vh}}.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 4px 20px #0000004d;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:none}.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 #3b82f61a}.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: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 4px 20px #0000004d}.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 #0006}.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(59,130,246,.1);text-shadow:none}@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 4px 20px #0000004d;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:none}.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 #ff14931a,0 0 20px #ff149333}.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 #0006}.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 4px 20px #0000004d}@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 #0006}.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,20,147,.1);text-shadow:none}.password-strength{margin-top:8px}.strength-meter{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin-bottom:6px;border:1px solid rgba(255,20,147,.2)}.strength-bar{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:1px}.strength-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin-bottom:4px}.password-requirements{font-size:12px;color:var(--text-secondary);opacity:.8;margin-top:4px}@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:90px;right:10px;z-index:9500}.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:90px;right:10px;width:600px;max-height:calc(100vh - 110px);background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px #000c;z-index:9500;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:Outfit,-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(--accent-tertiary);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-tertiary);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(--accent-tertiary);color:#fff}::-moz-selection{background:var(--accent-tertiary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-tertiary);border-radius:4px;border:2px solid var(--bg-surface)}::-webkit-scrollbar-thumb:hover{background:var(--accent-tertiary)}@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{--bg-black: #0F1923;--bg-surface: #1A2736;--bg-input: #0F1923;--primary-dark: #152232;--primary-black: var(--bg-black);--primary-grey: #1E2D3D;--primary-grey-light: #2A3B4D;--background-primary: var(--bg-black);--background-secondary: var(--bg-black);--background-tertiary: var(--bg-surface);--background-card: var(--bg-surface);--background-elevated: var(--bg-surface);--accent-primary: #FF1493;--accent-secondary: #3B82F6;--accent-tertiary: #FFD166;--accent-winner: #FFD166;--neon-pink: var(--accent-primary);--neon-purple: var(--accent-secondary);--neon-cyan: var(--accent-secondary);--neon-green: var(--accent-secondary);--neon-orange: var(--accent-primary);--neon-yellow: var(--accent-winner);--neon-gold: var(--accent-winner);--winner-gold: var(--accent-winner);--winner-glow: none;--winner-border: 3px solid var(--winner-gold);--rank-gold: #FFD166;--rank-silver: #c0c0c0;--rank-bronze: #cd7f32;--color-status-success: #22C55E;--color-status-waiting: rgba(255, 209, 102, .6);--color-status-active: var(--accent-primary);--danger-red: #FF4757;--warning-amber: #e68a00;--success-green: #22C55E;--info-blue: #009ee6;--text-primary: #f5f5f7;--text-secondary: #9AACBE;--text-muted: #5A6D7E;--text-accent: var(--accent-primary);--gradient-primary: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-secondary: linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-tertiary) 100%);--gradient-brand: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-danger: linear-gradient(135deg, var(--danger-red) 0%, var(--accent-primary) 100%);--gradient-dark: linear-gradient(135deg, var(--bg-black) 0%, var(--bg-surface) 100%);--bg-gradient-display: linear-gradient(180deg, var(--bg-black) 0%, #0F1923 100%);--glass-light: rgba(255, 255, 255, .04);--glass-dark: rgba(0, 0, 0, .4);--glass-card: rgba(255, 255, 255, .05);--glass-card-hover: rgba(255, 255, 255, .08);--glass-card-heavy: rgba(255, 255, 255, .1);--border-cyan: rgba(59, 130, 246, .4);--border-pink: rgba(255, 20, 147, .4);--border-yellow: rgba(255, 209, 102, .4);--border-gold: rgba(255, 209, 102, .4);--border-blue: rgba(59, 130, 246, .4);--border-green: rgba(59, 130, 246, .4);--border-subtle: 1px solid rgba(255, 20, 147, .15);--border-accent: 1px solid rgba(255, 20, 147, .3);--border-winner: 2px solid rgba(255, 209, 102, .3);--gradient-text-hero: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-text-winner: linear-gradient(135deg, var(--accent-winner), var(--accent-primary));--gradient-text-vs: linear-gradient(135deg, var(--accent-primary), var(--text-primary), var(--accent-secondary));--font-primary: "Outfit", -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;--text-xs: clamp(.75rem, 1.5vw, .875rem);--text-sm: clamp(.875rem, 2vw, 1rem);--text-base: clamp(1rem, 2.5vw, 1.25rem);--text-lg: clamp(1.25rem, 3.5vw, 2rem);--text-xl: clamp(2rem, 5vw, 3.5rem);--text-2xl: clamp(2.5rem, 6vw, 4rem);--text-hero: clamp(3rem, 8vw, 6rem);--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: 16px;--radius-xl: 20px;--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-primary: none;--glow-secondary: none;--glow-tertiary: none;--glow-pink: none;--glow-purple: none;--glow-cyan: none;--glow-green: none;--glow-gold: none;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 100;--z-sticky: 500;--z-header: 900;--z-modal-backdrop: 990;--z-modal: 1000;--z-modal-high: 1100;--z-notification: 9000;--z-system: 9999;--z-tooltip: var(--z-modal-high);--corner-size: 20px;--corner-thickness: 3px;--corner-length: 15px;--cyber-border: 2px solid var(--accent-primary);--cyber-corner-glow: none;--cyber-text-glow: none;--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(--accent-secondary);--prompt-accent: var(--accent-primary);--voting-accent: var(--accent-primary);--results-accent: var(--accent-secondary);--spotlight-accent: var(--accent-primary);--fighter-a: #FF6B4A;--fighter-b: #3B82F6;--timer-normal: #E0E0E0;--timer-warning: var(--accent-tertiary);--timer-urgent: var(--accent-primary);--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)}.button-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);border-color:var(--neon-purple)}.button-secondary{background:var(--gradient-secondary);border-color:var(--neon-cyan);box-shadow:var(--shadow-md);color:var(--primary-black)}.button-danger{background:var(--gradient-danger);border-color:var(--danger-red);box-shadow:var(--shadow-md)}.button-ghost{background:transparent;border-color:var(--border-neon);color:var(--neon-pink);box-shadow:none}.button-ghost:hover:not(:disabled){background:rgba(255,20,147,.1)}.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;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);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)}.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-primary)}.badge-primary{background:rgba(255,20,147,.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)}.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-primary);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)}.cyber-timer.urgent{color:var(--timer-urgent);border-color:var(--timer-urgent)}.cyber-timer.critical{color:var(--timer-critical);border-color: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(--accent-secondary);box-shadow:var(--shadow-sm);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{opacity:1}50%{opacity:.6}}img[src*="/api/placeholder"],img[src*=placeholder]{object-fit:contain!important;background:var(--background-card)!important;border:1px solid var(--accent-secondary)!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:2px 2px 4px rgba(0,0,0,.9)}.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}.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-primary);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-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%,to{opacity:0}}@keyframes logo-pulse{0%,to{filter:drop-shadow(5px 5px 0 var(--primary-black));transform:scale(1)}50%{filter: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-primary);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}.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,20,147,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(15,25,35,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.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-primary)}.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-primary);box-shadow:var(--shadow-lg);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)}50%{transform:scale(1.05);box-shadow:var(--shadow-xl)}}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.hover-glow{transition:all var(--transition-normal);position:relative}.hover-glow:hover{box-shadow:var(--shadow-lg)}.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:var(--gradient-primary, linear-gradient(135deg, #FF1493 0%, #3B82F6 100%));color:#fff;border:2px solid var(--border-pink, rgba(255, 20, 147, .4))}.game-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #ff14934d}.game-button.secondary{background:var(--glass-card, rgba(255, 255, 255, .05));color:#fff;border:2px solid var(--border-cyan, rgba(59, 130, 246, .4))}.game-button.secondary:hover:not(:disabled){background:var(--glass-card-hover, rgba(255, 255, 255, .08));border-color:var(--accent-secondary, #3B82F6)}.game-button.danger{background:var(--gradient-danger, linear-gradient(135deg, #FF4757 0%, #FF1493 100%));color:#fff;border:2px solid var(--danger-red, #FF4757)}.game-button.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #ff47574d}.game-button.success{background:var(--gradient-secondary, linear-gradient(135deg, #3B82F6 0%, #FFD166 100%));color:var(--bg-black, #0F1923)}.game-button.success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.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(15,25,35,.98) 0%,rgba(15,25,35,.95) 60px,rgba(15,25,35,.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(59,130,246,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--neon-pink);box-shadow:none}.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:none;animation:logo-glow 3s ease-in-out infinite;position:relative;z-index:2}@keyframes logo-glow{0%,to{filter:none;transform:scale(1) rotate(0)}50%{filter:none;transform:scale(1.05) rotate(1deg)}}.logo-cyber-ring{position:absolute;width:70px;height:70px;border:2px solid rgba(255,20,147,.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-primary);line-height:1;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-purple) 50%,var(--neon-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;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-primary);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(59,130,246,.1);border:2px solid rgba(59,130,246,.3);border-radius:var(--radius-md);font-family:var(--font-primary);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-primary);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(59,130,246,.15) 0%,rgba(59,130,246,.25) 100%);border-color:var(--neon-green);color:var(--text-primary);box-shadow:0 4px 12px #0000004d;font-weight:var(--font-weight-extrabold)}.get-credits-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006;border-color:var(--neon-cyan)}.credits-btn-icon{font-size:1.1rem;filter:none;animation:icon-pulse 2s ease-in-out infinite}.signup-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));color:var(--primary-black);font-size:.6rem;font-weight:var(--font-weight-black);padding:.2rem .6rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 6px #0000004d;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 2px 6px #0000004d}50%{box-shadow:0 2px 8px #0006}}.upgrade-btn{background:linear-gradient(135deg,rgba(255,20,147,.1) 0%,rgba(255,20,147,.2) 100%);border-color:var(--neon-pink);color:var(--text-primary);box-shadow:0 4px 12px #0000004d}.upgrade-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,20,147,.4),transparent);transition:left .5s ease}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006;border-color:var(--neon-purple)}.upgrade-btn:hover:before{left:100%}.upgrade-icon{font-size:1.1rem;filter:none;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(59,130,246,.9) 0%,rgba(59,130,246,.7) 100%);border-color:var(--neon-cyan);color:var(--primary-black);box-shadow:0 4px 12px #0000004d;font-weight:var(--font-weight-extrabold)}.login-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(59,130,246,1) 0%,rgba(59,130,246,.9) 100%);box-shadow:0 6px 16px #0006;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-primary);height:48px}.user-menu-trigger:hover{border-color:var(--neon-cyan);background:rgba(59,130,246,.1);box-shadow:none;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,20,147,.3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:10001}.mobile-menu-toggle:hover{border-color:var(--neon-pink);background:rgba(255,20,147,.1)}.hamburger-line{display:block;width:24px;height:2px;background:var(--neon-cyan);margin:3px 0;transition:all .3s ease;box-shadow:none}.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:var(--z-modal-backdrop);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(15,25,35,.98) 0%,rgba(21,34,50,.98) 100%);border-left:2px solid rgba(59,130,246,.4);z-index:var(--z-modal);transition:right .35s cubic-bezier(.16,1,.3,1);overflow-y:auto;box-shadow:-10px 0 50px #000000e6}.mobile-menu-wrapper.active{right:0}.mobile-menu-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding-bottom:1rem!important;margin-bottom:1rem!important;border-bottom:1px solid rgba(255,20,147,.2)!important}.mobile-menu-header-title{font-size:clamp(.8rem,2.5vw,.9rem);font-weight:600;color:var(--text-muted, #606068);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;flex-grow:0}.mobile-menu-close{width:clamp(2.25rem,6vw,2.75rem);height:clamp(2.25rem,6vw,2.75rem);min-width:2.25rem;max-width:2.75rem;background:rgba(59,130,246,.15);border:2px solid rgba(59,130,246,.5);border-radius:clamp(.5rem,1.5vw,.625rem);color:#fff;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;flex-grow:0;cursor:pointer;transition:all .2s ease}.mobile-menu-close:hover{background:rgba(59,130,246,.25);border-color:#3b82f6b3;box-shadow:none;color:var(--neon-cyan)}.mobile-menu-close:active{background:rgba(59,130,246,.3);border-color:var(--neon-cyan);color:var(--neon-cyan);transform:scale(.95);box-shadow:none}.mobile-menu-content{padding:calc(env(safe-area-inset-top,20px) + 1rem) 20px 30px;display:flex;flex-direction:column;min-height:100%}.mobile-user-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(255,20,147,.1);border-radius:var(--radius-lg);border:2px solid rgba(255,20,147,.3);margin-top:.5rem;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:.5rem;margin-top:.5rem}.mobile-credits-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.1) 100%);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-md);padding:.4rem .8rem;box-shadow:0 2px 8px #0000004d}.credits-badge-prefix{font-size:.7rem;font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.05em;opacity:.8;line-height:1}.credits-badge-count{font-size:1.2rem;font-weight:var(--font-weight-black);font-family:var(--font-primary);color:var(--neon-cyan);text-shadow:none;line-height:1}.mobile-unlimited-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(255,20,147,.15) 0%,rgba(255,20,147,.1) 100%);border:2px solid rgba(255,20,147,.4);border-radius:var(--radius-md);padding:.4rem .8rem;box-shadow:0 2px 8px #0000004d}.unlimited-badge-icon{font-size:1.2rem;font-weight:var(--font-weight-black);color:var(--neon-pink);text-shadow:none;line-height:1}.unlimited-badge-text{font-size:.7rem;font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--neon-pink);text-transform:uppercase;letter-spacing:.05em;line-height:1}.mobile-menu-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,20,147,.3),transparent);margin:2rem 0}.mobile-menu-nav{display:flex;flex-direction:column;gap:.75rem;padding:.5rem}.mobile-menu-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.6rem!important;width:100%;padding:1rem 1.5rem;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.mobile-menu-item>span{display:inline-flex!important;align-items:center!important;vertical-align:middle;line-height:1}.mobile-menu-item>.mobile-menu-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px;height:20px;flex-shrink:0}.mobile-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .5s ease}.mobile-menu-item:active{transform:scale(.98)}.mobile-menu-item:active:before{left:100%}.mobile-menu-item.get-credits{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(59,130,246,.15) 100%);border:2px solid rgba(59,130,246,.5);color:#fff;font-weight:var(--font-weight-extrabold);box-shadow:0 4px 12px #0000004d;margin-top:.5rem}.mobile-menu-item.get-credits:active{background:linear-gradient(135deg,rgba(59,130,246,.25) 0%,rgba(59,130,246,.25) 100%);box-shadow:0 4px 16px #0006}.mobile-menu-item.login{background:linear-gradient(135deg,rgba(59,130,246,.9) 0%,rgba(59,130,246,.9) 100%);border:2px solid rgba(59,130,246,.6);color:#000;font-weight:var(--font-weight-extrabold);box-shadow:0 4px 12px #0000004d}.mobile-menu-item.login:active{background:linear-gradient(135deg,rgba(59,130,246,1) 0%,rgba(59,130,246,1) 100%);box-shadow:0 4px 16px #0006}.mobile-menu-item.upgrade{background:rgba(255,20,147,.1);border-color:var(--neon-pink)}.mobile-menu-item.upgrade:active{background:rgba(255,20,147,.2);box-shadow:0 4px 12px #0000004d}.mobile-menu-item.logout{border-color:#ff17444d;margin-top:1rem}.mobile-menu-item.logout:active{background:rgba(255,23,68,.1);border-color:var(--danger-red);color:var(--danger-red)}.mobile-menu-badge{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-green));color:var(--primary-black);font-size:.65rem;font-weight:var(--font-weight-black);padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 6px #0000004d}.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:none}.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 (min-width: 769px) and (max-width: 1024px){.header-brand{display:flex;align-items:center;gap:1rem}.header-logo-container{position:static;margin:0}.header-logo{height:40px}.logo-cyber-ring{width:50px;height:50px}.header-title-wrapper{position:static;transform:none}.header-main-title{font-size:2rem;letter-spacing:.1em;font-weight:900;transform:none}.header-tagline{display:block;font-size:.6rem}.header-nav{gap:.75rem}.get-credits-btn,.login-btn{padding:.6rem 1rem;font-size:.85rem;min-width:90px;height:42px}}@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:50%;transform:translateY(-50%);margin-left:0}.header-logo{height:30px;display:block}.logo-cyber-ring{width:35px;height:35px}.header-title-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:0}.header-main-title{font-size:2.1rem;letter-spacing:.12em;margin:0;font-weight:950;line-height:1;transform:scaleY(1) scaleX(1);transform-origin:center;background:linear-gradient(90deg,#3B82F6 0%,#FF1493 50%,#FF1493 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.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{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:48px;height:48px}.desktop-nav{display:none}.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: 640px){.header-logo{height:40px}.logo-cyber-ring{width:45px;height:45px}.header-main-title{font-size:1.95rem}.mobile-menu-toggle{width:46px;height:46px}.mobile-menu-content{padding:95px 18px 18px}}@media (max-width: 480px){.site-header{height:110px}.header-content-wrapper{padding:0 .75rem;height:90px}.header-logo-container{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);margin-left:0}.header-logo{height:50px;display:block}.logo-cyber-ring{width:55px;height:55px}.header-title-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-left:0}.header-main-title{font-size:1.75rem;letter-spacing:.1em;font-weight:950;line-height:1}.header-tagline{display:none}.mobile-menu-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:10px}.hamburger-line{width:20px;margin:2.5px 0}.mobile-menu-wrapper{width:100%}.mobile-menu-content{padding:100px 20px 20px}.mobile-user-info{margin-top:1rem}.upgrade-btn,.login-btn{padding:.4rem .6rem;min-width:60px;height:32px;font-size:.65rem;letter-spacing:.05em}.upgrade-icon,.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(15,25,35,.95) 0%,rgba(21,34,50,.98) 100%);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);box-shadow:0 20px 60px #000000e6,inset 0 1px #ffffff1a;padding:1.5rem;z-index:var(--z-modal-high);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(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.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:none}.user-status{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-primary)}.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-primary)}.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:none}.credits-count{color:var(--neon-green);font-weight:var(--font-weight-bold);text-shadow:none}.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-primary);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(59,130,246,.2),transparent);transition:left .5s ease}.dropdown-item:hover{background:rgba(59,130,246,.1);color:var(--neon-cyan);transform:translate(5px);border-color:#3b82f666;box-shadow:0 4px 12px #0000004d}.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:0 4px 12px #0000004d}.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,var(--bg-surface) 0%,var(--bg-black) 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,20,147,.06) 0%,transparent 40%),radial-gradient(circle at 75% 70%,rgba(59,130,246,.06) 0%,transparent 40%),linear-gradient(rgba(255,20,147,.01) 1px,transparent 1px),linear-gradient(90deg,rgba(255,20,147,.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) 0;max-width:100vw;margin:0 auto;overflow-x:hidden;box-sizing:border-box}}.mobile-demo-section{display:none}@media (max-width: 768px){.mobile-demo-section{display:block;margin-bottom:var(--spacing-2xl);padding:0;width:100%;box-sizing:border-box}.mobile-demo-section-title{font-size:clamp(1.3rem,5.5vw,1.8rem);font-weight:var(--font-weight-black);font-family:var(--font-primary);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.15em;text-align:center;margin:0 0 var(--spacing-2xl) 0;text-shadow:none;padding:0 var(--spacing-md)}}@media (max-width: 768px){.hero-demo-section{display:none}}.mobile-desktop-hosting-cta{display:none}@media (max-width: 768px){.mobile-desktop-hosting-cta{display:block;margin-bottom:var(--spacing-2xl);padding:0 var(--spacing-lg);width:100%;box-sizing:border-box}.desktop-cta-card{background:var(--bg-surface, #1A2736);border:2px solid rgba(59,130,246,.4);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.desktop-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;opacity:.5}.desktop-cta-title{font-size:clamp(1.4rem,5vw,1.8rem);font-weight:var(--font-weight-black);font-family:var(--font-primary);color:var(--neon-purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm);text-shadow:none}.desktop-cta-subtitle{font-size:clamp(.9rem,3.5vw,1rem);color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-weight:var(--font-weight-medium)}.desktop-cta-features{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.desktop-cta-feature{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);background:rgba(255,255,255,.03);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.2);transition:all var(--transition-normal)}.desktop-cta-feature:hover{background:rgba(59,130,246,.1);border-color:#3b82f666;transform:translate(5px)}.desktop-cta-feature:hover .cta-feature-number{background:rgba(59,130,246,.25);border-color:#3b82f680}.cta-feature-number{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:var(--neon-cyan);font-size:.9rem;font-weight:700;font-family:var(--font-primary);flex-shrink:0;transition:all var(--transition-normal)}.cta-feature-text{font-size:clamp(.85rem,3.5vw,.95rem);color:var(--text-primary);font-weight:var(--font-weight-medium);text-align:left}.desktop-cta-url{font-size:clamp(1rem,4vw,1.2rem);font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--neon-cyan);background:rgba(59,130,246,.1);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:2px solid rgba(59,130,246,.3);text-shadow:none;letter-spacing:.05em}}.hero-demo-section{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding-right:2vw}.carousel-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}.carousel-header{text-align:center}.carousel-title{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.15em;margin:0;text-shadow:none}.carousel-container{position:relative;border:2px solid var(--neon-cyan);border-radius:calc(var(--radius-lg) + 4px);background:var(--background-primary);padding:6px;box-shadow:0 2px 8px #0003;overflow:visible}.carousel-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--radius-lg) + 7px);background:var(--neon-cyan);opacity:.15;filter:blur(10px);z-index:-1}@media (min-width: 1100px){.hero-demo-section{display:grid;grid-template-columns:70% 30%;gap:clamp(1rem,3vw,3rem);align-items:center;width:100%;max-width:95vw;margin-left:auto;margin-right:auto}.carousel-wrapper,.how-works-container-hero{width:100%;max-width:100%;min-width:0}}.game-cards-section{margin-bottom:var(--spacing-2xl);width:100%;max-width:1400px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:var(--spacing-lg);box-sizing:border-box}.game-cards-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-black);font-family:var(--font-primary);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.2em;text-align:center;margin:0;text-shadow:none;padding:0 var(--spacing-md);box-sizing:border-box}@media (max-width: 768px){.game-cards-section{padding:0 var(--spacing-md)}.game-cards-title{font-size:clamp(1rem,4.5vw,1.8rem);letter-spacing:.1em;padding:0;word-break:keep-all;overflow-wrap:normal}}@media (max-width: 360px){.game-cards-title{font-size:clamp(.9rem,4vw,1.2rem);letter-spacing:.08em}}.action-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);width:100%}@media (min-width: 769px){.action-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--spacing-2xl)!important;width:100%!important}.create-card,.join-card{display:flex!important;width:100%!important;margin:0!important;min-width:0!important}}.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-primary);text-transform:uppercase;letter-spacing:.1em;line-height:1.1;margin-bottom:0;text-align:left;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-purple) 50%,var(--neon-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;padding:var(--spacing-xl);background-color:var(--bg-surface, #1A2736);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:none!important;margin-left:.6em;vertical-align:super;position:relative;top:-.3em;letter-spacing:.1em;animation:subtle-glow 3s ease-in-out infinite alternate}@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,20,147,.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:var(--bg-surface, #1A2736);box-shadow:0 15px 40px #0006}@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(59,130,246,.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(59,130,246,.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:var(--bg-surface, #1A2736);box-shadow:0 15px 40px #0009,inset 0 1px #ffffff26}.how-it-works-hero{margin-bottom:0;text-align:center}@media (min-width: 1100px){.how-it-works-hero{background:var(--bg-surface, #1A2736);border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);padding:clamp(1rem,2vh,1.5rem) clamp(1rem,1.5vw,1.5rem);display:flex;flex-direction:column;box-shadow:inset 0 1px #ffffff1a;position:relative;overflow:hidden}.how-it-works-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-cyan));animation:shimmer 3s ease-in-out infinite}.how-it-works-hero .section-title{font-size:clamp(1rem,2vh,1.3rem);margin-bottom:clamp(.25rem,.5vh,.5rem);letter-spacing:.1em;text-shadow:none}.how-it-works-hero .section-subtitle{font-size:clamp(.7rem,1.3vh,.8rem);margin-bottom:clamp(.5rem,1vh,1rem);letter-spacing:.02em;opacity:.9}}.section-title{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs)}.section-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;font-weight:var(--font-weight-medium);text-align:center}.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-sm) var(--spacing-md);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all var(--transition-normal)}@media (min-width: 1100px){.how-it-works-hero .step{padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);text-align:left;min-height:0}.how-it-works-hero .step-icon{font-size:1.3rem;margin-bottom:0;flex-shrink:0;margin-top:.1rem}.how-it-works-hero .step-content{flex:1}.how-it-works-hero .step h3{font-size:.9rem;margin-bottom:.2rem}.how-it-works-hero .step p{font-size:.75rem;line-height:1.3;margin:0}}.step:hover{transform:translateY(-5px);border-color:var(--neon-cyan);background:var(--bg-surface, #1A2736);box-shadow:0 10px 30px #0000004d}.step-icon{display:none}.step h3{font-size:.95rem;font-weight:var(--font-weight-bold);color:var(--neon-cyan);margin-bottom:var(--spacing-xs);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;text-shadow:none;filter:none;line-height:1.2}.step p{color:var(--text-secondary);line-height:1.4;font-size:.8rem;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}}.pricing-section-wrapper{margin-bottom:var(--spacing-2xl);max-width:1400px;margin-left:auto;margin-right:auto}.why-choose-section{max-width:1400px;margin:0 auto var(--spacing-2xl) auto}@media (min-width: 1100px) and (max-width: 1440px){.game-cards-container{max-width:clamp(280px,25vw,350px)}.giant-button-content h3{font-size:clamp(1rem,1.2vw + .4rem,1.2rem)}.giant-button-subtitle{font-size:clamp(.7rem,.9vw + .2rem,.8rem)}.card-header-compact-centered h3{font-size:clamp(1rem,1.2vw + .3rem,1.15rem)}.join-subtitle-centered{font-size:clamp(.7rem,.9vw + .2rem,.78rem)}.form-input-compact-centered{font-size:clamp(.8rem,1vw + .2rem,.9rem);padding:clamp(.5rem,.8vh,1rem) clamp(.8rem,1vw,1.2rem)}.action-button-compact-centered{font-size:clamp(.8rem,1vw + .2rem,.9rem);padding:clamp(.6rem,1vh,1rem) clamp(1rem,1.5vw,1.5rem)}.compact-card{padding:clamp(.8rem,1.5vh,1.5rem)!important}}.game-actions{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.action-cards{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;margin:0;padding:0;width:100%}@media (min-width: 1100px){.create-card,.join-card{display:flex!important;width:100%;max-width:100%}}.action-card{background:linear-gradient(135deg,rgba(15,25,35,.95),rgba(26,39,54,.98));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-height:200px;transition:all var(--transition-normal);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;width:100%!important;min-width:0;box-sizing:border-box}@media (min-width: 1100px){.action-card{min-height:280px;padding:var(--spacing-xl);margin:0}}.compact-card{padding:var(--spacing-xl)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0!important}@media (min-width: 1100px){.compact-card{min-height:280px!important}}.card-header-compact{margin-bottom:auto;flex-shrink:0;margin-top:0}.card-header-compact h3{font-size:1.3rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.1em}.join-subtitle{font-size:.8rem;color:var(--text-secondary);margin:0;min-height:20px}.game-info-badges{display:none}.giant-action-button{width:100%!important;height:100%;border:none;background:var(--bg-surface, #1A2736);border:2px solid var(--neon-pink);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a;min-width:0}.giant-action-button:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-purple),var(--neon-cyan));animation:shimmer 3s ease-in-out infinite}.giant-action-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,20,147,.2),transparent);transition:left .6s ease}.giant-action-button:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000080;border-color:var(--neon-purple);background:var(--bg-surface, #1A2736)}.giant-action-button:hover:not(:disabled):after{left:100%}.giant-action-button:disabled{opacity:.6;cursor:not-allowed}.giant-button-content{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.giant-button-content h3{font-size:clamp(1.1rem,1.5vw + .5rem,1.5rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.15em}.giant-button-subtitle{font-size:clamp(.75rem,1vw + .3rem,.9rem);color:var(--text-secondary);margin:0;line-height:1.4;max-width:300px}.free-game-offer{font-size:clamp(.8rem,1.1vw + .2rem,.95rem);color:var(--neon-cyan);margin:0;line-height:1.4;font-weight:var(--font-weight-medium);text-shadow:none}.card-header-compact-centered{text-align:center;margin-bottom:var(--spacing-md);width:100%}.card-header-compact-centered h3{font-size:clamp(1.1rem,1.5vw + .4rem,1.3rem);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.15em}.join-subtitle-centered{font-size:clamp(.75rem,1vw + .2rem,.85rem);color:var(--text-secondary);margin:0}.card-form-compact-centered{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:stretch;width:100%}.form-input-compact-centered{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all var(--transition-fast);width:100%;text-align:center}.form-input-compact-centered:focus{outline:none;border-color:var(--neon-cyan);background:var(--background-card);box-shadow:none}.game-code-input-centered{font-family:var(--font-primary);font-weight:var(--font-weight-bold);letter-spacing:.3em;text-transform:uppercase;font-size:1rem}.action-button-compact-centered{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid;border-radius:var(--radius-md);font-size:.95rem;font-weight:var(--font-weight-bold);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;min-height:45px;width:100%;background:var(--bg-surface, #1A2736);border-color:var(--neon-cyan);color:var(--text-primary)}.action-button-compact-centered.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:none;border-color:var(--neon-purple)}.action-button-compact-centered:disabled{opacity:.5;cursor:not-allowed}.join-card .compact-card{display:flex;flex-direction:column;align-items:center;justify-content:center}.card-form-compact{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-shrink:0}.form-row-compact{display:flex;gap:var(--spacing-sm);min-height:40px}.form-input-compact{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast);flex:1;min-height:40px;box-sizing:border-box}.form-input-compact:focus{outline:none;border-color:var(--neon-cyan);background:var(--background-card);box-shadow:none}.game-code-compact{text-align:center;font-family:var(--font-primary);font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase;max-width:110px}.auth-required-compact{padding:var(--spacing-sm);background:var(--bg-surface, #1A2736);border:1px solid rgba(255,20,147,.2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.action-button-compact{padding:var(--spacing-md);border:2px solid;border-radius:var(--radius-md);font-size:.9rem;font-weight:var(--font-weight-bold);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);position:relative;overflow:hidden;min-height:45px;margin-top:var(--spacing-sm)}.action-button-compact.primary{background:var(--bg-surface, #1A2736);border-color:var(--neon-pink);color:var(--text-primary)}.action-button-compact.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:none;border-color:var(--neon-purple)}.action-button-compact.secondary{background:var(--bg-surface, #1A2736);border-color:var(--neon-cyan);color:var(--text-primary)}.action-button-compact.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:none;border-color:var(--neon-purple)}.action-button-compact:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.action-card{box-shadow:0 4px 20px #0000004d}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000080}.action-card:hover:before{opacity:1}.create-card{border-color:#ff149333}.create-card:before{background:linear-gradient(90deg,var(--neon-pink),var(--neon-purple))}.create-card:hover{border-color:#ff149366;box-shadow:0 8px 30px #ff149333}.join-card{border-color:#3b82f633}.join-card:before{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple))}.join-card:hover{border-color:#3b82f666;box-shadow:0 8px 30px #3b82f633}.card-header{text-align:center;margin-bottom:var(--spacing-lg)}@media (min-width: 1100px){.create-card .card-header h2{font-size:2.2rem}.create-card .card-header p{font-size:1.2rem}}.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-primary);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-primary);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:none}.game-code-input{text-align:center;font-family:var(--font-primary);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:var(--bg-surface, #1A2736);border:1px solid rgba(255,20,147,.2);border-radius:var(--radius-md)}.auth-icon{font-size:2.5rem;filter:none}.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-primary)}.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-primary);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:var(--bg-surface, #1A2736);border-color:var(--neon-pink);color:var(--text-primary)}.action-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:none;border-color:var(--neon-purple)}.action-button.secondary{background:var(--bg-surface, #1A2736);border-color:var(--neon-cyan);color:var(--text-primary)}.action-button.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:none;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-primary);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-sm);text-align:center;text-shadow:none}.value-content .section-subtitle{margin-bottom:var(--spacing-lg)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}@media (min-width: 1100px){.value-section{margin-bottom:0}.features-grid{gap:var(--spacing-md)}}.feature{padding:.75rem 1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:all var(--transition-normal)}@media (min-width: 1100px){.feature{padding:1rem 1.25rem}}.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:.95rem;font-weight:var(--font-weight-bold);color:var(--neon-pink);margin:0 0 .5rem;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.feature p{color:var(--text-secondary);line-height:1.4;font-size:.85rem;margin:0}.pricing-section{background:transparent;border:none;border-radius:0;padding:var(--spacing-lg) 0;margin-top:0;display:flex;flex-direction:column;justify-content:space-between;position:relative}@media (min-width: 1100px){.pricing-section{margin-top:0;padding:var(--spacing-xl) 0}}.pricing-header{text-align:center;margin-bottom:var(--spacing-md);position:relative}.pricing-title{font-size:1.8rem;font-weight:var(--font-weight-bold);font-family:var(--font-primary);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--spacing-sm);position:relative}.pricing-subtitle{color:var(--text-secondary);font-size:1rem;margin:0 0 var(--spacing-sm) 0}.pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.subscription-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.pricing-tier{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:1rem .75rem;text-align:center;position:relative;transition:border-color var(--transition-normal),background-color var(--transition-normal),transform var(--transition-normal);cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:90px}.pricing-tier .tier-price{font-size:1.4rem;line-height:1;margin:.2rem 0}.pricing-tier .tier-games{font-size:.75rem;margin-bottom:.15rem}.pricing-tier .tier-per-game{font-size:.65rem;margin-top:.15rem}.pricing-tier:hover{border-color:#ffffff40;background:rgba(255,255,255,.05);transform:translateY(-2px)}.pricing-tier.best-value{border-color:#3b82f666}.pricing-tier.best-value:hover{border-color:#3b82f699}.pricing-tier .tier-badge{font-size:.6rem;padding:.15rem .5rem}.subscription-tier{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;padding:.75rem 1rem;text-align:center;position:relative;transition:border-color var(--transition-normal),background-color var(--transition-normal),transform var(--transition-normal);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem}.subscription-tier:hover{transform:translateY(-2px);border-color:#fff3;background:rgba(255,255,255,.05)}.subscription-tier .tier-price{font-size:1.4rem;margin:0;line-height:1.1}.subscription-tier .tier-games{font-size:.8rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem}.subscription-tier.monthly{border-color:#3b82f64d}.subscription-tier.monthly:hover{border-color:#3b82f680}.subscription-tier.monthly .tier-price{color:var(--neon-cyan)}.subscription-tier.lifetime{border-color:#3b82f666}.subscription-tier.lifetime:hover{border-color:#3b82f699}.subscription-tier.lifetime .tier-price{color:var(--neon-purple)}.subscription-tier .tier-badge{background:var(--neon-purple);top:-10px}.subscription-price-group{display:flex;flex-direction:column;align-items:center;gap:0}.tier-period{font-size:.8rem;font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:lowercase;line-height:1;margin:0}.tier-badge{position:absolute;top:-6px;left:50%;transform:translate(-50%);background:var(--neon-green);color:var(--primary-black);font-size:.55rem;font-weight:var(--font-weight-bold);padding:.15rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pricing-tier.best-value{padding-top:1.2rem}.tier-price{font-size:1.3rem;font-weight:var(--font-weight-bold);color:var(--neon-green);font-family:var(--font-primary);line-height:1.1;margin:0}.tier-games{font-size:.7rem;color:var(--text-primary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-primary);line-height:1;margin:0;margin-bottom:.15rem}.tier-per-game{font-size:.65rem;font-weight:var(--font-weight-medium);color:var(--neon-cyan);font-family:var(--font-primary);margin:0;opacity:.85;line-height:1}.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:none}.feature-item:hover{color:var(--text-primary);text-shadow:none;transform:translate(2px)}.feature-item:last-child{margin-bottom:0}.feature-icon{font-size:1.1rem;flex-shrink:0;filter:none}.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 8px 16px #0006}.price-item.popular{border-color:var(--neon-pink);background:var(--bg-surface, #1A2736);transform:scale(1.05)}.price-item.popular:hover{border-color:var(--neon-purple);box-shadow:0 8px 16px #0006}.price{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--neon-green);font-family:var(--font-primary)}.price-item.popular .price{color:var(--neon-pink)}.desc{font-size:.9rem;color:var(--text-secondary);font-family:var(--font-primary);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-primary);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}.features-grid-unique{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.feature-unique{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:rgba(255,255,255,.02);border-left:3px solid var(--neon-pink);border-radius:var(--radius-md);transition:all var(--transition-normal);text-align:left}.feature-unique:hover{background:var(--bg-surface, #1A2736);border-left-color:var(--neon-purple);transform:translate(5px)}.feature-number{font-size:2.5rem;font-weight:var(--font-weight-black);font-family:var(--font-primary);color:var(--neon-cyan);line-height:1;opacity:.55;min-width:60px;text-shadow:none}.feature-unique h3{font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.2}.feature-unique p{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin:0}@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-demo-section,.pricing-section-wrapper,.why-choose-section{display:none}.game-cards-section{flex:1;display:flex;align-items:center;margin:0;margin-bottom:var(--spacing-3xl)}.game-cards-container{flex:1;display:flex;align-items:center;width:100%}.game-actions{flex:1;display:flex;align-items:center;margin:0;width:100%}.action-cards{grid-template-columns:1fr;gap:0;width:100%;max-width:100%;display:flex;flex-direction:column}.create-card{display:none!important}.join-card{display:flex!important;margin:0;padding:var(--spacing-lg);max-width:100%}.join-card .card-header h2{font-size:1.5rem}.mobile-host-link{text-align:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:var(--text-secondary)}.mobile-host-link a{color:var(--neon-pink);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.mobile-host-link a:hover{color:var(--neon-cyan);text-decoration:underline}}@media (min-width: 769px){.mobile-host-link{display:none}}@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}}.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:var(--bg-surface, #1A2736);border-color:#ff14934d}.right-panel{background:var(--bg-surface, #1A2736);border-color:#3b82f64d}.lobby-side-panel:hover{border-color:var(--neon-pink);box-shadow:var(--shadow-xl);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:none}50%{transform:scale(1.1) rotate(5deg);filter:none}}.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)}.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)}.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);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,20,147,.03) 0%,rgba(0,0,0,.03) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid rgba(255,20,147,.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,20,147,.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:none}50%{opacity:1;text-shadow:none}}.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,20,147,.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,20,147,.05) 0%,var(--background-tertiary) 100%)}.player-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);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-primary)}.skull-icon{position:absolute;top:-12px;right:-12px;font-size:var(--font-size-xl);animation:skull-glow 2s ease-in-out infinite;filter:none}@keyframes skull-glow{0%,to{transform:rotate(-10deg) scale(1);filter:none}50%{transform:rotate(10deg) scale(1.1);filter:none}}.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(59,130,246,.03) 0%,rgba(0,0,0,.03) 100%);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.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(59,130,246,.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(59,130,246,.1) 0%,rgba(255,20,147,.1) 100%);border:2px solid var(--neon-cyan);border-radius:var(--radius-lg);box-shadow:0 0 30px #3b82f64d,inset 0 0 20px #3b82f61a;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #3b82f64d,inset 0 0 20px #3b82f61a}50%{box-shadow:0 0 40px #3b82f680,inset 0 0 25px #3b82f626}}.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:none;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:none;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:none}50%{transform:scale(1.1);filter:none}}.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(59,130,246,.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-primary)}.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,20,147,.03) 0%,rgba(0,0,0,.05) 100%);border-radius:var(--radius-lg);border:1px solid rgba(255,20,147,.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);transform:scale(1)}50%{box-shadow:var(--shadow-xl);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:none;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}.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)}@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;min-height:100dvh;background:var(--background-primary);position:relative;overflow:hidden}@supports (-webkit-touch-callout: none){.mobile-lobby-container{min-height:-webkit-fill-available}}.mobile-lobby-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg);padding-top:calc(var(--mobile-header-height, 80px) + var(--spacing-lg));gap:var(--spacing-lg);overflow:visible}.mobile-game-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:var(--spacing-lg);width:100%}.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:none;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary)}.mobile-game-code{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(255,20,147,.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;width:100%;max-width:320px;margin:0 auto;text-align:center}.mobile-game-code:hover{transform:scale(1.02);border-color:var(--neon-pink);box-shadow:none}.mobile-code-label{display:flex;align-items:center;justify-content:center;gap:6px;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-primary)}.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:none}.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(59,130,246,.05);border:1px solid rgba(59,130,246,.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:none;overflow:visible}.mobile-player-list.scrollable{max-height:180px;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,20,147,.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(59,130,246,.05)}.mobile-player-avatar{width:clamp(28px,8vw,40px);height:clamp(28px,8vw,40px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(.7rem,2vw,.9rem);font-weight:var(--font-weight-black);color:var(--primary-black);border:1px solid var(--primary-black);font-family:var(--font-primary);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-primary);line-height:1.2}.mobile-player-status{font-size:var(--font-size-xs);color:var(--text-secondary);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;display:inline-flex!important;align-items:center!important;gap:6px!important;line-height:1.2!important}.mobile-player-status svg,.mobile-player-status span{display:inline-flex;align-items:center;vertical-align:middle;line-height:1}.mobile-player-status svg{flex-shrink:0;width:14px;height:14px}.mobile-player-icon{font-size:var(--font-size-2xl);display:inline-flex;align-items:center}.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-primary)}.mobile-ready-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.mobile-ready-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);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-primary);cursor:pointer;transition:all var(--transition-normal);min-height:80px;width:100%;max-width:300px;position:relative;overflow:hidden;white-space:nowrap;flex-direction:row}.mobile-ready-button.not-ready{background:linear-gradient(135deg,var(--neon-cyan) 0%,#0099ff 100%);color:var(--primary-black);box-shadow:none}.mobile-ready-button.ready{background:linear-gradient(135deg,var(--neon-green) 0%,#00cc66 100%);color:var(--primary-black);box-shadow:none;animation:ready-pulse 2s ease-in-out infinite}@keyframes ready-pulse{0%,to{transform:scale(1);box-shadow:none}50%{transform:scale(1.02);box-shadow:none}}.mobile-ready-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.mobile-ready-button:active{transform:scale(.95);transition:transform .1s ease}.mobile-ready-icon{display:inline-flex;align-items:center;justify-content:center;filter:none;line-height:1}.mobile-ready-text{font-size:var(--font-size-lg);line-height:1}.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-primary)}.mobile-instructions-section{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.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(59,130,246,.2)}.mobile-instructions-icon{font-size:var(--font-size-lg);filter:none}.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-primary)}.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(59,130,246,.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-primary);flex-shrink:0}.mobile-instruction-text{font-size:var(--font-size-xs);line-height:1.4;color:var(--text-secondary);font-family:var(--font-primary)}.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-primary)}.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;min-height:80px}.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-primary)}.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:none;-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;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes subtle-glow{0%{text-shadow:none}to{text-shadow:none}}@keyframes prompt-glow{0%{text-shadow:0 0 10px rgba(255,20,147,.8),0 0 20px rgba(255,20,147,.6),0 0 30px rgba(15,25,35,.4)}to{text-shadow:0 0 15px rgba(255,20,147,.9),0 0 25px rgba(255,20,147,.7),0 0 35px rgba(15,25,35,.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-primary)}.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);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);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)}.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(59,130,246,.1);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.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(59,130,246,.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:none}.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:none}.status-icon,.timer-badge{animation:none}}.prompt-display-wrapper{--pink: var(--accent-primary);--cyan: var(--accent-secondary);--white: var(--text-primary);--dark-bg: var(--bg-black);--box-size: min(40vw, 45vh)}.prompt-display-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-gradient-display);display:flex;flex-direction:column;font-family:var(--font-primary);color:var(--white);overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:10}.prompt-split-container{flex:1;display:flex;align-items:center;justify-content:center;gap:4vw;padding:4vh 4vw;min-height:0}.prompt-box{width:var(--box-size);height:var(--box-size);background:var(--bg-surface, #1A2736);border:2px solid rgba(59,130,246,.3);border-radius:3vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2vh 2vw}.prompt-timer-box{text-align:center}.prompt-timer-number{font-size:clamp(4rem,10vw,8rem);font-weight:900;color:var(--accent-secondary);line-height:1;transition:color .3s ease}.prompt-timer-number.warning{color:var(--accent-winner, #FEE440)}.prompt-timer-number.urgent{color:var(--accent-primary, #FF1493);animation:timer-urgency-pulse 1s ease-in-out infinite}@keyframes timer-urgency-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.prompt-timer-label{font-size:clamp(.9rem,1.8vw,1.4rem);color:#ffffffb3;text-transform:uppercase;letter-spacing:.3em;margin-top:.5vh}.prompt-timer-divider{width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);margin:2vh 0}.prompt-round-info{font-size:clamp(1rem,1.8vw,1.5rem);color:var(--white);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.prompt-points-multiplier{font-size:clamp(.9rem,1.5vw,1.3rem);color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-top:.5vh;text-shadow:none}.prompt-players-box{padding:1.5vh 1.5vw}.prompt-players-list{display:flex;flex-direction:column;gap:1vh;width:100%;height:100%;justify-content:center}.prompt-player-row{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:1vh 1.5vw;transition:all .3s ease}.prompt-player-row.creating{border-color:var(--pink);box-shadow:none}.prompt-player-row.generated{border-color:var(--cyan);box-shadow:none}.prompt-player-row.submitted{border-color:var(--cyan);background:rgba(59,130,246,.1);box-shadow:none}.prompt-player-name{font-size:clamp(.9rem,1.4vw,1.2rem);font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.05em}.prompt-player-status-text{font-size:clamp(.7rem,1vw,.9rem);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.prompt-player-row.creating .prompt-player-status-text{color:var(--pink);animation:statusPulse 1.5s ease-in-out infinite}.prompt-player-row.generated .prompt-player-status-text,.prompt-player-row.submitted .prompt-player-status-text{color:var(--cyan)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.prompt-players-list.players-2 .prompt-player-row,.prompt-players-list.players-3 .prompt-player-row{padding:1.8vh 2vw}.prompt-players-list.players-2 .prompt-player-name,.prompt-players-list.players-3 .prompt-player-name{font-size:clamp(1.1rem,1.8vw,1.5rem)}.prompt-players-list.players-2 .prompt-player-status-text,.prompt-players-list.players-3 .prompt-player-status-text{font-size:clamp(.9rem,1.3vw,1.1rem)}.prompt-players-list.players-4 .prompt-player-row,.prompt-players-list.players-5 .prompt-player-row{padding:1.2vh 1.5vw}.prompt-players-list.players-6 .prompt-player-row,.prompt-players-list.players-7 .prompt-player-row{padding:.9vh 1.2vw}.prompt-players-list.players-6 .prompt-player-name,.prompt-players-list.players-7 .prompt-player-name{font-size:clamp(.8rem,1.2vw,1rem)}.prompt-players-list.players-6 .prompt-player-status-text,.prompt-players-list.players-7 .prompt-player-status-text{font-size:clamp(.6rem,.9vw,.8rem)}.prompt-players-list.players-8 .prompt-player-row,.prompt-players-list.players-9 .prompt-player-row,.prompt-players-list.players-10 .prompt-player-row{padding:.6vh 1vw;border-radius:6px}.prompt-players-list.players-8 .prompt-player-name,.prompt-players-list.players-9 .prompt-player-name,.prompt-players-list.players-10 .prompt-player-name{font-size:clamp(.7rem,1vw,.9rem)}.prompt-players-list.players-8 .prompt-player-status-text,.prompt-players-list.players-9 .prompt-player-status-text,.prompt-players-list.players-10 .prompt-player-status-text{font-size:clamp(.5rem,.8vw,.7rem)}.prompt-players-list.players-8,.prompt-players-list.players-9,.prompt-players-list.players-10{gap:.6vh}.prompt-footer{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5vh 4vw 3vh;gap:1vh}.prompt-ready-count{font-size:clamp(1rem,1.8vw,1.4rem);color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;font-weight:700;text-shadow:none}.prompt-progress-bar{width:100%;height:8px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden;border:1px solid var(--border-cyan)}.prompt-progress-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));border-radius:4px;transition:width .5s ease;box-shadow:none}.prompt-game-code{font-size:clamp(1.2rem,2vw,1.8rem);color:var(--cyan);font-weight:700;letter-spacing:.25em;text-shadow:none}.prompt-funny-message{font-size:clamp(.9rem,1.5vw,1.2rem);color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-weight:600;text-shadow:none;animation:funnyFadeIn .5s ease-out}@keyframes funnyFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prompt-countdown-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.prompt-countdown-card{background:rgba(0,0,0,.7);border:3px solid var(--cyan);border-radius:24px;padding:4vh 6vw;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:none;position:relative;overflow:hidden}.prompt-countdown-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;color:var(--cyan);text-transform:uppercase;letter-spacing:.15em;margin:0 0 2vh;text-shadow:none}.prompt-countdown-display{position:relative;z-index:2}.prompt-countdown-number-large{font-size:clamp(6rem,15vw,12rem);font-weight:900;color:var(--accent-secondary);line-height:1}.prompt-countdown-label{font-size:clamp(1rem,2vw,1.5rem);color:#fffc;text-transform:uppercase;letter-spacing:.2em;margin-top:1vh}.prompt-countdown-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;pointer-events:none;z-index:1}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid var(--cyan);border-radius:50%;opacity:0;animation:ringPulse 3s ease-out infinite}.pulse-ring.delay-1{animation-delay:1s}.pulse-ring.delay-2{animation-delay:2s}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@media (max-aspect-ratio: 1/1){.prompt-display-wrapper{--box-size: min(80vw, 35vh)}.prompt-split-container{flex-direction:column;gap:2vh;padding:2vh 4vw}.prompt-timer-number{font-size:clamp(3rem,15vw,6rem)}}@media (min-aspect-ratio: 21/9){.prompt-display-wrapper{--box-size: min(35vw, 50vh)}.prompt-split-container{gap:6vw}}.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-primary)}.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)}.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)}.image-battle-card-improved.selected{border-color:var(--neon-pink);box-shadow:var(--shadow-xl);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);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);color:var(--accent-primary);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);text-shadow:none}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px rgba(59,130,246,.8),0 0 40px rgba(59,130,246,.6)}50%{text-shadow:0 0 30px rgba(59,130,246,1),0 0 60px rgba(59,130,246,.8),0 0 80px rgba(59,130,246,.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 #3b82f64d,0 8px 32px #00000080}.showcase-image{width:100%;height:100%;object-fit:cover;background:var(--bg-black, #0F1923)}.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,var(--accent-primary) 0%,var(--accent-secondary) 100%);-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-primary);flex-shrink:0;margin-bottom:.5vh}.comparison-image{width:100%;height:100%;object-fit:contain;background:var(--bg-black, #0F1923)}.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:none;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(59,130,246,.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,#FF1493,#3B82F6);border-radius:2px;box-shadow:none;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:none}.unified-progress-bar .marker-label{font-size:.7rem;color:#fffc;text-align:center;white-space:nowrap;font-family:var(--font-primary);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:none}.unified-progress-bar .phase-marker .marker-label{color:var(--neon-pink);font-weight:800}.progress-timer{font-size:.9rem;color:#ff1493;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-primary)}.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:none}.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-primary);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 #3b82f633,0 0 25px #3b82f64d;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:none}.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-primary);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:none}.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:none;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-primary);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:none;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-primary)}.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:none}@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-primary)}@media (max-width: 768px){.fighter-badge{font-size:.7rem;letter-spacing:.03em}}.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:none}.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:none;-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:none;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:none}.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(59,130,246,.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(59,130,246,.3);box-shadow:0 0 15px #3b82f64d,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 #3b82f6cc,0 0 30px #ff149366;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:none;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(--accent-tertiary);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:#3b82f64d;animation:pulse-expand 2s infinite ease-out}.pulse-middle{position:absolute;top:25px;left:25px;right:25px;bottom:25px;border-radius:50%;background-color:#3b82f680;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(--accent-tertiary);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(--accent-tertiary);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(--accent-tertiary),var(--accent-secondary));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-primary);text-transform:uppercase;letter-spacing:.08em;margin:0;color:var(--neon-pink);text-shadow:none;white-space:nowrap;line-height:1}.showdown-combat-status{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(59,130,246,.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:none;min-width:120px}.combat-label-new{font-family:var(--font-primary);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:none}.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:none;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:none}.showdown-title-compact{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:var(--font-weight-black);font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.05em;margin:0;color:var(--neon-pink);text-shadow:none;white-space:nowrap}.combat-progress-compact{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(59,130,246,.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:none}.combat-label{font-family:var(--font-primary);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:none}.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:none}.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:none}@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-primary);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:none}to{filter:none}}.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:none;width:fit-content}.progress-label{font-family:var(--font-primary);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:none}.progress-divider{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--neon-pink);text-shadow:none}.progress-total{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--neon-green);text-shadow:none}.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:none;box-shadow:none;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:none}.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:none;line-height:1}.vote-label{font-family:var(--font-primary);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);animation:crown-sparkle 2s ease-in-out infinite}.crown-icon{font-size:var(--font-size-lg);display:inline-flex;align-items:center;animation:crown-bounce 1s ease-in-out infinite alternate}.crown-text{font-family:var(--font-primary);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-primary);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:none;animation:winner-name-glow 2s ease-in-out infinite alternate}@keyframes winner-name-glow{0%{text-shadow:none}to{text-shadow:none}}.prompt-display{text-align:center}.prompt-label{display:block;font-family:var(--font-primary);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:none}.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);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-primary);color:var(--neon-orange);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg);text-shadow:none}.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),none;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:none;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:none;animation:text-glow 3s ease-in-out infinite alternate}@keyframes text-glow{0%{text-shadow:none}to{text-shadow:none}}.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),none}.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),none;position:relative;overflow:hidden}.tie-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);filter:none;animation:lightning-flash 2s ease-in-out infinite}@keyframes lightning-flash{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter: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:none}.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:none}.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:none}.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:none}@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:var(--bg-gradient-display);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(59,130,246,.3)}.mobile-results-header .mobile-title{font-size:1.5rem;font-weight:700;color:var(--accent-primary);margin:0 0 12px;text-shadow:none}.mobile-timer{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(59,130,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;color:var(--accent-primary)}.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(59,130,246,.3);border-radius:12px;padding:16px;box-shadow:0 4px 20px #0000004d}.stats-title{font-size:1.1rem;font-weight:700;color:var(--accent-primary);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:var(--accent-primary);text-shadow:none}.stat-item.total{grid-column:1 / -1;background:rgba(59,130,246,.1);border-color:#3b82f64d}.stat-item.total .stat-value{font-size:2rem;color:var(--accent-primary);text-shadow:none}.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:var(--accent-primary);font-weight:900;box-shadow:0 4px 20px #0000004d;text-shadow:none;border:2px solid rgba(59,130,246,.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:var(--accent-primary);background:rgba(59,130,246,.2);padding:4px 12px;border-radius:12px;border:1px solid rgba(59,130,246,.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:var(--accent-primary);width:20px}.mini-name{flex:1;color:#fff;font-weight:600;margin-left:12px}.mini-score{font-weight:700;color:var(--accent-primary);font-size:.9rem}.mobile-game-status{margin-top:auto;text-align:center;padding:20px}.game-over-notice,.next-round-notice{background:rgba(59,130,246,.1);border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:16px}.final-message{font-size:1.2rem;font-weight:700;color:var(--accent-primary);margin:0}.next-round-notice p{font-size:1.1rem;font-weight:600;color:var(--accent-primary);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,20,147,.12) 0%,rgba(255,20,147,.03) 70%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.12) 0%,rgba(59,130,246,.03) 70%),radial-gradient(circle at 40% 80%,rgba(15,25,35,.1) 0%,rgba(15,25,35,.02) 80%),linear-gradient(135deg,#0F1923 0%,#1A2736 50%,#152232 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,20,147,.02) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(59,130,246,.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(59,130,246,.01) 101px,rgba(59,130,246,.01) 102px),repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(255,20,147,.01) 101px,rgba(255,20,147,.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-primary)}.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);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)}50%{box-shadow:var(--shadow-lg)}}.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:none;text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-black)}.results-neon-subtitle{color:var(--neon-cyan);text-shadow:none;text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-bold)}.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-primary)}.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);transform:scale(1.05)}.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);display:inline-flex;align-items:center}.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-primary)}.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,20,147,.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),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,20,147,.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)}.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),inset 0 1px 3px #ffd7001a;position:relative;transform:scale(1.05)}.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),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),inset 0 1px 2px #cd7f321a}.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);animation:emoji-glow 2s ease-in-out infinite}@keyframes emoji-glow{0%,to{transform:scale(1)}50%{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:none}.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:none}.score-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-shadow:none}.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:none}.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:2px 2px 4px rgba(0,0,0,.9);animation:title-pulse 2s ease-in-out infinite;position:relative;z-index:10}@keyframes title-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.game-over-divider{width:200px;height:4px;background:var(--gradient-primary);margin:var(--spacing-lg) auto 0;border-radius:var(--radius-full);box-shadow:none}.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);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:none;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 4px 12px #0006}.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:none}.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-primary);text-shadow:none}.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:none}.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)}.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)}.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-primary)}.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-primary)}.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}.action-button:hover{transform:translateY(-2px);border-color:var(--neon-cyan);box-shadow:0 8px 30px #0006;background:rgba(59,130,246,.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:none}@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,20,147,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(15,25,35,.15) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(59,130,246,.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:none;box-shadow:0 4px 12px #0006;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,20,147,.05) 50%,transparent 100%);pointer-events:none}.transition-prompt:hover{border-color:var(--neon-cyan);box-shadow:0 4px 12px #0006;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);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)}.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-primary);color:var(--neon-green);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-lg);text-shadow:none}.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}.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:none}.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{color:var(--accent-primary, #FF1493);text-shadow:2px 2px 4px rgba(0,0,0,.9)}.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: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:none!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:none}.round-label{font-family:var(--font-primary);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:none;animation:round-number-glow 2s ease-in-out infinite alternate}@keyframes round-number-glow{0%{text-shadow:none}to{text-shadow:none}}.round-divider{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#ffffffb3;text-shadow:none}.round-total{font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--neon-cyan)}.battle-instructions{margin:var(--spacing-2xl) 0;background:rgba(255,255,255,.03);border:1px solid rgba(59,130,246,.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-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;text-shadow:none}.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:none;animation-delay:0s}.particle-2{top:30%;right:15%;background:var(--neon-cyan);box-shadow:none;animation-delay:.7s}.particle-3{bottom:25%;left:20%;background:var(--neon-green);box-shadow:none;animation-delay:1.4s}.particle-4{bottom:35%;right:25%;background:var(--neon-purple);box-shadow:none;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)!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)!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%{opacity:1}70%{opacity:.7}to{opacity:1}}.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}@keyframes slam-from-bottom{0%{transform:translateY(100px);opacity:0}60%{transform:translateY(-8px);opacity:1}80%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes slam-from-left{0%{transform:translate(-100px);opacity:0}60%{transform:translate(8px);opacity:1}80%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes slam-from-right{0%{transform:translate(100px);opacity:0}60%{transform:translate(-8px);opacity:1}80%{transform:translate(4px)}to{transform:translate(0)}}@keyframes screen-shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-6px,-3px) rotate(-.5deg)}30%{transform:translate(5px,2px) rotate(.5deg)}50%{transform:translate(-4px,-2px) rotate(-.3deg)}70%{transform:translate(3px,1px) rotate(.2deg)}90%{transform:translate(-1px) rotate(0)}}.animate-slam-bottom{animation:slam-from-bottom .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slam-left{animation:slam-from-left .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slam-right{animation:slam-from-right .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-shake{animation:screen-shake .27s ease-out}.animate-slam-bottom,.animate-slam-left,.animate-slam-right{animation-fill-mode:forwards}.countdown-display{font-family:var(--font-primary);color:var(--timer-normal);transition:color .3s ease;display:inline-flex;align-items:center;gap:.5rem}.countdown-context{font-size:.75em;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.countdown-value{font-weight:var(--font-weight-bold)}.countdown-large{font-size:clamp(3rem,8vw,6rem)}.countdown-normal{font-size:clamp(1.5rem,4vw,2.5rem)}.countdown-small{font-size:clamp(.875rem,2vw,1.25rem)}.countdown-display.warning{color:var(--timer-warning)}.countdown-display.critical{color:var(--timer-critical);animation:cyber-pulse 1s ease-in-out infinite}@keyframes timer-critical-pulse{0%,to{transform:scale(1);text-shadow:none}50%{transform:scale(1.05);text-shadow:none}}@keyframes splitShift{0%{transform:translate(-20px)}to{transform:translate(20px)}}@keyframes vsGlow{0%{transform:scale(1) rotate(-1deg);text-shadow:none}to{transform:scale(1.1) rotate(1deg);text-shadow:none}}@keyframes lightning{0%{text-shadow:none}to{text-shadow:none}}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes themeCardGlow{0%{box-shadow:none}to{box-shadow:none}}@keyframes winnerGlow{0%{box-shadow:none}to{box-shadow:none}}@keyframes leaderboardGlow{0%{box-shadow:none}to{box-shadow:none}}@keyframes winnerFloat{0%,to{transform:scale(1.1) translateY(0) rotate(0)}50%{transform:scale(1.15) translateY(-10px) rotate(2deg)}}@keyframes loserFloat{0%,to{transform:scale(.9) translateY(0)}50%{transform:scale(.85) translateY(5px)}}@keyframes winnerBorder{0%{box-shadow:none}to{box-shadow:none}}@keyframes captionFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes firework0{0%{transform:translateY(0) scale(0);opacity:1}50%{transform:translateY(-15vh) scale(1);opacity:1}to{transform:translateY(-30vh) scale(0);opacity:0}}@keyframes firework1{0%{transform:translateY(0) scale(0) rotate(0);opacity:1}50%{transform:translateY(-12vh) scale(1) rotate(180deg);opacity:1}to{transform:translateY(-24vh) scale(0) rotate(360deg);opacity:0}}@keyframes firework2{0%{transform:translateY(0) scale(0);opacity:1}30%{transform:translateY(-9vh) scale(1);opacity:1}to{transform:translateY(-18vh) scale(0);opacity:0}}@keyframes firework3{0%{transform:translateY(0) scale(0) rotate(0);opacity:1}40%{transform:translateY(-13vh) scale(1) rotate(270deg);opacity:1}to{transform:translateY(-26vh) scale(0) rotate(360deg);opacity:0}}@keyframes drumroll{0%,to{transform:rotate(-1deg) scale(1)}50%{transform:rotate(1deg) scale(1.05)}}@keyframes urgentPulse{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(1deg)}to{transform:scale(1) rotate(0)}}@keyframes titleGlow{0%{text-shadow:none;transform:scale(1)}to{text-shadow:none;transform:scale(1.05)}}@keyframes confetti{0%{transform:translate(0)}to{transform:translate(10vw)}}@keyframes pulseWarning{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes phaseEnter{0%{opacity:0}to{opacity:1}}.phase-transition{animation:phaseEnter .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: 339px){:root{--mobile-font-base: 14px;--mobile-spacing: .75rem;--mobile-header-height: 60px;--mobile-safe-h: 0;--mobile-safe-v: 0;--mobile-button-height: 42px;--mobile-input-height: 42px;--mobile-touch-target: 40px;--mobile-border-radius: 1vh;--mobile-card-radius: 1.5vh}}@media (min-width: 340px) and (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 (orientation: landscape) and (max-height: 500px){:root{--mobile-header-height: 50px;--mobile-spacing: .5rem;--mobile-button-height: 40px;--mobile-input-height: 40px}.mobile-view-container,.mobile-lobby-content,.mobile-game-content{padding-top:50px!important;padding-bottom:8px!important}.mobile-header,.app-header{height:50px!important;min-height:50px!important}.mobile-player-list{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important}.mobile-player-item{flex:0 0 auto!important;max-width:150px!important}.mobile-ready-button,.mobile-action-button{height:40px!important;padding:8px 16px!important}}@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(15,25,35,.98) 0%,rgba(15,25,35,.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;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:absolute!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(15,25,35,.98) 0%,rgba(15,25,35,.95) 100%);border-left:2px solid var(--neon-pink);z-index:var(--z-modal);overflow-y:auto;box-shadow:-10px 0 40px #000c;padding-top:env(safe-area-inset-top,0px)!important;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:var(--z-modal-backdrop);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}.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 #ff149333!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,#0F1923 0%,#3B82F6 100%)!important;color:#fff!important;border:2px solid var(--neon-pink)!important;border:2px solid #3B82F6!important;box-shadow:0 4px 8px #0000004d!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:#0f1923!important;box-shadow:0 8px 16px #0006!important}.button-primary:active,.join-game-button:active,.create-game-button:active,.game-form .button:active{box-shadow:0 4px 8px #0000004d!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){.mobile-player-list,.mobile-standings-list,.mobile-results-scroll,.mobile-game-content,.cyber-glass,[style*="overflow-y: auto"],[style*="overflowY: auto"]{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth}.mobile-player-list::-webkit-scrollbar,.mobile-standings-list::-webkit-scrollbar,.mobile-results-scroll::-webkit-scrollbar{width:4px;height:4px}.mobile-player-list::-webkit-scrollbar-track,.mobile-standings-list::-webkit-scrollbar-track,.mobile-results-scroll::-webkit-scrollbar-track{background:transparent}.mobile-player-list::-webkit-scrollbar-thumb,.mobile-standings-list::-webkit-scrollbar-thumb,.mobile-results-scroll::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:4px}.mobile-view-container,.mobile-content-area{overscroll-behavior:contain}}@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,20,147,.1)!important;border:1px solid rgba(255,20,147,.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:none!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:none!important}.copy-code-button.copied{background:rgba(59,130,246,.1)!important;border-color:#3b82f666!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(59,130,246,.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,20,147,.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(59,130,246,.2)!important;border-color:var(--green)!important;color:var(--green)!important}.ready-toggle-button:hover:not(:disabled){box-shadow:none!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:none!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,20,147,.1)!important;border:2px solid rgba(255,20,147,.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,20,147,.2)!important;box-shadow:none!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(59,130,246,.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:#0F1923;color:#fff;font-family:var(--font-primary, "Outfit", sans-serif);overflow-x:hidden;overflow-y:auto;position:relative;padding:0;box-sizing:border-box;display:flex;flex-direction:column}.mobile-prompt-view{--pink: var(--accent-primary, #FF1493);--cyan: var(--accent-secondary, #3B82F6);--yellow: var(--accent-winner, #FEE440);--green: var(--accent-secondary, #3B82F6);--white: #ffffff;--text-muted: rgba(255, 255, 255, .6);--border-subtle: rgba(255, 255, 255, .12);--card-bg: rgba(255, 255, 255, .04)}}@media (max-width: 768px){.mobile-sticky-timer{position:fixed;top:0;left:0;right:0;height:clamp(44px,7vh,56px);background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(59,130,246,.15) 100%);border-bottom:.2vh solid var(--border-cyan);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono, monospace);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.3rem);color:var(--accent-secondary, #3B82F6)}.mobile-sticky-timer.warning{color:var(--accent-winner, #FEE440);background:linear-gradient(135deg,rgba(255,209,102,.3) 0%,rgba(255,209,102,.15) 100%);border-bottom-color:var(--border-yellow)}.mobile-sticky-timer.urgent{color:var(--accent-primary, #FF1493);background:linear-gradient(135deg,rgba(255,20,147,.3) 0%,rgba(255,20,147,.15) 100%);border-bottom-color:var(--border-pink);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}}@media (max-width: 768px){.mobile-theme-prompt{margin:0 0 8px;padding:12px 16px;background:var(--bg-surface, #1A2736);border:1px solid var(--border-pink);border-radius:8px}.mobile-theme-label{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--accent-primary, #FF1493);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.mobile-round-info{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--accent-primary, #FF1493);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px}.mobile-theme-prompt-text{font-size:1rem;color:var(--white);line-height:1.4;margin:0;font-style:italic;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width: 768px){.mobile-content-area{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:0 16px 16px;padding-top:9vh;min-height:0}}@media (max-width: 768px){.mobile-prompt-input-section{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:16px}.mobile-input-container{position:relative;margin-bottom:12px}.mobile-prompt-textarea{background:rgba(0,0,0,.3);border:1px solid var(--border-subtle);border-radius:8px;color:var(--white);font-family:inherit;padding:12px;font-size:1rem;width:100%;min-height:100px;box-sizing:border-box;resize:vertical}.mobile-prompt-textarea:focus{outline:none;border-color:var(--cyan)}.mobile-prompt-textarea::placeholder{color:#fff6}.mobile-character-count{position:absolute;bottom:8px;right:12px;font-size:.75rem;color:var(--text-muted);font-family:var(--font-primary)}.mobile-generate-button{font-weight:var(--font-weight-semibold);font-size:1rem;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;padding:14px 24px;background:var(--cyan);color:#000;transition:opacity .2s ease;cursor:pointer;width:100%}.mobile-generate-button:hover:not(:disabled){opacity:.9}.mobile-generate-button:disabled{opacity:.5;cursor:not-allowed}}@media (max-width: 768px){.mobile-prompt-tips-carousel{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;text-align:center}.mobile-tips-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px;font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--cyan);text-transform:uppercase;letter-spacing:.05em}.mobile-tips-icon{font-size:1rem}.mobile-tips-content{margin-bottom:8px}.mobile-tip-item{display:flex;align-items:center;justify-content:center;gap:8px}.mobile-tip-icon{font-size:1rem}.mobile-tip-text{font-size:.9rem;color:var(--text-muted);font-style:italic}.mobile-tips-indicators{display:flex;justify-content:center;gap:6px}.mobile-tip-indicator{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .2s ease}.mobile-tip-indicator.active{background:var(--cyan)}}@media (max-width: 768px){.mobile-generating-section{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:32px 16px;text-align:center}.mobile-generating-animation{display:flex;flex-direction:column;align-items:center;gap:16px}.mobile-spinner-container{position:relative;width:48px;height:48px}.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:2px solid transparent;border-radius:50%;border-top-color:var(--cyan);animation:prompt-spin 1.2s linear infinite!important}.mobile-spinner-ring:nth-child(2){width:70%;height:70%;border-top-color:var(--pink);animation:prompt-spin 1s linear infinite reverse!important}.mobile-spinner-ring:nth-child(3){width:40%;height:40%;border-top-color:var(--white);animation:prompt-spin .8s linear infinite!important}@keyframes prompt-spin{to{transform:rotate(360deg)}}.mobile-generating-text{display:flex;flex-direction:column;gap:4px}.mobile-main-text{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--cyan);text-transform:uppercase;letter-spacing:.05em}.mobile-sub-text{font-size:.85rem;color:var(--text-muted)}}@media (max-width: 768px){.mobile-single-image-section,.mobile-submitted-section{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;text-align:center}.mobile-image-container{width:100%;aspect-ratio:1;margin:0 auto 12px;border-radius:8px;overflow:hidden;background:var(--bg-black, #0F1923)}.mobile-generated-image,.mobile-submitted-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.mobile-action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:12px}.mobile-submit-button{font-weight:var(--font-weight-semibold);font-size:1rem;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:8px;padding:14px 24px;background:var(--green);color:#000;transition:opacity .2s ease;cursor:pointer;width:100%}.mobile-submit-button:hover:not(:disabled){opacity:.9}.mobile-regenerate-button{font-weight:var(--font-weight-medium);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-subtle);border-radius:8px;padding:10px 16px;background:transparent;color:var(--text-muted);transition:all .2s ease;cursor:pointer;width:100%}.mobile-regenerate-button:hover:not(:disabled){background:var(--card-bg);color:var(--white)}}@media (max-width: 768px){.mobile-submitted-section{display:flex;flex-direction:column;align-items:center;overscroll-behavior:contain}.mobile-submitted-section .mobile-image-container{width:100%;position:relative}.mobile-waiting-message{font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px}}@media (max-width: 768px){.mobile-error-banner{background:rgba(255,20,147,.1);border:1px solid rgba(255,20,147,.4);border-radius:8px;padding:12px 16px;margin:12px 0;text-align:center}.mobile-error-text{color:var(--pink);font-weight:var(--font-weight-medium);font-size:.9rem}}@media (max-width: 389px){.mobile-theme-prompt{margin:0 0 8px;padding:10px 12px}.mobile-content-area{padding:0 12px;gap:8px}.mobile-prompt-input-section{padding:12px}.mobile-generate-button,.mobile-submit-button{padding:12px 16px}}@media (min-width: 428px){.mobile-content-area{gap:16px;padding:0 20px}.mobile-theme-prompt{margin:0 0 12px;padding:16px 20px}.mobile-prompt-input-section{padding:20px}}@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:var(--font-primary);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)}.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:var(--font-mono)}.timer-value{font-size:clamp(1rem,4vw,1.2rem);font-weight:900;color:var(--neon-cyan);font-family:var(--font-mono)}}@media (max-width: 768px){.swipe-voting-view{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--bg-black, #0F1923);color:#fff;overflow-y:auto;overflow-x:hidden;position:relative}.voting-timer{position:fixed;top:0;left:0;right:0;background:rgba(59,130,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,130,246,.3);padding:12px 20px;text-align:center;font-size:clamp(1rem,4vw,1.1rem);font-weight:600;color:#3b82f6;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 8px 32px #00000080}.voting-image{width:100%;height:100%;object-fit:cover;background:var(--bg-black, #0F1923);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(59,130,246,.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:#FF1493;transform:scale(1.2)}.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(59,130,246,.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:#ff1493;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,#FF1493 0%,#3B82F6 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 #ff14934d,inset 0 1px #fff3;min-height:var(--mobile-touch-target)}.vote-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff149366,inset 0 1px #fff3}.vote-button:active{transform:translateY(0);box-shadow:0 2px 15px #ff14934d,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,#FF1493 0%,#3B82F6 100%);color:#000;box-shadow:0 4px 20px #ff14934d}.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(255,20,147,.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);transform:translateY(-2px)}.image-battle-card.selected{border-color:var(--green);background:rgba(59,130,246,.1)}.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,20,147,.1);border:2px solid rgba(255,20,147,.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(59,130,246,.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:var(--bg-black, #0F1923);color:#fff;text-align:center;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.mobile-transition-container{--pink: var(--accent-primary, #FF1493);--blue: var(--accent-secondary, #3B82F6);--yellow: var(--accent-winner, #FEE440);--green: var(--accent-secondary, #3B82F6);--white: #ffffff;--dark-bg: #0F1923;--card-bg: rgba(255, 20, 147, .1)}}@media (max-width: 768px){.mobile-transition-timer{background:var(--bg-surface, #1A2736);border:.2vh solid var(--border-blue);border-radius:2vh;padding:2vh 4vw;font-family:var(--font-mono);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;box-shadow:none;text-align:center;margin-bottom:3vh;font-size:clamp(1.2rem,5vw,1.8rem);color:var(--blue);text-shadow:none}.mobile-transition-timer.warning{color:var(--yellow);text-shadow:none;border-color:var(--border-yellow)}.mobile-transition-timer.urgent{color:var(--pink);text-shadow:none;border-color:var(--border-pink);animation:timer-pulse 1s ease-in-out infinite!important}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:none}50%{transform:scale(1.05);box-shadow:none}}}@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:3vh 4vw;box-shadow:none;margin-bottom:3vh}.mobile-round-number{font-size:clamp(3rem,12vw,5rem);font-weight:var(--font-weight-black);color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);text-shadow:none;margin-bottom:2vh;animation:round-pulse 2s ease-in-out infinite!important}@keyframes round-pulse{0%,to{transform:scale(1);text-shadow:none}50%{transform:scale(1.1);text-shadow:none}}.mobile-round-title{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:var(--font-weight-black);color:var(--white);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);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)}.mobile-round-dot.current{background:var(--pink);transform:scale(1.3)}.mobile-round-info{font-size:clamp(.9rem,3.5vw,1.1rem);color:var(--blue);font-weight:var(--font-weight-semibold);margin-top:2vh}}@media (max-width: 768px){.mobile-voting-transition{text-align:center}.mobile-voting-transition-container{background:var(--bg-surface, #1A2736);border:.3vh solid var(--border-blue);border-radius:3vh;padding:3vh 4vw;margin-bottom:3vh}.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:var(--font-weight-black);color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);text-shadow:none;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:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.mobile-stats-value{font-size:clamp(1rem,4vw,1.2rem);color:var(--white);font-weight:var(--font-weight-extrabold);font-family:var(--font-primary)}.mobile-theme-prompt-reminder{background:rgba(254,228,64,.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,20,147,.1) 0%,rgba(0,187,249,.1) 100%);border:.3vh solid var(--border-pink);border-radius:3vh;padding:3vh 4vw;box-shadow:none;margin-bottom:3vh}.mobile-pair-number{font-size:clamp(2rem,8vw,3rem);font-weight:var(--font-weight-black);color:var(--pink);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);text-shadow:none;margin-bottom:2vh}.mobile-pair-title{font-size:clamp(1.5rem,6vw,2rem);font-weight:var(--font-weight-black);color:var(--white);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);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:var(--font-weight-semibold);font-family:var(--font-primary)}.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);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:var(--font-weight-black);color:var(--yellow);text-shadow:none;font-family:var(--font-primary)}.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(180deg,var(--bg-black, #0F1923) 0%,#1A2736 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{--showdown-cyan: #3B82F6;--showdown-pink: #FF1493;--showdown-gold: #FFD166;--white: #ffffff;--dark-bg: #0F1923;--card-bg: rgba(59, 130, 246, .08)}}@media (max-width: 768px){.mobile-showdown-timer{position:fixed;top:0;left:0;right:0;height:8vh;background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(59,130,246,.15) 100%);border-bottom:.2vh solid var(--border-cyan);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.3rem);color:var(--showdown-cyan);text-shadow:none}.mobile-showdown-timer.warning{color:var(--showdown-pink);text-shadow:none;border-bottom-color:var(--border-pink)}.mobile-showdown-timer.urgent{color:var(--showdown-pink);text-shadow:none;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:none}50%{transform:scale(1.02);box-shadow:none}}}@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:var(--font-weight-black);color:var(--showdown-cyan);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);text-shadow:none;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-cyan);border-radius:3vh;padding:3vh 4vw;box-shadow:none;text-align:center}.mobile-battle-winner-section{margin-bottom:3vh}.mobile-winner-label{font-size:clamp(1rem,4vw,1.3rem);font-weight:var(--font-weight-black);color:var(--showdown-cyan);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);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:none;transform:scale(1)}50%{text-shadow:none;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-cyan);box-shadow:none;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(59,130,246,.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:var(--font-weight-bold);color:var(--showdown-cyan);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:var(--font-weight-extrabold);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:var(--font-weight-semibold)}.mobile-stats-value{font-size:clamp(.9rem,3.5vw,1rem);color:var(--white);font-weight:var(--font-weight-extrabold);font-family:var(--font-primary)}.mobile-votes-received{color:var(--showdown-cyan);text-shadow:none}}@media (max-width: 768px){.mobile-loser-section{opacity:.6;margin-top:3vh}.mobile-loser-label{font-size:clamp(.8rem,3vw,.9rem);font-weight:var(--font-weight-semibold);color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-primary);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:var(--font-weight-bold);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:var(--font-weight-semibold);margin-bottom:1vh}.mobile-round-progress{font-size:clamp(.8rem,3vw,.9rem);color:#fffc;font-family:var(--font-primary)}}@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(59,130,246,.3);border-top-color:var(--showdown-cyan);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(--showdown-cyan);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(180deg,var(--bg-black, #0F1923) 0%,#0F1923 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{--results-cyan: var(--accent-secondary, #3B82F6);--results-pink: var(--accent-primary, #FF1493);--results-gold: var(--accent-winner, #FEE440);--white: #ffffff;--dark-bg: var(--bg-black, #0F1923);--card-bg: rgba(59, 130, 246, .08)}}@media (max-width: 768px){.mobile-results-timer{position:fixed;top:0;left:0;right:0;height:clamp(44px,7vh,56px);background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(59,130,246,.15) 100%);border-bottom:.2vh solid var(--border-cyan);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono, monospace);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1rem,4vw,1.3rem);color:var(--results-cyan)}.mobile-results-timer.warning{color:var(--results-pink);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)}50%{transform:scale(1.02)}}}@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(59,130,246,.2) 0%,rgba(255,215,0,.1) 100%);border:.3vh solid var(--border-green);border-radius:3vh;padding:3vh 4vw;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:var(--font-weight-black);color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);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:var(--font-weight-black);color:var(--yellow);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);margin-bottom:2vh;animation:winner-glow 2s ease-in-out infinite!important}@keyframes winner-glow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mobile-winner-score{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:var(--font-weight-extrabold);color:var(--white);font-family:var(--font-mono, 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}.mobile-leaderboard-title{font-size:clamp(1.2rem,5vw,1.6rem);font-weight:var(--font-weight-extrabold);color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-primary);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)}.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:var(--font-weight-black);font-family:var(--font-primary);min-width:8vw;text-align:center}.mobile-rank-position.rank-1{color:var(--yellow)}.mobile-rank-position.rank-2{color:silver}.mobile-rank-position.rank-3{color:#cd7f32}.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:var(--font-weight-bold);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:var(--font-primary)}.mobile-total-score{color:var(--blue);font-weight:var(--font-weight-extrabold)}.mobile-round-score{color:var(--green);font-weight:var(--font-weight-extrabold)}.mobile-wins-count{color:var(--yellow);font-weight:var(--font-weight-extrabold)}}@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:var(--font-weight-extrabold);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:var(--font-weight-extrabold);color:var(--white);font-family:var(--font-primary);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:var(--font-weight-semibold);font-family:var(--font-primary)}.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:var(--font-weight-semibold)}@keyframes spin{to{transform:rotate(360deg)}}}@media (max-width: 768px){.mobile-game-over-view{min-height:100vh;width:100%;max-width:100%;background:var(--bg-black, #0F1923);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: #FF1493;--blue: #3B82F6;--yellow: #FFD166;--green: #22C55E;--white: #ffffff;--dark-bg: #0F1923;--card-bg: rgba(255, 20, 147, .1)}}@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:var(--font-primary);margin-bottom:2vh;animation:game-over-pulse 3s ease-in-out infinite!important}@keyframes game-over-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.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:var(--font-primary)}}@media (max-width: 768px){.mobile-winners-section{background:linear-gradient(135deg,rgba(254,228,64,.2) 0%,rgba(59,130,246,.1) 100%);border:.3vh solid var(--border-yellow);border-radius:3vh;padding:4vh 3vw;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:var(--font-primary);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(254,228,64,.1)}.mobile-winner-card.second-place{border-color:#c0c0c099;background:rgba(192,192,192,.05)}.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:var(--font-primary);margin-bottom:1vh}.mobile-winner-position.first{color:var(--yellow)}.mobile-winner-position.second{color:silver}.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:var(--font-mono);margin-bottom:1vh}.mobile-winner-stats{display:flex;justify-content:center;gap:4vw;font-size:clamp(.8rem,3vw,.9rem);color:#fffc;font-family:var(--font-primary)}.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;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:var(--font-primary);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:var(--font-primary);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:var(--font-mono)}}@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:var(--font-primary);cursor:pointer;transition:all .3s ease!important;width:100%}.mobile-play-again-button:hover:not(:disabled){transform:scale(1.05)}.mobile-play-again-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-new-game-button{background:rgba(59,130,246,.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(59,130,246,.2)}.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(254,228,64,.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:var(--font-primary)}.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}}}