:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;line-height:1;font-weight:200;font-size:16px;height:100%;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue: 54, 119, 224;--grey: 162, 170, 184;--green: 43, 204, 62;--brown-armour: 107, 69, 21;--red: 240, 22, 10;--dark-red: 64, 30, 28;--yellow: 232, 165, 9;--white: 250, 249, 246;--black: 28, 28, 28;--brown-bg: 36, 35, 31;--link-blue: 6, 81, 204;--nav-width: 0;color:rgba(var(--white))}button,input,textarea{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (min-width: 1000px){:root{--nav-width: 12}}@media (min-width: 1500px){:root{--nav-width: 12}}body{height:100%;overflow:hidden;margin:0}h6,h5,h4,h3,h2,h1{margin:0;text-align:center}h6{font-size:1.5rem}h5{font-size:2rem}h4{font-size:2.5rem}h3{font-size:3rem}h2{font-size:3.5rem}h1{font-size:4rem}#root{height:100%}button{border-radius:6px;border-style:none;color:rgb(var(--white))}li{margin-bottom:8px}a{color:rgb(var(--link-blue))}@media (min-width: 500px){p,ul{font-size:1.25rem}}@media (min-width: 1500px){p,ul{font-size:1.5rem}}.overflow-scroll-y{overflow:hidden scroll}.inline-block{display:inline-block}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.pos-relative{position:relative}.text-black{color:rgba(var(--black))}.text-white{color:rgba(var(--white))}.text-dark-red{color:rgba(var(--dark-red))}.text-green{color:rgba(var(--green))}.text-red{color:rgba(var(--red))}.bg-black{background-color:rgba(var(--black))}.bg-white{background-color:rgba(var(--white))}.bg-blue{background-color:rgba(var(--blue))}.bg-grey{background-color:rgba(var(--grey))}.bg-brown{background-color:rgba(var(--brown-bg))}.bg-red{background-color:rgba(var(--red))}.bg-dark-red{background-color:rgba(var(--dark-red))}.y-scrollable{overflow:hidden scroll}.no-scroll{overflow:hidden}.page-space{height:16vh}.page-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(var(--black),.99)}.tab-active{border-bottom:4px rgba(var(--white)) solid}.tab-inactive{opacity:.5}.tab-inactive:hover{opacity:1;filter:brightness(1.5)}@media (min-width: 1000px){.account-button,.menu-button{padding:12px 20px}}@media (min-width: 1500px){.account-button,.menu-button{padding:12px 20px}}.page-container{height:100%;background-color:rgba(var(--brown-bg));box-sizing:border-box;position:relative}.page-content-container{position:relative;width:calc((100 - var(--nav-width)) * 1%);height:100%}.page-content-container-full{position:relative;height:100%;width:100%;box-sizing:border-box;padding:2.5% 5%}.orientation-flex-col-row-1000{display:flex;flex-direction:column;align-items:center;justify-content:center}.orientation-flex-row-col-1000{display:flex;flex-direction:row;align-items:center;justify-content:center}@media (min-width: 1000px){.orientation-flex-col-row-1000{flex-direction:row}.orientation-flex-row-col-1000{flex-direction:column}}.disclaimer-minor{display:block;margin-bottom:2%;color:rgb(var(--yellow))}.disclaimer-major{display:block;margin-bottom:2%;color:rgb(var(--red))}.updates-page-wrapper{display:flex;flex-direction:column;height:100%}.updates-tabs-container{display:flex;justify-content:space-around;font-size:1.25rem;font-weight:800}.updates-tabs-container>span{padding:4px}.updates-content-container{flex:1;padding:5% 0;overflow:hidden scroll}.updates-log-date{display:block;font-weight:600;text-decoration:underline}@media (min-width: 500px){.updates-content-container{padding:5% 2%}}@media (min-width: 1000px){.updates-tabs-container{font-size:1.5rem}}.guide-piece-section>h4{text-align:left}.nav-bar{display:none;position:fixed;top:0;left:0;width:calc(var(--nav-width) * 1%);height:100%;width:100%;background-color:rgb(var(--black));color:rgb(var(--white));z-index:25}.nav-bar-item{margin-top:5%;padding:4% 10%;font-size:2rem;font-weight:700;box-sizing:border-box;display:block;text-decoration:none;color:#fff}.nav-bar-item:first-child{margin-top:calc(5% + 5rem)}.nav-bar-item>button{font-size:2rem;width:100%;font-weight:700;padding:8% 0;box-sizing:border-box;color:rgb(var(--white))}.nav-mobile-header{position:fixed;top:0;left:0;width:100%;z-index:25}.nav-mobile-button{background-color:transparent;font-size:3rem;margin-left:6%;margin-top:4%;margin-bottom:2%;padding:0;line-height:1;opacity:.7}.nav-mobile-button:hover{opacity:1;filter:brightness(1.5)}.nav-mobile-active{display:block}@media (min-width: 500px){.nav-bar-item{margin-top:0}}@media (min-width: 1000px){.nav-bar{display:block;width:calc(var(--nav-width) * 1%);position:inherit;overflow:hidden}.nav-bar-item{padding:4% 10%;margin-top:15%;font-size:1.5rem;font-weight:700;box-sizing:border-box}.nav-bar-item:first-child{margin-top:15%}.nav-bar-item>button{font-size:1rem;width:100%;font-weight:700;padding:10% 0 8%;box-sizing:border-box;color:rgb(var(--white))}.nav-bar-item,.nav-bar-item>button{font-size:1rem}.nav-mobile-header{display:none}}@media (min-width: 1500px){.nav-bar-item,.nav-bar-item>button{font-size:1.25rem}}.home-temp-x{position:absolute;top:0;left:0;opacity:.99;width:100%;height:100%}.home-guest-section{width:80%;height:64%;color:rgb(var(--white));margin:10% auto 0}.home-guest-section>span{font-size:1.75rem}.home-guest-section>h1,.home-guest-section>span,.home-guest-section>a{display:block;margin-bottom:5%;text-decoration:none}.home-section-button{color:rgb(var(--white));font-size:2.25rem;font-weight:800;padding:5% 6%;border-radius:6px}.home-header-disclaimer{padding:4%;box-sizing:border-box;font-size:1.5rem;line-height:1.25;font-weight:600}.home-header-spacer{margin-top:calc(3rem + 10%)}.home-verification-header{padding:3%;margin-top:calc(3rem + 10%);color:#000;font-size:1.5rem;font-weight:600}.home-verification-header>span{line-height:1}.home-verification-header>button{padding:1.5%;font-size:1.25rem;margin-left:24px}.home-user-section{width:80%;margin-left:auto;margin-right:auto}.home-profile-header{margin-top:calc(3rem + 10%);width:80%}.home-profile-header>.home-profile-user-wrapper{display:flex}.home-profile-header>.home-profile-pic{width:5%;min-width:64px;aspect-ratio:1/1;border-radius:4px;border:1px rgb(var(--white)) solid;box-sizing:border-box}.home-profile-header>.home-profile-username{font-size:1.5rem;display:block;max-width:min(calc(95% - 12px),calc(100% - 76px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;margin-left:12px}.home-profile-header>.home-profile-rating{margin-top:4%;font-weight:600;font-size:1.5rem}.home-profile-stats{margin-top:5%;font-size:1.5rem;font-weight:400}.home-profile-stats>.home-profile-rating,.home-profile-stats>.home-profile-wins{margin-bottom:5%}.home-main-content{display:flex;flex-direction:column}.home-main-content>.home-play-options{width:100%}.home-main-content>.home-play-options>a{padding:5%;width:100%;text-decoration:none;color:rgb(var(--white));margin-bottom:2.5%;font-size:1.5rem;font-weight:800;box-sizing:border-box;border-radius:6px}.home-main-content>.home-play-options>a:last-child{margin-bottom:0}.home-main-content>.home-socials{text-align:center;font-size:1.5rem;border-radius:6px;margin-top:6%;height:fit-content}.home-main-content>.home-socials>.home-temp-disc{border-radius:6px;padding:5% 0;margin-bottom:5%}.home-game-history{margin-top:8%;height:50%}.home-game-history>.home-game-history-header{padding:4% 5%;font-size:1.25rem;font-weight:400;line-height:1}.home-game-history>.home-game-history-container{border:1px rgb(var(--grey)) solid;border-top:none;box-sizing:border-box;padding:0 2%;height:calc(92% - 1.25rem)}.home-game-history>.home-game-history-container>.home-game-history-item{font-size:1.25rem;font-weight:400;padding:5% 4%;border-bottom:1px solid rgb(var(--white))}@media (min-width: 1000px){.home-guest-section{margin-top:0;width:60%}.home-guest-section>span{font-size:2rem}.home-section-button{padding:4% 5%}.home-verification-header{margin-top:0;padding:1%}.home-verification-header>button{padding:1%}.home-profile-header{margin-top:5%}.home-profile-header{flex-direction:row}.home-profile-header>.home-profile-username{margin-left:20px;max-width:min(calc(95% - 20px),calc(100% - 84px))}.home-profile-stats{margin-top:2%}.home-profile-stats>.home-profile-rating,.home-profile-stats>.home-profile-wins{margin-bottom:1.5%}.home-main-content{flex-direction:row;justify-content:space-between}.home-main-content>.home-play-options{width:50%}.home-main-content>.home-socials{width:40%;margin-top:0;justify-content:stretch;justify-content:space-between}.home-main-content>.home-socials>.home-temp-disc{flex-grow:1}.home-header-spacer{margin-top:0}}@media (min-width: 1500px){.home-guest-section{width:40%}.home-guest-section>h1,.home-guest-section>span,.home-guest-section>a{margin-bottom:3%}.home-section-button{padding:3% 3.5%}.home-main-content>.home-play-options{width:40%}.home-main-content>.home-socials{width:50%}.home-header-disclaimer{padding:2.5%}}.auth-info-form{width:75%}.auth-info-form>h4{margin-bottom:10%}.auth-info-form>input{margin-bottom:5%;width:100%;box-sizing:border-box}.auth-info-form>input{padding:4%;border-radius:6px;font-size:1.25rem;border:1px rgb(var(--grey)) solid;background-color:#292929;color:rgb(var(--grey))}.auth-info-form>.auth-info-form-submit{background-color:rgb(var(--blue));border:none;color:rgb(var(--white));font-size:1.5rem;font-weight:600;cursor:pointer}.auth-info-form>.auth-info-form-submit:hover{filter:brightness(1.25)}.auth-info-form span{font-size:1.25rem}.auth-info-login-other-options{width:100%;justify-content:space-between}.auth-separator{width:100%;border-top:1px solid white;margin:4% 0}.auth-info-form>.auth-guest-login{border:none;cursor:pointer}.auth-info-form>.auth-guest-login:hover{filter:brightness(1.5)}@media (min-width: 1000px){.auth-info-form{width:50%;background-color:rgb(var(--black));border-radius:12px;padding:6%}.auth-info-form>input{border:none}}@media (min-width: 1250px){.auth-info-form{width:36%;padding:4%}}@media (min-width: 1500px){.auth-info-form{width:24%;padding:3%}}.square-dark{background-color:rgba(var(--blue))}.square-light{background-color:rgba(var(--grey))}.square-highlight{display:block;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;opacity:.5;position:absolute;width:30%;aspect-ratio:1/1}.square-selected{background-color:rgba(var(--green),1)}.dim-mana{opacity:.5;filter:brightness(.5)}.gameboard-wrapper{width:95%;color:#fff;font-weight:800;font-size:.5rem;margin:calc(3rem + 7%) auto 0}.gameboard-wrapper>.gameboard-user-info{margin:1% 0;font-size:.75rem}.gameboard-wrapper>.gameboard-user-info>span{display:block;padding:0 0 4px}.gameboard-wrapper>.gameboard-user-info>.gameboard-user-avatar{width:8%;aspect-ratio:1/1;margin-right:1%}.gameboard-wrapper>.gameboard-user-info>.gameboard-username-pieces-wrapper{justify-content:space-between;align-items:flex-start}.gameboard-wrapper>.gameboard-user-info .gameboard-username{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.15}.gameboard-cell{aspect-ratio:1/1;width:10%;line-height:100%;text-align:center;position:relative}.gameboard-cell-col-coords{position:absolute;bottom:2px;right:2px}.gameboard-cell-row-coords{position:absolute;top:2px;left:2px;z-index:2}.gameboard-cell-piece-armour{position:absolute;top:2px;right:2px;color:rgba(var(--brown-armour));font-size:.7rem;font-weight:600;border:2px solid rgba(var(--brown-armour));border-radius:2px}.gameboard-cell-piece-health{position:absolute;top:2px;right:2px;color:red;font-size:.75rem;font-weight:600}.game-piece{width:70%;image-rendering:pixelated}.game-controls{justify-content:space-around;width:100%}.game-controls-container{width:95%;margin:0 auto;border-radius:8px;padding:4%;box-sizing:border-box}.game-controls-container>.game-mana-bar{box-sizing:border-box;border-radius:4px;border:1px solid rgb(var(--grey));height:24px;padding:1px}.game-controls-container>.game-mana-bar>.game-mana-bar-segment{width:20%;box-sizing:border-box;border-radius:2px}.game-piece-data{justify-content:space-between;margin-top:6px}.game-controls-container>.game-controls-options{display:flex;justify-content:space-between;margin:4% 0 0}.game-controls-container>.game-controls-options>button{display:block;font-size:.75rem;padding:2% 3%;font-weight:600;border-radius:4px}.game-controls-container>.game-controls-options>button:disabled{opacity:.5;filter:brightness(.5)}.game-controls-container>.game-piece-stats{margin-top:4%;color:rgb(var(--white))}.game-controls-container>.game-piece-stats>span{display:block;margin-bottom:10px}@media (min-width: 500px){.game-controls-container>.game-piece-data,.game-controls-container>.game-piece-stats{font-size:1.25rem}}@media (min-width: 1000px){.gameboard-wrapper,.game-controls-container{margin:4% auto;width:80%}.gameboard-wrapper>.gameboard-user-info>.gameboard-user-avatar{width:7%}.gameboard-wrapper>.gameboard-user-info,.game-controls-container>.game-controls-options>button{font-size:1rem}.game-controls-container>.game-piece-data,.game-controls-container>.game-piece-stats{font-size:1.5rem}.game-controls-container>.game-mana-bar{height:32px;border-radius:6px}.game-controls-container>.game-mana-bar>.game-mana-bar-segment{border-radius:4px}.gameboard-cell-piece-armour{font-size:.85rem}.gameboard-cell-piece-health{font-size:.9rem;top:5px;right:3px}}@media (min-width: 1250px){.game-content-container{display:flex;padding:2%;justify-content:space-between;box-sizing:border-box}.gameboard-wrapper{margin:4% 0;width:60%;align-self:flex-start}.game-controls-container{margin:4% 0;width:35%;padding:2%}.game-controls-container>.game-controls-options{flex-direction:column}.game-controls-container>.game-controls-options>button{margin-top:16px;padding:3%}.game-content-container>.page-space{display:none}}@media (min-width: 1500px){.game-content-container{padding:1%}.gameboard-wrapper{margin:1% 0;width:50%}.game-controls-container{margin:2% 0;width:45%}.gameboard-wrapper>.gameboard-user-info,.game-controls-container>.game-controls-options>button{font-size:1.25rem}.game-controls-container>.game-mana-bar{height:40px}}@media (min-width: 2000px){.gameboard-wrapper{margin:0;width:46%}}.play-content-container>.play-board-display{width:95%;aspect-ratio:1/1;margin:calc(3rem + 10%) auto 0;display:block}.play-content-container>.play-options,.play-content-container>.play-game-overview{width:95%;margin:5% auto 0;padding:4%;box-sizing:border-box;border-radius:8px}.play-content-container>.play-game-overview{min-height:45%}.play-content-container>.play-game-overview>h4{text-align:left;margin:16px 0 0}.play-content-container>.play-game-overview>p{line-height:1.5}.play-content-container>.play-game-overview>a{margin-top:auto;font-size:1.5rem}.play-content-container>.play-options>button,.play-content-container>.play-game-overview>button{padding:5%;width:100%;font-size:1.5rem;font-weight:800;margin-bottom:2.5%}.play-content-container>.play-game-overview>.play-join-container{justify-content:space-between;margin:2.5% 0}.play-content-container>.play-game-overview>.play-join-container>input{border-radius:6px;flex-grow:1;margin-right:20px;min-width:0;font-size:1.5rem;padding:2%;box-sizing:border-box}.play-content-container>.play-game-overview>.play-join-container>button{padding:3%;font-size:1.5rem;font-weight:800}@media (min-width: 1000px){.play-content-container>.play-board-display{margin:4% auto;width:80%}.play-content-container>.play-options,.play-content-container>.play-game-overview{margin:4% auto;width:80%}}@media (min-width: 1250px){.play-content-container{display:flex;padding:2%;justify-content:space-between;box-sizing:border-box}.play-content-container>.play-board-display{margin:4% 0;width:60%;align-self:flex-start}.play-content-container>.play-options,.play-content-container>.play-game-overview{margin:4% 0;width:35%;padding:2%}.play-content-container>.page-space{display:none}}@media (min-width: 1500px){.play-content-container{padding:1%}.play-content-container>.play-board-display{margin:3% 0;width:50%}.play-content-container>.play-options,.play-content-container>.play-game-overview{margin:3% 0;width:45%}}.modal-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--black),.9);z-index:30}.modal-query-options{justify-content:space-between;margin-top:10%;width:100%}.modal-query-options>button,.modal-query-options>button>a{font-size:1.5rem;padding:1% 4%;font-weight:800;text-decoration:none;color:#fff}.modal-query-options>button>a{padding:0}.login-query-container,.forfeit-query-container,.winner-message-container,.private-pending-container{position:relative;padding:5%;border-radius:6px;width:85%;box-sizing:border-box}.login-query-container>h4,.forfeit-query-container>h4,.winner-message-container>h5{margin:2.5% 0 10%}.winner-message-container>span{font-size:1.75rem}.login-query-container>button{padding:5%;font-size:1.5rem;margin-bottom:5%;font-weight:800}.login-query-container>button:last-of-type{font-weight:400}.login-query-container>span{display:block;position:absolute;top:10px;right:14px;font-size:2rem}.private-pending-container{text-align:center}.private-pending-container>h6{display:block;margin-bottom:32px}.private-pending-container>span{font-size:1.25rem;overflow-wrap:break-word}.private-pending-container>button{margin:6% 0 2.5%;padding:4%;font-size:1.25rem;font-weight:600;width:50%}@media (min-width: 500px){.login-query-container,.forfeit-query-container,.winner-message-container,.private-pending-container{width:70%}}@media (min-width: 1000px){.login-query-container,.forfeit-query-container,.winner-message-container,.private-pending-container{width:50%;padding:4% 3%;border:1px solid rgba(var(--grey))}.private-pending-container>span{font-size:1.5rem}}@media (min-width: 1500px){.login-query-container{width:30%;padding:3% 2%}winner-message-container .forfeit-query-container,.winner-message-container,.private-pending-container{width:35%;padding:2%}}.guide-content-container>h4{margin:4% 0 6%}.guide-content-container>h5{text-align:left;text-decoration:underline}.guide-content-container>h6{text-align:left;margin:6% 0 4%}.guide-content-container p{font-size:1.25rem;line-height:1.4;margin:.75% 0}.guide-content-container>.guide-piece-stats{font-weight:600}@media (min-width: 1000px){.guide-content-container>h4{margin:2% 0 3%}.guide-content-container p{font-size:1.5rem}.guide-content-container>h6{margin:2% 0 .5%}.guide-content-container>.guide-piece-stats{font-weight:600;font-size:1.25rem}}.upcoming-content-container>h4{margin:4% 0 6%}.upcoming-content-container>h5{text-align:left;text-decoration:underline;margin:2% 0 1%}.upcoming-content-container>h6{text-align:left;margin:1% 0 0}.upcoming-content-container p{font-size:1.25rem;line-height:1.4;margin:.75% 0}@media (min-width: 1000px){.upcoming-content-container>h4{margin:2% 0 3%}.upcoming-content-container p{font-size:1.5rem}}