:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.artifact{width:22%}.artifact p{font-size:11px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{background-image:url(/self/assets/Bground1-C8Fhvxyn.png);background-size:cover;overflow:hidden}#root{margin:0 auto;text-align:center;position:relative}.start{margin:10vh auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.field{display:flex;width:81vh;aspect-ratio:1;flex-wrap:wrap;justify-content:center;align-items:center}.circle{position:relative;width:300px;height:300px;border:10px double #ddd;border-radius:50%;margin:50px auto;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:4rem;-webkit-user-select:none;user-select:none}.item{position:absolute;width:25%;aspect-ratio:1;background-color:#3498db;color:#000;font-size:25%;display:flex;align-items:center;justify-content:center;line-height:100%;border-radius:50%;cursor:pointer;opacity:.9;font-size:35%}.circle .item:nth-child(1){top:-7%;left:50%;transform:translate(-50%,-25%)}.circle .item:nth-child(2){top:25%;left:90%;transform:translate(-25%,-50%)}.circle .item:nth-child(3){top:75%;left:90%;transform:translate(-25%,-50%)}.circle .item:nth-child(4){bottom:-7%;left:50%;transform:translate(-50%,25%)}.circle .item:nth-child(5){top:75%;left:10%;transform:translate(-75%,-50%)}.circle .item:nth-child(6){top:25%;left:10%;transform:translate(-75%,-50%)}.main{display:flex;align-items:center;justify-content:space-between;width:95vw;color:#fff}.leftSide{width:24vw;border:1px solid black;height:95vh;background-color:#fff;opacity:.9;color:#000}.rightSide{width:24vw;border:1px solid black;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;max-height:95vh;color:#000}.backdrop{position:fixed;top:0;left:0;background-image:url(/self/assets/artbreeder-image-CXcvJ2gy.png);background-size:cover;z-index:10;width:100%;height:100%}.inputWindow{width:30%;height:auto;position:fixed;opacity:.8;top:30%;left:35%;background-color:gray;z-index:11;display:flex;justify-content:space-around;align-items:center;flex-direction:column;border-radius:4vw;padding:1vw}.inputWindow h3{color:#fff;line-height:normal;font-size:medium;margin:0}.inputWindow button{margin:5px}.inputName{height:auto;font-size:1.2em;width:70%;border-radius:1vw;text-align:center;padding:1vh;margin:1vh 0 3vh}.buttons{width:55%;display:flex;justify-content:space-around}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.blinking-element{animation:blink 3s infinite}.menu-button{background-size:contain;width:5vw;height:4vw;margin:2vw;text-align:center;padding:.5vw}.zoomAndCrystalDice{display:flex;border:1px solid black}.crystalDice{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:1vw}.zoomSpace{height:100%;width:15vw}.controls{display:flex;justify-content:center;align-items:center}@keyframes breathing{0%{transform:scale(1);opacity:1}25%{transform:scale(1.2);opacity:.8}50%{transform:scale(1.5);opacity:.5}75%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.breathing-element{display:inline-block;animation:breathing 2s infinite ease-in-out;transform-style:preserve-3d}.tile{width:9vh;height:9vh;border:1px solid black;border-radius:.5vw;background-size:contain;box-sizing:border-box;position:relative}.tileCover{width:9vh;height:9vh;background-color:green;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.tileCover h4{cursor:pointer}.player{border:1px solid green;margin:1vw;padding:0 1vw;background-color:#fff;border-radius:1vw}.player h4{line-height:0}.incDec{padding:.1vw;font-size:1.5vw;margin:0 .5vw}.playerCardHeader{display:flex;align-items:center;justify-content:space-around;height:5vh}.slotBlock{border:1px solid black;border-radius:5%;display:flex;justify-content:space-around;align-items:center;margin:1vh 0 2vh;height:15vh}.slot{width:23%;aspect-ratio:1;padding:0 .5vw}.slotImage{border:1px solid black;border-radius:50%;width:100%;aspect-ratio:1;background-size:contain}.count{display:flex;flex-direction:column}.count p{line-height:7%}.Dice{width:8vw;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.Dice img{box-shadow:5px 5px 5px gray}.count{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;overflow:hidden}.congratulations-text{position:absolute;font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 10px rgba(255,255,255,.8);animation:pulse 2s infinite,scale 5s infinite linear}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes scale{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.5)}75%{transform:scale(1.3)}to{transform:scale(1)}}.crystal-rain{position:absolute;width:100%;height:100%;background:url(/self/assets/crystalR-DqU9U-cW.png) repeat;animation:fall 20s linear infinite;opacity:.7}@keyframes fall{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.fireworks{position:absolute;width:100%;height:100%;background:radial-gradient(circle,orange 10%,#f00c,#00f9,#0f06 70%,#0000);animation:explode 40s infinite}@keyframes explode{0%{transform:scale(.5);opacity:.5}50%{transform:scale(1.5);opacity:1}to{transform:scale(.5);opacity:.5}}.saveslots button{font-size:2.3vh;width:85%;margin:2px}.CardsBackDrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:gray;z-index:6;display:flex;flex-direction:column;justify-content:center}.Cards{width:90vw;height:auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto}.CardImage{width:13vw;height:8vw;margin:.5vw;border-radius:1vw;cursor:pointer}.CardAlone{object-fit:cover;object-position:center;height:80vh;border-radius:3vw}.CardCloseBtn{width:20vw;margin:2vw auto}.CardIndex{position:absolute;left:2vw;bottom:2vh;color:#ff0}
