.cg-frame{block-size:calc(100svh - var(--rail-h));max-inline-size:var(--surface-max);border:var(--hairline) solid var(--color-edge);background:var(--color-ground-rail);grid-template-rows:minmax(0,1fr) auto;margin-inline:auto;display:grid;overflow:hidden}.cg-frame__stage{min-block-size:0;min-inline-size:0;overflow:hidden}.cg-frame__instrument{grid-template-columns:minmax(0, 1fr) var(--deck-w);grid-template-rows:var(--tape-h) minmax(0, 1fr);grid-template-areas:"tape tape""well rail";block-size:100%;inline-size:100%;display:grid}.cg-frame__tape{background:var(--color-ground-rail);border-block-end:var(--hairline) solid var(--color-edge);grid-area:tape;overflow:hidden}.cg-frame__well{gap:var(--space-4);padding:var(--space-4);background:var(--color-ground-well);flex-direction:column;grid-area:well;display:flex;overflow:hidden}.cg-frame__betrail{background:var(--color-ground-rail);grid-area:rail;overflow-y:auto}@media (min-width:768px) and (max-width:1279px){.cg-frame__instrument{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--tape-h) minmax(240px, 1fr) 232px;grid-template-areas:"tape""well""rail"}}@media (max-width:767px){.cg-frame__instrument{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--tape-h) minmax(180px, 1fr) calc(clamp(132px, 20svh, 196px) + 124px);grid-template-areas:"tape""well""rail"}}.cg-frame__bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding-inline:var(--space-4);padding-block:var(--space-2);background:var(--color-ground-rail);border-block-start:var(--hairline) solid var(--color-edge);flex-wrap:wrap;display:flex}.cg-frame__lead{align-items:center;gap:var(--space-4);min-inline-size:0;display:flex}.cg-frame__name{font-family:var(--font-display);font-weight:700;font-size:var(--type-value);letter-spacing:.03em;text-transform:uppercase;color:var(--color-ink)}.cg-frame__fair{font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-signal);font-weight:600;text-decoration:none}.cg-frame__fair:hover{text-decoration:underline}.cg-frame__tools{align-items:center;gap:var(--space-2);display:flex}.cg-frame__tool{font:inherit;font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink-dim);background:var(--color-ground-raise);border:var(--hairline) solid var(--color-edge);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);cursor:pointer;font-weight:600}.cg-frame__tool[aria-pressed=true]{color:var(--color-signal);border-color:var(--color-signal-deep);background:var(--color-glow-mid)}.cg-frame:fullscreen{border:0;block-size:100svh}
.cg-tape{align-items:center;gap:var(--space-1);padding-inline:var(--space-4);background:var(--color-ground-rail);block-size:100%;display:flex;overflow-x:auto}.cg-tape__chip{padding:2px var(--space-2);border-radius:var(--radius-control);font:500 var(--type-value) / 1 var(--font-display);font-variant-numeric:tabular-nums;border:var(--hairline) solid transparent;cursor:pointer;flex:none;text-decoration:none}.cg-tape__chip[data-band=bust]{color:var(--color-ink-faint)}.cg-tape__chip[data-band=low]{color:var(--color-ink-dim)}.cg-tape__chip[data-band=mid]{color:var(--color-signal)}.cg-tape__chip[data-band=high]{color:var(--color-on-signal);background:var(--color-signal)}.cg-tape__empty{color:var(--color-ink-dim);font-size:var(--type-label);padding-inline:var(--space-2)}
