@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:beige;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,beige,#d4c5a9);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem}.App h1{color:#8b5a2b;font-size:4rem;font-weight:700;margin-bottom:.5rem;text-align:center}.subtitle{color:#8b5a2b;font-size:1.3rem;margin-bottom:3rem;opacity:.8}.game-modes{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.game-mode-card{align-items:center;background-color:#fafafa;border:3px solid #8b5a2b;border-radius:16px;box-shadow:0 4px 6px #0000001a;color:#8b5a2b;display:flex;flex-direction:column;padding:2.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:280px}.game-mode-card:hover{background-color:beige;border-color:#704a23;box-shadow:0 12px 24px #8b5a2b40;transform:translateY(-8px)}.mode-icon{filter:grayscale(100%);font-size:4rem;margin-bottom:1rem;opacity:.8}.game-mode-card:hover .mode-icon{filter:grayscale(0);opacity:1;transform:scale(1.1);transition:all .3s ease}.game-mode-card h2{color:#8b5a2b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.game-mode-card p{font-size:1rem;margin:0;opacity:.7}@media (max-width:768px){.App h1{font-size:3rem}.game-modes{flex-direction:column}.game-mode-card{max-width:320px;width:100%}}.piece-holder{height:12.5%;position:absolute;transition:left .4s cubic-bezier(.68,-.55,.265,1.55),top .4s cubic-bezier(.68,-.55,.265,1.55);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:12.5%;z-index:2}.piece,.piece-holder{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.piece{border-radius:50%;box-shadow:inset -3px -3px 8px #0000004d,inset 3px 3px 8px #fff6,3px 3px 10px #0006;cursor:pointer;height:80%;position:relative;width:80%}.white-piece{background:radial-gradient(circle at 30% 30%,#fffef0,beige 60%,#e8e3c8);border:clamp(.5px,.15vw,1px) solid #8b5a2b}.black-piece{background:radial-gradient(circle at 30% 30%,#e09a5f,#cc7f37 60%,#b37030);border:clamp(.5px,.15vw,1px) solid #c99564}.crown-icon{height:clamp(50%,8vw,80%);max-height:80%;max-width:80%;width:clamp(50%,8vw,80%)}.crown-icon,.pawn-icon{left:50%;object-fit:contain;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.pawn-icon{filter:contrast(1.5);height:clamp(50%,7vw,60%);max-height:60%;max-width:60%;width:clamp(50%,7vw,60%)}@keyframes captureAnimation{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.3) rotate(15deg)}to{opacity:0;transform:scale(0) rotate(45deg)}}.piece-captured{animation:captureAnimation .5s ease-out forwards}@keyframes captureFade{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.5;transform:scale(.8) translateY(10px)}to{opacity:0;transform:scale(.3) translateY(30px)}}.piece-captured-fade{animation:captureFade .6s ease-out forwards}@keyframes captureExplode{0%{filter:blur(0);opacity:1;transform:scale(1)}60%{filter:blur(2px);opacity:.6;transform:scale(1.5)}to{filter:blur(5px);opacity:0;transform:scale(2)}}.piece-captured-explode{animation:captureExplode .2s ease-out forwards}.selected{animation:pulse-glow 1.5s ease-in-out infinite;border-radius:50%;box-shadow:inset 0 0 0 clamp(2px,.5vw,4px) #ffd700e6,inset 0 0 clamp(10px,2vw,20px) #ffd70080,0 0 clamp(10px,2vw,20px) #ffd70099,0 0 clamp(20px,4vw,40px) #ffd70066}@media (max-width:480px){.piece{box-shadow:inset -2px -2px 5px #0000004d,inset 2px 2px 5px #fff6,2px 2px 6px #0006}.selected{box-shadow:inset 0 0 0 2px #ffd700e6,inset 0 0 8px #ffd70080,0 0 8px #ffd70099,0 0 15px #ffd70066}}@media (hover:none) and (pointer:coarse){.piece{cursor:default}.piece-holder{padding:2%}.piece{height:100%;width:100%}}@media (prefers-reduced-motion:reduce){.piece-holder{transition:left .2s ease,top .2s ease}.piece-captured,.piece-captured-explode,.piece-captured-fade{animation-duration:.2s}.selected{animation:none;box-shadow:inset 0 0 0 clamp(2px,.5vw,4px) gold,inset 0 0 clamp(10px,2vw,20px) #ffd70099,0 0 clamp(10px,2vw,20px) #ffd700b3,0 0 clamp(20px,4vw,40px) #ffd70080}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.black-piece,.white-piece{border-width:1px}}.block{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;z-index:1}.white{background-color:beige}.black{background-color:#8b5a2b}.glow{animation:pulse-glow 1.5s ease-in-out infinite;border-radius:10%;box-shadow:inset 0 0 0 clamp(2px,.5vw,4px) #ffd700e6,inset 0 0 clamp(10px,2vw,20px) #ffd70080,0 0 clamp(10px,2vw,20px) #ffd70099,0 0 clamp(20px,4vw,40px) #ffd70066}@keyframes pulse-glow{0%,to{box-shadow:inset 0 0 0 clamp(2px,.5vw,4px) #ffd700e6,inset 0 0 clamp(10px,2vw,20px) #ffd70080,0 0 clamp(10px,2vw,20px) #ffd70099,0 0 clamp(20px,4vw,40px) #ffd70066}50%{box-shadow:inset 0 0 0 clamp(2px,.5vw,4px) gold,inset 0 0 clamp(12px,3vw,25px) #ffd700b3,0 0 clamp(15px,3vw,30px) #ffd700cc,0 0 clamp(25px,5vw,50px) #ffd70099}}@media (max-width:480px){.glow{box-shadow:inset 0 0 0 2px #ffd700e6,inset 0 0 8px #ffd70080,0 0 8px #ffd70099,0 0 15px #ffd70066}@keyframes pulse-glow{0%,to{box-shadow:inset 0 0 0 2px #ffd700e6,inset 0 0 8px #ffd70080,0 0 8px #ffd70099,0 0 15px #ffd70066}50%{box-shadow:inset 0 0 0 2px gold,inset 0 0 10px #ffd700b3,0 0 12px #ffd700cc,0 0 20px #ffd70099}}}.main{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:100vw}.options{display:flex;flex-direction:row;gap:clamp(.4rem,1.5vw,.75rem);left:clamp(.3rem,1vw,.5rem);position:absolute;top:clamp(.3rem,1vw,.5rem);z-index:10}.option-button{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:clamp(.25rem,1vw,1rem);transition:transform .2s ease,background-color .2s ease}.option-button:hover{background-color:#8b5a2b26;transform:translateY(-2px)}.option-button:active{transform:translateY(-1px)}.option-button img{height:clamp(1.5rem,4vw,5rem);transition:opacity .2s ease;width:clamp(1.5rem,4vw,5rem)}.option-button:hover img{opacity:.85}.option-button span{color:#8b5a2b;font-size:clamp(.6rem,1.5vw,1rem);font-weight:600;letter-spacing:.5px}.gameStage{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(.15rem,.5vh,.25rem);height:100%;justify-content:center;padding:clamp(.5rem,2vh,1rem);width:100%}.result{flex-shrink:0;min-height:0;text-align:center;width:100%}.result h2{font-size:clamp(.75rem,2.5vw,1.3rem);margin:0;padding:clamp(.15rem,.5vh,.25rem) 0}.board{aspect-ratio:1/1;border:clamp(1px,.3vw,2px) solid #8b5a2b;box-sizing:border-box;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:min(90vw,90vh,600px);max-height:600px;max-width:600px;position:relative;width:min(90vw,90vh,600px)}@media (max-width:575px){.board{height:min(95vw,95vh);width:min(95vw,95vh)}.gameStage{padding:.3rem}}@media (min-width:576px) and (max-width:767px){.board{height:min(85vw,85vh);width:min(85vw,85vh)}}@media (min-width:768px) and (max-width:991px){.board{height:min(80vw,80vh,600px);width:min(80vw,80vh,600px)}}@media (min-width:992px){.board{height:min(70vw,70vh,600px);width:min(70vw,70vh,600px)}}@media (orientation:landscape){.main{height:100vh}.gameStage{gap:clamp(.1rem,.3vh,.2rem);padding:clamp(.3rem,1vh,.8rem)}.result h2{font-size:clamp(.7rem,2vw,1.1rem);padding:clamp(.1rem,.3vh,.2rem) 0}.board{height:min(90vh,70vw,600px);width:min(90vh,70vw,600px)}}@media (orientation:landscape) and (max-height:500px){.gameStage{gap:.1rem;padding:.2rem}.result h2{font-size:clamp(.65rem,1.5vw,.9rem)}.board{height:min(95vh,75vw);width:min(95vh,75vw)}.options{gap:.3rem;left:.2rem;top:.2rem}.option-button{padding:.2rem}.option-button img{height:clamp(1.2rem,3vw,1.5rem);width:clamp(1.2rem,3vw,1.5rem)}.option-button span{font-size:clamp(.5rem,1.2vw,.65rem)}}@media (hover:none) and (pointer:coarse){.option-button{padding:clamp(.4rem,1.2vw,1.2rem)}.option-button:hover{transform:none}.option-button:active{background-color:#8b5a2b33;transform:scale(.95)}}@media (min-aspect-ratio:7/3){.board{height:min(50vw,90vh,600px);width:min(50vw,90vh,600px)}}@media (max-aspect-ratio:9/16){.board{height:min(92vw,60vh);width:min(92vw,60vh)}.gameStage{justify-content:flex-start;padding-top:clamp(1rem,5vh,3rem)}}
/*# sourceMappingURL=main.e1e13345.css.map*/