.STING-WEB-Yesterday_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b4bec7' viewBox='0 0 24 24' data-testid='ChevronRightIcon'%3E%3Cpath d='M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: block; }
.STING-WEB-Tomorrow_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b4bec7' viewBox='0 0 24 24' data-testid='ChevronLeftIcon'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: block; }
.STING-WEB-Cup-Setting_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='6' viewBox='0 0 22 6'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath d='M19,6a3,3,0,1,1,3-3A3,3,0,0,1,19,6Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,19,2ZM11,6a3,3,0,1,1,3-3A3,3,0,0,1,11,6Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,11,2ZM3,6A3,3,0,1,1,6,3,3,3,0,0,1,3,6ZM3,2A1,1,0,1,0,4,3,1,1,0,0,0,3,2Z' transform='translate(1 9)' fill='%23b4bec7'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M19,6a3,3,0,1,1,3-3A3,3,0,0,1,19,6Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,19,2ZM11,6a3,3,0,1,1,3-3A3,3,0,0,1,11,6Zm0-4a1,1,0,1,0,1,1A1,1,0,0,0,11,2ZM3,6A3,3,0,1,1,6,3,3,3,0,0,1,3,6ZM3,2A1,1,0,1,0,4,3,1,1,0,0,0,3,2Z' transform='translate(0 0)' fill='%23b4bec7'%3E%3C/path%3E%3Cg transform='translate(-1 -9)' clip-path='url(%23clip-path)'%3E%3Cg%3E%3Crect id='Rectangle' fill='%23b4bec7'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center no-repeat; width: 25px; height: 20px; display: block; cursor: pointer; }
.STING-WEB-Matches-Zone { width: 100%; padding: 0; margin-bottom: 10px; box-sizing: border-box; }
.STING-WEB-Matches-Settings { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; background: #151b26 !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 14px !important; padding: 10px 16px !important; margin: 0 auto !important; flex-wrap: nowrap !important; gap: 10px !important; box-sizing: border-box !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; }
.STING-WEB-Day-Matches { display: flex !important; align-items: center !important; gap: 6px !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; white-space: nowrap !important; flex-shrink: 0 !important; }
.STING-WEB-Name-Zone { color: #fff !important; font-weight: 800 !important; }
.STING-WEB-Today-Name { color: var(--Primary-A-Color) !important; font-weight: 800 !important; }
.STING-WEB-Header-Controls { display: flex !important; align-items: center !important; gap: 10px !important; flex-shrink: 0 !important; white-space: nowrap !important; }
.STING-WEB-Date-Nav { display: flex !important; align-items: center !important; gap: 5px !important; background: #1a2232 !important; padding: 4px 8px !important; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; }
.STING-WEB-Matches-UI { display: flex !important; align-items: center !important; }
.STING-WEB-Date-Here { color: var(--Primary-B-Color) !important; font-size: 12.5px !important; margin: 0 4px !important; min-width: auto !important; text-align: center !important; font-weight: 700 !important; letter-spacing: 0.3px !important; white-space: nowrap !important; }
.STING-WEB-Date-Picker-Wrap { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; background: #1a2232 !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-radius: 50% !important; cursor: pointer !important; position: relative !important; flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important; transition: all 0.2s ease !important; }
.STING-WEB-Date-Picker-Wrap:hover { border-color: var(--Primary-A-Color) !important; background: rgba(0, 223, 162, 0.1) !important; }
#STING-WEB-Visitor { padding: 0 !important; border: 0 !important; border-radius: 0 !important; font-size: 15px !important; width: 18px !important; height: 18px !important; color: transparent !important; cursor: pointer !important; background: transparent !important; appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 20'%3E%3Cpath d='M2.7,20A2.716,2.716,0,0,1,0,17.273V4.546A2.717,2.717,0,0,1,2.7,1.818H4.5V.909a.9.9,0,1,1,1.8,0v.909h5.4V.909a.9.9,0,1,1,1.8,0v.909h1.8A2.717,2.717,0,0,1,18,4.546V17.273A2.716,2.716,0,0,1,15.3,20Zm-.9-2.727a.905.905,0,0,0,.9.909H15.3a.905.905,0,0,0,.9-.909V9.091H1.8Zm14.4-10V4.546a.906.906,0,0,0-.9-.91H13.5v.91a.9.9,0,1,1-1.8,0v-.91H6.3v.91a.9.9,0,1,1-1.8,0v-.91H2.7a.906.906,0,0,0-.9.91V7.273Z' fill='%23b4bec7'%3E%3C/path%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 15px 15px !important; margin: 0 !important; display: block !important; box-shadow: none !important; }
.STING-WEB-Match-div.END .STING-WEB-Progress { display: none; }
.STING-WEB-Filter { display: none !important; }
.STING-WEB-Matches-Center { width: 100%; margin: 6px auto; display: grid; }
.STING-WEB-Cup-Matches { order: 2; display: grid; margin-bottom: 8px; }
.STING-WEB-Cup-Name { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; margin: 12px auto 6px auto !important; background: #182030 !important; border-radius: 12px !important; padding: 9px 14px !important; position: relative !important; border: 1px solid #222b3e !important; box-sizing: border-box !important; min-height: 44px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; }
.STING-WEB-Name-Setting { font-size: 12px; padding: 6px 0; color: var(--Primary-B-Color); }
.STING-WEB-One-Setting { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.STING-WEB-Cup-Name-Right { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; }
.STING-WEB-Cup-Name-Left { display: flex !important; align-items: center !important; gap: 8px !important; flex-shrink: 0 !important; }
.STING-WEB-Cup-Matches.pinned { order: 1; }
.STING-WEB-Cup-Matches.collapsed .STING-WEB-Match, .STING-WEB-Cup-Matches.collapsed .STING-WEB-Match-div { display: none !important; }
.STING-WEB-Cup-Name-Right img { width: 22px !important; height: 22px !important; object-fit: contain !important; display: block !important; flex-shrink: 0 !important; }
.STING-WEB-Cup-Name-Right a { text-decoration: none !important; display: flex !important; align-items: center !important; min-width: 0 !important; }
.STING-WEB-Cup-Name-Right a h3 { font-size: 13.5px !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; transition: color 0.2s ease !important; line-height: 1.2 !important; }
.STING-WEB-Cup-Name-Right a:hover h3 { color: var(--Primary-A-Color) !important; }
.STING-WEB-Standing { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 4px 12px !important; border-radius: 999px !important; background: #1e2639 !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: #94a3b8 !important; font-size: 11.5px !important; font-weight: 600 !important; text-decoration: none !important; transition: all 0.2s ease !important; line-height: 1 !important; white-space: nowrap !important; cursor: pointer !important; }
.STING-WEB-Standing:hover { background: rgba(0, 223, 162, 0.12) !important; border-color: var(--Primary-A-Color) !important; color: var(--Primary-A-Color) !important; }
.STING-WEB-unShow_SVG { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7429 5.09232C11.1494 5.03223 11.5686 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.2868C21.7169 11.5025 21.785 11.6103 21.8231 11.7767C21.8518 11.9016 21.8517 12.0987 21.8231 12.2236C21.7849 12.3899 21.7164 12.4985 21.5792 12.7156C21.2793 13.1901 20.8222 13.8571 20.2165 14.5805M6.72432 6.71504C4.56225 8.1817 3.09445 10.2194 2.42111 11.2853C2.28428 11.5019 2.21587 11.6102 2.17774 11.7765C2.1491 11.9014 2.14909 12.0984 2.17771 12.2234C2.21583 12.3897 2.28393 12.4975 2.42013 12.7132C3.54554 14.4952 6.89541 19 12.0004 19C14.0588 19 15.8319 18.2676 17.2888 17.2766M3.00042 3L21.0004 21M9.8791 9.87868C9.3362 10.4216 9.00042 11.1716 9.00042 12C9.00042 13.6569 10.3436 15 12.0004 15C12.8288 15 13.5788 14.6642 14.1217 14.1213' stroke='%23fc4d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: block; cursor: pointer; }
.STING-WEB-Show_SVG { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.42012 12.7132C2.28394 12.4975 2.21584 12.3897 2.17772 12.2234C2.14909 12.0985 2.14909 11.9015 2.17772 11.7766C2.21584 11.6103 2.28394 11.5025 2.42012 11.2868C3.54553 9.50484 6.8954 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.2868C21.7169 11.5025 21.785 11.6103 21.8231 11.7766C21.8517 11.9015 21.8517 12.0985 21.8231 12.2234C21.785 12.3897 21.7169 12.4975 21.5807 12.7132C20.4553 14.4952 17.1054 19 12.0004 19C6.8954 19 3.54553 14.4952 2.42012 12.7132Z' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0004 15C13.6573 15 15.0004 13.6569 15.0004 12C15.0004 10.3431 13.6573 9 12.0004 9C10.3435 9 9.0004 10.3431 9.0004 12C9.0004 13.6569 10.3435 15 12.0004 15Z' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: block; cursor: pointer; }
.STING-WEB-unPinned_SVG { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%23bfc3d4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0004 15L12.0004 22M8.00043 7.30813V9.43875C8.00043 9.64677 8.00043 9.75078 7.98001 9.85026C7.9619 9.93852 7.93194 10.0239 7.89095 10.1042C7.84474 10.1946 7.77977 10.2758 7.64982 10.4383L6.08004 12.4005C5.4143 13.2327 5.08143 13.6487 5.08106 13.9989C5.08073 14.3035 5.21919 14.5916 5.4572 14.7815C5.73088 15 6.26373 15 7.32943 15H16.6714C17.7371 15 18.27 15 18.5437 14.7815C18.7817 14.5916 18.9201 14.3035 18.9198 13.9989C18.9194 13.6487 18.5866 13.2327 17.9208 12.4005L16.351 10.4383C16.2211 10.2758 16.1561 10.1946 16.1099 10.1042C16.0689 10.0239 16.039 9.93852 16.0208 9.85026C16.0004 9.75078 16.0004 9.64677 16.0004 9.43875V7.30813C16.0004 7.19301 16.0004 7.13544 16.0069 7.07868C16.0127 7.02825 16.0223 6.97833 16.0357 6.92937C16.0507 6.87424 16.0721 6.8208 16.1149 6.71391L17.1227 4.19423C17.4168 3.45914 17.5638 3.09159 17.5025 2.79655C17.4489 2.53853 17.2956 2.31211 17.0759 2.1665C16.8247 2 16.4289 2 15.6372 2H8.36368C7.57197 2 7.17611 2 6.92494 2.1665C6.70529 2.31211 6.55199 2.53853 6.49838 2.79655C6.43707 3.09159 6.58408 3.45914 6.87812 4.19423L7.88599 6.71391C7.92875 6.8208 7.95013 6.87424 7.96517 6.92937C7.97853 6.97833 7.98814 7.02825 7.99392 7.07868C8.00043 7.13544 8.00043 7.19301 8.00043 7.30813Z' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: block; cursor: pointer; }
.STING-WEB-Pinned_SVG { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.3767 15.6163L2.71985 21.2732M11.6944 6.64181L10.1335 8.2027C10.0062 8.33003 9.94252 8.39369 9.86999 8.44427C9.80561 8.48917 9.73616 8.52634 9.66309 8.555C9.58077 8.58729 9.49249 8.60495 9.31592 8.64026L5.65145 9.37315C4.69915 9.56361 4.223 9.65884 4.00024 9.9099C3.80617 10.1286 3.71755 10.4213 3.75771 10.7109C3.8038 11.0434 4.14715 11.3867 4.83387 12.0735L11.9196 19.1592C12.6063 19.8459 12.9497 20.1893 13.2821 20.2354C13.5718 20.2755 13.8645 20.1869 14.0832 19.9928C14.3342 19.7701 14.4294 19.2939 14.6199 18.3416L15.3528 14.6771C15.3881 14.5006 15.4058 14.4123 15.4381 14.33C15.4667 14.2569 15.5039 14.1875 15.5488 14.1231C15.5994 14.0505 15.663 13.9869 15.7904 13.8596L17.3512 12.2987C17.4326 12.2173 17.4734 12.1766 17.5181 12.141C17.5578 12.1095 17.5999 12.081 17.644 12.0558C17.6936 12.0274 17.7465 12.0048 17.8523 11.9594L20.3467 10.8904C21.0744 10.5785 21.4383 10.4226 21.6035 10.1706C21.7481 9.95025 21.7998 9.68175 21.7474 9.42348C21.6875 9.12813 21.4076 8.84822 20.8478 8.28839L15.7047 3.14526C15.1448 2.58543 14.8649 2.30552 14.5696 2.24565C14.3113 2.19329 14.0428 2.245 13.8225 2.38953C13.5705 2.55481 13.4145 2.91866 13.1027 3.64636L12.0337 6.14071C11.9883 6.24653 11.9656 6.29944 11.9373 6.34905C11.9121 6.39313 11.8836 6.43522 11.852 6.47496C11.8165 6.51971 11.7758 6.56041 11.6944 6.64181Z' stroke='%23b4bec7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: block; cursor: pointer; }
.STING-WEB-Lineup_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 14'%3E%3Cpath d='M-144.319,20h-16.875a.563.563,0,0,0-.563.563h0V32.937a.563.563,0,0,0,.563.563h16.875a.563.563,0,0,0,.563-.563h0V20.563a.563.563,0,0,0-.563-.563Zm-7.875,4.58a2.239,2.239,0,0,1,1.619,2.721,2.239,2.239,0,0,1-1.619,1.619Zm-8.437,0a2.239,2.239,0,0,1,1.619,2.721,2.239,2.239,0,0,1-1.619,1.619Zm7.313,4.34a2.239,2.239,0,0,1-1.619-2.721,2.239,2.239,0,0,1,1.619-1.619Zm0-5.495a3.371,3.371,0,0,0-2.765,3.884,3.371,3.371,0,0,0,2.765,2.765v2.3h-7.313v-2.3a3.371,3.371,0,0,0,2.765-3.884,3.371,3.371,0,0,0-2.765-2.765v-2.3h7.313Zm8.437,5.495A2.239,2.239,0,0,1-146.5,26.2a2.239,2.239,0,0,1,1.619-1.619Zm0-5.495a3.371,3.371,0,0,0-2.765,3.884,3.371,3.371,0,0,0,2.765,2.765v2.3h-7.313v-2.3a3.371,3.371,0,0,0,2.765-3.884,3.372,3.372,0,0,0-2.765-2.765v-2.3h7.312Z' transform='translate(162.006 -19.75)' fill='%235a83ff' stroke='%235a83ff' stroke-width='0.5'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 20px; height: 20px; display: none; cursor: pointer; transform: rotate(90deg); }
.STING-WEB-Live_SVG { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.5 13.5'%3E%3Cpath d='M12,8.75A3.25,3.25,0,1,0,15.25,12,3.25,3.25,0,0,0,12,8.75Z' transform='translate(-2.75 -5.25)' fill='%23ff3131c2'%3E%3C/path%3E%3Cpath d='M8.634,7.462a.75.75,0,0,1,.015,1.061,5.022,5.022,0,0,0,0,6.954.75.75,0,0,1-1.075,1.046,6.522,6.522,0,0,1,0-9.046A.75.75,0,0,1,8.634,7.462Zm6.733,0a.75.75,0,0,1,1.061.015,6.522,6.522,0,0,1,0,9.046.75.75,0,1,1-1.075-1.046,5.022,5.022,0,0,0,0-6.954A.75.75,0,0,1,15.366,7.462Z' transform='translate(-2.75 -5.25)' fill='%23ff3131c2' fill-rule='evenodd'%3E%3C/path%3E%3Cpath d='M6.52,5.47a.75.75,0,0,1,0,1.061,7.725,7.725,0,0,0,0,10.938.75.75,0,1,1-1.06,1.062,9.225,9.225,0,0,1,0-13.062A.75.75,0,0,1,6.52,5.47Zm10.959,0a.75.75,0,0,1,1.061,0,9.225,9.225,0,0,1,0,13.062.75.75,0,0,1-1.06-1.062,7.725,7.725,0,0,0,0-10.938A.75.75,0,0,1,17.48,5.47Z' transform='translate(-2.75 -5.25)' fill='%23ff3131c2' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E") center no-repeat; width: 18px; height: 18px; display: none; cursor: pointer; animation: 0.7s ease-in-out infinite blinker; }
.STING-WEB-Match-div.NOT .STING-WEB-Match-div-Here { min-height: 62px !important; }
.STING-WEB-Match-Event { display: none; align-items: center; padding: 2px 8px; border-radius: 8px; }
.STING-WEB-Match-div-Here { display: grid !important; align-items: center !important; width: 100% !important; margin: 0 auto 6px auto !important; background: #141924 !important; border-radius: 12px !important; padding: 10px 14px !important; grid-template-columns: 1fr .55fr 1fr !important; gap: 8px !important; position: relative !important; box-sizing: border-box !important; border: 1px solid rgba(255, 255, 255, 0.04) !important; min-height: 64px !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important; }
.STING-WEB-Match-div-Here:hover { background: #18202e !important; border-color: rgba(0, 223, 162, 0.25) !important; }
.STING-WEB-Match-div-Right { display: flex; align-items: center; gap: 10px; justify-content: end; width: 100%; }
.STING-WEB-Match-div-Team-Name { font-size: 13.5px; font-weight: 700; color: #ffffff; text-align: end; width: 100%; margin: 0 auto; letter-spacing: 0.2px; }
.STING-WEB-Match-div-Team-Logo { width: 28px !important; height: 28px !important; display: flex; align-items: center; object-fit: contain; flex-shrink: 0; }
.STING-WEB-Cup-Settings { position: absolute; top: 40px; background: var(--B-Color); padding: 15px; border-radius: 10px; width: 60px; left: 0; display: none; gap: 20px; z-index: 9; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); }
.STING-WEB-Name-Setting:hover { color: var(--Primary-A-Color); }
.STING-WEB-Match-div-Center { width: 100%; justify-items: center; display: grid; gap: 2px; margin: 0 auto; }
.STING-WEB-div-Time-Display.ExtraTime { fill: #ff3131; font-size: 8px; font-weight: 600; }
.Match-div-Status { font-size: 12px; color: #8e9ab2; font-weight: 600; }
.Match-div-Status.Not-Start { display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 700 !important; color: #ffffff !important; background: #1e2638 !important; border: 1px solid #2a354c !important; border-radius: 999px !important; padding: 3px 12px !important; letter-spacing: 0.3px !important; line-height: 1.4 !important; }
.STING-WEB-Match-div-Goal { display: flex; width: 100%; align-items: center; justify-content: center; }
.STING-WEB-Match-div.END .STING-WEB-Match-div-Goal { background: #1c2436 !important; border: 1px solid #2a354c !important; border-radius: 8px !important; height: 30px !important; max-width: 82px !important; padding: 0 8px !important; }
.STING-WEB-Match-Event:hover { transform: scale(1.1); transition: 300ms all ease-in-out; }
.Goal-Team { font-size: 17px !important; font-weight: 800 !important; color: #ffffff !important; }
.STING-WEB-Match-div.LIVE a .STING-WEB-Match-div-Center .STING-WEB-Match-div-Goal { gap: 16px; }
.STING-WEB-Circular-Progress { position: relative; }
.STING-WEB-Match-div.NOT .STING-WEB-Match-div-Goal { display: none; }
.STING-WEB-div-Time-Display { text-align: center; font-size: 6px; color: var(--Primary-A-Color); letter-spacing: 1px; width: 50px; height: 50px; border: 1px solid var(--Primary-A-Color); align-content: center; border-radius: 50px; display: block; }
.STING-WEB-One-Setting:nth-child(1) .STING-WEB-Name-Setting { color: #fc4d4d; }
.Goal-Team-Part { color: #5a667d; font-style: normal; margin: 0 4px; }
.STING-WEB-Match-div-Left { display: flex; align-items: center; justify-content: end; width: 100%; direction: ltr; gap: 10px; }
.STING-WEB-Match-div.END .STING-WEB-Circular-Progress { display: none; }
.STING-WEB-Match-div.LIVE { order: 1; }
.STING-WEB-Match-div.NOT { order: 2; }
.STING-WEB-Match-div.POSTPONED { order: 2; }
.STING-WEB-Match-div.END { order: 3; }
.STING-WEB-Match-div.POSTPONED .STING-WEB-Match-div-Goal,
.STING-WEB-Match-div.POSTPONED .STING-WEB-Progress { display: none !important; }
.STING-WEB-Match-div.POSTPONED .STING-WEB-Match-div-Here { min-height: 52px !important; }
.Match-div-Status.Postponed-Wrap { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 2px !important; line-height: 1.1 !important; }
.Match-div-Scheduled-Time { font-size: 11px !important; color: #8fa0b3 !important; font-weight: 500 !important; }
.Match-div-Status-Badge.Postponed { font-size: 11.5px !important; color: #f59e0b !important; font-weight: 700 !important; letter-spacing: 0.3px !important; }
.STING-WEB-Video_SVG { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: var(--Primary-A-Color) !important; cursor: pointer !important; transition: transform 0.2s ease, opacity 0.2s ease !important; }
.STING-WEB-Video_SVG:hover { transform: scale(1.15) !important; opacity: 0.85 !important; }
.STING-WEB-Match-Video-Icon {
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    cursor: pointer !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: rgba(0, 223, 162, 0.12) !important;
    border: 1px solid rgba(0, 223, 162, 0.3) !important;
    transition: transform 0.2s ease, filter 0.2s ease, background 0.2s ease !important;
}
.STING-WEB-Match-Video-Icon:hover {
    transform: translateY(-50%) scale(1.15) !important;
    background: rgba(0, 223, 162, 0.2) !important;
    box-shadow: 0 0 10px rgba(0, 223, 162, 0.4) !important;
}
[dir="ltr"] .STING-WEB-Match-Video-Icon {
    left: auto !important;
    right: 10px !important;
}
.STING-WEB-Match-div.LIVE .STING-WEB-Match-div-Here { min-height: 72px !important; background: #161e2b !important; border: 1px solid rgba(0, 223, 162, 0.35) !important; box-shadow: 0 0 16px rgba(0, 223, 162, 0.07) !important; }
.STING-WEB-Match-div.LIVE .STING-WEB-Match-div-Right, .STING-WEB-Match-div.LIVE .STING-WEB-Match-div-Left { display: grid; gap: 5px; width: 100%; justify-content: center; justify-items: center; align-items: center; }
.STING-WEB-Match-div.LIVE .STING-WEB-Match-div-Team-Name { grid-row: none; text-align: center; }
.STING-WEB-Match-div.LIVE .STING-WEB-Match-div-Team-Logo { width: 30px !important; height: 30px !important; }
.STING-WEB-Match-div.LIVE .Goal-Team { font-size: 20px !important; color: #fff !important; font-weight: 700; }
.STING-WEB-Match-div.LIVE .Goal-Team-Part { display: none; }
.STING-WEB-Yesterday_SVG, .STING-WEB-Tomorrow_SVG, #STING-WEB-Visitor ,.STING-WEB-Filter div { cursor: pointer; }
.STING-WEB-Progress { position: relative; width: 55px; height: 55px; transform: translateY(-7px); }
.STING-WEB-Progress::before { content: ''; position: absolute; right: -5px; top: 48%; width: 8px; height: 3px; background-color: #fbcc33; transform: translateX(-50%) rotate(0deg); z-index: 99; border-radius: 50px; }
@media (max-width: 720px) {
    .STING-WEB-Matches-Settings { width: 100% !important; gap: 4px !important; padding: 8px 12px !important; }
    .STING-WEB-Day-Matches { font-size: 13px !important; gap: 3px !important; }
    .STING-WEB-Header-Controls { gap: 6px !important; }
    .STING-WEB-Date-Nav { gap: 2px !important; padding: 3px 6px !important; }
    .STING-WEB-Date-Here { font-size: 11px !important; letter-spacing: 0px !important; margin: 0 1px !important; }
    .STING-WEB-Yesterday_SVG, .STING-WEB-Tomorrow_SVG { width: 16px !important; height: 16px !important; background-size: 16px 16px !important; }
    .STING-WEB-Date-Picker-Wrap, #STING-WEB-Visitor, .STING-WEB-Filter-Btn { width: 22px !important; height: 22px !important; }
    .STING-WEB-Filter-Btn svg { width: 16px !important; height: 16px !important; }
    #STING-WEB-Visitor { background-size: 14px 14px !important; }
    .STING-WEB-Cup-Name { width: 100% !important; padding: 7px 10px !important; margin: 8px auto 4px auto !important; min-height: 38px !important; }
    .STING-WEB-Cup-Name-Right { gap: 8px !important; }
    .STING-WEB-Cup-Name-Right img { width: 20px !important; height: 20px !important; }
    .STING-WEB-Cup-Name-Right a h3 { font-size: 12px !important; }
    .STING-WEB-Standing { display: inline-flex !important; padding: 3px 8px !important; font-size: 10px !important; }
    .STING-WEB-Cup-Setting_SVG { width: 22px !important; height: 22px !important; }
    .STING-WEB-Match-div-Here { width: 100% !important; padding: 8px 10px !important; margin: 0 auto 5px auto !important; min-height: 56px !important; }
    .STING-WEB-Match-div.NOT .STING-WEB-Match-div-Here { min-height: 56px !important; }
    .STING-WEB-Match-div-Team-Name { font-size: 12px !important; }
    .STING-WEB-Match-div-Team-Logo { width: 24px !important; height: 24px !important; }
}

/* ── FILTER BUTTON & MODAL ── */
.STING-WEB-Filter-Btn {
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    color: var(--Primary-A-Color) !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}
.STING-WEB-Filter-Btn:hover {
    opacity: 0.8 !important;
    transform: scale(1.12) !important;
    background: transparent !important;
    border: none !important;
}
.STING-WEB-Filter-Btn svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
    pointer-events: none !important;
}

.STING-WEB-Filter-Backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    z-index: 10000000 !important;
    opacity: 0;
    transition: opacity 0.25s ease;
}
.STING-WEB-Filter-Backdrop.is-open {
    display: block !important;
    opacity: 1 !important;
}

.STING-WEB-Filter-Modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.95);
    width: 380px;
    max-width: 92vw;
    background: var(--B-Color);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
    z-index: 10000001 !important;
    padding: 18px 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.STING-WEB-Filter-Modal.is-open {
    display: block !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.filter-modal-handle {
    display: none;
    width: 38px;
    height: 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 auto 12px auto;
}

.filter-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.filter-modal-title {
    font-size: 17px;
    font-weight: 800;
    color: #fff;
}

.filter-modal-close {
    background: transparent;
    border: none;
    color: #8a8f9d;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    transition: all 0.2s ease;
}
.filter-modal-close:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.filter-modal-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-group-title {
    font-size: 12px;
    font-weight: 700;
    color: #707488;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: start;
}

.filter-options-grid {
    display: grid;
    gap: 8px;
}
.filter-options-grid.cols-2 {
    grid-template-columns: 1fr 1fr;
}
.filter-options-grid.cols-1 {
    grid-template-columns: 1fr;
}

.filter-opt-btn {
    height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #1a1e2b;
    color: #bfc3d4;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    user-select: none;
}
.filter-opt-btn:hover {
    border-color: rgba(0, 223, 162, 0.35);
    color: #fff;
    background: rgba(0, 223, 162, 0.06);
}
.filter-opt-btn.active {
    background: rgba(0, 223, 162, 0.12) !important;
    border-color: #00dfa2 !important;
    color: #00dfa2 !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 10px rgba(0, 223, 162, 0.15) !important;
}

.filter-submit-btn {
    margin-top: 6px;
    height: 42px;
    border-radius: 10px;
    background: #00dfa2;
    border: none;
    color: #0c1017;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 14px rgba(0, 223, 162, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.filter-submit-btn:hover {
    background: #00c790;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(0, 223, 162, 0.4);
}
.filter-submit-btn:active {
    transform: translateY(0);
}

/* Mobile Bottom Sheet */
@media (max-width: 720px) {
    .STING-WEB-Filter-Backdrop {
        z-index: 10000000 !important;
    }
    .STING-WEB-Filter-Modal {
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        transform: translateY(100%) scale(1) !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 20px 20px 0 0 !important;
        padding: 14px 20px calc(28px + env(safe-area-inset-bottom, 15px)) 20px !important;
        border-bottom: none !important;
        z-index: 10000001 !important;
        max-height: 85vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.85) !important;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;
    }
    .STING-WEB-Filter-Modal.is-open {
        transform: translateY(0) scale(1) !important;
    }
    .filter-modal-handle {
        display: block !important;
    }
    .filter-submit-btn {
        margin-top: 10px !important;
        margin-bottom: 6px !important;
        height: 44px !important;
    }
}

/* Empty Matches State for Filter */
.STING-WEB-No-Matches-Filter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    text-align: center;
    background: var(--B-Color);
    border-radius: 12px;
    margin: 10px auto;
    width: 95%;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
}
.STING-WEB-No-Matches-Filter svg {
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
    opacity: 0.5;
    color: #707488;
}
.STING-WEB-No-Matches-Filter p {
    font-size: 14px;
    font-weight: 600;
    color: #b4bec7;
    margin: 0;
}

/* Skeleton Shimmer Loading State */
@keyframes ys-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.ys-skeleton-shimmer {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.03) 25%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.03) 75%) !important;
    background-size: 200% 100% !important;
    animation: ys-shimmer 1.5s infinite ease-in-out !important;
    border-radius: 6px !important;
}

.ys-skeleton-group {
    width: 100%;
    margin-bottom: 12px;
}

.ys-skeleton-cup {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 44px !important;
    margin: 12px auto 6px auto !important;
    background: #182030 !important;
    border-radius: 12px !important;
    padding: 8px 14px !important;
    border: 1px solid #222b3e !important;
    box-sizing: border-box !important;
}

.ys-skeleton-cup-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ys-skeleton-match {
    display: grid !important;
    align-items: center !important;
    width: 100% !important;
    height: 52px !important;
    margin: 0 auto 6px auto !important;
    background: #141924 !important;
    border-radius: 12px !important;
    padding: 6px 14px !important;
    grid-template-columns: 1fr .6fr 1fr !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 255, 255, 0.04) !important;
}

.ys-skeleton-team-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.ys-skeleton-team-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.ys-skeleton-center {
    display: flex;
    justify-content: center;
    align-items: center;
}