/* Random Champion Picker — Light Mode Overrides (unscoped) */

/* --- Header --- */
html[data-theme="light"] .rcp-title { color: #1a1a2e !important; }
html[data-theme="light"] .rcp-subtitle { color: rgba(0,0,0,0.5) !important; }
html[data-theme="light"] .rcp-highlight {
    background: linear-gradient(135deg, #0a7ea4 0%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* --- Mode Tabs --- */
html[data-theme="light"] .rcp-mode-tabs { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.08) !important; }
html[data-theme="light"] .rcp-mode-tab { color: rgba(0,0,0,0.45) !important; }
html[data-theme="light"] .rcp-mode-tab:hover { color: rgba(0,0,0,0.7) !important; }
html[data-theme="light"] .rcp-mode-tab.active { background: rgba(10,126,164,0.1) !important; color: #0a7ea4 !important; }

/* --- Challenge Presets --- */
html[data-theme="light"] .rcp-presets-label { color: rgba(0,0,0,0.35) !important; }
html[data-theme="light"] .rcp-preset-btn { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.1) !important; color: rgba(0,0,0,0.5) !important; }
html[data-theme="light"] .rcp-preset-btn:hover { background: rgba(124,58,237,0.06) !important; border-color: rgba(124,58,237,0.2) !important; color: rgba(0,0,0,0.7) !important; }
html[data-theme="light"] .rcp-preset-btn.active { background: rgba(124,58,237,0.1) !important; border-color: #7c3aed !important; color: #7c3aed !important; }

/* --- Filters --- */
html[data-theme="light"] .rcp-filters { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.08) !important; }
html[data-theme="light"] .rcp-filter-label { color: rgba(0,0,0,0.45) !important; }
html[data-theme="light"] .rcp-role-btn,
html[data-theme="light"] .rcp-count-btn { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.1) !important; color: rgba(0,0,0,0.55) !important; }
html[data-theme="light"] .rcp-role-btn:hover,
html[data-theme="light"] .rcp-count-btn:hover { background: rgba(10,126,164,0.06) !important; border-color: rgba(10,126,164,0.2) !important; color: rgba(0,0,0,0.8) !important; }
html[data-theme="light"] .rcp-role-btn.active,
html[data-theme="light"] .rcp-count-btn.active { background: rgba(10,126,164,0.1) !important; border-color: #0a7ea4 !important; color: #0a7ea4 !important; }
html[data-theme="light"] .rcp-role-icon-img { background-color: rgba(0,0,0,0.4) !important; }
html[data-theme="light"] .rcp-role-btn.active .rcp-role-icon-img { background-color: #0a7ea4 !important; }
html[data-theme="light"] .rcp-role-btn:hover .rcp-role-icon-img { background-color: rgba(0,0,0,0.7) !important; }

/* --- Spin Button --- */
html[data-theme="light"] .rcp-spin-btn { background: linear-gradient(135deg, #0a7ea4 0%, #0891b2 100%) !important; box-shadow: 0 4px 20px rgba(10,126,164,0.25) !important; }
html[data-theme="light"] .rcp-spin-btn:hover:not(:disabled) { box-shadow: 0 8px 35px rgba(10,126,164,0.35) !important; }
html[data-theme="light"] .rcp-spin-btn.spinning { background: rgba(0,0,0,0.05) !important; color: rgba(0,0,0,0.4) !important; box-shadow: none !important; }
html[data-theme="light"] .rcp-loading { color: rgba(0,0,0,0.4) !important; }
html[data-theme="light"] .rcp-spinner, html[data-theme="light"] .rcp-spinner-small { border-color: rgba(0,0,0,0.1) !important; border-top-color: #0a7ea4 !important; }

/* --- Champion Cards & Team Slots --- */
html[data-theme="light"] .rcp-champ-card,
html[data-theme="light"] .rcp-team-slot { background: #fff !important; border-color: rgba(0,0,0,0.08) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-champ-card:hover,
html[data-theme="light"] .rcp-team-slot:hover { border-color: rgba(10,126,164,0.3) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important; }

/* --- Champion Image Wrap --- */
html[data-theme="light"] .rcp-champ-img-wrap { border-color: rgba(10,126,164,0.3) !important; box-shadow: 0 0 12px rgba(10,126,164,0.1) !important; }
html[data-theme="light"] .rcp-team-champ-wrap { border-color: rgba(10,126,164,0.3) !important; box-shadow: 0 0 8px rgba(10,126,164,0.08) !important; }

/* --- Champion Name --- */
html[data-theme="light"] .rcp-champ-name,
html[data-theme="light"] .rcp-team-champ-name { color: #1a1a2e !important; }

/* --- Difficulty Bars --- */
html[data-theme="light"] .rcp-diff-bar { background: rgba(0,0,0,0.08) !important; }
html[data-theme="light"] .rcp-diff-bar.filled { background: #0a7ea4 !important; }
html[data-theme="light"] .rcp-difficulty:has(.filled + .filled + .filled) .rcp-diff-bar.filled { background: #dc2626 !important; }
html[data-theme="light"] .rcp-diff-label { color: rgba(0,0,0,0.35) !important; }

/* --- Tags --- */
html[data-theme="light"] .rcp-tag { background: rgba(124,58,237,0.08) !important; color: #7c3aed !important; }

/* --- Hint & Share --- */
html[data-theme="light"] .rcp-hint { color: rgba(0,0,0,0.35) !important; }
html[data-theme="light"] .rcp-share-btn { border-color: rgba(10,126,164,0.2) !important; background: rgba(10,126,164,0.04) !important; color: #0a7ea4 !important; }
html[data-theme="light"] .rcp-share-btn:hover { background: rgba(10,126,164,0.1) !important; border-color: rgba(10,126,164,0.35) !important; }

/* --- Team Role --- */
html[data-theme="light"] .rcp-team-role { border-bottom-color: rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-team-role .rcp-role-icon-img { background-color: #0a7ea4 !important; }
html[data-theme="light"] .rcp-team-role-name { color: rgba(0,0,0,0.45) !important; }

/* --- Reroll Overlay --- */
html[data-theme="light"] .rcp-reroll-overlay { background: rgba(255,255,255,0.7) !important; color: #0a7ea4 !important; }

/* --- Champion Pool --- */
html[data-theme="light"] .rcp-pool-toggle { border-color: rgba(0,0,0,0.08) !important; background: rgba(0,0,0,0.02) !important; color: rgba(0,0,0,0.45) !important; }
html[data-theme="light"] .rcp-pool-toggle:hover { background: rgba(0,0,0,0.04) !important; color: rgba(0,0,0,0.65) !important; }
html[data-theme="light"] .rcp-pool-grid { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-pool-champ:hover { border-color: rgba(10,126,164,0.4) !important; }
html[data-theme="light"] .rcp-pool-champ.excluded { border-color: rgba(220,38,38,0.3) !important; }
html[data-theme="light"] .rcp-excluded-x { color: #dc2626 !important; background: rgba(255,255,255,0.5) !important; }
html[data-theme="light"] .rcp-clear-excludes { border-color: rgba(220,38,38,0.2) !important; background: rgba(220,38,38,0.04) !important; color: #dc2626 !important; }
html[data-theme="light"] .rcp-clear-excludes:hover { background: rgba(220,38,38,0.08) !important; }

/* --- SEO Content --- */
html[data-theme="light"] .rcp-seo-content { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-seo-content h2 { color: #1a1a2e !important; }
html[data-theme="light"] .rcp-seo-content p { color: rgba(0,0,0,0.6) !important; }
html[data-theme="light"] .rcp-seo-content a { color: #0a7ea4 !important; }
html[data-theme="light"] .rcp-seo-content ul { color: rgba(0,0,0,0.6) !important; }

/* --- 1v1 Duel Arena --- */
html[data-theme="light"] .rcp-duel-side { background: #fff !important; border-color: rgba(0,0,0,0.08) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-duel-side:hover { border-color: rgba(10,126,164,0.3) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important; }
html[data-theme="light"] .rcp-duel-left .rcp-duel-portrait { border-color: rgba(10,126,164,0.5) !important; box-shadow: 0 0 16px rgba(10,126,164,0.15) !important; animation: none !important; }
html[data-theme="light"] .rcp-duel-right .rcp-duel-portrait { border-color: rgba(124,58,237,0.5) !important; box-shadow: 0 0 16px rgba(124,58,237,0.15) !important; animation: none !important; }
html[data-theme="light"] .rcp-duel-vs {
    background: linear-gradient(135deg, #0a7ea4, #7c3aed) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: none !important;
}
html[data-theme="light"] .rcp-duel-vs-line {
    background: linear-gradient(90deg, rgba(10,126,164,0.4), rgba(124,58,237,0.4)) !important;
    box-shadow: none !important;
    animation: none !important;
    opacity: 0.6 !important;
}
html[data-theme="light"] .rcp-duel-name { color: #1a1a2e !important; }

/* --- Ranked Mode --- */
html[data-theme="light"] .rcp-ranked-tab.active { background: rgba(202,138,4,0.1) !important; color: #b45309 !important; }
html[data-theme="light"] .rcp-ranked-desc { color: rgba(0,0,0,0.45) !important; }
html[data-theme="light"] .rcp-ranked-spin { background: linear-gradient(135deg, #ca8a04 0%, #d97706 100%) !important; color: #fff !important; box-shadow: 0 4px 20px rgba(202,138,4,0.25) !important; }
html[data-theme="light"] .rcp-ranked-spin:hover:not(:disabled) { box-shadow: 0 8px 30px rgba(202,138,4,0.35) !important; }
html[data-theme="light"] .rcp-ranked-spin.locked { background: rgba(202,138,4,0.1) !important; color: #b45309 !important; box-shadow: none !important; }
html[data-theme="light"] .rcp-ranked-card { background: rgba(202,138,4,0.04) !important; border-color: rgba(202,138,4,0.2) !important; box-shadow: 0 0 20px rgba(202,138,4,0.06) !important; }
html[data-theme="light"] .rcp-ranked-portrait { border-color: rgba(202,138,4,0.5) !important; box-shadow: 0 0 16px rgba(202,138,4,0.12) !important; }
html[data-theme="light"] .rcp-ranked-champ-name { color: #b45309 !important; }
html[data-theme="light"] .rcp-ranked-verdict { color: rgba(0,0,0,0.4) !important; }

/* --- Roll History --- */
html[data-theme="light"] .rcp-history-section { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-history-title { color: rgba(0,0,0,0.4) !important; }
html[data-theme="light"] .rcp-history-count { color: rgba(0,0,0,0.25) !important; }
html[data-theme="light"] .rcp-history-strip::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1) !important; }
html[data-theme="light"] .rcp-history-stat { color: rgba(0,0,0,0.3) !important; }
html[data-theme="light"] .rcp-history-clear { color: rgba(0,0,0,0.25) !important; }
html[data-theme="light"] .rcp-history-clear:hover { background: rgba(220,38,38,0.08) !important; color: #dc2626 !important; }

/* --- Custom Challenge Creator --- */
html[data-theme="light"] .rcp-custom-creator { background: #fff !important; border-color: rgba(124,58,237,0.15) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; }
html[data-theme="light"] .rcp-cc-title { color: #1a1a2e !important; }
html[data-theme="light"] .rcp-cc-close { color: rgba(0,0,0,0.35) !important; }
html[data-theme="light"] .rcp-cc-close:hover { color: rgba(0,0,0,0.7) !important; }
html[data-theme="light"] .rcp-cc-label { color: rgba(0,0,0,0.35) !important; }
html[data-theme="light"] .rcp-cc-input { border-color: rgba(0,0,0,0.1) !important; background: rgba(0,0,0,0.02) !important; color: #1a1a2e !important; }
html[data-theme="light"] .rcp-cc-input:focus { border-color: rgba(124,58,237,0.4) !important; }
html[data-theme="light"] .rcp-cc-tag { border-color: rgba(0,0,0,0.1) !important; background: rgba(0,0,0,0.02) !important; color: rgba(0,0,0,0.5) !important; }
html[data-theme="light"] .rcp-cc-tag:hover { background: rgba(124,58,237,0.06) !important; border-color: rgba(124,58,237,0.2) !important; }
html[data-theme="light"] .rcp-cc-tag.active { background: rgba(124,58,237,0.1) !important; border-color: #7c3aed !important; color: #7c3aed !important; }
html[data-theme="light"] .rcp-cc-diff-label { color: rgba(0,0,0,0.45) !important; }
html[data-theme="light"] .rcp-cc-range { accent-color: #7c3aed !important; }
html[data-theme="light"] .rcp-cc-preview-text { color: rgba(0,0,0,0.4) !important; }
html[data-theme="light"] .rcp-cc-save { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important; }
html[data-theme="light"] .rcp-cc-existing { border-top-color: rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-cc-saved-name { color: rgba(0,0,0,0.65) !important; }
html[data-theme="light"] .rcp-cc-saved-info { color: rgba(0,0,0,0.3) !important; }
html[data-theme="light"] .rcp-create-preset-btn { border-color: rgba(124,58,237,0.2) !important; }
html[data-theme="light"] .rcp-create-preset-btn:hover { background: rgba(124,58,237,0.06) !important; border-color: rgba(124,58,237,0.35) !important; color: #7c3aed !important; }
html[data-theme="light"] .rcp-custom-preset { border-color: rgba(124,58,237,0.12) !important; }

/* --- A-Z Challenge Mode --- */
html[data-theme="light"] .rcp-az-tab.active { background: rgba(22,163,74,0.1) !important; color: #16a34a !important; }
html[data-theme="light"] .rcp-az-desc { color: rgba(0,0,0,0.45) !important; }
html[data-theme="light"] .rcp-az-progress-bar { background: rgba(0,0,0,0.06) !important; }
html[data-theme="light"] .rcp-az-progress-text { color: rgba(0,0,0,0.3) !important; }
html[data-theme="light"] .rcp-az-current { background: #fff !important; border-color: rgba(22,163,74,0.15) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; }
html[data-theme="light"] .rcp-az-number { color: #16a34a !important; }
html[data-theme="light"] .rcp-az-portrait { border-color: rgba(22,163,74,0.4) !important; box-shadow: 0 0 16px rgba(22,163,74,0.1) !important; }
html[data-theme="light"] .rcp-az-champ-name { color: #1a1a2e !important; }
html[data-theme="light"] .rcp-az-btn { border-color: rgba(0,0,0,0.1) !important; background: rgba(0,0,0,0.02) !important; color: rgba(0,0,0,0.55) !important; }
html[data-theme="light"] .rcp-az-btn:hover:not(:disabled) { background: rgba(22,163,74,0.06) !important; border-color: rgba(22,163,74,0.25) !important; color: rgba(0,0,0,0.8) !important; }
html[data-theme="light"] .rcp-az-next { background: rgba(22,163,74,0.1) !important; border-color: rgba(22,163,74,0.3) !important; color: #16a34a !important; }
html[data-theme="light"] .rcp-az-next:hover:not(:disabled) { background: rgba(22,163,74,0.16) !important; }
html[data-theme="light"] .rcp-az-upcoming-label { color: rgba(0,0,0,0.25) !important; }
html[data-theme="light"] .rcp-az-complete { background: rgba(22,163,74,0.03) !important; border-color: rgba(22,163,74,0.15) !important; }
html[data-theme="light"] .rcp-az-complete-text { color: rgba(0,0,0,0.7) !important; }

/* --- Spin Wheel --- */
html[data-theme="light"] .rcp-wheel-pointer { color: #0a7ea4 !important; filter: drop-shadow(0 0 4px rgba(10,126,164,0.3)) !important; }
html[data-theme="light"] .rcp-wheel-pointer.rcp-pointer-active { filter: drop-shadow(0 0 8px rgba(10,126,164,0.5)) !important; }
html[data-theme="light"] .rcp-wheel-viewport { background: rgba(0,0,0,0.02) !important; border-color: rgba(10,126,164,0.15) !important; }
html[data-theme="light"] .rcp-wheel-viewport::before { background: linear-gradient(to right, rgba(250,250,250,0.95), transparent) !important; }
html[data-theme="light"] .rcp-wheel-viewport::after { background: linear-gradient(to left, rgba(250,250,250,0.95), transparent) !important; }
html[data-theme="light"] .rcp-wheel-strip .rcp-wheel-winner {
    box-shadow: 0 0 10px rgba(10,126,164,0.4), 0 0 20px rgba(10,126,164,0.2) !important;
    border-color: #0a7ea4 !important;
}

/* --- Glow Pulse (light mode toned down) --- */
html[data-theme="light"] .reveal-active .rcp-champ-card {
    animation: rcp-card-reveal 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both,
               rcp-glow-pulse-light 2s ease-in-out 0.7s infinite !important;
}

@keyframes rcp-glow-pulse-light {
    0%, 100% { box-shadow: 0 0 12px rgba(10,126,164,0.2), 0 0 24px rgba(10,126,164,0.08); }
    50% { box-shadow: 0 0 20px rgba(10,126,164,0.35), 0 0 40px rgba(10,126,164,0.15); }
}


/* --- Chaos Mode Toggle (light) --- */
html[data-theme="light"] .rcp-chaos-label {
    background: rgba(0,0,0,0.03) !important;
    border-color: rgba(0,0,0,0.1);
}
html[data-theme="light"] .rcp-chaos-label:hover {
    background: rgba(0,0,0,0.06) !important;
    border-color: rgba(124,58,237,0.3);
}
html[data-theme="light"] .rcp-chaos-switch {
    background: rgba(0,0,0,0.12) !important;
}
html[data-theme="light"] .rcp-chaos-switch.active {
    background: linear-gradient(135deg, #7c3aed, #db2777) !important;
}
html[data-theme="light"] .rcp-chaos-text {
    color: rgba(0,0,0,0.8) !important;
}
html[data-theme="light"] .rcp-chaos-hint {
    color: rgba(0,0,0,0.4) !important;
}