@import"./assets/fonts/Permanent_Marker/style.css";@media(max-width: 575.98px){.breakpoint-sm-down-hide{display:none !important}}@media(min-width: 576px){.breakpoint-sm-up-hide{display:none !important}}@media(max-width: 767.98px){.breakpoint-md-down-hide{display:none !important}}@media(min-width: 768px){.breakpoint-md-up-hide{display:none !important}}@media(max-width: 991.98px){.breakpoint-lg-down-hide{display:none !important}}@media(min-width: 992px){.breakpoint-lg-up-hide{display:none !important}}@media(max-width: 1199.98px){.breakpoint-xl-down-hide{display:none !important}}@media(min-width: 1200px){.breakpoint-xl-up-hide{display:none !important}}@media(max-width: 1399.98px){.breakpoint-xxl-down-hide{display:none !important}}@media(min-width: 1400px){.breakpoint-xxl-up-hide{display:none !important}}h1,h2,h3{width:100%;text-align:center;font-weight:normal}h1{color:var(--color-h1)}h2{color:var(--color-h2)}h3{color:var(--color-h3)}h1.line{position:relative;width:100%;text-align:center;overflow:hidden}h1.line:before{right:.5em;margin-left:-50%}h1.line:after{left:.5em;margin-right:-50%}h1.line:before,h1.line:after{content:"";display:inline-block;height:0;position:relative;vertical-align:middle;width:50%;border-top:1px solid var(--color-divider)}h2.line{position:relative;width:100%;text-align:center;overflow:hidden}h2.line:before{right:.5em;margin-left:-50%}h2.line:after{left:.5em;margin-right:-50%}h2.line:before,h2.line:after{content:"";display:inline-block;height:0;position:relative;vertical-align:middle;width:50%;border-top:1px solid var(--color-divider)}h3.line{position:relative;width:100%;text-align:center;overflow:hidden}h3.line:before{right:.5em;margin-left:-50%}h3.line:after{left:.5em;margin-right:-50%}h3.line:before,h3.line:after{content:"";display:inline-block;height:0;position:relative;vertical-align:middle;width:50%;border-top:1px solid var(--color-divider)}div.hint{padding:1em;border-radius:.5em;font-size:.9em;margin:0 auto;width:-moz-fit-content;width:fit-content;display:inline-flex;flex-direction:row;gap:.5em;line-height:1.5;align-items:center;text-align:justify}div.hint .icon{width:1.5em;line-height:0}div.hint.info{background-color:var(--color-hint-info-background);color:var(--color-hint-info-text);border:1px solid var(--color-hint-info-border);box-shadow:0 0 3em color-mix(in hsl, var(--color-hint-info-border), transparent 75%)}div.hint.info svg{fill:var(--color-hint-info-text)}div.hint.warn{background-color:var(--color-hint-warn-background);color:var(--color-hint-warn-text);border:1px solid var(--color-hint-warn-border);box-shadow:0 0 3em color-mix(in hsl, var(--color-hint-warn-border), transparent 75%)}div.hint.warn svg{fill:var(--color-hint-warn-text)}div.hint.error{background-color:var(--color-error-background);color:var(--color-error-text);border:1px solid var(--color-error-border);box-shadow:0 0 3em color-mix(in hsl, var(--color-error-border), transparent 75%)}div.hint.error svg{fill:var(--color-error-text)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}input,button,textarea,select{font:inherit}body,html{min-height:100vh;scroll-behavior:smooth;-webkit-tap-highlight-color:rgba(0,0,0,0)}ul,ol{list-style:none}a{text-decoration:none}p{margin:1em 0}::-moz-selection{background:var(--color-font);color:var(--color-background)}::selection{background:var(--color-font);color:var(--color-background)}:root{--font-system-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-smallest: 0.75rem;--font-size-smaller: 0.8125rem;--font-size-small: 0.875rem;--font-size-normal: 1rem;--font-size-large: 1.25rem;--font-size-larger: 1.5rem;--font-size-largest: 2rem;--color-bingo-gold: #ffd777;--color-bingo-blue: #00fcff;--color-bingo-yellow: #fbe989;--color-team-red: #be1310;--color-team-blue: #095ca8;--color-teams-accent: var(--color-bingo-gold);--color-background: #131313;--color-on-background: #eee;--color-hint-info-background: #2a2a2a;--color-hint-info-text: #cccccc;--color-hint-info-border: #444444;--color-hint-warn-background: #5f3a1e;--color-hint-warn-text: #fff0d0;--color-hint-warn-border: #8c5a3a;--color-error-background: #5f1e1e;--color-error-text: #ffd0d0;--color-error-border: #8c3a3a;--color-divider: color-mix(in hsl, var(--color-on-background), transparent 80%);--color-text: #ccc;--color-h1: var(--color-bingo-gold);--color-h2: var(--color-bingo-gold);--color-h3: var(--color-text);--color-dark: #070d13;--color-light: seashell;--color-font: seashell;--color-site-background: #111111;--color-outline: rgba(0, 0, 0, 0.5);--color-outline-inset: rgba(255, 255, 255, 0.15);--color-outline-inset-intense: rgba(255, 255, 255, 0.4);--color-nav-background: rgba(43, 69, 90, 0.8);--color-nav-link-text: rgb(200, 220, 255);--color-nav-link-hover: rgb(0, 47, 101);--color-nav-link-active: #fff;--color-nav-link-background-hover: rgb(171, 199, 255);--color-nav-link-background-active: rgba(23, 24, 26, 0.75);--color-nav-mobile-menu-button-shadow: #0006;--color-nav-mobile-menu-button-background-open: rgba(255, 255, 255, 0.1);--color-nav-mobile-menu-button-background-close: rgba(0, 0, 0, 0.25);--color-twitch-purple: #9146ff;--color-twitch-ice: #f0f0ff;--color-youtube: #ff0033;--color-twitter: #1d9bf0;--backdrop-blur: 20px;--border-radius: 8px;--z-nav: 50;--z-nav-content: 55;--z-nav-dropdown: 60;--z-nav-items: 65;--first-content-padding: 140px}body{background-color:var(--color-site-background);color:var(--color-text);fill:#fff;background-image:url(noise.png);background-repeat:repeat;font-family:var(--font-system-ui);padding:0;text-rendering:optimizeLegibility;color-scheme:dark light;display:flex;flex-direction:column}body>main{flex:1 0 auto}ul.bullet-list,ol.bullet-list{list-style:initial;padding-left:1.5em}section{margin-bottom:4em;display:flex;flex-direction:column;gap:2em 0}section>*{width:100%}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.flex-row>.spacer{flex:auto;min-width:1rem}.flex-column{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.flex-column>.spacer{flex:auto;min-height:1rem}.text{color:var(--color-font)}.text.center{text-align:center}.outline{outline:1px solid var(--color-outline-inset);outline-offset:-1px;box-shadow:0 0 0 1px var(--color-outline)}section.hero{padding-top:var(--first-content-padding)}.hero-img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-img img{display:block;margin:0 auto;filter:drop-shadow(0 0 5px rgba(0, 0, 0, 0.3))}.hero-img img.bingo-brawlers{width:710px}.hero-img img.season-banner{width:440px;margin-top:-65px}@media(prefers-reduced-motion: no-preference){.hero-img.animate{opacity:0;animation:hero-slide 2s 0s forwards ease-out}.hero-img.animate .season-banner{opacity:0;animation:hero-banner-pop 1.5s 1s forwards ease}}@keyframes hero-slide{0%{transform:translateY(-100px) scale(0.8);opacity:0}50%{transform:translateY(10px) scale(1.01);opacity:1}100%{transform:translateY(0);opacity:1}}@keyframes hero-banner-pop{0%{transform:scale(5);opacity:0}50%{transform:scale(0.95);opacity:.25}100%{transform:scale(1);opacity:1}}.display-font{font-family:"Permanent Marker",var(--font-system-ui)}.page-content{min-width:95%;max-width:1400px;margin:0 auto;padding:0 2em}.page-content>:first-child{padding-top:150px}.icon-text{display:flex;flex-direction:row}.icon{width:1.142857em;flex-shrink:0}.icon svg{width:100%;height:100%}.teams-wrapper{--teams-num-teams: 6;--teams-num-rows: 2;--teams-gap: 3em;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--teams-gap);justify-content:center;width:100%;max-width:960px;margin:0 auto}.teams-wrapper .team{width:calc(100%/var(--teams-num-teams)*var(--teams-num-rows) - var(--teams-gap))}@media(max-width: 991.98px){.teams-wrapper{--teams-num-rows: 3}}.team{--teams-inner-gap: 0.75em;--teams-avatar-outline-size: 2px;--teams-team-box-shadow: 0 0 2em #0009}.team .wrapper{margin:0 auto;position:relative;display:flex;flex-direction:column;gap:var(--teams-inner-gap)}.team .wrapper>.players{position:relative;display:flex;gap:var(--teams-inner-gap);flex-direction:row;justify-content:center}.team .wrapper>.players>.player{display:flex;flex-direction:column;gap:1em;position:relative;width:100%}.team .wrapper>.players>.player:hover .avatar{outline-color:#fff}.team .wrapper>.players>.player:hover .name{background-color:#fff;color:#000;text-shadow:0 0 5px #fff}.team .wrapper>.players>.player .avatar{position:relative;overflow:hidden;border-radius:50%;outline:var(--teams-avatar-outline-size) solid var(--color-teams-accent);outline-offset:calc(var(--teams-avatar-outline-size)*-1);box-shadow:inset 0 0 0 calc(var(--teams-avatar-outline-size)*2.5) var(--color-background),var(--teams-team-box-shadow);padding-top:100%;margin-bottom:.25em;width:100%;height:0;line-height:0;background-size:calc(100% - var(--teams-avatar-outline-size)*5);background-repeat:no-repeat;background-position:center}.team .wrapper>.players>.player .name{position:absolute;bottom:0;left:0;right:0;text-align:center;width:100%;height:2em;padding:0 .5em;background-color:rgba(0,0,0,.2);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));transition:all .25s ease;color:hsla(0,0%,100%,.8);text-shadow:0 0 5px #000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:bold;outline:1px solid var(--color-outline-inset);outline-offset:-1px;box-shadow:0 0 0 1px var(--color-outline);box-shadow:var(--teams-team-box-shadow)}.team .wrapper>.players>.player .name>span{vertical-align:middle;line-height:2rem;font-size:.8em}.team .wrapper>.name{position:relative;z-index:1;border-radius:var(--border-radius);white-space:nowrap;text-align:center;color:rgba(0,0,0,.8);font-weight:bold;background-color:var(--color-teams-accent);padding:.5em 1em;text-shadow:1px 1px 0 hsla(0,0%,100%,.4),-1px -1px 0 rgba(0,0,0,.0666666667);outline:1px solid var(--color-outline-inset);outline-offset:-1px;box-shadow:0 0 0 1px var(--color-outline);box-shadow:var(--teams-team-box-shadow)}section.schedule{text-align:center}section.schedule .hint .red,section.schedule .hint .blue{color:#fff;padding:0 .25em;border-radius:3px}section.schedule .hint .red{background-color:var(--color-team-red)}section.schedule .hint .blue{background-color:var(--color-team-blue)}section.schedule .match-days{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:4em}section.schedule .match-days .match-day{display:flex;flex-direction:column;gap:2em;align-items:center}section.schedule .match-days .match-day>h3{margin-bottom:0}section.schedule .match-days .match-day .match-start-date{color:var(--color-background);padding:1em 0}section.schedule .match-days .match-day .match-start-date time{background-color:var(--color-on-background);padding:.25em .5em;border-radius:var(--border-radius);display:inline-block;font-weight:bold;text-shadow:0 0 5px #fff;display:inline-block;box-shadow:0 0 5px #000}section.schedule .match-days .match-day.today{position:relative}section.schedule .match-days .match-day.today .match-start-date time::after{content:"  – TODAY"}section.schedule .match-days .match-day.today::before{--color: color-mix(in hsl, var(--color-bingo-gold), transparent 90%);content:"";position:absolute;top:2.3em;left:50%;height:calc(100% + 4em);width:150%;transform:translateX(-50%);z-index:-1;background-position:top;background-size:100%;background-image:linear-gradient(90deg, transparent, var(--color) 30%, var(--color) 70%, transparent)}section.schedule .match-days .match-day .match{width:100%;display:flex;flex-direction:column;align-items:center;gap:2em}section.schedule .match-days .match-day .match .match-id{display:none}section.schedule .match-days .match-day .match .teams{display:flex;flex-direction:row;align-items:center;gap:2em;width:75%;justify-content:space-evenly;position:relative}section.schedule .match-days .match-day .match .teams .team{width:100%}section.schedule .match-days .match-day .match .teams .team.red>.wrapper{--color-teams-accent: var(--color-team-red)}section.schedule .match-days .match-day .match .teams .team.blue>.wrapper{--color-teams-accent: var(--color-team-blue)}section.schedule .match-days .match-day .match .teams .team .player:hover .name{background-color:#fff;color:#000;text-shadow:0 0 5px #fff}section.schedule .match-days .match-day .match .teams .name{color:#fff;text-shadow:0 0 5px #000}section.schedule .match-days .match-day .match .teams .vs{font-size:2em;font-style:italic;text-transform:capitalize;color:var(--color-on-background);position:relative}section.schedule .match-days .match-day .match .teams .vs::before,section.schedule .match-days .match-day .match .teams .vs::after{content:"";margin:0 auto;display:block;padding:1em 0;height:2em;width:0;border-left:.2em dotted var(--color-divider)}section.schedule .match-days .match-day .match .teams .vs::before{margin-bottom:.5em}section.schedule .match-days .match-day .match .teams .vs::after{margin-top:.5em}section.schedule .match-days .match-day .match:last-of-type .vs::after{border-color:rgba(0,0,0,0)}.downloads{text-align:center}article{max-width:500px;margin:0 auto}article .description{text-align:left}article ul .download-entry{margin-bottom:1em;--color: white;--background: var(--color-nav-background)}article ul .download-entry:hover{--color: var(--color-nav-link-hover);--background: var(--color-nav-link-background-hover)}article ul .download-entry:hover .download-description{--color: var(--color-nav-link-hover)}article ul .download-entry:hover .download-title{color:var(--color-nav-link-hover)}article ul .download-entry a{background-color:var(--background);display:block;padding:.75em 1em;color:var(--color);fill:var(--color);border-radius:var(--border-radius);transition:all .2s ease-in-out;position:relative}article ul .download-entry a>.background-image{position:absolute;inset:0;pointer-events:none;background-position:right center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(100deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0.2) 100%);mask-image:linear-gradient(100deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0.2) 100%);background-size:cover;transition:opacity .5s ease-out;border-radius:inherit}article ul .download-entry a .download-title{display:flex;flex-direction:row;margin-bottom:.25em;font-size:var(--font-size-large);font-weight:500}article ul .download-entry a .download-title .icon{margin-right:.25em}article ul .download-entry a .download-description{--color: #fff8;display:flex;flex-direction:row;color:var(--color);fill:var(--color);font-size:var(--font-size-small);transition:all .2s ease-in-out;gap:1em}article ul .download-entry a .download-description .icon{margin-left:.25em;margin-right:.5em}article ul .download-entry a .download-description *{align-content:center}article ul .download-entry a .download-description>.icon-text{flex-shrink:1}article ul .download-entry a .download-description>.icon-text:first-child{flex-grow:1}article ul .download-entry a .download-description>.icon-text:first-child>.icon{display:none}article ul .download-entry a .download-description>.icon-text>span{text-align:left}section.introduction{text-align:center}section.introduction a[href="/prediction"]{margin:2em 0 1em 0;display:block}header.main-nav{--nav-font-size: var(--font-size-small);--nav-line-height: 1.4;position:fixed;z-index:var(--z-nav);font-size:var(--nav-font-size);line-height:var(--nav-line-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}header.main-nav>nav{position:relative}header.main-nav>nav::before{content:"";position:absolute;z-index:calc(var(--z-nav) - 2);inset:0;pointer-events:none;outline:1px solid var(--color-outline);border-radius:calc(var(--border-radius) - var(--nav-outline-offset));-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));background:var(--color-nav-background) url(assets/img/nav-gradient.svg) no-repeat top left;background-position-x:-1px;background-size:auto 100%;box-shadow:0 5px 10px rgba(0,0,0,.5)}header.main-nav>nav::after{content:"";position:absolute;z-index:calc(var(--z-nav) - 1);inset:0;outline:1px solid var(--color-outline-inset);outline-offset:-1px;border-radius:calc(var(--border-radius) - var(--nav-outline-offset))}header.main-nav>nav>*{z-index:var(--z-nav-content)}header.main-nav>nav .user{display:flex;width:100%;flex-direction:row;position:relative;z-index:var(--z-nav)}header.main-nav>nav .user a{width:100%}header.main-nav>nav .user a:not([href="/logout"]){--button-background: var(--color-twitch-purple);--button-color: var(--color-twitch-ice);color:var(--button-color);fill:var(--button-color);font-weight:500;background-color:var(--button-background);outline:1px solid var(--color-outline-inset-intense);outline-offset:-1px;box-shadow:0 0 0 1px var(--color-outline);text-shadow:0 0 3px rgba(0,0,0,0)}header.main-nav>nav .user a:not([href="/logout"]):hover{--button-background: color-mix(in hsl, var(--color-twitch-purple), #fff 10%);--button-color: #fff;text-shadow:0 0 2px rgba(0,0,0,.5)}header.main-nav>nav .user .avatar{padding-right:calc(var(--nav-link-padding-x)/2)}header.main-nav>nav .user .avatar img{height:1.75em;border-radius:50%;margin-bottom:-0.5em;margin-top:-0.25em}header.main-nav>nav .season-number{color:var(--color-nav-link-hover);background-color:var(--color-light);border-radius:4px;padding-inline:.5em;margin-left:.5em;font-weight:bold}header.main-nav:not(.mobile){--nav-link-padding-x: 0.75em;--nav-link-padding-y: 0.375rem;--nav-link-padding: var(--nav-link-padding-y) var(--nav-link-padding-x);--nav-logo-offset: -1.25rem;--nav-outline-offset: 1px;--nav-bar-padding: 0.5rem;--nav-bar-height: calc( var(--nav-font-size) * var(--nav-line-height) + var(--nav-link-padding-y) * 2 + var(--nav-bar-padding) * 2 );--nav-element-gap: 1rem;--nav-sub-padding: 0.333rem;--nav-sub-background: var(--color-nav-link-background-active);--nav-sub-outline-color: var(--color-outline-inset);pointer-events:none;inset:2rem;bottom:auto;margin:auto}header.main-nav:not(.mobile)>div.flex-row{width:100%;padding-inline:2em var(--nav-bar-padding)}header.main-nav:not(.mobile)>nav{padding:.5rem;border-radius:var(--border-radius);pointer-events:auto;--safe-hover-padding: 1.5em;display:flex;gap:var(--nav-element-gap);flex-wrap:nowrap}header.main-nav:not(.mobile)>nav.left .logo{position:relative;height:2rem;z-index:calc(var(--z-nav) + 1);margin-left:1rem}header.main-nav:not(.mobile)>nav.left .logo img{position:relative;top:var(--nav-logo-offset);height:5rem}header.main-nav:not(.mobile)>nav.left .logo img:not(.hover-overlay){--x: 4px;--y: 2px;--b: 2px;--c: #0004;filter:drop-shadow(calc(-1 * var(--x)) calc(-1 * var(--y)) var(--b) var(--c)) drop-shadow(calc(-1 * var(--x)) var(--y) var(--b) var(--c)) drop-shadow(var(--x) var(--y) var(--b) var(--c)) drop-shadow(var(--x) calc(-1 * var(--y)) var(--b) var(--c))}header.main-nav:not(.mobile)>nav.left .logo img.hover-overlay{position:absolute;inset:0;top:var(--nav-logo-offset);opacity:0;--c: #0000;filter:drop-shadow(0 0 5px var(--c));transition:opacity .25s,filter .5s}header.main-nav:not(.mobile)>nav.left .logo img.hover-overlay:hover{opacity:1;--c: rgba(255, 30, 0, 0.25)}header.main-nav:not(.mobile)>nav .safe-hover-box{position:absolute;inset:0;margin-inline:calc(-1*var(--safe-hover-padding));z-index:var(--z-nav-dropdown)}header.main-nav:not(.mobile)>nav .drop-down{position:absolute;inset:0;display:flex;justify-content:center;padding-top:var(--nav-bar-height);height:-moz-fit-content;height:fit-content}header.main-nav:not(.mobile)>nav .drop-down.delay .content{transition-delay:.25s}header.main-nav:not(.mobile)>nav .drop-down .content{display:none;outline:1px solid var(--color-outline);background-color:rgba(0,0,0,0);border-radius:8px;-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));transition-behavior:allow-discrete;transition:all .5s;width:-moz-fit-content;width:fit-content}header.main-nav:not(.mobile)>nav .drop-down ul{flex-direction:column;background-color:var(--color-nav-background);padding:var(--nav-sub-padding);border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.25);outline:1px solid var(--nav-sub-outline-color);outline-offset:-1px;gap:calc(var(--nav-element-gap)/2);transition-behavior:allow-discrete;transition:all .5s}header.main-nav:not(.mobile)>nav ul{display:flex;flex-direction:row;font-weight:300;gap:var(--nav-element-gap);flex-wrap:inherit;justify-content:center;position:relative;z-index:calc(var(--z-nav) + 1)}header.main-nav:not(.mobile)>nav ul li.separator{width:1px;height:75%;background-color:var(--color-outline-inset);align-self:center}header.main-nav:not(.mobile)>nav li,header.main-nav:not(.mobile)>nav .season{display:grid;align-items:center;position:relative;white-space:nowrap}header.main-nav:not(.mobile)>nav li:hover ul,header.main-nav:not(.mobile)>nav .season:hover ul{display:flex;opacity:1}@starting-style{header.main-nav:not(.mobile)>nav li:hover ul,header.main-nav:not(.mobile)>nav .season:hover ul{opacity:0}}header.main-nav:not(.mobile)>nav li:hover .content,header.main-nav:not(.mobile)>nav .season:hover .content{display:block;opacity:1}@starting-style{header.main-nav:not(.mobile)>nav li:hover .content,header.main-nav:not(.mobile)>nav .season:hover .content{opacity:0}}header.main-nav:not(.mobile)>nav li:not(:has(span)) .icon,header.main-nav:not(.mobile)>nav .season:not(:has(span)) .icon{margin-right:0}header.main-nav:not(.mobile)>nav li:has(span) .icon,header.main-nav:not(.mobile)>nav .season:has(span) .icon{margin-right:.25em}header.main-nav:not(.mobile)>nav li:has(.subnav,.drop-down) a,header.main-nav:not(.mobile)>nav .season:has(.subnav,.drop-down) a{z-index:var(--z-nav-items)}header.main-nav:not(.mobile)>nav li:has(.subnav,.drop-down):hover>a,header.main-nav:not(.mobile)>nav .season:has(.subnav,.drop-down):hover>a{--color-nav-link-text: var(--color-nav-link-hover);background-color:var(--color-nav-link-background-hover)}header.main-nav:not(.mobile)>nav li.active>a:not(.logo),header.main-nav:not(.mobile)>nav .season.active>a:not(.logo){--color-nav-link-text: var(--color-nav-link-active);background-color:var(--color-nav-link-background-active)}header.main-nav:not(.mobile)>nav a:not(.logo){display:flex;flex-direction:row;flex-wrap:nowrap;color:var(--color-nav-link-text);fill:var(--color-nav-link-text);transition:text-shadow,color,background-color,fill;transition-duration:.25s;padding:var(--nav-link-padding);font-weight:500;border-radius:4px}header.main-nav:not(.mobile)>nav a:not(.logo):not([href="/login"]):hover{--color-nav-link-text: var(--color-nav-link-hover);background-color:var(--color-nav-link-background-hover)}header.main-nav:not(.mobile)>nav>div a{z-index:var(--z-nav-items)}header.main-nav:not(.mobile)>nav>div:hover>a{--color-nav-link-text: var(--color-nav-link-hover);background-color:var(--color-nav-link-background-hover)}header.main-nav:not(.mobile) .user{display:flex;flex-grow:1;flex-direction:row;position:relative;z-index:var(--z-nav)}header.main-nav:not(.mobile) .user a:not([href="/logout"]){--button-background: var(--color-twitch-purple);--button-color: var(--color-twitch-ice);color:var(--button-color);fill:var(--button-color);font-weight:500;background-color:var(--button-background);outline:1px solid hsla(0,0%,100%,.4);outline-offset:-1px;box-shadow:0 0 0 1px var(--color-outline);text-shadow:0 0 3px rgba(0,0,0,0)}header.main-nav:not(.mobile) .user a:not([href="/logout"]):hover{--button-background: color-mix(in hsl, var(--color-twitch-purple), #fff 10%);--button-color: #fff;text-shadow:0 0 2px rgba(0,0,0,.5)}header.main-nav:not(.mobile) .user .avatar{padding-right:calc(var(--nav-link-padding-x)/2)}header.main-nav:not(.mobile) .user .avatar img{height:1.75em;border-radius:50%;margin-bottom:-0.5em;margin-top:-0.25em}header.main-nav:not(.mobile) .season-number{color:var(--color-nav-link-hover);background-color:var(--color-light);border-radius:4px;padding-inline:.5em;margin-left:.5em;font-weight:bold}@media(max-width: 1399.98px){header.main-nav:not(.mobile)>nav.left{z-index:calc(var(--z-nav-content) + 1)}header.main-nav:not(.mobile)>nav.left,header.main-nav:not(.mobile)>nav.left::before,header.main-nav:not(.mobile)>nav.left::after{border-top-right-radius:0;border-bottom-right-radius:0}header.main-nav:not(.mobile)>nav.right{flex-grow:1;justify-content:end}header.main-nav:not(.mobile)>nav.right::before,header.main-nav:not(.mobile)>nav.right::after{border-top-left-radius:0;border-bottom-left-radius:0;background:color-mix(in hsl, var(--color-nav-background), #000 25%)}header.main-nav:not(.mobile) .spacer{display:none}}header.main-nav.mobile{inset:0;bottom:auto;--nav-font-size: var(--font-size-largest);--nav-bar-padding-horizontal: 1.5rem;--nav-bar-padding-vertical: 1rem;--nav-bar-height: calc(var(--nav-font-size) * var(--nav-line-height) + var(--nav-bar-padding-vertical) * 2);height:var(--nav-bar-height);width:100%;outline:1px solid var(--color-outline-inset);outline-offset:-1px}header.main-nav.mobile>nav{width:100%;height:100%;padding:var(--nav-bar-padding-vertical) var(--nav-bar-padding-horizontal);z-index:calc(var(--z-nav) + 1)}header.main-nav.mobile>nav>.logo{display:block;height:100%;--x: 4px;--y: 2px;--b: 2px;--c: #0004;filter:drop-shadow(calc(-1 * var(--x)) calc(-1 * var(--y)) var(--b) var(--c)) drop-shadow(calc(-1 * var(--x)) var(--y) var(--b) var(--c)) drop-shadow(var(--x) var(--y) var(--b) var(--c)) drop-shadow(var(--x) calc(-1 * var(--y)) var(--b) var(--c))}header.main-nav.mobile>nav>.logo>img{height:100%}header.main-nav.mobile>nav>ul{display:none;align-items:start;justify-content:start;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--color-nav-background);position:absolute;top:100%;left:0}header.main-nav.mobile>nav>ul>li{width:100%;padding:.5rem 2rem}header.main-nav.mobile>nav>ul>li>a{display:flex;flex-direction:row;gap:1rem}header.main-nav.mobile>nav>ul>li ul{display:none}header.main-nav.mobile>nav>ul>li.separator{height:1px;width:100%;margin:.5rem 0;padding:0;background-color:var(--color-outline-inset)}header.main-nav.mobile>nav>ul>li.user>a{padding:.5rem 1rem;border-radius:var(--border-radius)}header.main-nav.mobile a.menu-button{cursor:pointer;--nav-menu-icon-shadow-width: 1rem;color:var(--color-nav-link-text);width:var(--nav-bar-height);height:var(--nav-bar-height);position:absolute;right:0;top:0;border-left:1px solid var(--color-outline-inset);padding:calc(var(--nav-bar-padding-vertical)*.75) calc(var(--nav-bar-padding-horizontal)*.75)}header.main-nav.mobile a.menu-button>.icon{width:100%;height:100%}header.main-nav.mobile a.menu-button.open{background-color:var(--color-nav-mobile-menu-button-background-open);box-shadow:0 0 var(--nav-menu-icon-shadow-width) var(--color-nav-mobile-menu-button-shadow);clip-path:inset(0px 0px 0px calc(var(--nav-menu-icon-shadow-width) * -1))}header.main-nav.mobile a.menu-button.open:focus-within{opacity:0;pointer-events:none}header.main-nav.mobile a.menu-button.open:focus-within~ul{display:flex !important}header.main-nav.mobile a.menu-button.open:focus-within~.menu-button.close{display:block}header.main-nav.mobile a.menu-button.open>.icon>svg{fill:color-mix(in hsl, var(--color-nav-background), #fff 75%);filter:drop-shadow(0 0 1px #000)}header.main-nav.mobile a.menu-button.close{display:none;background-color:var(--color-nav-mobile-menu-button-background-close);outline:1px solid var(--color-outline-inset);outline-offset:-1px;box-shadow:inset 0 0 var(--nav-menu-icon-shadow-width) var(--color-nav-mobile-menu-button-shadow)}header.main-nav.mobile a.menu-button.close>.icon>svg{fill:color-mix(in hsl, var(--color-nav-background), #fff 50%)}footer.main{--nav-text-color: color-mix(in hsl, var(--color-on-background), #000 50%);--nav-link-color: color-mix(in hsl, var(--color-on-background), #000 10%);--nav-background: color-mix(in hsl, var(--color-background), #000 25%);position:relative;border-top:1px solid var(--color-divider);padding:2em;line-height:1.5em;color:var(--nav-text-color);background-color:var(--nav-background)}footer.main::before{content:"";position:absolute;z-index:0;width:100%;height:2em;top:0;left:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent)}footer.main svg{height:1.5em}footer.main sup{font-size:.7em}footer.main a{color:var(--nav-link-color);-webkit-text-decoration:dashed underline;text-decoration:dashed underline}footer.main a:hover{color:var(--color-bingo-gold)}footer.main a:hover svg{fill:var(--color-bingo-gold) !important}footer.main nav{position:relative;z-index:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:4em;justify-content:center}footer.main nav>div>span{display:block;margin-bottom:1em;font-weight:bold}footer.main nav>div>ul{margin-left:.5em}footer.main nav>div.socials svg{fill:var(--nav-link-color);height:1em;margin-bottom:-0.25em;margin-right:.5em}footer.main .footnote{margin-top:2em;border-top:1px solid var(--color-divider);padding-block:2em;font-size:var(--font-size-smallest);color:hsla(0,0%,100%,.5);fill:hsla(0,0%,100%,.5);text-align:center;line-height:1.5}.predictions h1{text-align:center}.predictions .explanation{font-size:var(--font-size-large);margin-top:1em}.predictions .explanation .interaction{font-size:var(--font-size-larger);color:var(--color-bingo-yellow);margin-top:1.5em;font-weight:bold}.team-display{margin-bottom:6rem;margin-inline:1rem}.team-display h2{font-weight:bold;font-size:var(--font-size-largest);text-align:center;padding:.5em}.team-display .teams{--square: 70px;margin-top:3rem;display:grid;grid-template-rows:repeat(2, 1fr);grid-template-columns:repeat(3, 1fr);gap:1em}.team-display .team{display:flex;flex-direction:column;justify-content:center;flex:0 0 20em;background-color:#cacaca;color:#000;border-radius:var(--border-radius);outline:1px solid var(--color-outline);position:relative}.team-display .team a{color:#fff}.team-display .team::before{content:"";position:absolute;inset:0;border-radius:var(--border-radius);outline:1px solid var(--color-outline-inset);outline-offset:-1px;z-index:1}.team-display .team .team-name{font-size:1.5rem;font-weight:bold;text-align:center;padding:.5em;position:relative;z-index:1}.team-display .team .team-members{display:flex;flex-direction:column;gap:1em;justify-content:center;text-align:center;background:var(--color-nav-background);padding:1em 2em;border-radius:0 0 var(--border-radius) var(--border-radius)}.team-display .team .team-members *{z-index:2;position:relative}.team-display .team .team-member{display:flex;align-items:center;flex-direction:row;gap:1em;background-color:rgba(0,0,0,.3);border-radius:var(--square);transition:background-color .2s ease-in-out}.team-display .team .team-member:hover{background-color:rgba(0,0,0,.5)}.team-display .team .team-member-avatar{width:var(--square);height:var(--square);display:flex;justify-content:center;align-items:center}.team-display .team .team-member-avatar img{width:100%;height:100%;border-radius:50%}.team-display .team .team-member-name{font-weight:bold;text-align:center;padding:.5em;font-size:var(--font-size-large)}.prediction-vote{--square: 70px;margin-inline:1rem;margin-bottom:3rem;text-align:center}.prediction-vote .votings{margin-block:3rem;display:flex;flex-direction:column;gap:5em;text-align:center}.prediction-vote .votings .round{padding:1em;position:relative;padding-bottom:5em;border-bottom:3px solid var(--color-outline-inset)}.prediction-vote .votings .round h2{position:inherit;z-index:1;color:var(--color-bingo-gold)}.prediction-vote .votings .rounds{display:flex;flex-direction:column;gap:2em}.prediction-vote .votings .match{position:relative;z-index:1;display:flex;flex-direction:column;padding-top:2em;border-top:1px solid var(--color-outline-inset)}.prediction-vote .votings .match:first-child{margin-top:2em}.prediction-vote .votings .match:last-child{margin-bottom:2em}.prediction-vote .votings .match .match-number{font-weight:bold;font-size:var(--font-size-large);text-align:center;margin-bottom:.5em}.prediction-vote .votings .match .teams{display:grid;grid-template-columns:1fr 2em 1fr;gap:3em}.prediction-vote .votings .match .teams .versus{display:grid;align-items:center;font-weight:bold;font-size:var(--font-size-large);color:#ffc7c7;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prediction-vote .votings .match .team1,.prediction-vote .votings .match .team2{display:flex;align-items:center;gap:1em;background-color:color-mix(in hsl, var(--color-nav-background), rgba(0, 0, 0, 0.5) 50%);border-radius:var(--square);padding:0;transition:background-color .2s ease-in-out;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:1px solid var(--color-outline-inset);transition:all .2s ease-in-out;outline-offset:-1px}.prediction-vote .votings .match .team1:hover,.prediction-vote .votings .match .team2:hover{background-color:rgba(0,0,0,.5)}.prediction-vote .votings .match .team1.selected,.prediction-vote .votings .match .team2.selected{background-color:#000;outline:2px solid var(--color-bingo-gold)}.prediction-vote .votings .match .team1 .name,.prediction-vote .votings .match .team2 .name{font-weight:bold;font-size:var(--font-size-large)}.prediction-vote .votings .match .team1 .avatars,.prediction-vote .votings .match .team2 .avatars{display:flex;flex-direction:row;gap:.5em;padding:0;height:var(--square)}.prediction-vote .votings .match .team1 .avatars img,.prediction-vote .votings .match .team2 .avatars img{width:var(--square);height:var(--square);border-radius:50%}.prediction-vote .votings .match .team1{flex-flow:row-reverse}.prediction-vote button#send-prediction-votes{padding:1em 3em;font-size:var(--font-size-large);font-weight:bold;background-color:#dbdbdb;color:#000;border:none;border-radius:var(--border-radius);transition:all .2s ease-in-out;cursor:pointer}.prediction-vote button#send-prediction-votes:disabled{cursor:not-allowed;color:gray}.prediction-vote button#send-prediction-votes:hover{background-color:var(--color-bingo-gold)}.prediction-vote button#send-prediction-votes.success{background-color:#46bc46}.prediction-vote button#send-prediction-votes.error{background-color:#bc4646}#prediction-notification{position:fixed;top:6rem;left:50%;transform:translateX(-50%);z-index:calc(var(--z-nav) + 10);background-color:rgba(70,188,70,.5);padding:1em 2em;color:#fff;font-weight:bold;font-size:var(--font-size-large);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));border-radius:var(--border-radius);display:none;transition:all .5s;transition-behavior:allow-discrete;box-shadow:0 5px 15px rgba(0,0,0,.5);text-shadow:0 0 2px #000}#prediction-notification.error{background-color:rgba(188,70,70,.5)}#prediction-notification.active{display:block;opacity:1}@starting-style{#prediction-notification.active{opacity:0}}