@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color: #0d0f17;--bg-gradient: radial-gradient(circle at 50% 0%, #1a1e2f 0%, #0d0f17 100%);--board-bg: rgba(26, 30, 47, .4);--board-border: rgba(255, 255, 255, .1);--slot-bg: rgba(0, 0, 0, .4);--slot-border: rgba(255, 255, 255, .05);--token-red: #ff4757;--token-red-dark: #cc3946;--token-blue: #1e90ff;--token-blue-dark: #1873cc;--token-green: #2ed573;--token-green-dark: #25aa5c;--token-yellow: #ffa502;--token-yellow-dark: #cc8402;--font-main: "Outfit", sans-serif;--text-light: #ffffff;--text-muted: #a4b0be;--slot-size: min(14vw, 8.7vh);--slot-gap: min(1.3vw, .7vh);--token-size: min(11.5vw, 7vh);--grid-unit: calc(var(--slot-size) + var(--slot-gap));--board-padding: calc(var(--slot-size) * .5)}@media(min-width:768px){:root{--slot-size: min(55px, 6.5vh);--slot-gap: min(8px, 1vh);--token-size: min(48px, 5.5vh);--board-padding: min(28px, 3vh)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{font-family:var(--font-main);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-light);height:100vh;height:100dvh;margin:0;overflow:hidden}body.no-scroll{overflow:hidden;touch-action:none;overscroll-behavior-y:none}body.legal-scroll{height:auto;min-height:100dvh;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-y:auto}body.legal-scroll #root{height:auto;min-height:100dvh;overflow:visible;align-items:stretch;justify-content:flex-start}body.legal-scroll .app-layout{height:auto;min-height:100dvh;overflow:visible}body.legal-scroll .app-main-content{min-height:auto}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.app-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden}.ad-container-top{width:100%;padding:5px 0;min-height:100px;background:#ffffff0d;display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;overflow:hidden}.app-main-content{display:flex;flex:1;width:100%;justify-content:center;min-height:0;overflow:hidden}.ad-container-side{display:none;width:160px;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);margin:1rem;border-radius:12px;overflow:hidden}@media(min-width:1024px){.ad-container-side{display:flex}}.game-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:600px;padding:0;min-height:0;overflow:hidden}.app-layout.legal-layout{height:auto;min-height:100dvh;overflow:visible}.legal-main-content{width:100%;max-width:min(960px,100%);margin:0 auto;padding:1rem}.app-layout.legal-layout .legal-page{width:100%;height:auto;max-width:100%;max-height:none;overflow:visible}.ad-slot-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--text-muted);font-size:.85rem;text-align:center;-webkit-user-select:none;user-select:none}header{text-align:center;margin-bottom:.2rem;flex-shrink:0}h1{font-weight:800;font-size:2.5rem;background:linear-gradient(135deg,#fff,#a4b0be);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.board-moves-badge{position:absolute;bottom:calc(var(--board-padding) * .2);right:calc(var(--board-padding) * .5);background:#ffffff1a;padding:.3rem .8rem;border-radius:12px;font-size:.9rem;color:var(--text-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);font-weight:600;z-index:5;box-shadow:0 4px 10px #0000004d}.board-container{position:relative;width:calc(var(--slot-size) * 4 + var(--slot-gap) * 3 + var(--board-padding) * 2);height:calc(var(--slot-size) * 5.5 + var(--slot-gap) * 4.5 + var(--board-padding) * 2);background:var(--board-bg);border-radius:24px;border:1px solid var(--board-border);box-shadow:0 20px 50px #00000080,inset 0 2px 2px #ffffff0d;padding:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.slot{position:absolute;top:var(--board-padding);left:var(--board-padding);width:var(--slot-size);height:var(--slot-size);background:var(--slot-bg);border-radius:50%;box-shadow:inset 0 4px 10px #000c,0 1px 1px #ffffff1a}.track-vertical,.track-horizontal{position:absolute;background:#00000080;z-index:0;border-radius:10px;box-shadow:inset 0 2px 5px #000c}.track-vertical{width:calc(var(--slot-size) * .4);left:calc(var(--slot-size) * .3);height:100%}.track-horizontal{height:calc(var(--slot-size) * .4);top:calc(var(--slot-size) * .3);width:100%}.token{position:absolute;top:var(--board-padding);left:var(--board-padding);margin:calc((var(--slot-size) - var(--token-size)) / 2);width:var(--token-size);height:var(--token-size);border-radius:50%;cursor:grab;z-index:10;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #00000080,inset 0 4px 6px #ffffff4d,inset 0 -4px 6px #0000004d}.token:active,.token.is-dragging{cursor:grabbing;z-index:100;transition:transform .05s linear;filter:brightness(1.1);box-shadow:0 15px 30px #0009,inset 0 4px 6px #fff6,inset 0 -4px 6px #0006}.token[data-color=red]{background:radial-gradient(circle at 30% 30%,#ff7979,var(--token-red) 60%,var(--token-red-dark) 100%)}.token[data-color=blue]{background:radial-gradient(circle at 30% 30%,#4facfe,var(--token-blue) 60%,var(--token-blue-dark) 100%)}.token[data-color=green]{background:radial-gradient(circle at 30% 30%,#43e97b,var(--token-green) 60%,var(--token-green-dark) 100%)}.token[data-color=yellow]{background:radial-gradient(circle at 30% 30%,#ffde59,var(--token-yellow) 60%,var(--token-yellow-dark) 100%)}.token svg{width:50%;height:50%;fill:#ffffffe6;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.icon-btn.restart-btn{position:absolute;width:calc(var(--slot-size) * .8);height:calc(var(--slot-size) * .8);padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-light);z-index:5;box-shadow:0 4px 10px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .2s;bottom:calc(var(--board-padding) * .2);left:calc(var(--board-padding) * .5)}.icon-btn.fullscreen-btn{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s}.icon-btn.restart-btn svg{width:50%;height:50%}.icon-btn.fullscreen-btn svg{width:60%;height:60%}.icon-btn.restart-btn:hover{background:#fff3;transform:translateY(-2px)}.icon-btn.fullscreen-btn:hover{background:#fff3;color:var(--text-light)}.icon-btn.restart-btn:active,.icon-btn.fullscreen-btn:active{transform:scale(.9)}.target-pattern{display:flex;flex-direction:column;align-items:center;margin-bottom:.3rem;background:#ffffff0d;padding:.3rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0000004d;flex-shrink:0}.target-pattern-header{display:flex;width:100%;padding:0 .5rem;justify-content:space-between;align-items:center;margin-bottom:.2rem;gap:1rem}.target-pattern-header h3{font-size:.85rem;margin:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.mini-board{display:flex;gap:.5rem}.mini-col{display:flex;flex-direction:column;gap:.5rem}.mini-token{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #00000080}.mini-token[data-color=red]{background:var(--token-red)}.mini-token[data-color=blue]{background:var(--token-blue)}.mini-token[data-color=green]{background:var(--token-green)}.mini-token[data-color=yellow]{background:var(--token-yellow)}.mini-token svg{width:12px;height:12px;fill:#fff}@media(min-width:768px){.mini-token{width:28px;height:28px}.mini-token svg{width:16px;height:16px}}.site-footer{width:100%;background:#0000004d;padding:.8rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.05);font-size:.8rem;color:var(--text-muted);display:flex;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.legal-page{text-align:left;line-height:1.6;color:var(--text-light);background:#ffffff0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0000004d;width:100%;height:100%;max-width:100vw;overflow-y:auto;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}.legal-page h2{text-align:center;font-size:1.8rem;margin-bottom:2rem;color:var(--text-light);text-transform:uppercase;letter-spacing:1px}.legal-page h3{margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-muted)}.legal-page p{margin-bottom:1rem}.legal-page strong{color:#fff}.lang-toggle{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.lang-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-muted);padding:.4rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-btn:hover{background:#ffffff26;color:var(--text-light)}.lang-btn.active{background:var(--token-blue);border-color:var(--token-blue-dark);color:#fff;box-shadow:0 4px 12px #1e90ff4d}@media(max-width:767px){:root{--slot-size: min(15.2vw, 7.9dvh);--slot-gap: min(1.18vw, .6dvh);--token-size: min(12.4vw, 6.5dvh)}.app-layout{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.ad-container-top{display:none!important;min-height:0;padding:0;border-bottom:0}.app-main-content{align-items:center;overflow:hidden}.game-wrapper{width:100%;max-width:100%;justify-content:flex-start;padding:.45rem .35rem .2rem}.legal-main-content{padding:.65rem .45rem .9rem}header{margin-bottom:.35rem}h1{font-size:clamp(1.45rem,6.5vw,1.95rem);letter-spacing:.4px}.target-pattern{margin-bottom:.35rem;padding:.4rem .55rem}.target-pattern-header h3{font-size:.88rem;letter-spacing:.4px}.mini-token{width:22px;height:22px}.mini-token svg{width:13px;height:13px}.site-footer{font-size:.82rem;padding:.45rem .55rem}.app-layout.legal-layout .legal-page{padding:1rem .9rem}}