/* 15.1.19 — último retune visual antes de migrar de chat.
   Acerca la selección al lenguaje de la referencia: panel brillante contenido,
   líneas rojas/azules, acentos de jugador y contraste alto sin volver a Fortnite. */

#screenSelect {
  background:
    radial-gradient(circle at 2% 48%, rgba(220, 38, 38, .20), transparent 22%),
    radial-gradient(circle at 98% 48%, rgba(37, 99, 235, .22), transparent 23%),
    radial-gradient(circle at 50% -18%, rgba(96, 165, 250, .18), transparent 36%),
    linear-gradient(180deg, #0a1321 0%, #07101b 52%, #050a12 100%);
}

#screenSelect .qualityFlowShell.selectionPosterFlow,
#screenSelect .qualityFlowShell.rulesFlow14586 {
  position: relative;
  max-width: 1480px;
  margin: 0 auto;
  padding: 14px;
  border: 1px solid rgba(96, 165, 250, .25);
  border-radius: 17px;
  background: linear-gradient(180deg, rgba(5, 10, 19, .88), rgba(7, 13, 23, .94));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .025) inset, 0 26px 72px rgba(0, 0, 0, .42), -24px 0 58px rgba(220, 38, 38, .06), 24px 0 58px rgba(37, 99, 235, .07);
}

#screenSelect .qualityFlowShell.selectionPosterFlow::before,
#screenSelect .qualityFlowShell.rulesFlow14586::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 9%;
  right: 9%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ef233c 26%, #f8fafc 49%, #3b82f6 74%, transparent);
  box-shadow: 0 0 16px rgba(96, 165, 250, .35);
  pointer-events: none;
}

#screenSelect .selectionCleanHeader {
  border-color: rgba(125, 211, 252, .24);
  background: linear-gradient(180deg, rgba(9, 17, 29, .98), rgba(6, 12, 21, .96));
  box-shadow: 0 12px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}

#screenSelect .selectionCleanHeader h2 { color: #fff; text-shadow: 0 0 18px rgba(96, 165, 250, .18); }

#screenSelect .selectionHeaderActions button,
#screenSelect button.secondary {
  min-height: 38px;
  border-color: rgba(248, 113, 113, .35);
  background: linear-gradient(180deg, rgba(110, 22, 34, .78), rgba(54, 12, 22, .9));
  color: #fff1f2;
}

#screenSelect .selectionHeaderActions button:hover,
#screenSelect button.secondary:hover {
  border-color: rgba(251, 113, 133, .8);
  background: linear-gradient(180deg, rgba(153, 27, 27, .86), rgba(78, 14, 28, .96));
  box-shadow: 0 0 18px rgba(239, 68, 68, .16);
}

#screenSelect .modeSelectMasthead15119 {
  text-align: center;
}

#screenSelect .modeSelectMasthead15119 small { display: block; color: #a5b4c8; font-size: .67rem; font-weight: 900; letter-spacing: .22em; }
#screenSelect .modeSelectMasthead15119 strong { display: block; margin-top: 2px; color: #fff; font-size: clamp(1.8rem, 4vw, 3.2rem); font-weight: 1000; font-style: italic; letter-spacing: .025em; text-shadow: 0 4px 0 rgba(0,0,0,.45), 0 0 22px rgba(255,255,255,.09); }
#screenSelect .modeSelectMasthead15119 p { margin: 3px 0 0; color: #bac7d6; font-size: .82rem; font-weight: 650; }
#screenSelect .modeMastLine15119 { transform: skewX(-34deg); }
#screenSelect .modeMastLine15119.left { background: linear-gradient(90deg, transparent, #7f1d1d 28%, #ef233c 82%, #fda4af); box-shadow: 0 0 14px rgba(239, 35, 60, .3); }
#screenSelect .modeMastLine15119.right { background: linear-gradient(90deg, #93c5fd, #2563eb 20%, #1e3a8a 70%, transparent); box-shadow: 0 0 14px rgba(37, 99, 235, .3); }

#screenSelect .modeFamilyCard15117 { border-color: rgba(148, 163, 184, .24); background: linear-gradient(180deg, #0d1725, #08111d); box-shadow: 0 18px 42px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04); }
#screenSelect .modeFamilyCard15117::before { width: 4px; box-shadow: 0 0 18px currentColor; }
#screenSelect .modeFamilyCard15117:not(:disabled):hover,
#screenSelect .modeFamilyCard15117:not(:disabled):focus-visible { border-color: rgba(226, 232, 240, .74); box-shadow: 0 26px 62px rgba(0,0,0,.48), 0 0 0 1px rgba(125,211,252,.18), 0 0 28px rgba(59,130,246,.08); }
#screenSelect .modeFamilyCopy15117 { background: linear-gradient(180deg, rgba(18,29,44,.98), rgba(9,16,27,.99)); }
#screenSelect .modeFamilyCopy15117::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, rgba(248,250,252,.35), rgba(125,211,252,.12), transparent); }
#screenSelect .modeFamilyCopy15117 small { color: #9fc7e8; }
#screenSelect .modeFamilyCopy15117 strong { color: #fff; font-size: clamp(2.15rem, 3.7vw, 3.35rem); font-style: italic; letter-spacing: -.025em; text-shadow: 0 3px 0 rgba(0,0,0,.45); }
#screenSelect .modeFamilyCopy15117 p { color: #d1dbe6; min-height: auto; }
#screenSelect .modeCardSlash15119 { position: absolute; right: 19px; bottom: 16px; width: 78px; height: 3px; transform: skewX(-35deg); background: #38bdf8; opacity: .8; }
#screenSelect .roundsCard14587 .modeCardSlash15119 { background: #f59e0b; }
#screenSelect .tournamentCard14587 .modeCardSlash15119 { background: #cbd5e1; }
#screenSelect .modeUnavailable15117 { opacity: .84; filter: saturate(.8); }
#screenSelect .modeLockedHint15117 { color: #e2e8f0; }

#screenSelect .posterPlayerPanel { border-width: 1px; background: linear-gradient(180deg, rgba(11,20,32,.98), rgba(7,13,22,.98)); }
#screenSelect .posterPlayerPanel:nth-child(1) { border-color: rgba(250, 204, 21, .62); box-shadow: inset 4px 0 0 #eab308, 0 0 22px rgba(234,179,8,.08); }
#screenSelect .posterPlayerPanel:nth-child(2) { border-color: rgba(56, 189, 248, .58); box-shadow: inset -4px 0 0 #0ea5e9, 0 0 22px rgba(14,165,233,.08); }
#screenSelect .posterPlayerPanel.selected:nth-child(1) { box-shadow: inset 4px 0 0 #facc15, 0 0 0 2px rgba(250,204,21,.42), 0 0 26px rgba(250,204,21,.14); }
#screenSelect .posterPlayerPanel.selected:nth-child(2) { box-shadow: inset -4px 0 0 #38bdf8, 0 0 0 2px rgba(56,189,248,.4), 0 0 26px rgba(56,189,248,.14); }
#screenSelect .posterRosterCard,
#screenSelect .posterMapPreviewCard,
#screenSelect .posterMapGridCard,
#screenSelect .ruleEditorMain14586,
#screenSelect .savedRuleCard14586,
#screenSelect .createRuleCard14586 { border-color: rgba(96, 165, 250, .22); background: linear-gradient(180deg, rgba(11,20,32,.98), rgba(7,13,22,.98)); }
#screenSelect .posterCharacterGrid .qualityCharacterCard.iconOnly { background: linear-gradient(180deg, #142235, #0a1421); border-color: rgba(125,211,252,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
#screenSelect .posterCharacterGrid .qualityCharacterCard.iconOnly:hover { border-color: rgba(125,211,252,.58); background: linear-gradient(180deg, #1a2c43, #0d1b2b); transform: translateY(-2px); }
#screenSelect .posterCharacterGrid .qualityCharacterCard.iconOnly.selected { border-color: #facc15; background: linear-gradient(180deg, #253348, #111c2b); box-shadow: 0 0 0 2px rgba(250,204,21,.32), 0 0 20px rgba(250,204,21,.12); }
#screenSelect .rosterFinalAction14586 .good { border-color: rgba(74, 222, 128, .55); background: linear-gradient(180deg, #197a46, #0d4b2d); color: #f0fdf4; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(22,101,52,.22); }
#screenSelect .rosterFinalAction14586 .good:hover { border-color: rgba(134, 239, 172, .82); background: linear-gradient(180deg, #209456, #116238); }