/* DRAGONRISE / DRACHEN-STATS – ergänzende Konzeptseite, Design Atlas */
.dragon-stat-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}
.dragon-stat-overview>div{display:grid;gap:6px;padding:19px 21px;border:1px solid #2b4157;background:#101c2a;border-radius:11px}
.dragon-stat-overview span{color:#83b6d9;font-size:10px;letter-spacing:.10em;font-weight:750}
.dragon-stat-overview strong{font-size:31px;line-height:1.1;color:#edf6ff}
.dragon-stat-overview small{font-size:12px;color:#a7bccf}
.dragon-stat-principle{padding:20px 22px;background:#122237;border:1px solid #315471;border-left:3px solid #6eb6fa;border-radius:10px;color:#c6d7e6;font-size:13px;line-height:1.85}
.dragon-stat-principle strong{color:#e4f4ff}.dragon-stat-principle a{color:#9dd4fc;text-decoration:underline;text-decoration-color:#527f9e}
.dragon-stat-principle-end{margin-top:18px}
.dragon-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dragon-stat-item{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:22px 21px;border:1px solid #2b4054;border-radius:12px;background:#111e2c}
.dragon-stat-item h3{font-size:17px;line-height:1.34;margin:14px 0 8px;overflow-wrap:break-word}
.dragon-stat-item>p{font-size:13px;line-height:1.7;color:#b9cad9;margin:0 0 18px;flex:1}
.dragon-stat-top{display:flex;align-items:center;justify-content:space-between}
.dragon-stat-icon{width:39px;height:39px;display:grid;place-items:center;color:#c6e9ff;background:#1a354b;border:1px solid #325979;border-radius:9px;font-size:20px}
.dragon-stat-index{font-size:11px;color:#738fa7;font-weight:750;letter-spacing:.13em}
.dragon-stat-element,.dragon-stat-vanilla{display:grid;gap:4px;padding-top:11px;margin-top:11px;border-top:1px solid #283d51;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.dragon-stat-element b,.dragon-stat-vanilla b{font-size:10px;font-weight:750;color:#8ec3e8;letter-spacing:.08em;text-transform:uppercase}
.dragon-stat-element span,.dragon-stat-vanilla span{color:#b6c8d8}
.dragon-affinities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dragon-affinity-row{border:1px solid #2c4357;border-radius:11px;background:#111e2b;padding:16px 18px;min-width:0}
.dragon-affinity-head{font-size:15px;color:#aedfff;font-weight:740;margin-bottom:11px}
.dragon-affinity-items{display:grid;gap:0}
.dragon-affinity-pair{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid #263b4e;line-height:1.55;min-width:0}
.dragon-affinity-pair strong{font-size:12px;color:#e6f1fa;font-weight:650}
.dragon-affinity-pair span{font-size:12px;color:#aebfd0;overflow-wrap:break-word}
.dragon-stat-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.dragon-stat-examples .card{min-width:0}.dragon-stat-examples p{font-size:13px}
@media(max-width:1250px){.dragon-stat-grid,.dragon-stat-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dragon-affinities{grid-template-columns:1fr}}
@media(max-width:660px){.dragon-stat-overview,.dragon-stat-grid,.dragon-stat-examples{grid-template-columns:1fr}.dragon-stat-item{padding:19px}.dragon-affinity-pair{grid-template-columns:80px minmax(0,1fr);gap:7px}}

/* Neutrale Drachen-Statbeispiele */
.dragon-stat-sample{display:grid;gap:0;margin-top:15px}
.dragon-stat-sample>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid #2b4054;font-size:13px;color:#bdd0df}
.dragon-stat-sample strong{color:#e8f6ff;white-space:nowrap;font-variant-numeric:tabular-nums}