@layer theme,base;@layer components{.dna-edge{font-family:var(--v2-font-display,inherit);font-variant-numeric:tabular-nums;letter-spacing:-.005em;white-space:nowrap;color:var(--v2-nav);align-items:baseline;gap:4px;font-weight:400;display:inline-flex}.dna-edge[data-tone=up]{color:var(--v2-success)}.dna-edge[data-tone=down]{color:var(--v2-danger)}.dna-edge-arrow{font-size:.62em;transform:translateY(-.1em)}.dna-dbar{border-radius:var(--v2-r-pill);background:#ffffff0d;width:100%;height:6px;display:block;position:relative}.dna-dbar:before{content:"";background:var(--v2-line-strong);width:1px;position:absolute;top:-3px;bottom:-3px;left:50%}.dna-dbar>span{border-radius:var(--v2-r-pill);position:absolute;top:0;bottom:0}.dna-dbar>span[data-tone=up]{background:var(--v2-grad-meter);left:50%;box-shadow:0 0 10px #9ff0ec47}.dna-dbar>span[data-tone=down]{background:#ff7a8ab3;right:50%}.dna-bar{border-radius:var(--v2-r-pill);background:#ffffff0d;height:6px;display:block;position:relative;overflow:hidden}.dna-bar>span{border-radius:inherit;background:var(--v2-grad-meter);height:100%;display:block;box-shadow:0 0 10px #9ff0ec4d}.dna-bar[data-tone=down]>span{box-shadow:none;background:#ff7a8ab3}.dna-field{height:112px;position:relative}.dna-field svg{width:100%;height:100%;display:block;overflow:visible}.dna-field-zero{border-left:1.5px dashed var(--v2-chart-2);width:0;position:absolute;top:-6px;bottom:0}.dna-field-zero>span{color:var(--v2-violet-ink);font-size:var(--v2-fs-2xs);white-space:nowrap;position:absolute;top:-14px;left:6px}.dna-field-axis{color:var(--v2-faint);font-family:var(--v2-font-display,inherit);font-size:var(--v2-fs-2xs);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;display:flex}.dna-league tbody tr{position:relative}.dna-row-link{color:var(--v2-ink);font-weight:480}.dna-row-link:after{content:"";border-radius:4px;position:absolute;inset:0}.dna-league .dna-row-link:focus-visible{outline:none}.dna-league .dna-row-link:focus-visible:after{outline:2px solid var(--v2-teal);outline-offset:-2px}.dna-league .dna-above{z-index:1;position:relative}.dna-league .dna-fill{width:100%;max-width:0}.dna-league .dna-rank-top{color:var(--v2-kicker)}.dna-league tr.dna-focus td{background-color:#9ff0ec12}@media (max-width:639.98px){.dna-league :is(th,td){padding-inline:8px}.dna-league :is(th,td):first-child{padding-left:12px}.dna-league :is(th,td):last-child{padding-right:12px}}.dna-scroll-x{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.dna-scroll-x::-webkit-scrollbar{display:none}.dna-select-sm{border-radius:var(--v2-r-pill);height:38px;font-size:var(--v2-fs-sm);background-position:right 12px center;padding-left:14px}.dna-columns{column-gap:var(--v2-s-4)}.dna-columns>*{break-inside:avoid;margin-bottom:var(--v2-s-4)}@media (min-width:900px){.dna-columns{column-count:2}}.dna-range{--dna-progress:0%;appearance:none;cursor:pointer;background:0 0;height:24px}.dna-range::-webkit-slider-runnable-track{border-radius:var(--v2-r-pill);background:linear-gradient(90deg, var(--v2-violet-b), var(--v2-teal)) 0 0 / var(--dna-progress) 100% no-repeat, #ffffff1a;height:4px}.dna-range::-moz-range-track{border-radius:var(--v2-r-pill);background:#ffffff1a;height:4px}.dna-range::-moz-range-progress{border-radius:var(--v2-r-pill);background:linear-gradient(90deg, var(--v2-violet-b), var(--v2-teal));height:4px}.dna-range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--v2-teal);background:var(--v2-bg);border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 10px #9ff0ec8c}.dna-range::-moz-range-thumb{border:2px solid var(--v2-teal);background:var(--v2-bg);border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #9ff0ec8c}.dna-range:focus-visible{outline:2px solid var(--v2-teal);outline-offset:4px;border-radius:6px}.dna-swatch-dash{border-top:2px dashed var(--v2-swatch,var(--v2-chart-2));width:16px;height:0}.dna-swatch-dot{background:var(--v2-swatch);border-radius:50%;width:7px;height:7px}.dna-portrait{align-items:center;gap:16px;display:flex}@media (min-width:1024px){.dna-portrait{text-align:right;flex-direction:column;align-items:flex-end}}@media (max-width:1023.98px){.dna-portrait .v2-avatar--xl{border-radius:20px;width:96px;height:96px}.dna-replay-header>.v2-page-header-aside{order:-1}}@media (min-width:1024px){.dna-replay-header{align-items:center}}.dna-rail{gap:14px;margin:0;padding:0 0 0 20px;list-style:none;display:grid;position:relative}.dna-rail:before{content:"";background:var(--v2-line-soft);width:1px;position:absolute;top:6px;bottom:6px;left:3px}.dna-rail>li{position:relative}.dna-rail>li:before{content:"";background:var(--v2-bg);width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--v2-teal);border-radius:50%;position:absolute;top:7px;left:-20px}}@layer utilities;@media (prefers-reduced-motion:no-preference){.dna-grow{transform-origin:0;animation:.8s cubic-bezier(.22,1,.36,1) both dna-grow}.dna-pop{animation:.26s cubic-bezier(.34,1.56,.64,1) both dna-pop}.dna-rise{animation:.42s cubic-bezier(.22,1,.36,1) both dna-rise}.dna-pulse{animation:1.6s ease-in-out infinite dna-pulse}}@keyframes dna-grow{0%{transform:scaleX(0)}}@keyframes dna-pop{0%{opacity:0;transform:translateY(6px)scale(.85)}}@keyframes dna-rise{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes dna-pulse{50%{opacity:.35}}