.sdt{color:#e7e5ef;background:radial-gradient(130% 110% at 85% 0,#191331 0%,#0d0a17 46%,#08060f 100%);border:1px solid #ffffff17;border-radius:.85rem;padding:1.4rem 1.25rem 1.5rem}@media (min-width:640px){.sdt{padding:1.75rem 1.6rem 1.9rem}}.sdt-mono{font-variant-ligatures:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.sdt-lane{position:relative}.sdt-finish{background:#ffffff38;border-radius:2px;width:2px;position:absolute;top:0;bottom:0;right:0}.sdt-rails{height:3.1rem;position:relative;container-type:inline-size}.sdt-rail{background:var(--accent);border-radius:2px;height:2px;position:absolute;left:0;right:0}.sdt-rail--top{top:.85rem}.sdt-rail--bottom{top:1.95rem}.sdt-ties{background-image:repeating-linear-gradient(to right, color-mix(in srgb, var(--accent) 20%, transparent) 0 3px, transparent 3px 20px);height:1.6rem;position:absolute;top:.62rem;left:0;right:0}.sdt-car{background:var(--accent);width:2.1rem;height:1.6rem;box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:.25rem;justify-content:center;align-items:center;gap:3px;animation:13.8s linear .4s infinite sdt-shuttle;display:flex;position:absolute;top:.35rem;left:0}.sdt-car-window{background:#ffffffd9;border-radius:1px;width:4px;height:4px}@keyframes sdt-shuttle{0%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0)}6%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(0)}44%,56%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translate(calc(100cqw - 2.1rem - 7px))}94%,to{transform:translate(0)}}.sdt-ballast{height:3.1rem;position:relative;container-type:inline-size}.sdt-stone{top:calc(var(--sdt-y) * 1%);left:calc(var(--sdt-x) * 1%);width:var(--sdt-s);height:var(--sdt-s);background:#ffffff4d;border-radius:40%;position:absolute}.sdt-walker{background:#cfcadd;border-radius:50%;width:.7rem;height:.7rem;animation:78s linear .4s infinite sdt-pick;position:absolute;top:1.2rem;left:0}@keyframes sdt-pick{0%{transform:translate(0)}6%{transform:translate(16cqw,-11px)}12%{transform:translate(18cqw,9px)}18%{transform:translate(34cqw,12px)}24%{transform:translate(36cqw,-8px)}30%{transform:translate(53cqw,-12px)}36%{transform:translate(55cqw,7px)}42%{transform:translate(72cqw,11px)}47%{transform:translate(74cqw,-9px)}50%{transform:translate(calc(100cqw - .7rem))}54%{transform:translate(calc(100cqw - .7rem))}60%{transform:translate(78cqw,10px)}66%{transform:translate(76cqw,-10px)}72%{transform:translate(56cqw,-12px)}78%{transform:translate(54cqw,8px)}84%{transform:translate(33cqw,12px)}89%{transform:translate(31cqw,-7px)}95%{transform:translate(11cqw,-11px)}98%{transform:translate(9cqw,6px)}to{transform:translate(0)}}.sdt-names{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem .5rem;margin-top:.5rem;display:grid}.sdt-name{color:#dcd8ea;text-align:center;overflow-wrap:anywhere;font-size:10px;line-height:1.25}@media (max-width:39.99rem){.sdt-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem 1rem}.sdt-name{text-align:left;overflow-wrap:normal}}@media (prefers-reduced-motion:reduce){.sdt-car{animation:none;transform:translate(calc(100cqw - 2.1rem - 7px))}.sdt-walker{animation:none;transform:translate(62cqw,7px)}}
.tqa{color:#e7e5ef;background:radial-gradient(130% 110% at 88% 0,#191331 0%,#0d0a17 46%,#08060f 100%);border:1px solid #ffffff17;border-radius:.85rem;padding:1.4rem 1.25rem;position:relative;overflow:hidden}@media (min-width:640px){.tqa{padding:1.75rem 1.6rem}}.tqa-mono{font-variant-ligatures:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.tqa-track{background:#ffffff0a;border-radius:.4rem;height:2.6rem;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f;container-type:inline-size}.tqa-seed{border-left:1.5px dashed color-mix(in srgb, var(--accent) 60%, transparent);width:0;position:absolute;top:-.35rem;bottom:-.35rem;right:0}.tqa-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 38%, transparent), var(--accent));transform-origin:0;border-radius:.28rem;width:calc(100% - .7rem);animation:6.2s cubic-bezier(.4,0,.3,1) infinite tqa-spend;position:absolute;inset:.35rem auto .35rem .35rem}@keyframes tqa-spend{0%,8%{transform:scaleX(1)}34%,52%{transform:scaleX(.62)}82%,to{transform:scaleX(1)}}.tqa-chip{background:var(--accent);height:1.1rem;color:var(--accent-fill-fg,#fff);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;margin-top:-.55rem;padding:0 .4rem;font-size:9px;animation:6.2s cubic-bezier(.4,0,.3,1) infinite tqa-round-trip;display:inline-flex;position:absolute;top:50%;left:0}@keyframes tqa-round-trip{0%,8%{opacity:0;transform:translate(58cqw)}16%{opacity:1}34%,52%{opacity:1;transform:translate(78cqw)}74%{opacity:1;transform:translate(58cqw)}82%,to{opacity:0;transform:translate(58cqw)}}.tqa-ink{color:#f6f5fa}.tqa-body{color:#dcd8ea}.tqa-note{color:#a09bb5}html:not(.dark) .tqa{border-color:color-mix(in srgb, var(--fg) 12%, transparent);background:radial-gradient(130% 110% at 88% 0%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 58%), var(--surface);color:var(--fg)}html:not(.dark) .tqa-ink{color:var(--fg)}html:not(.dark) .tqa-body{color:#454b57}html:not(.dark) .tqa-note{color:var(--muted)}html:not(.dark) .tqa-track{background:#12151c0d;box-shadow:inset 0 0 0 1px #12151c14}
