:root{--bg: #171310;--bg-gradient: radial-gradient(ellipse at top, #241d14 0%, #14100c 60%);--panel: #221b12;--panel-alt: #2b2216;--panel-raised: #322818;--border: #4d3c22;--border-bright: #7a5f30;--gold: #c8a962;--gold-bright: #f0cf7a;--text: #ece3cd;--text-dim: #b3a488;--text-faint: #7d735d;--red: #e0685f;--green: #7cc576;--blue: #6fa8dc;--radius: 6px;--font-heading: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, Segoe UI, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg-gradient) fixed,var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);color:var(--gold-bright);margin:0}a{color:var(--gold)}button{font-family:inherit}::selection{background:var(--gold);color:#1a1408}.panel{background:linear-gradient(180deg,var(--panel-alt),var(--panel));border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px #00000059,inset 0 1px #ffffff08}.period-btn{background:var(--panel-alt);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:.25rem .7rem;font-size:.75rem;cursor:pointer}.period-btn:hover{border-color:var(--border-bright)}.period-btn.is-active{background:var(--gold);border-color:var(--gold);color:#221a0c;font-weight:600}.page-shell{max-width:1000px;margin:0 auto;padding:1.25rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.1rem}.page-shell__topbar{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.page-shell__brand{font-family:var(--font-heading);color:var(--gold-bright);text-decoration:none;font-weight:700;font-size:1.1rem;white-space:nowrap}app-search-bar{flex:1;min-width:220px;max-width:420px}.page-shell__status{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;text-align:center;color:var(--text-dim)}.page-shell__status--error{color:var(--red)}.spinner{width:2rem;height:2rem;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{background:var(--panel-alt);border:1px solid var(--border-bright);color:var(--text);border-radius:999px;padding:.4rem 1.1rem;cursor:pointer}.retry-btn:hover{border-color:var(--gold)}.page-shell__section{display:flex;flex-direction:column;gap:.6rem}.page-shell__section h2{font-size:1.1rem}.badge{font-size:.72rem;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--border-bright);color:var(--text-dim);background:var(--panel-alt);text-transform:uppercase;letter-spacing:.03em}.badge--type{color:var(--gold-bright);border-color:var(--gold)}.stat{display:flex;flex-direction:column}.stat__value{font-size:1.05rem;font-weight:600;color:var(--gold-bright);font-variant-numeric:tabular-nums}.stat__label{font-size:.7rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead th{position:sticky;top:0;background:var(--panel);text-align:left;color:var(--text-faint);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.3rem .4rem}.data-table td{padding:.35rem .4rem;border-top:1px solid rgba(255,255,255,.04)}.data-table .col-right{text-align:right;font-variant-numeric:tabular-nums}.data-table .sort-btn{display:inline-flex;align-items:center;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.data-table .sort-btn:hover{color:var(--text)}.scrollbar::-webkit-scrollbar{height:8px;width:8px}.scrollbar::-webkit-scrollbar-track{background:var(--panel)}.scrollbar::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}