.counter-container{position:relative;width:30px;height:20px;overflow:hidden}.counter-container span{position:absolute;width:100%;text-align:center;font-weight:700;color:#fff;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.counter-container .flip-out{transform:translateY(100%);opacity:0;animation:flipOut .3s ease-in-out}.counter-container .flip-in{transform:translateY(0);opacity:1;animation:flipIn .3s ease-in-out}@keyframes flipOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes flipIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.counter-container span{font-size:14px}}.custom-select{position:relative;min-width:170px}.select-box{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:4px;background-color:#0b0e12;color:#b4b5b6;cursor:pointer;transition:.3s}.select-box:hover{background-color:#0f1318;color:#fff}.select-box:hover .arrow{fill:#fff}.arrow{fill:#b4b5b6;flex-shrink:0;transition:.3s}.arrow.open{transform:rotate(180deg)}.select-dropdown{color:#b4b5b6;transition:.3s;margin-top:8px;position:absolute;width:100%;background:#0f1318;border-radius:4px;z-index:10;max-height:200px;overflow-y:auto}.select-option{padding:10px;cursor:pointer;transition:.2s}.select-option:hover{background:#11161d;color:#fff}@media (max-width: 840px){.custom-select{width:100%}}@font-face{font-family:Inter;src:url(/test-match/fonts/Inter/Inter-SemiBold.otf);font-weight:600}@font-face{font-family:Inter;src:url(/test-match/fonts/Inter/Inter-Medium.otf);font-weight:500}@font-face{font-family:Tactic Sans;src:url(/test-match/fonts/TacticSans/TacticSans-BlkIt.otf);font-weight:900;font-style:italic}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;padding:42px;color-scheme:light dark;color:#ffffffde;background-color:#06080c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{display:flex;align-items:center;gap:12px}.headerTitle{display:flex;align-items:center;gap:8px}.gapMaker{flex-grow:1}.select_button_block{flex-grow:1;display:flex;align-items:center;gap:8px}h1{font-family:Tactic Sans;font-style:italic;font-weight:900;font-size:32px;margin:0}.errorLabel{display:flex;align-items:center;gap:10px;background-color:#0f1318;padding:16px;border-radius:4px;font-weight:500;font-size:18px;line-height:24px}.alertIcon{flex-shrink:0}button{all:unset;cursor:pointer;box-sizing:border-box;font-weight:600;font-size:18px;padding:16px;display:flex;justify-content:center;gap:10px;place-items:center;min-width:204px;height:56px;border-radius:4px;background-color:#eb0237;transition:.3s}.refreshIcon{transition:.3s}button:hover .refreshIcon{transform:rotate(-90deg)}.matchList{margin-top:20px;display:flex;flex-direction:column;gap:20px}.matchListItem{margin:0;display:flex;flex-direction:column;background-color:#0b0e12;padding:16px;border-radius:4px}.teamLogo{width:50px;height:50px}.arrow_center{display:none;justify-content:center;margin-top:18px}.teamContainer{padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.versus_container{display:none;align-items:center}.versus_line{width:100%;border-top:1px solid #13181F}.versus{padding:0 20px;color:#313a47}.detailsGrid{display:grid;gap:8px}.detailsGrid>*:nth-child(4){grid-column:span 3}.killCount{background-color:#101318;border-radius:4px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 24px}.player_creds,.player_kills{display:flex;align-items:center}.player_creds{gap:8px}.teamDetails{display:flex;align-items:center;color:#fafafa66;justify-content:space-evenly;background-color:#101318;padding:0 24px;height:52px}.vertical-divider{width:2px;height:-webkit-fill-available;background-color:#141a21;margin:18px 0}.scoreTable{font-size:20px;line-height:24px;display:flex}.statusCard{box-sizing:border-box;padding:0 5px;display:grid;place-items:center;min-width:92px;height:27px;border-radius:4px;font-size:12px}.finished{background-color:#eb0237}.ongoing{background-color:#43ad28}.scheduled{background-color:#eb6402}.pulsing-circle{flex-shrink:0;margin:10px;width:15px;height:15px;border-radius:50%;animation:pulse 1s infinite}@media (max-width: 1720px){.player_creds{flex-direction:column}.killCount{padding:15px 24px}}@media (max-width: 1460px){.player_creds{flex-direction:row}.killCount{flex-direction:column}}@media (max-width: 1140px){.teamContainer{grid-template-columns:1fr}.killCount{justify-content:center}.versus_container,.arrow_center{display:flex}.arrow_side{display:none}}@media (max-width: 840px){header{flex-direction:column}button{width:100%}}@media (max-width: 640px){:root{padding:18px;font-size:14px}.gapMaker{display:none}.select_button_block{width:100%;flex-direction:column;gap:20px}.killCount{padding:8px 12px}.teamContainer{gap:12px}.player_creds img{width:32px;height:32px}.teamLogo{width:28px;height:28px}.counter-container{font-size:14px}.detailsGrid{font-size:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}