:where([data-simulation=giants]) .giants-stage{touch-action:none;overscroll-behavior:contain;cursor:grab;container-type:inline-size}:where([data-simulation=giants]) .giants-stage:active{cursor:grabbing}:where([data-simulation=giants]) .giants-stage[data-overview=true]{cursor:default}:where([data-simulation=giants]) .giants-label{color:var(--color-space-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 2px var(--color-space), 0 0 6px color-mix(in srgb, var(--color-space) 90%, transparent), 0 1px 8px color-mix(in srgb, var(--color-space) 90%, transparent);pointer-events:auto;transition:opacity var(--transition-duration-control) var(--ease-standard), color var(--transition-duration-feedback) var(--ease-standard);will-change:transform;padding:.25rem .375rem;font-size:10px;position:absolute;top:0;left:0}:where([data-simulation=giants]) .giants-label[data-shown=false]{opacity:0;pointer-events:none}:where([data-simulation=giants]) .giants-label[data-focus=true]{color:var(--color-space-fg);font-size:11px}:where([data-simulation=giants]) .giants-label:hover{color:var(--color-solar)}:where([data-simulation=giants]) .giants-orbit{border:1px solid color-mix(in srgb, var(--color-solar) 45%, transparent);background:color-mix(in srgb, var(--color-space) 72%, transparent);color:var(--color-solar);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;will-change:transform, opacity;border-radius:999px;padding:1px 6px;font-size:9px;line-height:1.4;position:absolute;top:0;left:0}:where([data-simulation=giants]) .giants-orbit[data-shown=false]{opacity:0}:where([data-simulation=giants]) .giants-stage[data-overview=true] .giants-label{letter-spacing:.06em;padding:.125rem .25rem}:where([data-simulation=giants]) .giants-stage[data-overview=true] .giants-label[data-hover]{color:var(--color-solar)}:where([data-simulation=giants]) .giants-stage[data-overview=true] .giants-label[data-hover]:after{border-top-color:color-mix(in srgb, var(--color-solar) 70%, transparent)}:where([data-simulation=giants]) .giants-stage[data-overview=true][data-row]{cursor:pointer}@container not (min-width:640px){:where([data-simulation=giants]) .giants-stage[data-overview=true] .giants-label{letter-spacing:.02em;font-size:9px}:where([data-simulation=giants]) .giants-stage[data-overview=true] .giants-label[data-focus=true]{font-size:10px}}:where([data-simulation=giants]) .giants-stage[data-overview=true] .giants-label:after{content:"";width:var(--leader,0);border-top:1px dotted color-mix(in srgb, var(--color-space-muted) 45%, transparent);transition:border-color var(--transition-duration-feedback) var(--ease-standard);position:absolute;top:50%;left:100%}:where([data-simulation=giants]) .giants-scale{pointer-events:none;transition:opacity var(--transition-duration-reveal) var(--ease-standard);position:absolute;inset-inline:0}:where([data-simulation=giants]) .giants-scale[data-shown=false]{opacity:0}:where([data-simulation=giants]) .giants-scale-line{background:color-mix(in srgb, var(--color-solar) 16%, transparent);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}:where([data-simulation=giants]) .giants-scale-value,:where([data-simulation=giants]) .giants-scale-title{font-family:var(--font-mono);letter-spacing:.12em;white-space:nowrap;text-shadow:0 0 4px var(--color-space);font-size:9px;position:absolute}:where([data-simulation=giants]) .giants-scale-value{color:var(--color-solar);top:calc(100% + 6px);left:0;transform:translate(-50%)}:where([data-simulation=giants]) .giants-scale-title{color:var(--color-space-muted);text-align:center;text-transform:uppercase;top:calc(100% + 24px)}:where([data-simulation=giants]) .giants-marker{border:1px solid var(--color-solar);pointer-events:none;width:18px;height:18px;transition:opacity var(--transition-duration-control) var(--ease-standard);will-change:transform;border-radius:999px;position:absolute;top:0;left:0}:where([data-simulation=giants]) .giants-marker[data-shown=false]{opacity:0}@keyframes giants-lap{to{transform:rotate(360deg)}}:where([data-simulation=giants]) .giants-lap{transform-origin:14px 14px;animation:linear infinite giants-lap}