:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--color-hdr-bg);color:var(--color-hdr-text);border-bottom:2px solid var(--color-hdr-btm-border);position:sticky;top:0;z-index:1000}.header-title{margin:0;cursor:pointer;font-size:1.8rem}.header-nav{display:flex;gap:2rem}.nav-button{background:transparent;color:var(--color-hdr-text);border:none;padding:.5rem 1rem;cursor:pointer;font-size:1rem;border-radius:4px;transition:background .2s}.nav-button:hover{background:var(--color-btn-hover-bg)}.nav-button.active{background:var(--color-btn-bg)}@media(max-width:700px){.header{flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem}.header-title{font-size:1.4rem}.header-nav{width:100%;justify-content:center;gap:.75rem;flex-wrap:nowrap}.nav-button{font-size:.85rem;padding:.35rem .6rem}}.settings-container{padding:2rem;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;min-height:calc(100vh - 100px)}.settings-content{width:100%;max-width:800px;box-sizing:border-box;text-align:center}.theme-section{margin-top:2rem}.theme-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.theme-button{padding:.6rem 1.2rem;border:1px solid var(--color-btn-bg);background:var(--color-btn-bg);color:var(--color-hdr-text);border-radius:4px;cursor:pointer;transition:background .2s}.theme-button:hover{background:var(--color-btn-hover-bg)}.theme-button.selected{outline:2px solid var(--color-btn-hover-bg)}.app-container{width:100vw;min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.home-container{padding:2rem;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;width:100vw;box-sizing:border-box;min-height:calc(100vh - 100px)}.home-content{width:100%;max-width:900px}.section-title{text-align:center;margin:0 0 1rem;padding-bottom:1rem}.countdown-card{margin-bottom:2rem;padding:1rem;background:var(--color-timer-bg);border-radius:10px;border:3px solid var(--color-timer-border);box-shadow:0 0 20px var(--color-timer-shadow);display:grid;grid-template-columns:1fr 1fr;align-items:center}.countdown-time{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:900;font-family:Lucida Console,monospace;color:var(--color-timer-text)}.countdown-header{margin:0;color:var(--color-timer-alt-text)}.countdown-event-name{font-size:1.1rem;margin-top:.25rem;color:var(--color-timer-alt-text)}.filter-bar{margin-bottom:1rem;display:flex;gap:1rem;align-items:center}.filter-bar select,.filter-bar input{background:var(--color-filter-bg);color:var(--color-filter-text)}.filter-bar input{width:40px;margin-left:5px}.filter-bar span{margin-left:5px}.selected-leagues{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:.5rem}.league-chip{display:inline-block;white-space:nowrap;margin-right:10px;padding:5px 10px;background:var(--color-filter-bg);border-radius:12px;cursor:pointer;color:var(--color-filter-text)}.event-list{list-style:none;padding:0;width:100%}.event-card{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:start;margin-bottom:1.5rem;padding:1rem;border-radius:8px;cursor:pointer;border:1px solid var(--color-event-border);background:var(--color-event-bg);box-shadow:none;transition:all .2s ease}.event-card:hover{transform:scale(1.02);background:var(--color-event-hover-bg);box-shadow:0 8px 20px #0000001a}.event-card img{width:100px;border-radius:6px}.event-info{color:var(--color-event-alt-text)}.event-info strong{color:var(--color-event-text)}.league-label{font-size:.8rem;opacity:.7}.past-title{text-align:center;margin:3rem 0 1rem;padding-bottom:1rem}@media(max-width:700px){.home-container{padding:1rem}.event-card{grid-template-columns:80px 1fr}.event-card img{width:70px}.countdown-card{grid-template-columns:1fr;text-align:center;gap:1rem}}:root{--color-general-text: #ffffff;--color-main: #434242;--color-hdr-text: var(--color-general-text);--color-hdr-bg: #2c2c2c;--color-hdr-btm-border: var(--color-main);--color-btn-bg: var(--color-main);--color-btn-hover-bg: var(--color-main);--color-filter-bg: var(--color-main);--color-filter-text: var(--color-general-text);--color-event-text: var(--color-general-text);--color-event-alt-text: #fff;--color-event-bg: #4e4e4e;--color-event-hover-bg: #646464;--color-event-border: #ddd;--color-timer-bg: #000000;--color-timer-border: #e53935;--color-timer-text: #e53935;--color-timer-alt-text: #fff;--color-timer-shadow: rgba(229,57,53,.18);--color-bg: #242424;--color-text: var(--color-general-text)}:root.light-theme{--color-general-text: #000000;--color-main: #959595;--color-hdr-text: var(--color-general-text);--color-hdr-bg: #b6b6b6;--color-hdr-btm-border: var(--color-main);--color-btn-bg: var(--color-main);--color-btn-hover-bg: var(--color-main);--color-filter-bg: var(--color-main);--color-filter-text: var(--color-general-text);--color-event-text: var(--color-general-text);--color-event-alt-text: #161616;--color-event-bg: #a5a5a5;--color-event-hover-bg: #c6c6c6;--color-event-border: #737373;--color-timer-bg: #ff0404;--color-timer-border: #000000;--color-timer-text: #000000;--color-timer-alt-text: #fff;--color-timer-shadow: rgba(247, 12, 8, .18);--color-bg: #ffffff;--color-text: var(--color-general-text)}:root.rb-theme{--color-general-text: #ffffff;--color-main: #817a7a;--color-rb-blue: #001839;--color-rb-red: #EB1729;--color-rb-yellow: #fcd600;--color-hdr-text: var(--color-general-text);--color-hdr-bg: var(--color-rb-red);--color-hdr-btm-border: black;--color-btn-bg: var(--color-rb-red);--color-btn-hover-bg: #ce1424;--color-filter-bg: #364356;--color-filter-text: var(--color-general-text);--color-event-text: var(--color-general-text);--color-event-alt-text: #d5d5d5;--color-event-bg: #364356;--color-event-hover-bg: #495a74;--color-event-border: black;--color-timer-bg: var(--color-rb-red);--color-timer-border: #000000;--color-timer-text: var(--color-rb-yellow);--color-timer-alt-text: var(--color-general-text);--color-timer-shadow: rgba(18, 17, 17, .18);--color-bg: var(--color-rb-blue);--color-text: var(--color-general-text)}:root.merc-theme{--color-general-text: #ffffff;--color-main: #817a7a;--color-merc-green: #45aea4;--color-merc-silver: #ccdfdb;--color-hdr-text: var(--color-general-text);--color-hdr-bg: var(--color-merc-green);--color-hdr-btm-border: black;--color-btn-bg: var(--color-merc-green);--color-btn-hover-bg: #3e958c;--color-filter-bg: var(--color-merc-green);--color-filter-text: var(--color-general-text);--color-event-text: var(--color-general-text);--color-event-alt-text: #343434;--color-event-bg: var(--color-merc-green);--color-event-hover-bg: #7ad2c9;--color-event-border: black;--color-timer-bg: var(--color-merc-silver);--color-timer-border: #000000;--color-timer-text: #1d6b64;--color-timer-alt-text: black;--color-timer-shadow: rgba(18, 17, 17, .18);--color-bg: #222222;--color-text: var(--color-general-text)}:root.willy-theme{--color-general-text: #023ff7;--color-main: #817a7a;--color-w-blue: #023ff7;--color-w-white: #ffffff;--color-hdr-text: white;--color-hdr-bg: var(--color-w-blue);--color-hdr-btm-border: #8796f8;--color-btn-bg: var(--color-w-blue);--color-btn-hover-bg: #3969fb;--color-filter-bg: #e6ecfd;--color-filter-text: black;--color-event-text: var(--color-general-text);--color-event-alt-text: #2a2a2a;--color-event-bg: #cce5fd;--color-event-hover-bg: #b1d8fc;--color-event-border: black;--color-timer-bg: #66b3fb;--color-timer-border: #316be1;--color-timer-text: red;--color-timer-alt-text: black;--color-timer-shadow: rgba(18, 17, 17, .18);--color-bg: var(--color-w-white);--color-text: var(--color-general-text)}body{background:var(--color-bg);color:var(--color-text)}