body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game{max-width:600px;margin:5vh auto}.game__info{text-align:center}.game__header{font-size:2em}.game__description{margin:2em 0;line-height:1.5em;text-align:justify}.game__settings{margin:0 0 3vh;display:flex;flex-wrap:wrap}.game__mode{display:flex;height:100px;width:100%;border:1px solid #2b2d42;margin-bottom:10px;padding:10px;background:#131e3b;cursor:pointer}.game__mode:hover{background:#344470}.mode__text{width:100%;text-align:left;padding-left:20px;color:#fafafa}.mode__item{font-size:20px;min-width:110px;position:relative;font-weight:700;color:#fff;top:calc(50% - 12px);left:0;z-index:1}@media screen and (min-width:800px){.game{max-width:600px;margin:5vh auto}}.think-logic{background:#fff;margin:0}.think-logic__header{display:flex;height:70px;justify-content:space-between;background:#2b2d42}.think-logic__container{display:flex;justify-content:space-between;color:#fafafa;padding:0 20px}.think-logic__title{display:flex;align-items:center;font-size:22px}.think-logic__commands{display:flex;justify-content:center}.think-logic__item{margin:auto 10px;cursor:pointer}.think-logic__text{display:flex}.think-logic__text:hover{color:#a9d6e5}.think-logic__timer{text-align:center;font-size:6vmin;font-weight:700;margin:auto;line-height:6vmin;color:#fafafa}.think-logic__timer.danger{-webkit-animation:blinker 1s linear infinite;animation:blinker 1s linear infinite}#timer>div{text-align:center;font-size:6vmin;font-weight:700;line-height:8vmin;padding:0 3vmin}#timer>div.danger{-webkit-animation:blinker 1s linear infinite;animation:blinker 1s linear infinite}@-webkit-keyframes blinker{50%{color:#ff6450;text-shadow:0 0 10px #ff6450}}@keyframes blinker{50%{color:#ff6450;text-shadow:0 0 10px #ff6450}}#gameOver{padding:2vmin;font-size:3vmin;font-weight:700}#gameOver.black{background:#212529;color:#aaa}#info{flex:0 1 auto;display:flex;background-color:#5d8ee9}#info-data{flex:4 0}#info-data>div{padding:2vmin;font-size:3vmin;font-weight:700}.game-container{display:flex;flex-wrap:wrap;list-style:none}#playground{position:fixed;top:0;left:0;bottom:0;right:0;padding:0;display:flex;flex-direction:column;background:#fff}.board{flex:1 1;display:flex;flex-wrap:wrap;align-items:stretch}.word-card{flex:1 1;flex-direction:column;min-width:20%;text-transform:uppercase;font-weight:700;font-family:"Roboto Condensed",sans-serif;letter-spacing:.5px;font-size:4vmin;word-break:break-word;align-self:stretch;-webkit-user-select:none;user-select:none}.board>.word-card>div,.word-card{display:flex;box-sizing:border-box;text-align:center}.board>.word-card>div{flex:1 1;justify-content:center;align-items:center;padding:4px;width:100%;cursor:pointer;position:relative}.card-box{background:#fafafa;color:#444;border:1px solid #ddd;border-radius:4px}.card-box.red.opened{background:repeating-linear-gradient(135deg,#bc6060,#bc6060 10px,#984646 0,#984646 20px)}.card-box.blue.opened{background:repeating-linear-gradient(135deg,#606dbc,#606dbc 10px,#465298 0,#465298 20px)}.card-box.neutral.opened{background:repeating-linear-gradient(135deg,#ffecca,#ffecca 10px,#ffdcb5 0,#ffdcb5 20px)}.card-box.black.opened{background:repeating-linear-gradient(135deg,#4c4c4c,#4c4c4c 10px,#282828 0,#282828 20px)}.card-box:hover{box-shadow:1px 2px 3px rgba(0,0,0,.1)}.card-box>span{display:flex;align-items:center;text-align:center;line-height:normal}.status{position:relative}.status__info{background:#2b2d42}.status__info,.status__turn{display:flex;justify-content:center;align-items:center}.status__turn{font-size:20px;line-height:1.8;color:#fafafa}.status-menu{display:flex;transition:all .3s ease-out}.status .status-pane{flex:1 1}.status-pane__timer{text-align:center;font-size:6vmin;font-weight:700;line-height:8vmin}.red,.red h1{background:#dd504b;color:#6a040f;font-weight:700}.blue,.blue h1{background:#5d8ee9;color:#03045e;font-weight:700}.black,.black h1{background:#212529;color:#e5e5e5}.neutral,.neutral h1{background:#fef9ef;color:#bebebe}.team-count{text-align:center;font-size:15vmin;line-height:13vmin;margin:0}@media screen and (orientation:portrait){body{height:120vh}#playground{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:top left;transform-origin:top left;width:100vh;height:100vw;left:100vw}}@media (min-width:1600px){.board{padding:12px}.board>.word-card{font-size:4vmin;padding:12px}}@media (min-width:960px) and (max-width:1599px){.board{padding:12px}.board>.word-card{font-size:4vmin;padding:12px}}@media (min-width:768px) and (max-width:959px){.board,.board>.word-card{padding:8px}.think-logic__header{height:40px}.think-logic__text,.think-logic__title{font-size:0}.status__info{display:none}.team-count{font-size:10vmin}}@media (min-width:490px) and (max-width:767px){.board,.board>.word-card{padding:6px}.think-logic__header{height:40px}.think-logic__text,.think-logic__title{font-size:0}.status__info{display:none}.team-count{font-size:10vmin}}@media (max-width:489px){.board,.board>.word-card{padding:4px}.think-logic__header{height:40px}.think-logic__text,.think-logic__title{font-size:0}.status__info{display:none}.team-count{font-size:10vmin}}.long-click-notification{position:absolute;z-index:200000;top:5px;bottom:5px;background:rgba(0,0,0,.85);width:65%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;right:0;margin:auto;color:#fff;font-size:4vmin;padding:20px 50px;text-align:center;line-height:normal;display:flex;align-items:center;justify-content:center;border-radius:6px}.container{position:relative;width:1200px;height:300px;margin:240px auto;cursor:pointer}.container .box{position:relative;width:370px;height:270px;background:#000;float:left;margin:15px;box-sizing:border-box;overflow:hidden;border-radius:10px}.container .box .icon{position:absolute;top:0;left:0;width:100%;height:100%;background:red;transition:.5s;z-index:1}.container .box:hover .icon{top:20px;left:calc(50% - 40px);width:80px;height:80px;border-radius:50%}.container .box .icon .fa{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:80px;transition:.5s;color:#fff}.container .box:hover .icon .fa{font-size:40px}.container .box .content{position:absolute;top:100%;height:calc(100% - 100px);width:100%;text-align:center;padding:20px;box-sizing:border-box;transition:.5s;opacity:0}.container .box:hover .content{top:100px;opacity:1}.container .box .content h3{margin:0 0 10px;padding:0;color:#fff;font-size:24px}.container .box .content p{margin:0;padding:0;color:#fff}.container .box:first-child .icon{background:#319635}.container .box:first-child{background:#4caf50}.container .box:nth-child(2) .icon{background:#d03852}.container .box:nth-child(2){background:#f54967}.container .box:nth-child(3) .icon{background:#23798e}.container .box:nth-child(3){background:#328fa5}
/*# sourceMappingURL=main.d1fa4a0d.chunk.css.map */