@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";.teams-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}.team-card{display:flex;flex-direction:column;align-items:center;background-color:#f7f7f7;border:1px solid #ddd;border-radius:8px;padding:.75rem;transition:transform .2s ease;text-align:center}.team-card:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.team-flag{width:100px;aspect-ratio:3 / 2;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.team-name{font-size:1rem;font-weight:500;color:#333}.knockout-stage{padding:1rem;max-width:900px;margin:0 auto}.knockout-stage h2{font-size:1.75rem;margin-bottom:1rem;text-align:center}.knockout-round{margin-bottom:1.5rem;border:1px solid #ddd;border-radius:12px;padding:1rem;box-shadow:0 2px 6px #0000000f;background-color:#fefefe}.knockout-round h3{font-size:1.25rem;margin-bottom:1rem;text-align:center}.knockout-round>div{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background-color:#f9f9f9;border-radius:8px}.knockout-round button{align-self:flex-start;padding:.4rem 1rem;background-color:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.knockout-round button:disabled{background-color:#ccc;cursor:not-allowed}.knockout-result{margin-top:.5rem;font-weight:700;color:#2e7d32}.champion-banner{margin-top:2rem;padding:1rem;text-align:center;font-size:1.5rem;background:#f9f9f9;border:2px solid gold;border-radius:12px;color:#333;box-shadow:0 0 10px #0000001a}@media (min-width: 600px){.knockout-stage{padding:2rem}.knockout-round>div{flex-direction:row;justify-content:space-between;align-items:center}.knockout-result{margin-top:0}}.group-stage{display:flex;flex-direction:column;gap:1rem}.groups-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.group-card{box-sizing:border-box;border:2px solid #c7bfbf;padding:1rem;border-radius:1rem;background-color:#fff;box-shadow:0 2px 6px #0000001a;margin-bottom:2rem;overflow:hidden;min-width:0;max-width:600px;margin-left:auto;margin-right:auto}.group-card:hover{transform:translateY(-4px)}.group-card h2{text-align:center;font-size:1.2rem;margin-bottom:1rem;color:#333;font-weight:600}.group-table-wrapper{overflow-x:auto;margin-top:.5rem}.group-table{width:100%;border-collapse:collapse;margin-bottom:1rem;text-align:center;min-width:500px}.group-card img{width:26px;height:18px;border-radius:2px;object-fit:cover;box-shadow:0 1px 2px #00000026}.team-cell{padding:.5rem;vertical-align:middle}.team-info{display:flex;align-items:center;gap:.5rem}.group-table-wrapper{overflow-x:auto;width:100%}.group-table th:first-child,.group-table td:first-child{text-align:left;width:1rem}.group-table th,.group-table td{padding:.4rem .6rem;text-align:center;vertical-align:middle;white-space:nowrap;border:1px solid #ccc}.group__top-team{background-color:#e4f9e7;font-weight:600}.knockout-button-wrapper,.knockout-section{width:100%}.knockout-button-wrapper{text-align:center;margin-top:2rem}.proceed-knockout-button{background-color:#1f8a70;color:#fff;padding:.75rem 1.5rem;font-size:1.1rem;border:none;border-radius:.6rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 10px #00000026}.proceed-knockout-button:hover{background-color:#166e5a;transform:translateY(-2px)}.proceed-knockout-button span[role=img]{display:inline-block;transition:transform .2s ease}.proceed-knockout-button:hover span[role=img]{transform:scale(1.2) rotate(-10deg)}@media (min-width: 1100px){.group-grid{grid-template-columns:repeat(2,minmax(500px,1fr))}}@media (max-width: 600px){.group-stage{grid-template-columns:1fr;justify-items:center;gap:.5rem}.group-card{border:1px solid rgb(214,193,193);padding:.75rem .5rem;margin-bottom:.5rem;box-sizing:border-box;width:100%;max-width:100%}.group-card h2{font-size:1.1rem;margin-bottom:.5rem}.group-card::-webkit-scrollbar{display:none}.group-card>*{max-width:100%}.group-table{width:100%;min-width:500px;display:table;table-layout:auto;font-size:.8rem;overflow-x:auto}.group-table th,.group-table td{flex-direction:column;align-items:stretch;gap:.5rem;padding:.3rem .4rem}}@media (min-width: 1020px) and (max-width: 1200px){.groups-grid{grid-template-columns:minmax(0,760px);justify-content:center}.group-card{max-width:760px}.group-table th:first-child,.group-table td:first-child{width:280px;white-space:nowrap}}:root{--font-main: "Poppins", sans-serif;--bg-color: #f8f9fa;--text-color: #222}*{box-sizing:border-box}body{margin:0;padding:1rem;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.start-button{background-color:#007bff;color:#fff;font-size:1.1rem;padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .2s ease;box-shadow:0 2px 6px #0000001a}.start-button:hover{background-color:#0056b3;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.seed-input{padding:.5rem;margin-right:.2rem;border:2px solid #ccc;border-radius:8px;font-size:1rem;width:200px;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;transition:border .3s ease}.seed-input:focus{border-color:#07c;outline:none}.seed-copy{padding:.5rem;font-size:1rem;margin-left:.5rem;border:2px solid #ccc;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;transition:border .3s ease}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.qualified-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.qualified-team{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.regional-table{width:100%;border-collapse:collapse;margin-bottom:1rem;text-align:center;min-width:500px}.regional-fixtures{list-style:none;padding:0;margin-top:1rem;display:grid;gap:.5rem;border-top:1px solid #ddd}.match-card.horizontal{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#efdada;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:100%;min-width:0}.match-card.horizontal .team-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:100%}.match-card.horizontal .team-input{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.match-card.horizontal .team-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card.horizontal input[type=number]{width:2.5rem;flex-shrink:0;text-align:center}.match-card.horizontal input[type=number]::-webkit-outer-spin-button,.match-card.horizontal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 360px){.match-card.horizontal{flex-direction:column;align-items:stretch;padding:.75rem}.match-card.horizontal .team-row{gap:.6rem;flex-wrap:nowrap}.match-card.horizontal .team-name{font-size:.9rem}.match-card.horizontal input[type=number]{width:2.5rem;font-size:1rem}.vs{display:none}.extra-time,.penalties{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}}