@import url(https://fonts.googleapis.com/css2?family=Modak&display=swap);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}*{box-sizing:border-box}.App{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;padding:5px;position:relative;text-align:center}.App:before{background-color:#ffffffb3;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.wapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff80;border-radius:20px;margin:0 auto;max-width:1000px;padding:20px;width:100%}@media (max-width:768px){.wapper{padding:2px}}.title{display:flex;font-family:Modak,cursive;font-size:clamp(2.1875rem,1.2538rem + 4.3939vw,4rem);justify-content:center;letter-spacing:-.05em;margin:0}.letter{display:inline-block;margin:0 -.02em;transform-origin:center}.letter-g{background:linear-gradient(180deg,#25d3f9,#27889f);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(-10deg)}.letter-e{background:linear-gradient(180deg,#60fbb7,#3cbe85);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(8deg)}.letter-m{background:linear-gradient(180deg,#fe6fa5,#8d2f4d);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(-5deg)}.letter-space{width:.5em}.letter-m2{background:linear-gradient(180deg,#fba623,#be780e);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(6deg)}.letter-a{background:linear-gradient(180deg,#a24efe,#5e2fa2);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(-8deg)}.letter-t{background:linear-gradient(180deg,#25d3f9,#27889f);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(7deg)}.letter-c{background:linear-gradient(180deg,#60fbb7,#3cbe85);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(-6deg)}.letter-h{background:linear-gradient(180deg,#fe6fa5,#8d2f4d);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(9deg)}.letter-a2{background:linear-gradient(180deg,#fba623,#be780e);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(-7deg)}.letter-s{background:linear-gradient(180deg,#a24efe,#5e2fa2);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(9deg)}.letter-s2{background:linear-gradient(180deg,#25d3f9,#27889f);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(-8deg)}.letter-i{background:linear-gradient(180deg,#60fbb7,#3cbe85);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(5deg)}.letter-s3{background:linear-gradient(180deg,#fe6fa5,#8d2f4d);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(-6deg)}.letter-t2{background:linear-gradient(180deg,#fba623,#be780e);-webkit-background-clip:text;background-clip:text;color:#0000;transform:rotate(10deg)}.gem-grid{display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:repeat(3,1fr)}.gem-grid.simplified{margin:0 auto;max-width:400px}.reset-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;margin-right:10px;margin-top:20px;padding:10px 20px}.reset-button:hover{background-color:#d32f2f}.game-controls{display:flex;gap:20px;justify-content:center;margin-top:20px}.simplify-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;margin-top:0;padding:10px 20px}.simplify-button:hover{background-color:#45a049}.toggle-switch{align-items:center;display:flex;gap:10px}.toggle-switch input{-webkit-appearance:none;appearance:none;background-color:#ddd;border-radius:20px;cursor:pointer;height:20px;position:relative;transition:background-color .3s;width:40px}.toggle-switch input:before{background-color:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .3s;width:16px}.toggle-switch input:checked{background-color:#4caf50}.toggle-switch input:checked:before{transform:translateX(20px)}.gem{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;width:100%}@media (max-width:768px){.gem{padding:0}}.gem-svg{height:180px;margin-bottom:10px;width:100%}.color-options{display:flex;gap:5px;padding:10px;width:100%}@media (max-width:768px){.color-options{gap:0;padding:3px}}.color-option{aspect-ratio:1/1;border:2px solid #000;border-radius:50%;cursor:pointer;transition:transform .2s;width:20%}.color-option:hover{box-shadow:0 0 5px #0000004d;transform:scale(1.1)}
/*# sourceMappingURL=main.6ba765b8.css.map*/