.g_gracket{width:max-content;min-width:100%;background:linear-gradient(180deg,#0d1117,#1a1f2e);padding:80px 25px 25px;line-height:100%;position:relative;overflow:hidden;border-radius:0;box-shadow:inset 0 0 100px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.g_round{float:left;margin-right:85px;display:flex;flex-direction:column;gap:0}.g_round:last-child{margin-right:35px}.g_game{position:relative;margin-bottom:20px;display:flex;flex-direction:column;gap:3px}.g_gracket h3{margin:0;padding:14px 18px;font-size:14px;font-weight:700;color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:10px;letter-spacing:.02em;text-transform:uppercase;font-family:Roboto Condensed,-apple-system,sans-serif}.g_team{background:linear-gradient(90deg,#2a2f3a,#1f2430);border-radius:2px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff0d;transition:all .2s ease;border-left:4px solid #e74c3c;border-right:1px solid rgba(255,255,255,.05)}.g_team:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.g_team:after{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;pointer-events:none}.g_team:hover:after{left:100%}.g_team h3{color:#fff;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.g_game .g_team:nth-child(1){border-left-color:#e74c3c;background:linear-gradient(90deg,#2a2f3a,#1f2430)}.g_game .g_team:nth-child(2){border-left-color:#3498db;background:linear-gradient(90deg,#252a36,#1a1f2c)}.g_bye{background:linear-gradient(90deg,#2a2f3a80,#1f243080);border-left:4px dashed #6c757d!important;border-right:1px dashed rgba(255,255,255,.05);opacity:.6;cursor:default;pointer-events:none}.g_bye h3{color:#8b949e;font-style:italic;font-weight:600}.g_bye:before,.g_bye:after{display:none}.g_bye:hover{transform:none;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff0d}.g_team:hover{transform:translate(3px);box-shadow:0 3px 8px #0009,inset 0 1px #ffffff1a;border-right-color:#ffffff1a}.g_winner{background:linear-gradient(180deg,#1a1f2e,#0d1117);padding:20px;border-radius:2px;box-shadow:0 4px 20px #0009,inset 0 0 60px #ffd7001a;position:relative;border:2px solid #ffd700}.g_winner:before{content:"CHAMPION";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-size:10px;font-weight:900;padding:4px 16px;letter-spacing:.1em;border-radius:2px;box-shadow:0 2px 8px #ffd70099;z-index:10}.g_winner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 48%,rgba(255,215,0,.1) 49%,rgba(255,215,0,.1) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,215,0,.1) 49%,rgba(255,215,0,.1) 51%,transparent 52%);background-size:20px 20px;opacity:.3;pointer-events:none}.g_winner .g_team{background:linear-gradient(90deg,#1a1f2e,#252a36);border-left:6px solid #ffd700;border-right:2px solid #ffd700;box-shadow:0 0 20px #ffd7004d,0 2px 8px #0006;position:relative;z-index:2}.g_winner .g_team h3{color:gold;font-weight:900;font-size:16px;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.8)}.g_winner .g_team:hover{box-shadow:0 0 30px #ffd70099,0 4px 12px #0009;transform:translate(3px) scale(1.02)}.g_current{cursor:pointer;background:linear-gradient(90deg,#2a2f3a,#1f2430)!important;box-shadow:0 0 15px #ffd70099,0 2px 8px #0006!important;transform:translate(3px) scale(1.01)!important;border-left-color:gold!important;border-right:2px solid #ffd700!important}.g_current h3{color:gold!important}.g_round_label{position:absolute;top:25px;left:50%;transform:translate(-50%);font-weight:900;color:#fff;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(180deg,#e74c3c,#c0392b);padding:8px 24px;border-radius:0;box-shadow:0 3px 8px #0006,inset 0 1px #fff3;border:none;border-bottom:2px solid #a93226;white-space:nowrap;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:Roboto Condensed,sans-serif}.g_seed{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;text-align:center;font-weight:900;font-size:12px;color:#fff;background:#0006;border-radius:2px;border:1px solid rgba(255,255,255,.15);flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:Roboto Condensed,monospace;letter-spacing:0}.g_winner .g_team .g_seed{background:#0009;border-color:gold;color:gold}.g_score{font-weight:900;font-size:20px;margin-left:auto;background:#00000080;padding:4px 14px;border-radius:2px;min-width:48px;text-align:center;display:inline-block;border:1px solid rgba(255,255,255,.1);flex-shrink:0;font-family:Roboto Condensed,monospace;text-shadow:0 0 5px currentColor,0 1px 2px rgba(0,0,0,.8);letter-spacing:.05em;box-shadow:inset 0 2px 4px #00000080}.g_score-empty{opacity:.4;font-size:16px;text-shadow:none}.g_winner .g_team .g_score{background:#000000b3;border-color:gold;color:gold;box-shadow:0 0 10px #ffd7004d,inset 0 2px 4px #00000080}.g_winner .g_team .g_score-empty{color:gold;opacity:.5}.g_team-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:.02em}.g_canvas{pointer-events:none;opacity:.3;filter:drop-shadow(0 0 2px rgba(255,255,255,.1))}.g_spacer{flex-shrink:0}@media (max-width: 768px){.g_gracket{padding:50px 12px 12px}.g_round{margin-right:50px}.g_gracket h3{font-size:13px;padding:12px 14px}.g_round_label{font-size:11px;padding:6px 14px;top:15px}.g_seed{min-width:28px;height:24px;font-size:11px;padding:0 8px}.g_team h3 small{font-size:14px;padding:3px 8px}.g_winner:before{font-size:24px;top:-10px;right:-10px}}@media (prefers-color-scheme: light){.g_gracket{background:linear-gradient(180deg,#1a1f2e,#252a36)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.g_team{animation:fadeInUp .3s ease backwards}.g_round:nth-child(1) .g_team{animation-delay:.03s}.g_round:nth-child(2) .g_team{animation-delay:.06s}.g_round:nth-child(3) .g_team{animation-delay:.09s}.g_round:nth-child(4) .g_team{animation-delay:.12s}.g_round:nth-child(5) .g_team{animation-delay:.15s}.gracket-error{padding:1.25rem;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:2px solid #fc8181;border-radius:12px;color:#742a2a;font-weight:500;box-shadow:0 2px 8px #f5656533}
