:root{--app-color: #11366A;--gold: #FFE4AD;--lightblue: #9BCEEF}.App{display:grid;height:100%;width:100%;font-family:Roboto Condensed;font-size:18px;user-select:none;-webkit-tap-highlight-color:#0000;color:#fff;background:var(--app-color);box-sizing:border-box}.app-bg{grid-area:1/1}.app-content{grid-area:1/1;display:grid;overflow:hidden;height:min(100%,800px);place-self:center;z-index:1}.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 100%);z-index:1}.dummy{opacity:.01;pointer-events:none;position:absolute}.RC{font-family:Roboto Condensed}.start-page{z-index:1;grid-area:1/1;display:grid;grid:auto auto auto / auto;gap:20px;place-content:center;justify-items:center;filter:drop-shadow(0 4px 4px black);opacity:0;overflow:hidden}.start-options{place-self:center;display:grid;justify-items:center;gap:20px}.title{width:280px}.game-page-solo{grid-area:1/1;display:grid;justify-content:center;justify-items:center;grid:1fr auto .5fr / auto;filter:drop-shadow(0 4px 4px black);opacity:0}.top-panel{grid-area:1/1;display:grid;grid:auto 1fr / auto}.stats-panel{grid-area:1/1;place-self:start center;display:grid;grid-auto-flow:column;gap:15px;align-items:center;margin:10px 0;font-family:Atma}.stats-panel-label{color:#ffffff68;filter:sepia(1)}.stats-panel-value{filter:drop-shadow(1px 1px 1px black);color:var(--lightblue)}.scoreboard-solo{grid-area:2/1;align-self:center;display:grid;grid-auto-flow:column;grid:auto / 1fr auto 1fr;align-items:center}.time-solo,.solo-points{place-self:center;text-shadow:2px 2px 2px black;color:var(--lightblue);font-family:Atma}.time-solo{font-size:32px;margin:0}.solo-points{font-size:32px}.avatar{grid-area:1/1;display:grid;border-radius:50%}.player-solo{place-self:start center;display:grid;justify-items:center;gap:10px}.glasses{grid-area:1/1;z-index:2;opacity:0;transform:translateY(-80px)}.mid-panel{grid-area:2/1;display:grid}.board,.tutorial-board{grid-area:1/1;display:grid;place-self:center;border:2px solid #0000}.over-border{grid-area:1/1;place-self:center;border:2px solid #0000}.start-prompt-solo{grid-area:1/1;place-self:center;display:grid;gap:30px}.bottom-panel{grid-area:3/1;display:grid}.prompt-panel-solo{grid-area:1/1;place-self:center;pointer-events:none;display:grid;grid-auto-flow:column;gap:20px;opacity:0;font-family:Atma;font-size:26px;font-weight:700}.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%,#00000000 100%);box-sizing:border-box;text-shadow:2px 2px 2px #000;border:2px solid white;filter:drop-shadow(0 5px 5px #000000)}.prompt-button-gradient{background:linear-gradient(180deg,#8878bd,#472d77)}.toolbar-solo{display:grid;grid-auto-flow:column;gap:20px;place-self:end center;place-content:center;align-items:center;margin:5px 0 10px}.tool-button{display:grid;cursor:pointer;align-items:center;gap:15px;justify-content:start}.tile{border:1px solid #ffffff28;box-sizing:border-box;display:grid;overflow:hidden;grid-area:1/1}.tile-left,.tile-right{grid-area:1/1;width:50%;z-index:1;cursor:pointer}.tile-right{justify-self:end}.misaligned-dot{grid-area:1/1;align-self:center;justify-self:center;background:orange;background:radial-gradient(circle at 40% 30%,white 1px,orange 3%,orangered 65%,orange 100%);width:5%;height:5%;border-radius:50%;z-index:1}.tutorial-board{grid-area:2/1;margin:20px 0 30px;opacity:0}.tutorial-hand{grid-area:1/1/span 2/span 2;place-self:center;z-index:1}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000910}.body,.wrapper{position:absolute;top:0px;width:100%;height:100%;margin:0;overflow-y:hidden}.body{z-index:1}.wrapper{z-index:2}@font-face{font-family:Roboto Condensed;src:url(./RobotoCondensed-271c76f9.ttf)}@font-face{font-family:Atma;src:url(./Atma-Regular-159eb849.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}