body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-mono)}.app{padding-block:var(--s-lg) var(--s-2xl)}.app .appbar{padding-inline:0}.appbar__brand .whimsy{font-size:inherit;letter-spacing:inherit}.intro{margin-block:var(--s-lg) var(--s-xl)}.lede{margin:0;max-width:70ch}.masthead-meta{gap:var(--s-xs);margin-top:var(--s-xs)}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:var(--s-lg);align-items:start}.app-sidenav{position:sticky;top:calc(56px + var(--s-md))}.sidenav button{display:flex;align-items:center;gap:var(--s-sm);width:100%;min-height:44px;padding:6px 10px;border:none;background:none;border-radius:var(--radius-sm);color:var(--fg-secondary);font-family:var(--font-sans);font-size:var(--t-label-md-size);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sidenav button>.label{flex:1;min-width:0}.sidenav button:hover{background:var(--bg);color:var(--fg)}.sidenav button:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset-inset)}.sidenav button[aria-current=page]{background:var(--bg);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.tab{border-radius:var(--radius-sm)}.tab--active{background:var(--bg-raised);color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}.legend{gap:var(--s-md);padding:var(--s-sm) var(--s-md);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg-secondary);flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px}.transport{gap:var(--s-xs);align-items:center}.step-counter{color:var(--fg-secondary);font-size:.85rem;margin-left:var(--s-sm)}.turn-complete{position:relative;display:inline-block;margin-left:var(--s-sm);color:var(--fg-secondary);transition:opacity 2.75s var(--ease, ease)}.turn-complete--out{opacity:0}.tc-plain{color:var(--fg-secondary)}.tc-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .36s var(--ease, ease)}.tc-shimmer--hidden{opacity:0}.scenario-title{font-family:var(--font-sans);color:var(--fg);margin:var(--s-sm) 0 var(--s-xs);font-size:1.05rem;display:flex;align-items:center;gap:var(--s-sm)}.scenario-desc{margin:0 0 var(--s-md);color:var(--fg-secondary);font-family:var(--font-sans);font-size:.9rem;max-width:70ch}.compare-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-md)}.compare-grid{display:flex;gap:var(--s-md);overflow-x:auto;padding-bottom:var(--s-md)}.compare-col{flex:0 0 290px;transition:border-color var(--dur-fast) var(--ease)}.compare-col--done{background:var(--bg);border-left:2px solid var(--success)}.compare-col svg{max-width:100%;height:auto}@media(max-width:800px){.compare-grid{margin-inline:calc(-1 * var(--s-lg));scroll-snap-type:x mandatory;align-items:flex-start}.compare-col{flex-basis:100%;scroll-snap-align:center}}.compare-dots{display:none}@media(max-width:800px){.compare-dots{display:flex;justify-content:center;align-items:center;gap:var(--s-sm);margin-top:var(--s-sm)}}.compare-dot{position:relative;width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--fg-secondary);opacity:.4;cursor:pointer;transition:opacity var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.compare-dot:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px}.compare-dot--active{background:var(--accent);opacity:1}.compare-dot:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:4px}.compare-col-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-sm);margin-bottom:4px}.lang-badge{font-size:.72rem;background:var(--steel-fill);color:var(--fg)}.loop-style{font-size:.75rem;color:var(--fg-secondary);font-family:var(--font-sans);margin-bottom:var(--s-sm);min-height:2.4em}.compare-caption{margin-top:var(--s-sm);min-height:3.2em;font-size:.8rem;display:flex;flex-direction:column;gap:4px}.path-len{color:var(--fg-secondary);font-size:.72rem}.harness-meta{display:flex;align-items:baseline;gap:var(--s-md);margin:var(--s-sm) 0 var(--s-md);flex-wrap:wrap}.harness-meta .loop-style{min-height:0;margin-bottom:0}.repo-link{color:var(--accent);font-size:.85rem;text-decoration:none}.repo-link:hover{text-decoration:underline}.repo-link .anchor{color:inherit}.player-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s-lg);align-items:start}.graph-pane{display:flex;justify-content:center;overflow-x:auto}.inspector{position:sticky;top:var(--s-md);display:flex;flex-direction:column;gap:var(--s-md)}.node-card-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.node-kind{font-size:.75rem;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s-sm)}.node-note,.scenario-note{font-family:var(--font-sans);color:var(--fg-secondary);font-size:.88rem;line-height:1.5;margin:0}.scenario-note{padding-left:var(--s-md);border-left:2px solid var(--border)}.score-card-head{display:flex;align-items:center;gap:var(--s-sm);margin-bottom:var(--s-sm)}.score-word{font-family:var(--font-sans);font-size:.82rem;color:var(--fg-secondary)}.score-pip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border:1.5px solid var(--steel);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--fg)}.source-ref{font-family:var(--font-mono);font-size:.74rem;color:var(--accent-bright);background:var(--bg);padding:2px 6px;border-radius:var(--radius-sm);align-self:flex-start;word-break:break-all}.fg-secondary{color:var(--fg-secondary)}.empty{color:var(--fg-secondary);padding:var(--s-2xl);text-align:center}.view-foot{color:var(--fg-secondary);font-family:var(--font-sans);font-size:.82rem;margin:0;max-width:80ch}.prose{margin:0;max-width:70ch;font-family:var(--font-sans);line-height:1.6;color:var(--fg-secondary)}.app-footer{margin-top:var(--s-2xl);padding-top:var(--s-md);border-top:1px solid var(--border);color:var(--fg-secondary);font-family:var(--font-sans);font-size:.82rem}.app-footer p{margin:0;line-height:1.5}.footer-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-xs)}.footer-sep{opacity:.5}.footer-link{border:none;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer}.footer-link:hover{text-decoration:underline}.footer-link:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.footer-fine{opacity:.8;font-size:.78rem}.tier-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.tier-dot--core{background:var(--accent)}.tier-dot--emerging{background:var(--steel)}.tier-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.tier-badge--core{background:var(--accent-fill);color:var(--accent-bright)}.tier-badge--emerging{background:var(--steel-fill);color:var(--fg-secondary)}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding-bottom:var(--s-xs)}.matrix-table,.heatmap-table{font-size:.82rem}.matrix-table th,.matrix-table td,.heatmap-table th,.heatmap-table td{padding:8px 10px;text-align:center;vertical-align:middle;white-space:nowrap}.matrix-table th,.heatmap-table th{text-transform:none;letter-spacing:normal;font-size:.82rem;font-weight:600}.matrix-table thead th,.heatmap-table thead th{background:var(--bg-raised);color:var(--fg-secondary);z-index:2}.th-tool{position:sticky;left:0;background:var(--bg-raised);text-align:left!important;z-index:1}.th-tool-inner{display:flex;align-items:center;gap:8px}.matrix-table thead .th-tool,.heatmap-table thead .th-tool{z-index:3}.row-tool{font-family:var(--font-sans);font-weight:600;color:var(--fg)}.th-btn{border:none;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}.th-btn:hover{color:var(--accent)}.cell-text{font-family:var(--font-sans);color:var(--fg)}.cell-dash{color:var(--fg-disabled)}.flag{font-family:var(--font-mono);font-size:1rem;font-weight:700;line-height:1}.flag--yes{color:var(--success)}.flag--partial{color:var(--attention)}.flag--no{color:var(--fg-disabled)}.matrix-controls{gap:var(--s-xs);align-items:center;flex-wrap:wrap}.matrix-legend{margin-left:auto;color:var(--fg-secondary);font-family:var(--font-sans);font-size:.78rem}.heat-cell{display:flex;align-items:center;justify-content:center;width:100%;min-width:40px;height:34px;border:1.5px solid transparent;border-radius:var(--radius-sm);color:var(--fg);font-family:var(--font-mono);font-weight:700;font-size:.82rem;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.heat-cell:hover{transform:scale(1.06)}.heat-cell:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:1px}.heat-cell--active{box-shadow:0 0 0 1px var(--bg-raised)}.cell-overall{border-left:2px solid var(--border)}.heat-num{display:inline-block}.heat-dot{display:inline-block;border-radius:50%;transition:width var(--dur-fast) var(--ease),height var(--dur-fast) var(--ease)}.row-tool-wrap{display:inline-flex;flex-direction:column;line-height:1.25}.row-version{font-family:var(--font-mono);font-size:.66rem;color:var(--fg-secondary);white-space:nowrap}.heat-map{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);padding:var(--s-sm)}.heat-map-svg{display:block;width:100%;height:auto;max-width:620px;margin:0 auto;font-family:var(--font-mono)}.map-grid{stroke:var(--border);stroke-width:1}.map-mid{stroke:var(--steel);stroke-width:1;stroke-dasharray:3 4;opacity:.7}.map-tick{fill:var(--fg-disabled);font-size:11px}.map-axis{fill:var(--fg-secondary);font-family:var(--font-sans);font-size:12px;font-weight:600}.map-pt{cursor:pointer;outline:none}.map-dot{transition:r var(--dur-fast) var(--ease),stroke-width var(--dur-fast) var(--ease)}.map-leader{stroke:var(--fg-disabled);stroke-width:1;opacity:.6}.map-pt:focus-visible .map-dot{stroke:var(--accent);stroke-width:3}.map-label{fill:var(--fg-secondary);font-size:10px;paint-order:stroke;stroke:var(--bg-raised);stroke-width:3px;stroke-linejoin:round;pointer-events:none}.map-pt--on .map-label{fill:var(--fg);font-weight:700}.heat-pop{position:fixed;left:var(--pop-x);top:var(--pop-y);z-index:50;width:min(300px,calc(100vw - 2 * var(--s-md)));display:flex;flex-direction:column;gap:var(--s-xs);box-shadow:0 8px 28px #00000047;pointer-events:none}.heat-pop[data-place=top]{transform:translate(-50%,-100%)}.heat-pop[data-place=bottom]{transform:translate(-50%)}.heat-pop-head{display:flex;align-items:center;gap:var(--s-xs)}.heat-pop-body{margin:0;font-family:var(--font-sans);color:var(--fg-secondary);font-size:.88rem}.heat-pop-foot{margin:0;font-family:var(--font-mono);font-size:.7rem;color:var(--fg-disabled)}.heat-pop-scrim{display:none}@media(max-width:640px){.heat-pop{left:0!important;right:0;top:auto!important;bottom:0;width:100%;transform:none!important;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--s-md);pointer-events:auto}.heat-pop-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#00000052}}.profile-head{display:flex;flex-direction:column;gap:4px}.profile-title{display:flex;align-items:center;gap:var(--s-sm)}.profile-name{margin:0;font-size:1.4rem}.profile-tagline{margin:0;color:var(--fg-secondary);font-family:var(--font-sans)}.profile-meta{gap:var(--s-md);margin-top:4px;flex-wrap:wrap}.vendor{font-family:var(--font-sans);font-size:.82rem;color:var(--fg-secondary)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-sm)}.badge-cell{gap:2px;padding:var(--s-sm) var(--s-md)}.badge-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-secondary)}.badge-value{font-family:var(--font-sans);color:var(--fg);font-size:.9rem}.profile-scores-head,.profile-list-head{font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-secondary);margin:0 0 var(--s-sm)}.score-row{display:flex;flex-wrap:wrap;gap:var(--s-md)}.score-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.score-cell-label{font-size:.7rem;color:var(--fg-secondary);font-family:var(--font-sans)}.profile-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s-md)}.bullets{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);font-size:.9rem;line-height:1.45}.bullets--muted{color:var(--fg-secondary)}.decision-lede{margin:0;font-family:var(--font-sans);color:var(--fg-secondary);max-width:70ch}.flow{list-style:none;margin:0;padding:0;max-width:560px}.flow-node{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);padding:var(--s-md);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.flow-node+.flow-node{margin-top:var(--s-sm)}.flow-node--resolved{border-style:dashed;background:transparent}.flow-node--active{border-color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.flow-q{margin:0 0 var(--s-sm);font-family:var(--font-sans);font-weight:600;font-size:1.05rem}.flow-opts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-sm)}.flow-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--s-sm) var(--s-md);height:auto;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.flow-opt--live:hover{border-color:var(--accent);background:var(--accent-fill)}.flow-opt--chosen{border-color:var(--accent);background:var(--accent-fill);color:var(--accent-bright)}.flow-opt--dim{opacity:.5;border-style:dashed}.flow-opt--dim:hover{opacity:1;border-color:var(--steel)}.flow-opt-label{font-weight:700}.flow-opt-hint{font-size:.76rem;color:currentColor;opacity:.8;font-family:var(--font-sans)}.flow-link{display:flex;align-items:center;gap:6px;padding:var(--s-xs) 0 0 var(--s-sm);color:var(--accent)}.flow-link-arrow{font-size:1.1rem;line-height:1}.flow-link-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.02em}.flow-node--result{border:none;background:none;padding:0}.flow-result{display:flex;flex-direction:column;gap:var(--s-xs);align-items:flex-start}.flow-result-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-bright)}.flow-result-name{margin:0;font-size:1.5rem}.flow-result-version{font-family:var(--font-mono);font-size:.72rem;color:var(--fg-secondary)}.flow-result-why{margin:0 0 var(--s-xs);font-family:var(--font-sans);color:var(--fg-secondary)}.decision-restart{align-self:flex-start}@media(max-width:800px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-sidenav{display:none}.player-body{grid-template-columns:1fr}.inspector{position:static}.flow-opts{grid-template-columns:1fr}.graph-pane svg{max-width:100%;height:auto}}