body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1b21;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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem;position:relative;text-align:center}.language-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f3540cc;border:2px solid #26ffcb;border-radius:2rem;box-shadow:0 4px 15px #0003;color:#26ffcb;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease}.language-toggle:hover{background:#26ffcb;box-shadow:0 6px 20px #26ffcb66;color:#0f1b21;transform:translateY(-2px)}.language-toggle:active{transform:translateY(0)}.title{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:clamp(1.5rem,6vw,3.75rem);justify-content:center;line-height:1.2;margin:2rem 0 1rem;text-align:center}.title span{color:#26ffcb;font-size:clamp(1.2rem,4vw,2.5rem);padding-left:.5rem}.title img{height:clamp(2rem,4vw,3.125rem);padding:.5rem;width:auto}.player-turn{margin:.5rem 0 1rem;min-height:3rem}.player-turn,.player-turn p{align-items:center;display:flex;justify-content:center}.player-turn p{animation:pulse 2s ease-in-out infinite;background:#26ffcb1a;border:2px solid #26ffcb4d;border-radius:2rem;box-shadow:0 4px 15px #26ffcb33;color:#26ffcb;font-size:clamp(1rem,3vw,1.3rem);font-weight:600;gap:.75rem;padding:.75rem 1.5rem}.turn-icon{height:1.5rem;object-fit:contain;width:1.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.board{grid-gap:.5rem;background:#0f1b214d;border-radius:1rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:min(90vw,30rem);margin:2rem auto;max-height:30rem;max-width:30rem;padding:1rem;width:min(90vw,30rem)}.row1,.row2,.row3{display:contents}.boxes{align-items:center;aspect-ratio:1;background:#1f3540;border:.25rem solid #0f1b21;border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;min-height:0;transition:all .3s ease}.boxes:hover{background:#2a4a57;transform:scale(1.05)}.boxes img{animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);height:60%;object-fit:contain;transition:transform .2s ease;width:60%}@keyframes popIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.boxes img:hover{transform:scale(1.1)}.reset{background:#1f3540;border:none;border-radius:2rem;color:#26ffcb;cursor:pointer;font-size:clamp(1rem,3vw,1.625rem);font-weight:600;height:4rem;margin-bottom:2rem;margin-top:2rem;outline:none;transition:all .3s ease;width:min(15rem,80vw)}.reset:hover{background:#26ffcb;box-shadow:0 8px 20px #26ffcb4d;color:#1f3540;transform:translateY(-2px)}.reset:active{transform:translateY(0)}@media (max-width:480px){.container{padding:.5rem}.language-toggle{font-size:.875rem;padding:.5rem 1rem;right:1rem;top:1rem}.title{flex-direction:column;gap:.5rem;margin:3.5rem 0 .5rem}.title span{padding-left:0}.player-turn p{font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.turn-icon{height:1.2rem;width:1.2rem}.board{gap:.25rem;height:min(95vw,20rem);margin:1rem auto;padding:.5rem;width:min(95vw,20rem)}.boxes{border-radius:.5rem;border-width:.125rem}.reset{height:3rem;margin-bottom:1rem;margin-top:1rem}}@media (min-width:481px) and (max-width:768px){.board{gap:.375rem;height:min(70vw,25rem);padding:.75rem;width:min(70vw,25rem)}}@media (min-width:1200px){.container{padding:2rem}.board{gap:.75rem;height:32rem;padding:1.5rem;width:32rem}.boxes{border-radius:1rem}}
/*# sourceMappingURL=main.1c78f141.css.map*/