@font-face{font-family:GothamBold;src:url(./../GothamBold.ttf)}html,body,#root{padding:0;margin:0;height:100%;width:100%;overflow:hidden;font-family:Raleway,sans-serif}.console{position:absolute;top:10px;right:10px;padding:10px;background:#00000080;width:max-content;height:60px;text-align:left;color:#fff;z-index:1;opacity:0;pointer-events:none}#renderCanvas{width:100%;height:100%;touch-action:none;position:absolute;top:0;left:0;opacity:0;transition:opacity .2s ease-in-out}body:has(#game) #renderCanvas{opacity:1}#rouletaCanvas{width:100%;height:100%;touch-action:none;position:absolute;top:0;left:0;opacity:0;transition:opacity .2s ease-in-out}iframe{width:100vw;height:100vh;border:0;display:none;position:fixed;top:0;left:0;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}body:has([data-show=rouleta]) .rouleta{display:block;opacity:1}body:has([data-show=game]) .game{display:block;opacity:1}.wholepagesvg{width:100vw;height:100vh}.rankingtable{position:fixed;font-size:40px;color:#25408f}.rankingtable .ranking_value{font-weight:700;color:#00aeef}.rankingtable .points_value{font-weight:700;color:#41ad49}.rankingArea{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center}svg text[font-family="Gotham-Bold, Gotham"]{font-family:GothamBold}.appearAndDissapear{position:absolute;top:0;left:0;opacity:0;-webkit-animation:fade 20s linear;animation:fade 20s linear;animation-iteration-count:infinite}@keyframes fade{0%{opacity:0}49%{opacity:0}51%{opacity:1}to{opacity:1}}