@import"https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@400;500;700&display=swap";:root{font-family:Google Sans Code,monospace;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}body{margin:0;min-width:320px;min-height:100vh;background-color:#1a1b1e}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:Google Sans Code,monospace;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}}.predictions-container{padding:1.375rem;width:1020px;margin:-1.925rem auto 0;background-color:#25262b;border-radius:13.2px;box-shadow:0 8.8px 35.2px #00000040}.predictions-table{width:100%;border-collapse:collapse;text-align:left;color:#e4e5e7;table-layout:fixed}.predictions-table td{padding:.6rem;border-bottom:1px solid #374151;font-size:clamp(.8rem,1.5vw,.975rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predictions-table th{padding:.6rem 1.1rem;font-weight:600;color:#9ca3af;border-bottom:1px solid #374151;font-size:.975rem;text-transform:uppercase;letter-spacing:.055em}.predictions-table tr:last-child td{border-bottom:none}.predictions-table tr:hover{background-color:#ffffff08}.match-info{width:45%;min-width:0}.prediction-info{width:55%;min-width:0}.match-details{display:flex;flex-direction:column;gap:4px;min-width:0}.match-details .teams{font-size:clamp(.85rem,1.5vw,1em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:baseline;gap:8.8px}.match-details .teams .vs{color:#9ca3af;font-weight:400;flex-shrink:0}.match-details .teams .team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.match-details .datetime{font-size:1.045em;color:#9ca3af;white-space:nowrap}.match-details .league{font-size:.99em;color:#9ca3af;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-time-mobile{display:none;color:#9ca3af;font-size:.8em;margin-left:8px;align-self:baseline}.prediction-container{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;min-width:0}.desktop-prediction{display:flex;align-items:flex-start;min-width:fit-content;padding-top:2px}.confidence-container{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prediction-text{font-weight:600;font-size:clamp(.75rem,1.4vw,.9rem);color:#fff;text-transform:uppercase;position:relative;padding:.15rem .6rem;display:inline-flex;align-items:center;justify-content:center;z-index:1;text-shadow:0 2.2px 8.8px rgba(0,0,0,.2);width:fit-content}.prediction-text:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) skew(-10deg);width:calc(100% + 8.8px);height:calc(100% + 4.4px);background:linear-gradient(90deg,#a78bfa,#2563eb,#ec4899);border-radius:6.6px;z-index:-1;opacity:.9;transition:opacity .2s ease}.prediction-text.home:before{background:linear-gradient(90deg,#a78bfa 20%,#c4b5fd)}.prediction-text.draw:before{background:linear-gradient(90deg,#2563eb 20%,#3b82f6)}.prediction-text.away:before{background:linear-gradient(90deg,#ec4899 20%,#f472b6)}.prediction-text:hover:before{opacity:1}.confidence-bar{height:8.8px;border-radius:4.4px;background-color:#2c2d32;position:relative;display:flex;overflow:hidden}.confidence-segment{height:100%;transition:width .3s ease}.confidence-segment.home{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.confidence-segment.draw{background:linear-gradient(90deg,#2563eb,#3b82f6)}.confidence-segment.away{background:linear-gradient(90deg,#ec4899,#f472b6)}.confidence-bar.lay-mode{display:flex;height:20px;border-radius:4px;overflow:hidden;background-color:#f0f0f0;margin-bottom:4px}.confidence-bar.lay-mode .confidence-segment.opposing.home{background:#8b5cf6}.confidence-bar.lay-mode .confidence-segment.opposing.draw{background:#3b82f6}.confidence-bar.lay-mode .confidence-segment.opposing.away{background:#ec4899}.confidence-bar.lay-mode .confidence-segment.lay.home{background:linear-gradient(to right,#8b5cf680,#8b5cf64d)}.confidence-bar.lay-mode .confidence-segment.lay.draw{background:linear-gradient(to right,#3b82f680,#3b82f64d)}.confidence-bar.lay-mode .confidence-segment.lay.away{background:linear-gradient(to right,#ec489980,#ec48994d)}.confidence-labels{display:flex;justify-content:space-between;font-size:.99em;color:#9ca3af}.confidence-labels.lay-mode{display:flex;justify-content:space-between;font-size:.875rem;color:#666}.confidence-labels.lay-mode .opposing-label{opacity:1}.confidence-labels.lay-mode .lay-label{opacity:.75}.confidence-labels.lay-mode .opposing-label.home{color:#8b5cf6}.confidence-labels.lay-mode .opposing-label.draw{color:#3b82f6}.confidence-labels.lay-mode .opposing-label.away{color:#ec4899}.confidence-labels.lay-mode .lay-label.home{color:#8b5cf6bf}.confidence-labels.lay-mode .lay-label.draw{color:#3b82f6bf}.confidence-labels.lay-mode .lay-label.away{color:#ec4899bf}.confidence-labels span{position:relative;padding-left:17.6px}.confidence-labels span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8.8px;height:8.8px;border-radius:4.4px}.home-label:before{background:linear-gradient(90deg,#a78bfa,#c4b5fd)}.draw-label:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.away-label:before{background:linear-gradient(90deg,#ec4899,#f472b6)}@media screen and (max-width: 1100px){.predictions-container{width:95%;min-width:720px;padding:1rem}}@media screen and (max-width: 1100px){.match-details .teams{font-size:clamp(.8rem,1.4vw,.9rem)}.prediction-text{font-size:clamp(.7rem,1.3vw,.85rem);padding:.12rem .5rem}.prediction-container{gap:.75rem}.match-time-mobile{display:inline}.match-metadata .datetime{display:none}}@media screen and (max-width: 768px){.predictions-container{width:95%;min-width:unset;max-width:95%;padding:1rem}}@media screen and (max-width: 500px){.predictions-container{padding:1rem .75rem;width:95%;min-width:unset;max-width:95%;margin:-1rem auto 0;border-radius:8px}.predictions-table{display:block;width:100%;margin:0;padding:0;border-collapse:collapse}.predictions-table tbody{display:block;width:100%}.predictions-table tr{display:flex;flex-direction:column;padding:.3rem 0;border-bottom:1px solid #374151;width:100%;margin:0}.predictions-table tr:last-child{border-bottom:none}.predictions-table td{display:block;width:100%;padding:.2rem;border:none;text-align:center;margin:0;box-sizing:border-box}.match-info{width:100%;max-width:none;min-width:0;padding:0;margin:0}.match-details{min-width:0;text-align:left;gap:4px;padding:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.match-details .teams{font-size:1em;justify-content:flex-start;line-height:1.2;text-align:left;margin:0}.match-metadata{display:none}.prediction-info{width:100%;padding:0;margin:0}.prediction-container{flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:0}.prediction-text{margin:0;font-size:.7em;padding:.12rem .4rem}.match-details .prediction-text{margin:0;display:inline-block;text-align:right}.confidence-container{width:100%;min-width:0;gap:1px;margin-top:.2rem}.confidence-bar{height:4px;margin-bottom:2px}.confidence-labels{justify-content:space-around;font-size:.75em;margin-bottom:0}.confidence-labels span{padding-left:0}.confidence-labels span:before{display:none}.prediction-text:before{width:calc(100% + 4px);height:calc(100% + 2px);border-radius:3px}}@media screen and (max-width: 360px){.predictions-container{padding:.5rem;min-width:unset;width:100%;max-width:100%;margin:-.8rem auto 0}.predictions-table tr{padding:.25rem 0}.prediction-text{font-size:.7em;padding:.12rem .4rem;margin:.2rem 0 .25rem}.prediction-text:before{width:calc(100% + 3px);height:calc(100% + 2px);border-radius:2px}.confidence-container{gap:1px}.confidence-bar{margin-bottom:1px}.confidence-labels{font-size:.75em}}.mobile-prediction{display:none}.desktop-prediction{display:block}@media screen and (max-width: 500px){.match-details .teams{font-size:1em;justify-content:flex-start;line-height:1.2;text-align:left;margin:0}.match-metadata{display:none}.prediction-info{width:100%;padding:0;margin:0}.prediction-container{flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:0}.prediction-text{margin:0;font-size:.7em;padding:.12rem .4rem}.match-details .prediction-text{margin:0;display:inline-block;text-align:right}.confidence-container{width:100%;min-width:0;gap:1px;margin-top:.2rem}.confidence-bar{height:4px;margin-bottom:2px}.confidence-labels{justify-content:space-around;font-size:.75em;margin-bottom:0}.confidence-labels span{padding-left:0}.confidence-labels span:before{display:none}.prediction-text:before{width:calc(100% + 4px);height:calc(100% + 2px);border-radius:3px}}.date-navigator{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.current-date{font-size:1.1rem;font-weight:500;color:#e4e5e7;padding:8px 20px;background-color:#25262b;border-radius:24px;box-shadow:0 4px 20px #0003}.nav-button{background:#25262b;border:none;border-radius:50%;width:40px;height:40px;font-size:1.25rem;color:#e4e5e7;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003}.nav-button:not(.disabled):hover{background-color:#2c2d32;transform:translateY(-1px);box-shadow:0 6px 24px #00000040}.nav-button:not(.disabled):active{background-color:#2c2d32;transform:translateY(1px);box-shadow:0 2px 8px #0003}.nav-button.disabled{background-color:#25262b;color:#4a4b50;cursor:not-allowed;box-shadow:none;opacity:.7}@media screen and (max-width: 480px){.date-navigator{gap:8px}.current-date{font-size:.95rem;padding:6px 16px}.nav-button{width:36px;height:36px;font-size:1.1rem}}.filter-panel{position:relative;display:flex;justify-content:flex-end;width:100%}.filter-toggle-container{display:flex;justify-content:flex-end}.filter-toggle{background:#2c2d32;color:#e4e5e7;border:1px solid #374151;padding:.5rem;border-radius:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:40px;height:40px;outline:none}.filter-toggle:hover{background:#374151;border-color:#374151}.filter-toggle:focus{outline:none;border-color:#374151}.filter-toggle.expanded{background:#2c2d32;border-color:#374151}.filter-icon{display:flex;flex-direction:column;gap:7px;width:20px}.filter-line{position:relative;height:2px;background-color:#e4e5e7;width:100%;border-radius:1px}.filter-circle{position:absolute;height:6px;width:6px;background-color:#e4e5e7;border-radius:50%;top:-2px;left:3px;transition:background-color .2s,left .2s}.filter-toggle.expanded .filter-line:nth-child(1) .filter-circle{background-color:#3b82f6;left:11px}.filter-toggle.expanded .filter-line:nth-child(2) .filter-circle{background-color:#8b5cf6;left:11px}.filter-toggle.expanded .filter-line:nth-child(3) .filter-circle{background-color:#ec4899;left:11px}.filter-content-container{position:absolute;top:100%;right:0;left:0;width:100%;display:flex;justify-content:center;opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;z-index:100;margin-top:.75rem;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1)}.filter-content-container.expanded{opacity:1;transform:translateY(0);max-height:500px}.filter-content-container.collapsed{opacity:0;transform:translateY(-10px);max-height:0}.filter-content{position:relative;margin-top:.5rem;margin-bottom:1rem;background:#25262b;border:1px solid #374151;border-radius:6px;padding:1rem;z-index:10;width:95%;max-width:1200px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.filter-title{margin-top:0;margin-bottom:.75rem;font-size:16px;font-weight:600;color:#e4e5e7}.filter-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.filter-checkbox{display:flex;align-items:center;padding:.3rem .5rem;cursor:pointer;transition:background-color .2s;color:#e4e5e7;font-size:14px;border-radius:4px}.filter-checkbox:hover{background:#2c2d32}.filter-checkbox input[type=checkbox]{margin-right:8px}.filter-all{margin-bottom:.75rem;padding:.5rem;background:#2c2d32;border-radius:4px;font-weight:600}.filter-all:hover{background:#374151}.filter-content::-webkit-scrollbar{width:8px}.filter-content::-webkit-scrollbar-track{background:#2c2d32;border-radius:4px}.filter-content::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.filter-content::-webkit-scrollbar-thumb:hover{background:#4b5563}#root{margin:0;min-height:100vh;background-color:#1a1b1e;display:flex;justify-content:center;width:100%}.app{min-height:100vh;width:100%;max-width:2420px;padding:2rem;color:#e4e5e7;display:flex;flex-direction:column;align-items:center}header{margin-bottom:1.5rem;text-align:center;position:relative;padding:1.5rem;overflow:visible;display:flex;align-items:center;justify-content:center;gap:1rem}header h1{margin:0;font-size:2.5rem;font-weight:500;letter-spacing:-.25px;position:relative;display:inline-block;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,#a78bfa,#2563eb,#ec4899),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:overlay;text-shadow:0 1px 4px rgba(0,0,0,.15)}.avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;transform:scaleX(-1);box-shadow:0 4px 8px #0003;transition:transform .3s ease;padding:3px;position:relative}.avatar{background-image:linear-gradient(45deg,#a78bfa,#2563eb,#ec4899),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:overlay}.avatar:hover{transform:scaleX(-1) scale(1.05)}main{padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.loading,.error{text-align:center;padding:2rem;background:#25262b;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1200px;color:#e4e5e7}.error{color:#f87171}.predictions-container{width:100%;max-width:1200px}.predictions-container .no-predictions-message{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.no-predictions-message p{margin:0;font-size:1.5rem;font-weight:500;color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(45deg,#a78bfa,#2563eb,#ec4899),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:overlay;text-shadow:0 1px 4px rgba(0,0,0,.15);width:100%;text-align:center}.controls-container{width:1020px;margin:0 auto 1.925rem;padding:0;box-sizing:border-box}.controls{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.375rem;background-color:#25262b;border-radius:13.2px;box-shadow:0 8.8px 35.2px #00000040;box-sizing:border-box}.sort-controls{display:flex;align-items:center;gap:1.5rem;flex:1}.date-container{flex:2;display:flex;justify-content:center}.filter-button-container{flex:1;display:flex;justify-content:flex-end}.time-sort{position:relative;display:inline-block;height:34px}.time-sort input{opacity:0;width:0;height:0;position:absolute}.time-sort-button{display:flex;align-items:center;justify-content:center;cursor:pointer;height:34px;padding:0;background-color:#2c2d32;border-radius:17px;transition:.4s;width:90px}.time-sort input:checked+.time-sort-button{background-color:#3b82f6}.time-sort-text{color:#e4e5e7;font-size:14px;font-weight:600;text-transform:uppercase}.switch{position:relative;display:inline-block;width:90px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#a78bfa;transition:.4s;border-radius:34px;overflow:hidden}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;top:50%;transform:translateY(-50%);background-color:#fff;transition:.4s;border-radius:50%;z-index:2}.switch input:checked+.slider{background-color:#ec4899}.switch input:checked+.slider:before{transform:translate(56px,-50%)}.slider-text{position:absolute;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:opacity .3s;z-index:1}.slider-text.lay{left:12px;opacity:0}.slider-text.back{right:12px;opacity:0}.switch input:not(:checked)+.slider .slider-text.back{opacity:1}.switch input:checked+.slider .slider-text.lay{opacity:1}.toggle-button{padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;font-size:1rem;transition:all .2s ease}.toggle-button:hover{background-color:#f0f0f0}.toggle-button.active{background-color:#007bff;color:#fff;border-color:#0056b3}@media screen and (max-width: 1100px){.controls-container{width:95%;min-width:720px;padding:0}}@media screen and (max-width: 768px){.controls-container{width:95%;min-width:unset;max-width:95%;padding:0}}@media screen and (max-width: 500px){.app{padding:1rem .5rem}header{margin-bottom:.75rem;padding:1rem;gap:.75rem}header h1{font-size:2rem}.avatar{width:50px;height:50px}.controls-container{width:95%;min-width:unset;max-width:95%}.controls{flex-direction:column;align-items:stretch;gap:1rem}.sort-controls{flex-direction:row;justify-content:center;gap:1rem;margin-left:0}.time-sort{height:30px}.time-sort-button{height:30px;padding:0 14px;min-width:70px}.time-sort-text{font-size:13px}.predictions-container .no-predictions-message{height:150px}.no-predictions-message p{font-size:1.2rem}}@media screen and (max-width: 360px){.controls-container{width:100%;max-width:100%}}