@layer components{.lab-hero{padding-top:clamp(110px,14vw,170px)}.lab-status{color:var(--ink-2);letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:99px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex}.lab-led{background:#9fd27a;border-radius:99px;width:7px;height:7px;animation:2.6s ease-in-out infinite lab-led;box-shadow:0 0 10px #9fd27a}@keyframes lab-led{50%{opacity:.35;box-shadow:0 0 2px #9fd27a}}.lab-title{color:#f4f1e8;margin-top:18px}.lab-tagline{font-family:var(--font-data);color:var(--amber);margin-top:14px;font-size:clamp(1rem,.9rem + .5vw,1.25rem)}:root[data-mode=pixel] .lab-title{color:var(--ink);text-shadow:4px 4px #000}.workshop{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line), 0 40px 80px -40px #000c;position:relative;overflow:hidden}.workshop-art{width:100%;height:auto;image-rendering:pixelated;display:block}.workshop-stations{position:absolute;inset:0}.station{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;width:18%;padding-bottom:6px;transition:background-color .2s,box-shadow .2s;display:flex;position:absolute;top:8%;bottom:4%;transform:translate(-50%)}.station:hover:not(:disabled){background:#ffffff0d}.station[aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ice) 55%, transparent);background:#7fe6ff14}.station:disabled{cursor:default}.station-label{color:var(--ink);background:#060a17c7;border-radius:6px;padding:2px 8px;font-size:clamp(.62rem,.45rem + .6vw,.88rem);font-weight:600}.station-count{color:var(--ink-2);background:#060a17c7;border-radius:4px;padding:0 6px;font-size:clamp(.55rem,.45rem + .3vw,.7rem)}.station:disabled .station-label{color:var(--ink-2)}@media (max-width:560px){.station-count{display:none}}.ws-walker{animation:26s linear infinite ws-walk}@keyframes ws-walk{0%{transform:translate(-10px)}to{transform:translate(394px)}}.ws-star,.ws-led{animation:2.4s step-end infinite pv-blink}.ws-sprite{animation:1.2s steps(2,end) infinite pv-hop}.ws-forklift{animation:5s steps(20,end) infinite alternate ws-fork}@keyframes ws-fork{to{transform:translate(26px)}}.ws-bubble{animation:2.2s steps(6,end) infinite ws-bubble}@keyframes ws-bubble{to{opacity:0;transform:translateY(-10px)}}.ws-chart{stroke-dasharray:30;animation:4s ease-in-out infinite pv-draw}:root[data-mode=pixel] .workshop,:root[data-mode=pixel] .station,:root[data-mode=pixel] .station-label{border-radius:0}.lab-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}#lab-content:focus{outline:none}.lab-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (min-width:640px){.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.lab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-grid>li[data-wide=true]{grid-column:span 2}}.lab-featured{gap:14px;display:grid}.lab-card{border-radius:var(--r-lg);height:100%;box-shadow:inset 0 0 0 1px var(--line);transition:transform .35s var(--ease-out), box-shadow .25s, background-color .25s;background:#0c1328b8;flex-direction:column;padding:10px;display:flex}.lab-card:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ice) 45%, transparent);background:#101934d9;transform:translateY(-3px)}.lab-card[data-cat=games]:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--amber) 55%, transparent)}.lab-card-body{flex-direction:column;flex:1;gap:6px;padding:14px 8px 8px;display:flex}.lab-card-meta{color:var(--ink-3);flex-wrap:wrap;gap:6px 12px;display:flex}.lab-card-title{font-family:var(--font-head);font-weight:var(--weight-head);letter-spacing:-.02em;color:var(--ink);font-size:1.25rem}.lab-card-text{color:var(--ink-2);font-size:.94rem}.lab-card-cta{color:var(--ice);margin-top:auto;padding-top:10px}.lab-card-big{gap:6px;display:grid}@media (min-width:900px){.lab-card-big{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;padding:14px}.lab-card-big .lab-preview{aspect-ratio:auto;min-height:260px}.lab-card-big .lab-card-body{padding:18px 16px}.lab-card-big .lab-card-title{font-size:2rem}}.lab-status-tag{color:var(--ink-2)}.lab-status-tag[data-status=Prototype],.lab-status-tag[data-status=Active]{color:#9fd27a}.lab-status-tag[data-status=Experiment]{color:#d79ce0}.lab-status-tag[data-status=In\ design],.lab-status-tag[data-status=Awaiting\ upload]{color:var(--amber)}:root[data-mode=pixel] .lab-card{background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--line), 6px 6px 0 #000;border-radius:0}:root[data-mode=pixel] .lab-card:hover{transform:translate(-2px,-2px)}:root[data-mode=pixel] .lab-card-title{font-size:.8rem;line-height:1.5}.lab-activity{border-left:1px solid var(--line);gap:2px;display:grid}.lab-activity li{gap:2px;padding:8px 0 8px 16px;display:grid;position:relative}.lab-activity li:before{content:"";background:var(--ice);width:7px;height:7px;position:absolute;top:15px;left:-4px}.lab-activity a:hover{color:var(--ice)}.lab-signoff{color:#9fd27a;opacity:.8;margin-top:48px}.universe{border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);background:#080d1eb3;padding:12px;overflow-x:auto}.universe-svg{width:100%;min-width:560px;height:auto;display:block}.u-link{stroke:color-mix(in oklab, var(--ink-3) 35%, transparent);stroke-width:1px;stroke-dasharray:3 4}.u-edge{stroke:color-mix(in oklab, var(--ice) 18%, transparent);stroke-width:1px;transition:stroke .2s}.u-edge[data-hot=true]{stroke:var(--ice);stroke-width:1.6px}.u-interest circle{fill:var(--bg);stroke:var(--ink-3);stroke-width:1.5px}.u-interest text{font-family:var(--font-data);fill:var(--ink-2);font-size:12px}.u-interest[data-hot=true] circle{fill:var(--ice);stroke:var(--ice)}.u-interest[data-hot=true] text{fill:var(--ink)}.u-node{fill:var(--ice);stroke:var(--bg);stroke-width:2px}.u-node[data-cat=games]{fill:var(--amber)}.u-node[data-cat=research]{fill:#f4f1e8}.u-node[data-cat=experiments]{fill:#d79ce0}.u-node[data-cat=simulations]{fill:#9fd27a}.u-node[data-waiting=true]{fill:#0000;stroke:var(--amber);stroke-dasharray:2 2}.u-label{font-family:var(--font-text);fill:var(--ink);font-size:13px}.u-entry{cursor:pointer;outline:none}.u-entry:focus-visible .u-node,.u-entry:hover .u-node{stroke:#fff}.u-entry:focus-visible .u-label{text-decoration:underline}.universe-note{margin-top:8px;padding:0 6px}.lab-meta-grid{gap:20px;display:grid}@media (min-width:800px){.lab-meta-grid{grid-template-columns:1fr 1fr}}.lab-controls{gap:6px;display:grid}.lab-controls div{align-items:baseline;gap:12px;display:flex}.lab-controls kbd{min-width:2.5em;font-family:var(--font-data);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0f;border-radius:6px;padding:1px 8px;font-size:.8rem;display:inline-block}.lab-controls dd{color:var(--ink-2)}.lab-stage{margin-top:clamp(32px,5vw,56px)}.lab-stage:focus{outline:none}.lab-embed{border-radius:var(--r-lg);width:100%;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.lab-embed iframe{border:0;width:100%;height:100%}.lab-notes{gap:28px;margin-top:clamp(40px,6vw,72px);display:grid}.world{gap:14px;display:grid}.world-bar{box-shadow:inset 0 0 0 1px var(--line);background:#080d1ecc;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.world-clock{min-width:5.5em;color:var(--amber);padding:0 10px;font-size:1rem}.world-btn{min-height:40px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:0 14px;font-size:.88rem}.world-btn:hover{color:var(--ink)}.world-btn[aria-pressed=true]{color:#03121a;background:var(--ice);box-shadow:none}.world-btn-primary{color:#03121a;background:var(--ice);min-width:5.5em;font-weight:600}.world-btn-primary[aria-pressed=false]{background:var(--amber);color:#1a1206}.world-seg{gap:4px;display:inline-flex}.world-view{margin-left:auto}.world-select select{min-height:40px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font:inherit;background:#111a36;border-radius:10px;padding:0 10px;font-size:.88rem}.world-select-block{gap:6px;display:grid}.world-select-block select{width:100%}.world-scenario{color:var(--ink-2);font-size:.95rem}.world-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (min-width:640px){.world-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1100px){.world-kpis{grid-template-columns:repeat(8,minmax(0,1fr))}}.world-kpi{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff09;border-radius:12px;padding:10px 12px}.world-kpi dt{font-family:var(--font-data);color:var(--ink-3);font-size:.7rem}.world-kpi dd{font-family:var(--font-head);font-weight:var(--weight-head);font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.15rem}.world-kpi dd[data-warn=true]{color:var(--alert)}.world-main{gap:14px;display:grid}@media (min-width:1100px){.world-main{grid-template-columns:minmax(0,8fr) minmax(0,3fr);align-items:start}}.world-stage{min-width:0}.world-canvas{width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -30px #000c;background:#0b1022;border-radius:14px;display:block}.world-hint{color:var(--ink-3);margin-top:8px}.world-inspector{box-shadow:inset 0 0 0 1px var(--line);background:#080d1eb3;border-radius:14px;gap:14px;padding:14px;display:grid}.world-detail{min-height:150px}.world-detail-title{margin-bottom:8px;font-size:1.05rem;font-weight:600}.world-rows{gap:6px;display:grid}.world-rows>div{grid-template-columns:8.5rem minmax(0,1fr);gap:10px;font-size:.9rem;display:grid}.world-rows dt{color:var(--ink-3)}.world-wants{gap:4px;margin-top:10px;font-size:.9rem;display:grid}.world-detail-foot{border-top:1px solid var(--line);padding-top:10px}.world-data{gap:14px;display:grid}.world-findings{box-shadow:inset 0 0 0 1px var(--line);background:#080d1eb3;border-radius:14px;padding:16px}.world-charts{gap:12px;display:grid}@media (min-width:760px){.world-charts{grid-template-columns:repeat(2,minmax(0,1fr))}}.world-legend{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.chart-line.l-ice,.world-legend .l-ice{stroke:var(--ice);color:var(--ice)}.chart-line.l-amber,.world-legend .l-amber{stroke:var(--amber);color:var(--amber)}.chart-line.l-alert,.world-legend .l-alert{stroke:var(--alert);color:var(--alert)}.world-log{box-shadow:inset 0 0 0 1px var(--line);background:#080d1eb3;border-radius:14px;padding:10px 14px}.world-log summary{cursor:pointer;align-items:center;min-height:36px;font-weight:600;display:flex}.world-log-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:6px 0 10px;display:flex}.world-log-list{max-height:280px;color:var(--ink-2);gap:2px;font-size:.78rem;display:grid;overflow-y:auto}.log-t{color:var(--ink-3)}.log-type{color:var(--ice)}.world-disclaimer{color:var(--ink-3);font-size:.8rem}:root[data-mode=pixel] :is(.world-bar,.world-btn,.world-select select,.world-kpi,.world-canvas,.world-inspector,.world-findings,.world-log){border-radius:0}.world-shell{gap:32px}.wh-flow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.wh-flow li{align-items:center;gap:8px;display:flex}.wh-flow li+li:before{content:"";background:linear-gradient(to right, var(--amber), var(--ice));width:16px;height:2px}.wh-flow-node{font-family:var(--font-data);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:10px;padding:8px 12px;font-size:.82rem}.wh-grid{gap:28px;display:grid}@media (min-width:900px){.wh-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.lab-led,.workshop *{animation:none!important}}.lab-meta-after{margin-top:clamp(32px,5vw,56px)}.lab-detail .detail-head .t-lead{font-size:1.05rem}.lab-stage-placeholder{min-height:100svh}@media (min-width:640px){.lab-featured{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.lab-featured{grid-template-columns:repeat(3,minmax(0,1fr))}}.lab-featured>li[data-lead=true]{grid-column:1/-1}.lab-cover,.lab-stat{aspect-ratio:2;box-shadow:inset 0 0 0 1px var(--line);background:#0d1530;border-radius:12px;display:block;position:relative;overflow:hidden}.lab-cover img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .6s var(--ease-out)}.lab-card:hover .lab-cover img{transform:scale(1.03)}.lab-stat{background:repeating-linear-gradient(0deg,#0000 0 23px,#7fe6ff0d 23px 24px),repeating-linear-gradient(90deg,#0000 0 23px,#7fe6ff0d 23px 24px),#0d1530;flex-direction:column;justify-content:center;gap:8px;padding:20px 24px;display:flex}.lab-stat-value{font-family:var(--font-head);font-weight:var(--weight-head);letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.8rem,4vw,2.6rem)}.lab-stat-label{color:var(--ink-3)}.lab-stat-hero{aspect-ratio:auto;min-height:180px}@media (min-width:900px){.lab-card-big .lab-cover,.lab-card-big .lab-stat{aspect-ratio:auto;min-height:300px}}.lab-card-static{opacity:.85}.lab-card-static:hover{transform:none}.lab-card-cta-off{color:var(--ink-3)}.lab-status-tag[data-status=Research],.lab-status-tag[data-status=Complete]{color:var(--ice)}.lab-status-tag[data-status=Archived]{color:var(--ink-3)}.u-node[data-cat=systems]{fill:#f19d5a}.lab-embed-wrap{gap:10px;display:grid}.lab-embed{background:#05070f}.lab-launch{cursor:pointer;background:#05070f;place-items:center;width:100%;height:100%;display:grid;position:relative}.lab-launch img{object-fit:cover;object-position:top center;opacity:.55;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.lab-launch:hover img,.lab-launch:focus-visible img{opacity:.75}.lab-launch-label{color:#05070f;background:var(--ice);border-radius:999px;padding:14px 22px;font-weight:600;position:relative;box-shadow:0 10px 40px #00000080}.lab-embed-foot{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}.lab-embed-foot a{color:var(--ice);white-space:nowrap}.lab-hero-shot img{border-radius:var(--r-lg);width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line)}.lab-note-list{max-width:46rem;color:var(--ink-2);gap:10px;margin-top:10px;padding-left:1.1rem;list-style:square;display:grid}.lab-note-list li::marker{color:var(--ice)}.lab-table-wrap{margin-top:clamp(32px,5vw,56px);overflow-x:auto}.lab-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}.lab-table caption{text-align:left;padding-bottom:12px}.lab-table th,.lab-table td{text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:10px 12px}.lab-table thead th{color:var(--ink-3);font-weight:500}.lab-table tbody th{color:var(--ink);font-weight:600}.lab-table td{color:var(--ink-2)}.lab-gallery{margin-top:clamp(40px,6vw,72px)}.lab-gallery-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;display:grid}@media (min-width:760px){.lab-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lab-gallery figure img{object-fit:cover;object-position:top center;width:100%;max-height:520px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px}.lab-gallery figcaption{color:var(--ink-3);margin-top:8px;font-size:.88rem}.lab-related{margin-top:clamp(32px,5vw,56px)}.lab-related li+li{margin-top:6px}.lab-todo{border:1px dashed var(--amber);color:var(--amber);margin-top:32px;padding:10px 14px}:root[data-mode=pixel] .lab-cover,:root[data-mode=pixel] .lab-stat,:root[data-mode=pixel] .lab-gallery figure img,:root[data-mode=pixel] .lab-launch-label{border-radius:0}}
