@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);body{font-family:"Anton",cursive}.App,body{width:100%;height:100%}[class*=ball-]{margin:5px}.box-star{position:relative}.box-star .icon{width:45px;height:45px;border-radius:50%;background-color:#ef7fa5;position:absolute;top:0;left:10px;display:flex;align-items:center;justify-content:center}.box-star .icon:before{content:"☻";color:#fce583;font-size:32px}.box-star .content{margin:10px;border-radius:10px;overflow:hidden;position:relative;box-sizing:border-box;padding:10px;min-height:100px}.box-star .content:before{content:"";width:100px;height:100px;display:block;border-radius:50%;position:absolute;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 10000px #ea5e89}.ticket{width:300px;height:300px;display:inline-grid;grid-template-rows:50px auto auto;grid-row-gap:5px;row-gap:5px;box-sizing:border-box;padding:15px;background-color:#5a449a;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.5);margin:15px;overflow:hidden;font-family:"Roboto-Regular";position:relative}.ticket.rose{background-color:#ea5e89}.ticket.yellow{background-color:#f9d953}.ticket.green{background-color:#48cca6}.ticket>header{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;grid-row-gap:5px;row-gap:5px;box-sizing:border-box;position:relative;z-index:5}.ticket>header>.letter{position:relative;color:#000;font-family:"Roboto-Regular";width:50px;height:50px;box-sizing:border-box;padding:10px}.ticket>header>.letter,.ticket>header>.letter:before{display:flex;align-items:center;justify-content:center;border-radius:50%}.ticket>header>.letter:before{content:"";position:absolute;background-color:#fff;width:32px;height:32px;top:0;opacity:.3}.ticket>header>.letter:after{position:absolute;display:flex;content:attr(letter);align-items:center;justify-content:center;background-color:#fff;width:40px;height:40px;border-radius:50%;font-size:26px;font-weight:700}.ticket>header>.letter:first-child{background-color:#ee2929}.ticket>header>.letter:nth-child(2){background-color:#201db6}.ticket>header>.letter:nth-child(3){background-color:#e95815}.ticket>header>.letter:nth-child(4){background-color:#0b8819}.ticket>header>.letter:nth-child(5){background-color:#ffe100}.ticket>section{grid-template-columns:repeat(5,1fr);box-sizing:border-box;border-radius:15px;position:relative;z-index:5}.ticket>section,.ticket>section .column{display:grid;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px}.ticket>section .column{grid-template-rows:repeat(5,1fr);grid-row-gap:5px;row-gap:5px}.ticket>section .column>.number{display:flex;align-items:center;justify-content:center;font-family:"digital-7";background-color:#fff;font-size:24px;color:#000;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ticket>section .column>.number.star path{fill:#ffe600}.ticket>section .column>.number>.check{position:absolute;top:50%;left:50%;width:90%;max-width:36px;height:90%;max-height:36px;transform:translate(-50%,-50%)}.ticket>section .column>.number>.check path{stroke-dasharray:275.003,275.003;stroke-dashoffset:275.003;stroke-width:10px;fill:transparent;stroke:red}.ticket>section .column>.number.active path{stroke-dasharray:275.003,275.003;stroke-dashoffset:0}.ticket footer{display:flex;align-items:flex-end}[class*=ball-]{border-radius:50%;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;position:relative;font-family:"digital-7"}[class*=ball-]:before{content:"";width:32px;height:32px;top:0;opacity:.3}[class*=ball-]:after,[class*=ball-]:before{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%}[class*=ball-]:after{content:attr(number);width:40px;height:40px;font-size:26px;font-weight:700}.ball-b{background-color:red}.ball-i{background-color:#039}.ball-n{background-color:#f60}.ball-g{background-color:#093}.ball-o{background-color:#dedb1f}.ball-black{background-color:#000}.sortition-machine{position:relative;overflow:hidden;display:flex;justify-content:flex-end;margin:10px;box-sizing:border-box;padding:10px;border-radius:10px;font-family:"digital-7"}.sortition-machine .icon{width:60px;height:60px;border-radius:50%;background-color:#ef7fa5;top:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center;font-size:32px}.sortition-machine .content{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(5,1fr);width:calc(100% - 80px);grid-column-gap:3px;-webkit-column-gap:3px;column-gap:3px;grid-row-gap:3px;row-gap:3px}.sortition-machine .content>.number{position:relative;z-index:10;background-color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:5px}.sortition-machine .content>.number.active{background-color:#fff}.sortition-machine:before{display:block;content:"";width:150px;height:110px;box-shadow:0 0 0 99999px #ea5e89;border-radius:50%;position:absolute;transform:translate(-50%,-50%) rotate(45deg);top:0;left:0}.bg-sunshine{position:relative}.bg-sunshine:before{height:100%;top:0;z-index:1;background-image:linear-gradient(180deg,transparent 50%,#390f61 0),linear-gradient(195deg,transparent 50%,#2c1344 0),linear-gradient(210deg,transparent 50%,#390f61 0),linear-gradient(225deg,transparent 50%,#2c1344 0),linear-gradient(240deg,transparent 50%,#390f61 0),linear-gradient(255deg,transparent 50%,#2c1344 0),linear-gradient(270deg,transparent 50%,#390f61 0),linear-gradient(285deg,transparent 50%,#2c1344 0),linear-gradient(300deg,transparent 50%,#390f61 0),linear-gradient(315deg,transparent 50%,#2c1344 0),linear-gradient(330deg,transparent 50%,#390f61 0),linear-gradient(345deg,transparent 50%,#2c1344 0),linear-gradient(1turn,transparent 50%,#390f61 0)}.bg-sunshine:after,.bg-sunshine:before{content:"";display:block;position:absolute;width:100%;left:0}.bg-sunshine:after{height:50%;top:50%;z-index:2;background-position:0 100%;background-size:100% 200%;background-image:linear-gradient(0deg,transparent 50%,#390f61 0),linear-gradient(15deg,transparent 50%,#2c1344 0),linear-gradient(30deg,transparent 50%,#390f61 0),linear-gradient(45deg,transparent 50%,#2c1344 0),linear-gradient(60deg,transparent 50%,#390f61 0),linear-gradient(75deg,transparent 50%,#2c1344 0),linear-gradient(90deg,transparent 50%,#390f61 0),linear-gradient(105deg,transparent 50%,#2c1344 0),linear-gradient(120deg,transparent 50%,#390f61 0),linear-gradient(135deg,transparent 50%,#2c1344 0),linear-gradient(150deg,transparent 50%,#390f61 0),linear-gradient(165deg,transparent 50%,#2c1344 0),linear-gradient(180deg,transparent 50%,#390f61 0)}.bg-sunshine-rose{position:relative}.bg-sunshine-rose:before{height:100%;top:0;z-index:1;background-image:linear-gradient(180deg,transparent 50%,#ef7fa5 0),linear-gradient(195deg,transparent 50%,#ce4986 0),linear-gradient(210deg,transparent 50%,#ef7fa5 0),linear-gradient(225deg,transparent 50%,#ce4986 0),linear-gradient(240deg,transparent 50%,#ef7fa5 0),linear-gradient(255deg,transparent 50%,#ce4986 0),linear-gradient(270deg,transparent 50%,#ef7fa5 0),linear-gradient(285deg,transparent 50%,#ce4986 0),linear-gradient(300deg,transparent 50%,#ef7fa5 0),linear-gradient(315deg,transparent 50%,#ce4986 0),linear-gradient(330deg,transparent 50%,#ef7fa5 0),linear-gradient(345deg,transparent 50%,#ce4986 0),linear-gradient(1turn,transparent 50%,#ef7fa5 0)}.bg-sunshine-rose:after,.bg-sunshine-rose:before{content:"";display:block;position:absolute;width:100%;left:0}.bg-sunshine-rose:after{height:50%;top:50%;z-index:2;background-position:0 100%;background-size:100% 200%;background-image:linear-gradient(0deg,transparent 50%,#ef7fa5 0),linear-gradient(15deg,transparent 50%,#ce4986 0),linear-gradient(30deg,transparent 50%,#ef7fa5 0),linear-gradient(45deg,transparent 50%,#ce4986 0),linear-gradient(60deg,transparent 50%,#ef7fa5 0),linear-gradient(75deg,transparent 50%,#ce4986 0),linear-gradient(90deg,transparent 50%,#ef7fa5 0),linear-gradient(105deg,transparent 50%,#ce4986 0),linear-gradient(120deg,transparent 50%,#ef7fa5 0),linear-gradient(135deg,transparent 50%,#ce4986 0),linear-gradient(150deg,transparent 50%,#ef7fa5 0),linear-gradient(165deg,transparent 50%,#ce4986 0),linear-gradient(180deg,transparent 50%,#ef7fa5 0)}.bg-sunshine-yellow{position:relative}.bg-sunshine-yellow:before{height:100%;top:0;z-index:1;background-image:linear-gradient(180deg,transparent 50%,#fce583 0),linear-gradient(195deg,transparent 50%,#f2c34d 0),linear-gradient(210deg,transparent 50%,#fce583 0),linear-gradient(225deg,transparent 50%,#f2c34d 0),linear-gradient(240deg,transparent 50%,#fce583 0),linear-gradient(255deg,transparent 50%,#f2c34d 0),linear-gradient(270deg,transparent 50%,#fce583 0),linear-gradient(285deg,transparent 50%,#f2c34d 0),linear-gradient(300deg,transparent 50%,#fce583 0),linear-gradient(315deg,transparent 50%,#f2c34d 0),linear-gradient(330deg,transparent 50%,#fce583 0),linear-gradient(345deg,transparent 50%,#f2c34d 0),linear-gradient(1turn,transparent 50%,#fce583 0)}.bg-sunshine-yellow:after,.bg-sunshine-yellow:before{content:"";display:block;position:absolute;width:100%;left:0}.bg-sunshine-yellow:after{height:50%;top:50%;z-index:2;background-position:0 100%;background-size:100% 200%;background-image:linear-gradient(0deg,transparent 50%,#fce583 0),linear-gradient(15deg,transparent 50%,#f2c34d 0),linear-gradient(30deg,transparent 50%,#fce583 0),linear-gradient(45deg,transparent 50%,#f2c34d 0),linear-gradient(60deg,transparent 50%,#fce583 0),linear-gradient(75deg,transparent 50%,#f2c34d 0),linear-gradient(90deg,transparent 50%,#fce583 0),linear-gradient(105deg,transparent 50%,#f2c34d 0),linear-gradient(120deg,transparent 50%,#fce583 0),linear-gradient(135deg,transparent 50%,#f2c34d 0),linear-gradient(150deg,transparent 50%,#fce583 0),linear-gradient(165deg,transparent 50%,#f2c34d 0),linear-gradient(180deg,transparent 50%,#fce583 0)}.bg-sunshine-green{position:relative}.bg-sunshine-green:before{height:100%;top:0;z-index:1;background-image:linear-gradient(180deg,transparent 50%,#6de2be 0),linear-gradient(195deg,transparent 50%,#34ad88 0),linear-gradient(210deg,transparent 50%,#6de2be 0),linear-gradient(225deg,transparent 50%,#34ad88 0),linear-gradient(240deg,transparent 50%,#6de2be 0),linear-gradient(255deg,transparent 50%,#34ad88 0),linear-gradient(270deg,transparent 50%,#6de2be 0),linear-gradient(285deg,transparent 50%,#34ad88 0),linear-gradient(300deg,transparent 50%,#6de2be 0),linear-gradient(315deg,transparent 50%,#34ad88 0),linear-gradient(330deg,transparent 50%,#6de2be 0),linear-gradient(345deg,transparent 50%,#34ad88 0),linear-gradient(1turn,transparent 50%,#6de2be 0)}.bg-sunshine-green:after,.bg-sunshine-green:before{content:"";display:block;position:absolute;width:100%;left:0}.bg-sunshine-green:after{height:50%;top:50%;z-index:2;background-position:0 100%;background-size:100% 200%;background-image:linear-gradient(0deg,transparent 50%,#6de2be 0),linear-gradient(15deg,transparent 50%,#34ad88 0),linear-gradient(30deg,transparent 50%,#6de2be 0),linear-gradient(45deg,transparent 50%,#34ad88 0),linear-gradient(60deg,transparent 50%,#6de2be 0),linear-gradient(75deg,transparent 50%,#34ad88 0),linear-gradient(90deg,transparent 50%,#6de2be 0),linear-gradient(105deg,transparent 50%,#34ad88 0),linear-gradient(120deg,transparent 50%,#6de2be 0),linear-gradient(135deg,transparent 50%,#34ad88 0),linear-gradient(150deg,transparent 50%,#6de2be 0),linear-gradient(165deg,transparent 50%,#34ad88 0),linear-gradient(180deg,transparent 50%,#6de2be 0)}.bg-sunshine-blue{position:relative}.bg-sunshine-blue:before{height:100%;top:0;z-index:1;background-image:linear-gradient(180deg,transparent 50%,#6c5bb5 0),linear-gradient(195deg,transparent 50%,#483987 0),linear-gradient(210deg,transparent 50%,#6c5bb5 0),linear-gradient(225deg,transparent 50%,#483987 0),linear-gradient(240deg,transparent 50%,#6c5bb5 0),linear-gradient(255deg,transparent 50%,#483987 0),linear-gradient(270deg,transparent 50%,#6c5bb5 0),linear-gradient(285deg,transparent 50%,#483987 0),linear-gradient(300deg,transparent 50%,#6c5bb5 0),linear-gradient(315deg,transparent 50%,#483987 0),linear-gradient(330deg,transparent 50%,#6c5bb5 0),linear-gradient(345deg,transparent 50%,#483987 0),linear-gradient(1turn,transparent 50%,#6c5bb5 0)}.bg-sunshine-blue:after,.bg-sunshine-blue:before{content:"";display:block;position:absolute;width:100%;left:0}.bg-sunshine-blue:after{height:50%;top:50%;z-index:2;background-position:0 100%;background-size:100% 200%;background-image:linear-gradient(0deg,transparent 50%,#6c5bb5 0),linear-gradient(15deg,transparent 50%,#483987 0),linear-gradient(30deg,transparent 50%,#6c5bb5 0),linear-gradient(45deg,transparent 50%,#483987 0),linear-gradient(60deg,transparent 50%,#6c5bb5 0),linear-gradient(75deg,transparent 50%,#483987 0),linear-gradient(90deg,transparent 50%,#6c5bb5 0),linear-gradient(105deg,transparent 50%,#483987 0),linear-gradient(120deg,transparent 50%,#6c5bb5 0),linear-gradient(135deg,transparent 50%,#483987 0),linear-gradient(150deg,transparent 50%,#6c5bb5 0),linear-gradient(165deg,transparent 50%,#483987 0),linear-gradient(180deg,transparent 50%,#6c5bb5 0)}.block-moda-win{box-sizing:border-box;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);position:fixed!important;z-index:999999;top:0;left:0;display:flex;align-items:center;justify-content:center;font-family:"Roboto-Regular";transform-origin:center center;-webkit-animation:anim-win .5s linear;animation:anim-win .5s linear}.block-moda-win.close{-webkit-animation:anim-win-close .5s linear forwards;animation:anim-win-close .5s linear forwards}@-webkit-keyframes anim-win{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes anim-win{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes anim-win-close{to{transform:scale(2);opacity:0}0%{transform:scale(1);opacity:1}}@keyframes anim-win-close{to{transform:scale(2);opacity:0}0%{transform:scale(1);opacity:1}}.block-moda-win .modal{background-color:#fff;box-shadow:0 0 5px #fff,0 0 25px #fff,0 0 50px #fff,0 0 100px #fff;box-sizing:border-box;padding:20px;min-width:300px;min-height:300px;position:relative;z-index:10;border-radius:10px}.block-moda-win .modal .area-animation{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;pointer-events:none}.block-moda-win .modal .area-animation>span{position:absolute;border-radius:25%}.block-moda-win .modal .area-animation>span:first-child{background-image:linear-gradient(90deg,transparent,#ef7fa5);top:0;left:100%;width:100%;height:5px;-webkit-animation:anim-1 1s linear infinite;animation:anim-1 1s linear infinite}.block-moda-win .modal .area-animation>span:nth-child(2){background-image:linear-gradient(180deg,transparent,#ef7fa5);top:100%;right:0;width:5px;height:100%;-webkit-animation:anim-2 1s linear infinite;animation:anim-2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.block-moda-win .modal .area-animation>span:nth-child(3){background-image:linear-gradient(270deg,transparent,#ef7fa5);bottom:0;right:100%;width:100%;height:5px;-webkit-animation:anim-3 1s linear infinite;animation:anim-3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.block-moda-win .modal .area-animation>span:nth-child(4){background-image:linear-gradient(1turn,transparent,#ef7fa5);bottom:0;left:0;width:5px;height:100%;-webkit-animation:anim-4 1s linear infinite;animation:anim-4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes anim-1{0%{left:-100%}50%,to{left:100%}}@keyframes anim-1{0%{left:-100%}50%,to{left:100%}}@-webkit-keyframes anim-2{0%{top:-100%}50%,to{top:100%}}@keyframes anim-2{0%{top:-100%}50%,to{top:100%}}@-webkit-keyframes anim-3{0%{right:-100%}50%,to{right:100%}}@keyframes anim-3{0%{right:-100%}50%,to{right:100%}}@-webkit-keyframes anim-4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes anim-4{0%{bottom:-100%}50%,to{bottom:100%}}.block-moda-win .modal header{background-color:#ea5e89;width:80%;height:30px;position:absolute;top:-15px;left:50%;transform:translate(-50%);z-index:5;border-radius:5px 5px 30% 30%}.block-moda-win .modal header:before{left:-10px;border:15px solid #ce4986;border-left-color:transparent;transform:translate(-50%,-5px)}.block-moda-win .modal header:after,.block-moda-win .modal header:before{content:"";display:block;width:0;height:0;position:absolute;z-index:1;top:0}.block-moda-win .modal header:after{right:-10px;border:15px solid #ce4986;border-right-color:transparent;transform:translate(50%,-5px)}.block-moda-win .modal header .star{position:absolute;top:-25%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%)}.block-moda-win .modal header .star path{fill:#ff0}.block-moda-win .modal>.letters-bingo{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;grid-row-gap:5px;row-gap:5px;box-sizing:border-box;position:relative;z-index:5;width:100%;height:50px;margin-top:5px}.block-moda-win .modal>.letters-bingo>.letter{display:flex;align-items:center;justify-content:center;position:relative;color:#000;font-family:"Roboto-Regular";border-radius:50%;width:50px;height:50px;box-sizing:border-box;padding:10px}.block-moda-win .modal>.letters-bingo>.letter:nth-child(2n){-webkit-animation:anim-ball 1s linear infinite alternate;animation:anim-ball 1s linear infinite alternate}.block-moda-win .modal>.letters-bingo>.letter:nth-child(odd){animation:anim-ball 1s linear infinite alternate-reverse}@-webkit-keyframes anim-ball{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes anim-ball{0%{transform:scale(1)}to{transform:scale(1.3)}}.block-moda-win .modal>.letters-bingo>.letter:before{content:"";width:32px;height:32px;top:0;opacity:.3}.block-moda-win .modal>.letters-bingo>.letter:after,.block-moda-win .modal>.letters-bingo>.letter:before{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%}.block-moda-win .modal>.letters-bingo>.letter:after{content:attr(letter);width:40px;height:40px;font-size:26px;font-weight:700}.block-moda-win .modal>.letters-bingo>.letter:first-child{background-color:#ee2929}.block-moda-win .modal>.letters-bingo>.letter:nth-child(2){background-color:#201db6;top:10px}.block-moda-win .modal>.letters-bingo>.letter:nth-child(3){background-color:#e95815;top:20px}.block-moda-win .modal>.letters-bingo>.letter:nth-child(4){background-color:#0b8819;top:10px}.block-moda-win .modal>.letters-bingo>.letter:nth-child(5){background-color:#ffe100}.block-moda-win .modal .result-bingo{position:relative;margin-top:50px}.block-moda-win .modal footer{position:relative;display:flex;align-items:center;justify-content:center;margin:15px}.block-moda-win .modal footer .button-close{background-color:#483987;border:0;box-sizing:border-box;padding:10px 15px;color:#fff;border-radius:5px;font-size:18px;cursor:pointer}body{margin:0;padding:0;font-family:"Roboto-Regular";background-color:#f1f3f6;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%;position:relative}.game-admin{width:100%;min-height:100%;height:auto;position:absolute;background-color:#5a449a;box-sizing:border-box;padding:10px 20px;display:grid;grid-template-rows:70px auto -webkit-min-content;grid-template-rows:70px auto min-content}.game-admin:before{content:"";display:block;width:100%;height:70px;max-height:70px}.game-admin>header{width:100%;height:50px;background-color:#483987;position:absolute;top:0;left:0;box-shadow:0 1px 5px rgba(0,0,0,.6);box-sizing:border-box;padding:5px;display:grid;grid-template-columns:-webkit-min-content 120px auto -webkit-min-content;grid-template-columns:min-content 120px auto min-content;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;align-items:center;color:#fff;font-family:"Roboto-Regular";font-weight:100;z-index:10}.game-admin>header .logo{width:80px}.game-admin>header .logo img{display:block;width:100%}.game-admin>header .data{display:grid;justify-content:center;grid-template-columns:150px 100px 150px 100px}.game-admin>header .button{display:grid;justify-content:flex-end;grid-template-columns:repeat(4,1fr);grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px}.game-admin>header .button>*{cursor:pointer;transition:all .5s ease}.game-admin>header .button>:hover{transition:all .5s ease}.game-admin>header .button .ranking{color:#ff0}.game-admin>header .button .ranking:hover{-webkit-filter:drop-shadow(0 0 5px #ff0);filter:drop-shadow(0 0 5px #ffff00)}.game-admin>header .button .help{color:#ea5e89}.game-admin>header .button .help:hover{-webkit-filter:drop-shadow(0 0 5px #ef7fa5);filter:drop-shadow(0 0 5px #EF7FA5)}.game-admin>header .button .config{color:#48cca6}.game-admin>header .button .config:hover{-webkit-filter:drop-shadow(0 0 5px #6de2be);filter:drop-shadow(0 0 5px #6DE2BE)}.game-admin>header .button .close{color:#f9d953}.game-admin>header .button .close:hover{-webkit-filter:drop-shadow(0 0 5px #fce583);filter:drop-shadow(0 0 5px #FCE583)}.game-admin .area-game>.current-game{box-sizing:border-box;padding:20px;background-color:#6c5bb5;display:grid;grid-template-columns:100px auto auto 130px;color:#fff;border-radius:5px;align-items:center}.game-admin .area-game>.current-game input[type=number]{background-color:#483987;color:#fff;box-sizing:border-box;padding:10px;margin:0 10px;border-radius:5px;border:0;width:80px}.game-admin .area-game>.current-game .button-start{background-color:#f2c34d;border:0;box-sizing:border-box;padding:10px 15px;color:#666;border-radius:5px;font-size:18px;cursor:pointer;transition:all .5s ease;box-shadow:1.8px 1.8px 0 transparent}.game-admin .area-game>.current-game .button-start:hover{transition:all .5s ease;transform:scale(1.05);box-shadow:1.8px 1.8px 20px rgba(0,0,0,.3)}.game-admin .area-game .list-bots{overflow:auto;height:300px}.chat-game{background-color:#ea5e89;box-sizing:border-box;padding:10px;display:grid;grid-template-columns:auto 200px;grid-template-rows:200px auto;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;grid-row-gap:15px;row-gap:15px}.chat-game,.chat-game>*{border-radius:5px}.chat-game .text{background-color:#fff;grid-column:1;grid-row:1}.chat-game .input{grid-column:1;grid-row:2}.chat-game .input,.chat-game .users{background-color:#fff;box-sizing:border-box;padding:10px}.chat-game .users{grid-column:2;grid-row:1/span 2}.game-help{position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:100;box-sizing:border-box;padding:10px 20px;background-color:#5a449a;color:#fff}.game-help:before{content:"";display:block;width:100%;height:70px}.game-help header{width:100%;height:50px;background-color:#483987;position:fixed;top:0;left:0;box-shadow:0 1px 5px rgba(0,0,0,.6);box-sizing:border-box;padding:5px;display:grid;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;align-items:center;color:#fff;font-family:"Roboto-Regular";font-weight:100;z-index:10}.game-help header .close{color:#fff;cursor:pointer}.game-help header .close:hover{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px #FFF)}.game-help .area-logo{display:flex;align-items:center;justify-content:center}.game-help .title{color:#f9d953;font-size:32px;font-weight:700}.game-help .area-ticket-model{display:flex;justify-content:space-between;flex-wrap:wrap}.game-help .ticket-model{width:85px;min-width:85px;height:85px;min-height:85px;display:inline-grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:1px;-webkit-column-gap:1px;column-gap:1px;grid-row-gap:1px;row-gap:1px;margin:5px 0}.game-help .ticket-model>div{background-color:#fff}.game-help .ticket-model:first-child>div:first-child,.game-help .ticket-model:first-child>div:nth-child(5n+6),.game-help .ticket-model:nth-child(2)>div:nth-child(2),.game-help .ticket-model:nth-child(2)>div:nth-child(5n+7),.game-help .ticket-model:nth-child(3)>div:nth-child(3),.game-help .ticket-model:nth-child(3)>div:nth-child(5n+8),.game-help .ticket-model:nth-child(4)>div:nth-child(4),.game-help .ticket-model:nth-child(4)>div:nth-child(5n+9),.game-help .ticket-model:nth-child(5)>div:nth-child(5),.game-help .ticket-model:nth-child(5)>div:nth-child(5n+5),.game-help .ticket-model:nth-child(6)>div:first-child,.game-help .ticket-model:nth-child(6)>div:nth-child(-n+5),.game-help .ticket-model:nth-child(7)>div:nth-child(n+6):nth-child(-n+10),.game-help .ticket-model:nth-child(8)>div:nth-child(n+11):nth-child(-n+15),.game-help .ticket-model:nth-child(9)>div:nth-child(n+16):nth-child(-n+20),.game-help .ticket-model:nth-child(10)>div:nth-child(n+21):nth-child(-n+25),.game-help .ticket-model:nth-child(11)>div:nth-child(6n+1),.game-help .ticket-model:nth-child(12)>div:nth-child(4n+1){background-color:#ea5e89}.game-help .ticket-model:nth-child(12)>div:first-child,.game-help .ticket-model:nth-child(12)>div:last-child{background-color:#fff}.game-help .ticket-model:nth-child(13)>div:first-child,.game-help .ticket-model:nth-child(13)>div:last-child,.game-help .ticket-model:nth-child(13)>div:nth-child(5),.game-help .ticket-model:nth-child(13)>div:nth-child(21){background-color:#ea5e89}@font-face{font-family:"Roboto-Regular";src:url(/static/media/Roboto-Regular.9a926474.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"NixieOne";src:url(/static/media/NixieOne-Regular.49475bc4.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"digital-7";src:url(/static/media/digital-7.8249366b.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"square-deal";src:url(/static/media/square-deal.006b8f10.woff2) format("woff2");font-weight:400;font-style:normal}.game-config{position:fixed!important;top:0;left:0;width:100%;height:100%;z-index:100;box-sizing:border-box;padding:10px 20px;background-color:#5a449a;color:#fff}.game-config:before{content:"";display:block;width:100%;height:70px}.game-config header{width:100%;height:50px;background-color:#483987;position:fixed;top:0;left:0;box-shadow:0 1px 5px rgba(0,0,0,.6);box-sizing:border-box;padding:5px;display:grid;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;align-items:center;color:#fff;font-family:"Roboto-Regular";font-weight:100;z-index:10}.game-config header .close{color:#fff;cursor:pointer}.game-config header .close:hover{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px #FFF)}.game-config .area-logo{display:flex;align-items:center;justify-content:center}.game-config .title{color:#f9d953;font-size:32px}
/*# sourceMappingURL=main.00bb8d91.chunk.css.map */