.App{display:grid;place-content:center;height:100%;font-family:Nunito;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;color:#f3ede2;background:#33322d}.App img{-webkit-user-drag:none}.splash{grid-area:1/1;place-self:center;display:grid;place-content:center;width:100vw;height:100vh}.content{grid-area:1/1;place-self:center;display:grid;background:#33322d}.page{grid-area:1/1;display:grid;opacity:0}.start-page{place-content:center;justify-items:center}.title{font-weight:900;font-size:46px;line-height:1;letter-spacing:-1px}.tagline{margin-top:12px;font-weight:800;font-size:13px;line-height:1.6;letter-spacing:1.5px;color:#8f897b;margin-bottom:55px;text-transform:uppercase;text-align:center}.game-page-title{font-size:64px;display:grid;grid-auto-flow:column;place-self:center;text-shadow:-1px -1px white;filter:var(--white-shadow)}.start-option{margin-top:16px;cursor:pointer;background:#1f8a7a;width:240px;padding:18px 0;border-radius:14px;display:grid;place-content:center}.start-option:hover{filter:brightness(1.1) drop-shadow(0 0px 12px #00000080)}.start-option-text{font-weight:900;font-size:22px;letter-spacing:1.5px;color:#fff}.game-page{margin-top:10px;grid:140px 140px 1fr 120px 100px 100px / auto}.players-panel{grid-area:1/1;display:grid;grid:auto / 1fr 1fr;margin-top:10px}.player-panel{place-self:center;display:grid;justify-items:center}.player{grid-area:1/1;filter:drop-shadow(0 5px 5px #000000);display:grid;justify-items:center;gap:20px;font-family:Roboto Condensed}.player-name{grid-area:2/1;font-size:12px;display:grid;place-content:center;height:19px;padding:0 10px;border:1px solid white;border-radius:20px}.stats-panel{grid-area:1/1;place-self:center;display:grid;grid-auto-flow:column;gap:40px;align-items:center}.stats-item{display:grid;place-items:center;gap:2px}.stats-item-label{font-weight:900;font-size:15px;color:#9b9284;letter-spacing:.5px}.stats-item-value{font-weight:900;font-size:22px;color:#f3ede2}.score-panel-solo{grid-area:2/1;place-self:center;display:grid;grid-auto-flow:column;gap:55px}.score-item{display:grid;place-items:center;gap:8px}.score,.score-solo{height:56px;width:56px;border-radius:28px;background:#1f8a7a;display:grid;place-items:center;place-content:center;font-weight:900;font-size:22px}.score-label{place-self:center;font-weight:800;font-size:14px;color:#9b9284}.gain-counter,.gain-counter-final{place-self:center;font-size:48px;font-weight:800}.gain-counter-final{text-shadow:#fff 0px 0px 5px,#fff 0px 0px 10px,#fff 0px 0px 15px,lime 0px 0px 20px,lime 0px 0px 30px,lime 0px 0px 40px,lime 0px 0px 50px,lime 0px 0px 75px}.solo-gain{grid-area:3/1 / span 2/1;transform:translateY(40px)}.toolbar{grid-area:6/1;display:grid;grid-auto-flow:column;gap:10px;justify-self:center;align-items:center}.tool-button,.tool-button-mobile{cursor:pointer;box-sizing:border-box;transition:filter .2s}.tool-button:hover{filter:brightness(1.2) drop-shadow(0 0px 8px #00000080)}.big-shapes{grid-area:3/1;place-self:center;overflow:hidden;display:grid;grid:auto/auto auto;justify-content:center;pointer-events:none}.small-shapes{grid-area:4/1;display:grid;grid:auto/auto auto auto auto auto auto;overflow:hidden;place-self:center;align-items:center}.shape,.big-shape,.small-shape{display:grid}.big-shape{filter:drop-shadow(0 8px 8px #00000080)}.small-shape{filter:drop-shadow(0 5px 5px #00000080)}.shapes-practice{translate:0 30px}.instructions{grid-area:1/1 / span 2/1;place-self:center;width:392px;background:#46423a;border-radius:20px;padding:22px 24px;box-sizing:border-box;box-shadow:#0000002e 0 2px 10px}.instructions-text{font-weight:800;font-size:16px;line-height:1.45}.prompt-panel{grid-area:5/1;z-index:3;place-self:center;pointer-events:none;display:grid;grid-auto-flow:column;gap:20px;opacity:0;font-size:20px}.prompt-button,.prompt-button-mobile{height:48px;padding:0 20px;display:grid;place-content:center;box-sizing:border-box;cursor:pointer;background:#f96a45;border-radius:14px;font-weight:800;line-height:1.4}.prompt-button:hover{filter:brightness(1.1) drop-shadow(0 0 12px #00000080)}.player-panel{display:grid;grid-auto-flow:column;grid:auto / auto 1fr 1fr 1fr auto;align-items:center}.start-prompt{grid-area:3/1 / span 3/1;place-self:start center;display:grid;background:#46423a;box-sizing:border-box;width:370px;border-radius:20px;padding:22px 24px;box-shadow:#0000002e 0 2px 10px;opacity:0;font-weight:800;font-size:16px;line-height:1.4}.solo-intro{gap:5px;display:grid}.solo-intro-item{display:grid;align-items:start;grid:auto/auto 1fr}.solo-timer{grid-area:5/1;place-self:center;width:140px;display:grid;place-content:center;font-weight:900;font-size:24px;letter-spacing:1px;background:#1f8a7a;border-radius:30px;padding:12px 0;transition:background-color .3s .3s}.zero-timer{background:#c0403f}.dummy{opacity:.01;pointer-events:none;position:absolute}.shade-1{filter:hue-rotate(60deg)}.shade-2{filter:hue-rotate(150deg)}.shade-3{filter:hue-rotate(-60deg)}.shade-4{filter:hue-rotate(-120deg)}.shake{animation:shake .1s 6 linear}@keyframes shake{0%{transform:scale(1)}33%{transform:scaleY(1.05)}66%{transform:scaleX(1.05)}to{transform:scale(1)}}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:hidden}.body{z-index:1}.wrapper{z-index:2}@font-face{font-family:Roboto Condensed;src:url(./RobotoCondensed-Medium-271c76f9.ttf)}@font-face{font-family:Nunito;src:url(./Nunito-f2a6ab02.ttf)}.root-scroll{display:grid;overflow-x:hidden;overflow-y: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}