/* Local draft assistance and personal cached-score view only. */
.lineup-helper { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:14px; margin:16px 0; border:1px solid #35d4ff55; background:linear-gradient(120deg,#35d4ff0d,#9b4dff0d); }
.lineup-helper strong, .lineup-helper small { display:block; }
.lineup-helper strong { font-size:.82rem; color:var(--cyan); }
.lineup-helper small { margin-top:5px; font-size:.72rem; line-height:1.5; color:var(--muted); }
.lineup-helper button { min-height:44px; }
.lineup-helper [hidden] { display:none !important; }
.lineup-suggestion-dialog { width:min(650px,calc(100% - 28px)); max-height:calc(100dvh - 28px); margin:auto; padding:24px; overflow:auto; overscroll-behavior:contain; border:1px solid var(--cyan); background:radial-gradient(ellipse at top right,#9b4dff22,transparent 65%),#0d1019; color:var(--text); font:inherit; box-shadow:0 20px 80px #000b; }
.lineup-suggestion-dialog::backdrop { background:#03050ddd; backdrop-filter:blur(5px); }
.lineup-suggestion-dialog h2 { margin:0 0 12px; font:700 1.7rem/1.2 var(--heading); text-transform:uppercase; }
.lineup-suggestion-dialog p:not(.eyebrow) { color:var(--muted); font-size:.8rem; line-height:1.6; }
.lineup-suggestion-summary { display:block; margin:18px 0 12px; color:var(--green); }
.lineup-projection-source { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #29d3ff44; background:#29d3ff08; font-size:.8rem; }
.lineup-projection-source[hidden] { display:none; }
.lineup-projection-source img { flex:none; object-fit:contain; }
.lineup-projection-source a { color:var(--cyan); }
.lineup-projection-source small { display:block; margin-top:4px; color:var(--muted); font-size:.7rem; }
.lineup-suggestion-list { display:grid; gap:7px; padding:0; margin:0; list-style:none; }
.lineup-suggestion-list li { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; border:1px solid #ffffff20; background:#07091099; }
.lineup-suggestion-list li > span { color:var(--green); font-family:var(--heading); }
.lineup-suggestion-list strong { font-size:.85rem; overflow-wrap:anywhere; }
.lineup-suggestion-list small { color:var(--muted); font-size:.7rem; }
.lineup-suggestion-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:18px; }
.lineup-suggestion-actions button { min-height:44px; }
.my-battle[hidden] { display:none !important; }
.my-battle-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.my-battle-card { min-width:0; padding:18px; border:1px solid #35d4ff55; background:linear-gradient(135deg,#35d4ff09,#9b4dff10); }
.my-battle-card.is-delayed { border-color:#e5b76788; }
.my-battle-card > header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:12px; }
.my-battle-card h3 { margin:0; font:700 1.25rem/1.3 var(--heading); text-transform:uppercase; }
.my-battle-card > p { font-size:.8rem; line-height:1.5; }
.my-battle-stats { display:grid; grid-template-columns:minmax(80px,.7fr) minmax(0,1.3fr); gap:16px; margin:20px 0 12px; }
.my-battle-stats span, .my-battle-stats small { display:block; color:var(--muted); font-size:.72rem; line-height:1.5; }
.my-battle-stats strong { display:block; color:var(--green); font:700 2.4rem/1.25 var(--heading); }
.my-battle-change { color:var(--cyan); }
.my-battle-positions { display:grid; gap:7px; margin-top:14px; }
.my-battle-position { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:8px; padding:10px; border:1px solid #ffffff19; background:#080b1399; }
.my-battle-position strong { display:block; font-size:.75rem; overflow-wrap:anywhere; }
.my-battle-position small { display:block; margin-top:4px; color:var(--muted); font-size:.68rem; overflow-wrap:anywhere; }
.my-battle-position > b { color:var(--green); font-family:var(--heading); font-size:1.12rem; }
.my-battle-delta { color:var(--cyan); font-size:.65rem; }
.my-battle-delta.is-correction { color:#ffc987; }
@media(max-width:800px) { .my-battle-cards { grid-template-columns:1fr; } }
@media(max-width:480px) {
  .lineup-helper { align-items:stretch; } .lineup-helper button { width:100%; }
  .lineup-suggestion-dialog { padding:16px; }
  .lineup-suggestion-list li { grid-template-columns:35px minmax(0,1fr); gap:4px 8px; }
  .lineup-suggestion-list small { grid-column:2; }
  .lineup-suggestion-actions { flex-direction:column-reverse; }
  .my-battle-card { padding:14px; }
}