.App{display:grid;place-content:center;height:100%;font-family:Poppins;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;color:#ffffffa0;background:#966f47}.splash{grid-area:1/1;place-self:center;display:grid;place-content:center;width:100vw;height:100vh}.content{display:grid;grid-area:1/1;place-self:center}.page{grid-area:1/1;display:grid;place-content:center}.start-page{justify-items:center}.start-option{display:grid;justify-items:center;gap:15px;padding:20px;cursor:pointer;font-size:28px;font-family:Copper;color:#ecc65f;stroke-width:1px;letter-spacing:1px;text-shadow:2px 2px 3px #000000c0}.start-option:hover{background:#00000060}.size-page{justify-items:center;gap:20px 0px;opacity:0}.size-option{display:grid;cursor:pointer}.size-option-background{grid-area:1/1;display:grid;width:60px;height:60px;border-radius:50%;margin:2px 0 0 2px;box-shadow:0 3px 5px #000000c0}.size-option-hover-background{background:#0000}.size-option-hover-background:hover{background:var(--app-color)}.game-page{grid-area:1/1;z-index:1;display:grid;grid:auto auto 1fr auto / auto;gap:19px;padding:4%}.title{width:175px;font-family:Copper;color:var(--title-color);font-size:23px;place-self:center;text-align:center;text-shadow:2px 2px 2px black}.board{display:grid}.toolbar{grid-area:4/1;display:grid;grid-auto-flow:column;gap:30px;align-self:end;place-content:center;margin:0 15px 5px;z-index:1}.tile{display:grid;box-sizing:border-box;border:2px solid var(--app-color);color:#fff;font-family:Roboto;font-weight:700;place-content:center;pointer-events:none}.round-button{display:grid;border-radius:50%;place-content:center;color:#000}.overlay{grid-area:1 / 1;grid:1fr auto / auto;place-self:center;z-index:2;display:grid;opacity:0;box-sizing:border-box}.x-button{grid-area:1/1;place-self:end start;padding:20px;cursor:pointer}.bmg{grid-area:1/1;place-self:start center;border-radius:20px;font-family:Square;font-size:24px;margin-top:20px}.help{grid-area:1/1;height:760px;place-self:start;display:grid;padding:40px 0 0 40px;text-shadow:2px 2px 2px black;overflow:hidden;box-sizing:border-box;font-size:17px}.help-content{display:grid;gap:15px}.help-item{display:grid;grid:auto / auto 1fr;grid-auto-flow:column;gap:10px;width:90%}.bullet{font-size:12px;margin-top:4px}.option-check{width:40px;height:40px}.player-panel{display:grid;grid-auto-flow:column;grid:auto / auto 1fr auto;align-items:center}.player,.player-mobile{grid-area:1/1;opacity:1;filter:drop-shadow(0 5px 5px black)}.player:hover{opacity:0}.player-mono{grid-area:1/1;opacity:0}.player-mono:hover{opacity:1}.keybaord-and-prompts{grid-area:4/1;display:grid;place-items:center}.prompts{grid-area:1/1}.keyboard{display:grid;grid-area:1/1;justify-items:center;font-family:Roboto;font-weight:700;place-content:center;gap:8px;color:#fff;text-shadow:1px 1px 1px black}.kb-row{display:grid;grid-auto-flow:column;place-content:center;gap:4.44px}.kb-button{display:grid;place-content:center;place-items:center;width:36px;height:56px;font-size:20px;background:#ffffff40;border-radius:4px;cursor:pointer;box-sizing:border-box;box-shadow:1px 1px 1px #000}.kb-button:hover{background:#00000060}.kb-backspace{width:60px}.kb-return{width:100px;font-size:16px}.instruction-board{height:36px;display:grid;color:#fff;place-self:center;place-content:center;align-items:center}.message{grid-area:1/1;place-self:center;text-shadow:1px 1px 1px black;border-radius:2vh}.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;margin-top:-66px}.prompt-button,.prompt-button-mobile{height:48px;border-radius:24px;padding:0 20px;display:grid;place-content:center;color:#fff;background:#864319;font-size:18px;border:2px solid white;box-sizing:border-box;text-shadow:2px 2px 2px black;box-shadow:2px 2px 2px #000000c0}.prompt-button:hover{background:var(--app-color)}.tool-button{display:grid;cursor:pointer}.tool-button-hover{grid-area:1/1;opacity:0}.tool-button-hover:hover{opacity:1}.dummy{opacity:.01;pointer-events:none;position:absolute}:root{--app-color: #2f2929;--title-color: #ECC65F}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-color)}.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:Roboto;src:url(./Roboto-Regular-bde8a188.ttf)}@font-face{font-family:Roboto Mono;src:url(./RobotoMono-Regular-c7ab2d73.ttf)}@font-face{font-family:Copper;src:url(./COOPBL-0518e37f.TTF)}@font-face{font-family:Poppins;src:url(./Poppins-Regular-707fdc5c.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}