@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";@font-face{font-family:Ciclope Black;src:url(/assets/CiclopeBlack-Black-DuksqpPQ.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:PaintCans;src:url(/assets/PaintCans-WJPY-XgM.otf)format("opentype");font-weight:400;font-style:normal}body{background-color:#050505;background-image:url(/assets/Yskewgamebg-ChO5liea.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0;font-family:Ciclope Black,Outfit,sans-serif}.perspective-1000{perspective:1000px}.game-board-container{justify-content:center;align-items:center;width:450px;height:450px;transition:transform .5s;display:flex;position:relative;transform:rotate(15deg)}.game-board-container:before{content:"";z-index:0;pointer-events:none;background-image:url(/assets/game-bg-ndnn-Ix0.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:-50px}#board{width:320px;height:320px;transition:all .5s}.cell{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:relative}.cell[data-index="0"],.cell[data-index="1"],.cell[data-index="2"],.cell[data-index="3"],.cell[data-index="4"],.cell[data-index="5"]{border-bottom:8px solid #111;border-radius:2px}.cell[data-index="0"],.cell[data-index="3"],.cell[data-index="6"],.cell[data-index="1"],.cell[data-index="4"],.cell[data-index="7"]{border-right:8px solid #111;border-radius:2px}.token{opacity:0;justify-content:center;align-items:center;width:64px;height:64px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.3)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.svg-icon{width:100%;height:100%;transition:all .3s}.win-line{z-index:20;opacity:0;pointer-events:none;filter:drop-shadow(2px 4px 6px #0000004d);background:#111;border-radius:6px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards drawLine;position:absolute}.win-line-h{transform-origin:0;width:90%;height:8px;top:calc(16.66% - 4px);left:5%}.win-line-h.row-1{top:calc(50% - 4px)}.win-line-h.row-2{top:calc(83.33% - 4px)}@keyframes drawLine{0%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.win-line-v{transform-origin:top;width:8px;height:90%;animation:.6s cubic-bezier(.2,.8,.2,1) forwards drawLineV;top:5%;left:calc(16.66% - 4px)}.win-line-v.col-1{left:calc(50% - 4px)}.win-line-v.col-2{left:calc(83.33% - 4px)}@keyframes drawLineV{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.win-line-d1{transform-origin:0 0;width:141%;height:8px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards drawLineD1;top:0%;left:0%}@keyframes drawLineD1{0%{opacity:1;transform:rotate(45deg)scaleX(0)}to{opacity:1;transform:rotate(45deg)scaleX(1)}}.win-line-d2{transform-origin:0 0;width:141%;height:8px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards drawLineD2;top:0%;left:100%}@keyframes drawLineD2{0%{opacity:1;transform:rotate(135deg)scaleX(0)}to{opacity:1;transform:rotate(135deg)scaleX(1)}}.cell.winner .token{animation:2s infinite pulseWin}@keyframes pulseWin{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.5)drop-shadow(0 0 15px);transform:scale(1.2)}to{filter:brightness();transform:scale(1)}}.board-finished .cell:not(.winner){opacity:.3;filter:grayscale(.5)}.turn-pulse{animation:2s infinite pulseText}@keyframes pulseText{0%{opacity:.6}50%{opacity:1;text-shadow:0 0 10px #ffffff80}to{opacity:.6}}.animate-marquee{min-width:200%;animation:20s linear infinite marquee}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-12.5%)}}@keyframes bounce-x{0%,to{transform:translate(0)}50%{transform:translate(-40%)}}.animate-spin-slow{animation:15s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.game-board-container{width:320px;height:320px}.game-board-container:before{inset:-30px}#board{width:240px;height:240px}.token{width:48px;height:48px}}@media (width<=380px){.game-board-container{width:280px;height:280px}.game-board-container:before{inset:-20px}#board{width:200px;height:200px}.token{width:40px;height:40px}}