@font-face{font-family:Mono;src:url(/static/media/JetBrainsMono[wght].4233307a63824071eae0.ttf)}:root{--gradient-bg:linear-gradient(180deg,#2a2846,#231e3c);--button-color:linear-gradient(180deg,#28284b,#2d284b);--primary-color:#0f0f1e;--secondary-color:#28283a;--main-bg:linear-gradient(315deg,#3c3755,#3a3250,#3c3255);--border-color:#1c1423;--light-border:#9696be;--board-border:#0f0f23;--navbar-text-color:#bebee6;--primary-text-color:#0a0a0b;--secondary-text-color:#212225;--red-color:#cb8e8e;--blue-color:#8e96cb;--white-color:#f7f7f7;--other-users:#d6d6d6;--dark-shadow:#140a1e;--selected-square:#826e78;--white-square:#d2c8e1;--black-square:#28283c}html{height:100%;width:100%}*{border:0;box-sizing:border-box;color:#bebee6;color:var(--navbar-text-color);margin:0;-webkit-user-select:none;user-select:none}body{font-family:Mono;height:100vh;width:100vw}#root{height:100%;width:100%}#App{background:linear-gradient(315deg,#3c3755,#3a3250,#3c3255);background:var(--main-bg);height:100vh;min-height:100%;min-width:100%;position:relative;z-index:0}li{list-style:none}.centerx-container{display:flex;flex-direction:row;justify-content:space-around}.navbar-pseudo{background-color:#281e3c;position:relative;z-index:10}.navbar-pseudo:before{background:linear-gradient(0deg,rgba(60,40,80,.5),rgba(60,52,100,.62));border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:11}.navbar-pseudo *{position:relative;z-index:15}.std-hover:hover{cursor:pointer;filter:brightness(.85);transform:scale(1.02)}.std-hover:active{filter:brightness(.6);transform:scale(.95)}.classic-btn{background:linear-gradient(180deg,#28284b,#2d284b);background:var(--button-color);border:1px solid #0f0f23;border-color:var(--board-border);border-radius:1rem;box-shadow:2px 2px 6px rgba(0,0,0,.3);display:block;font-size:1.2rem;padding:.5rem 1rem;position:relative;z-index:1;z-index:100}.classic-btn *{z-index:30}button:hover{cursor:pointer;filter:brightness(.9);transform:scale(1.02)}button:active{box-shadow:inset 0 0 10px rgba(0,0,0,.3);filter:brightness(.8);transform:scale(.95)}a{text-decoration:none}h1{font-size:3rem}h2{font-size:2rem}.subtitle,h2{font-weight:500}.subtitle{font-size:1.3rem}@media(max-width:1000px){h1{font-size:2.5rem}h2{font-size:1.5rem}.subtitle{font-size:1.1rem}}@media(max-width:800px){h1{font-size:2.1rem}.subtitle{font-size:1.2rem}}@media(max-width:600px){h1{font-size:1.7rem}.subtitle{font-size:1.1rem}}@media(max-width:500px){h1{font-size:1.4rem}.subtitle{font-size:1.1rem}}#home-page{height:100vh;justify-content:space-around;position:relative;width:100%}#home-page,#home-page-sub{align-items:center;display:flex;flex-direction:column}#home-page-sub{gap:4rem}#home-page-sub,.home-btn{justify-content:space-evenly}.home-btn{display:flex;flex-direction:column;position:relative;z-index:5}.home-btn *{z-index:8}#home-title{max-width:80%;text-align:center}#home-subtitle{max-width:65%;text-align:center}@media (max-width:700px){#home-title{max-width:90%;text-align:center}}@media (max-width:500px){#home-subtitle{max-width:75%;text-align:center}}#navbar-wrapper{height:auto;position:absolute;width:100vw;z-index:100}#navbar{align-items:center;background:var(--gradient-bg);border-color:var(--border-color);border-radius:10px;border-style:solid;border-width:1px;box-shadow:0 0 3px var(--border-color);display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-left:50%;margin-top:.3rem;padding:0 5rem;position:relative;top:0;transform:translateX(-50%);width:80%;z-index:10}#navbar *{padding:.2rem 0;z-index:15}.nav-fr{display:grid;flex:1 1;place-items:center}.nav-fr:first-child{justify-content:flex-start}.nav-fr:first-child,.nav-fr:last-child{align-items:center;display:flex;flex-direction:row}.nav-fr:last-child{justify-content:flex-end}.nav-svg-cont{fill:var(--navbar-text-color);align-items:center;display:flex;flex-direction:column;height:2rem;justify-content:space-around;width:auto}#nav-title{margin-left:1rem}#nav-title:hover{cursor:pointer;transform:scale(1.1)}#nav-title:active{transform:scale(.95)}#nav-links{display:flex;flex-direction:row;gap:1.5rem;justify-content:space-between}#nav-login{font-family:Mono}#open-menu{display:none;z-index:100}#open-menu-links{background:var(--gradient-bg);border-top-width:1px;border:1px solid var(--border-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0 solid var(--border-color);box-shadow:0 0 3px var(--border-color);left:50%;position:absolute;transform:translateX(-50%)}#open-menu-links a{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-around;padding:.2rem;width:100%}#open-menu-links a:last-child{border:none}@media (max-width:800px){#navbar{gap:1.8rem;padding:0 3rem}}@media (max-width:600px){#navbar{gap:1.5rem;padding:0 2rem}}dialog{border:none!important}.dialog{height:50%;left:25%;top:25%;width:50%}.dialog-content{align-items:center;border-style:none;display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:10%;width:100%}.dialog-content h1{font-size:3rem}.dialog-content p{font-size:1.5rem;margin:auto}.ghost{display:hidden;height:10%}.invite-response{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.invite-button{display:grid;place-items:center}.invite-accept{background-color:var(--blue-color)}.invite-reject{background-color:var(--red-color)}.challenger-text{display:inline;margin:0}#alert-box{background-color:#fff;border:.07rem solid #000;color:#000;display:none;flex-direction:column;height:20%;justify-content:space-between;left:60%;opacity:100%;padding:2%;position:fixed;top:10%;width:20%;z-index:100}#alert-box-title{border-bottom:.07rem solid #000;color:#b51010;display:grid;font-size:1rem;place-items:center;width:100%}#alert-box-content{display:grid;place-items:center}#game-page-container{flex-direction:row;gap:2%;justify-content:space-evenly;padding:2%;position:relative}#game-page-container,.board-container{align-items:center;display:flex;height:100%;width:100%}.board-container{flex:0 0 40%;flex-direction:column;justify-content:space-around}.board{aspect-ratio:1/1;border-color:var(--board-border);border-style:solid;border-width:.2rem;box-shadow:0 0 1rem var(--board-border);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:70vmin;max-height:60vw;max-width:60vw;width:70vmin}.square{border-color:var(--board-border);border-radius:0;border-style:solid;border-width:.01rem;box-sizing:border-box;height:100%;margin:0;padding:0;position:relative;width:100%;z-index:5}.square:before{background:linear-gradient(315deg,rgba(0,0,0,.1),hsla(0,0%,100%,.1));content:"";height:100%;position:absolute;width:100%}.square:hover{box-shadow:0 0 .2rem var(--board-border);z-index:6}.square:active{transform:scale(1)}.white-square{background:none;background-color:var(--white-square)}.black-square{background:none;background-color:var(--black-square)}#on-top{display:none;max-width:80%;position:absolute;z-index:150}#on-top,#right-side{align-items:center;background-color:var(--primary-color);border:.09rem solid var(--border-color);border-radius:1.5rem;box-shadow:0 0 .2rem var(--border-color);flex-direction:column;height:auto;justify-content:space-evenly;padding:1rem;width:auto}#right-side{display:flex;max-width:90%;min-width:30vw}.select-mode{border-radius:inherit;gap:1rem}.select-mode,.select-mode-title-container{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.select-mode-title{display:flex;text-align:center}.play-buttons-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:space-around;width:100%;z-index:10000}.rs-buttons{max-width:80%;width:8rem}@media (max-width:750px){#game-page-container{flex-direction:column;gap:0;height:100vh;max-height:100%}#right-side{display:none}#on-top{display:flex}.select-mode{gap:.5rem}.select-mode-title{font-size:1rem}.rs-buttons{max-width:80%;width:6rem}.play-buttons-container{flex-direction:row}.board{aspect-ratio:1/1;height:auto;max-height:none;max-width:75vh;width:100%}}#game-page-container-wrapper{height:100%;position:relative;width:100%}#game-page-container-wrapper,.square{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.board-cell{aspect-ratio:1/1;display:none;width:80%}.players-container{align-items:flex-start;gap:1.5rem}#active-game,.players-container{display:flex;flex-direction:column;justify-content:space-between;width:100%}#active-game{align-items:center;gap:2.5rem;z-index:1000}.player-data{justify-content:space-between;width:100%}.captured-pieces,.player-data{align-items:center;display:flex;flex-direction:row}.captured-pieces{justify-content:flex-start}.captured-img{height:1.5rem}.captured-num{font-size:1.3rem}#bottom-game-board{display:none;height:auto;justify-content:space-around;margin:5rem 0}#bottom-game-board,#bottom-side{align-items:center;flex-direction:column;width:100%}#bottom-side{background-color:var(--primary-color);border:.09rem solid var(--border-color);border-radius:1.5rem;box-shadow:0 0 .2rem var(--border-color);display:flex;height:100%;justify-content:space-evenly;padding:1rem}@media (max-width:750px){#App{min-height:100vh}#App,#game-page-container-wrapper{height:auto}#bottom-game-board{display:flex}}.account-base-container{align-items:center;display:flex;flex-direction:column;font-family:Mono;height:100vh;justify-content:space-around;width:100%}.account-base-container *{font-family:Mono;font-weight:500}.account-block{align-items:center;border-color:var(--border-color);border-style:solid;border-width:.13rem;box-shadow:0 0 10px 1px #000;display:flex;flex-direction:column;max-width:95%;padding:1rem 5rem}.account-title{font-weight:700;margin:1rem}.input-block{margin-top:1rem;width:100%}.input-header{flex-direction:column;width:100%}.input-header,.input-input{align-items:flex-start;display:flex}.input-input{background-color:#322846;border-color:var(--border-color);border-style:solid;border-width:.1rem;flex-direction:row;height:1.2rem}.account-submit-btn{margin:.6rem}.account-signin-redirect{font-size:.9rem;margin:1.5rem auto 0}.account-same-line{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-evenly}#stay-connected-checkbox{accent-color:var(--secondary-text-color);background-color:#322846;height:2rem;width:2rem}@media (max-width:450px){.account-block{padding:.8rem 3rem}}@media (max-width:330px){.account-block{padding:.6rem 2rem}}#social-page-container{flex-direction:column;height:100vh;justify-content:space-evenly;position:relative}#social-page-container,.whole-width{align-items:center;display:flex;width:100%}.whole-width{flex-direction:row}#global-message-page-container{padding-top:5%}#center-message-section,#global-message-page-container{align-items:center;display:flex;justify-content:space-around}#center-message-section{flex-direction:column;z-index:30}#global-message-section{aspect-ratio:1/1;height:80vh;max-width:100%;width:80vh;z-index:1}#active-users-container,#global-message-section{box-shadow:0 0 .3rem var(--dark-shadow);display:flex;flex-direction:column}#active-users-container{align-items:center;background-color:#3c2a5f;border:.1rem solid #000;border-radius:1rem;gap:1.5rem;max-height:50vh;overflow:auto;padding-bottom:1rem;position:relative;width:20%;z-index:30}#active-users-title-container{border-bottom:.1rem solid #000;text-align:center;width:100%}#active-users-title,#active-users-title-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around}#active-users-title{padding:.4rem}#active-users-list{display:flex;flex-direction:column;gap:.5rem;height:100%;list-style:none;width:100%}.active-users-list-element{align-items:center;border-bottom:.07rem solid #000;border-top:.07rem solid #000;display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.active-users-left{width:10%}.active-users-middle{align-items:center;display:flex;justify-content:space-around;width:60%}.active-users-right{display:flex;flex-direction:row;justify-content:space-evenly;width:30%}#message-icon,.challenge-icon{cursor:pointer}#message-history{border:.1rem solid var(--border-color);height:calc(80vh - 2rem);overflow-y:overlay;position:relative;width:100%;z-index:50}#global-message-title{border-left:.1rem solid var(--border-color);border-right:.1rem solid var(--border-color);border-top:.1rem solid var(--border-color);display:grid;padding:.2rem;place-items:center;z-index:50}#global-message-title:after{background:linear-gradient(160deg,#281946,hsla(0,0%,98%,.2),#3c1e4b);content:"";height:var(--after-height);position:absolute;top:100%;width:100%;z-index:1}#message-history *{z-index:50}#message-history-blurr:before{background:linear-gradient(160deg,rgba(60,30,45,.2),transparent,rgba(50,50,80,.4));content:"";height:100%;position:relative;width:100%}#input-message{background-color:#413278;border-bottom:.1rem solid var(--border-color);border-left:.1rem solid var(--border-color);border-right:.1rem solid var(--border-color);font-family:Mono;font-size:1rem;height:2rem;overflow-y:scroll;position:relative;width:100%;z-index:1000}.chat-message-container-wrapper{display:flex;flex-direction:column;padding:2% 5%;width:100%}.left{align-items:flex-start}.right{align-items:flex-end}.chat-message-container{border-radius:.5rem;box-shadow:0 0 .3rem #000;overflow-wrap:break-word;padding:.2rem;position:relative;white-space:normal;width:60%;word-break:normal;z-index:1}.chat-message-container:before{background:linear-gradient(225deg,rgba(165,155,255,.15),rgba(0,0,0,.01));border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.chat-message-paragraph{font-size:1rem;margin-left:3%}#chat-message-user{background-color:rgba(55,55,125,.1);right:0}#chat-message-other{background-color:rgba(105,95,185,.1);left:0}@media (max-width:800px){#global-message-page-container{padding-top:8%}#global-message-section{height:80vh;width:70vw}.chat-message-paragraph{font-size:.9rem}}@media (max-width:700px){#global-message-page-container{padding-top:15%}#global-message-section{height:80vh;width:85vw}#active-users-container{display:none}.chat-message-paragraph{font-size:.8rem}}@media (max-width:500px){.chat-message-paragraph{font-size:.65rem}}@media (max-width:300px){.chat-message-paragraph{font-size:.55rem}}#account-page-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.profile-card{align-items:center;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.9);display:flex;flex-direction:column;max-width:400px;padding:30px;text-align:center;width:100%}.username{font-size:2.5rem;font-weight:700;margin:0 0 10px}.email{font-size:1.2rem;margin:0 0 20px}.stats-container{display:flex;justify-content:space-evenly;margin-bottom:30px;width:100%}.stat{display:flex;flex-direction:column}.matchmaking-main{display:grid;height:100vh;place-items:center;width:100%}#dialog{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly;padding:2rem}#dialog-text{text-align:center}.loader{animation:spin 1s linear infinite;border:4px dashed var(--navbar-text-color);border-radius:50%;border-top:4px dotted var(--black-square);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#dialog-btn{border-radius:2rem;font-size:1.2rem;margin-top:2rem;padding:1rem}
/*# sourceMappingURL=main.b756e538.css.map*/