:root{--ink:#202a36;--text:#24282c;--muted:#60676b;--paper:#faf8f3;--panel:#fffefa;--gold:#8c631c;--line:#dedbd2;--green:#236957;--red:#ad413b;color:var(--text);background:var(--paper);font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--text);border-radius:6px;padding:11px 16px;font-size:14px;font-weight:600;transition:background .15s}button:hover{background:#ede8dc}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #ae8033}header{background:var(--ink);justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 max(24px,50vw - 660px);display:flex}header a{color:#f6f0e1;align-items:center;gap:20px;min-height:44px;font-size:13px;text-decoration:none;display:flex}header img{opacity:1;width:144px;height:auto}header a span{letter-spacing:.2em;color:#e5bd6c;border-left:1px solid #627080;padding-left:20px;font-size:10px}main{max-width:1320px;margin:auto;padding:44px 24px 36px}.intro .eyebrow{letter-spacing:.17em;color:var(--gold);margin:0 0 12px;font-size:10px;font-weight:800}h1{letter-spacing:-.055em;margin:0 0 14px;font-size:clamp(40px,5vw,64px);font-weight:740;line-height:1.02}h1 span{color:var(--gold)}.intro>p:last-child{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.mobile{display:none}.tasks{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:30px 0 24px;display:grid}.tasks button{text-align:left;align-items:center;gap:12px;min-height:80px;padding:14px;display:flex}.tasks strong{font-size:15px;display:block}.tasks small{color:var(--muted);margin-top:5px;font-size:12px;font-weight:400;display:block}.task-icon{color:var(--gold);text-align:center;flex-shrink:0;width:30px;font-size:27px;font-weight:400}.tasks button[aria-pressed=true]{background:#eee5d1;border-color:#a78138;box-shadow:inset 0 -2px #a78138}.workspace{border:1px solid var(--line);background:var(--panel);border-radius:10px;grid-template-columns:minmax(0,1fr) 300px;display:grid;overflow:hidden}.experiment{min-width:0}.scene-bar{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:18px 24px;font-size:13px;display:flex}.scene-bar strong{font-size:15px}.scene-bar div>span{color:var(--muted);margin-left:12px;font-size:12px}#status{color:var(--green);align-self:center;font-size:12px;font-weight:600}#status.failed{color:var(--red)}.canvas-wrap{background:#f0f0e9;position:relative}.canvas-wrap canvas{aspect-ratio:1000/650;width:100%;height:auto;display:block}.scene-note{letter-spacing:.12em;color:#6b736c;pointer-events:none;font-size:9px;position:absolute;bottom:18px;left:24px}.playback{border-top:1px solid var(--line);align-items:center;gap:8px;padding:18px 24px;display:flex}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#374858}.speed{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}select{border:1px solid var(--line);min-height:46px;color:var(--text);background-color:#f6f4ef;border-radius:6px;max-width:100%;padding:8px 40px 8px 12px;font-size:14px}.speed select{width:74px;padding-right:22px}.metrics{grid-template-columns:1fr 1fr .8fr 1.6fr;gap:16px;padding:4px 24px 18px;display:grid}.metrics small{color:var(--muted);letter-spacing:.12em;margin-bottom:8px;font-size:9px;font-weight:700;display:block}.metrics strong{letter-spacing:-.04em;font-size:28px;font-weight:600}.metrics em{letter-spacing:0;color:var(--muted);margin-left:3px;font-size:12px;font-style:normal;font-weight:400}.metrics .phase strong{letter-spacing:0;padding-top:8px;font-size:14px;display:block}.mission{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:18px 24px;font-size:13px;line-height:1.7}aside{border-left:1px solid var(--line);background:#fdfbf6;min-width:0}h2{letter-spacing:-.025em;margin:0 0 8px;font-size:18px}h3{margin:18px 0 12px;font-size:15px}.control-section{padding:24px}.control-section+.control-section{border-top:1px solid var(--line)}.help{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.65}.slider-label{grid-template-columns:1fr auto;align-items:center;gap:14px 8px;margin-top:24px;font-size:13px;display:grid}.slider-label output{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}.slider-label input{width:100%;height:44px;accent-color:var(--gold);cursor:pointer;grid-column:1/-1;margin:0}.seed-label{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:12px;display:flex}input[type=number]{border:1px solid var(--line);background:#f6f4ef;border-radius:6px;width:100px;min-height:44px;padding:10px;font-size:16px}.select-label{gap:10px;margin-top:18px;font-size:12px;display:grid}.controller .help{margin:18px 0 0;font-size:11px}.lower{grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin:36px 0 28px;display:grid}.section-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.section-head p{color:var(--muted);margin:0 0 18px;font-size:13px}.gold{color:#765113;white-space:nowrap;background:#f1e6cd;border-color:#b78b3b}.check{color:var(--muted);align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}.check input{width:20px;height:20px;accent-color:var(--gold)}#training-status{color:var(--green);min-height:18px;margin:6px 0 22px;font-size:12px}.learn-detail{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:28px;display:grid}.learn-detail canvas{border:1px solid var(--line);background:var(--panel);border-radius:4px;width:100%;height:auto;padding:8px;display:block}.heat-caption{color:var(--muted);justify-content:space-between;gap:8px;margin-top:10px;font-size:9px;display:flex}.small-label{letter-spacing:.1em;color:var(--gold);font-size:9px;font-weight:700}.learn-copy h3{letter-spacing:-.03em;margin:10px 0;font-size:23px;line-height:1.35}.learn-copy p{color:var(--muted);font-size:13px;line-height:1.7}.learn-copy .scope{font-size:11px;line-height:1.65}.readout{border-left:1px solid var(--line);padding-left:24px}dl{margin:0 0 28px}dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;font-size:12px;display:flex}dt{color:var(--muted)}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}progress{width:100%;height:6px;accent-color:var(--gold)}#activity{color:var(--muted);margin:0;padding-left:18px;font-size:12px;line-height:1.9}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;margin:10px 0 16px;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:12px}th{color:var(--muted);font-size:11px}tr:first-child td{color:var(--green);font-weight:600}details{border-top:1px solid var(--line);padding:22px 0}summary{cursor:pointer;align-content:center;min-height:44px;font-size:13px;font-weight:600;display:list-item}.explanation{max-width:850px;color:var(--muted);font-size:13px;line-height:1.8}footer{border-top:1px solid var(--line);max-width:1320px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:24px;font-size:10px;display:flex}footer>span:first-child{letter-spacing:.15em;color:var(--gold);font-size:10px;font-weight:700}footer p{flex:1}button,input,select{touch-action:manipulation}[hidden]{display:none!important}@media (width<=1100px){.tasks button{flex-direction:column;align-items:start;gap:8px}.tasks small{font-size:11px}.workspace{grid-template-columns:minmax(0,1fr) 260px}.lower{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.control-section{padding:20px}.learn-detail{grid-template-columns:190px minmax(0,1fr);gap:20px}.playback{padding:16px}.metrics{gap:8px;padding:4px 16px 18px}.scene-bar div>span{display:none}}@media (width<=760px){header{height:64px;padding:0 20px}header img{width:110px}header a{gap:12px;font-size:11px}header a span{padding-left:12px;font-size:9px}main{padding:30px 20px 20px}.intro>p:last-child{font-size:14px}.mobile{display:block}.tasks{scroll-snap-type:x mandatory;gap:8px;margin:24px 0 16px;padding:2px 2px 8px;display:flex;overflow:auto}.tasks button{scroll-snap-align:start;min-width:124px;min-height:108px;padding:12px}.tasks strong{font-size:13px}.tasks small{font-size:10px}.task-icon{font-size:24px}.workspace{display:block}.canvas-wrap canvas{aspect-ratio:1000/720}.canvas-wrap{overflow:hidden}.scene-bar{padding:16px}.scene-note{font-size:7px;bottom:12px;left:16px}.playback{flex-wrap:wrap;gap:6px;padding:14px 12px}.playback button{padding:11px 12px;font-size:12px}.speed{gap:5px;font-size:10px}.speed select{width:62px;padding-left:7px;font-size:12px}.metrics{grid-template-columns:1fr 1fr 1fr;padding:4px 16px 18px}.metrics .phase{grid-column:1/-1;align-items:center;gap:14px;display:flex}.metrics .phase small{margin:0}.metrics .phase strong{padding:0;font-size:12px}.metrics strong{font-size:25px}.mission{padding:16px;font-size:12px}aside{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.control-section{padding:18px}.control-section+.control-section{border-top:0;border-left:1px solid var(--line)}.control-section h2{font-size:15px}.slider-label{gap:12px 3px;margin-top:20px;font-size:12px}.slider-label output{font-size:11px}.seed-label{gap:8px;display:grid}.seed-label input{width:100%}.control-section .help{font-size:10px;line-height:1.6}.select-label{margin-top:12px;font-size:10px}select{width:100%;padding:8px 24px 8px 8px;font-size:12px}.lower{margin-top:28px;display:block}.section-head{align-items:center}.section-head h2{font-size:18px}.section-head p{margin:0;font-size:11px;line-height:1.6}.section-head button{padding:10px;font-size:11px}.check{margin-top:12px}.learn-detail{grid-template-columns:130px minmax(0,1fr);gap:18px}.learn-copy h3{font-size:17px}.learn-copy p{font-size:11px}.learn-copy .scope{font-size:10px}.small-label{font-size:8px}.heat-caption{font-size:8px;line-height:1.8;display:block}.heat-caption span{display:block}.learn-copy button{padding:10px;font-size:11px}.readout{border-left:0;border-top:1px solid var(--line);margin:28px 0 0;padding:24px 0 0}.readout dl{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.readout dl div{font-size:11px}footer{margin:0 20px;padding:24px 0;line-height:1.8;display:block}footer p{margin:8px 0}}@media (width<=360px){main{padding-left:16px;padding-right:16px}aside{display:block}.control-section+.control-section{border-left:0;border-top:1px solid var(--line)}.learn-detail{grid-template-columns:110px minmax(0,1fr);gap:14px}.speed{margin-left:0}.intro h1{font-size:38px}header a:last-child{font-size:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.task-hint{display:none}@media (width<=760px){.task-hint{color:var(--muted);margin:-8px 0 18px;font-size:11px;display:block}.playback .speed{gap:0;font-size:0}.playback .speed select{font-size:12px}}