.App{display:grid;place-content:center;height:100%;width:100%;font-family:Excelsior;font-size:18px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;color:#ffffffa0;background:#481616;box-sizing:border-box}.your-turn-border{position:absolute;top:10%;height:80%;width:4px}.splash{grid-area:1/1;place-self:center;display:grid;place-content:center;width:100vw;height:100vh;background:#8a0000;background-image:radial-gradient(transparent,black 150%)}.header{grid-area:1/1;font-size:4em;color:#170000;text-shadow:0px 1px 0px rgba(255,255,255,.3),0px -1px 0px rgba(0,0,0,.7)}.footer{color:#170000;font-size:3em;margin-top:1em;text-shadow:0px 1px 0px rgba(255,255,255,.3),0px -1px 0px rgba(0,0,0,.7)}.tile{box-shadow:3px 3px 5px #000;border-radius:7px;margin:1px;display:grid;place-items:center;cursor:pointer}.start-page{display:grid;gap:2em;justify-items:center}.start-option{display:grid;place-items:center;cursor:pointer;transform:scale(.7)}.start-option-img{grid-area:1/1;filter:drop-shadow(2px 2px 1px white)}.size-label{grid-area:1/1;color:#170000;font-size:32px;margin-bottom:-9px;filter:drop-shadow(2px 2px 1px white)}.overlay{grid-area:1/1;place-self:center;display:grid;gap:2em;justify-items:center;z-index:100}.size-page{height:100vh;display:grid;grid:auto 80px / auto}.size-page-content{grid-area:1/1;place-self:center;display:grid;justify-items:center;gap:20px}.size-page-options{display:grid;gap:.5em}.back-button{display:grid;cursor:pointer}.back-button-absolute{display:grid;position:absolute;bottom:1em;left:calc(50% - 20px);cursor:pointer}.game-page{grid-area:1/1;display:grid;grid:auto auto 1fr auto / auto;justify-items:center;opacity:0}.scoreboard{grid-area:1/1;margin-top:.5em;display:grid;grid-auto-flow:column;align-items:center;gap:1em;font-family:Radhiumz}.score-panel{display:grid;place-items:center}.score{display:grid;place-content:center;width:1em;text-shadow:2px 2px 2px black;font-size:22px}.score-max{font-family:Poppins;font-size:.6em;color:#fff}.tray{grid-area:2/1;margin:.5em;display:grid;box-shadow:.2em .2em .2em #000;justify-items:center;z-index:9999}.tray-tiles{grid-area:1/1 / span 2/1;display:grid;grid-auto-flow:column;place-content:center;gap:.25em;z-index:1}.tray-message{grid-area:1/1/1 / span 7;place-self:center;filter:drop-shadow(2px 2px 1px black)}.playground{grid-area:3/1;display:grid;overflow:hidden;z-index:0}.board{grid-area:1/1;display:grid;overflow:auto;padding:0 .5em;place-content:center}.board-inner{grid-area:1/1;place-items:center}.toolbar{grid-area:4/1;margin:.5em;display:grid;grid-auto-flow:column;gap:1em;align-items:center}.extras-toolbar{display:grid;border-radius:28px;background:#00000060;position:absolute;gap:8px;padding:10px 7px 8px;place-content:center;opacity:0}.toolbar-button{width:40px;cursor:pointer}.pie-panel{display:grid;place-items:center}.max-pairs{grid-area:1/1;color:#fff;display:grid;justify-items:center;text-shadow:2px 2px 2px black}.max{font-size:10px;margin-top:-4px}.pile-button{display:grid;place-items:center;font-size:14px;color:#fff;text-shadow:1px 1px 1px black;font-family:Radhiumz}.stack{margin:2px 8px;display:grid}.spot{display:grid;background:#00000038;opacity:0}.prompt-panel{grid-area:3/1;z-index:3;place-self:center;pointer-events:none;display:grid;grid-auto-flow:column;gap:20px;opacity:0;font-family:Roboto Condensed;font-size:22px}.prompt-button,.prompt-button-mobile{height:48px;border-radius:24px;padding:0 20px;display:grid;place-content:center;background:-webkit-linear-gradient(-90deg,#fff -400%,#00000060 100%);box-sizing:border-box;text-shadow:2px 2px 2px black;border:2px solid #ffe4ad;color:#ffe4ad;filter:drop-shadow(0 4px 4px #000000)}.clickable{cursor:pointer;pointer-events:initial}.not-clickable{cursor:initial;pointer-events:none}.aux-toolbar{position:absolute;bottom:1em;display:grid;grid-auto-flow:column;gap:20px;text-align:center}.stats-overlay{grid:auto 1fr 80px / auto}.stats-page{grid-area:2/1;display:grid;justify-items:center;gap:2em}.stats{display:grid;place-content:center;place-items:center;color:#fff;text-shadow:1px 1px 1px black;font-family:Roboto Condensed;font-size:20px}.stats-item{display:grid;grid-auto-flow:column;grid:auto / 65px 75px 65px 65px 65px}.stats-cell{display:grid;padding:10px 0;border:solid #fff;border-width:0 1px 1px 0;background:#00000080}.stats-clear-all{display:grid;grid-auto-flow:column;align-items:center;gap:10px;opacity:0;color:#fff;text-shadow:1px 1px 1px black;font-family:Roboto Condensed;font-size:20px}.stats-star{grid-area:1/1;font-size:7px;place-self:start end;transform:translate(-6px,-6px)}.help{padding:2em 0;overflow:hidden;grid-area:1/1;display:grid;justify-items:center;z-index:1}.help-content{grid-area:2/1;margin:25px 10px 55px;font-family:Poppins;font-size:17px}.help-item{display:grid;grid:auto / auto 1fr;grid-auto-flow:column;gap:10px;max-width:95%;text-shadow:1px 1px 1px black;color:#fff8dc}.help-bullet{margin:6px 10px 0 0;width:6px;height:6px;background:khaki;border-radius:50%;box-shadow:1px 1px #000}.help-run{color:khaki}.modal-screen{position:fixed;left:0;top:0;right:0;bottom:0;z-index:999999;display:grid;place-content:center}.modal-message{color:#ffe4ad;background:#000000a8;border:2px solid #ffe4ad;border-radius:1em;padding:.8em 1em;font-family:Roboto Condensed;max-width:9.5em;text-align:center;opacity:0;filter:drop-shadow(0 4px 4px #000000)}.player{display:grid;justify-items:center;font-family:Roboto Condensed}.avatar{grid-area:1/1;display:grid}.avatar-border{grid-area:1/1;border:3px solid white;border-radius:50%;box-sizing:border-box;filter:drop-shadow(2px 2px 2px black);z-index:1}.glasses{grid-area:1/1;z-index:2;opacity:0;transform:translateY(-80px)}.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}.ellipsis{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.disclaimer{font-family:Roboto Condensed;font-size:20px;width:300px;text-align:center;text-shadow:1px 1px 1px black;color:#f9edc2;position:absolute;bottom:20px}.tile-id{color:#000;background:#ffffff60;font-size:22px}.dummy{opacity:.01;pointer-events:none;position:absolute}.gain{grid-area:1/1;font-family:Radhiumz;font-size:9px;color:#fff;background-image:radial-gradient(black,transparent 50%);border-radius:50%;display:grid;place-content:center;z-index:1000;pointer-events:none}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-Medium-271c76f9.ttf)}@font-face{font-family:Radhiumz;src:url(./NcsRadhiumz-Rp3x6-9fb69595.ttf)}@font-face{font-family:Excelsior;src:url(./ExcelsiorSans-bcf875c1.ttf)}@font-face{font-family:Poppins;src:url(./Poppins-Regular-707fdc5c.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}