.audio-control{position:fixed;top:20px;right:20px;width:60px;height:60px;border-radius:50%;background:#1e1e32e6;border:2px solid #8338ec;font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 20px #8338ec66}.audio-control:hover{transform:scale(1.1);box-shadow:0 6px 30px #8338ec99;border-color:#9f4fff}.audio-control:active{transform:scale(.95)}.audio-control.muted{border-color:#666;background:#323232e6;box-shadow:0 4px 20px #6464644d}.audio-control.muted:hover{border-color:#888;box-shadow:0 6px 30px #64646466}@media (max-width: 768px){.audio-control{width:50px;height:50px;font-size:24px;top:15px;right:15px}}.tournament-setup{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#0a0a0a,#0a1a2e,#0a0a0a);animation:tournament-bg 12s ease infinite}@keyframes tournament-bg{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tournament-header{text-align:center;margin-bottom:40px}.tournament-title{font-size:64px;font-weight:900;background:linear-gradient(45deg,#fbbf24,#f59e0b,#d97706);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:tournament-gradient 3s ease infinite;text-transform:uppercase;letter-spacing:8px;margin:0;filter:drop-shadow(0 0 30px rgba(251,191,36,.5))}@keyframes tournament-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tournament-subtitle{font-size:20px;color:#fbbf24;margin-top:16px;letter-spacing:4px;text-transform:uppercase}.tournament-info{max-width:800px;margin:0 auto 48px;text-align:center;padding:24px;background:#fbbf241a;border:2px solid rgba(251,191,36,.3);border-radius:16px}.info-text{font-size:18px;color:#ddd;margin:0 0 12px;line-height:1.6}.info-detail{font-size:16px;color:#aaa;margin:0}.fighter-count{color:#fbbf24;font-weight:700;font-size:20px}.size-selection{max-width:1400px;margin:0 auto}.selection-title{font-size:32px;text-align:center;color:#fff;margin-bottom:40px;text-transform:uppercase;letter-spacing:3px}.size-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:48px}@media (max-width: 1100px){.size-cards{grid-template-columns:1fr;max-width:450px;margin:0 auto 48px}}.size-card{background:linear-gradient(145deg,#281e14e6,#1e140ae6);border:3px solid #fbbf24;border-radius:20px;padding:40px 28px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.size-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(251,191,36,.1),transparent);opacity:0;transition:opacity .3s ease}.size-card:hover:before{opacity:1;animation:shine 2s infinite}.size-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 12px 50px #fbbf2499;border-color:#f59e0b}.size-icon{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(251,191,36,.5));animation:icon-float 3s ease infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.size-name{font-size:28px;font-weight:700;color:#fbbf24;margin:0 0 12px;text-transform:uppercase;letter-spacing:2px}.size-description{font-size:16px;color:#aaa;margin-bottom:24px}.size-stats{display:flex;justify-content:space-around;margin:24px 0;padding:20px 0;border-top:1px solid rgba(251,191,36,.2);border-bottom:1px solid rgba(251,191,36,.2)}.stat{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:24px;font-weight:700;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.start-tournament-btn{padding:16px 32px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#000;border:2px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:20px;position:relative;z-index:1}.start-tournament-btn:hover{background:linear-gradient(45deg,#f59e0b,#d97706);box-shadow:0 4px 20px #fbbf2499;transform:translateY(-2px)}.setup-actions{text-align:center;margin-top:40px}.back-btn{padding:16px 48px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:#64646433;color:#aaa;border:2px solid #555;border-radius:12px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#7878784d;border-color:#777;transform:translateY(-2px);color:#fff}.tournament-bracket{min-height:100vh;padding:40px 20px;background:linear-gradient(135deg,#0a0a0a,#1a0a0a,#0a0a0a);overflow-x:auto}.bracket-header{text-align:center;margin-bottom:32px}.bracket-title{font-size:48px;font-weight:900;color:#fbbf24;text-transform:uppercase;letter-spacing:6px;margin:0 0 12px;text-shadow:0 0 30px rgba(251,191,36,.6)}.bracket-subtitle{font-size:18px;color:#aaa;letter-spacing:2px;text-transform:uppercase}.bracket-progress{display:flex;justify-content:center;gap:48px;margin-bottom:40px;padding:20px;background:#fbbf241a;border:2px solid rgba(251,191,36,.3);border-radius:12px;max-width:800px;margin-left:auto;margin-right:auto}.progress-info{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-label{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:1px}.progress-value{font-size:24px;font-weight:700;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.bracket-container{display:flex;gap:40px;justify-content:center;align-items:start;min-width:min-content;padding:20px;margin-bottom:40px}.progress-bar-container{max-width:800px;margin:-20px auto 32px;background:#0006;border:1px solid rgba(251,191,36,.4);border-radius:999px;overflow:hidden;position:relative;height:26px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .3s ease}.progress-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:1px}@media (max-width: 1200px){.bracket-container{flex-direction:column;align-items:center}}.bracket-round{display:flex;flex-direction:column;gap:24px;min-width:280px}.round-title{font-size:24px;font-weight:700;color:#fbbf24;text-align:center;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid rgba(251,191,36,.3)}.round-matches{display:flex;flex-direction:column;gap:32px;justify-content:space-around;flex:1}.bracket-match{background:linear-gradient(145deg,#1e140ae6,#140f0ae6);border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:16px;transition:all .3s ease;position:relative}.bracket-match.next{border-color:#fbbf24;box-shadow:0 0 30px #fbbf2480;animation:next-pulse 2s ease infinite}@keyframes next-pulse{0%,to{box-shadow:0 0 20px #fbbf2480}50%{box-shadow:0 0 40px #fbbf24b3}}.bracket-match.complete{border-color:#06ffa5;background:linear-gradient(145deg,#06ffa50d,#06ffa505)}.match-fighter{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:8px;margin-bottom:8px;transition:all .3s ease}.match-fighter.winner{background:#06ffa533;border:1px solid #06ffa5}.fighter-avatar{font-size:28px;filter:drop-shadow(0 0 8px currentColor)}.fighter-name{font-size:16px;font-weight:700;color:#fff;flex:1}.tbd{font-size:14px;color:#666;font-style:italic;flex:1;text-align:center}.match-vs{text-align:center;font-size:14px;font-weight:700;color:#fbbf24;padding:4px 0;text-shadow:0 0 10px rgba(251,191,36,.5)}.match-result{margin-top:12px;padding:12px;background:#06ffa51a;border:1px solid #06ffa5;border-radius:8px;text-align:center}.result-badge{display:block;font-size:12px;color:#06ffa5;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.result-name{display:block;font-size:16px;color:#fff;font-weight:700}.bracket-actions{max-width:600px;margin:0 auto;text-align:center;padding:32px;background:#fbbf241a;border:3px solid #fbbf24;border-radius:16px;box-shadow:0 8px 40px #fbbf244d}.next-match-info h3{font-size:24px;color:#fbbf24;margin:0 0 12px;text-transform:uppercase;letter-spacing:2px}.next-match-info p{font-size:18px;color:#fff;margin:0 0 24px;font-weight:700}.start-match-btn{padding:20px 60px;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#000;border:3px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #fbbf2480}.start-match-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 30px #fbbf24b3;background:linear-gradient(45deg,#f59e0b,#d97706)}.tournament-complete{text-align:center;padding:40px;background:#06ffa51a;border:2px solid #06ffa5;border-radius:16px;max-width:600px;margin:0 auto;animation:complete-appear .5s ease}@keyframes complete-appear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.tournament-complete h2{font-size:36px;color:#06ffa5;margin:0 0 12px;text-shadow:0 0 20px #06ffa5}.tournament-complete p{font-size:18px;color:#aaa;margin:0}.tournament-champion{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a0a0a,#0a0a0a);position:relative;overflow:hidden;padding:40px 20px}.champion-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:60px;background:#141414e6;border-radius:24px;border:3px solid #fbbf24;box-shadow:0 0 80px #fbbf2499;animation:content-appear .8s ease}@keyframes content-appear{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.trophy-animation{position:relative;margin-bottom:32px}.trophy{font-size:120px;animation:trophy-bounce 2s ease infinite;display:inline-block;filter:drop-shadow(0 0 40px rgba(251,191,36,.8))}@keyframes trophy-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-30px) rotate(5deg)}}.sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;font-size:24px;animation:sparkle-rise 3s ease infinite}@keyframes sparkle-rise{0%{transform:translateY(0) scale(0);opacity:1}to{transform:translateY(-200px) scale(1);opacity:0}}.champion-title{font-size:56px;font-weight:900;background:linear-gradient(45deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:champion-gradient 3s ease infinite;text-transform:uppercase;letter-spacing:8px;margin:0 0 40px}@keyframes champion-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.champion-showcase{margin:40px 0}.champion-avatar-large{font-size:140px;margin-bottom:24px;filter:drop-shadow(0 0 40px currentColor);animation:champion-float 4s ease infinite;display:inline-block}@keyframes champion-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.champion-name{font-size:48px;font-weight:700;text-transform:uppercase;letter-spacing:4px;margin:0 0 16px;text-shadow:0 0 40px currentColor}.champion-subtitle{font-size:20px;color:#aaa;text-transform:uppercase;letter-spacing:2px}.tournament-stats{display:flex;justify-content:center;gap:32px;margin:48px 0;flex-wrap:wrap}.stat-card{background:#fbbf241a;border:2px solid rgba(251,191,36,.3);border-radius:16px;padding:24px;min-width:150px;transition:all .3s ease}.stat-card:hover{transform:translateY(-8px);border-color:#fbbf24;box-shadow:0 8px 30px #fbbf2466}.stat-icon{font-size:48px;margin-bottom:12px}.stat-number{font-size:42px;font-weight:700;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.6);margin-bottom:8px}.stat-label{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:1px}.runner-up{margin:40px 0;padding:24px;background:#6464641a;border:2px solid rgba(255,255,255,.2);border-radius:12px}.runner-up h3{font-size:18px;color:#aaa;margin:0 0 16px;text-transform:uppercase;letter-spacing:2px}.runner-up-fighter{display:flex;align-items:center;justify-content:center;gap:16px}.runner-up-avatar{font-size:36px}.runner-up-name{font-size:24px;font-weight:700;color:#fff}.hall-of-fame{margin:48px 0;padding:32px;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.hall-of-fame h3{font-size:20px;color:#fbbf24;margin:0 0 24px;text-transform:uppercase;letter-spacing:2px}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.participant{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;transition:all .2s ease;position:relative}.participant:hover{background:#ffffff1a}.participant.champion-highlight{background:#fbbf2433;border:1px solid #fbbf24}.participant-avatar{font-size:28px}.participant-name{font-size:14px;color:#fff;font-weight:700;flex:1}.champion-badge{font-size:20px;animation:crown-spin 3s linear infinite}@keyframes crown-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-tournament-btn{padding:20px 60px;font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#000;border:3px solid #fbbf24;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #fbbf2480;margin-top:40px}.new-tournament-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 30px #fbbf24b3;background:linear-gradient(45deg,#f59e0b,#d97706)}.confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:12px;height:12px;top:-20px;border-radius:3px;animation:confetti-fall 6s linear infinite}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(720deg)}}@media (max-width: 768px){.champion-content{padding:40px 20px}.champion-title{font-size:36px}.champion-avatar-large{font-size:100px}.champion-name{font-size:32px}.tournament-stats{flex-direction:column;gap:16px}.participants-grid{grid-template-columns:1fr}}