@font-face{font-family:Inter;src:url('/assets/font-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face {
  font-family: 'Barlow Semi Condensed';
  src: url('/assets/barlow-semi-condensed-medium-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('/assets/ibm-plex-sans-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/assets/ibm-plex-mono-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
/* Use the same monospaced digits in prose and live experiment readouts. */
@font-face {
  font-family: 'Plex numerals';
  src: url('/assets/ibm-plex-mono-latin.woff2') format('woff2');
  unicode-range: U+0030-0039;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root{--sans:'Plex numerals','IBM Plex Sans',Arial,sans-serif;--bg:#08090a;--panel:#0d0f10;--text:#eeefed;--muted:#8b8e90;--dim:#555b60;--line:#272a2c;--accent:#dfb383;--mono:'IBM Plex Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;--gutter:clamp(24px,5.3vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{color:#08090a;background:var(--accent)}svg{display:block}p,h1,h2,h3{margin:0}button{border:0}section{scroll-margin-top:20px}.skip-link{position:fixed;top:12px;left:20px;padding:14px;background:var(--text);color:var(--bg);z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}.header{height:102px;position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid #ffffff14}.wordmark{font-family:Inter,Arial,sans-serif;display:flex;align-items:center;font-weight:600;letter-spacing:-2px;font-size:35px;line-height:1}.wordmark svg{width:29px;height:29px;margin-right:12px}.wordmark-dot{color:var(--accent)}.desktop-nav{display:flex;gap:36px;margin-left:50px}.desktop-nav a,.header-cta{font-size:13px;font-weight:500;transition:color .2s}.desktop-nav a{color:#c7c9c9}.desktop-nav a:hover,.header-cta:hover{color:var(--accent)}.header-cta span{margin-left:24px;font-size:17px}.menu-toggle,.mobile-nav{display:none}.hero{min-height:820px;height:100svh;max-height:1120px;position:relative;overflow:hidden;display:flex;align-items:center;padding:150px var(--gutter) 120px;background:radial-gradient(ellipse at 78% 48%,#171a1c 0,transparent 48%),#08090a}.hero-art{position:absolute;inset:0;pointer-events:none}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08090a 0%,#08090aee 17%,#08090a00 62%),linear-gradient(0deg,#08090a 0%,transparent 19%)}#field{height:100%;width:100%;display:block}.hero-content{position:relative;z-index:2;padding-top:33px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.8px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #dfb38366;flex-shrink:0}.hero h1{font-size:clamp(60px,6.1vw,104px);line-height:1.01;margin:33px 0 29px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:16px;line-height:1.75;color:#afb2b3;letter-spacing:-.1px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:222px;padding:18px 22px;font-size:12px;font-weight:550;transition:background .25s,color .25s,transform .25s}.button span{font-size:18px;margin-left:30px}.button-light{background:var(--text);color:var(--bg)}.button-light:hover{background:var(--accent);transform:translateY(-2px)}.hero .button{margin-top:36px}.cross{font:18px/1 var(--mono);font-weight:300;color:var(--accent)}.hero-foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;z-index:2;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1.5px;color:#777d80}.hero-foot>a{font-family:var(--sans);color:#babdbd;display:flex;align-items:center;gap:15px}.scroll-icon{height:34px;width:22px;display:flex;align-items:center;justify-content:center;border:1px solid #484d50;border-radius:20px;font-size:15px}.section{padding:110px var(--gutter)}.section-marker{display:flex;align-items:center;gap:14px;font:9px var(--mono);letter-spacing:1.4px;color:#a2a6a7}.text-muted{color:#939ba1}.muted{color:#8e9497}.mission{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2.05fr;gap:60px;padding-top:100px;padding-bottom:105px}.mission>.section-marker{align-self:start;margin-top:5px}.mission-content h2{font-size:clamp(38px,4.1vw,65px);line-height:1.13;margin:24px 0 38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:60px}h2{font-size:clamp(40px,4.2vw,68px);line-height:1.08;}.section-heading h2{margin-top:30px}.section-heading>p{color:#92999c;line-height:1.8;font-size:13px;margin-bottom:5px}.research{padding-bottom:115px}.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.research-item{border-top:1px solid var(--line);padding:0 28px}.research-item:first-child{padding-left:0}.research-item:last-child{padding-right:0}.research-item+.research-item{border-left:1px solid var(--line)}.research-visual{height:240px;display:flex;align-items:center;position:relative;overflow:hidden;margin-bottom:34px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#14171988,transparent 65%)}.research-visual svg{width:100%;max-height:220px}.research-visual svg text{font:6px var(--mono);letter-spacing:1px;fill:#737c81}.guide{stroke:#2c3236;stroke-width:.5;stroke-dasharray:3 6;fill:none}.path-dim{stroke:#454e54;stroke-width:1;fill:none}.path-highlight{fill:none;stroke:url(#lineGlow);stroke-width:1.3}.graph-node{fill:#c7cbcc}.endpoint{fill:none;stroke:var(--accent);stroke-width:.6}.isometric{fill:none;stroke:#78838b;stroke-width:.8}.cube-path{fill:none;stroke:var(--accent);stroke-width:1.6}.research-item h3{font-size:27px;line-height:1.18;margin:22px 0 20px}.research-item p{font-size:13px;line-height:1.85;color:#aab2b6}.environments{background:#101213;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.approach h2{margin:31px 0 25px;font-size:clamp(38px,3.8vw,60px)}.approach-intro>p{color:#929a9f;font-size:13px;line-height:1.9}.principles article{display:flex;align-items:flex-start;gap:24px;padding:28px 0;border-top:1px solid var(--line)}.principles article:last-child{border-bottom:1px solid var(--line)}.principles article>div{flex:1}.principles h3{font-size:21px;margin-bottom:12px}.principles p{color:#919a9f;font-size:12px;line-height:1.85;max-width:400px}.principles .cross{color:#647178;font-size:14px;margin-top:5px}.connect{position:relative;text-align:center;overflow:hidden;border-top:1px solid var(--line);padding-top:48px;padding-bottom:110px;background:radial-gradient(ellipse at 50% 100%,#20242477,transparent 70%)}.connect>.section-marker{text-align:left;margin-bottom:85px}.connect>.eyebrow{justify-content:center}.connect h2{position:relative;margin:28px 0;font-size:clamp(44px,5.7vw,88px);}.connect-copy{position:relative;color:#9da4a6;line-height:1.85;font-size:14px}.connect #contact-slot{position:relative;margin-top:35px;min-height:58px}.contact-art{position:absolute;inset:0;pointer-events:none;opacity:.3}.contact-art div{border:1px solid #485155;position:absolute;border-radius:50%;width:1100px;height:500px;left:50%;top:62%;transform:translateX(-50%) rotate(-12deg)}.contact-art div:nth-child(2){width:1350px;height:680px;top:59%}.contact-art div:nth-child(3){width:1620px;height:840px;top:56%}.footer{border-top:1px solid var(--line);padding:50px var(--gutter) 28px}.footer-top{display:flex;align-items:center;padding-bottom:53px}.footer-top .wordmark{font-size:32px}.footer-top>p{font-size:12px;color:#8c979c;line-height:1.6;margin-left:75px}.back-top{font-family:var(--sans);margin-left:auto;font:8px var(--mono);letter-spacing:1px;color:#929da4}.back-top span{margin-left:20px;font-size:16px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:#727c82;font:8px var(--mono);letter-spacing:.4px}.footer-bottom a{font-family:var(--sans);color:#b3b9bd}.footer-bottom a span{margin-left:12px}
@media(min-width:1600px){.hero-content{max-width:1500px;width:100%;margin:0 auto}.section,.footer{padding-left:max(var(--gutter),calc((100vw - 1500px)/2));padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}.research-visual{height:280px}}
@media(max-width:1100px){.desktop-nav{gap:24px;margin-left:0}.hero h1{font-size:76px;}.hero{min-height:760px}.mission{grid-template-columns:1fr 2.5fr;gap:30px}.section{padding-top:85px;padding-bottom:85px}.research-item{padding:0 20px}.research-item h3{font-size:23px}.research-visual{height:200px}.approach{gap:50px}}
@media(max-width:760px){:root{--gutter:24px}.header{height:80px}.wordmark{font-size:30px}.wordmark svg{width:25px;height:25px;margin-right:9px}.desktop-nav,.header-cta{display:none}.menu-toggle{width:36px;height:36px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.menu-toggle span{display:block;height:1px;width:23px;background:#d9dedd;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;visibility:hidden;opacity:0;position:absolute;top:80px;left:0;right:0;padding:22px 24px;background:#0c0e0ff5;border-bottom:1px solid var(--line);flex-direction:column;gap:24px;transform:translateY(-5px);transition:opacity .2s,transform .2s,visibility .2s}.mobile-nav.is-open{visibility:visible;opacity:1;transform:none}.mobile-nav a{font-size:16px}.hero{height:900px;min-height:750px;max-height:1050px;align-items:flex-start;padding-top:145px;padding-bottom:100px}.hero-content{padding-top:0}.hero h1{font-size:clamp(48px,9.5vw,72px);margin-top:25px;margin-bottom:23px}.hero-description{font-size:14px;line-height:1.8}.hero .eyebrow{font-size:11px;letter-spacing:1.2px}.hero .button{margin-top:26px;padding:16px 19px;min-width:205px}.hero-art:after{background:linear-gradient(180deg,#08090a22 0%,#08090a00 68%,#08090a 95%)}.hero-foot{bottom:25px;letter-spacing:.7px;font-size:6px}.hero-foot>span:nth-child(2){display:none}.scroll-icon{height:30px;width:20px}.hero-foot>a{gap:10px}.section{padding-top:65px;padding-bottom:65px}.section-marker{font-size:8px;gap:10px;letter-spacing:1px}.cross{font-size:16px}.mission{display:block}.mission-content{margin-top:40px}.mission-content h2{font-size:36px;margin-top:18px;margin-bottom:28px}.mission-content>.eyebrow{font-size:8px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:39px;margin-top:25px}.section-heading>p{font-size:12px;margin-top:25px}.research-grid{grid-template-columns:1fr}.research-item,.research-item:first-child,.research-item:last-child{padding:0}.research-item+.research-item{border-left:0;margin-top:40px}.research-visual{height:235px;margin-bottom:25px}.research-visual svg{max-width:400px;margin:auto}.research-item h3{font-size:30px;margin-top:20px}.research-item p{min-height:0;max-width:460px}.approach{display:block}.approach h2{font-size:39px;}.approach-intro>p{font-size:12px}.principles article{gap:18px;padding:25px 0}.principles h3{font-size:20px}.principles p{font-size:12px}.connect{padding-bottom:70px;padding-top:35px}.connect>.section-marker{margin-bottom:65px}.connect>.eyebrow{font-size:7px;letter-spacing:1.1px}.connect h2{font-size:42px;line-height:1.12;margin:22px 0}.connect-copy{font-size:12px;line-height:1.9}.connect-copy br{display:none}.footer{padding-top:35px;padding-bottom:25px}.footer-top{flex-wrap:wrap;padding-bottom:30px;gap:25px}.footer-top .wordmark{font-size:28px}.footer-top>p{margin-left:auto;font-size:10px}.back-top{margin-left:0;width:100%;font-size:7px;margin-top:5px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:7px;line-height:1.6}.footer-bottom>span:nth-child(2){display:none}.footer-bottom a{margin-left:auto}}

@media(max-width:380px){.hero h1{font-size:46px}.connect h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

h1, h2, h3 {
  font-family: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif;
  font-weight: 500;
  letter-spacing: -.025em;
}
h3 { letter-spacing: -.015em; }

/* Editorial layout and instrument graphics */
.section-marker {
  color: #c1c7c9;
  font-size: 10px;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.section-marker::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 1px;
  background: var(--accent);
}
.hero-description { max-width: 43ch; }
.hero h1 { text-wrap: balance; }
.hero-content { pointer-events: none; }
.hero-content > * { pointer-events: auto; }
.hero-content > :is(.eyebrow, h1) { width: fit-content; }
.ring-control {
  position: absolute;
  inset: 13% 0 9% 45%;
  z-index: 1;
  border: 0;
  background: transparent;
  cursor: grab;
  touch-action: pan-y pinch-zoom;
  user-select: none;
}
.ring-control:active { cursor: grabbing; }
.ring-hint {
  position: absolute;
  top: 24px;
  right: var(--gutter);
  color: #bac1c4;
  font: 10px/1.5 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.ring-control:focus-visible { outline: none; }
.ring-control:focus-visible .ring-hint { outline: 2px solid var(--accent); outline-offset: 6px; }
.mission-statement {
  max-width: 58ch;
  color: #b6bec2;
  font-size: clamp(16px, 1.25vw, 21px);
  line-height: 1.75;
}
.mission-statement + .mission-statement { margin-top: 1em; }
.section-heading > p { max-width: 40ch; }
.section-heading > p, .research-item p, .research-note, .approach-intro > p, .principles p, .connect-copy {
  color: #afb7bb;
  font-size: clamp(15px, 1.06vw, 18px);
  line-height: 1.72;
}
.research-item p, .principles p { max-width: 58ch; }
.research-grid { padding-bottom: clamp(26px, 3vw, 44px); border-bottom: 1px solid var(--line); }
.research-note { max-width: 72ch; margin-top: 22px; }
.research-visual {
  background-color: #0d1012;
  background-image:
    radial-gradient(ellipse at center, #19222988, transparent 68%),
    linear-gradient(#abbccc09 1px, transparent 1px),
    linear-gradient(90deg, #abbccc09 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px;
}
.research-visual svg text { fill: #9ba9af; font-size: 7px; }
.approach-intro > p { max-width: 39ch; }
.principles article:first-child { padding-top: 22px; }
.connect > .section-marker { justify-content: center; margin-bottom: 24px; }
.connect { padding-top: clamp(70px, 8vw, 125px); }
.connect-copy { max-width: 58ch; margin-inline: auto; }
@media (max-width: 760px) {
  .ring-control { inset: 48% 0 8%; }
  .ring-hint { top: auto; bottom: 10px; }
  .hero-description { max-width: 37ch; }
  .hero { min-height: 760px; height: min(930px, 115svh); }
  .hero h1 { font-size: clamp(43px, 10.6vw, 76px); }
  .hero-content { width: 100%; }
  .approach-intro > p { margin-bottom: 32px; }
}

/* Training environments */
.explorer {
  border: 1px solid #373d41;
  background: #0b0e10;
}
.trace-tabs {
  display: flex;
  border-bottom: 1px solid #343b40;
  background: #101416;
}
.trace-tabs button {
  padding: 18px clamp(14px, 2.4vw, 38px);
  border: 0;
  border-right: 1px solid #30363a;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #aeb8be;
  font-size: 14px;
}
.trace-tabs button[aria-selected=true] {
  border-bottom-color: var(--accent);
  color: #f1d5b5;
  background: #191b1a;
}
.explorer button:focus-visible { outline-offset: -4px; }
.trace-panel { display: grid; grid-template-columns: minmax(245px, .8fr) minmax(0, 1.4fr); }
.trace-brief { padding: clamp(22px, 3vw, 48px); border-right: 1px solid var(--line); }
.trace-label, .trace-readout dt {
  color: #a6b1b7;
  font: 10px/1.5 var(--mono);
  text-transform: uppercase;
  letter-spacing: .1em;
}
.trace-brief h3 {
  margin: 14px 0;
  font-size: clamp(27px, 2.7vw, 42px);
  line-height: 1.12;
}
#scenario-description, .trace-condition > p:last-child { color: #b6bec2; font-size: 15px; line-height: 1.65; }
.trace-condition { border-top: 1px solid var(--line); margin-top: 28px; padding-top: 20px; }
.trace-condition > p:last-child { margin-top: 8px; color: #e3d5c4; }
.trace-stage { min-width: 0; padding: 22px clamp(16px, 2.4vw, 36px); }
.trace-heading, .trace-player {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.trace-heading { flex-wrap: wrap; }
.trace-heading h4 { margin: 0; font-size: 17px; font-weight: 500; }
#trace-state, #trace-count { font: 12px/1.5 var(--mono); color: #dab691; }
.trace-scene {
  margin: 16px 0;
  padding: clamp(10px, 1.4vw, 22px);
  border: 1px solid var(--line);
  background: #101517;
}
#reset-example { padding: 0 12px; font: 14px var(--sans); }
.trace-table { border-collapse: collapse; width: 100%; font: 14px/1.5 var(--mono); color: #dde3e6; }
.trace-table caption { text-align: left; color: #b0bcc4; font: 12px/1.5 var(--mono); padding-bottom: 12px; }
.trace-table :is(th, td) { padding: 10px 4px; text-align: right; }
.trace-table th { font-weight: 400; }
.trace-table thead th { font-size: 12px; color: #a3b1b9; }
.trace-table tr > :first-child { text-align: left; }
.trace-table tbody tr { border-top: 1px solid #2d363c; }
.trace-table tbody td:last-child { color: #e2bc94; }
.experiment-actions, .agent-controls {
  border: 0;
  padding: 0;
  margin: 18px 0 0;
  min-width: 0;
}
.experiment-actions legend, .agent-controls label {
  display: block;
  padding: 0;
  margin-bottom: 6px;
  color: #b8c3ca;
  font: 11px/1.5 var(--mono);
}
.experiment-actions button, .agent-controls :is(button, select) {
  min-height: 44px;
  max-width: 100%;
  margin: 2px 3px 2px 0;
  padding: 8px 13px;
  border: 1px solid #54626a;
  background: #171e22;
  color: #ecedeb;
  font: 14px var(--sans);
}
.experiment-actions button:enabled:hover, .agent-controls button:hover { border-color: var(--accent); }
.experiment-actions button:disabled { color: #838d91; border-color: #333b3e; cursor: default; }
.agent-controls select { width: 100%; color-scheme: dark; }
.agent-controls select:focus-visible { outline: 2px solid var(--accent); }
.agent-controls label:not(:first-child) { margin-top: 12px; }
.agent-controls select { margin-bottom: 8px; }
.record { border-bottom: 1px solid var(--line); }
.record summary {
  padding: 14px 4px;
  color: #e3ded5;
  cursor: pointer;
  font: 15px var(--mono);
}
.record summary::marker { color: var(--accent); }
.record summary:focus-visible, .record input:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.record p, .case-note {
  margin: 4px 0 10px;
  color: #c4cdd2;
  font-size: 15px;
  line-height: 1.65;
}
.record label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #e4c7a5;
  cursor: pointer;
  font: 13px var(--mono);
}
.record input { accent-color: var(--accent); }
.text-action {
  margin-top: 12px;
  padding: 6px 0;
  min-height: 44px;
  border: 0;
  color: var(--accent);
  background: transparent;
  font-size: 14px;
  text-align: left;
}
.case-code {
  margin: 12px 0;
  padding: 13px;
  border-left: 2px solid #a68565;
  background: #0b0e10;
  color: #d7e0e3;
  font: 13px/1.6 var(--mono);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.case-note { padding: 10px 0 0; }
.trace-scene > .experiment-actions:first-child { margin-top: 0; }
#order-table, #csv-results { margin-top: 16px; }
.trace-readout { margin: 0; }
.trace-readout > div { display: grid; grid-template-columns: 95px minmax(0, 1fr); gap: 12px; padding: 8px 0; }
.trace-readout dt { padding-top: 3px; }
.trace-readout dd { margin: 0; font-size: 15px; color: #c3cdd2; line-height: 1.5; overflow-wrap: anywhere; }
#trace-action { color: #ecf0ef; }
#scene-support:not([hidden]) ~ .trace-readout #trace-action { font-family: var(--mono); }
#trace-check { border-top: 1px solid var(--line); margin-top: 8px; }
#trace-check dd, #trace-check dt { color: #e6c59e; }
.explorer [hidden] { display: none; }
.trace-player { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 14px; }
.trace-player button {
  background: #111618;
  border: 1px solid #465057;
  color: #e5e9e9;
  min-width: 44px;
  min-height: 44px;
  font: 15px/1 var(--sans);
}
.trace-player button:disabled { color: #697276; border-color: #2a3135; cursor: default; }
.trace-player button:enabled:hover { background: #252b2c; }
@media (max-width: 760px) {
  .trace-tabs button { flex: 1; padding: 14px 5px; font-size: 13px; }
  .trace-tabs button:last-child { border-right: 0; }
  .trace-panel { display: block; }
  .trace-brief { border: 0; border-bottom: 1px solid var(--line); padding: 20px 16px; }
  .trace-condition { margin-top: 16px; padding-top: 12px; }
  .trace-readout > div { grid-template-columns: 1fr; gap: 3px; }
  .trace-table { font-size: 12px; }
  .trace-table thead th { font-size: 11px; }
  .trace-table :is(th, td) { padding: 8px 2px; }
  .trace-player { gap: 6px; flex-wrap: wrap; }
  #trace-state, #trace-count { font-size: 11px; }
}