body{--background-color: #0e0e12;--matchup-primary-color: #ffe56a;--matchup-text-color: #c7c7f2;--matchup-background-color: #1a1a20;--matchup-divider-color: color-mix(in srgb, var(--matchup-primary-color) 30%, transparent);--gold: #c0b053;--gold-text-color: #333015;min-height:100vh;width:100vw;background-color:var(--background-color);position:relative;z-index:0;font-family:'Noto Sans Display', sans-serif}.pregame-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:2rem}.bierkoning-title{font-size:6rem;color:#ffffff;font-weight:900;letter-spacing:10px}.bierkoning-subtitle{font-size:2.5rem;font-weight:700;color:var(--matchup-primary-color)}.game-content{z-index:1;min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.winners-wrapper,.pregame-content{padding-top:2rem;display:flex;flex-direction:column;gap:1rem;width:100%;justify-content:center;align-items:center}.winners-wrapper .winners-header,.pregame-content .winners-header{font-size:1.75rem;color:var(--matchup-text-color);font-weight:bold}.winners-wrapper .enrollment-list,.pregame-content .enrollment-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;padding:0 10vw}.winners-wrapper .winners-list,.winners-wrapper .participants-list,.pregame-content .winners-list,.pregame-content .participants-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;width:50vw}.winners-wrapper .winners-list .participant,.winners-wrapper .participants-list .participant,.winners-wrapper .enrollment-list .participant,.pregame-content .winners-list .participant,.pregame-content .participants-list .participant,.pregame-content .enrollment-list .participant{display:inline-flex;flex-direction:row;width:max-content;padding:0.5rem 1.25rem;color:var(--matchup-text-color);background:var(--matchup-background-color);border-radius:999px;font-size:1.25rem;box-shadow:0 0 0 0.25rem var(--matchup-background-color);justify-content:center;align-items:center;gap:1rem}.winners-wrapper .winners-list .participant .participant-name,.winners-wrapper .participants-list .participant .participant-name,.winners-wrapper .enrollment-list .participant .participant-name,.pregame-content .winners-list .participant .participant-name,.pregame-content .participants-list .participant .participant-name,.pregame-content .enrollment-list .participant .participant-name{font-size:1.5rem;font-weight:bold;text-align:center;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.finals-grid{display:grid;width:100%;grid-template-columns:[gutter-left-edge] 1fr [quarterfinals-left-start] 4fr [quarterfinals-left-end] 1fr [gutter-left-middle] 1fr [semifinals-left-start] 4fr [semifinals-left-end] 1fr [finals-start] 6fr [finals-end] 1fr [semifinals-right-start] 4fr [semifinals-right-end] 1fr [gutter-right-middle] 1fr [quarterfinals-right-start] 4fr [quarterfinals-right-end] 1fr [gutter-right-edge];grid-template-rows:[quarterfinals-top-start] 1fr [quarterfinals-top-middle] 1fr [quarterfinals-top-end] auto [finals-start] 1fr [finals-middle] 1fr [finals-end] auto [quarterfinals-bottom-start] 1fr [quarterfinals-bottom-middle] 1fr [quarterfinals-bottom-end]}.header{grid-area:quarterfinals-top-middle / semifinals-left-end / quarterfinals-top-end / semifinals-right-start;text-align:center}.header .title{font-size:3rem;color:#ffffff;font-weight:bold}.header .subtitle{font-size:1.75rem;color:var(--matchup-primary-color)}.quarterfinals-top-left,.quarterfinals-top-right,.quarterfinals-bottom-left,.quarterfinals-bottom-right,.semifinals-left,.semifinals-right,.finals{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.quarterfinals-top-left{grid-area:quarterfinals-top-start / quarterfinals-left-start / quarterfinals-top-end / quarterfinals-left-end}.quarterfinals-top-right{grid-area:quarterfinals-top-start / quarterfinals-right-start / quarterfinals-top-end / quarterfinals-right-end}.quarterfinals-bottom-left{grid-area:quarterfinals-bottom-start / quarterfinals-left-start / quarterfinals-bottom-end / quarterfinals-left-end}.quarterfinals-bottom-right{grid-area:quarterfinals-bottom-start / quarterfinals-right-start / quarterfinals-bottom-end / quarterfinals-right-end}.semifinals-left{grid-area:finals-start / semifinals-left-start / finals-end / semifinals-left-end}.semifinals-right{grid-area:finals-start / semifinals-right-start / finals-end / semifinals-right-end}.finals{grid-area:finals-start / finals-start / finals-end / finals-end}.matchup{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--matchup-text-color);width:100%;overflow:clip;z-index:1;font-size:1.5rem;gap:5px}.matchup.fade-out{transition:opacity 3s ease-out;opacity:0}.matchup .matchup-header>h4{color:#fff;width:100%;font-size:2.5rem;font-weight:bold;display:flex;justify-content:center;align-items:center;text-align:center}.matchup .matchup-header>h4.smaller{font-size:1.5rem}.matchup .participant{position:relative;display:flex;flex-direction:row;justify-content:start;align-items:center;width:100%;height:4rem;color:var(--matchup-text-color);background:var(--matchup-background-color);border-radius:999px;overflow:hidden}.matchup .participant.winner,.matchup .participant.advances{background-color:var(--gold);color:var(--gold-text-color)}.matchup .participant.winner:after,.matchup .participant.advances:after{content:'';top:0;transform:translateX(100%);width:100%;height:100%;position:absolute;z-index:1;animation:slide 4s infinite;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,245,174,0.5) 50%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%)}@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.matchup .participant .participant-rank{font-size:1.5rem;text-align:center;width:20%;height:100%;display:flex;justify-content:center;align-items:center}.matchup .participant .participant-name{font-size:1.5rem;font-weight:bold;text-align:center;width:75%;height:100%;display:flex;justify-content:center;align-items:center}.button.is-primary{background-color:var(--matchup-primary-color) !important;color:var(--matchup-text-color) !important;margin-left:1rem}.button.is-primary:hover{background-color:color-mix(in srgb, var(--matchup-primary-color) 70%, white) !important}.connector{width:100%;height:100%;border-top:thin solid #ffffff;z-index:0}.connector.connector-left{grid-area:quarterfinals-top-middle / quarterfinals-left-end / quarterfinals-bottom-middle / gutter-left-middle;border-bottom:thin solid #ffffff;border-right:thin solid #ffffff}.connector.connector-right{grid-area:quarterfinals-top-middle / gutter-right-middle / quarterfinals-bottom-middle / quarterfinals-right-start;border-bottom:thin solid #ffffff;border-left:thin solid #ffffff}.connector.connector-horizontal{grid-area:finals-middle / gutter-left-middle / finals-middle / gutter-right-middle}.prelim-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1rem;gap:2rem}.prelim-round{display:grid;height:100%;width:100%;grid-template-columns:2fr 3fr 2fr;gap:8rem;padding:0 4rem;justify-content:center;align-items:baseline}.edition-menu{position:fixed;width:100vw;height:100vh;bottom:-100vh;left:0;background:rgba(0,0,0,0.88);z-index:10;display:flex;flex-direction:column;transition:bottom 0.5s ease-out}.edition-menu.open{animation:slideDown 0.5s ease-out backwards;bottom:0}.edition-menu .edition-contests{height:100%;display:flex;justify-content:space-around;flex-direction:column}.edition-menu .contest-menu>h2{font-size:4rem;font-weight:bold;text-align:center;color:white}.edition-menu .contest-buttons{display:grid;grid-template-columns:repeat(auto-fit, minmax(6rem, 1fr));gap:1rem;justify-content:center;width:100%;place-items:center;padding:2rem}.edition-menu .contest-buttons .contest-button{position:relative;background-color:var(--matchup-primary-color);color:#000000;font-size:3.5rem;font-weight:bold;border-radius:2rem;cursor:pointer;transition:all 0.2s ease-in-out;width:6rem;height:6rem;display:flex;justify-content:center;align-items:center}.edition-menu .contest-buttons .contest-button:hover{background-color:#000000;color:#ffffff}.edition-menu .contest-buttons .contest-button.is-selected{background-color:#000000;color:var(--matchup-primary-color)}.edition-menu .contest-buttons .contest-button .round-number{position:absolute;font-size:1.5rem;top:0.25rem;right:0.5rem}.close-button{position:fixed;bottom:0;width:100%;display:flex;justify-content:center}.close-button>button{width:4rem;height:4rem;font-size:4rem;color:var(--matchup-primary-color);background:transparent}.pregame-messages>p{font-size:1.5rem;color:var(--matchup-text-color);text-align:center;width:100%;max-width:50rem}.postgame-winners{padding:3rem 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));width:100%;justify-content:space-evenly;place-content:center;place-items:center}.postgame-winners .contest{display:flex;flex-direction:column;justify-content:center;align-items:center;border:thin solid var(--matchup-primary-color);border-radius:2rem;background:var(--gold);padding:1rem;max-width:300px;color:var(--gold-text-color)}.postgame-winners .contest .contest-title{font-size:1.75rem;font-weight:bold;text-align:center}.postgame-winners .contest i.contest-icon.fa-solid{font-size:3rem}.postgame-winners .contest .contest-winner{font-size:3rem;font-weight:bold;text-align:center}