.theme-light {
  background: #f0f0f0;
  color: #111;
}
.theme-light body, body.theme-light {
  background: #f4f6fb;
  color: #1a1a2e;
}
.theme-light .titlebar { background: #e8ecf4; border-bottom: 1px solid #d0d8e8; }
.theme-light .titlebar-title { color: #8896b0; }
.theme-light .tbtn { color: #8896b0; }
.theme-light .tbtn:hover { background: rgba(0,0,0,0.06); color: #333; }
.theme-light .screen-auth, .theme-light .auth-card {
  background: #fff; border-color: #e0e8f0;
}
.theme-light .auth-input { background: #f8faff; border-color: #d0d8f0; color: #111; }
.theme-light .auth-input::placeholder { color: #b0b8cc; }
.theme-light .auth-label { color: #8896b0; }
.theme-light .auth-forgot-panel { background: #eef4ff; border-color: #b0c8f0; }
.theme-light .auth-card { background: #fff; border-color: #d0ddf0; }
.theme-light .auth-title { color: #1a1a40; }
.theme-light .auth-sub { color: #8896b0; }
.theme-light .auth-error { color: #cc2020; }
.theme-light .auth-link { color: #2563eb; }
.theme-light .auth-link:hover { color: #1d4ed8; }
.theme-light .auth-switch { color: #8896b0; }
.theme-light .menu-center { background: transparent; }
.theme-light .menu-title { color: #1a1a40; }
.theme-light .menu-sub { color: #8896b0; }
.theme-light .menu-welcome { color: #8896b0; }
.theme-light .menu-status { color: #e05050; }
.theme-light .mbtn-primary { background: #2563eb; }
.theme-light .mbtn-secondary { background: #eef2ff; color: #4040aa; border-color: #c8d0f0; }
.theme-light .mbtn-secondary:hover { background: #e0e8ff; }
.theme-light .mbtn-exit { background: #fff0f0; color: #e05050; border-color: #f0c8c8; }
.theme-light .mbtn-admin { background: linear-gradient(135deg, #e0d8ff, #c8b8f0); color: #3020a0; border-color: #b0a0e0; }
.theme-light .mbtn-admin:hover { background: linear-gradient(135deg, #d0c8ff, #b8a8e0); border-color: #9080d0; }
.theme-light .calc-skin { background: #fff; border-color: #d0d8f0; }
.theme-light .digit-btn { background: #f0f4ff; color: #1a1a40; border-color: #d0d8f0; }
.theme-light .digit-btn:hover:not(.on-cd) { background: #e0e8ff; border-color: #b8c8f0; }
.theme-light .digit-btn.on-cd { background: #fff0f0; border-color: #f0c0c0; color: #cc2020; font-weight: 900; }
.theme-light .op-btn { background: #e8ecf8; color: #6070a0; border-color: #c8d0e8; }
.theme-light .op-btn.active { background: #dce8ff; color: #2040a0; border-color: #b0c4f0; }
.theme-light .calc-display { background: #eef4ff; border-color: #b8c8e8; }
.theme-light .calc-display-num { color: #1a50cc; }
.theme-light .calc-display-sub { color: #b0c8e8; }
.theme-light .calc-display-label { color: #1a50cc; opacity: 0.6; }
.theme-light .opponent-card { background: #fff4f4; border-color: #f0c8c8; }
.theme-light .opp-number-val { color: #cc3030; }
.theme-light .opp-digits-sub { color: #e0b0b0; }
.theme-light .opp-label-text { color: #cc3030; opacity: 0.6; }
.theme-light .opp-hud-name { color: #cc2020; }
.theme-light .hud-avatar-ph { background: #fff0f0; color: #aa5050; border-color: rgba(200,80,80,0.3); }
.theme-light .my-hud-name { color: #1a40aa; }
.theme-light #my-hud-avatar-ph { background: #e8f0ff; color: #3050a0; border-color: rgba(48,80,160,0.3); }
.theme-light .timer-card { background: #f0f4ff; border-color: #c0ccf0; }
.theme-light .timer { color: #1a50cc; }
.theme-light .timer-label-text { color: #1a50cc; opacity: 0.6; }
.theme-light .side-left { background: linear-gradient(180deg, #e0f0e0 0%, #c8e8c8 100%); border-color: #a8d8a8; }
.theme-light .side-right { background: linear-gradient(180deg, #f0e0e0 0%, #e8c8c8 100%); border-color: #d8a8a8; }
.theme-light .side-sym { opacity: 0.25; }
.theme-light .menu-currency { background: #fff; border-color: #e0e8f0; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.theme-light .currency-val { color: #1a1a40; }
.theme-light .currency-divider { background: #e0e8f0; }
.theme-light .currency-icon-coin { border-color: #a07000; }
.theme-light .menu-profile { background: #fff; border-color: #e0e8f0; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.theme-light .menu-profile-name { color: #1a1a40; }
.theme-light .menu-profile-rating { color: #8896b0; }
.theme-light .toast { background: #fff; border-color: #d0d8e8; color: #333; }
.theme-light .toast.warn { border-color: #e0a800; color: #7a5500; background: #fff8e0; }
.theme-light .toast.error { border-color: #e0a0a0; color: #aa2020; background: #fff0f0; }
.theme-light .toast.success { border-color: #a0e0a0; color: #208020; background: #f0fff0; }
.theme-light .notif-eq { background: #fff8e0; border-color: #e0a800; color: #7a5500; }
.theme-light .notif-event { background: #f0eeff; border-color: #7060cc; color: #3030a0; }
.theme-light .eq-bar-wrap { background: #e0e0e0; }
.theme-light .eq-use-btn { background: #e0a800; color: #3a2800; }
.theme-light .eq-use-btn:hover { background: #f0b800; }
.theme-light .eq-missed-label { color: #a08060; }
.theme-light .result-card { background: transparent; }
.theme-light .result-rows { background: #fff; border-color: #e0e8f0; }
.theme-light .result-row { color: #8896b0; }
.theme-light .result-row span:last-child { color: #1a1a40; }
.theme-light .result-title { color: #1a1a40; }
.theme-light .result-divider { border-color: #e0e8f0; }
.theme-light .loading-logo { color: #2563eb; }
.theme-light .loading-title { color: #1a1a40; }
.theme-light .loading-sub { color: #8896b0; }
.theme-light .loading-bar-wrap { background: #e0e8f0; }
.theme-light .loading-hint { color: #8896b0; }
.theme-light .modal-overlay { background: rgba(180,190,220,0.7); }
.theme-light .modal-card { background: #fff; border-color: #d0ddf0; color: #1a1a40; }
.theme-light .modal-title { color: #1a1a40; }
.theme-light .modal-close-btn { background: #f0f4ff; border-color: #c8d0f0; color: #4060a0; }
.theme-light .modal-close-btn:hover { background: #e0e8ff; }
.theme-light .modal-logout-btn { background: #fff0f0; border-color: #f0c0c0; color: #cc2020; }
.theme-light .modal-logout-btn:hover { background: #ffe0e0; border-color: #e0a0a0; }
.theme-light .modal-divider { border-color: #d0ddf0; }
.theme-light .modal-placeholder { color: #8896b0; }
.theme-light .settings-stats-box { background: #f0f4ff; border-color: #c8d0f0; }
.theme-light .settings-stat-label { color: #8896b0; }
.theme-light .settings-stat-val { color: #2040a0; }
.theme-light .settings-section-label { color: #8896b0; }
.theme-light .settings-theme-btn { background: #eef2ff; color: #4040aa; border-color: #c8d0f0; }
.theme-light .settings-theme-btn.active { background: #2563eb; color: #fff; border-color: #2563eb; }
.theme-light .btn-surrender { background: transparent; border-color: #f0c0c0; color: #cc3030; }
.theme-light .btn-surrender:hover { background: #fff0f0; border-color: #e0a0a0; color: #aa2020; }
.theme-light .btn-bot-settings { border-color: #c8d0f0; color: #6a6aaa; }
.theme-light .btn-bot-settings:hover { background: #f0f4ff; border-color: #a0b0d0; color: #4a4a8a; }
.theme-light .surrender-dialog { background: rgba(180,190,220,0.85); }
.theme-light .surrender-dialog-card { background: #fff; border-color: #f0c0c0; }
.theme-light .surrender-dialog-title { color: #cc2020; }
.theme-light .surrender-dialog-text { color: #8896b0; }
.theme-light .surrender-confirm-btn { background: #f0c0c0; color: #aa2020; }
.theme-light .surrender-confirm-btn:hover { background: #e0a0a0; }
.theme-light .surrender-cancel-btn { background: #f0f4ff; border-color: #c8d0f0; color: #4060a0; }
.theme-light .surrender-cancel-btn:hover { background: #e0e8ff; }
.theme-light .reaction-btn { background: #fff; border-color: #d0d8f0; }
.theme-light .reaction-btn:hover { background: #f0f4ff; }
.theme-light .reaction-panel { background: #fff; border-color: #d0d8f0; }
.theme-light .reaction-emoji-btn { background: #f8faff; border-color: #e0e8f0; }
.theme-light .reaction-emoji-btn:hover { background: #e0e8ff; }
.theme-light .reaction-opp-display { text-shadow: 0 0 30px rgba(255,255,255,0.9), 0 4px 20px rgba(0,0,0,0.3); }
.theme-light .reaction-my-display { text-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.theme-light .chat-panel { background: #f8faff; border-color: #d0ddf0; }
.theme-light .chat-header { border-color: #e0e8f0; color: #8896b0; }
.theme-light .chat-close-btn { color: #8896b0; }
.theme-light .chat-close-btn:hover { background: #e0e8ff; color: #4060a0; }
.theme-light .chat-messages { scrollbar-color: #d0ddf0 transparent; }
.theme-light .chat-msg.mine { background: #dce8ff; color: #1a40aa; }
.theme-light .chat-msg.theirs { background: #fff0f0; color: #cc3030; }
.theme-light .chat-msg.system { color: #b0b8cc; }
.theme-light .chat-input { background: #fff; border-color: #d0d8f0; color: #1a1a40; }
.theme-light .chat-input::placeholder { color: #b0b8cc; }
.theme-light .chat-input-row { border-color: #e0e8f0; }
.theme-light .chat-toggle-btn { background: #fff; border-color: #d0d8f0; color: #8896b0; }
.theme-light .chat-toggle-btn:hover { background: #f0f4ff; color: #4060a0; }
.theme-light .chat-bubble-opp { background: #fff0f0; border-color: #f0c0c0; color: #cc3030; box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.theme-light .chat-bubble-opp::before { border-color: transparent #fff0f0 transparent transparent; }
.theme-light .event-timer-box { background: #f0eeff; border: 2px solid #7060cc; color: #3030a0; box-shadow: 0 2px 12px rgba(112,96,204,0.25); }
@keyframes evtPulseLightTheme {
  from { box-shadow: 0 2px 12px rgba(112,96,204,0.25); transform: scale(1); }
  to   { box-shadow: 0 4px 24px rgba(112,96,204,0.6), 0 0 40px rgba(112,96,204,0.3); transform: scale(1.02); }
}
.theme-light .event-timer-box:not(.hidden) { animation: evtPulseLightTheme 1s ease-in-out infinite alternate; }
.theme-light .event-overlay { background: rgba(240,240,255,0.1); }
.theme-light .event-qmark { color: #5030cc; text-shadow: 0 0 22px #5030cc88, 0 2px 8px rgba(80,48,204,0.4); filter: drop-shadow(0 4px 12px rgba(80,48,204,0.3)); }
.theme-light .event-qmark:hover { filter: brightness(1.3) drop-shadow(0 4px 16px rgba(80,48,204,0.5)); }
.theme-light .calc-disabled-overlay { background: rgba(240,238,255,0.85); color: #3030a0; text-shadow: 0 2px 8px rgba(48,48,160,0.2); }
.theme-light .event-flash { animation: evFlashLight 0.6s ease-out both; }
@keyframes evFlashLight {
  0%   { background: rgba(112,96,204,0.35); transform: scale(1.02); }
  50%  { background: rgba(112,96,204,0.18); transform: scale(1); }
  100% { background: transparent; transform: scale(1); }
}
.theme-light #screen-game { background: #f4f6fb; }
.theme-light #screen-menu { background: #f4f6fb; }
.theme-light #screen-result { background: #f4f6fb; }
.theme-light #screen-auth { background: #f4f6fb; }
.theme-light #screen-searching { background: #f4f6fb; }
.theme-light .searching-text { color: #8896b0; }
.theme-light .spinner { border-color: #d0ddf0; border-top-color: #2563eb; }
.theme-light .settings-toggle-label { color: #1a1a40; }
.theme-light .toggle-switch { background: rgba(180,190,220,0.4); }
.theme-light .toggle-switch:hover { background: rgba(180,190,220,0.5); }
.theme-light .toggle-circle { background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }

.theme-light .delete-account-btn {
  background: rgba(220, 38, 38, 0.08);
  border-color: rgba(220, 38, 38, 0.25);
  color: #dc2626;
}
.theme-light .delete-account-btn:hover {
  background: rgba(220, 38, 38, 0.15);
  border-color: rgba(220, 38, 38, 0.4);
}
.theme-light .delete-modal-warning {
  background: rgba(220, 38, 38, 0.08);
  border-color: rgba(220, 38, 38, 0.25);
  color: #991b1b;
}
.theme-light .delete-modal-btn-danger {
  background: #dc2626;
  border-color: #b91c1c;
  color: #fff;
}
.theme-light .delete-modal-btn-danger:hover {
  background: #b91c1c;
}
.theme-light .delete-modal-btn-safe {
  background: #f0f4ff;
  border-color: #c8d0f0;
  color: #4060a0;
}
.theme-light .delete-modal-btn-safe:hover {
  background: #e0e8ff;
}
.theme-light .delete-modal-input {
  background: #f8faff;
  border-color: #d0d8f0;
  color: #1a1a40;
}
.theme-light .delete-modal-input:focus {
  border-color: #dc2626;
  background: #fff;
}
.theme-light .delete-modal-link {
  color: #2563eb;
}
.theme-light .delete-modal-link:hover {
  color: #1d4ed8;
}
.theme-light .delete-modal-contact {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.25);
  color: #1e40af;
}
.theme-light .delete-modal-contact a {
  color: #2563eb;
}