/* Arena leşi paneli (#arena-les, köy arenası bölümünün altında; arena-les.js) */
.les{margin-top:48px;padding-top:40px;border-top:1px solid #854b5033;text-align:left}
.les-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:24px}
.les-intro h3{font:clamp(22px,2.4vw,30px)/1.2 Georgia,"Times New Roman",serif;color:#e9d4c1;margin:8px 0 0}
.les-intro p{font-size:13px;line-height:1.75;color:#b4a4a5;margin:0 0 8px}
.les-grid{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:start}
.les-weapons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.les-weapons button{flex:1 1 auto;padding:8px 10px;font-size:12px;color:#c9b8b9;background:#1b1516;border:1px solid #854b5040;cursor:pointer}
.les-weapons button[aria-pressed="true"]{color:#fff;border-color:#c56d75;background:#302021}
/* oyundaki eşya ipucu: siyah yarı saydam kutu, ortalı satırlar, uitooltip.py renkleri */
.les-tooltip{background:#000000d9;border:1px solid #ffffff2e;box-shadow:0 0 0 1px #000;padding:12px 14px 14px;text-align:center;font:12px/1.55 Tahoma,Verdana,"Segoe UI",sans-serif;color:#c2c2c2;min-height:150px}
.les-tooltip img{display:block;margin:0 auto 6px;image-rendering:pixelated}
.les-tooltip p{margin:0}
.les-tooltip .t-name{color:#f2e7c1;font-weight:700;margin-bottom:4px}
.les-tooltip .t-cond{color:#beb47d}
.les-tooltip .t-gap{height:8px}
.les-tooltip .t-les{color:#b0dfb4}
.les-tooltip .t-next{color:#beb47d}
.les-controls{border:1px solid #854b5040;background:linear-gradient(160deg,#1d1517,#120c0e);padding:16px 18px}
.les-count{margin:0 0 10px;font-size:12px;color:#b4a4a5;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.les-count b{font:28px Georgia,serif;color:#e9d4c1;font-variant-numeric:tabular-nums}
.les-progress{height:6px;background:#2a1d1f;border-radius:3px;overflow:hidden;margin-bottom:12px}
.les-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#854b50,#df202c);transition:width .35s ease}
.les-tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.les-tiers li{padding:8px 6px;text-align:center;border:1px solid #854b5033;background:#16100f;font-size:11px;color:#998a8b;transition:border-color .2s,background .2s}
.les-tiers b{display:block;font-size:13px;color:#c9b8b9;font-variant-numeric:tabular-nums}
.les-tiers em{display:block;font-style:normal;margin-top:4px;color:#8f8283;font-size:13px}
.les-tiers li.is-reached{border-color:#4f8f62;background:#13201a}
.les-tiers li.is-reached em{color:#b0dfb4}
.les-tier-label{margin:6px 0 14px;font-size:11px;color:#998a8b;text-align:center}
.les-buttons{display:flex;gap:8px;flex-wrap:wrap}
.les-note{margin:12px 0 0;font-size:11px;color:#998a8b}
.les-rules{margin-top:18px;padding:14px 16px;border-left:2px solid #854b50;background:#16100f}
.les-rules b{display:block;font-size:12px;color:#e4dfe0;margin-bottom:6px}
.les-rules ul{margin:0;padding-left:18px;columns:2;column-gap:28px}
.les-rules li{font-size:12px;line-height:1.7;color:#b4a4a5;break-inside:avoid}
.les .fine-print{margin-top:12px}
@media (max-width:820px){
 .les-intro,.les-grid{grid-template-columns:minmax(0,1fr)}
 .les-rules ul{columns:1}
}
@media (max-width:480px){
 .les-tiers{grid-template-columns:repeat(3,minmax(0,1fr))}
}