/* Community Ranking Index (CRI) block styles — helles, in sich geschlossenes Karten-Design.
   Ausgelagert aus dem publizierten games_content-Block (tiwebos_clan_publish.py): ein inline
   <style> ist im <body>/<article> W3C-invalid (metadata content). Der Block laedt diese Datei
   same-origin per <link rel="stylesheet"> (in body flow erlaubt) — kein Fleet-CSS-Bloat, cachebar. */
.cri-wrap{font-family:'Segoe UI',system-ui,sans-serif;margin:24px 0;background:#fbfcfe;border:1px solid #e3e7ee;border-radius:12px;padding:18px 20px;box-shadow:0 2px 12px rgba(25,40,65,.07);color:#1b2128}
.cri-wrap h3{margin:0 0 4px;font-size:1.5em;color:#0e141b}
.cri-intro{color:#5c6573;font-size:.9em;margin:0 0 14px}
.cri-section{margin:12px 0;border:1px solid #e7ebf1;border-radius:9px;background:#fff;overflow:hidden}
.cri-section>summary{cursor:pointer;list-style:none;padding:10px 14px;font-weight:700;color:#222a33;background:#eef2f7;font-size:1.02em}
.cri-section>summary::-webkit-details-marker{display:none}
.cri-section>summary::before{content:'\25B8  ';color:#7a8595}
.cri-section[open]>summary::before{content:'\25BE  '}
.cri-count{color:#7a8595;font-weight:500;font-size:.85em}
.cri-scroll{overflow-x:auto}
.cri-table{width:100%;border-collapse:collapse;font-size:.95em}
.cri-table th,.cri-table td{padding:9px 11px;text-align:left;border-bottom:1px solid #eef1f5;vertical-align:top}
.cri-table th{color:#6a7382;font-weight:600;font-size:.8em;text-transform:uppercase;letter-spacing:.04em;background:#f7f9fc}
.cri-table tbody tr:nth-child(even){background:#f6f8fb}
.cri-rank{font-weight:700;color:#3a434f;width:2.4em}
.cri-about>summary{cursor:pointer;list-style:none;color:#0b5fb0;font-weight:700}
.cri-about>summary::-webkit-details-marker{display:none}
.cri-about>summary:hover{text-decoration:underline}
.cri-about-body{margin:6px 0 2px;color:#37404b;font-size:.9em;line-height:1.5;max-width:520px;font-weight:400}
.cri-name-plain{font-weight:700;color:#222a33}
.cri-attr{color:#55606e}
.cri-score{font-weight:700;color:#16915a}
.cri-all{color:#6b7480}
.cri-up{color:#16915a}.cri-down{color:#d23b3b}.cri-flat{color:#9aa2ad}
.cri-tier{display:inline-block;padding:2px 9px;border-radius:11px;background:#eef0f4;color:#7a5d12;font-size:.8em;font-weight:600}
.cri-prog{color:#55606e;font-size:.9em}
.cri-src>summary{cursor:pointer;list-style:none;color:#5c6573;font-size:.88em}
.cri-src>summary::-webkit-details-marker{display:none}
.cri-src ul{margin:6px 0 0;padding-left:16px}
.cri-src li{margin:3px 0;font-size:.84em;color:#4a525d}
.cri-src a{color:#0b5fb0}
.cri-more-cb{position:absolute;left:-9999px}
.cri-extra{display:none}
.cri-more-cb:checked ~ .cri-scroll .cri-extra{display:table-row-group}
.cri-more-wrap{padding:9px 14px;background:#fff;border-top:1px solid #eef1f5}
.cri-more-btn{display:inline-block;cursor:pointer;color:#0b5fb0;font-weight:600;font-size:.88em}
.cri-more-btn:hover{text-decoration:underline}
.cri-more-btn .cri-more-less{display:none}
.cri-more-cb:checked ~ .cri-more-wrap .cri-more-btn .cri-more-show{display:none}
.cri-more-cb:checked ~ .cri-more-wrap .cri-more-btn .cri-more-less{display:inline}
