:root{--ink:#0d0e11;--paper:#f3efe3;--card:#fff;--night:#0d0e11;--day:#f3efe3;--yellow:#ffd22f;--orange:#ff6b2b;--pink:#ff4fa3;--teal:#2de1d1;--lavender:#bba4dc;--display:"Arial Black", Impact, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans SC", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--body:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif;--max:1180px}html.dark{--ink:#f3efe3;--paper:#15161a;--card:#22232a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0;line-height:.95}h2{font-size:clamp(38px,6vw,72px)}h3{letter-spacing:-.02em;font-size:22px}p{margin:0}kbd{font:700 12px/1 var(--mono);background:var(--ink);color:#fff;border-radius:4px;margin:0 1px;padding:2px 5px}.skip{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{clip-path:none;inset-inline-start:12px;background:var(--yellow);color:#0d0e11;z-index:99;width:auto;height:auto;padding:8px 12px;top:12px}.section-label{font:700 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;border-bottom:2px solid var(--ink);margin-bottom:22px;padding-bottom:6px;display:inline-block}.section-label.light{color:#fff;border-color:#fff9}.button{cursor:pointer;font:900 15px/1 var(--body);letter-spacing:.01em;border:3px solid var(--ink);background:var(--card);color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:14px 22px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.button:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.button-primary{background:var(--yellow);color:#0d0e11;border-color:#0d0e11}.button-dark{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--yellow)}.button-outline{background:0 0}.site-header{z-index:20;background:var(--paper);border-bottom:3px solid var(--ink);align-items:center;gap:24px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.brand{font:900 20px/1 var(--display);letter-spacing:-.03em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand b{color:var(--orange);font-weight:inherit}.brand-mark{width:30px;height:30px;transition:transform .2s;display:block}.brand:hover .brand-mark{transform:rotate(-12deg)scale(1.15)}.site-header nav{gap:22px;margin-left:12px;display:flex}.site-header nav a{font:700 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.site-header nav a:hover{text-underline-offset:6px;text-decoration:underline}.header-actions{margin-left:auto}.header-actions .button{padding:10px 16px;font-size:13px}.hero{max-width:var(--max);grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;margin:0 auto;padding:clamp(40px,7vw,90px) clamp(16px,4vw,48px) 40px;display:grid}.eyebrow{font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:22px;display:inline-flex}.live-dot{background:var(--teal);border-radius:50%;width:10px;height:10px;animation:1.6s infinite pulse;box-shadow:0 0 0 6px #2de1d124}@keyframes pulse{50%{box-shadow:0 0 0 10px #2de1d100}}.hero h1{font-size:clamp(46px,7.4vw,104px)}.hero h1 .accent{color:var(--orange)}.hero h1 em{letter-spacing:-.02em;background:var(--yellow);color:#0d0e11;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-top:14px;padding:6px 12px;font-size:.42em;font-style:normal;display:inline-block;transform:rotate(-1deg)}.hero-intro{max-width:58ch;margin:28px 0 26px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-footnote{opacity:.65;max-width:52ch;margin-top:18px;font-size:13px}.hero-card{aspect-ratio:1;border:4px solid var(--ink);background:var(--card);box-shadow:10px 10px 0 var(--ink);border-radius:28px;place-items:center;display:grid;position:relative;overflow:visible;transform:rotate(2deg)}.card-kicker{font:700 12px/1 var(--mono);letter-spacing:.18em;position:absolute;top:14px;left:18px}.big-duck{filter:drop-shadow(0 12px #0d0e111f);width:62%;height:auto;animation:1.6s ease-in-out infinite waddle;display:block}@keyframes waddle{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(6deg)translateY(-10px)}}.sticker-note{font:900 14px/1.15 var(--display);letter-spacing:-.02em;text-transform:uppercase;text-align:center;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:10px 12px;position:absolute}.sticker-note.n1{background:var(--yellow);color:#0d0e11;top:-18px;right:-14px;transform:rotate(8deg)}.sticker-note.n2{background:var(--pink);color:#fff;bottom:30px;left:-26px;transform:rotate(-6deg)}.sticker-note.n3{background:var(--teal);color:#0d0e11;bottom:-22px;right:30px;transform:rotate(3deg)}.ticker{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--night);color:var(--day);overflow:hidden}.ticker-track{width:max-content;animation:28s linear infinite tick;display:flex}.ticker-group{display:flex}.ticker-group span{font:900 14px/1 var(--display);letter-spacing:.08em;white-space:nowrap;border-right:1px solid #ffffff3d;padding:12px 28px}@keyframes tick{to{transform:translate(-50%)}}.play{max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px) 30px}.play-head{flex-wrap:wrap;align-items:flex-end;gap:28px;margin-bottom:20px;display:flex}.play-head h2{font-size:clamp(34px,5vw,60px)}.play-head p{opacity:.8;max-width:46ch}.play-frame{border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--paper);border-radius:22px;position:relative;overflow:hidden}.play-frame:fullscreen{box-shadow:none;border:0;border-radius:0}.playground{width:100%;height:min(78vh,760px);min-height:520px;position:relative}.play-frame:fullscreen .playground{height:100vh}.fs-btn{z-index:6;border:3px solid var(--ink);background:var(--card);width:38px;height:38px;color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:10px;font-size:18px;position:absolute;top:12px;right:12px}.play-tip{opacity:.65;margin-top:18px;font-size:13px}.play-gate{background:repeating-linear-gradient(45deg, var(--paper) 0 18px, color-mix(in srgb, var(--paper) 92%, var(--ink)) 18px 36px);place-items:center;display:grid;position:absolute;inset:0}.play-gate-card{text-align:center;background:var(--card);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:22px;max-width:420px;padding:30px 32px;transform:rotate(-1deg)}.play-gate-card .egg{font-size:72px;line-height:1;animation:1.4s ease-in-out infinite waddle}.play-gate-card h3{margin:10px 0 8px;font-size:28px}.play-gate-card p{opacity:.8;margin-bottom:18px;font-size:14px}.play-gate-card .button{margin:4px}.how{max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px)}.how-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.how-grid article{border:3px solid var(--ink);background:var(--card);box-shadow:6px 6px 0 var(--ink);border-radius:18px;padding:24px}.how-grid article:nth-child(2){transform:rotate(1deg)}.how-grid article:nth-child(3){transform:rotate(-1deg)}.how-icon{margin-bottom:12px;font-size:40px;line-height:1}.how-grid h3{margin-bottom:10px}.how-grid p{font-size:15px}.videos{max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px)}.videos-head{grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin-bottom:26px;display:grid}.videos-head p{opacity:.85;font-size:17px}.video-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.video-grid .yt:first-child{grid-column:1/-1}.video-grid .yt:first-child .yt-play{width:96px;height:96px;font-size:36px}.video-grid .yt:first-child b{padding:16px 18px;font-size:18px}.yt{border:3px solid var(--ink);cursor:pointer;aspect-ratio:16/9;box-shadow:6px 6px 0 var(--ink);text-align:left;color:#fff;background:#000;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden}.yt img,.yt iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.yt-play{background:var(--yellow);color:#0d0e11;border:3px solid #0d0e11;border-radius:50%;place-items:center;width:64px;height:64px;font-size:24px;transition:transform .12s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:3px 3px #0d0e11}.yt:hover .yt-play{transform:translate(-50%,-50%)scale(1.08)}.yt b{font:800 15px/1.3 var(--body);background:linear-gradient(#0000,#000000bf);padding:12px 14px;position:absolute;bottom:0;left:0;right:0}.yt.playing .yt-play,.yt.playing b,.yt.playing img{display:none}.video-note{opacity:.65;margin-top:14px;font-size:13px}@media (max-width:960px){.videos-head,.video-grid{grid-template-columns:1fr}}.gestures{background:var(--night);color:var(--day);padding:clamp(50px,7vw,90px) clamp(16px,4vw,48px)}.gestures-head{max-width:var(--max);grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin:0 auto 34px;display:grid}.gestures-head h2{color:var(--yellow)}.gestures-head p{opacity:.85;font-size:18px}.gesture-grid{max-width:var(--max);grid-template-columns:repeat(5,1fr);gap:14px;margin:0 auto;display:grid}.gesture{background:#16171c;border:2px solid #ffffff4d;border-radius:16px;padding:18px 16px;transition:transform .15s,border-color .15s}.gesture:hover{border-color:var(--yellow);transform:translateY(-3px)}.gesture.touch{border-style:dashed}.gesture.face{border-style:dotted;border-color:#ffffff80}.g-emoji{margin-bottom:12px;font-size:40px;line-height:1;display:block}.gesture b{margin-bottom:6px;font-size:15px;display:block}.gesture p{opacity:.75;font-size:13px;line-height:1.45}.specs{max-width:var(--max);margin:0 auto;padding:clamp(50px,7vw,90px) clamp(16px,4vw,48px)}.specs-heading{grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin-bottom:30px;display:grid}.specs-heading p{opacity:.8;font-size:18px}.spec-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.spec-grid article{border-top:4px solid var(--ink);padding-top:14px}.spec-number{font:900 clamp(48px, 6vw, 80px)/1 var(--display);letter-spacing:-.06em}.spec-number small{letter-spacing:0;margin-left:4px;font-size:.35em}.spec-grid h3{margin:6px 0 4px}.spec-grid p{opacity:.7;font-size:14px}.moves{border:3px solid var(--ink);border-radius:22px;grid-template-columns:1fr 1.4fr;gap:30px;margin-top:50px;display:grid;overflow:hidden}.moves-copy{background:var(--yellow);color:#0d0e11;border-right:3px solid var(--ink);padding:28px}.moves-copy span{font:700 12px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.moves-copy h3{margin:14px 0 22px;font-size:clamp(28px,3.4vw,42px)}.moves-copy a{font-weight:800}.moves-list{background:var(--card);padding:10px 28px}.move-row{border-bottom:2px solid var(--ink);grid-template-columns:40px 120px 1fr;align-items:baseline;gap:14px;padding:16px 0;display:grid}.move-row:last-child{border-bottom:0}.move-row span{font:700 12px/1 var(--mono);letter-spacing:.1em}.move-row strong{font:900 20px/1 var(--display);letter-spacing:-.02em;text-transform:uppercase}.move-row p{opacity:.8;font-size:15px}.final-cta{text-align:center;background:var(--lavender);color:#0d0e11;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:clamp(40px,7vw,90px) 16px}.final-cta h2{margin-bottom:26px}.final-cta .button{--ink:#0d0e11;--card:#fff;--paper:#f3efe3}.final-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:inline-flex}footer{flex-wrap:wrap;align-items:center;gap:14px 28px;padding:26px clamp(16px,4vw,48px);font-size:13px;display:flex}.footer-brand{font:900 16px/1 var(--display);letter-spacing:-.02em;align-items:center;gap:8px;display:inline-flex}.footer-links{opacity:.75;flex-wrap:wrap;gap:8px 18px;margin-left:auto;display:flex}@media (max-width:960px){.hero{grid-template-columns:1fr}.hero-side{display:none}.how-grid{grid-template-columns:1fr}.gesture-grid{grid-template-columns:repeat(2,1fr)}.gestures-head,.specs-heading{grid-template-columns:1fr}.spec-grid{grid-template-columns:repeat(2,1fr)}.moves{grid-template-columns:1fr}.moves-copy{border-right:0;border-bottom:3px solid var(--ink)}.site-header nav{display:none}.playground{height:72vh;min-height:460px}}.i18n-controls{align-items:center;gap:8px;margin-right:8px;display:inline-flex}.lang-select{appearance:none;border:3px solid var(--ink);background:var(--card);color:var(--ink);font:700 12px/1 var(--mono);letter-spacing:.04em;cursor:pointer;box-shadow:3px 3px 0 var(--ink);background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:999px;max-width:150px;padding:8px 28px 8px 12px}.theme-btn{border:3px solid var(--ink);background:var(--card);cursor:pointer;width:36px;height:36px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;font-size:16px}[dir=rtl] .hero-actions,[dir=rtl] .final-actions{flex-direction:row-reverse}@media (max-width:960px){.site-header{gap:10px;padding:10px 14px}.brand{font-size:17px}.brand-mark{font-size:22px}.header-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.header-actions .button{display:none}.i18n-controls{gap:6px;margin-right:0}.lang-select{max-width:104px;box-shadow:2px 2px 0 var(--ink);padding:7px 22px 7px 10px;font-size:11px}.theme-btn{width:32px;height:32px;box-shadow:2px 2px 0 var(--ink);font-size:14px}}html,body{overflow-x:hidden}.ticker,.ticker-track{direction:ltr}[dir=rtl] .site-header nav{margin-left:0;margin-right:12px}[dir=rtl] .header-actions{margin-left:0;margin-right:auto}[dir=rtl] .hero-card{transform:rotate(-2deg)}