code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hero{align-items:center;background:linear-gradient(180deg,#0d111799,#0d1117cc),url(https://images.footyroom.com/posts/0a8a1d95a1ee866ea6b9f455b91a43c3/image-2025-10-03t123744);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 4px 12px #0000004d;display:flex;height:380px;justify-content:center;position:relative;width:100%}.hero-overlay{background:linear-gradient(135deg,#e6394626,#f4c4301a);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{color:#f0f6fc;position:relative;text-align:center;z-index:10}.hero-title{font-size:48px;font-weight:900;letter-spacing:2px;margin:0 0 8px;text-shadow:0 4px 12px #000c,0 0 20px #f4c43066}.hero-subtitle{color:#f4c430;font-size:20px;font-weight:500;letter-spacing:1px;margin:0;text-shadow:0 2px 8px #000c}@media (max-width:768px){.hero{height:316px}.hero-title{font-size:36px;letter-spacing:1px}.hero-subtitle{font-size:16px}}@media (max-width:480px){.hero{height:253px}.hero-title{font-size:28px;letter-spacing:.5px}.hero-subtitle{font-size:14px}}.standings-table h3{color:var(--accent);font-size:18px;letter-spacing:1px;margin:16px 0 12px;text-transform:uppercase}.standings-table table{font-size:13px}.standings-table th{font-size:12px;padding:8px 6px}.standings-table td{padding:8px 6px;text-align:center}.standings-table .team-cell{padding-left:12px;text-align:left}.standings-table .points-cell{color:var(--gold);font-weight:700}.match-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:12px;padding:12px 0}.match-row:last-child{border-bottom:none}.flag{font-size:24px;width:32px}.flag,.team-code{flex-shrink:0;text-align:center}.team-code{color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;width:28px}.match-scores{align-items:center;display:flex;flex-shrink:0;gap:6px}.match-scores input{font-size:13px;padding:6px 4px;text-align:center;width:40px}.score-separator{color:var(--text-muted);flex-shrink:0;font-weight:700}.match-row .simulate-btn{background:#0000;border:none;cursor:pointer;flex-shrink:0;font-size:16px;padding:6px 10px;transition:transform .2s ease}.match-row .simulate-btn:hover{transform:scale(1.2)}.group-panel{background-color:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:box-shadow .2s}.group-panel:hover{box-shadow:0 4px 12px #0000004d}.group-panel .standings-table{border-bottom:1px solid var(--border);padding:16px}.matches-section{padding:12px 16px}.matches-section h4{color:var(--text-muted);font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.third-place-section{background-color:var(--panel);border:1px solid var(--border);border-radius:8px;margin-top:60px;padding:32px 20px}.third-place-section h2{color:var(--accent);font-size:24px;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.third-place-container{overflow-x:auto}.third-place-section table{font-size:14px;min-width:600px}.third-place-section th{font-size:12px;padding:12px 8px}.third-place-section td{padding:10px 8px;text-align:center}.third-place-section .group-cell,.third-place-section .team-cell{padding-left:12px;text-align:left}.third-place-section .points-cell{color:var(--gold);font-weight:700}.legend{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:32px;margin-top:20px;padding-top:16px}.legend p{color:var(--text-muted);font-size:14px;margin:0}@media (max-width:600px){.third-place-section{padding:16px}.third-place-section h2{font-size:18px}.third-place-section table{font-size:12px}.third-place-section th{font-size:11px;padding:8px 4px}.third-place-section td{padding:6px 4px}.legend{flex-direction:column;gap:8px}}.group-stage{width:100%}.group-stage-header{margin-bottom:32px;text-align:center}.group-stage-header h1{color:var(--accent);font-size:32px;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.header-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.header-buttons .reset-button,.header-buttons .simulate-btn{font-size:16px;padding:12px 24px}.groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}@media (max-width:1400px){.groups-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.groups-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.groups-grid{grid-template-columns:1fr}.group-stage-header h1{font-size:24px}.header-buttons{flex-direction:column}.header-buttons button{width:100%}}.knockout-match{background-color:var(--panel);border:1px solid var(--border);border-radius:6px;min-width:280px;padding:12px;transition:box-shadow .2s}.knockout-match:hover{box-shadow:0 2px 8px #0000004d}.match-container{gap:12px;margin-bottom:12px}.match-container,.team-block{align-items:center;display:flex}.team-block{flex:1 1;flex-direction:column;gap:6px}.team-name{font-size:14px;font-weight:500;line-height:1.4;min-height:20px;text-align:center;word-break:break-word}.team-name.tbd{color:var(--text-muted);font-style:italic;opacity:.7}.score-input{background-color:var(--input-bg);border:2px solid var(--border);border-radius:4px;color:var(--gold);font-size:18px;font-weight:700;padding:8px;text-align:center;width:50px}.score-input:focus{border-color:var(--accent);outline:none}.score-input:disabled{cursor:not-allowed;opacity:.4}.vs-label{color:var(--text-muted);flex-shrink:0;font-size:12px}.knockout-match .simulate-btn{flex-shrink:0;font-size:16px;padding:8px 12px}.penalties-section{border-top:1px solid var(--border);padding-top:12px}.penalties-section label{color:var(--text-muted);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.penalty-buttons{display:flex;flex-wrap:wrap;gap:8px}.penalty-btn{background-color:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;flex:1 1;font-size:12px;min-width:80px;padding:8px 10px;transition:all .2s}.penalty-btn:hover{background-color:#e6394633;border-color:var(--accent)}.penalty-btn.selected,.penalty-btn.simulate-penalty{background-color:var(--accent);border-color:var(--accent);color:#fff}.penalty-btn.simulate-penalty:hover{background-color:#d63142}@media (max-width:600px){.knockout-match{min-width:240px;padding:10px}.team-name{font-size:12px}.score-input{font-size:16px;width:44px}.match-container{gap:8px}.penalty-btn{font-size:11px;min-width:70px;padding:6px 8px}}.bracket-round{flex-shrink:0;gap:16px}.bracket-round,.round-header{align-items:center;display:flex;flex-direction:column}.round-header{gap:12px;width:100%}.round-label{color:var(--accent);font-size:14px;letter-spacing:1px;text-transform:uppercase}.round-label,.simulate-round-btn{font-weight:600;white-space:nowrap}.simulate-round-btn{background:linear-gradient(135deg,var(--gold),gold);border:none;border-radius:4px;color:var(--bg);cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.simulate-round-btn:hover{box-shadow:0 4px 12px #f4c43066;transform:scale(1.05)}.simulate-round-btn:active{transform:scale(.98)}.matches-column{display:flex;flex-direction:column;gap:20px;width:100%}.bracket-round:nth-child(2) .match-wrapper:not(:last-child){margin-bottom:20px}.bracket-round:nth-child(3) .match-wrapper:not(:last-child){margin-bottom:60px}.bracket-round:nth-child(4) .match-wrapper:not(:last-child){margin-bottom:140px}@media (max-width:900px){.bracket-round{flex-direction:column}.round-label{font-size:12px}}@media (max-width:600px){.bracket-round{gap:12px}.matches-column{gap:16px}.round-label{font-size:11px}}.knockout-bracket-container{width:100%}.knockout-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.knockout-header h1{color:var(--accent);font-size:32px;letter-spacing:1px;margin:0;text-transform:uppercase}.knockout-header .header-buttons{align-items:center;display:flex;gap:12px}.knockout-header .champion-button{background-color:var(--gold);border:none;border-radius:4px;color:var(--bg);cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.knockout-header .champion-button:hover{background-color:gold;transform:scale(1.05)}.knockout-header .champion-button:active{transform:scale(.98)}.knockout-header .reset-button{font-size:16px;padding:12px 24px}.bracket-scroll{background-color:var(--panel);border:1px solid var(--border);border-radius:8px;margin-bottom:32px;overflow-x:auto;padding:20px}.bracket-content{align-items:flex-start;display:flex;gap:40px;justify-content:space-between;min-width:100%}.bracket-legend{background-color:var(--panel);border:1px solid var(--border);border-radius:8px;margin-top:32px;padding:20px}.bracket-legend p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:8px 0}@media (max-width:1200px){.knockout-header{align-items:stretch;flex-direction:column}.knockout-header h1{font-size:24px;text-align:center}.knockout-header .header-buttons{justify-content:center;width:100%}.knockout-header .header-buttons button{flex:1 1;max-width:200px}.knockout-header .reset-button{width:auto}.bracket-content{gap:30px}}@media (max-width:600px){.knockout-header h1{font-size:20px}.bracket-scroll{padding:12px}.bracket-content{gap:16px}.bracket-legend{padding:16px}.bracket-legend p{font-size:12px}}.champion-overlay{align-items:center;animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#0d1117f2,#1e1e32f2);bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confetti-container{height:100%;width:100%}.confetti,.confetti-container{pointer-events:none;position:absolute}.confetti{animation:customFall 3s linear forwards;height:12px;top:-20px;width:12px}.confetti:before{animation:spin 2s linear infinite;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.confetti:nth-child(5n){--color:#e63946}.confetti:nth-child(5n+1){--color:#f4c430}.confetti:nth-child(5n+2){--color:#fff}.confetti:nth-child(5n+3){--color:#2d6a4f}.confetti:nth-child(5n+4){--color:#1f77d2}.confetti:before{background:var(--color);opacity:.9}.confetti:nth-child(5n){--tx:-150px}.confetti:nth-child(5n+1){--tx:-100px}.confetti:nth-child(5n+2){--tx:0}.confetti:nth-child(5n+3){--tx:100px}.confetti:nth-child(5n+4){--tx:150px}@keyframes customFall{0%{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) translateX(var(--tx)) rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.champion-content{align-items:center;animation:slideUp .8s ease-out;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.fireworks-container{height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.firework{height:100%;left:0;position:absolute;top:0;width:100%}.firework:after,.firework:before{border-radius:50%;content:"";height:12px;left:50%;margin:-6px 0 0 -6px;position:absolute;top:50%;width:12px}.firework:before{background:#e63946}.firework:after{background:#f4c430}.firework:first-child:before{animation:burst0 1.2s ease-out infinite}.firework:first-child:after{animation:burst0 1.2s ease-out .3s infinite}.firework:nth-child(2):before{animation:burst45 1.2s ease-out infinite}.firework:nth-child(2):after{animation:burst45 1.2s ease-out .3s infinite}.firework:nth-child(3):before{animation:burst90 1.2s ease-out infinite}.firework:nth-child(3):after{animation:burst90 1.2s ease-out .3s infinite}.firework:nth-child(4):before{animation:burst135 1.2s ease-out infinite}.firework:nth-child(4):after{animation:burst135 1.2s ease-out .3s infinite}.firework:nth-child(5):before{animation:burst180 1.2s ease-out infinite}.firework:nth-child(5):after{animation:burst180 1.2s ease-out .3s infinite}.firework:nth-child(6):before{animation:burst225 1.2s ease-out infinite}.firework:nth-child(6):after{animation:burst225 1.2s ease-out .3s infinite}.firework:nth-child(7):before{animation:burst270 1.2s ease-out infinite}.firework:nth-child(7):after{animation:burst270 1.2s ease-out .3s infinite}.firework:nth-child(8):before{animation:burst315 1.2s ease-out infinite}.firework:nth-child(8):after{animation:burst315 1.2s ease-out .3s infinite}@keyframes burst0{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(150px) scale(0)}}@keyframes burst45{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(106px,106px) scale(0)}}@keyframes burst90{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translateY(150px) scale(0)}}@keyframes burst135{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-106px,106px) scale(0)}}@keyframes burst180{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-150px) scale(0)}}@keyframes burst225{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-106px,-106px) scale(0)}}@keyframes burst270{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translateY(-150px) scale(0)}}@keyframes burst315{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(106px,-106px) scale(0)}}.trophy-bounce{animation:bounce .8s cubic-bezier(.68,-.55,.265,1.55) infinite,pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(244,196,48,.6));flex-shrink:0;font-size:100px}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-40px)}to{transform:translateY(0)}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 10px rgba(244,196,48,.4))}50%{filter:drop-shadow(0 0 30px rgba(244,196,48,.8)) drop-shadow(0 0 60px rgba(230,57,70,.4))}}.winner-flag{animation:scaleIn .8s cubic-bezier(.34,1.56,.64,1) .3s backwards,sway 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(244,196,48,.5));flex-shrink:0;font-size:100px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.winner-name{animation:slideDown .8s ease-out .2s backwards;color:#f4c430;font-size:72px;font-weight:900;letter-spacing:3px;margin:0 0 20px;text-shadow:0 0 20px #e6394699,0 0 10px #f4c430cc}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.close-btn{align-items:center;background:#f4c43033;border:2px solid #f4c430;border-radius:50%;color:#f4c430;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:44px;z-index:10001}.close-btn:hover{background:#f4c43066;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.trophy-flag-row{align-items:center;display:flex;gap:40px;justify-content:center;margin-bottom:20px}.champion-text{animation:slideDown .8s ease-out .4s backwards;color:#fff;font-size:48px;font-weight:700;letter-spacing:2px;margin:20px 0;text-shadow:0 0 30px #e63946cc,0 0 15px #f4c43099}.champion-extra-img{max-width:200px}.champion-extra-img,.champion-meme{animation:fadeIn 1s ease-in;border-radius:12px;box-shadow:0 8px 32px #0006;margin-top:16px;width:100%}.champion-meme{max-width:340px;overflow:hidden}.champion-meme svg{display:block;height:auto;width:100%}@media (max-width:768px){.trophy-bounce{font-size:80px}.winner-flag{font-size:140px}.winner-name{font-size:48px}.champion-text{font-size:32px}}@media (max-width:480px){.trophy-bounce{font-size:60px;margin-bottom:10px}.winner-flag{font-size:100px;margin:10px 0}.winner-name{font-size:36px;margin:0 0 15px}.champion-text{font-size:24px;margin:15px 0}}:root{--bg:#0d1117;--panel:#161b22;--accent:#e63946;--gold:#f4c430;--green-qualify:#2d6a4f66;--yellow-third:#6b4c1166;--text:#f0f6fc;--text-muted:#8b949e;--border:#30363d;--input-bg:#0f3460}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f0f6fc;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App,body{background-color:#0d1117;background-color:var(--bg)}.App{min-height:100vh;width:100%}.app-container{margin:0 auto;max-width:1800px;padding:20px}.tab-nav{background-color:#161b22;background-color:var(--panel);border-bottom:2px solid #30363d;border-bottom:2px solid var(--border);display:flex;gap:16px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#8b949e;color:var(--text-muted);cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s}.tab-button:hover{color:#f0f6fc;color:var(--text)}.tab-button.active{border-bottom-color:#e63946;border-bottom-color:var(--accent);color:#e63946;color:var(--accent)}.reset-button{background-color:#e63946;background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:14px;margin:20px auto;padding:10px 20px;transition:background-color .2s}.reset-button:hover{background-color:#d63142}table{border-collapse:collapse;margin:12px 0;width:100%}thead{background-color:#161b22;background-color:var(--panel)}th{color:#8b949e;color:var(--text-muted);font-weight:600;text-align:left}td,th{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);padding:10px}tbody tr:hover{background-color:#ffffff0d}tbody tr.qualified-1{background-color:#2d6a4f66;background-color:var(--green-qualify);font-weight:500}tbody tr.qualified-3{background-color:#6b4c1166;background-color:var(--yellow-third)}input[type=number]{background-color:#0f3460;background-color:var(--input-bg);border:1px solid #30363d;border:1px solid var(--border);border-radius:4px;color:#f0f6fc;color:var(--text);font-size:16px;padding:6px;text-align:center;width:50px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{font-family:inherit}.simulate-btn{background-color:#e63946;background-color:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.simulate-btn:hover{background-color:#d63142}.simulate-btn:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.6d8766dd.css.map*/