.navbar{z-index:10;flex-shrink:0}.nav-items{background-color:#5a6c97;width:auto;display:flex}.nav-dropdown{background-color:#b5c3e1;width:auto;list-style:none;position:absolute;top:60px}.nav-button{justify-content:flex-start;align-items:center;height:60px;list-style:none;display:flex}.nav-button-link{color:#fff;border-radius:10px;align-items:center;width:90%;height:70%;padding:0 16px;font-size:16px;text-decoration:none;display:flex}.nav-button-link:hover{color:#fff;background-color:#c3c6df}.nav-drop-button{text-align:center;align-items:center;width:130px;height:40px;list-style:none;display:flex}.nav-drop-button a{color:#151414;align-items:center;width:90%;height:100%;padding:0 10px;text-decoration:none;display:flex}.nav-drop-button a:hover{color:#fff;background-color:#c3c6df}.home-title-container{background:linear-gradient(#a1bae5,#9198e5);flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;position:relative}.home-title-header{background:linear-gradient(#8fa5cc,#868dd4) padding-box padding-box,linear-gradient(#94abd3,#8187cc) border-box;border:.5rem solid #0000;border-radius:4rem;flex-direction:column;align-items:center;margin:2vh 0;padding:2% 20%;display:flex;position:relative}.home-title-header>img{max-height:40vh;box-shadow:5px 5px 10px #0006}.home-coming-soon{background:linear-gradient(#4071c5,#091c50);width:100%;height:90vh;position:relative}.home-title-text{align-content:center;width:100%;height:10vh;max-height:10vh;margin:0 0 2vh;position:relative}.home-title-text>p{color:azure;text-wrap:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}.home-title-text>p:first-of-type{font-size:48pt}.home-title-text>p:nth-of-type(2),.home-title-text>p:nth-of-type(3){font-size:20pt}.me-section{grid-template-columns:1fr;grid-auto-columns:12%;grid-auto-flow:column;width:100%;height:100vh;min-height:60vh;display:grid;position:absolute}.me-section>*{grid-template-columns:subgrid;border-radius:2rem;margin:2rem;display:grid;box-shadow:5px 5px 10px #0006}.me-left{pointer-events:all;background:linear-gradient(#b8b09b,#b37416);grid-column:1/2}.me-img-container{background:linear-gradient(#8d8d99,#2628b9);border:.5rem solid #091c50;border-radius:2rem;grid-column:1/-1;place-self:center;margin:0 1rem}.me-img-container>canvas{border-radius:1.5rem;width:100%;height:100%;display:block}.me-right{pointer-events:all;background:linear-gradient(#b8b09b,#b37416);grid-column:2/8;gap:1rem;padding:1rem}@keyframes ActiveMeLeft{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}.me-base-grid-block{background:linear-gradient(#abc,#6f70c9);border:.5rem solid #091c50;border-radius:2rem;max-width:100%;height:fit-content;margin:0 2rem;padding:1rem}.me-hidden{visibility:hidden;opacity:0}.profiles button{background-color:gray;border:2px solid #000;border-radius:20px;width:80px;height:120px;position:relative}.profiles button:hover{opacity:.5;background-color:#fff}.profile-list-container{justify-content:space-around;align-items:center;width:100vw;height:fit-content;display:flex;position:relative}.profile-list-container-small{justify-content:space-around;align-items:center;width:500px;height:fit-content;display:flex;position:relative}.profile-list{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:space-between;width:100%;height:fit-content;list-style-type:none;display:flex;overflow:scroll hidden}.profile-list::-webkit-scrollbar{display:none}.profile-list>li{width:100%;height:100%}.profile-list>li>div{border:2px solid #4d4d4d;border-radius:10px;flex-direction:column;width:fit-content;min-width:60px;height:100%;padding:10px;display:flex;position:relative}.profile-list>li>div>p{text-align:center;width:100%}.profile-list li:hover{opacity:.5;-webkit-user-select:none;user-select:none}.profile-shift-button{background-color:#b9b9b9;border:2px solid #696c8f;border-radius:5px;width:40px;height:80px}.profile-shift-button:hover{opacity:.5}.game-list{width:400px;list-style:none;position:relative}.list-game{width:inherit;min-height:100px;transition:all .5s;position:relative}.list-details-expand-league{width:inherit;background-color:gray;height:200px;animation-name:slideRevealLeague;animation-duration:.5s;position:relative}.list-details-shrink-league{width:inherit;height:0;transition:all .5s;position:relative}.stats-content{flex-direction:column;display:flex}.winner-game{background-color:#2d822d}.loser-game{background-color:#777}@keyframes slideRevealLeague{0%{height:0}to{height:200px}}.game-item{background-color:#a9a9a9;border-radius:20px;width:400px;height:100px}.game-item a{color:#c8c8c8;flex-direction:column;justify-content:center;align-items:center;width:90%;height:100%;padding:0 20px;font-size:16px;text-decoration:none;display:flex;position:relative}.game-info{color:#000;display:flex}.team-group{vertical-align:top;display:inline-block;position:relative}.team-group-header{justify-content:center;display:flex}.game-list{padding:0 20px;list-style:none}.game-list-item{background-color:gray;border-radius:20px;flex-direction:column;width:400px;min-height:140px;margin:10px 0;display:flex}.game-list-item span{color:#000;padding:0 0 0 20px}.game-list-item a{color:#151414;justify-content:center;margin:0 0 20px;font-size:16px;text-decoration:none;display:flex}.league-nav{background-color:gray;align-items:center;width:50px;height:50px;display:inline-block;position:relative}.league-nav a{color:#151414;width:90%;height:90%;padding:0 4px;font-size:12px;text-decoration:none;display:flex}.league-subbed{background-color:#2f4f4f}.game-list{list-style:none}.list-row{height:30px}.stat-group{vertical-align:top;width:30%;min-height:450px;margin:0 40px 40px 0;display:inline-block;position:relative}.general-info-group{padding:0 0 40px}.winrate{position:absolute;bottom:0}.list-details-expand-brawl{width:inherit;background-color:gray;height:60px;animation-name:slideRevealBrawl;animation-duration:.5s;position:relative}.list-details-shrink-brawl{width:inherit;height:0;transition:all .5s;position:relative}.hidden{display:none}.list-win{background-color:#639d63;border:1px solid #4c774d}.list-lose{background-color:#aaa;border:1px solid #676767}@keyframes slideRevealBrawl{0%{height:0}to{height:60px}}body{background-color:#dcdcdc}.matchup-block{text-align:left;background-color:#a3a6ab;border-style:solid;border-color:#000;border-radius:1px;width:158px;height:58px;font-size:14px;display:block}.matchup-block span{vertical-align:middle;line-height:normal;display:inline-block}.matchup-loser{background-color:gray}.matchup-player-block{width:129px;height:29px;line-height:29px;display:inline-block;position:relative}.group-table{border-collapse:collapse;position:relative}.group-table tbody tr:nth-child(odd){color:#fff;background-color:#939ba9}.group-table tbody tr:nth-child(2n){color:#fff;background-color:#112f61}.group-row{position:relative}.matchup-score-block{text-align:center;border-left:1px solid #000;width:28px;height:29px;font-weight:700;line-height:29px;display:inline-block;position:relative}.gauntlet-bracket{width:auto;height:auto;margin-bottom:20px;display:flex}.gauntlet{background-color:beige;width:100%;height:600px;position:relative}.playoffs{background-color:#929698;width:100%;height:600px;position:relative}svg{position:absolute}path{fill:#0000;stroke:#b8b8c0;stroke-width:5px}.set-slot{background-color:#b8b8c0;width:160px;height:60px;position:absolute}.winners-headers{text-align:center;width:160px;position:absolute}.brawl-button{background-color:#2a3e60;border-radius:20px;width:400px;height:60px;position:relative}.brawl-button a{color:#c8c8c8;justify-content:center;align-items:center;width:90%;height:100%;padding:0 12px;font-size:16px;text-decoration:none;display:flex}.ones-block,.twos-block{display:inline-flex}.login-container{flex-direction:column;align-items:center;gap:20px;display:flex}.login-container>p{font-size:16pt}.login-form{flex-direction:column;align-items:center;gap:10px;width:400px;height:30vh;display:flex}.login-form>input{background-color:#fff;border:2px solid #000;border-radius:10px;width:100%;padding:12px 10px}.login-form>button{background-color:#c4ddfa;width:50%;height:40px;font-size:12pt}.login-form>button:hover{background-color:#c7c4fa}.alert-popup-window{z-index:10;filter:drop-shadow(5px 5px 2px #7d7d7d);background-color:#d3d3d3;border:1px solid #000;border-radius:20px;justify-content:center;align-items:center;width:200px;height:60px;margin:10px 0 0 10px;display:flex;position:fixed}.alert-popup-window>p{color:#000;font-size:larger}.no-select-text{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}html,body{height:100%;margin:0;padding:0}*,:before,:after{box-sizing:border-box}.app-layout{flex-direction:column;min-width:100%;min-height:100dvh;display:flex}.app-layout>main{flex-direction:column;flex:1;min-height:0;display:flex}*{z-index:0;margin:0;padding:0}.event-pool{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex-flow:column;align-items:center;width:300px;height:100%;max-height:36em;list-style-type:none;display:flex;position:relative;overflow:hidden scroll}.event-pool>li{border:1px solid #000;border-radius:5px;width:90%;min-height:60px;margin:10px 0}.event-pool>li:hover{opacity:.5;background-color:#add8e6}.event-time-entries-container{filter:drop-shadow(5px 5px 2px #7d7d7d);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;background-color:#f0f8ff;border-radius:20px;flex-wrap:nowrap;align-items:center;width:325px;list-style-type:none;display:flex;position:relative;overflow:scroll hidden}.event-time-entries-container>div{border:3px solid #000;border-radius:20px;flex-direction:column;width:100%;height:100%;padding:20px 10px;display:flex}.event-time-entries-container>div:hover{opacity:.5;background-color:#a9a9a9}.event-info-window{display:flex}.time-entry-window{z-index:20;scroll-behavior:smooth;background-color:#f8f8ff;border:4px solid #000;width:50%;height:80%;display:flex;position:fixed;top:50%;left:50%;overflow:scroll hidden;transform:translate(-50%,-50%)}.time-entry-container{flex-flow:column wrap;width:280px;height:480px;padding:20px 10px;display:flex;position:relative}.time-entry-container>div{flex-direction:row;justify-content:space-between;width:100px;height:20px;display:flex}.time-interval-block{background-color:#ffebcd;border:1px solid #000;width:60px;height:20px;position:relative}.time-interval-selected{background-color:#00f}.time-entry-text{text-align:center;flex-direction:column;padding:0 10px 0 0;display:flex}.time-entry-text>*{border:1px solid #000;width:100%;height:60px;margin:10px 0}.calendar{flex-direction:column;width:900px;min-width:900px;height:600px;display:flex}.calendar-header{align-items:center;width:100%;height:100px;display:flex}.calendar-body{flex-direction:column;flex-grow:1;width:100%;display:flex}.table-header{justify-content:space-around;align-items:center;width:100%;height:100px;display:flex}.weekday{text-align:center;width:100px}.table-content{box-sizing:border-box;flex-wrap:wrap;justify-content:center;width:100%;display:flex}.selection-table-content{z-index:10;pointer-events:none;box-sizing:border-box;width:900px;margin-top:100px;position:absolute}.calendar-day{border:1px solid #a6a6a6;width:125px;height:75px;position:relative}.calendar-day>p{color:#a6a6a6;position:absolute;right:10px}.current>p{color:#000}.selected>p{color:#c00;font-weight:700}.calendar-event-list{flex-direction:column;list-style:none;display:flex}.calendar-event{background-color:#b0c4de;border:1px solid #000;border-radius:5px;width:200px;height:40px}.calendar-event>p{text-align:center}.calendar-event-blob{background-color:#a6a6a6;border:2px solid #818181;border-radius:5px;width:80%;height:30px}.toggle-time-entry-button{background-color:#b0c4de;border:none;width:60px;height:30px;position:relative}.toggle-time-entry-button:hover{opacity:.5}.time-overview-player-list{width:120px;min-width:60px;height:400px;list-style:none}.calendar-selection-day{opacity:.6;z-index:10;pointer-events:none;visibility:hidden;transition:all .2s;position:absolute}.calendar-selection-day>div{text-align:center;color:#dc143c;z-index:inherit;background-color:#5900ff;padding:.1em;font-size:16pt;font-weight:700;position:absolute}.calendar-selection-copy-down{width:40%;height:16%;line-height:16px;bottom:0;left:50%;transform:translate(-50%)}.event-pool-category-list{flex-direction:column;gap:.25em;list-style:none;display:flex;position:relative}.event-pool-category-list>li{text-align:center;padding:.5em}.event-pool-category-list>li:hover{cursor:pointer;background-color:#a6a6a6}.go-to-create-button{background-color:#a9a9a9;justify-content:center;align-items:center;min-width:max-content;min-height:100vh;display:flex;position:relative}.go-to-create-button>a{text-align:center;color:#f0f8ff;background-color:#496cb8;border-radius:10rem;place-content:center;align-items:center;width:60%;min-height:20vh;font-size:48pt;text-decoration:none}.go-to-create-button>a:hover{background-color:#1b55d1;transition:all .4s}.tournament-create{background-color:#354f86;flex-direction:column;flex:1;justify-content:center;align-items:stretch;min-width:100%;display:flex;position:relative}.tournament-create *{list-style:none}.tournament-illusion-list{flex-flow:row;justify-items:center;min-height:100%;display:flex}.tournament-illusion-list>li{border-radius:1rem}@keyframes enterAnim{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}@keyframes exitAnim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}@keyframes enterSideAnim{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes exitSideAnim{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}.tournament-configuration-box{background:linear-gradient(#c9c9c900 0%,#7da5bd 50%,#c9c9c900 100%);flex-flow:column;flex:1;align-items:center;min-width:30%;max-width:90%;min-height:fit-content;margin:2rem 1rem;padding:12rem 4rem;display:flex;position:relative}.tournament-configuration-box *{font-family:Arial,Helvetica,sans-serif}.tournament-configuration-box-header{min-width:100%}.tournament-configuration-box-header>p{color:#f0f8ff;text-align:center;-webkit-user-select:none;user-select:none;font-size:2pc}.tournament-configuration-box-body{color:#f0f8ff;text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:1rem;min-width:100%;max-width:100%;padding-top:2rem;padding-bottom:4rem;font-size:1.5pc;display:flex}.tournament-configuration-box-body input{text-align:center;background-color:#ced1d4;border:.5rem solid #c6c6ca;max-width:80%;min-height:2rem;max-height:4rem;font-size:1.75pc}.tournament-configuration-box-body button{color:#f0f8ff;cursor:pointer;background-color:#354f86;border:none;border-radius:1rem;min-width:40%;min-height:3rem;padding:.5rem;font-family:Arial,Helvetica,sans-serif;font-size:1.75pc;transition-property:min-width,background-color;transition-duration:.2s;transition-timing-function:ease-in-out}.tournament-configuration-box-body button:hover{background-color:#3747a1;min-width:50%}.tournament-participants-grid{grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));grid-auto-rows:min-content;align-items:center;gap:.5rem;min-width:100%;display:grid}.tournament-item-list{flex-flow:wrap;gap:.5rem;display:flex}:is(.tournament-participants-grid,.tournament-item-list)>*{-webkit-user-select:none;user-select:none;cursor:pointer;text-align:center;color:#f0f8ff;background-color:#0f4a4d;border-radius:.5rem;flex-shrink:0;min-width:0;min-height:0}:is(.tournament-participants-grid,.tournament-item-list)>div.selected{background-color:#021b31}.tournament-participants-grid>div.list-image-item{aspect-ratio:1}.list-dropdown-item{flex-direction:column;display:flex}.list-dropdown-list-wrapper{grid-template-rows:0fr;font-size:1pc;transition:grid-template-rows .3s;display:grid;overflow:hidden}.list-dropdown-item>.list-dropdown-list-wrapper.expanded{grid-template-rows:1fr}.list-dropdown-item>.list-dropdown-list-wrapper>ul{min-height:0;padding:0;overflow:hidden}.tournament-configuration-button-option{flex-flow:row;gap:1rem;display:flex}.tournament-configuration-button-option>*{flex-shrink:0}.tournament-configuration-subbox{background:linear-gradient(#4b59ac80 0%,#7da5bd 50%,#4b59ac80 100%);border:.25rem solid #354f86;flex-direction:column;align-items:center;gap:1rem;min-width:90%;max-width:100%;min-height:fit-content;display:flex}.tournament-switchlist{flex-flow:row;gap:.5rem;min-width:30%;max-width:100%;display:flex;overflow:hidden}.tournament-switchlist>div>p{font-size:2pc}.tournament-complex-list-item{flex-direction:row;align-items:center;display:flex}.tournament-complex-list-item>div{flex-direction:column;align-items:start;display:flex}.tournament-complex-list-item>div>div{flex-direction:row;align-items:center;display:flex}.tournament-complex-list-item>div>div>p{flex-shrink:0}.tournament-complex-list-item>div>div>input{max-width:50%}.tournament-complex-list-item>div *{min-width:0;min-height:0}.bracket-container{flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.bracket-container>div{flex-direction:row-reverse;justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex}.bracket-container>div>div{flex-direction:column;justify-content:space-around;align-items:center;height:100%;display:flex}.bracket-set-shell{background-color:#a9a9a9;border:1px solid #000;width:6rem;height:2.5rem}.bracket-ghost-shell{background-color:#0000;border:none;width:6rem}.bracket-set-box{flex-direction:column;width:100%;height:100%;display:flex}.bracket-set-box>div{border-top:1px solid #000;border-bottom:1px solid #000;justify-content:space-between;width:100%;height:50%;display:flex}.open-bracket-slot:hover{opacity:.5;background-color:#fff}