.lab-page{--lab-surface:#f5f5f7;--lab-ink2:#424245;--lab-line:#e5e5ea;--lab-signal:#4058d6;max-width:1180px}html[data-theme=dark] .lab-dialog,html[data-theme=dark] .lab-page{--lab-surface:#1a1d23;--lab-ink2:#c7c9d1;--lab-line:#2a2e36;--lab-signal:#8fb0ff}.lab-filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}.lab-filters button{min-height:44px;padding:10px 18px;border:1px solid var(--lab-line);border-radius:999px;background:none;color:inherit;font:inherit;font-size:15px;font-weight:550;cursor:pointer}.lab-filters button[aria-pressed=true]{background:var(--lab-signal);border-color:var(--lab-signal);color:#fff}html[data-theme=dark] .lab-filters button[aria-pressed=true]{color:#0d1220}.lab-card a:focus-visible,.lab-close:focus-visible,.lab-filters button:focus-visible,.lab-full:focus-visible{outline:2px solid var(--lab-signal);outline-offset:3px}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin:0;padding:0;list-style:none}.lab-empty[hidden],.lab-grid>li[hidden]{display:none}.lab-card{position:relative;display:flex;flex-direction:column;height:100%;padding:24px;border-radius:24px;background:var(--lab-surface);transition:transform .2s}.lab-card:hover{transform:translateY(-2px)}.lab-card h2{margin:6px 0 10px;font-size:22px;line-height:1.2;letter-spacing:-.02em}.lab-card h2 a:after{content:"";position:absolute;inset:0;border-radius:24px}.lab-card p{margin:0;color:var(--lab-ink2);font-size:16px;line-height:1.5}.lab-card .lab-type{margin:0}.lab-card-cta{margin-top:auto;padding-top:18px;font-weight:600;color:var(--lab-signal)}.lab-type{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.lab-empty,.lab-type{color:var(--lab-ink2)}.lab-back{margin:0 0 18px;font-size:15px}.lab-entry{display:grid;gap:28px;color:var(--ink)}.lab-entry-head h1,.lab-entry-head h2{margin:0 0 12px;font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:-.03em}.lab-lead{margin:0;max-width:62ch;color:var(--lab-ink2);font-size:clamp(16px,1.5vw,19px);line-height:1.55}.lab-thing{min-width:0}.lab-thing .oc-standalone{padding:0;margin:0}.lab-thing .oc-calc{max-width:720px}.lab-block h2{margin:0 0 10px;font-size:20px;letter-spacing:-.01em}.lab-block p{margin:0;max-width:68ch;color:var(--lab-ink2);line-height:1.6}.lab-related,.lab-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.lab-tags li{padding:6px 14px;border:1px solid var(--lab-line);border-radius:999px;font-size:14px}.lab-related{flex-direction:column;gap:6px}.lab-related span{color:var(--lab-ink2)}.lab-related a{text-decoration:underline;text-underline-offset:3px}.lab-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:0}.lab-full{font-size:15px;text-decoration:underline;text-underline-offset:3px}.lab-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0a0d14b3}.lab-backdrop,.lab-dialog{overscroll-behavior:contain}.lab-dialog{position:relative;width:min(100%,1120px);max-height:calc(100dvh - 48px);overflow:auto;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--bg);color:var(--ink);outline:none;box-shadow:0 40px 100px -30px #000a;--lab-surface:#f5f5f7;--lab-ink2:#424245;--lab-line:#e5e5ea;--lab-signal:#4058d6}.lab-close{position:sticky;top:0;z-index:2;display:grid;place-items:center;width:44px;height:44px;margin:-8px -8px -36px auto;border:1px solid var(--lab-line);border-radius:50%;background:var(--bg);color:inherit;font-size:26px;line-height:1;cursor:pointer}.lab-dialog .oc-standalone{--oc-surface:var(--lab-surface);--oc-ink2:var(--lab-ink2);--oc-line:var(--lab-line);--oc-signal:var(--lab-signal)}.lab-dialog .greenhouse-stage{width:100%;margin:0}.lab-dialog .game{height:clamp(480px,70dvh,700px)}@media(prefers-reduced-motion:no-preference){.lab-backdrop{animation:lab-fade .18s ease-out}.lab-dialog{animation:lab-rise .22s cubic-bezier(.22,1,.36,1)}}@keyframes lab-fade{0%{opacity:0}}@keyframes lab-rise{0%{opacity:0;transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){.lab-card{transition:none}.lab-card:hover{transform:none}}@media(max-width:640px){.lab-backdrop{padding:0}.lab-dialog{width:100%;height:100dvh;max-height:none;border-radius:0;padding:20px 16px}}.lab-thing .greenhouse-stage{width:100%;margin:0}.greenhouse-poster{position:relative;overflow:hidden;border-radius:34px;height:clamp(240px,30vw,360px);background:linear-gradient(#6fb4ea,#d9ecf8);box-shadow:0 30px 80px -40px #0006}.greenhouse-poster svg{position:absolute;inset:0;width:100%;height:100%}.greenhouse-play{position:absolute;left:50%;bottom:clamp(20px,4vw,36px);transform:translateX(-50%);z-index:1}.greenhouse-stage{width:min(100% - 48px,1180px);margin:clamp(64px,8vw,128px) auto 0}.greenhouse-heading{max-width:760px;margin:0 auto clamp(32px,4vw,56px);text-align:center}.greenhouse-heading h2{margin-top:12px}.greenhouse-heading>p:last-child{margin:16px auto 0;max-width:48ch;font-size:clamp(17px,1.3vw,21px);line-height:1.45}.is-modal .lab-entry-head{padding-right:56px}.is-modal.is-game{gap:18px}.is-modal.is-game .lab-entry-head h2{font-size:clamp(22px,2.4vw,30px);margin:0}.is-modal.is-game .lab-lead,.is-modal.is-game .lab-type{display:none}