@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sports:"Bebas Neue", sans-serif;--bg-main:#020617;--bg-card:#0f172a8c;--bg-card-hover:#1e293bb3;--border-card:#ffffff14;--border-card-hover:#ffffff29;--color-primary:#00e676;--color-primary-glow:#00e67633;--color-secondary:gold;--color-secondary-glow:#ffd70040;--color-danger:#ef4444;--color-danger-glow:#ef444440;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-blur:blur(16px);--shadow-main:0 8px 32px 0 #00000080;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);background-image:radial-gradient(circle at 10% 20%,#00e67614 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ffd7000f 0%,#0000 40%),radial-gradient(circle at 50% 10%,#2563eb0d 0%,#0000 50%),radial-gradient(circle at 85% 25%,#ef44440a 0%,#0000 45%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-card);box-shadow:var(--shadow-main);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:var(--border-card-hover);background:var(--bg-card-hover)}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 16px}.flex-center{justify-content:center;align-items:center;display:flex}.our-path-highlight{animation:2s infinite alternate glowPulse;border-color:var(--color-secondary)!important;box-shadow:0 0 15px var(--color-secondary-glow)!important}@keyframes glowPulse{0%{box-shadow:0 0 5px var(--color-secondary-glow)}to{box-shadow:0 0 20px #f59e0b66}}.flag-img{object-fit:cover;border-radius:2px;width:24px;height:16px;box-shadow:0 1px 3px #0000004d}.item-hover-scale{transition:var(--transition-smooth)}.item-hover-scale:hover{transform:translateY(-2px)}.hero-section{text-align:center;padding:60px 0 40px;position:relative}.hero-title{font-family:var(--font-sports);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:4.5rem}.hero-title .text-white{color:#fff}.hero-title .text-gold{color:var(--color-secondary)}.hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 30px;font-size:1.1rem;line-height:1.6}.step-wizard{justify-content:center;gap:12px;margin-bottom:40px;display:flex}.step-bubble{cursor:pointer;border:1px solid var(--border-card);transition:var(--transition-smooth);background:#0f172a99;border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:600}.step-bubble.active{background:var(--color-primary);color:#060913;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow)}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.group-card{padding:20px}.group-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.group-name{color:var(--text-main);font-size:1.25rem;font-weight:700}.group-team-list{flex-direction:column;gap:10px;display:flex}.team-row{transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.team-row.rank-1,.team-row.rank-2{border-left:3px solid var(--color-primary)}.team-row.rank-3{border-left:3px solid var(--color-secondary)}.team-info{align-items:center;gap:12px;display:flex}.team-rank-num{width:20px;color:var(--text-muted);font-size:.8rem;font-weight:700}.team-row.rank-1 .team-rank-num,.team-row.rank-2 .team-rank-num{color:var(--color-primary)}.team-row.rank-3 .team-rank-num{color:var(--color-secondary)}.team-name{font-size:.95rem;font-weight:500}.team-controls{flex-direction:column;gap:2px;display:flex}.arrow-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.arrow-btn:hover{color:var(--text-main)}.third-place-container{max-width:800px;margin:0 auto 40px;padding:24px}.third-place-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.third-place-item{cursor:pointer;border:1px solid var(--border-card);transition:var(--transition-smooth);background:#0f172a66;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.third-place-item:hover{border-color:#fff3}.third-place-item.selected{border-color:var(--color-primary);background:#10b9811a;box-shadow:0 0 10px #10b98126}.checkbox-indicator{width:20px;height:20px;transition:var(--transition-smooth);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.third-place-item.selected .checkbox-indicator{border-color:var(--color-primary);background:var(--color-primary);color:#060913}.action-nav{justify-content:space-between;gap:20px;max-width:1000px;margin:30px auto 60px;display:flex}.btn-secondary{font-weight:600;font-family:var(--font-title);border:1px solid var(--border-card);color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:30px;padding:12px 28px}.btn-secondary:hover{background:#ffffff1a}.btn-primary{font-weight:600;font-family:var(--font-title);background:var(--color-primary);border:1px solid var(--color-primary);color:#060913;cursor:pointer;box-shadow:0 4px 15px var(--color-primary-glow);transition:var(--transition-smooth);border-radius:30px;padding:12px 28px}.btn-primary:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.bracket-wrapper{min-height:500px;margin-bottom:40px;padding:20px 0;overflow-x:auto}.bracket-desktop{justify-content:space-between;gap:20px;min-width:1200px;display:flex}.bracket-column{flex-direction:column;flex:1;justify-content:space-around;display:flex}.column-title{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;margin-bottom:20px;padding-bottom:8px;font-size:.9rem}.match-card{border:1px solid var(--border-card);transition:var(--transition-smooth);background:#0f172a80;border-radius:12px;margin:10px 0;padding:12px}.match-card:hover{border-color:#ffffff26}.match-info-label{color:var(--text-muted);text-align:center;margin-bottom:6px;font-size:.7rem;font-weight:500}.match-team{cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 10px;display:flex}.match-team:last-child{margin-bottom:0}.match-team:hover{background:#ffffff0f}.match-team.selected{border:1px solid var(--color-primary);background:#10b9811f}.match-team.eliminated{opacity:.4}.match-team-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.85rem;font-weight:500;overflow:hidden}.mobile-bracket-tabs{border-bottom:1px solid #ffffff0d;justify-content:space-between;margin-bottom:20px;padding-bottom:8px;display:none;overflow-x:auto}.mobile-tab-btn{color:var(--text-muted);font-weight:600;font-family:var(--font-title);white-space:nowrap;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px}.mobile-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.bracket-mobile-list{flex-direction:column;gap:16px;padding:10px 0;display:none}.champion-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;padding:30px;display:flex}.trophy-glow{margin-bottom:12px;font-size:3rem;animation:3s ease-in-out infinite alternate floatTrophy}@keyframes floatTrophy{0%{filter:drop-shadow(0 0 5px #f59e0b4d);transform:translateY(0)scale(1)}to{filter:drop-shadow(0 0 20px #f59e0bb3);transform:translateY(-8px)scale(1.05)}}.champion-display-box{border:2px solid var(--color-secondary);background:linear-gradient(135deg,#f59e0b26 0%,#0f172a99 100%);border-radius:50px;align-items:center;gap:16px;margin-top:10px;padding:16px 32px;display:flex;box-shadow:0 0 25px #f59e0b26}.champion-display-name{font-family:var(--font-title);color:var(--color-secondary);letter-spacing:.02em;font-size:1.5rem;font-weight:800}.share-card-wrapper{background:#030712;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:500px;margin:0 auto 30px;padding:30px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0009}.share-card-wrapper:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:4px;position:absolute;top:0;left:0;right:0}.share-card-header{text-align:center;border-bottom:1px solid #ffffff0f;margin-bottom:24px;padding-bottom:20px}.share-card-logo{font-family:var(--font-title);letter-spacing:-.01em;justify-content:center;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.share-card-logo span{background:linear-gradient(135deg, #fff 40%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.share-card-tagline{color:var(--text-muted);margin-top:4px;font-size:.75rem}.share-card-champion-section{text-align:center;margin-bottom:24px}.share-card-champ-title{color:var(--text-muted);letter-spacing:.1em;margin-bottom:10px;font-size:.75rem}.share-card-champ-badge{background:#f59e0b14;border:1px solid #f59e0b66;border-radius:30px;align-items:center;gap:12px;padding:12px 24px;display:inline-flex}.share-card-champ-name{font-family:var(--font-title);color:var(--color-secondary);font-size:1.25rem;font-weight:700}.share-card-runners-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.share-card-mini-box{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.share-card-mini-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.share-card-mini-team{align-items:center;gap:6px;display:flex}.share-card-mini-name{font-size:.8rem;font-weight:600}.share-card-semis-section{background:#ffffff03;border:1px solid #ffffff08;border-radius:12px;margin-bottom:24px;padding:14px}.share-card-semis-title{color:var(--text-muted);text-transform:uppercase;text-align:center;margin-bottom:8px;font-size:.65rem}.share-card-semis-list{justify-content:space-around;gap:8px;display:flex}.share-card-section-title{font-family:var(--font-sports);letter-spacing:.05em;color:var(--color-secondary);text-align:center;text-transform:uppercase;border-bottom:1px dashed #ffffff14;margin-top:20px;margin-bottom:12px;padding-bottom:6px;font-size:.95rem}.share-card-outer-scroll{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--color-primary) #ffffff08;width:100%;max-width:100%;padding:10px;overflow-x:auto}.share-card-tree-section{width:100%;margin-top:10px;margin-bottom:24px}.share-card-tree-container{justify-content:space-between;align-items:center;gap:6px;height:260px;padding:10px 0;display:flex;position:relative}.tree-column{flex-direction:column;flex:1;justify-content:space-around;min-width:70px;height:100%;display:flex}.tree-column.center-column{justify-content:center;align-items:center;gap:20px;min-width:110px}.tree-match-card{box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:3px;width:100%;padding:4px;transition:all .3s;display:flex;position:relative}.tree-match-card.has-pred{background:#ffffff09;border-color:#ffffff1a}.tree-match-card.center{max-width:100px;margin:0 auto}.tree-team{color:var(--text-muted);opacity:.5;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;align-items:center;gap:4px;padding:2px 4px;font-size:.65rem;font-weight:500;transition:all .3s;display:flex;overflow:hidden}.tree-team.winner{opacity:1;color:#00e676;background:#00e67614;font-weight:700}.tree-team.loser{opacity:.25}.tree-team.placeholder{opacity:.3}.tree-team-code{font-family:var(--font-sports);letter-spacing:.05em;font-size:.65rem}.tree-flag{object-fit:cover;border-radius:1px;width:14px;height:9px}.tree-champ-display{flex-direction:column;justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate floatTrophy;display:flex}.tree-champ-crown{margin-bottom:2px;font-size:1.5rem;line-height:1}.tree-champ-box{border:1.5px solid var(--color-secondary);background:linear-gradient(135deg,#f59e0b33 0%,#0f172acc 100%);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:flex;box-shadow:0 0 15px #f59e0b33}.tree-flag-champ{object-fit:cover;width:16px;height:11px}.tree-champ-code{font-family:var(--font-sports);color:var(--color-secondary);font-size:.75rem;font-weight:800}.share-card-footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0f;padding-top:16px;font-size:.65rem}.header-wrapper{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.header-logo{align-items:center;gap:16px;text-decoration:none;display:flex}.header-logo-text{font-family:var(--font-sports);letter-spacing:.04em;align-items:center;gap:8px;font-size:2.25rem;line-height:1;display:flex}.header-logo-text .text-white{color:#fff}.header-logo-text .text-gold{color:var(--color-secondary)}.header-controls{align-items:center;gap:12px;display:flex}.lang-btn{border:1px solid var(--border-card);color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600}.lang-btn:hover{background:#ffffff1a}.footer-wrapper{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:60px;padding:40px 0;font-size:.85rem}.footer-links{justify-content:center;gap:20px;margin-top:10px;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition-smooth);text-decoration:none}.footer-link:hover{color:var(--text-main)}@media (width<=1024px){.bracket-desktop{display:none}.mobile-bracket-tabs,.bracket-mobile-list{display:flex}.hero-title{font-size:2.2rem}.hero-subtitle{padding:0 16px;font-size:.95rem}.step-bubble{padding:8px 14px;font-size:.8rem}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=640px){.header-wrapper{flex-direction:column;gap:12px;padding:12px 0}.header-logo img{height:44px!important}.header-logo-text{font-size:1.7rem}.header-controls{justify-content:space-around;width:100%}.hero-title{font-size:2.2rem}.hero-subtitle{padding:0 8px;font-size:.9rem}.action-nav{flex-direction:column-reverse;gap:12px}.btn-primary,.btn-secondary{text-align:center;width:100%}.step-bubble span{display:none}.step-bubble:after{content:attr(data-step)}.groups-grid{grid-template-columns:1fr;gap:16px}.group-card{padding:14px}.third-place-list{grid-template-columns:1fr;gap:10px}}.final-countdown-container{-webkit-backdrop-filter:blur(10px);background:#0f172a73;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:15px auto 35px;padding:18px 24px;animation:4s infinite alternate pulseGlowBorder;display:flex;box-shadow:0 8px 32px #0000004d}@keyframes pulseGlowBorder{0%{border-color:#ffffff0d;box-shadow:0 8px 32px #0000004d}to{border-color:#00e67633;box-shadow:0 8px 32px #00e6760d}}.countdown-badge{background:#00e6761a;border:1px solid #00e6764d;border-radius:20px;align-items:center;gap:8px;margin-bottom:14px;padding:4px 12px;display:inline-flex}.badge-glow{background-color:#00e676;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseLight}@keyframes pulseLight{0%{transform:scale(.95);box-shadow:0 0 #00e676b3}70%{transform:scale(1);box-shadow:0 0 0 6px #00e67600}to{transform:scale(.95);box-shadow:0 0 #00e67600}}.badge-text{font-family:var(--font-title);color:#00e676;letter-spacing:.06em;font-size:.7rem;font-weight:800}.timer-segments{align-items:center;gap:8px;display:flex}.timer-segments .segment{flex-direction:column;align-items:center;min-width:60px;display:flex}.segment-value{font-family:var(--font-sports);color:#fff;font-size:1.8rem;font-weight:800;line-height:1}.segment-label{font-family:var(--font-title);color:var(--text-muted);letter-spacing:.05em;margin-top:4px;font-size:.6rem;font-weight:600}.segment-sep{font-family:var(--font-sports);color:#ffffff4d;margin-bottom:14px;font-size:1.5rem}.ended-text{font-family:var(--font-sports);color:var(--color-secondary);font-size:1.5rem;font-weight:800;animation:2s infinite alternate glowPulse}.ad-wrapper-container{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:728px;margin:40px auto;padding:10px;display:flex}.ad-label{font-family:var(--font-title);color:var(--text-muted);opacity:.4;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.6rem;font-weight:700}.ad-box{box-sizing:border-box;background:#ffffff03;border:1px dashed #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:90px;padding:10px;display:flex}
