:root{--bg: #07080d;--fg: #e8ecf6;--muted: #8b93a7;--accent: #7aa2ff;--line: rgba(255, 255, 255, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(60rem 40rem at 80% 10%,rgba(122,162,255,.12),transparent 60%),var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.top,main,footer{position:relative;z-index:1}.top{position:fixed;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1.4rem clamp(1.2rem,5vw,4rem);background:linear-gradient(to bottom,rgba(7,8,13,.8),transparent)}.logo{display:inline-flex;align-items:center;flex-shrink:0;color:var(--fg);text-decoration:none;transition:color .2s}.logo:hover{color:#fff}.logo-mark{display:block;height:clamp(1.45rem,2.2vw,1.9rem);width:auto;aspect-ratio:51.908 / 14}nav{display:flex;align-items:center;gap:1.6rem}nav a{color:var(--muted);text-decoration:none;white-space:nowrap;font-size:.95rem;transition:color .2s}nav a:hover,nav a:focus-visible,nav a[aria-current=page]{color:var(--fg)}.lang{display:inline-flex;align-items:center;gap:.75rem;padding-left:1.6rem;border-left:1px solid rgba(255,255,255,.16);line-height:1.2}nav .lang a{position:relative;font-size:.8rem;letter-spacing:.12em}nav .lang a[aria-current=true]{color:var(--fg)}nav .lang a[aria-current=true]:after{content:"";position:absolute;left:0;right:.12em;bottom:-.3rem;height:2px;border-radius:2px;background:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.eyebrow{margin:0 0 1rem;color:var(--accent);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{white-space:nowrap}.page-title{margin:0 0 1.2rem;font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.04;font-weight:650;letter-spacing:-.02em}.lead{max-width:36rem;margin:0 0 2rem;color:var(--muted);font-size:clamp(1.02rem,1.8vw,1.2rem)}[hidden]{display:none!important}body.lab-page{background:var(--bg)}.lab-hero{position:relative}.lab-stage{position:relative;height:clamp(20rem,58svh,42rem)}.lab-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.lab-stage .fallback{position:absolute;left:50%;top:55%;translate:-50% -50%;width:min(70vw,46rem);color:var(--fg)}.lab-stage .fallback svg{display:block;width:100%;height:auto}.lab-hero .copy{position:relative;max-width:40rem;padding:0 clamp(1.2rem,5vw,4rem) 1rem;margin-top:-2.5rem}.lab-hero .lead{margin-bottom:1.4rem}.controls{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.btn{font:inherit;font-size:.95rem;color:var(--fg);background:#07080d66;border:1px solid var(--accent);border-radius:999px;padding:.7rem 1.3rem;cursor:pointer;transition:background .25s,transform .25s}.btn:hover{background:#7aa2ff2e;transform:translateY(-2px)}.btn.ghost{border-color:#ffffff29;color:var(--muted)}.btn.ghost:hover{color:var(--fg);background:#ffffff0f}.btn:disabled{opacity:.5;cursor:default;transform:none}.readout{margin:1.1rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.readout b{color:var(--fg);font-weight:500}.lab-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding:5rem clamp(1.2rem,5vw,4rem) 6rem;max-width:72rem}.lab-body h2{margin:0 0 1.2rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:600;letter-spacing:-.01em}.lab-body p{margin:0 0 1rem;color:var(--muted);max-width:36rem}.rules{list-style:none;margin:0 0 1.4rem;padding:0;counter-reset:r;display:grid;gap:.9rem}.rules li{position:relative;padding-left:2.4rem;color:var(--muted)}.rules li:before{counter-increment:r;content:"R" counter(r);position:absolute;left:0;top:.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--accent)}.rules strong{color:var(--fg);font-weight:600}.specs{margin:1.6rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.4rem;font-size:.9rem}.specs dt{color:var(--muted)}.specs dd{margin:0}.back{display:inline-block;margin-top:1.6rem;color:var(--accent);text-decoration:none}.back:hover{text-decoration:underline}.labs-head{padding:9rem clamp(1.2rem,5vw,4rem) 3rem;max-width:62rem}.labs-list{list-style:none;margin:0;padding:0 clamp(1.2rem,5vw,4rem) 7rem;max-width:72rem}.labs-list li{border-top:1px solid var(--line)}.labs-list li:last-child{border-bottom:1px solid var(--line)}.labs-list a{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:.4rem 1.4rem;align-items:baseline;padding:1.6rem 0;color:var(--fg);text-decoration:none}.labs-list .n{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:var(--muted)}.labs-list .t{font-size:clamp(1.4rem,3.4vw,2.2rem);font-weight:600;letter-spacing:-.015em;transition:color .2s}.labs-list .d{grid-column:2;color:var(--muted);max-width:40rem}.labs-list .m{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--muted);text-align:right;letter-spacing:.04em}.labs-list a:hover .t{color:var(--accent)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1.6rem clamp(1.2rem,5vw,4rem);border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;background:#07080db3}@media(max-width:760px){.lab-body{grid-template-columns:minmax(0,1fr);padding-top:3rem}.labs-list a{grid-template-columns:2.2rem minmax(0,1fr)}.labs-list .m{grid-column:2;text-align:left}}@media(max-width:600px){nav{gap:1.1rem}nav a{font-size:.9rem}.lang{gap:.6rem;padding-left:1.1rem}nav .lang a{font-size:.75rem}.lab-stage{height:clamp(15rem,44svh,24rem)}.lab-stage .fallback{top:58%;width:86vw}.lab-hero .copy{margin-top:0}}@media(max-width:430px){nav .hide-sm{display:none}}@media(max-width:370px){.top{padding-left:1rem;padding-right:1rem}.logo-mark{height:1.3rem}nav{gap:.75rem}nav a{font-size:.82rem}.lang{gap:.5rem;padding-left:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}