.modal-bg{background:radial-gradient(circle at center,#004DB5 0,#002D6A 55%,#001A3D 100%)}.game-modal-border{border-radius:14px;border:3px solid #b58407;box-shadow:0 0 0 2px #1a1200,inset 0 0 0 1px #ffd84d}.game-title{font-family:Luckiest Guy,cursive;color:#FFD200;-webkit-text-stroke:2px #000000}.select-indicator{box-shadow:0 0 6px #ffc400,0 0 12px rgba(255,196,0,.6)}.font-cursive{font-family:Luckiest Guy,cursive}@media (max-width:768px){.game-title{font-family:Luckiest Guy,cursive;-webkit-text-stroke:0 #000000;color:#FFD200}}@media (max-width:1024px){.ludologo-image{left:3%;top:40%;height:28%;width:38%}.playuser{gap:2%}}@media (max-width:820px){.ludologo-image{left:1%}}.pawn-pin{width:30px;height:30px;background:#ffffff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative;border:1px solid var(--pawn-border);box-sizing:border-box}.pawn-pin-inner{width:18px;height:18px;background:var(--pawn-color);border-radius:50%;position:absolute;top:5px;left:5px;border:1px solid #000;box-sizing:border-box}.pawn-finish-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);color:#fff;font-size:15px;font-weight:700;z-index:2;pointer-events:none}.pawn-pin-base{top:22px;width:23px;height:23px;border-radius:50%;border:3px solid;z-index:-1}.pawn-dashed-wrapper,.pawn-pin-base{position:absolute;left:50%;transform:translateX(-50%) rotateX(60deg)}.pawn-dashed-wrapper{top:20px;width:30px;height:30px;z-index:-3;pointer-events:none}.pawn-dashed-bg{border-radius:50%;border:6px solid #fff}.pawn-dashed-bg,.pawn-dashed-ring{position:absolute;inset:0;box-sizing:border-box}.pawn-dashed-ring{border-radius:50%;border:4px dashed #000;animation:dashed-rotate var(--time,.8s) linear infinite}@keyframes dashed-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.pawn-pin{width:20px;height:20px;border-radius:50% 50% 50% 0}.pawn-pin-inner{width:12px;height:12px;top:3px;left:4px;border:1px solid #000}.pawn-finish-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);color:#fff;font-size:10px;font-weight:700}.pawn-pin-base{top:12px;left:50%;width:16px;height:20px;border-radius:50%;border:3px solid;transform:translateX(-50%) rotateX(60deg);z-index:-1}.pawn-dashed-wrapper{top:12px;left:50%;width:22px;height:22px}.pawn-dashed-ring{border:3px dashed #000}.pawn-pin-base-outer{top:9px;left:50%;width:25px;height:25px;border-radius:50%;border:2px solid #60646b;transform:translateX(-50%);z-index:-2;background:transparent}}@media (max-width:820px){.pawn-pin{width:20px;height:20px;border-radius:50% 50% 50% 0}.pawn-pin-inner{width:12px;height:12px;top:3px;left:4px;border:1px solid #000}.pawn-finish-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);color:#fff;font-size:10px;font-weight:700}.pawn-pin-base{top:12px;left:50%;width:16px;height:20px;border-radius:50%;border:3px solid;transform:translateX(-50%) rotateX(60deg);z-index:-1}.pawn-dashed-wrapper{top:12px;left:50%;width:22px;height:22px}.pawn-dashed-ring{border:3px dashed #000}.pawn-pin-base-outer{top:9px;left:50%;width:25px;height:25px;border-radius:50%;border:2px solid #60646b;transform:translateX(-50%);z-index:-2;background:transparent}}@media (max-width:912px){.pawn-pin{width:20px;height:20px;border-radius:50% 50% 50% 0}.pawn-pin-inner{width:12px;height:12px;top:3px;left:4px;border:1px solid #000}.pawn-finish-star{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);color:#fff;font-size:10px;font-weight:700}.pawn-pin-base{top:12px;left:50%;width:16px;height:20px;border-radius:50%;border:3px solid;transform:translateX(-50%) rotateX(60deg);z-index:-1}.pawn-dashed-wrapper{top:12px;left:50%;width:22px;height:22px}.pawn-dashed-ring{border:3px dashed #000}.pawn-pin-base-outer{top:9px;left:50%;width:25px;height:25px;border-radius:50%;border:2px solid #60646b;transform:translateX(-50%);z-index:-2;background:transparent}}@media (min-width:300px) and (max-width:354px){.pawn-pin-inner{width:12px;height:12px;top:3px;left:3.49px}}.pawn{transition:top .22s cubic-bezier(.34,1.56,.64,1),left .22s cubic-bezier(.34,1.56,.64,1)}.pawn-slide{transition:top .6s ease-in-out,left .6s ease-in-out}.pawn-jump{animation:pawnJump .22s cubic-bezier(.4,0,.2,1)}@keyframes pawnJump{0%{transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-50%,-82%) scale(1)}50%{transform:translate(-50%,-88%) scale(1)}80%{transform:translate(-50%,-55%) scale(1)}to{transform:translate(-50%,-50%) scale(1)}}#tridiv{-webkit-perspective:800px;perspective:800px;position:relative;overflow:hidden;width:100%;height:120px;background:transparent;font-size:100%}.scene{width:48em;height:48em;margin:-24em 0 0 -24em}.scene,.shape{top:50%;left:50%;position:absolute}.shape{cursor:pointer;width:0;height:0;-webkit-transform-origin:50%;transform-origin:50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.face{overflow:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-size:100% 100%!important;background-position:50%;background-color:#ffffff;border:1px solid #ffffff;border-radius:4px}.face,.shader{position:absolute}.shader{left:0;top:0;width:100%;height:100%}#cub #s1,#cub #s2{width:50px;height:50px}#cub #s2{left:50px}#cub #s3{-webkit-transform:rotateY(-90deg) translateX(-25px);transform:rotateY(-90deg) translateX(-25px)}#cub #s3,#cub #s4{width:50px;height:50px}#cub #s4{-webkit-transform:rotateY(90deg) translateX(-25px);transform:rotateY(90deg) translateX(-25px);left:50px}#cub #s6{-webkit-transform:rotateX(90deg) translateY(-25px);transform:rotateX(90deg) translateY(-25px)}#cub #s5,#cub #s6{width:50px;height:50px}#cub #s5{-webkit-transform:rotateX(-90deg) translateY(-25px);transform:rotateX(-90deg) translateY(-25px);top:50px}#cub{width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation-name:rotate;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:1;-webkit-animation-play-state:paused;animation-name:rotate;animation-duration:1.5s;animation-iteration-count:1;animation-play-state:paused;opacity:1}#cub #s1{-webkit-transform:translateZ(25px);transform:translateZ(25px)}#cub #s2{-webkit-transform:translateZ(-25px) rotateY(180deg);transform:translateZ(-25px) rotateY(180deg)}#cub.activate{-webkit-animation-play-state:running;animation-play-state:running}#cub.opacity{opacity:1}#cub.reset{width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation-name:anti-rotate;-webkit-animation-duration:.05s;-webkit-animation-iteration-count:1;-webkit-animation-play-state:paused;animation-name:anti-rotate;animation-duration:.05s;animation-iteration-count:1;animation-play-state:paused}@-webkit-keyframes rotate{0%{-webkit-transform:rotateX(0) rotateY(0) rotate(0);transform:rotateX(0) rotateY(0) rotate(0)}to{-webkit-transform:rotateX(1turn) rotateY(-1turn) rotate(0);transform:rotateX(3turn) rotateY(-2turn) rotate(0)}}@keyframes rotate{0%{-webkit-transform:rotateX(0) rotateY(0) rotate(0);transform:rotateX(0) rotateY(0) rotate(0)}to{-webkit-transform:rotateX(1turn) rotateY(-1turn) rotate(0);transform:rotateX(3turn) rotateY(-2turn) rotate(0)}}@-webkit-keyframes anti-rotate{0%{-webkit-transform:rotateX(3turn) rotateY(-2turn) rotate(0);transform:rotateX(3turn) rotateY(-2turn) rotate(0)}to{-webkit-transform:rotateX(0) rotateY(0) rotate(0);transform:rotateX(0) rotateY(0) rotate(0)}}@keyframes anti-rotate{0%{-webkit-transform:rotateX(3turn) rotateY(-2turn) rotate(0);transform:rotateX(3turn) rotateY(-2turn) rotate(0)}to{-webkit-transform:rotateX(0) rotateY(0) rotate(0);transform:rotateX(0) rotateY(0) rotate(0)}}.face canvas{width:100%;height:100%;display:block}@keyframes slideLeftRight{0%,to{transform:translateX(0)}50%{transform:translateX(-8px)}50%{transform:translateX(8px)}}.animate-pulse-sides{animation:slideLeftRight 1s ease-in-out infinite,2s ease-in-out infinite}body,html{overflow-x:hidden}.no-scroll{overflow:hidden!important;height:100vh!important;position:fixed!important;width:100%!important}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}.animate-scaleIn{animation:scaleIn .3s ease-out}.grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.clip-path-triangle-tl{clip-path:polygon(0 0,100% 0,0 100%)}.clip-path-triangle-tr{clip-path:polygon(102% 0,102% 100%,0 0)}.clip-path-triangle-br{clip-path:polygon(100% 100%,0 100%,100% 0)}.clip-path-triangle-bl{clip-path:polygon(0 100%,0 0,100% 100%)}.clip-path-triangle-tl-half{clip-path:polygon(0 0,50% 0,0 50%)}.clip-path-triangle-tr-half{clip-path:polygon(100% 0,100% 50%,50% 0)}.clip-path-triangle-br-half{clip-path:polygon(100% 100%,50% 100%,100% 50%)}.clip-path-triangle-bl-half{clip-path:polygon(0 100%,0 50%,50% 100%)}.clip-path-triangle-top{clip-path:polygon(50% 50%,0 100%,100% 100%)}.clip-path-triangle-right{clip-path:polygon(0 0,50% 50%,0 100%)}.clip-path-triangle-bottom{clip-path:polygon(0 0,104% 0,50% 50%)}.clip-path-triangle-left{clip-path:polygon(102% 0,50% 50%,102% 102%)}.outlined-text{color:white;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000;font-weight:700}.home-highlight{animation:homePulse .2s infinite alternate}.home-red{background-color:#ff0000}.home-green{background-color:#148000}.home-yellow{background-color:#fcde02}.home-blue{background-color:#1897ec}@keyframes homePulse{0%{filter:brightness(50%)}to{filter:brightness(100%)}}@property --bg-angle{inherits:false;initial-value:0deg;syntax:"<angle>"}@keyframes spin{to{--bg-angle:360deg}}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,255,255,.4)) drop-shadow(0 0 20px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.9)) drop-shadow(0 0 20px rgba(255,255,255,.6))}}.animate-glow{animation:glow 2s ease-in-out infinite}.shine-image{overflow:hidden}.shine-image:after{content:"";position:absolute;top:0;left:-100%;height:100%;width:50%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.7),transparent);animation:shine 2.5s infinite}@keyframes shine{0%{left:-100%}60%{left:120%}to{left:120%}}.constant-glow{filter:drop-shadow(0 0 20px rgba(161,147,147,.9)) drop-shadow(0 0 35px rgb(131,111,111))}.constant-glow-text{filter:drop-shadow(0 0 20px rgba(0,0,0,.9)) drop-shadow(0 0 35px rgb(0,0,0))}.toggle-btn{width:55px;height:28px;background-color:#ff1010;border-radius:30px;padding:3px;border:none;cursor:pointer;position:relative;transition:background-color .3s}.toggle-circle{position:absolute;width:22px;height:22px;background-color:#00285e;border-radius:50%;top:3px;left:3px;transition:transform .3s}.toggle-circle.on{transform:translateX(27px)}.toggle-btn:has(.on){background-color:#fdc700}.toggle-circle.off{transform:translateX(0)}@media (max-width:768px){.toggle-btn{width:55px;height:25px;border-radius:30px;padding:2px}.toggle-circle{width:20px;height:19px}}