.star-lab{margin-top:1.25rem;color:var(--color-text-primary)}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.lab-heading h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.04em}.lab-heading h1 span{color:var(--color-accent-cyan)}.lab-heading p{color:var(--color-text-secondary);margin-top:.4rem;font-size:1rem}.lab-guide-link{display:inline-block;color:var(--color-accent);margin-top:.75rem;font-size:.875rem;text-decoration:underline;text-underline-offset:3px}.lab-status{border:1px solid var(--color-bg-tertiary);border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.lab-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.25rem}.lab-toolbar button{border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-control);padding:.7rem 1rem;font-size:.875rem;font-weight:600;background:var(--color-bg-secondary);cursor:pointer;min-height:44px}.lab-toolbar button:hover:not(:disabled){border-color:var(--color-accent)}.lab-toolbar .lab-primary{color:var(--color-bg-primary);background:var(--color-accent-cyan);border-color:transparent}.lab-toolbar button:disabled{opacity:.4;cursor:default}.star-lab :focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.lab-watch{display:flex;align-items:center;gap:.6rem;margin-left:auto;font-size:.875rem;min-height:44px;cursor:pointer}.lab-watch input{width:18px;height:18px;accent-color:var(--color-accent-cyan)}.lab-workspace{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem}.lab-panel{min-width:0;border:1px solid var(--color-bg-tertiary);border-radius:1rem;overflow:hidden;background:var(--color-bg-secondary);padding:1.25rem}.lab-panel-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.lab-panel-heading h2{font-weight:600;font-size:1rem}.lab-panel-heading>span{font-size:.8125rem;color:var(--color-text-secondary)}.lab-arena-panel{display:flex;flex-direction:column}.lab-arena{display:block;width:100%;background:#011627;color:#a7b8c9;border-radius:.6rem;flex:1;min-height:220px}.lab-game-caption{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;color:var(--color-text-secondary);margin-top:1rem;font-size:.875rem}.lab-game-caption strong{font-weight:500;color:var(--color-accent-cyan)}.lab-settings fieldset{border:0;padding:0;margin:0}.lab-settings fieldset:disabled{opacity:.45}.lab-settings label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;font-size:.9375rem;font-weight:500}.lab-settings output{color:var(--color-accent-cyan);font-family:var(--font-mono);font-size:.875rem}.lab-settings input[type=range]{display:block;width:100%;accent-color:var(--color-accent-cyan);height:22px;cursor:pointer}.lab-settings p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:.6rem 0 1.4rem}.lab-settings p:last-child{margin-bottom:0}.lab-callout{padding:.6rem;border-left:2px solid var(--color-accent-cyan)}.lab-network-scroll{overflow-x:auto}.lab-network{width:100%;min-width:540px;max-height:275px;display:block}.lab-caption{font-size:.875rem;color:var(--color-text-secondary);line-height:1.65;margin:.7rem 0 0}.lab-action-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.lab-action-list>div{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--color-bg-tertiary);border-radius:.6rem;padding:.6rem .8rem;font-size:.875rem}.lab-action-list .lab-chosen{border-color:var(--color-accent-cyan)}.lab-action-list strong{font-family:var(--font-mono);font-size:1.125rem;font-weight:500}.lab-action-list small{font-size:.75rem;color:var(--color-text-secondary)}.lab-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0 1rem}.lab-metrics>div{display:flex;flex-direction:column;gap:.5rem}.lab-metrics strong{font-size:clamp(1.25rem,2.3vw,1.8rem);font-family:var(--font-mono);font-weight:500}.lab-metrics span{font-size:.8125rem;color:var(--color-text-secondary)}.lab-chart{width:100%;margin:1rem 0;color:var(--color-text-secondary)}.lab-explain{margin-top:3rem}.lab-explain h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.lab-lessons{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem}.lab-lessons span{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-accent-cyan)}.lab-lessons h3{font-size:1rem;font-weight:600;margin:.7rem 0}.lab-explain p{font-size:1rem;line-height:1.75;color:var(--color-text-secondary)}.lab-try{margin:2rem 0;padding:1.3rem 1.5rem;background:var(--color-bg-secondary);border-left:2px solid var(--color-accent-cyan);border-radius:0 .6rem .6rem 0}.lab-try strong{display:block;margin-bottom:.4rem}.lab-explain details{border-top:1px solid var(--color-bg-tertiary);padding-top:1.25rem}.lab-explain summary{cursor:pointer;font-weight:500;padding:.5rem 0}.lab-explain details p{margin-top:1rem;max-width:85ch}.lab-explain a{color:var(--color-accent);text-decoration:underline}.pixel-arena{background:#000;border-radius:.6rem;padding:1rem;display:flex;flex-direction:column;align-items:center;flex:1}.pixel-image{display:block;width:100%;image-rendering:pixelated;background:#000;border:1px solid var(--color-bg-tertiary)}.pixel-arena .pixel-image{height:290px;width:auto;max-width:100%}.pixel-outcome{color:#d6deeb;font-size:.875rem;min-height:1.5rem;margin-top:1rem}.pixel-brain{display:grid;grid-template-columns:minmax(100px,.6fr) 1fr;gap:1.5rem;align-items:start}.pixel-brain h3{font-size:.875rem;margin-bottom:1rem}.pixel-activations{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.pixel-activations>div{aspect-ratio:1;display:grid;place-items:center;border-radius:.25rem;font-size:.75rem;color:var(--color-text-primary)}@media(max-width:440px){.pixel-brain{grid-template-columns:1fr}.pixel-brain .pixel-image{max-width:170px}}@media(max-width:800px){.lab-workspace{grid-template-columns:1fr}.lab-heading{align-items:flex-start;flex-direction:column}.lab-watch{margin-left:0;width:100%}.lab-lessons{grid-template-columns:1fr 1fr}.lab-network{min-height:190px}}@media(max-width:440px){.lab-panel{padding:1rem}.lab-lessons{grid-template-columns:1fr}.lab-metrics{gap:.5rem}.lab-action-list>div{padding:.6rem .4rem}}
