.sidebar-container{display:flex;height:100%;padding-right:1rem;pointer-events:none;position:absolute;right:0;width:300px}.sidebar{margin-top:var(--menu-height);padding-bottom:1rem;pointer-events:all;width:100%}.log-container,.sidebar{display:flex;flex:1 1;flex-direction:column}.log-container{font-size:.75rem;justify-content:end;overflow-y:auto}.log{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.log *{overflow-anchor:none}.log-top{flex:1 1}.log-anchor{min-height:1px;overflow-anchor:auto;width:100%}.chat-input{display:flex}.chat-input input{flex:1 1}.chat-enter{align-items:center;background-color:var(--primary);border-radius:0 4px 4px 0;cursor:pointer;display:flex;font-size:1rem;justify-content:center;width:3rem}.chat-enter,.chat-enter svg{transition:all .1s ease}.chat-enter:hover svg{scale:1.15}.chat-enter:active svg{scale:.8}.log-item{color:var(--background);display:flex;gap:.5rem;padding:.5rem;width:100%}.log-source{font-weight:700}.log-content{flex:1 1;word-break:break-word}.alert-wrapper{bottom:0;display:flex;height:100%;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;width:100%}.alert-relative{position:relative}.alert{align-items:center;background-color:var(--background);background-color:var(--alert-primary);border-radius:4px;bottom:-400px;box-shadow:0 3px 5px var(--contrast);display:flex;gap:.5rem;min-width:350px;padding:.5rem;pointer-events:all;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.alert-content{flex:1 1;padding:.5rem}.slide-up{-webkit-animation:SlideUp var(--alert-transition-time) ease 0s 1 forwards;animation:SlideUp var(--alert-transition-time) ease 0s 1 forwards}@-webkit-keyframes SlideUp{0%{bottom:-200px}50%{bottom:2.5rem}75%{bottom:1.75rem}90%{bottom:2.2rem}to{bottom:2rem}}@keyframes SlideUp{0%{bottom:-200px}50%{bottom:2.5rem}75%{bottom:1.75rem}90%{bottom:2.2rem}to{bottom:2rem}}.slide-down{-webkit-animation:SlideDown var(--alert-transition-time) ease 0s 1 forwards;animation:SlideDown var(--alert-transition-time) ease 0s 1 forwards}@-webkit-keyframes SlideDown{0%{bottom:2rem}to{bottom:-200px}}@keyframes SlideDown{0%{bottom:2rem}to{bottom:-200px}}.alert-close-button{align-items:center;border:2px solid var(--contrast);border-radius:4px;color:var(--contrast);cursor:pointer;display:flex;height:2rem;justify-content:center;margin-right:.5rem;opacity:.75;transition:all .1s ease;width:2rem}.alert-close-button:hover{background-color:var(--contrast);color:var(--alert-primary);opacity:.5}.dialogue{align-items:center;background-color:rgba(0,0,0,.75);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.dialogue-internal{border-radius:4px;box-shadow:0 3px 5px var(--contrast);position:relative;transition:all .25s ease}.dialogue-content{background-color:var(--background);border-radius:inherit;color:var(--contrast);display:flex;flex-direction:column;gap:1rem;max-width:min(600px,95vw);padding:2rem;z-index:2}.dialogue-section{display:flex;width:100%}.dialogue-section.col{flex-direction:column}.dialogue-controls{display:flex;gap:1rem;justify-content:center;width:100%}.fade-in{-webkit-animation:fadeIn var(--fade-duration) ease forwards;animation:fadeIn var(--fade-duration) ease forwards}@-webkit-keyframes fadeIn{0%{opacity:0}75%{opacity:1}}@keyframes fadeIn{0%{opacity:0}75%{opacity:1}}.fade-out{-webkit-animation:fadeOut var(--fade-duration) ease forwards;animation:fadeOut var(--fade-duration) ease forwards}@-webkit-keyframes fadeOut{0%{opacity:1}25%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}25%{opacity:1}to{opacity:0}}.promo-title{font-weight:700;justify-content:center;text-align:center}.promo-options{gap:1rem}.promo-option,.promo-options{display:flex;justify-content:center}.promo-option{align-items:center;background-color:var(--background);border:3px solid var(--contrast);border-radius:4px;box-shadow:none;color:var(--contrast);cursor:pointer;flex-shrink:0;font-size:2rem;height:4rem;transition:all .2s ease;width:4rem}.promo-option.small{-webkit-transform:scale(.75);transform:scale(.75)}.promo-option.small:hover{-webkit-transform:scale(.85);transform:scale(.85)}.promo-option.inverted,.promo-option:not(.no-effects):hover{background-color:var(--contrast);color:var(--background)}.promo-option:not(.no-effects):hover{box-shadow:1px 1px 5px var(--contrast);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.promo-option:not(.no-effects):active{background-color:var(--primary);border-color:var(--primary);box-shadow:none;-webkit-transform:translate(0);transform:translate(0)}.join-game-content{min-width:350px}.side-selection{align-items:center;gap:1rem;justify-content:space-between}.searching-graphic{font-size:2rem;gap:1rem}.searching-graphic,.searching-title{display:flex;justify-content:center;width:100%}.searching-title{font-size:.75rem;font-weight:700;text-transform:uppercase}.loading-rotate{-webkit-animation:LoadingRotate 4s var(--anim-delay) ease infinite,ColourCycle 12s calc(var(--anim-delay) + 1s) ease infinite;animation:LoadingRotate 4s var(--anim-delay) ease infinite,ColourCycle 12s calc(var(--anim-delay) + 1s) ease infinite}@-webkit-keyframes LoadingRotate{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}10%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}60%{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@keyframes LoadingRotate{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}10%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}60%{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}to{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}.loading-colour-cycle{-webkit-animation:ColourCycle 8s ease infinite;animation:ColourCycle 8s ease infinite;-webkit-animation-delay:var(--anim-delay);animation-delay:var(--anim-delay)}@-webkit-keyframes ColourCycle{0%{color:var(--contrast)}10%{color:red}15%{color:var(--contrast)}20%{color:orange}25%{color:var(--contrast)}30%{color:#ff0}35%{color:var(--contrast)}40%{color:#9acd32}45%{color:var(--contrast)}50%{color:green}55%{color:var(--contrast)}60%{color:blue}65%{color:var(--contrast)}70%{color:indigo}75%{color:var(--contrast)}80%{color:violet}85%{color:var(--contrast)}90%{color:var(--background)}to{color:var(--contrast)}}@keyframes ColourCycle{0%{color:var(--contrast)}10%{color:red}15%{color:var(--contrast)}20%{color:orange}25%{color:var(--contrast)}30%{color:#ff0}35%{color:var(--contrast)}40%{color:#9acd32}45%{color:var(--contrast)}50%{color:green}55%{color:var(--contrast)}60%{color:blue}65%{color:var(--contrast)}70%{color:indigo}75%{color:var(--contrast)}80%{color:violet}85%{color:var(--contrast)}90%{color:var(--background)}to{color:var(--contrast)}}.ui-button{--button-hover:var(--primary);align-items:center;border:2px solid transparent;border-radius:4px;color:var(--button-primary);cursor:pointer;display:flex;gap:1rem;justify-content:center;padding:1rem;transition:all .2s ease}.ui-button.round{aspect-ratio:1/1}.ui-button.fill{flex:1 1}.ui-button.close{--button-hover:red}.ui-button:not(.no-effects):hover{background-color:var(--button-hover);border-color:var(--button-primary);box-shadow:1px 1px 1px var(--button-primary);translate:-2px -2px}.ui-button:not(.no-effects):active{background-color:var(--button-primary);color:var(--background);translate:0 0}.ui-button.with-text{padding:1rem 1.5rem 1rem 1rem}@-webkit-keyframes IconBounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes IconBounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#eee;--background-dark:#4f4f4f;--contrast:#222;--offset:#aaa;--primary-light:khaki;--primary-dark:#8b8000;--primary:#ff0;--button-primary:var(--contrast);--menu-height:50px;--anim-delay:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{font-size:1rem;padding:1rem;width:100%}.nodisplay{display:none!important}.no-interact,.no-interact>*{cursor:not-allowed}.App{align-items:center;background-color:var(--background-dark);display:flex;flex-direction:column;height:100vh;width:100vw}.game-canvas{display:flex;position:relative}.board{height:0;position:relative;width:0}.tile{color:#fff;position:absolute}.relative-parent{position:relative}.hex,.relative-parent{height:100%;width:100%}.hex{align-items:center;display:flex;justify-content:center;text-align:center;transition:all .2s ease}.hex,.hex>*{z-index:1}.hex-left{border-bottom:calc(var(--hex-h)/2) solid transparent;border-right:calc(var(--hex-size)/2) solid var(--hex-colour);border-top:calc(var(--hex-h)/2) solid transparent;width:0}.hex-left,.hex-mid{height:100%;transition:inherit}.hex-mid{background-color:var(--hex-colour);width:var(--hex-size)}.hex-right{border-bottom:calc(var(--hex-h)/2) solid transparent;border-left:calc(var(--hex-size)/2) solid var(--hex-colour);border-top:calc(var(--hex-h)/2) solid transparent;height:100%;transition:inherit;width:0}.hex-shadow{border-radius:50%;bottom:calc(50% - 20px);box-shadow:0 0 40px #000;height:40px;left:calc(50% - 20px);position:absolute;width:40px;z-index:0}.piece-container{z-index:10}.piece-container,.piece-silhouette-container{align-items:center;display:flex;font-size:calc(var(--hex-size)*3/4);height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.piece-silhouette-container{color:var(--primary-dark);pointer-events:none;text-align:center;z-index:11}.kill{color:darkred}.piece-wrapper{aspect-ratio:1/1;background-color:var(--piece-color);border-radius:1000px;color:var(--piece-contrast);cursor:pointer;text-align:center;transition:all .1s ease;width:60%}.menu{background-color:var(--contrast);box-shadow:0 0 5px #000;color:var(--background);height:var(--menu-height);width:100%}.menu,.menu-op{align-items:center;display:flex;justify-content:center}.menu-op{--element-border:1px solid transparent;border-right:var(--element-border);cursor:pointer;flex-direction:column;height:100%;padding:0 1rem;transition:all .2s ease}.menu-op.small{font-size:.8rem}.menu-op:hover{background-color:#444}.menu-op:active{background-color:var(--offset)}.menu-op:first-of-type{border-left:var(--element-border)}.menu-subtitle{font-size:.75rem}.turn-counter-container{bottom:0;color:var(--background);display:flex;flex-direction:column;font-weight:700;left:0;position:absolute}
/*# sourceMappingURL=main.2d5a2433.css.map*/