/* User-facing counterpart of the guild leadership raid cards. */
#upcomingRaidCards{display:block}
#upcomingRaidCards .instance-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))!important;gap:16px;align-items:stretch!important}
#upcomingRaidCards .raid-card-group{margin-bottom:24px}
#upcomingRaidCards .raid-card-group-title{color:var(--gold);font-size:14px;font-weight:800;margin-bottom:12px}
.user-raid-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(var(--gold-rgb),.5);border-top:2px solid var(--gold);border-radius:10px;background:linear-gradient(145deg,#1c2432,#171e2a);color:#eef2f7;box-shadow:0 8px 22px #0003;font-size:13px;line-height:1.45}
.user-raid-card *{box-sizing:border-box}
.ur-content{padding:16px;display:flex;flex:1;flex-direction:column}
.ur-header{display:flex;align-items:center;gap:12px;min-height:68px}
.ur-header img{width:48px;height:58px;flex:0 0 48px;object-fit:contain;border:1px solid #ffffff0d;border-radius:6px;background:#0c1220}
.ur-header h3{font-size:15px;line-height:1.3;font-weight:750;margin:0 0 5px;color:#f1f5f9;overflow-wrap:anywhere}
.ur-header p{font-size:11px;line-height:1.5;color:#b4bfce;margin:0}
.ur-states{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}
.ur-states span{padding:3px 6px;border-radius:4px;background:#0b1220;color:#b4bfce;font-size:10px;font-weight:700}
.ur-states span:first-child{color:var(--gold);background:rgba(var(--gold-rgb),.09)}
.ur-metrics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;border-block:1px solid #ffffff12;margin-top:16px;padding:16px 0}
.ur-metrics strong{display:block;font-size:25px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums}
.ur-metrics span{display:block;font-size:10px;color:#b4bfce;margin-top:5px}
.ur-hint,.ur-own{font-size:11px;line-height:1.6;min-height:36px;margin:12px 0;color:var(--gold)}
.ur-own{color:#a7f3d0}
.ur-pin{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 16px}
.ur-pin small{display:block;color:#b4bfce;font-size:10px;font-weight:750;letter-spacing:.08em}
.ur-pin strong{display:block;color:var(--gold);font-size:22px;letter-spacing:.12em;line-height:1.3}
.user-raid-card button{font-family:inherit;font-size:11px;font-weight:750;line-height:1.4;min-height:36px;border:1px solid #ffffff14;border-radius:5px;background:#0c1220;color:#eef2f7;padding:8px;cursor:pointer;white-space:normal}
.user-raid-card button:hover{border-color:var(--gold);background:rgba(var(--gold-rgb),.1)}
.user-raid-card button:focus-visible,.ur-details summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.user-raid-card button:disabled{opacity:.45;cursor:default}
.ur-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;margin-top:auto}
.user-raid-card .ur-primary{background:var(--gold);border-color:var(--gold);color:#07121e}
.user-raid-card .ur-primary:hover{filter:brightness(1.12);background:var(--gold)}
.ur-details{border-top:1px solid #ffffff10;background:#ffffff02;padding:0 16px}
.ur-details summary{padding:12px 0;cursor:pointer;font-size:11px;color:#b4bfce}
.ur-details>div{padding-bottom:12px}.ur-details p{margin:0 0 8px;font-size:11px;color:#b4bfce}
.ur-details .start-raid-signups{gap:5px}.ur-details .start-raid-signup-chip{font-size:10px;border-radius:4px;font-weight:600}
@media(max-width:600px){#upcomingRaidCards .instance-grid{grid-template-columns:1fr!important}.user-raid-card button{min-height:44px}.ur-header h3{font-size:16px}.ur-content{padding:16px}.ur-details summary{min-height:44px}}