@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');:root{--brand-color:#ffc700;--brand-bg:#2f2e37;--brand-container-bg:#1d1c26;--brand-white:#fff;--brand-red:#f60909;--brand-light-red:#f5c2c7;--brand-lighter-red:#f8d7da;--brand-dark-red:#842029;--brand-teal:#00e5be;--brand-brown:#b3a27f;--brand-light-grey:#eee;--brand-lighter-grey:#ccc;--brand-dark-grey:#333;--brand-font-md:16px;--brand-font-sm:12px;--brand-sidebar:250px}@keyframes live-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.lol-py-md{padding-top:10px;padding-bottom:10px}.lol-px-md{padding-left:10px;padding-right:10px}.pandascore-tracker *{box-sizing:border-box;margin:0;padding:0}.pandascore-tracker{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:var(--brand-container-bg);padding:15px 0;border-radius:8px;width:var(--brand-sidebar);max-width:var(--brand-sidebar)}.pandascore-tracker.align-left{text-align:left}.pandascore-tracker.align-right{text-align:right}.pandascore-api-key-input{width:100%}.pandascore-matches-wrapper{padding:0 7px}.pandascore-section-header{font-weight:600;margin-bottom:10px;color:var(--brand-color);display:flex;align-items:center;font-size:var(--brand-font-md)}.pandascore-live-indicator{background:var(--brand-color);border-radius:100%;width:8px;height:8px;margin:0 7px;position:relative}.pandascore-live-indicator:after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--brand-color);border-radius:50%;transform:translate(-50%,-50%);animation:live-pulse 1.5s infinite}.pandascore-live-container,.pandascore-upcoming-container{margin-bottom:20px}.pandascore-live-container:last-child,.pandascore-upcoming-container:last-child{margin-bottom:0}.pandascore-matches-container{display:flex;flex-direction:column;gap:10px;width:100%}.pandascore-match{background:var(--brand-bg);color:var(--brand-white);padding:8px;border-radius:8px;display:flex;align-items:center;gap:8px;width:100%}.pandascore-league-container{display:flex;flex-direction:column;gap:5px}.pandascore-league-logo,.pandascore-league-placeholder{background:var(--brand-color);border-radius:6px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0}.pandascore-league-logo img{width:100%;height:100%;object-fit:contain}.pandascore-league-placeholder{color:var(--brand-bg);font-weight:700}.pandascore-match-content{flex:1;display:flex;align-items:center;justify-content:space-between}.pandascore-match-content.live-layout{flex-direction:column;gap:5px;padding-right:5px}.pandascore-teams-container{display:flex;flex-direction:column;gap:6px;width:100%}.pandascore-team{display:flex;align-items:center}.pandascore-team.with-score{justify-content:space-between}.pandascore-team-info{display:flex;align-items:center}.pandascore-team-logo,.pandascore-team-logo-placeholder{width:24px;height:24px;margin-right:5px;flex-shrink:0;object-fit:contain}.pandascore-team-logo-placeholder{background:var(--brand-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--brand-bg)}.pandascore-team-name{font-size:var(--brand-font-md);color:var(--brand-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.pandascore-score{background:var(--brand-color);font-size:var(--brand-font-md);width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-weight:700;color:var(--brand-bg);padding:3px 14px;border-radius:4px}.pandascore-time-container{font-size:var(--brand-font-md);min-width:50px;display:flex;justify-content:center;flex-shrink:0}.pandascore-time-badge{color:var(--brand-color);font-size:var(--brand-font-md);font-weight:700;display:flex;flex-direction:column;text-align:center}.pandascore-time-day{font-size:var(--brand-font-sm);font-weight:400;opacity:.8}.pandascore-error{background:var(--brand-lighter-red);border:1px solid var(--brand-light-red);color:var(--brand-dark-red);padding:10px;border-radius:6px}.pandascore-no-matches{background:var(--brand-light-grey);border:1px solid var(--brand-lighter-grey);color:var(--brand-dark-grey);padding:10px;border-radius:6px}.pandascore-date-filters{display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin:0 auto 5px;padding:0 7px;overflow:hidden;overflow-x:scroll;cursor:grab;-webkit-overflow-scrolling:touch;touch-action:pan-y}.pandascore-date-filters.is-dragging{cursor:grabbing;user-select:none}.pandascore-date-filters::-webkit-scrollbar{display:none}.pandascore-date-filter{background:var(--brand-bg);color:var(--brand-light-grey);border:2px solid transparent;border-radius:8px;padding:8px 1px;font-size:10px;font-weight:700;line-height:1;cursor:pointer;user-select:none;display:flex;gap:5px;width:45px;height:45px;align-items:center;justify-content:center;transition:border-color .8s ease,color .8s ease}.pandascore-date-filter.active,.pandascore-date-filter:hover{border-color:var(--brand-color);color:var(--brand-color)}.pandascore-league-filters{display:flex;justify-content:space-evenly;margin:0 auto;margin-bottom:15px;padding:0 5px}.pandascore-league-filter{border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;border-radius:8px;transition:transform .8s ease,background .8s,border-color .8s;width:50px !important;height:50px !important;overflow:hidden}.pandascore-league-filter img{width:100% !important;height:100% !important;object-fit:contain;background:var(--brand-bg);padding:2px}.pandascore-league-filter[data-league-name=LCK].active,.pandascore-league-filter[data-league-name=LCK]:hover{border-color:var(--brand-white)}.pandascore-league-filter[data-league-name=LPL].active,.pandascore-league-filter[data-league-name=LPL]:hover{border-color:var(--brand-red)}.pandascore-league-filter[data-league-name=LEC].active,.pandascore-league-filter[data-league-name=LEC]:hover{border-color:var(--brand-teal)}.pandascore-league-filter[data-league-name=LTA].active,.pandascore-league-filter[data-league-name=LTA]:hover{border-color:var(--brand-brown)}.pandascore-league-filter[data-league-name='OTHER LEAGUES'].active,.pandascore-league-filter[data-league-name='OTHER LEAGUES']:hover{border-color:var(--brand-color)}.pandascore-score.score-updating{animation:scoreUpdate 1s ease-in-out;transform:scale(1.1)}@keyframes scoreUpdate{0%{transform:scale(1);background-color:var(--brand-color)}50%{transform:scale(1.15);background-color:var(--brand-teal);box-shadow:0 0 10px rgba(0,229,190,.5)}100%{transform:scale(1);background-color:var(--brand-color)}}.pandascore-live-indicator{background:var(--brand-color);border-radius:100%;width:10px;height:10px;margin:0 7px;position:relative;animation:livePulse 2s infinite}.pandascore-live-indicator:after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--brand-color);border-radius:50%;transform:translate(-50%,-50%);animation:liveRipple 2s infinite}@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.6}}@keyframes liveRipple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(3);opacity:0}}.pandascore-connection-status{position:fixed;top:10px;right:10px;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700;z-index:1000;display:none}.pandascore-connection-status.connected{background-color:var(--brand-teal);color:#fff}.pandascore-connection-status.disconnected{background-color:var(--brand-red);color:#fff}.pandascore-connection-status.connecting{background-color:var(--brand-color);color:var(--brand-bg)}