.App{display:grid;justify-content:center;height:100%;width:100%;font-family:Jungle Adventurer;font-size:18px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;color:#fff;background:#000000;box-sizing:border-box}.app-background{grid-area:1/1;height:100%;width:100%;opacity:0}.splash{grid-area:1/1;place-self:center;display:grid;place-content:center;width:100vw;height:100vh;background:#8a0000;background-image:radial-gradient(transparent,#000 150%)}.dummy{opacity:.01;pointer-events:none;position:absolute}.RC{font-family:Roboto Condensed}.start-page{grid-area:1/1;display:grid;justify-items:center;place-self:center;z-index:1}.start-options{display:grid;margin:70px 0 80px;gap:30px}.start-option{cursor:pointer;transform:scale(1)}.start-option:hover{filter:saturate(150%)}.title{font-size:80px;text-align:center;width:300px;opacity:.5}.tool-button{display:grid;cursor:pointer;align-items:center;gap:15px;justify-content:start}.tool-button:hover{filter:saturate(150%)}.tool-button-background{grid-area:1/1;border-radius:50%;background:#fff}.tool-button-border{grid-area:1/1;border-radius:50%;border:2px solid #003585;box-sizing:border-box}.toolbar{grid-area:4/1;display:grid;grid-auto-flow:column;gap:20px;place-self:end center;place-content:center;align-items:center}.game-page{grid-area:1/1;place-self:center;display:grid;justify-content:center;grid:auto auto 1fr auto / auto;opacity:0;z-index:1}.help-page{grid-area:1/1;place-self:stretch;display:grid;grid:1fr auto / auto;opacity:0;overflow:hidden;z-index:1}.help-content{max-width:400px;padding:18px;font-family:Roboto Condensed;color:#ffffffd0;filter:drop-shadow(2px 2px 2px #000);display:grid;gap:15px;place-self:center}.board{grid-area:3/1;color:#fff;display:grid;place-self:center;place-content:center;gap:10px;margin:15px 0}.board-grid{grid-area:1/1;display:grid;grid:repeat(6,1fr) / repeat(6,1fr);background:#ffffff;font-family:Radhiumz;font-size:15px}.mixer{display:grid;gap:2px;grid:repeat(3,42px) / repeat(3,1fr);font-family:Radhiumz;font-size:15px}.mixer-item{display:grid;cursor:pointer;place-content:center;place-items:center}.mixer-key{grid-area:1/1;z-index:1}.mixer-bullet{grid-area:1/1;width:60px;height:30px;border-radius:50%;background:#000000c0}.tutor{display:grid;gap:10px}.tutor-background{display:grid;place-content:center;padding:5px;font-family:Radhiumz;font-size:15px}.cell{display:grid;place-items:center;opacity:0}.cell-key{opacity:1}.cell-cleared-key{width:80%;height:50%;border-radius:50%;display:grid;place-content:center}.stats{grid-area:1/1;place-self:center;display:grid;grid-auto-flow:column;gap:15px;align-items:center;margin-bottom:10px;font-size:20px}.stats-label{color:#c9c9c9;margin-top:-1px}.stats-value{color:pink;font-family:Radhiumz}.scoreboard{grid-area:2/1;place-self:center;display:grid;grid:auto / auto auto;grid-auto-flow:column;gap:50px;align-items:center}.score{display:grid;place-content:center;filter:saturate(150%) drop-shadow(1px 1px 2px #000);font-family:Radhiumz}.solo-score-panel{display:grid;place-content:center;place-items:center;color:#ffcc0b}.solo-score{font-family:Radhiumz;font-size:20px;margin:0 5px -4px}.gradient-green{background:-webkit-linear-gradient(-90deg,#fff -100%,#56bf8b 60%)}.gradient-pink{background:-webkit-linear-gradient(-90deg,#fff -100%,#bd55bd 60%)}.gradient-yellow{background:-webkit-linear-gradient(-90deg,#fff -100%,#ffcc0b 60%)}.gradient-blue{background:-webkit-linear-gradient(-90deg,#fff -100%,#1565c0 60%)}.gradient-text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.size-selector{display:grid;margin:0 10px;cursor:pointer}.pie-panel{display:grid;place-items:center}.to-clear-panel{grid-area:1/1;display:grid;place-items:center;text-shadow:1px 1px 5px #000}.to-go{font-family:Night Action;font-size:28px;margin:-3px 0}.to-clear{font-family:Roboto Condensed;font-size:11px}.to-clear-lang{font-family:Roboto Condensed;font-size:10px;transform:translateY(-3px)}.avatar{grid-area:1/1;display:grid}.radial-overlay{grid-area:1/1;background:radial-gradient(circle at 40% 40%,#0000,#0000 25%,#000 120%);border-radius:50%}.player{display:grid;justify-items:center;width:65px}.player-name{grid-area:1/1;align-self:end;font-size:11px;display:grid;place-content:center;height:17px;padding:0 10px;border:1px solid #fff;border-radius:20px;transform:translateY(26px);filter:drop-shadow(1px 1px 3px #000)}.you{grid-area:1/1;place-self:start center;transform:translate(-100%);filter:drop-shadow(0 1px 3px #000);display:grid;place-items:center;z-index:1}.you-label{grid-area:1/1;font-family:Roboto Condensed;font-size:9px;z-index:1}.glasses{grid-area:1/1;z-index:2;opacity:0;transform:translateY(-80px)}.ellipsis{max-width:70px;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;transform:translateY(-1px)}.opp-alert{font-size:30px;width:300px;text-align:center;text-shadow:1px 1px 1px #000;color:#ffcc0b;position:absolute;bottom:20px}.prompt-panel{grid-area:1/1;z-index:3;place-self:center;pointer-events:none;display:grid;grid-auto-flow:column;gap:20px;opacity:0;font-size:22px}.prompt-button,.prompt-button-mobile{height:48px;border-radius:24px;padding:0 20px;display:grid;place-content:center;color:#fff;background:-webkit-linear-gradient(-90deg,#fff -400%,#1565c0c0 100%);box-sizing:border-box;text-shadow:2px 2px 2px #000;border:2px solid white;filter:drop-shadow(0 5px 5px #000000)}.solo-start{grid-area:3/1;z-index:3;place-self:center;pointer-events:none;display:grid;gap:20px;font-size:20px}.bullet{font-family:Poppins;font-size:36px}.solo-start-panel{grid-area:1/1;display:grid}.extra-challenge{grid-area:1/1;place-self:center;transform:translateY(100px);display:grid;grid-auto-flow:column;align-items:center;color:#595959;gap:15px;cursor:pointer}.check-border{border:3px solid;border-radius:50%;padding:5px}.extra-challenge-label{width:230px;font-size:17px}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#500000}.body,.wrapper{position:absolute;top:0;width:100%;height:100%;margin:0;overflow-y:hidden}.body{z-index:1}.wrapper{z-index:2}@font-face{font-family:Night Action;src:url(Night-Action-c455db34.ttf)}@font-face{font-family:Jungle Adventurer;src:url(JungleAdventurer-d2240276.ttf)}@font-face{font-family:Poppins;src:url(Poppins-Regular-707fdc5c.ttf)}@font-face{font-family:Radhiumz;src:url(NcsRadhiumz-Rp3x6-9fb69595.ttf)}@font-face{font-family:Roboto Condensed;src:url(RobotoCondensed-Medium-271c76f9.ttf)}.root-scroll{display:grid;overflow:auto;-webkit-overflow-scrolling:touch}.root-scroll::-webkit-scrollbar{width:12px;height:12px}.root-scroll::-webkit-scrollbar-thumb:hover{background:#fff5}.root-scroll::-webkit-scrollbar-thumb{background:#fff4;border-radius:10px}.root-scroll::-webkit-scrollbar-track:hover{background:#ffffff05}.root-scroll-mobile::-webkit-scrollbar{width:2px;height:2px}.root-scroll-mobile::-webkit-scrollbar-thumb{border-radius:1px}