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;height:100%;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--degs:18;--circ:130px;--primary:#2d437d;--secondary:#2d43ff}#root{height:100%;width:100%}*{transition:transform .2s ease}.App{background-color:#2d437d;background-color:var(--primary);flex-direction:column;height:100%;overflow:hidden;position:absolute;text-align:center;width:100%}.App,header{align-items:center;display:flex;justify-content:center}.global-controls{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr;height:50px}h3{color:#fff;display:inline-block;font-size:2rem;margin:auto}.board{display:flex;flex-grow:1;position:relative;z-index:1}.board.winner{animation:spin 5s linear}.board.winner .swapper-indicator{display:none}@keyframes spin{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(.01)}}.swapper{aspect-ratio:1;background:#0000;border:36px solid #2d437d;border-left:36px solid var(--secondary);border-radius:50%;margin:auto;-webkit-mask:linear-gradient(red,red) padding-box,conic-gradient(#0000 62.5%,red 62.5%,red 82.5%,#0000 82.5%) border-box;mask:linear-gradient(red,red) padding-box,conic-gradient(#0000 62.5%,red 62.5%,red 82.5%,#0000 82.5%) border-box;width:223px}.swapper-indicator{align-items:center;border-radius:10px;bottom:0;display:flex;flex-direction:column;font-size:1rem;height:180px;justify-content:space-between;left:-35px;margin:auto;padding:5px;position:absolute;top:40px;transform-style:preserve-3d;transition:transform .8s ease;width:20px;z-index:6}.swapper-indicator.swapped{transform:rotateX(180deg)}.rotate-indicator{aspect-ratio:1;border:36px solid #2d437d;border:36px solid var(--primary);bottom:0;margin:auto;top:0;width:225px}.rotate-indicator,.tile{border-radius:50%;position:absolute}.tile{align-items:center;background-color:beige;display:inline-flex;height:30px;justify-content:center;left:50%;margin:-15px;top:50%;transition:.2s steps(12);width:30px;z-index:2}.tile:first-of-type,.tile:last-of-type{transition:none}.controls{margin:auto;padding-bottom:20px}button{background-color:initial;border:none;color:#000;font-size:4rem;font-weight:700}.info{align-items:center;background-color:#2d43ff;background-color:var(--secondary);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 0 20px 3px #00000080;color:#000;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-width:400px;padding:10px;position:absolute;top:0;z-index:2}.info.closed{top:-350px}.info div{padding-bottom:10px;z-index:5}table{font-size:smaller}td:not(:last-child),th:not(:last-child){border-right:1px solid #fff}td,th{border-bottom:1px solid #fff}tr:last-child td,tr:last-child th{border-bottom:none}
/*# sourceMappingURL=main.796a2231.css.map*/