*{box-sizing:border-box}html,body{margin:0;padding:0;height:100dvh}a{text-decoration:none;color:inherit}a:focus{outline:none}button{border:none;background:inherit}p,h1,h2,h3,h4,h5,h6{margin:0}ul{list-style:none;margin:0;padding:0}:root{--onyx: #454545;--cyan: #61FFD9;--green: #004C3A;--green-dark: #011c16;--lime: rgb(192,242,34);--lavender: rgb(174,140,241);--lavender-dark: hsl(260.2, 78.3%, 40.7%);--emerald: rgb(37,211,102);--light-blue: #75aadb;--light-blue-soft: #86ADD3;--light-blue-30: rgba(117, 170, 219, .3);--light-blue-50: rgba(117, 170, 219, .5);--light-blue-80: rgba(117, 170, 219, .8);--light-blue-secondary: rgb(186, 212, 237);--light-blue-tertiary: rgb(213, 229, 244);--blue: #0B1F54;--secondary-text-color: #b5b7bb;--gray-600: #718096;--sun-yellow: #fcbf45;--white: #ffffff}:root{--app-background-image: linear-gradient(rgba(0, 0, 0, .95), rgba(15, 15, 15, .8), rgba(0, 0, 0, .95)), url(/assets/img/background.svg);--app-background-color: rgba(0, 0, 0, .5);--app-background-size: 512px;--alert-title-color: var(--blue);--alert-message-color: var(--blue);--border-color: var(--green);--button-color: #FFF;--button-background-color: #000;--button-border-color: var(--green);--button-primary-border-color: var(--cyan);--button-primary-container-padding: 0;--button-disabled-color: rgba(255, 255, 255, .6);--button-disabled-background-color: var(--green);--button-hover-color: #000;--button-hover-background-color: var(--cyan);--button-hover-border-color: var(--cyan);--button-icon-border-width: 2px;--button-icon-background-color: #000;--button-outline-hover-color: #FFF;--button-outline-hover-background-color: #000;--button-outline-disabled-hover-background-color: #000;--card-background: var(--flag-background);--chip-color: var(--white);--chip-background-color: var(--onyx);--chip-border-color: transparent;--chip-hover-border-color: transparent;--chip-selected-color: #000;--chip-selected-background-color: var(--cyan);--dialog-background: rgba(0, 0, 0, 1);--dialog-border: url(/assets/img/modal-border.svg);--dialog-border-color: transparent;--dialog-backdrop-background-color: rgba(0, 0, 0, .7);--dialogue-text-color: var(--white);--dialogue-text-background-color: var(--onyx);--dialogue-text-border-color: var(--emerald);--dialogue-text-arrow-color: #FFF;--dialogue-text-cursor-color: #FFF;--flag-background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .9), rgba(255, 255, 255, .8)), url(/assets/img/player-background.png);--flag-border-color: var(--white);--fixture-nav-selected-color: var(--white);--happy-birthday-color: var(--cyan);--list-tile-color: var(--white);--list-tile-border-color: transparent;--list-tile-background-color: var(--onyx);--list-tile-hover-color: #000;--list-tile-hover-background-color: var(--cyan);--loading-color: var(--cyan);--nav-color: var(--white);--nav-background-color: var(--onyx);--nav-active-color: #000;--nav-active-background-color: var(--cyan);--match-color: var(--white);--match-background-color: rgba(39, 39, 39, .6);--match-border-color: transparent;--match-hover-border-color: transparent;--match-border-radius: 16px;--match-content-background-color: var(--onyx);--match-content-background-image: url(/assets/img/match-border.svg);--match-info-padding: 8px 16px;--match-list-gap: 32px 0;--match-prediction-color: #000;--match-prediction-predicted-background-color: var(--cyan);--match-prediction-box-border-color: transparent;--match-prediction-background-color: var(--white);--match-prediction-item-color: var(--match-color);--match-prediction-item-background-color: transparent;--match-prediction-item-border-color: #FFF;--points-badge-lose-color: var(--secondary-text-color);--points-badge-lose-border-color: var(--secondary-text-color);--points-badge-winner-color: var(--white);--points-badge-winner-background-color: var(--onyx);--points-badge-diff-color: #000;--points-badge-diff-background-color: var(--secondary-text-color);--points-badge-exact-color: #000;--points-badge-exact-background-color: var(--cyan);--match-score-color: #000;--match-score-background-color: var(--white);--match-score-border-color: var(--cyan);--match-score-has-value-color: var(--match-prediction-color);--match-score-has-value-background-color: var(--cyan);--match-score-has-value-border-color: var(--cyan);--match-score-arrow-color: var(--white);--match-score-container-top: -4px;--match-time-live-color: var(--cyan);--match-modal-color: var(--white);--modal-button-close-color: var(--cyan);--modal-button-close-hover-color: #FFF;--modal-button-close-hover-background-color: var(--cyan);--modal-title-color: #FFF;--position-row-hover: var(--green-dark);--podium-points-color: #000;--podium-base-color: var(--lime);--scene-title-color: var(--cyan);--segmented-color: #FFF;--segmented-background-color: #000;--segmented-border-color: var(--cyan);--select-border-width: 2px;--select-color: #FFF;--select-background-color: #000;--select-border-color: var(--cyan);--select-hover-border-color: var(--cyan);--select-item-selected-color: #000;--select-item-hover-color: var(--cyan);--select-item-hover-background-color: transparent;--select-item-selected-background-color: var(--cyan);--stadium-background-image: url(/assets/img/stadium-night.webp);--table-color: #FFF;--table-highlight-color: var(--cyan);--table-background-color: #000;--table-border-color: var(--border-color);--table-team-color: #FFF;--team-name-border-color: var(--sun-yellow);--team-flag-img-border-color: var(--secondary-text-color);--toy-shadow-color: rgba(0, 0, 0, .5);--toy-base-points-color: #000;--toy-base-fill-color: var(--lime);--toy-base-stroke-color: #000;--theme-item-color: var(--white);--theme-item-background-color: var(--onyx);--theme-item-border-color: var(--border-color);--theme-item-hover-color: var(--white);--theme-item-hover-background-color: var(--onyx);--theme-item-hover-border-color: var(--cyan);--theme-item-selected-color: #000;--theme-item-selected-background-color: var(--cyan)}body.classic-light{--app-background-image: linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url(/assets/img/background.png);--app-background-color: transparent;--app-background-size: 128px;--alert-title-color: var(--blue);--alert-message-color: var(--blue);--border-color: var(--light-blue-50);--button-color: var(--light-blue);--button-background-color: var(--light-blue-80);--button-border-color: var(--border-color);--button-primary-border-color: var(--border-color);--button-primary-container-padding: 4px;--button-disabled-color: rgba(255, 255, 255, .6);--button-disabled-background-color: var(--light-blue-50);--button-hover-color: var(--white);--button-hover-background-color: var(--light-blue);--button-hover-border-color: var(--light-blue);--button-icon-border-width: 1px;--button-icon-background-color: var(--white);--button-outline-hover-color: var(--white);--button-outline-hover-background-color: var(--light-blue);--button-outline-disabled-hover-background-color: var(--white);--card-background: var(--flag-background);--chip-color: var(--blue);--chip-background-color: var(--white);--chip-border-color: var(--border-color);--chip-hover-border-color: var(--light-blue);--chip-selected-color: var(--white);--chip-selected-background-color: var(--light-blue);--dialog-background: var(--app-background-image) left top / var(--app-background-size);--dialog-border: none;--dialog-border-color: var(--light-blue);--dialog-backdrop-background-color: #ffffffe6;--dialogue-text-color: var(--blue);--dialogue-text-background-color: var(--white);--dialogue-text-border-color: var(--border-color);--dialogue-text-arrow-color: #000;--dialogue-text-cursor-color: var(--blue);--flag-background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .9), rgba(255, 255, 255, .8)), url(/assets/img/player-background.png);--flag-border-color: var(--white);--fixture-nav-selected-color: var(--blue);--happy-birthday-color: var(--light-blue);--list-tile-color: var(--light-blue);--list-tile-border-color: var(--border-color);--list-tile-background-color: var(--white);--list-tile-hover-color: var(--white);--list-tile-hover-background-color: var(--light-blue);--loading-color: var(--light-blue);--nav-color: var(--blue);--nav-background-color: var(--light-blue-tertiary);--nav-active-color: var(--white);--nav-active-background-color: var(--light-blue);--match-color: var(--blue);--match-background-color: var(--white);--match-border-color: var(--border-color);--match-hover-border-color: var(--light-blue);--match-border-radius: 4px;--match-content-background-color: var(--white);--match-content-background-image: none;--match-info-padding: 16px 16px 0 16px;--match-list-gap: 16px 0;--match-prediction-color: var(--white);--match-prediction-predicted-background-color: var(--light-blue);--match-prediction-box-border-color: var(--border-color);--match-prediction-background-color: var(--white);--match-prediction-item-color: var(--match-color);--match-prediction-item-background-color: var(--white);--match-prediction-item-border-color: var(--border-color);--points-badge-lose-color: var(--blue);--points-badge-lose-border-color: var(--border-color);--points-badge-winner-color: var(--blue);--points-badge-winner-background-color: var(--light-blue-30);--points-badge-diff-color: var(--blue);--points-badge-diff-background-color: var(--light-blue-50);--points-badge-exact-color: var(--white);--points-badge-exact-background-color: var(--blue);--match-score-color: var(--blue);--match-score-background-color: var(--white);--match-score-border-color: var(--border-color);--match-score-has-value-color: var(--white);--match-score-has-value-background-color: var(--light-blue);--match-score-has-value-border-color: var(--light-blue);--match-score-arrow-color: var(--light-blue);--match-score-container-top: 8px;--match-time-live-color: var(--cyan);--match-modal-color: var(--blue);--modal-button-close-color: var(--light-blue);--modal-button-close-hover-color: #FFF;--modal-button-close-hover-background-color: var(--light-blue);--modal-title-color: var(--blue);--position-row-hover: var(--light-blue-30);--podium-points-color: var(--blue);--podium-base-color: var(--light-blue-soft);--scene-title-color: var(--light-blue);--segmented-color: var(--nav-color);--segmented-background-color: var(--white);--segmented-border-color: var(--border-color);--select-border-width: 1px;--select-color: var(--blue);--select-background-color: var(--white);--select-border-color: var(--border-color);--select-hover-border-color: var(--light-blue);--select-item-selected-color: var(--white);--select-item-hover-color: var(--blue);--select-item-hover-background-color: var(--light-blue-30);--select-item-selected-background-color: var(--light-blue);--stadium-background-image: url(/assets/img/stadium.webp);--table-color: var(--gray-600);--table-highlight-color: var(--blue);--table-background-color: var(--white);--table-border-color: var(--border-color);--table-team-color: var(--blue);--team-name-border-color: var(--sun-yellow);--team-flag-img-border-color: var(--light-blue-30);--toy-shadow-color: rgba(0, 0, 0, .5);--toy-base-points-color: var(--blue);--toy-base-fill-color: var(--light-blue-soft);--toy-base-stroke-color: var(--blue);--theme-item-color: var(--light-blue);--theme-item-hover-color: var(--light-blue);--theme-item-background-color: #FFF;--theme-item-border-color: var(--border-color);--theme-item-hover-background-color: var(--white);--theme-item-hover-border-color: var(--light-blue);--theme-item-selected-color: #FFF;--theme-item-selected-background-color: var(--light-blue)}:root{--nav-border-radius: 8px;--nav-item-height: 32px;--nav-item-width: 96px;--flag-width: 144px;--player-height: 210px;--player-width: 152px;--player-search-height: 40px;--player-search-width: 100%;--player-selected-list-height: 64px;--menu-button-size: 40px;--content-width: 480px;--dialogue-text-max-width: var(--content-width)}:root{--font-family-gaming: "Press Start 2P", system-ui;--font-family-dialogue: var(--font-family-gaming);--font-size-dialogue: 9px;--nav-font-size: 13px}body{display:grid;background-color:var(--app-background-color)}app-root{display:inherit;height:inherit;background-image:var(--app-background-image);background-size:var(--app-background-size);font-family:sans-serif}router-outlet{display:none}router-outlet+*{grid-column:1/-1}.button-container{display:inline-flex;border:1px solid var(--button-primary-border-color);border-radius:4px;font-weight:700;font-size:13px;letter-spacing:1px;cursor:pointer;transition:all .3s ease;height:40px;padding:var(--button-primary-container-padding)}.button{display:flex;align-items:center;justify-content:center;color:var(--white);background-color:var(--button-background-color);padding:0 16px;border-radius:inherit;outline:none;cursor:pointer}.button:hover:not(:disabled){background-color:var(--button-hover-background-color);color:var(--button-hover-color)}.button:disabled{background-color:var(--button-disabled-background-color);color:var(--button-disabled-color);cursor:not-allowed}.button-container:has(button:disabled){border-color:var(--button-disabled-background-color);opacity:.6;cursor:not-allowed}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,var(--nav-item-width)));background:var(--segmented-background-color);border:1px solid var(--segmented-border-color);border-radius:var(--nav-border-radius);color:var(--segmented-color);font-size:var(--nav-font-size);font-weight:700;position:relative;padding:4px;z-index:0}.segmented-item{border-radius:var(--nav-border-radius)}.segmented-content{display:flex;align-items:center;justify-content:center;height:var(--nav-item-height);position:relative;z-index:1;border-radius:inherit;font-weight:700}.segmented-content.active{color:var(--nav-active-color);background-color:var(--nav-active-background-color)}.match{color:var(--match-color);cursor:pointer;width:100%;max-width:var(--content-width);background-color:var(--match-background-color);border-radius:var(--match-border-radius);border:1px solid var(--match-border-color);position:relative}.match:hover{border:1px solid var(--match-hover-border-color)}.match-info{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--match-info-padding);align-items:center;font-size:9px}.match-phase{text-transform:uppercase}.match-container{display:grid;grid-template-columns:32px 1fr 24px 24px 1fr 32px;align-items:center;gap:4px 8px;border-radius:inherit;position:relative;isolation:isolate;height:48px;padding:0 16px}.match-container:before{content:"";position:absolute;inset:2px;background-color:var(--match-content-background-color);z-index:-1;border-radius:inherit}.match-container:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--match-content-background-image);background-size:cover;opacity:.3;transition:opacity .3s ease-in-out;z-index:-2}.match:hover .match-container:after{opacity:1}.match-team-name{font-weight:700;font-size:11px;text-transform:uppercase}.match-team-name.name-1{text-align:left}.match-team-name.name-2{text-align:right}.match-score-container{display:grid;align-items:center;justify-items:center;grid-template-columns:1fr 4px 1fr;margin-inline:auto;background-color:var(--match-score-background-color);font-size:11px;font-weight:700;color:var(--match-score-color);border-radius:4px;height:20px;width:48px;position:absolute;left:0;right:0;top:var(--match-score-container-top)}.match-score-separator{font-size:14px}.match-date-time{font-style:italic;grid-column:3;justify-self:end}.match-time-status{grid-column:3;justify-self:end}