@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--bg-dark:#0a0f1d;--bg-card:#ffffff0a;--border-glass:#ffffff14;--gold-primary:#d4af37;--gold-glow:#d4af374d;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-green:#10b981;--accent-green-bg:#10b98126;--accent-red:#ef4444;--accent-red-bg:#ef444426}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15%,#d4af3714,#0000 25%),radial-gradient(circle at 85% 30%,#10b9810d,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5}.container{max-width:1000px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:50px}.header h1{background:linear-gradient(135deg, #fff, var(--gold-primary));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:10px;font-size:3rem;font-weight:800}.header p{color:var(--text-muted);font-size:1.1rem}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0003}.leaderboard{flex-direction:column;gap:12px;display:flex}.player-row{cursor:pointer;align-items:center;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.player-row:hover{box-shadow:0 10px 25px #0000004d, 0 0 20px var(--gold-glow);background:#ffffff12;border-color:#d4af374d;transform:translateY(-2px)}.rank-badge{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:20px;font-size:1.1rem;font-weight:800;display:flex}.rank-1 .rank-badge{color:#000;box-shadow:0 0 15px var(--gold-glow);background:linear-gradient(135deg,gold,#b8860b)}.rank-2 .rank-badge{color:#000;background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.rank-3 .rank-badge{color:#fff;background:linear-gradient(135deg,#cd7f32,#8b4513)}.player-info{flex-grow:1}.player-name{text-transform:capitalize;font-size:1.25rem;font-weight:600}.player-score{color:var(--gold-primary);font-size:1.5rem;font-weight:800}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:30px;align-items:center;gap:8px;margin-bottom:30px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:1rem;transition:all .2s;display:inline-flex}.back-btn:hover{background:#fff3}.details-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.details-header h2{text-transform:capitalize;font-size:2.5rem}.details-header .total-points{color:var(--gold-primary);font-size:2rem;font-weight:800}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.group-card{padding:24px}.group-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.group-header h3{font-size:1.2rem;font-weight:600}.group-score{color:var(--gold-primary);background:#d4af3726;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:800;display:inline-block}.comparison-table{border-collapse:separate;border-spacing:0 4px;width:100%}.comparison-table th{text-align:center;color:var(--text-muted);padding-bottom:8px;font-size:.85rem;font-weight:400}.comparison-table th:nth-child(2){text-align:left}.comparison-table td{text-align:center;background:#0003;padding:8px 6px}.comparison-table td:nth-child(2){text-align:left}.comparison-table td:first-child{width:30px;color:var(--text-muted);border-radius:8px 0 0 8px;font-weight:800}.comparison-table td:last-child{border-radius:0 8px 8px 0}.group-table td{height:50px}.team-match{background:var(--accent-green-bg)!important}.team-match .team-name{color:var(--accent-green);font-weight:600}.team-name{display:block}.real-result{color:var(--text-muted);margin-top:4px;font-size:.75rem;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.bracket-container{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex;overflow-x:auto}.bracket-side{gap:20px;display:flex}.bracket-side.right-side{flex-direction:row}.bracket-col{flex-direction:column;justify-content:space-around;min-width:180px;display:flex}.bracket-col h4{text-align:center;color:var(--gold-primary);text-transform:uppercase;margin-bottom:10px;font-size:.9rem}.bracket-matches{flex-direction:column;flex-grow:1;justify-content:space-around;display:flex}.match-box{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;margin:15px 0;overflow:visible;box-shadow:0 4px 15px #0003}.team-slot{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:8px 12px;font-size:.9rem;transition:all .2s}.team-slot:last-child{border-bottom:none}.team-slot:hover{background:#ffffff1a}.team-slot.picked{background:var(--accent-green-bg);color:var(--accent-green);font-weight:600}.team-slot.empty{color:#fff3}.bracket-center{flex-direction:column;align-items:center;gap:30px;min-width:250px;display:flex}.bracket-center .match-box{width:100%}.champion-box{text-align:center;border:1px solid var(--gold-primary);box-shadow:0 0 20px var(--gold-glow);background:linear-gradient(135deg,#d4af371a,#0000);border-radius:16px;width:100%;padding:20px}.champ-name{color:#fff;margin-top:10px;font-size:1.8rem;font-weight:800}.final-match{width:100%}.final-match h4{text-align:center;color:var(--gold-primary);background:#0000004d;margin:0;padding:10px}.tiebreakers{text-align:center;border-top:1px solid #ffffff0d;padding:15px}.tiebreakers h5{color:var(--text-muted);margin:10px 0 5px;font-size:.8rem}.tiebreakers input{border:1px solid var(--border-glass);color:#fff;text-align:center;background:#00000080;border-radius:4px;width:50px;padding:5px}.submit-btn{background:var(--gold-primary);color:#000;cursor:pointer;box-shadow:0 0 15px var(--gold-glow);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:800;transition:all .2s;display:inline-flex}.submit-btn:hover{box-shadow:0 0 25px var(--gold-glow);transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.match-card-content{justify-content:space-between;align-items:center;width:100%;display:flex}.match-team{flex:1;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;display:flex}.match-team.home{text-align:right;justify-content:flex-end}.match-team.away{text-align:left;justify-content:flex-start}.match-center{text-align:center;min-width:120px;margin:0 30px}.match-date-time{color:var(--gold-primary);margin-bottom:5px;font-size:.8rem;font-weight:700}.match-score{font-size:1.8rem;font-weight:900}@media (width<=600px){.match-card-content{padding:0}.match-team{gap:5px;font-size:.85rem;line-height:1.2}.match-team.home,.match-team.away{flex-direction:row}.match-team img{width:18px!important;height:18px!important}.match-center{min-width:70px;margin:0 5px}.match-score{font-size:1.2rem}.match-date-time{margin-bottom:2px;font-size:.7rem}}