.labs-v4,.labs-page,.labs-detail-v4{--labs-canvas:#090909;--labs-surface-1:#141414;--labs-surface-2:#1c1c1c;--labs-hairline:#262626;--labs-hairline-soft:#1a1a1a;--labs-ink:#fff;--labs-ink-muted:#999;--labs-accent:#09f;--labs-pill-bg:#fff;--labs-pill-ink:#000;--labs-success:#22c55e;--labs-grad-magenta:#d44df0;--labs-grad-violet:#6a4cf5;--labs-grad-orange:#ff7a3d;--labs-grad-coral:#f57;--labs-atmos-aurora:radial-gradient(120% 120% at 15% 10%, var(--labs-grad-violet) 0%, var(--labs-grad-magenta) 38%, transparent 72%);--labs-atmos-sunset:radial-gradient(120% 120% at 85% 15%, var(--labs-grad-orange) 0%, var(--labs-grad-coral) 45%, transparent 75%);--labs-r-xs:4px;--labs-r-sm:6px;--labs-r-md:10px;--labs-r-lg:15px;--labs-r-xl:20px;--labs-r-xxl:30px;--labs-r-pill:100px;--labs-r-full:9999px;--labs-s-hair:1px;--labs-s-xxs:4px;--labs-s-xs:8px;--labs-s-sm:12px;--labs-s-md:15px;--labs-s-lg:20px;--labs-s-xl:30px;--labs-s-xxl:40px;--labs-s-section:96px;--labs-font-display:"Inter", var(--g,system-ui), -apple-system, "Segoe UI", sans-serif;--labs-font-body:var(--g,system-ui), -apple-system, "Segoe UI", sans-serif;--labs-fs-display-xxl:clamp(3.25rem, 8vw, 6.875rem);--labs-fs-display-xl:clamp(2.75rem, 6.5vw, 5.3125rem);--labs-fs-display-lg:clamp(2.25rem, 5vw, 3.875rem);--labs-fs-display-md:clamp(1.6rem, 2.4vw, 2rem);--labs-fs-headline:1.375rem;--labs-fs-subhead:1.5rem;--labs-fs-body-lg:1.125rem;--labs-fs-body:.9375rem;--labs-fs-body-sm:.875rem;--labs-fs-caption:.8125rem;--labs-fs-micro:.75rem;--labs-fw-display:500;--labs-fw-headline:700;--labs-fw-body:400;--labs-fw-medium:500;--labs-tracking-display-xxl:-.05em;--labs-tracking-display-xl:-.05em;--labs-tracking-display-lg:-.05em;--labs-tracking-display-md:-.03em;--labs-tracking-headline:-.036em;--labs-tracking-body:-.01em;--labs-lh-display:.95;--labs-lh-heading:1.13;--labs-lh-body:1.3}.labs-detail-v4{background:var(--labs-canvas);min-height:100dvh;color:var(--labs-ink);font-family:var(--labs-font-body);color-scheme:dark;z-index:0;padding-bottom:0;position:relative}.labs-field-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.labs-detail-v4 a{color:inherit}.labs-detail-v4 .section-inner{z-index:1;position:relative}.labs-detail-v4 .labs-hero{background:radial-gradient(760px 300px at 14% -6%,#0099ff2e,#0000 72%),radial-gradient(680px 300px at 88% 4%,#6a4cf526,#0000 72%);padding:clamp(84px,8vw,108px) 0 clamp(26px,4vw,42px);position:relative;overflow:clip}.labs-detail-v4 .labs-hero:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask-image:linear-gradient(#000 0%,#0000 72%)}.labs-detail-v4 .labs-breadcrumb{color:var(--labs-ink-muted);font-size:var(--labs-fs-caption);flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 14px;line-height:1.2;display:flex}.labs-detail-v4 .labs-breadcrumb a{transition:color .18s var(--ease-out);text-decoration:none}.labs-detail-v4 .labs-breadcrumb a:hover,.labs-detail-v4 .labs-breadcrumb a:focus-visible{color:var(--labs-accent)}.labs-detail-v4 .labs-breadcrumb .is-current{color:var(--labs-ink)}.labs-detail-v4 .labs-title{max-width:860px;color:var(--labs-ink);font-family:var(--labs-font-display);letter-spacing:var(--labs-tracking-display-xl);font-size:clamp(2rem,4.8vw,4.8rem);font-weight:800;line-height:.96}.labs-detail-v4 .labs-lead{max-width:720px;color:var(--labs-ink-muted);font-size:var(--labs-fs-body-lg);line-height:var(--labs-lh-body);margin:14px 0 0}.labs-detail-v4.is-game-detail .labs-title{max-width:780px;font-size:clamp(1.95rem,4.4vw,4.35rem)}.labs-detail-v4.is-game-detail .labs-lead{max-width:650px}.labs-detail-v4 .labs-snake-detail-meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.labs-detail-v4 .labs-snake-detail-chip,.labs-detail-v4 .labs-btn{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-pill);background:var(--labs-surface-1);min-height:40px;color:var(--labs-ink);cursor:pointer;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out), color .18s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.labs-detail-v4 .labs-snake-detail-chip:hover,.labs-detail-v4 .labs-snake-detail-chip:focus-visible,.labs-detail-v4 .labs-btn:hover,.labs-detail-v4 .labs-btn:focus-visible{border-color:color-mix(in oklab, var(--labs-accent) 55%, var(--labs-hairline));transform:translateY(-1px)}.labs-detail-v4 .labs-btn-primary{border-color:var(--labs-pill-bg);background:var(--labs-pill-bg);color:var(--labs-pill-ink)}.labs-detail-v4 .labs-btn-ghost{background:var(--labs-surface-1);color:var(--labs-ink-muted)}.labs-detail-v4 .labs-btn-ghost:hover,.labs-detail-v4 .labs-btn-ghost:focus-visible{color:var(--labs-ink)}.labs-detail-v4 .labs-note{color:var(--labs-ink-muted);font-size:var(--labs-fs-caption);margin-top:12px}.labs-detail-v4 .labs-demo-panel,.labs-detail-v4 .labs-snake-panel,.labs-detail-v4 .labs-tetris-panel,.labs-detail-v4 .labs-2048-panel{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-xl);background:linear-gradient(180deg, #ffffff0e, #ffffff04), var(--labs-surface-1);flex-direction:column;gap:clamp(14px,2vw,20px);width:100%;margin-top:clamp(18px,3vw,26px);padding:clamp(14px,2.2vw,24px);display:flex;position:relative;box-shadow:0 24px 80px #00000057}.labs-detail-v4 .labs-snake-panel:before,.labs-detail-v4 .labs-tetris-panel:before,.labs-detail-v4 .labs-2048-panel:before,.labs-detail-v4 .labs-2048-panel:after{display:none}@media (width>=1120px){.labs-detail-v4 .labs-snake-panel,.labs-detail-v4 .labs-tetris-panel,.labs-detail-v4 .labs-2048-panel{width:calc(100vw - 40px);max-width:1440px;left:50%;transform:translate(-50%)}}.labs-detail-v4 .labs-snake-header,.labs-detail-v4 .labs-tetris-header,.labs-detail-v4 .labs-2048-header{gap:7px;max-width:820px;display:grid}.labs-detail-v4 .labs-demo-title{color:var(--labs-ink);font-family:var(--labs-font-display);letter-spacing:var(--labs-tracking-headline);margin:0;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:800;line-height:1.08}.labs-detail-v4 .labs-demo-copy{max-width:780px;color:var(--labs-ink-muted);font-size:var(--labs-fs-body);margin:0;line-height:1.45}.labs-detail-v4 .labs-snake-protocol,.labs-detail-v4 .labs-tetris-protocol,.labs-detail-v4 .labs-2048-protocol{display:none}.labs-detail-v4 .labs-snake-actions,.labs-detail-v4 .labs-tetris-actions,.labs-detail-v4 .labs-2048-actions{border-bottom:1px solid var(--labs-hairline-soft);flex-wrap:wrap;gap:8px;padding-bottom:14px;display:flex}.labs-detail-v4 .labs-snake-actions .labs-btn,.labs-detail-v4 .labs-tetris-actions .labs-btn,.labs-detail-v4 .labs-2048-actions .labs-btn{min-width:132px}.labs-detail-v4 .labs-snake-playfield,.labs-detail-v4 .labs-tetris-playfield,.labs-detail-v4 .labs-2048-playfield{grid-template-areas:"stats""stage""shortcuts";align-items:stretch;gap:14px;min-width:0;display:grid}.labs-detail-v4 .labs-snake-side-stats,.labs-detail-v4 .labs-tetris-side-stats,.labs-detail-v4 .labs-2048-side-stats{grid-area:stats}.labs-page.labs-detail-v4 .labs-snake-stage,.labs-page.labs-detail-v4 .labs-tetris-stage,.labs-page.labs-detail-v4 .labs-2048-stage{border-radius:var(--labs-r-lg);min-width:0;box-shadow:none;background:0 0;border:0;grid-area:stage;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.labs-page.labs-detail-v4 .labs-snake-stage:before,.labs-page.labs-detail-v4 .labs-snake-stage:after,.labs-page.labs-detail-v4 .labs-tetris-stage:before,.labs-page.labs-detail-v4 .labs-tetris-stage:after,.labs-page.labs-detail-v4 .labs-2048-stage:before,.labs-page.labs-detail-v4 .labs-2048-stage:after{display:none}.labs-detail-v4 .labs-snake-side-shortcuts,.labs-detail-v4 .labs-tetris-side-shortcuts,.labs-detail-v4 .labs-2048-side-shortcuts{grid-area:shortcuts}.labs-page.labs-detail-v4 .labs-snake-canvas{aspect-ratio:1;border-radius:var(--labs-r-lg);touch-action:none;border:0;width:min(100%,680px);max-height:min(68dvh,680px);display:block;box-shadow:0 18px 52px #00000061}.labs-page.labs-detail-v4 .labs-2048-canvas{aspect-ratio:1;border-radius:var(--labs-r-lg);touch-action:none;border:0;width:min(100%,680px,68dvh);height:auto;display:block;box-shadow:0 18px 52px #00000061}.labs-page.labs-detail-v4 .labs-tetris-canvas{border-radius:var(--labs-r-lg);touch-action:none;border:0;width:auto;max-width:100%;height:min(68dvh,760px);display:block;box-shadow:0 18px 52px #00000061}.labs-detail-v4 :is([data-labs-snake-root],[data-labs-tetris-root],[data-labs-2048-root]).is-fullscreen{background:var(--labs-canvas);border:0;border-radius:0;width:100dvw;max-width:none;height:100dvh;margin:0;padding:clamp(10px,2vw,20px);overflow:auto}.labs-detail-v4 :is([data-labs-snake-root],[data-labs-tetris-root],[data-labs-2048-root]).is-fullscreen .labs-snake-playfield,.labs-detail-v4 :is([data-labs-snake-root],[data-labs-tetris-root],[data-labs-2048-root]).is-fullscreen .labs-tetris-playfield,.labs-detail-v4 :is([data-labs-snake-root],[data-labs-tetris-root],[data-labs-2048-root]).is-fullscreen .labs-2048-playfield{flex:auto;min-height:0}.labs-page.labs-detail-v4 [data-labs-snake-root].is-fullscreen .labs-snake-canvas{width:min(100%,100dvh - 164px);max-height:none}.labs-page.labs-detail-v4 [data-labs-2048-root].is-fullscreen .labs-2048-canvas{width:min(100%,100dvh - 164px);height:auto;max-height:none}.labs-page.labs-detail-v4 [data-labs-tetris-root].is-fullscreen .labs-tetris-canvas{height:calc(100dvh - 150px);max-height:none}.labs-detail-v4 .labs-snake-side,.labs-detail-v4 .labs-tetris-side,.labs-detail-v4 .labs-2048-side{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-lg);background:var(--labs-surface-2);flex-direction:column;min-width:0;padding:14px;display:flex}.labs-detail-v4 .labs-snake-meta,.labs-detail-v4 .labs-tetris-meta,.labs-detail-v4 .labs-2048-meta{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.labs-detail-v4 .labs-snake-stat,.labs-detail-v4 .labs-tetris-stat,.labs-detail-v4 .labs-2048-stat{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-md);background:var(--labs-surface-1);gap:4px;margin:0;padding:10px 11px;display:grid}.labs-detail-v4 .labs-snake-stat span,.labs-detail-v4 .labs-tetris-stat span,.labs-detail-v4 .labs-2048-stat span,.labs-detail-v4 .labs-tetris-next-label,.labs-detail-v4 .labs-snake-shortcuts-title,.labs-detail-v4 .labs-tetris-shortcuts-title,.labs-detail-v4 .labs-2048-shortcuts-title{color:var(--labs-ink-muted);font-size:var(--labs-fs-micro);letter-spacing:0;text-transform:uppercase;font-weight:700;line-height:1.15}.labs-detail-v4 .labs-snake-stat strong,.labs-detail-v4 .labs-tetris-stat strong,.labs-detail-v4 .labs-2048-stat strong{color:var(--labs-ink);transition:color .18s var(--ease-out), text-shadow .18s var(--ease-out), transform .18s var(--ease-out);font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:800;line-height:1}.labs-detail-v4 [data-snake-mode=running] .labs-snake-stat [data-snake-state],.labs-detail-v4 [data-tetris-mode=running] .labs-tetris-stat [data-tetris-state],.labs-detail-v4 [data-game2048-mode=running] .labs-2048-stat [data-2048-state]{color:var(--labs-accent)}.labs-detail-v4 [data-snake-mode=game-over] .labs-snake-stat [data-snake-state],.labs-detail-v4 [data-tetris-mode=game-over] .labs-tetris-stat [data-tetris-state],.labs-detail-v4 [data-game2048-mode=game-over] .labs-2048-stat [data-2048-state]{color:#ef4444}.labs-detail-v4 [data-game2048-mode=won] .labs-2048-stat [data-2048-state],.labs-detail-v4 [data-game2048-max-hot=true] [data-2048-max-tile]{color:#f59e0b}.labs-detail-v4 [data-game2048-score-hot=true] [data-2048-score]{color:var(--labs-accent);text-shadow:0 0 calc(18px * var(--labs-2048-score-pulse)) #0099ff8c;transform:scale(calc(1 + var(--labs-2048-score-pulse) * .055))}.labs-detail-v4 [data-game2048-max-hot=true] [data-2048-max-tile]{text-shadow:0 0 calc(18px * var(--labs-2048-max-pulse)) #f59e0b94;transform:scale(calc(1 + var(--labs-2048-max-pulse) * .055))}.labs-detail-v4 .labs-tetris-next{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-md);background:var(--labs-surface-1);justify-items:center;gap:8px;margin-top:10px;padding:10px;display:grid}.labs-detail-v4 .labs-tetris-next-canvas{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-sm);background:var(--labs-canvas);width:104px;height:104px;display:block}.labs-detail-v4 .labs-snake-shortcuts-title,.labs-detail-v4 .labs-tetris-shortcuts-title,.labs-detail-v4 .labs-2048-shortcuts-title{color:var(--labs-ink);margin:0 0 10px}.labs-detail-v4 .labs-snake-shortcuts-list,.labs-detail-v4 .labs-tetris-shortcuts-list,.labs-detail-v4 .labs-2048-shortcuts-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.labs-page.labs-detail-v4 .labs-snake-shortcuts-list li,.labs-page.labs-detail-v4 .labs-tetris-shortcuts-list li,.labs-page.labs-detail-v4 .labs-2048-shortcuts-list li{border-radius:var(--labs-r-md);background:var(--labs-surface-1);color:var(--labs-ink-muted);font-size:var(--labs-fs-caption);border:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;line-height:1.2;display:flex}.labs-page.labs-detail-v4 .labs-snake-shortcuts-list kbd,.labs-page.labs-detail-v4 .labs-tetris-shortcuts-list kbd,.labs-page.labs-detail-v4 .labs-2048-shortcuts-list kbd{white-space:nowrap;border:1px solid var(--labs-hairline);border-radius:var(--labs-r-sm);background:var(--labs-canvas);color:var(--labs-ink);font-family:var(--m);letter-spacing:0;padding:4px 7px;font-size:.6875rem;font-weight:700}.labs-detail-v4 .labs-tetris-controls,.labs-detail-v4 .labs-2048-controls{gap:8px;display:grid}.labs-detail-v4 .labs-tetris-controls{grid-template-columns:repeat(5,minmax(0,1fr))}.labs-detail-v4 .labs-2048-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.labs-detail-v4 .labs-tetris-control-btn,.labs-detail-v4 .labs-2048-control-btn{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-md);background:var(--labs-surface-2);min-height:44px;color:var(--labs-ink);font:inherit;font-size:var(--labs-fs-body-sm);cursor:pointer;transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out);font-weight:700}.labs-detail-v4 .labs-tetris-control-btn:hover,.labs-detail-v4 .labs-tetris-control-btn:focus-visible,.labs-detail-v4 .labs-2048-control-btn:hover,.labs-detail-v4 .labs-2048-control-btn:focus-visible{border-color:color-mix(in oklab, var(--labs-accent) 55%, var(--labs-hairline));background:var(--labs-surface-1);transform:translateY(-1px)}.labs-detail-v4 .labs-2048-panel{isolation:isolate;background:radial-gradient(760px 300px at 50% 38%,#0099ff1a,#0000 74%),radial-gradient(560px 260px at 92% 88%,#ff7a3d12,#0000 70%),linear-gradient(#ffffff0f,#ffffff04),#0d0d0d;border-color:#ffffff1f;overflow:clip}.labs-detail-v4 .labs-2048-panel:before{content:"";z-index:-1;border-radius:inherit;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;display:block;position:absolute;inset:1px;mask-image:radial-gradient(circle at 50% 38%,#000 0%,#0000 70%)}.labs-detail-v4 .labs-2048-header{max-width:760px}.labs-detail-v4 .labs-2048-actions{border-bottom-color:#ffffff1a}.labs-page.labs-detail-v4 .labs-2048-stage{padding:clamp(8px,1.4vw,14px);position:relative;overflow:visible}.labs-page.labs-detail-v4 .labs-2048-stage:before{content:"";z-index:-1;filter:blur(28px);opacity:.72;background:radial-gradient(circle at 50% 16%,#0099ff2e,#0000 62%),radial-gradient(circle at 78% 86%,#ff7a3d1a,#0000 58%);border-radius:32px;display:block;position:absolute;inset:10%}.labs-page.labs-detail-v4 .labs-2048-canvas{background:#090909;border:1px solid #ffffff1a;border-radius:clamp(18px,2vw,24px);box-shadow:0 28px 76px #0000006b,0 0 0 1px #0099ff14}.labs-detail-v4 .labs-2048-side{background:linear-gradient(#ffffff12,#ffffff08),#141414e0;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f}.labs-detail-v4 .labs-2048-stat{background:linear-gradient(#ffffff12,#ffffff08),#101010;border-color:#ffffff14}.labs-detail-v4 .labs-2048-stat span{color:#999}.labs-detail-v4 .labs-2048-stat strong{color:#fff;font-size:clamp(1.1rem,1.7vw,1.55rem)}.labs-detail-v4 [data-game2048-mode=running] .labs-2048-stat [data-2048-state],.labs-detail-v4 [data-game2048-score-hot=true] [data-2048-score]{color:#09f}.labs-detail-v4 .labs-2048-shortcuts-list li{background:#ffffff0d;border:1px solid #ffffff12}.labs-page.labs-detail-v4 .labs-2048-shortcuts-list kbd{color:#fff;background:#090909;border-color:#ffffff1f}.labs-detail-v4 .labs-2048-controls{gap:10px}.labs-detail-v4 .labs-2048-control-btn{border-radius:var(--labs-r-lg);color:#fff;background:linear-gradient(#ffffff14,#ffffff08),#141414;border-color:#ffffff1a;min-height:50px;font-size:1.05rem;box-shadow:inset 0 1px #ffffff0f}.labs-detail-v4 .labs-2048-control-btn:hover,.labs-detail-v4 .labs-2048-control-btn:focus-visible{color:#fff;background:linear-gradient(#0099ff2e,#ffffff0a),#141414;border-color:#0099ff94}@media (width>=1024px){.labs-detail-v4 .labs-snake-playfield,.labs-detail-v4 .labs-2048-playfield{grid-template-columns:minmax(178px,220px) minmax(0,1fr) minmax(190px,240px);grid-template-areas:"stats stage shortcuts"}.labs-detail-v4 .labs-tetris-playfield{grid-template-columns:minmax(190px,230px) minmax(300px,1fr) minmax(190px,240px);grid-template-areas:"stats stage shortcuts"}.labs-detail-v4 .labs-snake-meta,.labs-detail-v4 .labs-tetris-meta,.labs-detail-v4 .labs-2048-meta{grid-template-columns:1fr}}@media (width>=1320px){.labs-detail-v4 .labs-snake-playfield,.labs-detail-v4 .labs-2048-playfield{grid-template-columns:minmax(188px,232px) minmax(620px,1fr) minmax(210px,252px)}.labs-detail-v4 .labs-tetris-playfield{grid-template-columns:minmax(200px,240px) minmax(360px,1fr) minmax(210px,252px)}}.labs-detail-v4 .labs-section{content-visibility:auto;contain-intrinsic-size:auto 640px;background:0 0;padding:clamp(42px,6vw,72px) 0;position:relative;overflow:clip}.labs-detail-v4 .labs-section:before,.labs-detail-v4 .labs-section:after{content:"";pointer-events:none;position:absolute;inset:0}.labs-detail-v4 .labs-section:before{opacity:.8;background:radial-gradient(680px 280px at 18% 12%,#0099ff12,#0000 72%),radial-gradient(540px 240px at 82% 88%,#ffffff08,#0000 76%)}.labs-detail-v4 .labs-tech-section{align-items:center;min-height:clamp(420px,52vw,640px);display:grid}.labs-detail-v4.is-game-detail .labs-tech-section:before{opacity:.95}.labs-detail-v4.is-game-detail .labs-tech-section:after{opacity:.42;inset:-18%;transform:translate(0,0)}.labs-detail-v4.is-snake-detail .labs-tech-section:after{background-color:#0000;background-image:linear-gradient(90deg,#0000 0 18px,#0099ff38 18px 21px,#0000 21px 120px),linear-gradient(0deg,#0000 0 18px,#22c55e29 18px 21px,#0000 21px 120px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:120px 120px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:16s linear infinite labs-snake-tech-track;mask-image:linear-gradient(135deg,#0000 0 28%,#000 38% 58%,#0000 72%),radial-gradient(circle at 48% 48%,#000 0,#0000 68%)}.labs-detail-v4.is-tetris-detail .labs-tech-section:after{background-color:#0000;background-image:linear-gradient(#09f0 0 26%,#0099ff2e 26% 34%,#09f0 34% 100%),linear-gradient(#22c55e00 0 46%,#22c55e26 46% 58%,#22c55e00 58% 100%),linear-gradient(#ff7a3d00 0 10%,#ff7a3d24 10% 18%,#ff7a3d00 18% 100%);background-position:8% 0,45% 0,78% 0;background-repeat:repeat-y;background-size:76px 260px,112px 340px,88px 300px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:13s linear infinite labs-tetris-tech-drop;mask-image:linear-gradient(90deg,#0000 0%,#000 14% 86%,#0000 100%)}.labs-detail-v4.is-2048-detail .labs-tech-section:after{will-change:transform;background:linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/92px 92px,linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/92px 92px,radial-gradient(circle at 20% 28%,#09f3 0 18px,#0000 19px) 0 0/368px 368px,radial-gradient(circle at 72% 58%,#ff7a3d29 0 22px,#0000 23px) 0 0/368px 368px,radial-gradient(circle at 45% 82%,#d44df024 0 16px,#0000 17px) 0 0/368px 368px;animation:26s ease-in-out infinite labs-2048-tech-drift;mask-image:radial-gradient(circle,#000 0,#0000 70%)}.labs-detail-v4 .labs-section-alt{border-block:1px solid var(--labs-hairline-soft);background:var(--labs-surface-1)}.labs-detail-v4 .sec-tag{color:var(--labs-accent);font-family:var(--m);font-size:var(--labs-fs-micro);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;line-height:1.2}.labs-detail-v4 .labs-section-title{max-width:720px;color:var(--labs-ink);font-family:var(--labs-font-display);letter-spacing:var(--labs-tracking-display-md);margin:0;font-size:clamp(1.75rem,3.4vw,3.25rem);font-weight:800;line-height:1}.labs-detail-v4 .labs-section-intro{max-width:640px;color:var(--labs-ink-muted);font-size:var(--labs-fs-body-lg);line-height:var(--labs-lh-body);margin:12px 0 0}.labs-detail-v4 .labs-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(14px,1.8vw,18px);display:grid}.labs-detail-v4 .labs-panel{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-lg);background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--labs-surface-1);grid-template-rows:auto 1fr;align-content:stretch;min-width:0;min-height:clamp(246px,21vw,308px);padding:clamp(18px,2.5vw,26px);display:grid;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff0a}.labs-detail-v4 .labs-panel:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(90deg,#09f0,#0099ff1f,#09f0) -120% 0/80% 100%,linear-gradient(#ffffff08 1px,#0000 1px) 0 0/100% 42px;animation:8s ease-in-out infinite labs-panel-scan;position:absolute;inset:0}.labs-detail-v4 .labs-panel:nth-child(2):before{animation-delay:-3.8s}.labs-detail-v4 .labs-panel h2{min-height:clamp(3.2rem,5.4vw,4.2rem);color:var(--labs-ink);font-family:var(--labs-font-display);letter-spacing:var(--labs-tracking-headline);text-wrap:balance;align-items:end;margin:0 0 18px;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:800;line-height:1.1;display:flex}.labs-detail-v4 .labs-panel ul{align-content:start;gap:11px;margin:0;padding:0;list-style:none;display:grid}.labs-detail-v4 .labs-panel li{min-width:0;color:var(--labs-ink-muted);font-size:var(--labs-fs-body);text-wrap:pretty;padding-left:17px;line-height:1.45;position:relative}.labs-detail-v4 .labs-panel li:before{content:"";border-radius:var(--labs-r-full);background:var(--labs-accent);width:5px;height:5px;position:absolute;top:.55em;left:0}@keyframes labs-panel-scan{0%,18%{opacity:.28;background-position:-120% 0,0 0}46%{opacity:.54;background-position:220% 0,0 0}to{opacity:.3;background-position:220% 0,0 0}}@keyframes labs-snake-tech-track{0%{transform:translate(-60px,-60px)}to{transform:translate(60px,60px)}}@keyframes labs-tetris-tech-drop{0%{background-position:8% -340px,45% -420px,78% -300px}to{background-position:8% 260px,45% 340px,78% 300px}}@keyframes labs-2048-tech-drift{0%{transform:translate(-34px,-18px)}25%{transform:translate(18px,-30px)}50%{transform:translate(34px,18px)}75%{transform:translate(-18px,30px)}to{transform:translate(-34px,-18px)}}.labs-detail-v4 .labs-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.labs-detail-v4 .labs-entry-widget{border:1px solid var(--labs-hairline);border-radius:var(--labs-r-lg);background:var(--labs-surface-2);min-height:100%;color:var(--labs-ink);transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), background-color .18s var(--ease-out);align-content:start;gap:12px;padding:18px;text-decoration:none;display:grid}.labs-detail-v4 .labs-entry-widget:hover,.labs-detail-v4 .labs-entry-widget:focus-visible{border-color:color-mix(in oklab, var(--labs-accent) 50%, var(--labs-hairline));background:color-mix(in oklab, var(--labs-surface-2) 86%, var(--labs-accent));transform:translateY(-2px)}.labs-detail-v4 .labs-entry-widget-top,.labs-detail-v4 .labs-entry-widget-arrow{display:none}.labs-detail-v4 .labs-card-label{border:1px solid color-mix(in oklab, var(--labs-accent) 45%, var(--labs-hairline));border-radius:var(--labs-r-pill);width:fit-content;color:var(--labs-accent);font-size:var(--labs-fs-micro);padding:5px 9px;font-weight:700;line-height:1}.labs-detail-v4 .labs-entry-widget h3{color:var(--labs-ink);font-size:var(--labs-fs-headline);letter-spacing:var(--labs-tracking-headline);margin:0;font-weight:800;line-height:1.15}.labs-detail-v4 .labs-entry-widget p{color:var(--labs-ink-muted);font-size:var(--labs-fs-body-sm);margin:0;line-height:1.45}.labs-detail-v4 .labs-entry-widget-bottom{margin-top:auto}.labs-detail-v4 .labs-card-link{color:var(--labs-ink);font-size:var(--labs-fs-body-sm);font-weight:700}.labs-detail-v4 .labs-cta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}@media (width<=900px){.labs-detail-v4 .labs-detail-grid,.labs-detail-v4 .labs-card-grid{grid-template-columns:1fr}}@media (width<=767px){.labs-detail-v4 .labs-hero{padding:78px 0 26px}.labs-detail-v4.is-game-detail .labs-lead{display:none}.labs-detail-v4 .labs-snake-detail-meta{grid-template-columns:1fr;display:grid}.labs-detail-v4 .labs-snake-detail-meta .labs-snake-detail-chip:nth-child(n+2){display:none}.labs-detail-v4 .labs-snake-panel,.labs-detail-v4 .labs-tetris-panel,.labs-detail-v4 .labs-2048-panel{border-radius:var(--labs-r-lg);gap:14px;padding:12px}.labs-detail-v4 .labs-demo-copy{font-size:var(--labs-fs-caption)}.labs-detail-v4 .labs-snake-actions,.labs-detail-v4 .labs-tetris-actions,.labs-detail-v4 .labs-2048-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.labs-detail-v4 .labs-snake-actions .labs-btn-primary,.labs-detail-v4 .labs-tetris-actions .labs-btn-primary,.labs-detail-v4 .labs-2048-actions .labs-btn-primary{grid-column:1/-1}.labs-detail-v4 .labs-snake-actions .labs-btn,.labs-detail-v4 .labs-tetris-actions .labs-btn,.labs-detail-v4 .labs-2048-actions .labs-btn{min-width:0;padding-inline:10px}.labs-detail-v4 .labs-snake-playfield,.labs-detail-v4 .labs-tetris-playfield,.labs-detail-v4 .labs-2048-playfield{grid-template-areas:"stage""stats"}.labs-detail-v4 :is([data-labs-snake-root],[data-labs-tetris-root],[data-labs-2048-root]).is-fullscreen .labs-snake-playfield,.labs-detail-v4 :is([data-labs-snake-root],[data-labs-tetris-root],[data-labs-2048-root]).is-fullscreen .labs-tetris-playfield,.labs-detail-v4 :is([data-labs-snake-root],[data-labs-tetris-root],[data-labs-2048-root]).is-fullscreen .labs-2048-playfield{flex:none}.labs-page.labs-detail-v4 [data-labs-tetris-root].is-fullscreen .labs-tetris-stage{overflow:visible}.labs-detail-v4 .labs-snake-side-shortcuts,.labs-detail-v4 .labs-tetris-side-shortcuts,.labs-detail-v4 .labs-2048-side-shortcuts{display:none}.labs-detail-v4 .labs-snake-meta,.labs-detail-v4 .labs-tetris-meta,.labs-detail-v4 .labs-2048-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.labs-page.labs-detail-v4 .labs-snake-canvas{width:100%;max-height:none}.labs-page.labs-detail-v4 .labs-2048-canvas{width:min(100%,100dvw - 48px);height:auto;max-height:none}.labs-page.labs-detail-v4 .labs-tetris-canvas{height:min(62dvh,600px)}.labs-page.labs-detail-v4 [data-labs-tetris-root].is-fullscreen .labs-tetris-canvas{aspect-ratio:1/2;width:min(68vw,260px);height:auto}.labs-detail-v4 .labs-tetris-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.labs-detail-v4 .labs-2048-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.labs-detail-v4 .labs-section{padding:38px 0}.labs-detail-v4 .labs-cta{display:grid}}@media (width<=440px){.labs-detail-v4 .labs-title{font-size:clamp(1.65rem,10vw,2.35rem)}.labs-detail-v4 .labs-breadcrumb{font-size:.75rem}.labs-detail-v4 .labs-snake-stat,.labs-detail-v4 .labs-tetris-stat,.labs-detail-v4 .labs-2048-stat{padding:9px}.labs-detail-v4 .labs-tetris-control-btn,.labs-detail-v4 .labs-2048-control-btn{min-height:42px}}@media (prefers-reduced-motion:reduce){.labs-detail-v4 *,.labs-detail-v4 :before,.labs-detail-v4 :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
