.stl-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(var(--hl-tile-min), 1fr));gap: var(--space-4);}.stl-card{padding: var(--space-4);}.stl-card-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-2);margin: 0 0 var(--space-3);}.stl-card-title{display: flex;align-items: center;gap: 8px;margin: 0;font-size: 14px;}.stl-card-icon-chip{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 26px;height: 26px;border-radius: 8px;background: rgba(179, 169, 156, 0.16);}.stl-card-icon{flex-shrink: 0;}.stl-list{display: flex;flex-direction: column;}.stl-list .stl-row{margin: 0 -6px;border-radius: 6px;padding: 5px 6px;}.stl-rank[data-tier="gold"]{background: rgba(245, 195, 75, 0.18);color: var(--gold);}.stl-rank[data-tier="silver"]{background: rgba(179, 169, 156, 0.22);color: var(--text-secondary);}.stl-rank[data-tier="bronze"]{background: rgba(156, 67, 16, 0.28);color: var(--orange-deep);}@media (min-width: 481px){.stl-header-row{align-items: center;}}.stl-updated{margin: 4px 0 0;}.stl-tabs-row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 6px;margin-bottom: var(--space-4);}.stl-tabs{display: flex;flex-wrap: wrap;gap: 6px;}.stl-leaderboards-link{display: inline-flex;align-items: center;gap: 6px;padding: 7px 14px;border-radius: 999px;border: 1px solid transparent;background: rgba(var(--primary-rgb), 0.14);font-family: var(--font-body);font-size: 12.5px;font-weight: 600;color: var(--primary);text-decoration: none;white-space: nowrap;transition: background-color 0.15s ease, border-color 0.15s ease;}.stl-leaderboards-link:hover{background: rgba(var(--primary-rgb), 0.22);border-color: var(--primary);}.stl-leaderboards-link .icon{flex-shrink: 0;}.stl-tab{padding: 7px 14px;border-radius: 999px;border: 1px solid var(--border-strong);background: transparent;font-family: var(--font-body);font-size: 12.5px;font-weight: 600;color: var(--text-secondary);cursor: pointer;transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;}.stl-tab:hover{border-color: var(--primary);color: var(--text);}.stl-tab.is-active{background: var(--primary);border-color: var(--primary);color: var(--on-primary);}.stl-panel{background: var(--bg-card);border: 1px solid var(--border);border-radius: 12px;}.stl-pane{display: none;padding: var(--space-4);}.stl-pane.is-active{display: block;}.stl-pane .hl-empty{padding: var(--space-6) var(--space-4);}.stl-pane-head{display: flex;justify-content: flex-end;margin-bottom: var(--space-3);}.stl-podium{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 8px;align-items: end;margin-bottom: var(--space-3);}@media (prefers-reduced-motion: no-preference){.stl-pane.is-active .stl-step{opacity: 0;animation: stl-step-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.stl-pane.is-active .stl-step[data-tier="silver"]{animation-delay: 0s;}.stl-pane.is-active .stl-step[data-tier="gold"]{animation-delay: 0.08s;}.stl-pane.is-active .stl-step[data-tier="bronze"]{animation-delay: 0.16s;}}@keyframes stl-step-in{from{opacity: 0;transform: translateY(12px) scale(0.96);}to{opacity: 1;transform: none;}}.stl-step{position: relative;overflow: hidden;border-radius: 10px;background: color-mix(in srgb, var(--text) 4%, var(--bg-card));border: 1px solid var(--border);padding: var(--space-3) var(--space-2);text-align: center;transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;}.stl-step:hover{transform: translateY(-2px);border-color: var(--border-strong);box-shadow: 0 10px 20px -14px rgba(0, 0, 0, 0.5);}.stl-step[data-tier="gold"]{order: 2;padding-top: var(--space-4);}.stl-step[data-tier="gold"]::before{content: "";position: absolute;inset: 0;background: radial-gradient(120% 90% at 50% 0%, rgba(var(--primary-rgb), 0.16), transparent 65%);pointer-events: none;}.stl-step[data-tier="silver"]{order: 1;}.stl-step[data-tier="bronze"]{order: 3;}.stl-step-icon-chip{position: relative;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin: 0 auto 8px;border-radius: 50%;}.stl-step[data-tier="gold"] .stl-step-icon-chip{background: rgba(245, 195, 75, 0.18);color: var(--gold);}.stl-step[data-tier="silver"] .stl-step-icon-chip{background: rgba(179, 169, 156, 0.22);color: var(--text-secondary);}.stl-step[data-tier="bronze"] .stl-step-icon-chip{background: rgba(156, 67, 16, 0.28);color: var(--orange-deep);}.stl-step[data-tier="gold"] .stl-step-icon-chip{width: 36px;height: 36px;}.stl-step-name{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: calc(1.25em * 2);font-weight: 700;font-size: 12.5px;line-height: 1.25;color: var(--text);text-decoration: none;}.stl-step-name:hover{color: var(--primary);}.stl-step-name::after{content: "";position: absolute;inset: 0;z-index: 1;}.stl-step-team{position: relative;display: block;font-size: 10.5px;color: var(--text-muted);margin: 2px 0 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.stl-step-value{position: relative;display: block;font-family: var(--font-mono);font-weight: 800;font-size: 18px;color: var(--text);}.stl-step[data-tier="gold"] .stl-step-value{font-size: 24px;color: var(--primary);}.stl-step-avg{position: relative;display: block;font-family: var(--font-mono);font-size: 10.5px;font-weight: 600;color: var(--text-muted);margin-top: 1px;}.stl-rest{display: flex;flex-direction: column;}.stl-podium + .stl-rest{border-top: 1px solid var(--border-strong);padding-top: var(--space-2);}@media (prefers-reduced-motion: no-preference){.stl-pane.is-active .stl-row{opacity: 0;animation: stl-row-in 0.3s calc(0.2s + var(--stl-ri, 0) * 0.035s) ease-out forwards;}}@keyframes stl-row-in{from{opacity: 0;transform: translateX(-6px);}to{opacity: 1;transform: none;}}.stl-row{position: relative;display: flex;align-items: center;gap: var(--space-2);padding: 7px 4px;border-bottom: 1px solid var(--border);cursor: pointer;transition: background-color 0.15s ease;}.stl-row:last-child{border-bottom: none;}.stl-row:hover, .stl-row:focus-within{background: var(--bg-raised);}.stl-name a::after{content: "";position: absolute;inset: 0;}.stl-rank{flex-shrink: 0;width: 20px;height: 20px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-family: var(--font-mono);font-size: 10px;font-weight: 700;color: var(--text-muted);background: var(--bg-raised);}.stl-trend{flex-shrink: 0;display: inline-flex;align-items: center;font-family: var(--font-mono);font-size: 9.5px;font-weight: 700;letter-spacing: 0.02em;padding: 2px 5px;border-radius: 5px;white-space: nowrap;}.stl-trend--up{background: rgba(182, 226, 74, 0.16);color: var(--lime);}.stl-trend--down{background: rgba(255, 90, 77, 0.14);color: var(--alert);}.stl-trend--new{background: rgba(var(--primary-rgb), 0.16);color: var(--primary);}.stl-name{flex: 1;min-width: 0;display: flex;flex-direction: column;line-height: 1.25;}.stl-name a{font-size: 13px;font-weight: 600;color: var(--text);text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.stl-row:hover .stl-name a{color: var(--primary);}.stl-team{font-size: 10px;color: var(--text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.stl-value-wrap{flex-shrink: 0;min-width: 34px;display: flex;flex-direction: column;align-items: flex-end;}.stl-value{text-align: right;font-family: var(--font-mono);font-weight: 700;font-size: 13px;color: var(--text-secondary);}.stl-avg{font-family: var(--font-mono);font-size: 9.5px;color: var(--text-muted);}@media (max-width: 420px){.stl-step-name{font-size: 11.5px;}.stl-step[data-tier="gold"] .stl-step-value{font-size: 20px;}}.stl-x-days{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);margin: var(--space-3) 0;}.stl-x-day{display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border-radius: 999px;border: 1px solid rgba(179, 169, 156, 0.3);font-size: 13px;cursor: pointer;}.stl-x-day.is-selected{border-color: var(--primary);background: rgba(var(--primary-rgb), 0.14);}.stl-x-apply{margin-left: var(--space-2);}.stl-x-breakdown{display: inline-flex;gap: 8px;font-size: 12px;opacity: 0.75;font-variant-numeric: tabular-nums;}.stl-x-breakdown span + span::before{content: "·";margin-right: 8px;opacity: 0.6;}.stl-step .stl-x-breakdown{justify-content: center;margin-top: 2px;}