.board-container{align-items:center;display:flex;height:100vh;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);z-index:2}.grid-container{grid-gap:2;aspect-ratio:.5;border:2px solid #ece3e3;display:grid;gap:2;grid-template-columns:repeat(10,1fr);max-width:100%}.grid-item{align-items:center;border:1px solid #0000;display:flex;font-size:14px;font-weight:700;height:1.83vw;justify-content:center;width:1.83vw}.spectrum-container{align-items:end;background-color:#f9eafd;border:1px solid #fff;display:grid;grid-template-columns:repeat(10,1fr);height:50%;position:relative;width:30%;z-index:2}.spectrum-bar{width:100%;z-index:3}.username{color:var(--black);font-size:1.3vw;left:50%;overflow:hidden;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);width:100%;z-index:4}@media (max-width:942px){.spectrum-container{height:40%;width:30%}}@media (max-width:700px){.spectrum-container{height:40%;width:28%}}#root{text-align:center}.app-div{background-repeat:repeat;background-size:cover;overflow:hidden;position:relative}.app-div,.background{height:100vh;width:100vw}.background{background-position:50%;background-repeat:repeat-x;background-size:contain;left:0;position:absolute;top:0;z-index:1}.bg-error-joined{background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid var(--blue);border-radius:20px;height:200px;left:50%;opacity:.7;position:relative;top:50%;transform:translate(-50%,-50%);width:400px;z-index:3}.error-joined-room{color:var(--black);font-size:2vw;margin:0;position:relative;top:50%;transform:translateY(-50%)}.username-master-div{cursor:default;display:flex;height:4vw;justify-content:center;position:relative;top:1.5vw;z-index:2}.username-actual{color:var(--black);font-size:3vw;margin:0;position:relative;top:1vw}.spectrum-div{display:flex;flex-wrap:wrap;gap:2%;height:60vh;justify-content:start;position:absolute;top:25vh;width:23vw;z-index:3}.spectrum-div-left{left:1vw}.spectrum-div-right{right:.5vw}.launch-button{background-color:var(--blue)!important;z-index:2}.launch-button,.waiting-button{margin:0;top:50%;transform:translateY(-50%)}.waiting-button{border-color:#fff!important;color:#fff!important;cursor:default;font-size:1vw!important;z-index:3}.waiting-button:hover{background-color:none!important;cursor:default}.end-game-p{font-size:3.5vw;height:5vw;justify-content:center;left:50%;position:absolute;top:40%;transform:translateX(-50%);z-index:2}.end-game-win{-webkit-text-stroke-color:var(--dark-blue);background-clip:text;background:-webkit-linear-gradient(#fff,var(--blue));-webkit-background-clip:text}.end-game-lose,.end-game-win{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1px}.end-game-lose{-webkit-text-stroke-color:var(--gradient-rose);background-clip:text;background:-webkit-linear-gradient(var(--rose),var(--gradient-rose));-webkit-background-clip:text;color:var(--gradient-rose)}.end-game-cloud{left:50%;position:absolute;top:calc(50% - 220px);transform:translateX(-50%);width:50%;z-index:1}@media (max-width:942px){.bg-error-joined{height:20%;width:40%}.waiting-button{border-color:var(--blue)!important;color:var(--blue)!important}.spectrum-div{gap:1.5%;height:40vh;top:35vh;width:20vw}.spectrum-div-right{right:0}.end-game-cloud{top:calc(50% - 130px);width:40%}}@media (max-width:700px){.spectrum-div{gap:2%;height:30vw;top:42vh;width:15vw}.spectrum-div-left{left:3vw}.spectrum-div-right{right:3vw}.end-game-cloud{top:calc(50% - 100px);width:30%}}body{font-family:SpaceGrotesk,Helvetica,Arial,sans-serif;margin:0}:root{--blue:#adc8e1;--dark-blue:#6aa9e3;--rose:#ebadab;--gradient-rose:#c60a04;--black:#544747}h1{font-size:3.2em;line-height:1.1}@font-face{font-family:SpaceGrotesk;font-optical-sizing:auto;font-style:normal;font-weight:600;src:url(/static/media/SpaceGrotesk-SemiBold.0c90cf115980aae34f07.ttf) format("truetype")}
/*# sourceMappingURL=main.4482ade6.css.map*/