@layer modules{.trend-line-area{--tl-ink: #edebf2;--tl-muted: #8b93a7;--tl-faint: #5b5370;--tl-line: #221b33;--tl-good: var(--brand-green-blend);--tl-bad: #b4506b;color:var(--tl-ink)}.trend-line{display:flex;flex-direction:column;gap:1rem;max-width:1240px;font-family:var(--font-sans);font-size:.8125rem}.trend-line--empty{padding:2rem 0;color:var(--tl-muted)}.trend-line__hint,.trend-line__footnote{color:var(--tl-faint);font-size:.6875rem}.trend-line__caption{font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-muted)}.trend-line__controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem}.trend-line__control-group{display:flex;align-items:center;gap:.5rem}.trend-line__pills{display:flex;flex-wrap:wrap;gap:.25rem}.trend-line__pill,.trend-line__chip,.trend-line__tab,.trend-line__lock{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1px solid var(--border-hairline);border-radius:.4rem;background:rgba(0,0,0,0);color:var(--tl-muted);font:inherit;font-size:.6875rem;font-weight:500;line-height:1;text-decoration:none;cursor:pointer}.trend-line__pill:hover,.trend-line__chip:hover,.trend-line__tab:hover,.trend-line__lock:hover{color:var(--tl-ink)}.trend-line__pill--on,.trend-line__chip--on,.trend-line__tab--on{color:var(--tl-good);background:rgba(0,247,194,.14);border-color:var(--tl-good)}.trend-line__lock{color:var(--tl-faint)}.trend-line__lock-glyph{width:.65rem;height:.65rem;flex:none}.trend-line__book-mark{width:.9rem;height:.9rem;border-radius:.2rem;object-fit:contain}.trend-line__strip{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.trend-line__game{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:6rem;padding:.5rem .6rem;border:1px solid var(--tl-line);border-radius:.5rem;background:var(--surface-raised);color:var(--tl-muted);text-decoration:none}.trend-line__game--on{border-color:var(--border-hairline);color:var(--tl-ink);box-shadow:inset 0 0 0 1px rgba(0,247,194,.25)}.trend-line__game-marks{display:flex;align-items:center;gap:.35rem}.trend-line__game-logo{width:1.4rem;height:1.4rem}.trend-line__game-at{color:var(--tl-faint);font-size:.625rem}.trend-line__game-code{font-size:.6875rem;font-weight:600}.trend-line__game-meta{font-size:.625rem;font-variant-numeric:tabular-nums;white-space:nowrap}.trend-line__body{display:grid;grid-template-columns:minmax(0, 1fr) 11rem;align-items:start;gap:1rem}.trend-line__main{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;border:1px solid var(--tl-line);border-radius:.6rem;background:var(--surface-raised)}.trend-line__sides{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.trend-line__side{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--tl-line);border-radius:.5rem;color:var(--tl-muted);text-decoration:none}.trend-line__side--on{border-color:var(--border-hairline);color:var(--tl-ink);background:hsla(0,0%,100%,.03)}.trend-line__side-identity{display:flex;align-items:center;gap:.5rem}.trend-line__side-logo{width:1.5rem;height:1.5rem}.trend-line__side-name{display:block;font-size:.875rem;font-weight:600}.trend-line__side-line{display:block;font-size:.6875rem;font-variant-numeric:tabular-nums}.trend-line__side-record{text-align:right}.trend-line__side-pct{display:block;font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}.trend-line__side-wl{display:block;font-size:.6875rem;color:var(--tl-muted)}.trend-line__ranges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.trend-line__range-group{position:relative;display:flex;gap:.2rem;padding:.15rem;border:1px solid var(--tl-line);border-radius:.5rem}.trend-line__range-group--plus{border-color:rgba(0,247,194,.35)}.trend-line__range-tag{position:absolute;top:-0.5rem;right:.4rem;padding:0 .3rem;background:var(--surface-raised);font-size:.5625rem;font-weight:600;color:var(--tl-good)}.trend-line__chip{flex-direction:column;gap:.15rem;padding:.3rem .45rem;border-color:rgba(0,0,0,0)}.trend-line__chip--locked{color:var(--tl-faint)}.trend-line__chip-label{font-size:.5625rem;letter-spacing:.04em}.trend-line__chip-pct{font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums}.trend-line__sample{width:100%;margin:0;font-size:.6875rem;color:var(--tl-muted)}.trend-line__chart{width:100%}.trend-line__chart-svg{display:block;width:100%;height:auto}.trend-line__chart-empty{margin:1rem 0;color:var(--tl-faint)}.trend-line__grid{stroke:var(--tl-line);stroke-width:1}.trend-line__axis{fill:var(--tl-muted);font-size:9px;text-anchor:end;font-variant-numeric:tabular-nums}.trend-line__bar--hit{fill:var(--tl-good);fill-opacity:.85}.trend-line__bar--miss{fill:var(--tl-bad);fill-opacity:.85}.trend-line__bar-label{fill:var(--tl-ink);font-size:9px;font-weight:600;text-anchor:middle}.trend-line__threshold{stroke:var(--tl-ink);stroke-width:1;stroke-dasharray:4 3}.trend-line__threshold-label{fill:var(--tl-ink);font-size:10px;font-weight:600}.trend-line__line-card{display:grid;grid-template-columns:minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));gap:.5rem}.trend-line__slider,.trend-line__stat{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .75rem;border:1px solid var(--tl-line);border-radius:.5rem}.trend-line__slider-head{display:flex;justify-content:space-between;align-items:baseline}.trend-line__slider-value{font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.trend-line__slider input[type=range]{width:100%;accent-color:var(--tl-good)}.trend-line__slider-scale{display:flex;justify-content:space-between;font-size:.625rem;color:var(--tl-muted)}.trend-line__slider-record{color:var(--tl-ink);font-weight:600}.trend-line__slider-submit{display:none}.trend-line__slider-note{margin:0;font-size:.625rem;color:var(--tl-faint)}.trend-line__stat-value{font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums}.trend-line__stat-sub{font-size:.625rem;color:var(--tl-muted)}.trend-line__stat--good{border-color:rgba(0,247,194,.45);background:rgba(0,247,194,.06)}.trend-line__stat--good .trend-line__stat-value{color:var(--tl-good)}.trend-line__rail{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;border:1px solid var(--tl-line);border-radius:.6rem;background:var(--surface-raised);font-size:.6875rem}.trend-line__rail-group{display:flex;flex-direction:column;gap:.1rem;margin-top:.4rem}.trend-line__rail-heading{font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tl-faint)}.trend-line__rail-entry{display:flex;justify-content:space-between;gap:.3rem;padding:.2rem .3rem;border:none;border-radius:.3rem;background:none;color:var(--tl-muted);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.trend-line__rail-entry:hover{color:var(--tl-ink)}.trend-line__rail-entry--on{color:var(--tl-good);font-weight:600}.trend-line__rail-entry--locked{color:var(--tl-faint)}.trend-line__splits,.trend-line__ladder{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--tl-line);border-radius:.6rem;background:var(--surface-raised)}.trend-line__splits-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}.trend-line__section-title{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.trend-line__section-sub{font-size:.625rem;color:var(--tl-faint)}.trend-line__tabs{display:flex;flex-wrap:wrap;gap:.25rem}.trend-line__scroll{overflow-x:auto}.trend-line__table{width:100%;border-collapse:collapse;font-size:.6875rem;font-variant-numeric:tabular-nums}.trend-line__table th,.trend-line__table td{padding:.4rem .5rem;border-bottom:1px solid var(--tl-line);text-align:center;white-space:nowrap}.trend-line__table th{font-size:.5625rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tl-muted)}.trend-line__table th:first-child,.trend-line__table td:first-child{text-align:left}.trend-line__row--on{background:rgba(0,247,194,.06)}.trend-line__row-label{font-weight:600}.trend-line__plus-col{color:var(--tl-good)}.trend-line__locked-cell{color:var(--tl-faint)}.trend-line__good{color:var(--tl-good);font-weight:600}.trend-line__bad{color:var(--tl-bad)}.trend-line__price--best{color:var(--tl-good);font-weight:600;box-shadow:inset 0 0 0 1px rgba(0,247,194,.45)}.trend-line__ladder-link{color:inherit;text-decoration:none}.trend-line__ladder-link:hover{color:var(--tl-good)}@media(width <= 800px){.trend-line__body{grid-template-columns:1fr}.trend-line__line-card{grid-template-columns:1fr 1fr}.trend-line__sides{grid-template-columns:1fr}}}
