.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px;width:max-content;max-width:100%}.tab{appearance:none;border:0;cursor:pointer;background:transparent;color:var(--ink-soft);padding:10px 18px;border-radius:var(--radius-pill);font-family:inherit;font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;gap:8px}.tab:hover{color:var(--ink)}.tab.active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm)}.tab-count{background:var(--cream-2);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);padding:1px 8px;font-size:.8rem;font-weight:600;min-width:22px;text-align:center}.tab.active .tab-count{background:var(--teal-50);color:var(--teal-deep);border-color:var(--teal-50)}.tab-lead{margin:0}.post-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.post{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .06s ease,box-shadow .15s ease}.post:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--ink)}.post .ph{aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--olive-50),var(--teal-50));overflow:hidden;position:relative}.post .ph img{width:100%;height:100%;object-fit:cover;display:block}.post .ph .badge{position:absolute;top:10px;left:10px}.post .body{padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.post .body h3{font-size:1.1rem;line-height:1.2;margin:0 0 2px;font-family:Fraunces,serif}.post .body .meta{color:var(--ink-soft);font-size:.9rem}.post .body .detail{color:var(--ink);font-size:.85rem;font-weight:500;margin-top:2px}.post .body .marks{color:var(--ink-soft);font-size:.82rem;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post .body .footline{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--ink-soft)}.post .body .where{font-variant-numeric:tabular-nums}@media (max-width: 480px){.post-grid{grid-template-columns:1fr}}.match-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.match-card{background:var(--paper);border:2px solid var(--terracotta-50);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow .15s ease,border-color .15s ease}.match-card:hover{box-shadow:var(--shadow-md);border-color:var(--terracotta)}.match-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--terracotta-50);border-bottom:1px solid var(--terracotta-50);flex-wrap:wrap}.match-score-big{display:flex;align-items:baseline;gap:10px;font-family:Fraunces,serif}.match-score-big .pct{font-size:2rem;line-height:1;font-weight:600;color:var(--terracotta)}.match-score-big .pct-label{color:var(--ink-soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.5px}.match-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);position:relative}.match-pair:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:var(--paper);border:2px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);font-size:1.2rem;z-index:2;pointer-events:none}.match-side{display:block;aspect-ratio:1;overflow:hidden;position:relative;text-decoration:none;color:inherit;background:var(--cream-2)}.match-side img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.match-side:hover img{transform:scale(1.05)}.match-side .corner-label{position:absolute;top:10px;left:10px;padding:4px 10px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.7px;border-radius:var(--radius-pill)}.match-side.lost-side .corner-label{background:var(--terracotta);color:#fff}.match-side.sighting-side .corner-label{background:var(--teal-deep);color:#fff}.match-body{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.match-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);font-size:.88rem}.match-meta>div{min-width:0}.match-meta .meta-label{color:var(--ink-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.match-meta .meta-value{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-bars{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:.75rem}.match-bar{display:grid;grid-template-columns:70px 1fr 32px;align-items:center;gap:6px}.match-bar .bar-label{color:var(--ink-soft)}.match-bar .bar-track{height:6px;background:var(--cream-2);border-radius:var(--radius-pill);overflow:hidden}.match-bar .bar-fill{height:100%;background:var(--terracotta);border-radius:var(--radius-pill);transition:width .3s ease}.match-bar .bar-fill.weak{background:var(--olive)}.match-bar .bar-pct{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right}.match-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-actions a{text-align:center;font-size:.88rem;padding:10px 12px;border-radius:var(--radius-pill);text-decoration:none;font-weight:500;transition:background .1s,color .1s}.match-actions a.lost-cta{background:var(--terracotta);color:#fff;border:1px solid var(--terracotta)}.match-actions a.lost-cta:hover{background:var(--terracotta-deep);color:#fff}.match-actions a.sighting-cta{background:var(--paper);color:var(--teal-deep);border:1px solid var(--teal-deep)}.match-actions a.sighting-cta:hover{background:var(--teal-50)}@media (max-width: 480px){.match-grid{grid-template-columns:1fr}}