body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--border-radius:2.625vmin;--transition-standard:0.5s cubic-bezier(0.09,0.65,0,1);--border:1px solid var(--color-tile-border);--color-primary:#a076f9;--color-secondary:#855de0;--color-background:#ede4ff;--color-text:#edddff;--color-tile:#d7bbf5;--color-tile-text:#000;--color-tile-hover:#f3d1d1;--color-tile-border:#000;--color-clicked:#6528f7;--color-clicked-text:#fff;--color-panel:#855de0;--color-link:#593b9d;--color-link-hover:#4e338b;--color-timer:#000;--color-timer-secondary:#3f3649;--color-replay-svg:#855de0;--color-select-text:var(--color-timer);--color-about-background:var(--color-primary);--color-accordion-background:var(--color-link-hover);--color-accordion-hover:var(--color-link);--color-overlay:rgba(0,0,0,.5);font-size:100%}[data-theme=dark]{--color-primary:#6528f7;--color-secondary:#4e338b;--color-background:#1a1625;--color-text:#ddcbf1;--color-tile:#593b9d;--color-tile-text:#fff;--color-tile-hover:#855de0;--color-tile-border:#fff;--color-clicked:#a076f9;--color-clicked-text:#1a1625;--color-panel:#2d2837;--color-link:#855de0;--color-link-hover:#a076f9;--color-timer:#d1c8e7;--color-timer-secondary:#d7bbf5;--color-replay-svg:#441f9c;--color-select-text:var(--color-timer);--color-about-background:#2f1b5b;--color-accordion-background:#161025;--color-accordion-hover:#3f2e63;--color-overlay:rgba(0,0,0,.2)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden;padding:0;position:fixed;-webkit-user-select:none;user-select:none;width:100%}body{-webkit-overflow-scrolling:touch;overscroll-behavior:none}button{background-color:#d7bbf5;background-color:var(--color-tile);border:1px solid #000;border:var(--border);border-radius:2.625vmin;border-radius:var(--border-radius);cursor:pointer;font-size:x-large}button:hover{background-color:#f3d1d1;background-color:var(--color-tile-hover)}.App{background-color:#ede4ff;background-color:var(--color-background);color:#edddff;color:var(--color-text);height:100vh;text-align:center;width:100vw}.tableContainer{height:100%;margin:0 auto;width:93vmin}h1{font-size:2rem;margin:0;text-align:start}div{font-size:1rem}.controlPanel,.lpText,.pbText,.timeContainer,label,select{font-size:1.6rem}.screenControlButton{font-size:1.3rem}.secondsSign{font-size:1.5rem}.siteLinkInner,.twinkleLittleStar{font-size:1.2rem}.closeAboutButton{font-size:1.7rem}.schulteTable{grid-row-gap:1.1vmin;grid-column-gap:1.1vmin;background-color:#a076f9;background-color:var(--color-primary);-webkit-column-gap:1.1vmin;column-gap:1.1vmin;display:grid;height:min(55vmax,95vmin);inset:0;margin:auto;padding:1.75vmin;row-gap:1.1vmin;width:min(55vmax,95vmin)}.dimOverlay:after,.schulteTable{border-radius:2.625vmin;border-radius:var(--border-radius);position:absolute}.dimOverlay:after{background:rgba(0,0,0,.5);background:var(--color-overlay);content:" ";display:block;height:100%;left:0;right:0;top:0;z-index:2}.grid3x3{grid-template:repeat(3,1fr) /repeat(3,1fr)}.grid4x4{grid-template:repeat(4,1fr) /repeat(4,1fr)}.grid5x5{grid-template:repeat(5,1fr) /repeat(5,1fr)}.controlPanel{align-items:center;background-color:#855de0;background-color:var(--color-secondary);bottom:0;display:flex;flex-direction:row;height:20%;justify-content:center;left:0;position:absolute;width:100%}.slideLeft{bottom:-20%}.statistics{align-items:center;background-color:#855de0;background-color:var(--color-secondary);display:flex;flex-direction:row;height:20%;justify-content:center;position:absolute;right:0;top:0;width:100%}.slideRight{top:-20%}.gameSettings{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;text-align:start}select{background-color:#d7bbf5;background-color:var(--color-tile);border:1px solid #000;border:var(--border);border-radius:2.625vmin;border-radius:var(--border-radius);color:#000;color:var(--color-select-text);padding:0 1rem;width:100%}select:hover{background-color:#f3d1d1;background-color:var(--color-tile-hover);cursor:pointer}option{border-radius:2.625vmin;border-radius:var(--border-radius)}option:hover{box-shadow:inset 0 0 10px 100px #f3d1d1;box-shadow:0 0 10px 100px var(--color-tile-hover) inset;cursor:pointer}.setting,.settingsAndHeaderContainer{display:flex;flex-direction:column}.settingsAndHeaderContainer{height:100%;width:90%}label{display:block}.chronometer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 1vmin;width:24vmin}.timerLabel{text-align:start;width:100%}.timeContainer{align-items:end;background-color:#d7bbf5;background-color:var(--color-tile);border:1px solid #000;border:var(--border);border-radius:2.625vmin;border-radius:var(--border-radius);color:#000;color:var(--color-timer);display:flex;justify-content:end;padding:0 1rem;text-align:end;width:100%}.timerRunning{background-color:#f3d1d1;background-color:var(--color-tile-hover)}.stopSign{-webkit-filter:invert(1);filter:invert(1);height:auto;width:100%}.secondsSign{color:#3f3649;color:var(--color-timer-secondary)}.matchesInfo{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.matchesInfoInner{display:flex;flex-direction:column;text-align:start}.scoresContainer{align-items:end;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.scoresContainerInner{margin-right:1vmin}.chronometerAndMatchesInfoContainer{align-items:end;display:flex;flex-direction:row-reverse;justify-content:space-around;width:100%}.linkContent{height:0;visibility:hidden;width:0}.lpLabel{margin-top:.1rem}.statisticsInner{align-items:center;display:flex;flex-direction:column-reverse;height:100%;justify-content:center;width:100%}.siteLinkInner{align-items:center;background-color:#593b9d;background-color:var(--color-link);border-radius:2.625vmin;border-radius:var(--border-radius);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:0 0 0 1vmin;padding:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.siteLinkInner:hover{background-color:#4e338b;background-color:var(--color-link-hover)}.siteMark{border-radius:2vmin;height:3.5vmax}.personalInfo{align-items:center;display:flex;flex:0 1;flex-direction:row-reverse;justify-content:flex-start;padding:0 1vmin;width:90%}a,a:active,a:hover,a:link,a:visited{color:inherit;font-weight:inherit;text-decoration:inherit}.twinkleLittleStar{align-self:center}.about{background-color:#a076f9;background-color:var(--color-about-background);border:1px solid #000;border:var(--border);height:90%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:min(43rem,90%);z-index:10}.about,.aboutSections{border-radius:2.625vmin;border-radius:var(--border-radius)}.aboutSections{-ms-overflow-style:none;height:100%;overflow-y:scroll;padding:2%;scrollbar-width:none}.aboutSections::-webkit-scrollbar{display:none}.accordion{background-color:#4e338b;background-color:var(--color-accordion-background);border-radius:2.625vmin;border-radius:var(--border-radius);margin-bottom:.6rem}.accordion p,li{font-size:1.1rem;font-weight:600;margin:0}.accordion p{margin:.5rem .2rem}.accordion ul{margin:.2rem 0;padding-left:1.5rem}.accordion *{list-style-type:disc}.accordionWrapper{display:grid;grid-template-rows:0fr;padding:0 1rem;transition:grid-template-rows .3s ease-out}.accordionContent{overflow:hidden;text-align:start}.accordionHeader{border-radius:2.625vmin;border-radius:var(--border-radius);cursor:pointer;padding:1rem}.accordionHeader:hover{background-color:#593b9d;background-color:var(--color-accordion-hover)}.accordionWrapperOpen{grid-template-rows:1fr;padding-bottom:1rem}.closeAboutButton{border-radius:2.625vmin;border-radius:var(--border-radius);color:#000;color:var(--color-tile-text);position:absolute;right:0;top:0}.aboutBgOverlay{background-color:rgba(0,0,0,.5);background-color:var(--color-overlay);inset:0;position:absolute;z-index:9}.playAgain{cursor:pointer;padding:20px 20%}.playAgainContainer{flex-direction:column;width:100%}.playAgainContainer,.tableReplay{align-items:center;display:flex;justify-content:center}.tableReplay{aspect-ratio:1;border-radius:100%;bottom:0;box-shadow:0 0 8.4px rgba(0,0,0,.093),0 0 20.2px rgba(0,0,0,.133),0 0 38.1px rgba(0,0,0,.165),0 0 67.9px rgba(0,0,0,.197),0 0 127px rgba(0,0,0,.237),0 0 304px rgba(0,0,0,.33);height:min(20vmax,34vmin);left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:min(20vmax,34vmin);z-index:3}.replaySvg{height:80%;width:80%}.playSvg,.replaySvg{fill:#855de0;fill:var(--color-replay-svg)}.playSvg{height:100%;padding-left:20%;width:100%}.screenControls{display:flex;position:absolute;top:.5rem}.screenControlButton{border-radius:.4rem;margin-left:.5rem;transition-duration:.2s;width:2.7rem;z-index:5}.screenControlButton:hover{background-color:#f3d1d1;background-color:var(--color-tile-hover)}.smoothTransition{transition-duration:.5s;transition-timing-function:cubic-bezier(.09,.65,0,1)}.hidden{visibility:hidden}.transparent{opacity:0}.tile{border-radius:10%;color:#000;color:var(--color-tile-text)}.tileText{font-size:1.6rem}.unclicked{background-color:#d7bbf5;background-color:var(--color-tile)}.unclicked:hover{background-color:#f3d1d1;background-color:var(--color-tile-hover)}.clicked{color:#ede4ff;color:var(--color-background)}.clicked,.clicked:hover{background-color:#6528f7;background-color:var(--color-clicked)}.textHidden{color:transparent}.revealTileShortly{-webkit-animation:reveal 3s;animation:reveal 3s}.tableCanExpand{height:min(95vmax,95vmin);width:min(95vmax,95vmin)}.dontClick{cursor:not-allowed!important}.rotateAround{rotate:90deg}@-webkit-keyframes reveal{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes reveal{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media screen{@media (max-width:350px){:root{font-size:64%}}@media (min-width:350px){:root{font-size:82%}}@media (min-width:768px){:root{font-size:90%}}@media (min-width:992px){:root{font-size:100%}}@media (orientation:landscape){.controlPanel{flex-direction:column;height:100%;width:20vw}.controlPanel,.gameSettings{justify-content:space-between}.gameSettings{flex:90% 1;flex-direction:column}.settingsAndHeaderContainer{padding:15vmin 0}.statisticsInner{flex-direction:column;justify-content:space-between;padding:10vmin 0 5vmin}.matchesInfo{align-items:start;flex:80% 1;flex-direction:column;justify-content:center;width:100%}.chronometer{flex:20% 1;margin:0;width:100%}.chronometerAndMatchesInfoContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:90%}.statistics{flex-direction:column;height:100%;right:0;width:20vw}.rotateAround{rotate:180deg}.slideLeft{bottom:0;left:-20%}.slideRight{right:-20%;top:0}.matchesInfoInner{width:100%}.scoresContainer{display:block}.scoresContainerInner{margin-right:auto}.siteLinkInner{height:auto;margin:1vmin 0;width:100%}.linkContent{height:auto;visibility:visible;width:auto}.personalInfo{align-items:center;display:block;flex-direction:column;justify-content:center;padding:0;width:90%}.setting{display:block}}}
/*# sourceMappingURL=main.a941f30b.css.map*/