.player-search{position:relative;max-width:440px;margin:0 0 var(--space-8)}#player-search-input{width:100%;padding:.7rem .9rem .7rem 2.4rem;font-size:var(--font-size-base);font-family:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}#player-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 15%,transparent)}.explore-page{padding:var(--space-12) 0 var(--space-16)}.explore-header{border-top:3px solid var(--rule-strong);padding-top:var(--space-5);margin-bottom:var(--space-8)}.explore-hero-header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,.68fr);gap:var(--space-8);align-items:start}.explore-hero-copy{min-width:0}.explore-hero-art{margin:0;border:1px solid var(--ink);overflow:hidden;background:var(--paper)}.explore-hero-art img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}[data-theme=dark] .explore-hero-art img{filter:brightness(.75) contrast(1.04) saturate(.92)}.data-freshness{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono);margin-top:var(--space-3)}.hub-section{margin-bottom:var(--space-12)}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6) var(--space-8)}.hub-grid-tools{grid-template-columns:repeat(4,1fr)}.hub-card{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--ink);text-decoration:none;color:inherit}.hub-card:hover{text-decoration:none;color:inherit}.hub-card-cat{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.hub-card-flag{font-style:normal;color:var(--accent-primary)}.hub-card-name{font-family:var(--font-headline);font-weight:600;font-size:var(--font-size-xl);line-height:1.2;letter-spacing:-.01em;color:var(--text-primary);transition:color var(--transition-fast)}.hub-card:hover .hub-card-name{color:var(--accent-primary)}.hub-card-desc{font-size:var(--font-size-sm);line-height:1.5;color:var(--text-secondary)}.hub-card-cta{margin-top:auto;padding-top:var(--space-2);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);opacity:0;transform:translate(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.hub-card:hover .hub-card-cta{opacity:1;transform:none}@media(max-width:900px){.hub-grid,.hub-grid-tools{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.explore-hero-header{grid-template-columns:1fr;gap:var(--space-5)}.metrics-primer-eyebrow{display:none}}@media(max-width:560px){.hub-grid,.hub-grid-tools{grid-template-columns:1fr}.hub-card-cta{opacity:1;transform:none}}.metrics-primer{margin:var(--space-6) 0;background:var(--bg-secondary, #F0EFE8);border-radius:6px;border:1px solid var(--border-color)}.metrics-primer-summary{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none;user-select:none}.metrics-primer-summary::-webkit-details-marker{display:none}.metrics-primer-summary:before{content:"▸";color:var(--text-tertiary);font-size:.85em;display:inline-block;transition:transform .15s}.metrics-primer[open] .metrics-primer-summary:before{transform:rotate(90deg)}.metrics-primer-summary-q{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.metrics-primer-eyebrow{font-size:var(--font-size-xs);font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.metrics-primer-link{font-size:var(--font-size-xs);font-family:var(--font-mono, monospace);color:var(--accent-primary);text-decoration:none;white-space:nowrap}.metrics-primer-link:hover{text-decoration:underline}.metrics-primer-lead{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 var(--space-4) var(--space-4);line-height:1.55}.metrics-primer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2);margin:0 var(--space-4) var(--space-4)}.player-search{position:relative;max-width:440px;margin:0 0 var(--space-6)}.player-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.player-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:340px;overflow-y:auto;padding:4px}.player-search-results[hidden]{display:none}.player-search-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:8px 10px;border-radius:var(--border-radius);text-decoration:none;color:var(--text-primary)}.player-search-item:hover,.player-search-item.active{background:var(--bg-secondary);text-decoration:none}.psr-name{font-weight:600;font-size:var(--font-size-sm)}.psr-tag{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono, monospace);white-space:nowrap}.player-search-empty{padding:10px;font-size:var(--font-size-sm);color:var(--text-tertiary)}.primer-card{display:block;padding:var(--space-3);background:var(--bg-primary, #fff);border-radius:4px;border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:border-color .12s,transform .12s}.primer-card:hover{border-color:var(--accent-primary, #B33A3A);transform:translateY(-1px)}.primer-card-name{display:block;font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary);margin-bottom:2px}.primer-card-tag{display:inline-block;font-family:var(--font-mono, monospace);font-size:9px;padding:1px 5px;background:var(--text-tertiary, #888);color:#fff;border-radius:2px;letter-spacing:.04em;margin-bottom:var(--space-2)}.primer-card-def{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}
