.featured-shell { width: 100%; min-width: 0; max-width: none; margin: 0; display: grid; gap: 20px; }
.featured-panel { padding: clamp(18px, 3vw, 30px); background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 5px 20px #0f172a08; }
.featured-panel h1,.featured-panel h2 { margin: 0 0 8px; color: #0b2240; }
.featured-muted { color: #64748b; line-height: 1.5; }
.featured-picker-grid,.featured-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.featured-picker { display: grid; gap: 8px; font-weight: 600; }
.featured-picker input,.featured-picker select { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #cbd5e1; border-radius: 9px; background: #fff; color: #0f172a; }
.featured-card { display: grid; gap: 16px; padding: 22px; border: 1px solid #dce4ef; border-radius: 14px; background: #fff; color: #0f172a; text-decoration: none; text-align: left; font: inherit; cursor: pointer; }
.featured-card:hover { border-color: #527399; box-shadow: 0 6px 20px #0f172a12; }
.featured-pair { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; font-size: 1.12rem; font-weight: 700; }
.featured-pair span:last-child { text-align: right; }
.featured-vs { border-radius: 50%; background: #0b2240; color: #fff; padding: 10px; font-size: .7rem; letter-spacing: .05em; }
.featured-card small { color: #52657c; font-weight: 600; }
.featured-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.featured-actions button { padding: 10px 15px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #0b2240; cursor: pointer; }
.featured-actions .featured-primary { background: #0b2240; color: #fff; border-color: #0b2240; }
.featured-actions button:disabled { opacity: .45; cursor: default; }
.featured-status { min-height: 24px; color: #334155; }
.featured-card:focus-visible,.featured-actions button:focus-visible { outline: 3px solid #428fe5; outline-offset: 3px; }
@media(max-width:600px) { .featured-picker-grid,.featured-grid { grid-template-columns: 1fr; } }
.featured-preview { --team-a: #0b2240; --team-b: #52657c; min-width: 0; overflow: hidden; border: 1px solid #dce4ef; border-top: 4px solid #0b2240; border-radius: 14px; background: #fff; padding: 20px; }
.featured-preview-player { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center !important; }
.featured-preview-player img { object-fit: contain; border-radius: 50%; background: #f1f5f9; border: 3px solid var(--team-a); }
.featured-preview-player:last-child img { border-color: var(--team-b); }
.featured-preview-heading { display: flex; justify-content: space-between; gap: 8px; font-size: .65rem; letter-spacing: .1em; font-weight: 800; color: #52657c; }
.featured-preview .featured-pair { margin: 20px 0; font-size: 1.1rem; color: #0b2240; }
.featured-preview .featured-pair span { overflow-wrap: anywhere; }
.featured-preview-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr); align-items: center; gap: 8px; padding: 10px 0; border-top: 1px solid #dce4ef; text-align: center; }
.featured-preview-row strong { font-size: 1.2rem; font-variant-numeric: tabular-nums; color: #0b2240; }
.featured-preview-row strong:last-child { color: #934415; }
.featured-preview-row span { font-size: .78rem; color: #52657c; }
.featured-preview-open { display: block; width: 100%; margin-top: 16px; padding: 12px; border: 1px solid #c9d6e5; border-radius: 8px; background: #fff; color: #0b2240; font: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; }
.featured-preview-open:hover { background: #edf3fa; }
.featured-preview-open:focus-visible { outline: 3px solid #428fe5; outline-offset: 3px; }