.vth{--vth-green:#0cad0c;--vth-green-bright:#42e219;--vth-green-dark:#00512e;--vth-ink:#101410;--vth-muted:#667066;--vth-surface:#f4f7f3;--vth-border:#dce5da;color:var(--vth-ink);font-family:Roboto,Arial,sans-serif;margin:2rem 0}.vth__header,.vth__section-heading{align-items:end;display:flex;gap:1rem;justify-content:space-between}.vth__header{margin-bottom:1.25rem}.vth__header h2{font-size:clamp(1.75rem, 4vw, 2.6rem);line-height:1.05;margin:0}.vth__eyebrow{color:var(--vth-green-dark);font-size:.76rem;font-weight:750;letter-spacing:.09em;margin:0 0 .4rem;text-transform:uppercase}.vth__filters{display:flex;flex-wrap:wrap;gap:.65rem}.vth__filter{color:var(--vth-muted);display:grid;font-size:.75rem;font-weight:700;gap:.25rem}.vth select,.vth input[type="search"]{background:#fff;border:1px solid var(--vth-border);border-radius:9px;color:var(--vth-ink);min-height:2.55rem;padding:.55rem .7rem}.vth__metrics{display:grid;gap:.75rem;grid-template-columns:repeat(5,minmax(0,1fr))}.vth__metric,.vth__ranking,.vth__opponents,.vth__empty{background:#fff;border:1px solid var(--vth-border);border-radius:18px;box-shadow:0 10px 30px rgb(16 20 16 / 7%)}.vth__metric{padding:1rem}.vth__metric span{color:var(--vth-muted);display:block;font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.vth__metric strong{display:block;font-size:clamp(1.25rem, 3vw, 2rem);margin-top:.2rem}.vth__form-panel{align-items:center;background:var(--vth-ink);border-radius:16px;color:#fff;display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr) auto;margin-top:1rem;padding:.85rem 1rem}.vth__form-panel>div:first-child span,.vth__trend span{color:#b8c4b8;display:block;font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.vth__form{display:flex;flex-wrap:wrap;gap:.35rem}.vth__form-result{align-items:center;background:#6b746b;border-radius:50%;display:inline-flex;font-size:.74rem;font-weight:800;height:1.8rem;justify-content:center;width:1.8rem}.vth__form-result--win{background:var(--vth-green);color:#061006}.vth__form-result--loss{background:#df3737}.vth__trend{text-align:right}.vth__trend small{color:#b8c4b8;display:block}.vth__rankings{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.vth__ranking{overflow:hidden;padding:1rem}.vth__badge-button{background:#fff0;border:0;cursor:zoom-in;display:block;margin:0 auto .6rem;max-width:30rem;padding:0;width:100%}.vth__badge-viewport,.vth__badge-dialog-viewport{aspect-ratio:3 / 2;display:block;overflow:hidden;position:relative;width:100%}.vth__badge-viewport img,.vth__badge-dialog-viewport img{display:block;height:100%;max-width:none;object-fit:cover;object-position:left center;transition:transform .18s ease;width:200%}.vth__badge-viewport--right img,.vth__badge-dialog-viewport.is-right img{transform:translateX(-50%)}.vth__badge-button:hover img,.vth__badge-button:focus-visible img{scale:1.02}.vth__badge-button:focus-visible{border-radius:12px;outline:3px solid var(--vth-green);outline-offset:3px}.vth__ranking-list{display:grid;gap:.55rem;list-style-position:inside;margin:0;padding:0}.vth__ranking-list li{align-items:center;background:var(--vth-surface);border-radius:10px;display:grid;gap:.2rem .65rem;grid-template-columns:auto minmax(0,1fr) auto;padding:.7rem .8rem}.vth__club-logo{background:#fff;border-radius:50%;display:block;height:3.25rem;object-fit:contain;padding:.2rem;width:3.25rem}.vth__ranking-list .vth__club-logo{grid-column:1;grid-row:1 / span 2}.vth__rank-name{font-weight:750;grid-column:2}.vth__ranking-list li>span:nth-of-type(2){color:var(--vth-muted);font-size:.78rem;grid-column:2}.vth__ranking-list strong{grid-column:3;grid-row:1 / span 2}.vth__insufficient{color:var(--vth-muted);text-align:center}.vth__explanation{color:var(--vth-muted);font-size:.78rem;margin-top:.8rem}.vth__explanation summary{cursor:pointer;font-weight:700}.vth__explanation p{line-height:1.5;margin:.4rem 0 0}.vth__opponents{margin-top:1rem;padding:1rem}.vth__section-heading{margin-bottom:.8rem}.vth__section-heading h3{margin:0}.vth__opponent-tools{display:flex;gap:.5rem}.vth__opponent-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.vth__opponent{align-items:center;background:var(--vth-surface);border-radius:12px;display:grid;gap:.25rem .7rem;grid-template-columns:auto minmax(0,1fr);padding:.9rem}.vth__opponent .vth__club-logo{grid-column:1;grid-row:1 / span 4}.vth__opponent h4,.vth__opponent p{grid-column:2;margin:0}.vth__opponent h4{grid-column:2}.vth__opponent p,.vth__opponent small{color:var(--vth-muted)}.vth__opponent strong,.vth__opponent small{grid-column:2}.vth__opponent strong{color:var(--vth-green-dark);font-size:1.2rem}.vth__empty{color:var(--vth-muted);padding:1rem}.vth__empty p{margin:0}.vth__badge-dialog{background:#0d110e;border:1px solid var(--vth-green);border-radius:16px;box-shadow:0 24px 70px rgb(0 0 0 / 45%);color:#fff;max-height:calc(100vh - 2rem);max-width:min(70rem, calc(100vw - 2rem));overflow:auto;padding:2.4rem 1rem 1rem;width:max-content}.vth__badge-dialog::backdrop{background:rgb(0 0 0 / 78%)}.vth__badge-dialog-viewport{width:min(67.875rem, 88vw)}.vth__badge-dialog-viewport img{margin:0}.vth__badge-dialog p{font-size:.9rem;font-weight:700;margin:.65rem 0 0;text-align:center}.vth__badge-close{align-items:center;background:#fff;border:0;border-radius:50%;color:var(--vth-ink);cursor:pointer;display:flex;font-size:1.35rem;height:2rem;justify-content:center;line-height:1;position:absolute;right:.6rem;top:.6rem;width:2rem}.vth__badge-close:hover,.vth__badge-close:focus-visible{background:var(--vth-green-bright);outline:2px solid #fff}@media (max-width:900px){.vth__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vth__opponent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.vth__header,.vth__section-heading{align-items:stretch;flex-direction:column}.vth__filters{display:grid;grid-template-columns:1fr 1fr}.vth__form-panel{align-items:start;grid-template-columns:1fr}.vth__trend{text-align:left}.vth__opponent-tools{display:grid;grid-template-columns:1fr}.vth__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vth__rankings,.vth__opponent-grid{grid-template-columns:1fr}.vth__badge-button{max-width:23rem}}@media (prefers-reduced-motion:reduce){.vth *,.vth *::before,.vth *::after{scroll-behavior:auto!important;transition:none!important}}