:root{--quadro-item-tamanho:calc(100vw/16);--quadro-altura:calc(var(--quadro-item-tamanho)*5);--restante-altura:calc(100svh - var(--quadro-altura))}*{font-family:'Roboto',sans-serif;box-sizing:border-box;user-select:none}body{width:100vw;height:100svh;margin:0;padding:0;overflow:hidden;color:#fff;background-color:#000}#titulo{width:100%;height:calc(var(--restante-altura)*.3);line-height:calc(var(--restante-altura)*.3);font-size:calc(var(--restante-altura)*.2);text-align:center;color:#ff0;text-wrap:nowrap;text-shadow:0 0 3px #ff6,0 0 6px #fc0,0 0 10px #fc0,0 0 5svh #f60}#titulo:hover{cursor:default}#quadro{width:100%;height:var(--quadro-altura)}#quadro .letra{float:left;width:calc(var(--quadro-item-tamanho)/2);height:var(--quadro-item-tamanho);line-height:var(--quadro-item-tamanho);font-size:calc(var(--quadro-item-tamanho)*.5);text-align:center;overflow:hidden;text-shadow:3px 3px 4px rgba(0,0,0,.8)}#quadro .letra-0{background-color:#f00;background:linear-gradient(to bottom,#ff4d4d,#c00)}#quadro .letra-1{background-color:#00f;background:linear-gradient(to bottom,#4da6ff,#0059b3)}#quadro .letra-2{background-color:#008000;background:linear-gradient(to bottom,#4dff88,#00b33c)}#quadro .letra-3{background-color:#ff4500;background:linear-gradient(to bottom,#ffa64d,#c60)}#quadro .letra-4{background-color:#800080;background:linear-gradient(to bottom,#bf80ff,#60c)}#quadro .letra:hover{cursor:default}#quadro .numero{float:left;width:var(--quadro-item-tamanho);height:var(--quadro-item-tamanho);line-height:var(--quadro-item-tamanho);font-size:calc(var(--quadro-item-tamanho)*.65);text-align:center;overflow:hidden;color:#555;border:1px solid #555;border-radius:50%;font-weight:300}#quadro .numero:hover{cursor:default}#quadro .numero-sorteado{color:#000;border:0;background-color:#fff;font-weight:500;background:radial-gradient(circle at calc(var(--quadro-item-tamanho)*.25) calc(var(--quadro-item-tamanho)*.25),#fff,#000);text-shadow:2px 2px 3px rgba(255,255,255,.8)}#info{width:100%;height:calc(var(--restante-altura)*.3);line-height:calc(var(--restante-altura)*.3);font-size:calc(var(--restante-altura)*.15);text-align:center;color:#fff;background-color:#222;text-wrap:nowrap;background:linear-gradient(to bottom,#111,#222,#444,#222,#111);text-shadow:2px 2px 3px rgba(0,0,0,.8)}#info:hover{cursor:default}#rodape{width:100%;height:calc(var(--restante-altura)*.4);display:flex}#sorteados{width:50vw;height:calc(var(--restante-altura)*.4);overflow:hidden;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}#sorteados::-webkit-scrollbar{display:none}#sorteados .item{position:relative;display:inline-block;width:calc(var(--restante-altura)*.4);height:calc(var(--restante-altura)*.4);line-height:calc(var(--restante-altura)*.45);font-size:calc(var(--restante-altura)*.25);text-align:center;color:#000;background-color:#808080;border-radius:1em;font-weight:500;background:radial-gradient(circle at calc(var(--restante-altura)*.1) calc(var(--restante-altura)*.1),#aaa,#000);text-shadow:2px 2px 3px rgba(255,255,255,.5)}#sorteados .item .letra{font-size:calc(var(--restante-altura)*.1);line-height:calc(var(--restante-altura)*.15);position:absolute;text-align:center;width:100%;top:0}#sorteados .item:first-child{background-color:#fff;background:radial-gradient(circle at calc(var(--restante-altura)*.1) calc(var(--restante-altura)*.1),#fff,#333);text-shadow:2px 2px 3px rgba(255,255,255,.8)}#quantidades{width:33vw;height:calc(var(--restante-altura)*.4);display:flex;overflow:hidden}#quantidades .item{width:16.5vw;border:1px solid #808080}#quantidades .item .titulo{text-align:center;height:calc(var(--restante-altura)*.14);line-height:calc(var(--restante-altura)*.14);font-size:calc(var(--restante-altura)*.09);color:#ccc}#quantidades .item .valor{text-align:center;height:calc(var(--restante-altura)*.25);line-height:calc(var(--restante-altura)*.25);font-size:calc(var(--restante-altura)*.25)}#quantidades .item-sorteados{color:#90ee90}#quantidades .item-restantes{color:#f08080}#rodape .controle{width:17vw;height:calc(var(--restante-altura)*.4);border:1px solid #808080;position:relative}#rodape .controle .imagem{width:100%;height:calc(var(--restante-altura)*.28);display:flex;justify-content:center;align-items:center}#rodape .controle .imagem img{max-width:90%;max-height:90%}#rodape .controle .patrocinadores{width:100%;height:100%;display:flex;justify-content:center;align-items:center}#rodape .controle .patrocinadores img{max-width:90%;max-height:90%}#rodape .controle .form{width:100%;height:calc(var(--restante-altura)*.12);text-align:center;display:flex;padding-left:2%;padding-right:2%}#rodape .controle div{width:100%}#rodape .controle .form input{width:100%;height:calc(var(--restante-altura)*.1);font-size:calc(var(--restante-altura)*.05);text-align:center;border:0;outline:0;color:#000;background:#fff;box-shadow:none}#rodape .controle .form button{width:100%;height:calc(var(--restante-altura)*.1);font-size:calc(var(--restante-altura)*.05);border:0;outline:0;background-color:#ccc;box-shadow:none}#numeroAtual{position:absolute;top:0;left:0;width:100vw;height:100svh;background-color:rgba(0,0,0,.8);display:none;transition:background-color .5s ease}#numeroAtual:hover{cursor:default}#numeroAtual .bola{position:absolute;width:100svh;height:100svh;left:calc(100vw/2 - 100svh/2);border-radius:50%;color:#000;background-color:#fff;text-align:center;background:radial-gradient(circle at 25svh 25svh,#fff,#000);text-shadow:.5svh .5svh 1svh rgba(255,255,255,.8)}#numeroAtual .bola .letra{line-height:30svh;font-size:25svh}#numeroAtual .bola .numero{line-height:55svh;font-size:65svh;white-space:nowrap}#numeroAtual .bola .numero-oculto{color:#777;text-shadow:none}.controle .botao-grande button{width:100%;height:calc(var(--restante-altura)*.13);font-size:calc(var(--restante-altura)*.065);border:0;outline:0;background-color:#808080;box-shadow:none;white-space:nowrap}.controle .botao-medio button{width:100%;height:calc(var(--restante-altura)*.1);margin-top:calc(var(--restante-altura)*.03);font-size:calc(var(--restante-altura)*.06);border:0;outline:0;background-color:#808080;box-shadow:none;white-space:nowrap}.controle button:disabled{opacity:.2}#botaoIniciar{color:#000;background-color:#ffa500;display:none}#botaoSortear{color:#fff;background-color:#006400;display:none}#botaoSuspenseLigar{color:#fff;background-color:#191970;display:none}#botaoSuspenseDesligar{color:#fff;background-color:#483d8b;display:none}#botaoFinalizar{color:#fff;background-color:#8b0000;display:none}#botaoPararSorteio{color:#000;background-color:#808080;display:none}#statusSuspense{position:absolute;width:100%;text-align:center;font-size:calc(var(--restante-altura)*.05);top:calc(var(--restante-altura)*-.1);left:0;white-space:nowrap;font-style:italic;color:#ff0;display:none}.numero-rodando{color:#aaa!important;border-color:#aaa!important;animation:spin 1.5s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}