@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--klei: "BelisaPlumilla";--secondaryFont: "Roboto";--primaryColor: hsl(0, 0%, 30%);--primaryGradient: linear-gradient(90deg, black 5%, var(--primaryColor) 50%, black 95%);--secondaryColor: white;--tertiaryColor: #daa520;--quarternaryColor: #008080;--quarternaryColorDark: #005757;--tertiaryGradient: linear-gradient(150deg, #956b00 5%, #daa520 50%, #956b00 95%);--quarternaryGradient: linear-gradient( 60deg, var(--quarternaryColorDark) 5%, var(--quarternaryColor) 50%, var(--quarternaryColorDark) 95% );--quarternaryGradientAlt: linear-gradient(130deg, var(--quarternaryColorDark) 5%, var(--quarternaryColor) 80%);background:var(--secondaryColor);width:100%;padding:0}html,body{margin:0;padding:0;width:100%;height:100%}.app{width:fit-content;height:fit-content;min-width:100%;min-height:100%}@font-face{font-family:BelisaPlumilla;src:url(/assets/belisa_plumilla-UYpOTRHx.ttf) format("truetype");font-weight:400;font-style:normal}.page-header{background:var(--primaryGradient);min-width:100%;width:fit-content;height:15vh;min-height:125px;border-bottom:4px solid var(--secondaryColor);box-shadow:5px 5px 30px #000;display:flex;justify-content:center;align-items:center;gap:max(5vw,50px);-webkit-user-select:none;user-select:none}.page-header .header-title{color:var(--secondaryColor);font-family:var(--klei);font-size:44px}.page-header .header-link svg{color:var(--tertiaryColor);min-width:50px;min-height:50px;max-height:5vh;max-width:5vw;transition:color .2s}.page-header .header-link:hover svg{color:gold}.page-header .active-link svg{filter:drop-shadow(0 0 2px rgb(255,255,255))}.page-body{background:var(--tertiaryGradient);min-width:100%;min-height:85vh;height:fit-content;width:fit-content;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.tooltip-wrapper{position:relative;display:inline-block;cursor:pointer}.tooltip{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);color:#fff;padding:6px 10px;border-radius:4px;white-space:nowrap;font-size:.85rem;pointer-events:none;z-index:10;opacity:0;transition:all .3s ease;background-color:transparent}.tooltip-wrapper:hover .tooltip{visibility:visible;background-color:#222222d9;border-radius:10px;opacity:1}.snackbar-contents{position:fixed;top:calc(15vh + 20px);left:20px;width:fit-content;min-height:10vh;background-color:var(--quarternaryColor);color:#fff;border-radius:10px;box-shadow:0 0 5px var(--primaryColor);font-family:var(--klei);display:flex;flex-direction:column;align-items:center;justify-content:center}.snackbar-contents .snackbar-message{display:flex;align-items:center;justify-content:space-between;text-align:center;width:100%;height:auto;padding:1vh 1vw;gap:10px;font-size:2vw}.snackbar-contents .snackbar-message .snackbar-icon{width:50px;height:50px;margin-left:10px}.snackbar-contents .snackbar-message .snackbar-hide-button{cursor:pointer;margin-right:10px;transition:all .2s ease}.snackbar-contents .snackbar-message .snackbar-hide-button:hover{transform:scale(1.11);color:var(--tertiaryColor);filter:drop-shadow(0 0 4px rgb(0,0,0))}.snackbar-contents .snackbar-body{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10px;width:20vw}.snackbar-contents .snackbar-body .snackbar-icon-section{height:100%;width:100px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.snackbar-contents .snackbar-body .snackbar-buttons{display:flex;justify-content:space-around;align-items:center;height:100%;width:100%}.snackbar-contents .snackbar-body .snackbar-buttons .snackbar-button{background-color:var(--tertiaryColor);font-family:var(--klei);font-size:32px;display:flex;justify-content:center;align-items:center;width:5vw;height:5vh;padding:10px 20px;border-radius:5px;color:#fff;cursor:pointer;transition:all .2s ease}.snackbar-contents .snackbar-body .snackbar-buttons .snackbar-button:hover{color:#000;filter:drop-shadow(0 0 4px rgb(255,255,255))}.snackbar-progress{height:4px;background:linear-gradient(90deg,#4caf50,#8bc34a);animation:progressbarShrink var(--duration) linear forwards;border-radius:2px 2px 0 0;margin-bottom:5px}@keyframes progressbarShrink{0%{width:100%;background:linear-gradient(90deg,#4caf50,#8bc34a)}50%{width:50%;background:linear-gradient(90deg,#ffeb3b,#ffc107)}to{width:0%;background:linear-gradient(90deg,#f44336,#e91e63)}}.stats-page-body{width:100%;min-height:75vh;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-around;align-items:start;-webkit-user-select:none;user-select:none}.char-data-section{padding-top:30px;padding-bottom:30px;width:900px;gap:30px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.char-data-section .elo-filter-section{width:100%;padding-top:10px;padding-bottom:10px;border:2px solid black;border-radius:4px;background:var(--quarternaryGradient);display:flex;flex-direction:column;justify-content:space-around;align-items:center}.char-data-section .elo-filter-section .elo-title{font-family:var(--klei);color:var(--secondaryColor);font-size:48px}.char-data-section .elo-filter-section .elo-items{width:100%;height:80px;display:flex;justify-content:space-around}.char-data-section .elo-filter-section .elo-items .elo-undo{color:var(--tertiaryColor);height:100%;width:60px;cursor:pointer;transition:all .2s ease}.char-data-section .elo-filter-section .elo-items .elo-undo:hover{color:var(--secondaryColor)}.char-data-section .elo-filter-section .elo-items .elo-item{height:100%;width:80px;opacity:.5;display:flex;flex-direction:column;justify-content:end;align-items:center;cursor:pointer;transition:all .2s ease;text-shadow:none}.char-data-section .elo-filter-section .elo-items .elo-item:hover{color:var(--tertiaryColor);text-shadow:1px 1px 1px var(--primaryColor);transform:scale(1.05);opacity:1}.char-data-section .elo-filter-section .elo-items .elo-item-selected{height:100%;width:80px;opacity:1;display:flex;flex-direction:column;justify-content:end;align-items:center;color:var(--tertiaryColor);text-shadow:1px 1px 1px var(--primaryColor);transform:scale(1.05)}.char-data-section .elo-filter-section .elo-items .elo-range{font-family:var(--klei);font-size:24px;font-weight:600;height:30px}.char-data-section .elo-filter-section .elo-items .elo-icon{max-height:50px;max-width:50px;margin-top:15px}.char-data-section .char-selection-section{width:500px;max-height:250px;height:250px;overflow:none;padding:10px;display:flex;flex-direction:column;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background:var(--quarternaryGradient)}.char-data-section .char-selection-section .char-info-wrapper{width:100%;display:flex;flex-direction:column;justify-content:space-between}.char-data-section .char-selection-section .char-icon-container{display:flex;align-items:center;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--tertiaryColor) transparent;width:95%;gap:10px;height:70px;margin-right:10px;margin-left:10px}.char-data-section .char-selection-section .char-icon-container .char-icon{max-height:50px;max-width:50px;scroll-snap-align:start;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer;opacity:50%;transition:all .2s ease}.char-data-section .char-selection-section .char-icon-container .char-icon:hover{transform:scale(1.1) rotate(-10deg);opacity:100%}.char-data-section .char-selection-section .char-icon-container .selected{opacity:100%;filter:drop-shadow(0 0 8px rgb(201,108,255))}.char-data-section .char-selection-section .char-basic-descriptions{height:15vh;display:flex;flex-direction:column;justify-content:center}.char-data-section .char-selection-section .char-basic-descriptions .char-name{-webkit-user-select:none;user-select:none;font-family:var(--klei);color:#fff;text-shadow:-1px 1px 2px black;font-size:2.5rem;text-align:center;width:100%;padding-bottom:15px}.char-data-section .char-selection-section .char-basic-descriptions .char-data-quote{color:#fff;font-family:var(--klei);font-size:32px;width:100%;text-align:center;text-shadow:1px 1px 2px black;-webkit-user-select:none;user-select:none}.char-data-section .best-characters-card{width:300px;height:275px;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background:var(--quarternaryGradient)}.char-data-section .best-characters-card .char-card-title{font-family:var(--klei);font-size:40px;color:var(--secondaryColor);width:100%;height:70px;display:flex;align-items:center;justify-content:center}.char-data-section .best-characters-card .char-card-header{height:25px;width:300px;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-family:var(--klei);font-size:20px;color:var(--secondaryColor)}.char-data-section .best-characters-card .char-card-header .char-card-header-name{width:150px;text-align:center}.char-data-section .best-characters-card .char-card-header .char-card-header-stat{width:55px;text-align:center}.char-data-section .best-characters-card .char-item{display:flex;justify-content:center;align-items:end;width:300px;height:50px;font-family:var(--klei);gap:10px}.char-data-section .best-characters-card .char-item .char-item-name{width:150px;height:100%;font-size:36px;font-weight:600;text-shadow:1px 1px 1px var(--primaryColor);display:flex}.char-data-section .best-characters-card .char-item .char-item-name .char-item-img{cursor:pointer;transition:all .2s ease}.char-data-section .best-characters-card .char-item .char-item-name .char-item-img:hover{transform:scale(1.1) rotate(10deg)}.char-data-section .best-characters-card .char-item .char-item-stat{width:55px;font-size:28px;height:100%;display:flex;justify-content:center;align-items:center;color:var(--tertiaryColor);text-shadow:1px 1px 1px black}.char-data-section .best-characters-card .char-item-empty{height:205px;font-family:var(--klei);font-size:30px}.char-data-section .char-data-display{max-height:400px;width:500px;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background:var(--quarternaryGradient);display:flex;flex-direction:column;align-items:center}.char-data-section .char-data-display .char-data-filter-title{padding:10px;width:100%;height:60px;font-size:40px;font-family:var(--klei);color:#fff;display:flex;align-items:center;justify-content:center}.char-data-section .char-data-display .char-data-section{width:100%;height:250px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:nowrap}.char-data-section .char-data-display .char-data-section .char-portrait{height:225px;filter:drop-shadow(0 0 8px rgb(201,108,255));transition:all .5s ease}.char-data-section .char-data-display .char-data-section .char-portrait:hover{filter:drop-shadow(0 0 25px rgb(119,71,144))}.char-data-section .char-data-display .char-data-section .char-data-column{display:flex;flex-direction:column;justify-content:space-around;height:300px}.char-data-section .char-data-display .char-data-section .char-data-column .char-pick-count{font-family:var(--klei);font-size:24px;width:100%;text-align:center;text-shadow:1px 1px 1px var(--primaryColor)}.char-data-section .char-data-display .char-data-section .char-basic-data{font-family:var(--secondaryFont);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px}.char-data-section .char-data-display .char-data-section .char-basic-data .char-data-item{display:flex;flex-direction:column;text-align:center;width:100px;height:50px;font-family:var(--klei);font-size:24px;font-weight:700;text-shadow:1px 1px 1px var(--primaryColor)}.boss-data-section{display:flex;flex-direction:column;align-items:center;width:700px;height:fit-content;padding-top:30px;padding-bottom:30px}.boss-data-section .boss-data-title{font-family:var(--klei);color:var(--secondaryColor);font-size:64px;text-align:center}.boss-data-section .boss-cards{height:600px;width:100%;overflow:auto;padding-top:50px;padding-bottom:50px;display:flex;flex-direction:column;align-items:center;gap:25px;scrollbar-color:var(--quarternaryColor) transparent}.boss-data-section .boss-cards .boss-card{font-family:var(--klei);width:600px;background:var(--quarternaryGradientAlt);border:2px solid black;border-radius:4px;display:flex}.boss-data-section .boss-cards .boss-card .boss-name{padding-top:10px;padding-bottom:10px;gap:10px;width:200px;display:flex;flex-direction:column;align-items:center;color:var(--secondaryColor);font-size:36px}.boss-data-section .boss-cards .boss-card .boss-name .boss-img{height:100px;width:100px}.boss-data-section .boss-cards .boss-card .boss-char-section{display:flex;flex-direction:column;align-items:center;width:250px;padding-top:20px}.boss-data-section .boss-cards .boss-card .boss-char-section .boss-char-title{color:var(--secondaryColor);text-shadow:1px 1px 1px var(--primaryColor);font-size:30px;display:flex;flex-wrap:nowrap;text-wrap:nowrap;justify-content:center;align-items:center}.boss-data-section .boss-cards .boss-card .boss-char-section .boss-char-value{font-size:26px;margin-top:10px;margin-bottom:30px;display:flex}.boss-data-section .boss-cards .boss-no-cards{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;font-family:var(--klei);font-weight:700;font-size:48px}.boss-data-section .boss-cards .boss-no-cards img{height:250px}.boss-data-section .boss-cards .boss-top-chars{display:flex;flex-direction:column;align-items:center;justify-content:start;padding-top:10px}.boss-data-section .boss-cards .boss-top-chars .boss-top-title{color:var(--secondaryColor);font-size:30px}.boss-data-section .boss-cards .boss-top-chars .boss-top-char-item{height:60px;display:flex;justify-content:start;align-items:center}.boss-data-section .boss-cards .boss-top-chars .boss-top-char-item .boss-top-char-rate{display:flex;font-size:20px}.leaderboard-section{height:100%;min-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.leaderboard-section .leaderboard-header{font-family:var(--klei);font-weight:300;font-size:3.5rem;color:var(--secondaryColor);-webkit-user-select:none;user-select:none;width:100%;display:flex;justify-content:center;align-items:center;gap:40px}.leaderboard-section .leaderboard-players-container{height:60vh;min-width:800px;margin:0 30px;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;color:#fff;background:var(--quarternaryGradient);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-color:var(--tertiaryColor) var(--quarternaryColor)}.leaderboard-section .leaderboard-players-container .leaderboard-player{background-clip:padding-box;width:100%;min-height:80px;color:var(--secondaryColor);font-family:var(--klei);display:flex;justify-content:space-around;align-items:end}.leaderboard-section .leaderboard-players-container .leaderboard-player .leaderboard-ranking,.leaderboard-section .leaderboard-players-container .leaderboard-player .leaderboard-elo{width:100px;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:10px;color:var(--tertiaryColor);font-weight:800;font-size:36px}.leaderboard-section .leaderboard-players-container .leaderboard-player .leaderboard-elo .leaderboard-rank-icon{width:50px;height:50px;-webkit-user-select:none;user-select:none}.leaderboard-section .leaderboard-players-container .leaderboard-player .leaderboard-username{font-size:44px;width:150px;height:100%;text-overflow:ellipsis;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.leaderboard-section .leaderboard-players-container .leaderboard-player .leaderboard-stats{display:flex;justify-content:space-around;align-items:center;height:100%;width:220px;font-size:36px;-webkit-user-select:none;user-select:none}.leaderboard-no-data{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:40px;-webkit-user-select:none;user-select:none;color:var(--secondaryColor);font-family:var(--klei)}.leaderboard-no-data .leaderboard-no-data-title{font-size:48px}.leaderboard-no-data .leaderboard-no-data-label{font-size:24px;font-weight:600;color:var(--primaryColor)}.leaderboard-no-data .leaderboard-no-data-imgs{margin-top:50px;height:150px;width:100%;gap:30px;display:flex;justify-content:center;align-items:end}.leaderboard-imgs{width:15vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;-webkit-user-select:none;user-select:none}.leaderboard-imgs .leaderboard-img{height:250px;cursor:pointer;transition:all .2s ease}.leaderboard-imgs .leaderboard-img:hover{transform:scale(1.05)}@keyframes pulse{0%,to{transform:scale(1) rotate(var(--rotate))}25%{transform:scale(1.05) rotate(calc(var(--rotate) - 3deg))}50%{transform:scale(1.1) rotate(var(--rotate))}75%{transform:scale(1.05) rotate(calc(var(--rotate) + 3deg))}}@keyframes glow{0%,to{filter:brightness(1) drop-shadow(0 0 0px white) drop-shadow(0 0 0px white) drop-shadow(0 0 0px white)}50%{filter:brightness(1.1) drop-shadow(0 0 10px rgb(255,185,119)) drop-shadow(0 0 20px rgb(255,156,63)) drop-shadow(0 0 30px rgb(255,123,0))}}@keyframes portalGlow{0%,to{filter:drop-shadow(0 0 8px rgb(190,110,255))}50%{filter:drop-shadow(0 0 16px rgb(110,233,255))}}.queue-page-body{width:100%;height:85vh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.queue-page-body .queue-page-header{height:20vh;width:100%;color:#fff;font-family:var(--klei);font-size:3vmax;display:flex;justify-content:center;align-items:center;position:relative;gap:20vw}.queue-page-body .queue-page-header .queue-page-title{position:absolute;left:50%;transform:translate(-50%);text-align:center;-webkit-user-select:none;user-select:none}.queue-page-body .queue-page-header .queue-page-header-image{max-height:10vh;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;--rotate: 0deg}.queue-page-body .queue-page-header .queue-page-header-image.pulsing{animation:pulse 3s infinite ease-in-out}.queue-page-body .queue-page-header .queue-page-header-image.pulsing-faster{animation:pulse 2s infinite ease-in-out}.queue-page-body .queue-page-main{width:100%;height:70vh;display:flex;justify-content:center;align-items:center}.queue-page-body .queue-page-main .queue-button-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:25vh;width:15vw;overflow:none;padding:10px;margin-top:5vh;margin-right:2.5vw;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background:var(--quarternaryColor)}.queue-page-body .queue-page-main .queue-button-section .queue-button{border:2px solid var(--secondaryColor);border-radius:6px;font-size:2vw;font-family:var(--klei);padding:1vw 4vh 1vw 4vh;height:2.5vh;width:6vw;background-color:var(--tertiaryColor);color:var(--secondaryColor);-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .25s ease}.queue-page-body .queue-page-main .queue-button-section .queue-button:hover{background-color:var(--secondaryColor);color:var(--tertiaryColor);border:2px solid var(--tertiaryColor)}.queue-page-body .queue-page-main .queue-button-section .queue-pending-label{color:#fff;font-family:var(--klei);font-size:2vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.queue-page-body .queue-page-main .queue-button-section .queue-pending-label .queue-pending-image{max-height:12vh;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;animation:glow 5s infinite ease-in-out}.queue-page-body .queue-page-main .queue-button-section .queue-counter{-webkit-user-select:none;user-select:none;font-family:var(--secondayFont);color:var(--secondaryColor);font-size:24px}.queue-page-body .queue-page-no-secret{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:50px;padding:40px;font-family:var(--klei);-webkit-user-select:none;user-select:none}.queue-page-body .queue-page-no-secret .queue-page-no-secret-header{text-align:center}.queue-page-body .queue-page-no-secret .queue-page-no-secret-header .queue-page-no-secret-header-title{font-size:64px;color:var(--secondaryColor)}.queue-page-body .queue-page-no-secret .queue-page-no-secret-header .queue-page-no-secret-header-label{font-size:32px;color:var(--primaryColor)}.queue-page-body .queue-page-no-secret .queue-page-no-secret-tutorial{gap:10px;display:flex;flex-direction:column;align-items:center}.queue-page-body .queue-page-no-secret .queue-page-no-secret-tutorial .queue-page-no-secret-tutorial-label{font-size:36px}.queue-page-body .queue-page-no-secret .queue-page-no-secret-tutorial .queue-page-secret-redirect-button{border:2px solid var(--secondaryColor);border-radius:6px;font-size:28px;padding:15px 30px;width:fit-content;height:24px;color:var(--secondaryColor);background-color:var(--quarternaryColor);cursor:pointer;transition:all .2s ease}.queue-page-body .queue-page-no-secret .queue-page-no-secret-tutorial .queue-page-secret-redirect-button:hover{color:var(--quarternaryColor);background-color:var(--secondaryColor);border:2px solid var(--quarternaryColor)}.queue-page-body .queue-page-no-secret .queue-page-no-secret-images{width:100vw;height:10vh;position:relative;overflow:visible}.queue-page-body .queue-page-no-secret .queue-page-no-secret-images .queue-page-no-secret-image{height:max(400px,70vh);position:absolute;bottom:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.draft-section{width:85vw;height:80vh;display:flex;align-items:center;justify-content:space-around;font-family:var(--klei);color:#fff;font-size:48px}.draft-section .draft-players{height:60vh;width:20vw}.draft-section .draft-players .draft-players-header{width:100%;height:10vh;border:4px solid black;border-top-left-radius:4px;border-top-right-radius:4px;background:var(--quarternaryGradient);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:20px;overflow:none}.draft-section .draft-players .draft-players-section{display:flex;flex-direction:column;width:100%;border-left:4px solid black;border-right:4px solid black;border-bottom:4px solid black;border-bottom-left-radius:4px;border-bottom-right-radius:4px;height:fit-content;max-height:100%;background:var(--tertiaryGradient)}.draft-section .draft-players .draft-players-section .draft-player{max-width:100%;border-bottom:2px solid black;padding:10px;font-size:24px;display:flex;flex-direction:row;align-items:center;gap:20px;-webkit-user-select:none;user-select:none;overflow:hidden}.draft-section .draft-players .draft-players-section .draft-player .draft-player-icon{height:40px}.draft-section .draft-characters{height:60vh;width:45vw}.draft-section .draft-characters .draft-characters-header{-webkit-user-select:none;user-select:none;height:10vh;border:4px solid black;border-top-left-radius:4px;border-top-right-radius:4px;background:var(--quarternaryGradient);display:flex;align-items:center;justify-content:center}.draft-section .draft-characters .draft-characters-section{height:50vh;display:flex;justify-content:center;align-items:center}.draft-section .draft-characters .draft-characters-section .draft-characters-container{width:70%;height:100%;border:4px solid black;border-bottom-left-radius:4px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;overflow-y:auto;overflow-x:clip;scrollbar-color:var(--tertiaryColor) transparent;background:var(--primaryGradient)}.draft-section .draft-characters .draft-characters-section .draft-characters-container .draft-character-background{height:80px;width:80px;padding:5px;margin:15px;position:relative;cursor:not-allowed;transition:all .2s ease}.draft-section .draft-characters .draft-characters-section .draft-characters-container .draft-character-background .draft-character-frame{height:100px;width:100px;-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);z-index:1}.draft-section .draft-characters .draft-characters-section .draft-characters-container .draft-character-background .draft-characters-icon{min-height:55px;min-width:55px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:10;transform-origin:center;transition:all .2s ease}.draft-section .draft-characters .draft-characters-section .draft-characters-info{width:30%;height:100%;display:flex;flex-direction:column;background:var(--tertiaryGradient);border-bottom-right-radius:4px;border:4px solid black}.draft-section .draft-characters .draft-characters-section .draft-characters-info .draft-characters-portrait-section{width:100%;height:75%;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.draft-section .draft-characters .draft-characters-section .draft-characters-info .draft-characters-portrait-section .draft-characters-portrait{width:10vw}.draft-section .draft-characters .draft-characters-section .draft-characters-info .draft-selected-character-portrait{font-size:3vw}.draft-section .draft-characters .draft-characters-section .draft-characters-info .draft-characters-button{display:flex;justify-content:center;align-items:center;margin-top:10%;margin-left:5px;margin-right:5px;border-radius:10px;border:2px solid transparent;background-color:var(--quarternaryColor);font-size:36px;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:all .2s ease}.draft-section .draft-characters .draft-characters-section .draft-characters-info .draft-characters-button:hover{color:#000;box-shadow:0 0 8px #0009}.draft-section .draft-characters .draft-characters-section .draft-complete{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:var(--primaryGradient);border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:4px solid black}.draft-section .draft-characters .draft-characters-section .draft-complete .draft-complete-label{font-size:36px}.draft-section .draft-characters .draft-characters-section .match-complete-section{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:var(--primaryGradient);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.draft-section .draft-characters .draft-characters-section .match-complete-section .match-complete-header{width:100%;height:60%;display:flex;justify-content:space-around}.draft-section .draft-characters .draft-characters-section .match-complete-section .match-complete-header .match-complete-label{height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.draft-section .draft-characters .draft-characters-section .match-complete-section .match-complete-header .match-complete-label .match-complete-new-rank{width:64px}.draft-section .draft-characters .draft-characters-section .match-complete-section .draft-exit-button{border:2px solid var(--secondaryColor);border-radius:6px;font-size:2vw;font-family:var(--klei);padding:10px;height:fit-content;background-color:var(--quarternaryColor);color:var(--secondaryColor);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .25s ease}.draft-section .draft-characters .draft-characters-section .match-complete-section .draft-exit-button:hover{background-color:var(--secondaryColor);color:var(--quarternaryColor);border:2px solid var(--quarternaryColor)}.queue-character{max-height:50vh;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transition:transform 1s ease-in-out,opacity 1s ease-in-out}.queue-character.left{transform:translate(-43vw) scaleX(-1);opacity:0}.queue-character.right{transform:translate(43vw);opacity:0}.match-found .queue-character.left{transform:translate(-10vw) scaleX(-1);opacity:1}.match-found .queue-character.right{transform:translate(10vw);opacity:1}.no-account-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.no-account-page .no-account-header{font-family:var(--klei);color:var(--secondaryColor);font-size:48px}.no-account-page .no-account-main .no-account-image-main{max-height:50vh;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer;transition:all .2s ease}.no-account-page .no-account-main .no-account-image-main:hover{scale:1.05;animation:portalGlow 4s infinite ease-in-out}@keyframes fadeSlideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-slide-left{animation:fadeSlideInLeft 1s ease-out forwards}@keyframes fadeSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-slide-right{animation:fadeSlideInRight 1s ease-out forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-slide-up{animation:fadeSlideUp 1s ease-out forwards}@keyframes fadeSlideUpDelayed{0%{opacity:0;transform:translateY(-40px)}66%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.fade-slide-up-delayed{animation:fadeSlideUpDelayed 2.25s ease-out forwards}@keyframes slideInLeft{0%{transform:translate(-30vw)}to{transform:translate(0)}}.slide-left{animation:slideInLeft 1s ease-out backwards}@keyframes slideInRight{0%{transform:translate(30vw)}to{transform:translate(0)}}.slide-right{animation:slideInRight 1.25s ease-out backwards}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(40px)}50%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-slide-down{animation:fadeSlideDown 1.5s ease-out forwards}.profile-page-body{width:100%;height:80vh;display:flex;justify-content:center;align-items:center}.login-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:fit-content;width:25vw;overflow:none;padding:20px;margin-top:5vh;margin-right:2.5vw;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background:var(--quarternaryGradient);-webkit-user-select:none;user-select:none}.login-section .login-label{color:var(--secondaryColor);font-family:var(--klei);font-size:36px;text-shadow:1px 1px 2px black;-webkit-user-select:none;user-select:none}.login-section .login-input{width:20vw;height:2.5vh;padding:16px;border:2px solid var(--primaryColor);border-radius:6px;font-size:32px;font-family:var(--klei);text-align:center;outline:none;transition:border-color .2s ease}.login-section .login-input:focus{border-color:var(--tertiaryColor);box-shadow:0 0 5px var(--tertiaryColor)}.login-section .login-input-password{width:20vw;height:2.5vh;padding:16px;border:2px solid var(--primaryColor);border-radius:6px;font-size:24px;font-family:var(--secondaryFont);text-align:center;outline:none;transition:border-color .2s ease}.login-section .login-input-password:focus{border-color:var(--tertiaryColor);box-shadow:0 0 5px var(--tertiaryColor)}.login-section .login-input-password::placeholder{font-size:32px;font-family:var(--klei)}.login-section .login-button{border:2px solid var(--secondaryColor);border-radius:6px;font-size:36px;font-family:var(--klei);padding:10px 40px;margin:20px;background-color:var(--tertiaryColor);cursor:pointer;transition:all .2s ease}.login-section .login-button:hover{border:2px solid var(--tertiaryColor);background-color:var(--secondaryColor);color:var(--tertiaryColor)}.login-section .login-help-section{display:flex;justify-content:space-around;margin-top:10px;margin-bottom:10px;width:75%}.login-section .login-help-section .login-create{color:#000;font-family:var(--klei);font-size:24px;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.login-section .login-help-section .login-create:hover{color:var(--secondaryColor);transform:scale(1.01);border-bottom:2px solid var(--secondaryColor)}.create-account-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:fit-content;width:25vw;overflow:none;padding:10px;margin-top:5vh;margin-right:2.5vw;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background:var(--quarternaryGradientAlt);font-family:var(--klei)}.create-account-section .create-account-label{color:var(--secondaryColor);font-family:var(--klei);text-shadow:1px 1px 2px black;font-size:36px}.create-account-section .create-account-input{width:75%;padding:10px 12px;border:2px solid var(--secondaryColor);border-radius:6px;font-family:var(--klei);font-size:24px;text-align:center;outline:none;transition:border-color .2s ease}.create-account-section .create-account-input:focus{border-color:var(--tertiaryColor);box-shadow:0 0 5px var(--tertiaryColor)}.create-account-section .create-account-input-password{width:75%;padding:10px 12px;border:2px solid var(--secondaryColor);border-radius:6px;font-family:var(--secondaryFont);font-size:24px;text-align:center;outline:none;transition:border-color .2s ease}.create-account-section .create-account-input-password:focus{border-color:var(--tertiaryColor);box-shadow:0 0 5px var(--tertiaryColor)}.create-account-section .create-account-input-password::placeholder{font-family:var(--klei)}.create-account-section .create-account-button{border:2px solid var(--secondaryColor);border-radius:6px;font-size:36px;padding:10px 40px;margin:20px;background-color:var(--tertiaryColor);cursor:pointer;transition:all .2s ease}.create-account-section .create-account-button:hover{color:var(--tertiaryColor);background-color:var(--secondaryColor);border:2px solid var(--tertiaryColor)}.create-account-section .create-account-login{color:#000;font-family:var(--klei);font-size:24px;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.create-account-section .create-account-login:hover{color:var(--secondaryColor);transform:scale(1.01);border-bottom:2px solid var(--secondaryColor)}.verify-email-body{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.verify-email-body .verify-email-header{width:100%;text-align:center;color:#fff;font-family:var(--klei);font-size:64px;-webkit-user-select:none;user-select:none}.verify-email-body .verify-email-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:fit-content;width:25vw;overflow:none;padding:20px;margin-top:5vh;margin-right:2.5vw;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background:var(--quarternaryGradient)}.verify-email-body .verify-email-section .verify-email-title{-webkit-user-select:none;user-select:none;color:var(--secondaryColor);font-family:var(--klei);font-size:48px;font-weight:500}.verify-email-body .verify-email-section .verify-email-label{-webkit-user-select:none;user-select:none;color:var(--secondaryColor);font-family:var(--klei);font-size:24px}.verify-email-body .verify-email-section .verify-email-help{-webkit-user-select:none;user-select:none;color:var(--primaryColor);font-weight:700;font-family:var(--klei);font-size:24px;cursor:pointer;margin-top:10px;border-bottom:2px solid transparent;transition:all .2s ease}.verify-email-body .verify-email-section .verify-email-help:hover{color:var(--tertiaryColor);border-bottom:2px solid var(--tertiaryColor)}.verify-email-body .verify-email-section .verify-email-field{font-family:var(--klei);color:var(--tertiaryColor);font-size:48px;font-weight:700;outline:none;letter-spacing:16px;width:200px;padding:10px;text-align:center;background:var(--primaryGradient);border:2px solid white;border-radius:2px}.verify-email-body .verify-email-section .verify-email-field:focus{background-color:var(--tertiaryColor)}.verify-email-body .verify-email-section .verify-email-help-field{font-family:var(--klei);color:var(--secondaryColor);text-shadow:1px 1px 2px black;font-size:36px;font-weight:500;outline:none;width:200px;padding:10px;text-align:center;background:var(--tertiaryGradient);border:2px solid white;border-radius:2px}.verify-email-body .verify-email-section .verify-email-help-field:focus{background-color:var(--tertiaryColor)}.verify-email-body .verify-email-section .verify-email-buttons{display:flex;gap:15px}.verify-email-body .verify-email-section .verify-email-button{font-family:var(--klei);font-size:36px;background-color:var(--tertiaryColor);border-radius:6px;padding:10px 20px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease}.verify-email-body .verify-email-section .verify-email-button:hover{background-color:var(--secondaryColor);color:var(--tertiaryColor);box-shadow:5px 5px 10px #0003;scale:1.02}.account-section{display:flex;flex-direction:column;gap:10px;height:100%;width:100%}.account-section .account-section-header{width:100%;height:20vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--klei)}.account-section .account-section-header .account-section-title{color:#fff;font-size:4vmax}.account-section .account-section-header .account-section-label{font-size:1.5vmax;margin-top:5px}.account-section .account-section-header .clickable{cursor:pointer;transition:all .2s ease}.account-section .account-section-header .clickable:hover{color:var(--secondaryColor);scale:1.05}.account-section .account-section-main{height:100%;width:100%;display:flex;justify-content:space-around;align-items:start;overflow-x:hidden}.account-section .account-section-main .account-stats-section{width:55vw;height:70vh;padding:20px;display:flex;justify-content:space-between}.account-section .account-section-main .account-stats-section .account-match-history{width:60%;height:100%;border:3px solid black;box-shadow:-2px 5px 10px #0000004d;border-radius:5px;background-color:var(--tertiaryColor);overflow-x:hidden;overflow-y:hidden}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-header{-webkit-user-select:none;user-select:none;font-family:var(--klei);color:var(--secondaryColor);font-size:64px;padding:10px 10px 0;width:100%;text-align:center;border-bottom:2px solid black}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-main{height:100%;overflow-y:auto;scrollbar-width:none}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-main .account-match-history-empty{width:100%;height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-main .account-match-history-empty .account-match-history-empty-image{height:40vh;cursor:pointer;transition:all .2s ease}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-main .account-match-history-empty .account-match-history-empty-image:hover{scale:1.05;filter:drop-shadow(0 0 8px rgb(255,245,110))}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-main .account-match-history-empty .account-match-history-empty-label{font-family:var(--klei);font-size:36px;text-align:center}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-item{height:85px;width:max(100%,500px);border-bottom:2px solid black;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-item .account-match-history-players{width:100%;display:flex;justify-content:space-around}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-item .account-match-history-players .account-match-history-player{width:100px;display:flex;flex-direction:column;align-items:center}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-item .account-match-history-players .account-match-history-player .account-match-history-player-top{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-item .account-match-history-players .account-match-history-player .account-match-history-player-top .account-match-history-player-points{margin-top:10px;font-family:var(--klei);font-size:24px;font-weight:600;-webkit-user-select:none;user-select:none}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-item .account-match-history-players .account-match-history-player .account-match-history-player-icon{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none;width:48px}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-item .account-match-history-players .account-match-history-player .account-match-history-player-name{font-family:var(--secondaryFont);font-weight:500;-webkit-user-select:none;user-select:none}.account-section .account-section-main .account-stats-section .account-match-history .account-match-history-elo-update{color:#fff;font-family:var(--klei);font-size:40px;font-weight:700;-webkit-user-select:none;user-select:none;width:50px;height:50px;padding:10px;margin-right:10px;display:flex;justify-content:center;align-items:end;border-radius:100px}.account-section .account-section-main .account-stats-section .account-stats{width:35%;height:100%;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;background-color:var(--tertiaryColor);display:flex;flex-direction:column}.account-section .account-section-main .account-stats-section .account-stats .account-basic-stats{height:60vh;scrollbar-width:none;overflow:auto}.account-section .account-section-main .account-stats-section .account-stats .account-character-stats-section{height:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:20px;border-top:2px solid black;overflow:visible;scrollbar-width:none}.account-section .account-section-main .account-stats-section .account-stats .account-character-stats-section .account-character-stats-empty{font-family:var(--klei);color:var(--secondaryColor);font-size:24px;text-align:center;text-wrap:balance;display:flex;flex-direction:column;justify-content:space-around;padding:30px}.account-section .account-section-main .account-stats-section .account-stats .account-character-stats-section .account-character-stats-empty-image{width:70%;-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.account-section .account-section-main .account-stats-section .account-stats .account-character-stats-section .account-character-stats-header{color:var(--secondaryColor);font-family:var(--klei);font-size:3vmax;text-align:center;-webkit-user-select:none;user-select:none;margin-top:15px;width:100%;cursor:pointer;transition:all .2s ease}.account-section .account-section-main .account-stats-section .account-stats .account-character-stats-section .account-character-stats-header:hover{color:#686868;scale:1.05}.account-section .account-section-main .account-stats-section .account-stats .account-character-stats-section .account-character-stats-label{color:var(--primaryColor);font-family:var(--klei);font-size:18px;font-weight:800;-webkit-user-select:none;user-select:none}.account-section .account-section-main .account-stats-section .account-stats .account-character-stats-section .account-character-stats-main{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.account-section .account-section-main .account-stats-section .account-stats .account-basic-stats-header{color:var(--secondaryColor);font-family:var(--klei);font-size:3vmax;text-align:center;margin-top:15px;width:100%}.account-section .account-section-main .account-stats-section .account-stats .account-basic-stats-info{color:#000;font-family:var(--klei);font-size:24px;text-align:center;margin:10px}.account-section .account-section-main .account-stats-section .account-stats .account-favorite-character-item{display:flex;justify-content:center;align-items:center;gap:15px}.account-section .account-section-main .account-stats-section .account-stats .account-favorite-character-item .account-favorite-character-image{-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}.account-section .account-section-main .account-stats-section .account-stats .account-favorite-character-item .account-favorite-character-label{color:#000;-webkit-user-select:none;user-select:none;font-family:var(--secondaryFont)}.account-section .account-section-main .account-personal-section{width:30vw;height:70vh;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.account-section .account-section-main .account-personal-section .account-secret-section{width:30vw;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:2px solid var(--secondaryColor)}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-header{font-family:var(--klei);color:var(--secondaryColor);font-size:4vmax;display:flex;justify-content:center;align-items:end;gap:2vmax;padding-bottom:1vmax}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-header .account-secret-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;height:12vh;transition:.2s all ease}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-header .account-secret-image:hover{transform:scale(1.1);filter:drop-shadow(0 0 4px rgb(255,255,255))}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-label{color:#e6e6e6;font-family:var(--secondaryFont);font-size:1.25vmax;margin-bottom:20px}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-field{border:2px solid black;background-color:var(--quarternaryColor);height:24px;padding:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-field:hover{box-shadow:2px 5px 10px #0000004d;scale:1.01}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-field .account-secret-input{background:transparent;border:none;outline:none;cursor:pointer;font-size:1vmax;font-family:var(--secondaryFont);color:#fff}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-field .account-secret-input:focus{border:none}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-field .account-secret-field-button{color:#fff;background:transparent;border:none;cursor:pointer}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-field .account-secret-field-button:hover{color:var(--tertiaryColor)}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-button{border:2px solid var(--secondaryColor);border-radius:6px;font-size:1.25vmax;padding:2vh 2vw 2vh 2vw;width:fit-content;height:24px;color:var(--secondaryColor);background-color:var(--quarternaryColor);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.account-section .account-section-main .account-personal-section .account-secret-section .account-secret-button:hover{color:var(--quarternaryColor);background-color:var(--secondaryColor);border:2px solid var(--quarternaryColor)}.account-section .account-section-main .account-personal-section .account-logout-button{border:2px solid var(--secondaryColor);border-radius:6px;font-size:1.25vmax;padding:2vh 3vw;margin:20px;width:fit-content;color:var(--secondaryColor);background-color:var(--quarternaryColor);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.account-section .account-section-main .account-personal-section .account-logout-button:hover{color:var(--quarternaryColor);background-color:var(--secondaryColor);border:2px solid var(--quarternaryColor)}.landing-page{min-width:100%;min-height:85vh;height:fit-content;width:fit-content;background:var(--tertiaryGradient);display:flex;align-items:start;padding-top:20px;flex-wrap:nowrap}.landing-contents{height:fit-content;width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px 40px;margin-left:3vw;margin-right:10vw;background:var(--quarternaryGradientAlt);border-radius:10px;border:2px solid black;-webkit-user-select:none;user-select:none}.landing-contents .landing-button{background-color:var(--tertiaryColor);color:var(--secondaryColor);font-family:var(--klei);font-size:30px;padding:10px 30px;width:150px;border-radius:10px;display:flex;justify-content:center;align-items:end;cursor:pointer;transition:all .2s ease}.landing-contents .landing-button:hover{background-color:var(--secondaryColor);color:var(--tertiaryColor)}.landing-main{height:80vh;width:max(800px,60vw);min-width:800px;max-width:100vw;display:flex;flex-direction:column;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.landing-main .landing-title{color:var(--secondaryColor);font-family:var(--klei);font-size:56px;margin-top:15px}.landing-main .landing-label{color:#000;font-family:var(--klei);font-size:24px;font-weight:700;text-shadow:1px 1px 2px var(--primaryColor)}.landing-main .landing-cards-section{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.landing-main .landing-cards-section .landing-app-section{height:400px;width:300px;margin-top:20px;background:var(--quarternaryGradient);border:2px solid black;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.landing-main .landing-cards-section .landing-app-section .landing-app-title{color:var(--secondaryColor);font-family:var(--klei);font-size:36px}.landing-main .landing-cards-section .landing-app-section .landing-app-img{-webkit-user-select:none;user-select:none;height:160px}.landing-main .landing-cards-section .landing-app-section .landing-app-button{background-color:var(--tertiaryColor);color:var(--primaryColor);font-family:var(--klei);font-size:30px;padding:10px;border-radius:6px;display:flex;justify-content:center;align-items:end;cursor:pointer;transition:all .2s ease}.landing-main .landing-cards-section .landing-app-section .landing-app-button:hover{background-color:var(--secondaryColor);color:var(--tertiaryColor)}.landing-main .landing-cards-section .landing-app-section .landing-app-question{margin-top:5px;font-family:var(--klei);font-size:24px;font-weight:600;text-shadow:1px 1px 2px var(--primaryColor);text-decoration:underline;cursor:pointer;transition:all .2s ease-in}.landing-main .landing-cards-section .landing-app-section .landing-app-question:hover{color:var(--secondaryColor)}.landing-info{width:65vw;min-height:80vh;height:fit-content;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-around;align-items:center}.landing-info .landing-info-center{width:35vw;height:100%;display:flex;flex-direction:column;justify-content:center;gap:20px}.landing-info .landing-info-center .landing-info-title{color:var(--secondaryColor);font-family:var(--klei);font-size:48px;margin-top:30px;width:100%;display:flex;justify-content:center}.landing-info .landing-info-center .landing-info-text{font-family:var(--secondaryFont);color:var(--primaryColor);font-weight:600}.landing-info .landing-info-imgs{height:100%;width:10vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.landing-info .landing-info-imgs .landing-info-img{height:200px}.landing-questions{min-height:80vh;width:max(800px,70vw);display:flex;flex-wrap:wrap;justify-content:start;align-items:start;gap:40px;-webkit-user-select:none;user-select:none}.landing-questions .landing-question{background:var(--quarternaryGradientAlt);border-radius:12px;border:2px solid black;width:350px;height:fit-content;padding:20px;display:flex;flex-direction:column;align-items:center}.landing-questions .landing-question .landing-question-title{font-family:var(--klei);font-size:40px;color:var(--secondaryColor);margin-bottom:10px;width:100%;display:flex;justify-content:center;align-items:center;gap:5px}.landing-questions .landing-question .landing-question-title .landing-question-img{height:50px}.landing-questions .landing-question .landing-question-text{font-family:var(--klei);color:#000;font-weight:600;font-size:26px}.landing-ranked{min-height:60vh;height:fit-content;width:max(800px,70vw);min-width:600px;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.landing-ranked .landing-ranked-title{color:var(--secondaryColor);font-family:var(--klei);font-size:48px;margin-bottom:10px;width:100%;display:flex;justify-content:center}.landing-ranked .landing-ranked-row{height:fit-content;width:100%;display:flex;align-items:center;gap:30px;margin-top:20px}.landing-ranked .landing-ranked-row .landing-ranked-text{font-family:var(--klei);color:#000;font-weight:500;font-size:28px;line-height:1.5;width:100%}.landing-ranked .landing-ranked-row .landing-ranked-text .clickable{cursor:pointer;transition:all .2s ease}.landing-ranked .landing-ranked-row .landing-ranked-text .clickable:hover{font-weight:800;color:var(--secondaryColor);scale:1.05}.landing-ranked .landing-ranked-row .landing-ranked-img{height:150px}.landing-bosses{min-height:80vh;height:fit-content;width:max(800px,70vw);min-width:600px;display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.landing-bosses .landing-bosses-title{width:100%;height:100px;color:var(--secondaryColor);font-family:var(--klei);font-size:54px;text-shadow:1px 1px 2px var(--primaryColor);display:flex;justify-content:center;align-items:center}.landing-bosses .landing-bosses-table{width:fit-content;height:fit-content;min-width:700px;min-height:500px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:20px}.landing-bosses .landing-bosses-table .boss-item{width:200px;height:220px;border:2px solid black;border-radius:8px;background:var(--quarternaryGradient);display:flex;flex-direction:column;justify-content:space-around;align-items:center;cursor:pointer;transition:all .3s ease}.landing-bosses .landing-bosses-table .boss-item:hover{transform:scale(1.05);filter:drop-shadow(0 0 12px var(--boss-shadow))}.landing-bosses .landing-bosses-table .boss-item .boss-desc{font-family:var(--klei);font-weight:700;font-size:24px;color:var(--boss-color);text-shadow:1px 1px 2px var(--primaryColor)}.landing-bosses .landing-bosses-table .boss-item .boss-img{max-height:125px}.match-history-section{height:100%;width:45vw;display:flex;flex-direction:column;align-items:center;padding-top:5vh;padding-bottom:5vh;padding-left:2.5vw;gap:2.5vh;gap:10px}.match-history-section .match-history-container{height:60vh;width:fit-content;border:3px solid black;box-shadow:2px 5px 10px #0000004d;border-radius:5px;color:#fff;background:var(--quarternaryGradient);display:flex;flex-direction:column;align-items:center;overflow-y:scroll;-ms-overflow-style:none;scrollbar-color:var(--tertiaryColor) transparent}.match-history-section .match-history-container .match-history-item{width:100%;height:100px;border-bottom:3px solid black;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.match-history-section .match-history-container .match-history-item .player-segment-container{width:fit-content;height:100%;flex-shrink:0;color:#000;display:flex;align-items:center;justify-content:space-evenly}.match-history-section .match-history-container .match-history-item .player-segment-container .player-segment{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;width:150px;height:100%}.match-history-section .match-history-container .match-history-item .player-segment-container .player-segment .character-icon{background:transparent;cursor:pointer;transition:all .2s ease;-webkit-user-drag:none}.match-history-section .match-history-container .match-history-item .player-segment-container .player-segment .character-icon:hover{transform:scale(1.1) rotate(10deg)}.match-history-section .match-history-container .match-history-item .player-segment-container .player-segment .winner{filter:drop-shadow(0 0 8px rgb(221,255,110))}.match-history-section .match-history-container .match-history-item .player-segment-container .player-segment .player-name{font-family:var(--klei);color:#000;font-weight:700;font-size:24px}.match-history-section .match-history-container .match-history-item .match-history-item-extras{width:220px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:20px}.match-history-section .match-history-container .match-history-item .match-history-item-extras .examine-match-button{transform:rotate(-90deg);cursor:pointer;color:var(--secondaryColor);transition:all .2s ease}.match-history-section .match-history-container .match-history-item .match-history-item-extras .examine-match-button:hover{color:var(--tertiaryColor);transform:rotate(0) scale(1.05)}.match-history-section .match-history-container .match-history-item .match-history-item-extras .examine-match-button.selected{color:var(--tertiaryColor);filter:drop-shadow(0 0 5px rgba(255,153,0,.603))}.match-history-section .match-history-container .match-history-item .match-history-item-extras .match-elo-label{font-family:var(--klei);font-size:24px;color:#000;font-weight:700;display:flex;align-items:center;justify-content:end;flex-wrap:nowrap;white-space:nowrap;-webkit-user-select:none;user-select:none}.match-history-section .match-history-container .match-history-item .match-history-item-extras .match-elo-label .match-elo-icon{height:36px;margin-left:5px}.match-history-section .match-history-container .match-history-item .match-history-item-extras .match-button{background-color:var(--tertiaryColor);padding:10px 20px;font-family:var(--klei);font-size:20px;text-shadow:1px 1px 2px var(--primaryColor);color:var(--secondaryColor);border-radius:10px;cursor:pointer;transition:all .2s ease}.match-history-section .match-history-container .match-history-item .match-history-item-extras .match-button:hover{background-color:var(--secondaryColor);color:var(--tertiaryColor)}.match-history-section .match-history-header{font-family:var(--klei);font-weight:300;font-size:3.5rem;color:var(--secondaryColor);-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%;display:flex;justify-content:center;gap:40px;align-items:center}.match-events-section{min-height:80vh;width:100%;display:flex;flex-direction:column;align-items:center;gap:40px;-webkit-user-select:none;user-select:none}.match-events-section .match-events-header{width:90%;height:80px;gap:50px;display:flex;align-items:center;padding:20px;color:var(--secondaryColor);font-family:var(--klei);border:2px solid black;border-radius:2px;background:var(--quarternaryGradient)}.match-events-section .match-events-header .match-events-title{font-size:50px}.match-events-section .match-events-header .match-events-return{font-size:24px;cursor:pointer;transition:all .2s ease;display:flex}.match-events-section .match-events-header .match-events-return:hover{color:var(--tertiaryColor);filter:drop-shadow(0 0 5px rgba(255,153,0,.603))}.match-events-section .match-events-display{width:fit-content;height:fit-content;display:flex;flex-wrap:wrap;justify-content:center;gap:50px}.match-events-section .match-events-display .match-overview{width:350px;height:500px;border-radius:4px;border:2px solid black;background:var(--quarternaryGradient);display:flex;flex-direction:column;align-items:center}.match-events-section .match-events-display .match-overview .match-overview-title{color:var(--secondaryColor);font-family:var(--klei);font-size:40px;width:100%;height:70px;display:flex;align-items:end;justify-content:center}.match-events-section .match-events-display .match-overview .match-overview-items{height:400px;width:90%;overflow:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:30px}.match-events-section .match-events-display .match-overview .match-overview-items .match-overview-item{width:100%;height:fit-content;display:flex;flex-direction:column;font-family:var(--klei);font-size:24px;font-weight:600;text-shadow:1px 1px 1px var(--primaryColor);color:var(--secondaryColor)}.match-events-section .match-events-display .match-overview .match-overview-items .match-overview-item-row{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;gap:15px}.match-events-section .match-events-display .match-overview .match-overview-items .match-overview-item-row .match-overview-elo-item{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px}.match-events-section .match-events-display .match-overview .match-overview-items .match-overview-item-row .match-overview-img{height:32px}.match-events-section .match-events-display .match-events-graph{background:var(--quarternaryGradientAlt);padding:20px;max-height:500px;display:flex;justify-content:center;align-items:start;border-radius:4px;border:2px solid black}.match-events-section .match-events-display .match-event-card{width:350px;height:500px;border-radius:4px;border:2px solid black;background:var(--quarternaryGradient);display:flex;flex-direction:column;align-items:center}.match-events-section .match-events-display .match-event-card .match-day-title{color:var(--secondaryColor);font-family:var(--klei);font-size:40px;width:100%;height:70px;display:flex;align-items:end;justify-content:center}.match-events-section .match-events-display .match-event-card .match-events{height:400px;width:90%;overflow:auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}.match-events-section .match-events-display .match-event-card .match-events .match-event-item{width:100%;font-family:var(--klei);color:var(--secondaryColor);font-size:20px;font-weight:400;text-shadow:1px 1px 1px var(--primaryColor);display:flex;justify-content:start;align-items:center;gap:20px}.match-events-section .match-events-display .match-event-card .match-events .empty-match-event{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-family:var(--klei);color:var(--secondaryColor);font-size:50px;font-weight:400;text-shadow:1px 1px 1px var(--primaryColor)}.line-chart-container{width:700px;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}.line-chart-container .line-chart-title{font-family:var(--klei);font-size:40px;color:var(--secondaryColor)}.line-chart-container .line-chart-tooltip{display:flex;flex-direction:column;justify-content:center}.line-chart-container .line-chart-tooltip .line-chart-tooltip-label{font-weight:700;text-align:center;font-size:36px;font-family:var(--klei);text-shadow:-1px 1px 2px var(--secondaryColor)}.line-chart-container .line-chart-tooltip .tooltip-content{display:flex;flex-direction:column}.line-chart-container .line-chart-tooltip .tooltip-content .tooltip-row{display:flex;flex-wrap:nowrap;justify-content:start;align-items:center;gap:20px}.line-chart-container .line-chart-tooltip .tooltip-content .tooltip-row .tooltip-info{font-family:var(--klei);font-size:24px;font-weight:700;text-shadow:1px 1px 2px var(--primaryColor)}.line-chart-container .line-chart-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.line-chart-container .line-chart-legend .line-chart-legend-item{font-family:var(--klei);font-size:24px;font-weight:600;display:flex;justify-content:space-around;align-items:center;gap:10px}.line-chart-container .line-chart-y,.line-chart-container .line-chart-x{font-family:var(--klei);font-size:28px}.line-chart-container *:focus{outline:none!important}.line-chart-container .chart-legend-wrapper{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center}