.weekly-crowns { min-width:0; border:1px solid rgba(255,199,47,.4); border-radius:14px; padding:16px; background:linear-gradient(135deg,rgba(88,31,130,.2),rgba(255,199,47,.04)); }
.weekly-crown-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.weekly-crown-heading h3 { margin:0; font-size:20px; }
.weekly-crown-stat { display:flex; align-items:center; gap:10px; margin:16px 0; }
.weekly-crown-stat strong { font-size:32px; color:#ffe081; }
.weekly-crown-stat span { color:var(--drafted-text-secondary,#bdb5c7); }
.weekly-crown-icon { width:28px; height:24px; display:inline-block; object-fit:contain; vertical-align:middle; filter:drop-shadow(0 0 5px rgba(255,199,47,.25)); }
.weekly-crown-cosmetic { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:12px; border:1px solid rgba(255,199,47,.28); border-radius:12px; }
.weekly-crown-cosmetic > div { flex:1; min-width:160px; }
.weekly-crown-cosmetic p,.weekly-crowns > p { margin:6px 0 0; font-size:13px; line-height:1.5; color:var(--drafted-text-secondary,#bdb5c7); }
.weekly-crown-cosmetic button,.weekly-crowns [data-crown-more],.weekly-crowns [data-crown-retry] { min-height:44px; }
.weekly-crown-preview { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.weekly-crown-preview[hidden] { display:none; }
.weekly-crowns details { margin-top:14px; }
.weekly-crowns summary { min-height:44px; cursor:pointer; color:#ffe081; font-weight:800; padding:10px 0; }
.weekly-crown-history { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.weekly-crown-history li { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; padding:10px 0; border-top:1px solid rgba(255,255,255,.12); font-size:13px; }
.weekly-crown-history small { color:var(--drafted-text-secondary,#bdb5c7); }
.weekly-crown-feedback { font-size:13px; color:#ffe081; margin:10px 0; }
.weekly-crowns button:focus-visible,.weekly-crowns summary:focus-visible { outline:2px solid #ffe081; outline-offset:3px; }
.weekly-crown-name-slot { display:inline-flex; align-items:center; flex:0 0 auto; vertical-align:middle; }
.weekly-crown-name-slot:empty { display:none; }
.weekly-crown-name-icon { display:inline-block; width:22px; height:19px; object-fit:contain; vertical-align:middle; filter:drop-shadow(0 0 4px rgba(255,199,47,.35)); }
.global-rank-row .weekly-crown-name-slot { margin-left:4px; }