html,body{height:100%}html.game-page body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}.game-shell{justify-content:center;height:100dvh;display:flex}#stage{width:min(500px,100vw);height:100%;padding:max(8px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative}.g-top{flex:none;align-items:center;gap:10px;height:52px;display:flex}.g-round{cursor:pointer;background:linear-gradient(#6b98ff,#3d6bf0);border:0;border-radius:14px;place-items:center;width:44px;height:44px;text-decoration:none;display:grid;position:relative;box-shadow:0 4px #2440b8}.g-round:after{content:"";border:1.5px dashed #fff9;border-radius:10px;position:absolute;inset:4px}.g-round img{width:28px;height:28px}.g-round:active{transform:translateY(3px);box-shadow:0 1px #2440b8}.g-title{text-align:center;flex:1}.g-title b{font:800 22px var(--font-title);text-shadow:0 3px 0 var(--navy);line-height:1.1;display:block}.g-bar{background:#0a104673;border-radius:99px;width:150px;height:12px;margin:4px auto 0;overflow:hidden}.g-bar i{background:linear-gradient(180deg, #7be36f, var(--green));border-radius:99px;width:0;height:100%;transition:width .35s;display:block}.g-loom{flex:none;width:min(86%,380px);margin:6px auto 4px;position:relative}.g-beam{z-index:2;background:url(/assets/img/ui/beam.png) 50%/100% 100% no-repeat;border-radius:10px;height:16px;position:relative}.g-rug{aspect-ratio:2;margin:-4px 4%;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000004d}.g-rug img{object-fit:cover;width:100%;height:100%}.g-warp{background:repeating-linear-gradient(90deg,#fff4dc8c 0 2px,#0000 2px 7px),linear-gradient(#2a3378,#1d2560);border-bottom:3px solid #ffdca0e6;height:100%;transition:height .5s;position:absolute;top:0;left:0;right:0}.g-board{flex:auto;margin:6px 0;position:relative}.g-board-cloth{background:#10165a47;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff14}.g-board-cloth:after{content:"";border:2px dashed #ffffff38;border-radius:16px;position:absolute;inset:8px}.tile{cursor:pointer;will-change:transform;transition:transform .3s cubic-bezier(.3,.9,.35,1.12),filter .2s,opacity .25s;position:absolute;top:0;left:0}.tile img{pointer-events:none;width:100%;height:100%}.tile.blocked{filter:brightness(.5)saturate(.65);cursor:default}.tile.nudge{animation:.3s nudge}.tile.hint img{animation:.9s ease-in-out infinite hint}.tile.squish img{animation:.32s squish}@keyframes nudge{25%{margin-left:-5px}75%{margin-left:5px}}@keyframes hint{50%{filter:brightness(1.25);transform:scale(1.12)}}@keyframes squish{0%{transform:scale(1)}35%{transform:scale(1.14,.78)}70%{transform:scale(.94,1.08)}to{transform:scale(1)}}.g-tray{background:repeating-linear-gradient(176deg,#78421824 0 2px,#0000 2px 13px),linear-gradient(#e2a86f,#c98a4b 70%,#b57638);border-radius:22px;flex:none;gap:6px;height:84px;margin:2px 0 10px;padding:10px 12px;display:flex;position:relative;box-shadow:inset 0 -7px #5a32148c,0 10px 18px #00000047}.g-tray:after{content:"";pointer-events:none;border:2px dashed #ffeec88c;border-radius:17px;position:absolute;inset:5px}.g-slot{background:#46240a52;border-radius:12px;flex:1;box-shadow:inset 0 3px 6px #00000040}.g-tray.warn{animation:.6s infinite warn}@keyframes warn{50%{box-shadow:inset 0 -7px #5a32148c,0 0 0 4px #ff4650bf,0 10px 18px #00000047}}.g-boosters{flex:none;justify-content:center;gap:22px;height:76px;display:flex}.g-boost{cursor:pointer;background:0 0;border:0;width:66px;height:66px;padding:0;position:relative}.g-boost .spool{width:100%;height:100%;position:absolute;inset:0}.g-boost .ic{width:34px;height:34px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.g-boost .cnt{min-width:24px;height:24px;color:var(--navy);font:800 14px var(--font-title);background:#fff;border-radius:12px;place-items:center;padding:0 6px;display:grid;position:absolute;bottom:2px;right:-4px;box-shadow:0 2px #0003}.g-boost:disabled{filter:grayscale(.8)brightness(.8);cursor:default}.g-boost:not(:disabled):active{transform:translateY(3px)}.yarn-fly{z-index:900;pointer-events:none;width:46px;height:46px;transition:transform .7s cubic-bezier(.45,0,.2,1),opacity .2s .65s;position:absolute;top:0;left:0}.spark{z-index:880;pointer-events:none;border-radius:3px;width:10px;height:10px;transition:transform .6s ease-out,opacity .6s ease-out;position:absolute}.combo{z-index:950;pointer-events:none;font:800 30px var(--font-title);color:#fff;text-shadow:0 3px 0 var(--red-deep), 0 0 12px #00000040;white-space:nowrap;transition:transform .9s ease-out,opacity .9s ease-in;position:absolute}.g-over{z-index:1000;-webkit-backdrop-filter:blur(3px);background:#0e14509e;justify-content:center;align-items:center;padding:20px;display:none;position:absolute;inset:0}.g-over.show{animation:.25s fade;display:flex}@keyframes fade{0%{opacity:0}}.g-over .card{text-align:center;width:min(380px,100%);padding:30px 24px 28px;animation:.35s cubic-bezier(.3,1.4,.5,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}}.g-over h2{color:var(--navy);margin:0 0 6px;font-size:32px}.g-over p{color:var(--muted);margin:0 0 18px}.g-over .ribbon{margin-top:-54px;margin-bottom:16px;font-size:26px}.g-stars{justify-content:center;gap:6px;margin:4px 0 12px;display:flex}.g-stars img{width:56px;height:56px;transition:transform .3s}.g-stars img.off{filter:grayscale()brightness(.75)opacity(.45)}.g-stars img:nth-child(2){transform:translateY(-10px)scale(1.15)}.g-over .row{flex-direction:column;align-items:center;gap:14px;display:flex}.g-over .badges{justify-content:center}.g-over .intro-tiles{justify-content:center;gap:6px;margin:2px 0 10px;display:flex}.g-over .intro-tiles img{width:64px;height:64px}.linkish{color:var(--blue-deep);font:800 15px var(--font-body);cursor:pointer;background:0 0;border:0;text-decoration:underline}@media (height<=700px){.g-tray{height:70px}.g-boosters{height:62px}.g-boost{width:56px;height:56px}.g-loom{width:min(72%,330px)}}.g-over h2.ribbon{color:#fff}.g-over .ribbon .tail{display:none}@font-face{font-family:"Baloo 2";src:url(/assets/fonts/Baloo2-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}:root{--blue-top:#4a7cff;--blue:#2f56dc;--blue-deep:#2440b8;--navy:#1b2466;--ink:#221e4a;--cream:#fff4dc;--cream-2:#f6e6c2;--red:#e8394a;--red-deep:#b51f35;--green:#45c04a;--green-deep:#2a8f35;--gold:#ffc21c;--gold-deep:#d18f00;--teal:#1f9c94;--wood:#c98a4b;--wood-deep:#8a5527;--text:#2a2350;--muted:#6a628f;--radius:28px;--stitch:#ffffffbf;--page:min(1160px, calc(100vw - 32px));--font-title:"Baloo 2", "Fredoka", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:#fff;font-family:var(--font-body);background-color:var(--blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='3'%3E%3Cpath d='M60 6 114 60 60 114 6 60Z'/%3E%3Cpath d='M60 26 94 60 60 94 26 60Z'/%3E%3C/g%3E%3Cpath d='M60 48 72 60 60 72 48 60Z' fill='%23ffffff' fill-opacity='.06'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--blue-top) 0%, var(--blue) 45%, var(--blue-deep) 100%);background-attachment:fixed,fixed;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.wrap{width:var(--page);margin:0 auto}html.tr .en,html:not(.tr) .tr{display:none!important}h1,h2,h3,.title{font-family:var(--font-title);letter-spacing:.2px;font-weight:800;line-height:1.1}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);background:#1b2466b8;border-bottom:3px dashed #ffffff2e;position:sticky;top:0}.nav .wrap{align-items:center;gap:16px;height:68px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:11px;width:42px;height:42px;box-shadow:0 3px #00000040}.brand span{font-family:var(--font-title);text-shadow:0 3px 0 var(--navy);font-size:24px}.nav-links{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-links a{opacity:.92;border-radius:999px;padding:8px 14px;font-weight:800;text-decoration:none}.nav-links a:hover{opacity:1;background:#ffffff1f}.lang{background:#ffffff24;border-radius:999px;margin-left:6px;padding:3px;display:inline-flex}.lang button{font:800 13px var(--font-body);color:#fff;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 10px}html:not(.tr) .lang [data-lang=en],html.tr .lang [data-lang=tr]{color:var(--navy);background:#fff}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:28px;display:none}@media (width<=820px){.menu-btn{display:block}.nav-links{background:var(--navy);border-radius:22px;flex-direction:column;align-items:stretch;padding:12px;display:none;position:absolute;top:72px;left:16px;right:16px;box-shadow:0 18px 40px #00000059}.nav.open .nav-links{display:flex}.nav-links a{padding:12px 16px}.lang{align-self:flex-start;margin:6px 0 0 8px}}.btn{--c:var(--green);--d:var(--green-deep);font:800 20px var(--font-title);color:#fff;text-shadow:0 2px #00000038;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 85%, #fff) 0%, var(--c) 60%);cursor:pointer;box-shadow:0 6px 0 var(--d), 0 12px 22px #0a0e3c59;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 30px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;position:relative}.btn:after{content:"";border-radius:inherit;border:2px dashed var(--stitch);pointer-events:none;position:absolute;inset:5px}.btn:hover{box-shadow:0 8px 0 var(--d), 0 16px 26px #0a0e3c59;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 0 var(--d), 0 6px 12px #0a0e3c4d;transform:translateY(4px)}.btn.red{--c:var(--red);--d:var(--red-deep)}.btn.gold{--c:var(--gold);--d:var(--gold-deep);color:#5a3a00;text-shadow:none}.btn.blue{--c:#4f86ff;--d:#2a4fc4}.btn.small{padding:10px 20px;font-size:16px}.btn img{width:26px;height:26px}.badges{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.badges a{display:block;position:relative}.badges img{width:auto;height:54px}.store-fallback{color:#fff;height:54px;font:800 16px var(--font-body);white-space:nowrap;background:#000;border:1.5px solid #a6a6a6;border-radius:12px;align-items:center;padding:0 20px;display:inline-flex}.badges .soon{background:var(--gold);color:#5a3a00;font:800 11px var(--font-body);box-shadow:0 2px 0 var(--gold-deep);white-space:nowrap;border-radius:999px;padding:2px 8px;position:absolute;top:-10px;right:-8px}.ribbon{font:800 clamp(26px, 4vw, 40px) var(--font-title);color:#fff;text-shadow:0 3px 0 var(--red-deep);background:linear-gradient(180deg, #ff5664, var(--red));box-shadow:0 6px 0 var(--red-deep), 0 14px 24px #140a3c4d;border-radius:10px;margin:0 auto 10px;padding:10px 46px 12px;display:inline-block;position:relative}.ribbon:before{content:"";border:2px dashed #ffffffa6;border-radius:6px;position:absolute;inset:6px 10px}.ribbon .tail{background:var(--red-deep);z-index:-1;width:34px;height:100%;position:absolute;top:16px}.ribbon .tail.l{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 50%);left:-22px}.ribbon .tail.r{clip-path:polygon(0 0,100% 0,65% 50%,100% 100%,0 100%);right:-22px}.section-head{text-align:center;margin-bottom:34px}.section-head p{opacity:.92;max-width:640px;margin:10px auto 0;font-size:19px}section{padding:84px 0;position:relative}.card{background:var(--cream);color:var(--text);border-radius:var(--radius);box-shadow:0 8px 0 var(--cream-2), 0 22px 40px #0c104652;padding:30px 28px;position:relative}.card:before{content:"";border-radius:calc(var(--radius) - 8px);pointer-events:none;border:2.5px dashed #c98a4b8c;position:absolute;inset:9px}.card h3{color:var(--navy);margin:6px 0;font-size:24px}.card p{color:var(--muted);margin:0}.hero{padding:54px 0 70px;overflow:hidden}.hero .wrap{grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;display:grid}.hero-logo{filter:drop-shadow(0 14px 24px #0a0e3c59);width:min(400px,82%);margin:-30px 0 -16px -18px}.hero h1{text-shadow:0 5px 0 var(--navy);margin:0 0 12px;font-size:clamp(40px,6vw,68px)}.hero h1 em{color:var(--gold);font-style:normal}.hero .lead{opacity:.95;max-width:540px;margin:0 0 26px;font-size:21px}.hero .cta{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.hero .facts{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.chip{background:#ffffff24;border:2px dashed #ffffff47;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:15px;font-weight:800;display:inline-flex}.chip img{width:26px;height:26px}.phone-stage{justify-content:center;display:flex;position:relative}.phone{aspect-ratio:1320/2868;background:linear-gradient(160deg,#2b2d55,#14152e);border-radius:46px;width:min(330px,74vw);padding:12px;position:relative;transform:rotate(3deg);box-shadow:0 30px 60px #080a3280,inset 0 0 0 2px #ffffff14}.phone img{object-fit:cover;border-radius:36px;width:100%;height:100%}.float{z-index:2;pointer-events:none;filter:drop-shadow(0 10px 14px #080a3259);width:92px;height:92px;animation:5s ease-in-out infinite bob;position:absolute}.float.f1{--r:-12deg;top:12%;left:2%}.float.f2{--r:10deg;width:78px;height:78px;animation-delay:-1.2s;top:4%;right:0}.float.f3{--r:8deg;width:80px;height:80px;animation-delay:-2.4s;bottom:8%;left:6%}.float.yarn{--r:0deg;width:96px;height:96px;animation-delay:-3.1s;bottom:14%;right:4%}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-14px) rotate(calc(var(--r) * -1))}}@media (width<=900px){.hero .wrap{text-align:center;grid-template-columns:1fr}.hero-logo{margin:-20px auto -10px}.hero .lead{margin-left:auto;margin-right:auto}.hero .cta,.hero .facts,.badges{justify-content:center}}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.step{text-align:center;padding-top:40px}.step .num{width:50px;height:50px;font:800 26px var(--font-title);color:#fff;background:var(--red);box-shadow:0 4px 0 var(--red-deep);border:3px solid var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.step .art{justify-content:center;align-items:center;gap:6px;height:130px;margin-bottom:12px;display:flex}.step .art img.t{width:76px;height:76px}.step .art .tray{background:linear-gradient(180deg, #dca06a, var(--wood));box-shadow:inset 0 -5px 0 var(--wood-deep), 0 6px 12px #0003;border-radius:18px;gap:4px;padding:8px 10px;display:flex}.step .art .tray img{width:58px;height:58px}.step .art .rugmini{border-radius:8px;width:210px;box-shadow:0 8px 16px #00000040}@media (width<=820px){.steps{grid-template-columns:1fr;gap:44px}}.features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature .ic{background:var(--c,var(--blue));border-radius:20px;place-items:center;width:66px;height:66px;margin-bottom:8px;display:grid;box-shadow:0 5px #0000002e}.feature .ic img{width:42px;height:42px}@media (width<=900px){.features{grid-template-columns:1fr 1fr}}@media (width<=600px){.features{grid-template-columns:1fr}}.marquee{padding:18px 0 30px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee .track{gap:22px;width:max-content;animation:70s linear infinite slide;display:flex}.marquee.rev .track{animation-duration:80s;animation-direction:reverse}.marquee img{border-radius:6px;width:260px;height:130px;box-shadow:0 10px 20px #080a3259}.marquee:hover .track{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}.shots{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:22px;padding:10px 4px 26px;display:flex;overflow-x:auto}.shots img{scroll-snap-align:center;border-radius:26px;flex:none;width:250px;box-shadow:0 18px 30px #080a3266}.loom-cta{text-align:center;background:linear-gradient(180deg, #e3a66c, var(--wood));box-shadow:inset 0 -10px 0 var(--wood-deep), 0 26px 50px #080a3266;border-radius:34px;padding:44px 34px;position:relative;overflow:hidden}.loom-cta:before{content:"";pointer-events:none;border:3px dashed #fff4dc99;border-radius:26px;position:absolute;inset:12px}.loom-cta h2{text-shadow:0 4px 0 var(--wood-deep);margin:0 0 8px;font-size:clamp(30px,4.6vw,48px)}.loom-cta p{max-width:560px;margin:0 auto 22px;font-size:19px}.loom-cta .tiles{justify-content:center;gap:8px;margin-bottom:18px;display:flex}.loom-cta .tiles img{--r:0deg;width:70px;height:70px;animation:4s ease-in-out infinite bob}.loom-cta .tiles img:nth-child(2){animation-delay:-.6s}.loom-cta .tiles img:nth-child(3){animation-delay:-1.2s}.faq{gap:14px;max-width:820px;margin:0 auto;display:grid}.faq details{padding:0}.faq summary{cursor:pointer;font:800 20px var(--font-title);color:var(--navy);padding:22px 60px 22px 28px;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:22px;transition:transform .2s;display:grid;position:absolute;top:50%;right:26px;transform:translateY(-50%)}.faq details[open] summary:after{content:"–"}.faq .answer{color:var(--muted);padding:0 28px 24px}footer{background:#141a508c;border-top:3px dashed #ffffff26;padding:46px 0 60px}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}footer nav{flex-wrap:wrap;gap:18px;display:flex}footer nav a{opacity:.9;font-weight:800;text-decoration:none}footer nav a:hover{opacity:1;text-decoration:underline}footer small{opacity:.75}.doc{padding:50px 0 80px}.doc .card{max-width:860px;margin:0 auto;padding:46px clamp(22px,5vw,56px)}.doc h1{color:var(--navy);margin:0 0 4px;font-size:clamp(32px,5vw,46px)}.doc h2{color:var(--navy);margin:30px 0 6px;font-size:24px}.doc p,.doc li{color:#3d3666}.doc .muted{color:var(--muted);font-size:15px}.doc a{color:var(--blue-deep);font-weight:800}.doc ul{padding-left:22px}.doc .page-icon{border-radius:20px;width:76px;height:76px;margin-bottom:14px;box-shadow:0 5px #00000026}.js .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}.float,.marquee .track,.loom-cta .tiles img{animation:none}}
