.App{display:grid;place-content:center;height:100%;font-family:Radhium;font-size:18px;user-select:none;-webkit-tap-highlight-color:#0000;color:#ffffffa0;background:#00376a}.splash{grid-area:1/1;place-self:center;display:grid;place-content:center;width:100vw;height:100vh}.ms-logo-title{grid-area:1/1;place-self:start center;margin:.5em .5em 0 0;z-index:1;display:grid;align-items:center;grid:auto/auto auto}.ms-title{grid-area:1/2;margin-left:.1em;font-size:min(11vw,2.5em);font-family:Bitsumishi;word-spacing:-.2em}.game-page{grid-area:1/1;display:grid;place-self:center}.game-page-inner{grid-area:1/1;z-index:1;display:grid}.app-option{padding:10px;display:grid;grid-auto-flow:column;grid:auto/auto 1fr;gap:0 1em;align-items:center;cursor:pointer;transition:background-color .25s}.app-option:hover{background:rgba(0,0,0,.6);border-radius:8px}.tt-option-text{font-family:Bitsumishi;font-size:34px;margin:10px;display:grid;grid:auto/auto auto;justify-content:start;font-weight:700}.toolbar{grid-area:5/1;display:grid;grid-auto-flow:column;gap:25px;place-self:center;margin-top:5px}.overlay-toolbar{grid-area:1/1;align-self:end;margin-bottom:2em}.playground{grid-area:3/1;display:grid;overflow:hidden;place-self:center}.tt-tile{border:1px solid #ffffff18;box-sizing:border-box;display:grid;overflow:hidden;grid-area:1/1}.tt-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%}.prompt-outer{grid-area:1/1/6/6;z-index:3;place-self:center}.prompt-inner{height:50px;padding:0 1.75em;display:grid;place-content:center;border-radius:25px;font-size:.85em}.message{color:#9bceef;background:#000000c0;border:2px solid #9bceef}.no-click{pointer-events:none}.loader{grid-area:1/1/6/6;align-self:center;justify-self:center;-webkit-animation:rotation 2s infinite linear;animation:rotation 2s infinite linear}@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}.score-panel{grid-area:2/1;justify-self:center;display:grid;gap:3em}.score-panel-item{display:grid;justify-content:center;justify-items:center}.score{transform:translateY(.07em);color:#f8e47b}.confirmation{display:grid;gap:.8em;margin:1em 0;max-width:15em;text-align:center}.confirmation-option{place-self:center;cursor:pointer;padding:.3em .5em;justify-self:center}.confirmation-option:hover{color:#fff}.round-button{display:grid;border-radius:50%;place-content:center;color:#000}.overlay{grid-area:1 / 1;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}.size-selector{grid-area:4/1;place-self:center;display:grid;grid-auto-flow:column}.help{grid-area:1/1;place-self:center;display:grid;gap:.8em;padding:.85em;font-family:Roboto}.help-header{place-self:center;margin:0 0 .8em;font-family:Bitsumishi}.help-item{display:grid;grid:auto / auto 1fr;grid-auto-flow:column;gap:10px;max-width:95%;color:#ffffffa0}.options{grid-area:1/1;place-self:center;display:grid;gap:40px}.option{display:grid;grid:auto / 116px auto;gap:30px;align-items:center;cursor:pointer}.option-prompt{justify-self:end;font-size:35px;font-family:Bitsumishi}.option-check{width:40px;height:40px}.stats{grid-area:1/1;display:grid;place-content:center;place-items:center;font-size:.9em}.stats-header{font-family:Bitsumishi}.stats-item{display:grid;grid-auto-flow:column;grid:auto / 65px 75px 65px 65px 65px}.stats-cell{display:grid;place-content:center;padding:10px 0;border:solid #ffffff28;border-width:0 1px 1px 0}#stats-clear-all{margin-top:2em;padding:2px 0;border-radius:20px;cursor:pointer;display:grid;grid-auto-flow:column;align-items:center;gap:10px;opacity:0}#segments-red{width:200px;height:200px;background:url(/assets/Shapes-99c0671b.png) 0px -800px}#segments-yellow{width:200px;height:200px;background:url(/assets/Shapes-99c0671b.png) -200px -800px}#segments-green{width:200px;height:200px;background:url(/assets/Shapes-99c0671b.png) -400px -800px}#segments-blue{width:200px;height:200px;background:url(/assets/Shapes-99c0671b.png) -600px -800px}#segments-purple{width:200px;height:200px;background:url(/assets/Shapes-99c0671b.png) -800px -800px}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;src:url(/assets/Roboto-Regular-bde8a188.ttf)}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Regular-c7ab2d73.ttf)}@font-face{font-family:Radhium;src:url(/assets/NcsRadhiumz-Rp3x6-9fb69595.ttf)}@font-face{font-family:Bitsumishi;src:url(/assets/Bitsumis-fa9bb58c.ttf)}@font-face{font-family:Gothic;src:url(/assets/GOTHIC-3a9cbb5d.ttf)}@font-face{font-family:Quartz;src:url(/assets/QuartzMS-d52532f2.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}