.city-statistics{--stats-green:#326522;--stats-ink:#26362b;--stats-muted:#596451;--stats-line:#c9cdbf;color:var(--stats-ink)}
#statistiken .section-title h2{font-size:clamp(2rem,4.5vw,3.6rem);text-transform:none}
#statistiken .stats-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin:0 0 36px}
#statistiken .stats-metric{min-width:0;padding:26px 28px;background:#fafbf4;border:1px solid var(--stats-line);border-top:4px solid #4b8836;box-shadow:5px 5px 0 #233b1910}
#statistiken .stats-label{display:block;font:650 14px/1.5 system-ui,sans-serif;letter-spacing:.045em;text-transform:uppercase;color:var(--stats-green)}
#statistiken .stats-metric>strong{display:block;margin:10px 0;font:650 clamp(2rem,4vw,3.5rem)/1.2 system-ui,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#statistiken .stats-metric>p{margin:0;max-width:52ch;font:400 14px/1.65 system-ui,sans-serif;color:var(--stats-muted)}
#statistiken .stats-citizen-details{margin-top:20px;padding-top:14px;border-top:1px solid var(--stats-line)}
#statistiken .stats-citizen-details summary{cursor:pointer;font:650 14px/1.5 system-ui,sans-serif;color:var(--stats-green);padding:5px 0}
#statistiken .stats-citizen-details ul{list-style:none;padding:0;margin:12px 0 0;max-height:360px;overflow:auto}
#statistiken .stats-citizen-details li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #dbe0d2;min-width:0}
#statistiken .stats-citizen-details li>div{min-width:0}
#statistiken .stats-citizen-details strong{display:block;font:600 14px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
#statistiken .stats-citizen-details small{display:block;font:400 12px/1.5 system-ui,sans-serif;color:var(--stats-muted)}
#statistiken .stats-citizen-details p{font:400 14px/1.6 system-ui,sans-serif;margin:12px 0}
#statistiken .stats-citizen-details button{margin-top:14px;background:#fff;border:1px solid var(--stats-line);padding:10px 14px;color:var(--stats-green);cursor:pointer;font:600 14px/1.5 system-ui,sans-serif}
#statistiken .stats-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
#statistiken .stats-tabs button{padding:14px 10px;min-height:48px;border:1px solid #aebba5;background:#fafbf6;color:#36522e;cursor:pointer;font:600 14px/1.4 system-ui,sans-serif;border-radius:0;overflow-wrap:anywhere}
#statistiken .stats-tabs button[aria-selected=true]{color:#fff;background:#356c24;border-color:#356c24;box-shadow:inset 0 -3px 0 #193811}
#statistiken .stats-tabs button:hover{border-color:#356c24}
#statistiken :is(button,summary,[role=tabpanel]):focus-visible{outline:3px solid #527e32;outline-offset:4px}
#statistiken #stats-explanation{min-height:3.2em;margin:0 0 16px;font:400 14px/1.6 system-ui,sans-serif;color:var(--stats-muted)}
#statistiken .stats-table-wrap{border:1px solid var(--stats-line);background:#fffef9;box-shadow:5px 5px 0 #233b1910}
#statistiken .stats-table{table-layout:fixed;border-collapse:collapse;width:100%;margin:0;color:var(--stats-ink);font:400 15px/1.5 system-ui,sans-serif}
#statistiken .stats-place-col{width:72px}#statistiken .stats-value-col{width:42%}
#statistiken .stats-table th{background:#eef2e6;color:#53634b;font:600 12px/1.5 system-ui,sans-serif;text-align:left}
#statistiken .stats-table :is(th,td){padding:18px 22px;border:0;border-bottom:1px solid #dce0d4;overflow-wrap:anywhere;vertical-align:middle}
#statistiken .stats-table tr:last-child td{border-bottom:0}
#statistiken .stats-table :is(th,td):last-child{text-align:right}
#statistiken .stats-table .stats-empty{text-align:center;padding:32px 20px;color:var(--stats-muted)}
#statistiken .stats-player{display:flex;align-items:center;gap:12px;min-width:0;font-weight:600}
#statistiken .stats-head{display:block;flex:none;width:40px;height:40px;border-radius:3px;image-rendering:pixelated;background:#dce6d2;object-fit:cover}
#statistiken .stats-value{display:block;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;color:#345529}
#statistiken .stats-breakdown{display:block;margin-top:4px;font-size:12px;font-weight:400;color:var(--stats-muted)}
#statistiken .stats-loss{color:#973a35}#statistiken .stats-gain{color:#287036}
#statistiken .stats-meta{margin:20px 0 0;font:400 13px/1.6 system-ui,sans-serif;color:var(--stats-muted)}
#statistiken .stats-feedback{margin:8px 0 0;font:500 14px/1.6 system-ui,sans-serif;color:#855016}
#statistiken .stats-feedback:empty{display:none}
#statistiken [hidden]{display:none!important}
#statistiken .stats-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:640px){
 #statistiken .stats-summary{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 #statistiken .stats-metric{padding:22px 20px}
 #statistiken .stats-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #statistiken .stats-tabs button{font-size:13px;padding:12px 8px}
 #statistiken .stats-place-col{width:38px}#statistiken .stats-value-col{width:43%}
 #statistiken .stats-table :is(th,td){padding:14px 8px}
 #statistiken .stats-table{font-size:13px}
 #statistiken .stats-player{gap:8px;align-items:flex-start}
 #statistiken .stats-head{width:30px;height:30px}
 #statistiken .stats-value{font-size:14px}
 #statistiken .stats-breakdown{font-size:11px}
}