h1{font-size:clamp(38px,5vw,65px)}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stats-summary article{border:1px solid var(--line);padding:24px;background:#15140f}.stats-summary small{display:block;font-size:10px;letter-spacing:2px;color:var(--gold)}.stats-summary strong{font:34px/1.5 Georgia;display:block;overflow-wrap:anywhere}.table-wrap{overflow-x:auto;border:1px solid var(--line);margin:20px 0}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line)}th{color:var(--gold);font-size:10px;letter-spacing:1px;background:#18160f}td small{display:block;color:var(--muted)}tbody tr:hover{background:#d4ad6308}.search{flex:1;min-width:220px}.toolbar{align-items:end}.toolbar label{min-width:130px}.snapshot-label{flex:1}.toolbar select{max-width:none;margin:0}.gold{color:var(--gold);text-decoration:underline}.pagination{justify-content:center;align-items:center}.negative{color:#e9a196}.positive{color:#c7dcaa}#message{white-space:pre-wrap;overflow-wrap:anywhere}.stats-summary+ p{overflow-wrap:anywhere}@media(max-width:700px){.stats-summary{grid-template-columns:1fr;gap:10px}.stats-summary article{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.stats-summary strong{font-size:26px}.toolbar.panel{padding:18px}.snapshot-label{flex-basis:100%}th,td{padding:12px}.stats-summary small{letter-spacing:1px}}

/* Clear, color-coded metric cards for quick kingdom scanning. */
.stats-summary article{--metric:#d7b45b;position:relative;isolation:isolate;overflow:hidden;border-color:color-mix(in srgb,var(--metric) 42%,#29251c);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--metric) 12%,#15140f),#11110f 72%);box-shadow:inset 0 1px 0 #ffffff08,0 10px 28px #0003;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.stats-summary article::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:4px;background:var(--metric);opacity:.9}
.stats-summary article::after{content:"";position:absolute;z-index:-1;width:110px;height:110px;right:-42px;top:-48px;border-radius:50%;background:var(--metric);opacity:.07;filter:blur(4px)}
.stats-summary article:hover{transform:translateY(-2px);border-color:var(--metric);box-shadow:inset 0 1px 0 #ffffff0a,0 14px 34px #0005}
.stats-summary article small{color:var(--metric);font-weight:700}
.stats-summary article strong{color:#f3eee1;text-shadow:0 0 24px color-mix(in srgb,var(--metric) 24%,transparent);font-variant-numeric:tabular-nums}
.stats-summary .stat-hint{display:block;margin-top:3px;color:#a69e8b;font-size:11px;letter-spacing:.02em}
.stats-summary article:nth-child(1){--metric:#6ccfc3}.stats-summary article:nth-child(2){--metric:#76a9ee}.stats-summary article:nth-child(3){--metric:#e6bd65}.stats-summary article:nth-child(4){--metric:#c29aff}.stats-summary article:nth-child(5){--metric:#ff8d78}.stats-summary article:nth-child(6){--metric:#86d59b}
.ranking-heading .count-badge{border-color:#6ccfc355;background:#6ccfc311;color:#a9eee5}
.scan-label{color:#a9eee5;border-left:3px solid #6ccfc3;background:#6ccfc30c;padding:12px 15px;border-radius:0 8px 8px 0}
.alliance-badge{border-color:#76a9ee66!important;color:#a9ccff!important;background:#76a9ee12!important}
.stats-summary+ p{border-left:3px solid #d7b45b;background:#d7b45b0b;padding:13px 16px;border-radius:0 8px 8px 0;color:#d1c7b2}
@media(prefers-reduced-motion:reduce){.stats-summary article{transition:none}.stats-summary article:hover{transform:none}}