/* theme-classic.css - Classic Minesweeper Theme */
/* Windows 95/XP style with gray beveled buttons */
/* Applied via body.theme-classic class */

body.theme-classic {
  /* ============================================
     BACKGROUNDS - Classic Windows Gray
     ============================================ */
  --bg-base: #c0c0c0;
  --bg-elevated: #c0c0c0;
  --bg-surface-1: #c0c0c0;
  --bg-surface-2: #c0c0c0;
  --bg-overlay: rgba(192, 192, 192, 0.98);
  --bg-overlay-heavy: rgba(192, 192, 192, 0.99);

  /* Game interface background */
  --bg-game-center: #c0c0c0;
  --bg-game-edge: #c0c0c0;

  /* Panel/container backgrounds - classic window style */
  --bg-panel-start: #c0c0c0;
  --bg-panel-end: #c0c0c0;
  --bg-panel-solid: #c0c0c0;

  /* Input/form backgrounds */
  --bg-input-start: #ffffff;
  --bg-input-end: #ffffff;
  --bg-input-focus-start: #ffffff;
  --bg-input-focus-end: #ffffff;

  /* Button backgrounds - flat gray */
  --bg-button-start: #c0c0c0;
  --bg-button-end: #c0c0c0;
  --bg-button-hover-start: #d4d4d4;
  --bg-button-hover-end: #d4d4d4;
  --bg-button-secondary-start: #c0c0c0;
  --bg-button-secondary-end: #c0c0c0;

  /* No glass effect in classic */
  --bg-glass: #c0c0c0;
  --bg-glass-hover: #c0c0c0;

  /* ============================================
     TEXT COLORS - Classic black text
     ============================================ */
  --text-primary: #000000;
  --text-secondary: #000000;
  --text-muted: #808080;
  --text-disabled: #808080;
  --text-inverse: #ffffff;
  --text-white: #000000;

  --text-label: #000000;
  --text-label-light: #000000;

  /* ============================================
     ACCENT COLORS - Classic blue selection
     ============================================ */
  --accent-primary: #000080;
  --accent-primary-hover: #0000a0;

  --accent-blue: #000080;
  --accent-blue-90: rgba(0, 0, 128, 0.9);
  --accent-blue-80: rgba(0, 0, 128, 0.8);
  --accent-blue-60: rgba(0, 0, 128, 0.6);
  --accent-blue-50: rgba(0, 0, 128, 0.5);
  --accent-blue-40: rgba(0, 0, 128, 0.4);
  --accent-blue-30: rgba(0, 0, 128, 0.3);
  --accent-blue-20: rgba(0, 0, 128, 0.2);
  --accent-blue-15: rgba(0, 0, 128, 0.15);
  --accent-blue-12: rgba(0, 0, 128, 0.12);
  --accent-blue-10: rgba(0, 0, 128, 0.1);
  --accent-blue-08: rgba(0, 0, 128, 0.08);
  --accent-blue-05: rgba(0, 0, 128, 0.05);

  /* ============================================
     BORDER COLORS - Classic beveled look
     ============================================ */
  --border-default: #808080;
  --border-subtle: #808080;
  --border-faint: #808080;
  --border-strong: #000000;
  --border-focus: #000080;
  --border-glow: #000080;

  /* Classic 3D borders */
  --border-glass: #808080;
  --border-glass-strong: #000000;

  --border-separator: #808080;

  /* ============================================
     STATUS COLORS - Classic Windows colors
     ============================================ */
  --status-success: #008000;
  --status-success-dark: #006400;
  --status-success-bg: rgba(0, 128, 0, 0.15);
  --status-success-border: #008000;

  --status-error: #ff0000;
  --status-error-dark: #cc0000;
  --status-error-bg: rgba(255, 0, 0, 0.1);
  --status-error-border: #ff0000;

  --status-warning: #ff8000;
  --status-warning-dark: #cc6600;
  --status-warning-bg: rgba(255, 128, 0, 0.1);

  --status-info: #000080;
  --status-info-bg: rgba(0, 0, 128, 0.1);

  --status-gold: #808000;
  --status-gold-dark: #606000;

  /* ============================================
     GAME BOARD - CELLS (Classic Minesweeper exact colors)
     ============================================ */
  /* Hidden cell - raised 3D button */
  --cell-hidden-start: #c0c0c0;
  --cell-hidden-end: #c0c0c0;
  --cell-hidden-border: #808080;
  --cell-hidden-hover-start: #c0c0c0;
  --cell-hidden-hover-end: #c0c0c0;
  --cell-hidden-hover-border: #808080;

  /* Revealed cell - flat gray */
  --cell-revealed-start: #c0c0c0;
  --cell-revealed-end: #c0c0c0;
  --cell-revealed-border: #808080;

  /* Mine cell - red background */
  --cell-mine-start: #ff0000;
  --cell-mine-end: #ff0000;
  --cell-mine-border: #808080;

  /* Flagged cell */
  --cell-flagged-start: #c0c0c0;
  --cell-flagged-end: #c0c0c0;
  --cell-flagged-border: #808080;
  --cell-flag-color: #000000;

  /* Game board container */
  --board-bg-start: #c0c0c0;
  --board-bg-end: #c0c0c0;
  --board-border: #808080;

  /* ============================================
     CELL NUMBER COLORS (Classic Minesweeper exact colors)
     ============================================ */
  --cell-n1: #0000ff;  /* Blue */
  --cell-n2: #008000;  /* Green */
  --cell-n3: #ff0000;  /* Red */
  --cell-n4: #000080;  /* Dark Blue/Navy */
  --cell-n5: #800000;  /* Maroon */
  --cell-n6: #008080;  /* Teal */
  --cell-n7: #000000;  /* Black */
  --cell-n8: #808080;  /* Gray */

  /* No glow in classic mode */
  --cell-number-glow: 0;

  /* ============================================
     AI DIFFICULTY COLORS
     ============================================ */
  --ai-beginner: #008000;
  --ai-beginner-bg: rgba(0, 128, 0, 0.1);
  --ai-intermediate: #808000;
  --ai-intermediate-bg: rgba(128, 128, 0, 0.1);
  --ai-expert: #ff0000;
  --ai-expert-bg: rgba(255, 0, 0, 0.1);

  /* ============================================
     PLAYER COLORS
     ============================================ */
  --player-human: #008000;
  --player-human-bg: rgba(0, 128, 0, 0.1);
  --player-ai: #000080;
  --player-ai-bg: rgba(0, 0, 128, 0.1);
  --player-spectator: #808080;
  --player-disconnected: #a0a0a0;

  /* ============================================
     SHADOWS & GLOWS - Classic beveled look (NO SOFT SHADOWS)
     ============================================ */
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;

  /* No glows in classic */
  --glow-blue-sm: none;
  --glow-blue-md: none;
  --glow-blue-lg: none;
  --glow-green: none;
  --glow-red: none;
  --glow-gold: none;

  /* No text glow */
  --text-glow-blue: none;
  --text-glow-title: none;
  --text-glow-success: none;
  --text-glow-error: none;

  /* Classic 3D inset/outset */
  --inset-light: none;
  --inset-dark: none;
  --inset-button: none;

  /* ============================================
     GRID PATTERNS - No decorative grid in classic
     ============================================ */
  --grid-line: transparent;
  --grid-line-accent: transparent;
  --grid-line-subtle: transparent;

  /* ============================================
     SCROLLBAR - Classic Windows style
     ============================================ */
  --scrollbar-track: #c0c0c0;
  --scrollbar-thumb: #808080;
  --scrollbar-thumb-hover: #606060;

  /* ============================================
     MODALS - Classic dialog box
     ============================================ */
  --modal-bg-start: #c0c0c0;
  --modal-bg-end: #c0c0c0;
  --modal-border: #000000;
  --modal-header-line: #000080;

  /* ============================================
     NOTIFICATIONS
     ============================================ */
  --notification-bg: #ffffcc;
  --notification-border: #000000;
}

/* ============================================
   CLASSIC THEME - COMPONENT OVERRIDES
   ============================================ */

/* Remove blur/backdrop effects */
body.theme-classic .lobby-container,
body.theme-classic .modal-content,
body.theme-classic .power-up-item,
body.theme-classic .attack-item {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Classic Windows 3D border mixin - raised button style */
body.theme-classic .game-board {
    background: #c0c0c0;
    border: 3px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #dfdfdf;
    border-radius: 0;
    padding: 3px;
}

/* Hidden cells - raised 3D button look */
body.theme-classic .cell.hidden {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    box-shadow: none;
    border-radius: 0;
}

body.theme-classic .cell.hidden:hover {
    background: #c0c0c0;
    border-color: #ffffff #808080 #808080 #ffffff;
    box-shadow: none;
}

/* Revealed cells - flat with grid border */
body.theme-classic .cell {
    background: #c0c0c0;
    border: 1px solid #808080;
    box-shadow: none;
    border-radius: 0;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
}

/* Flagged cells - keep raised look */
body.theme-classic .cell.flagged {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    box-shadow: none;
}

body.theme-classic .cell.flagged::before {
    content: '🚩';
    font-size: 0.9rem;
    text-shadow: none;
    filter: none;
}

/* Mine cells */
body.theme-classic .cell.mine {
    background: #ff0000;
    border: 1px solid #808080;
    box-shadow: none;
    border-radius: 0;
}

body.theme-classic .cell.mine::before {
    content: '💣';
    font-size: 0.9rem;
    filter: none;
}

/* Number colors - no glow, bold */
body.theme-classic .cell.n1 { color: #0000ff; text-shadow: none; }
body.theme-classic .cell.n2 { color: #008000; text-shadow: none; }
body.theme-classic .cell.n3 { color: #ff0000; text-shadow: none; }
body.theme-classic .cell.n4 { color: #000080; text-shadow: none; }
body.theme-classic .cell.n5 { color: #800000; text-shadow: none; }
body.theme-classic .cell.n6 { color: #008080; text-shadow: none; }
body.theme-classic .cell.n7 { color: #000000; text-shadow: none; }
body.theme-classic .cell.n8 { color: #808080; text-shadow: none; }

/* Game interface - solid gray, no vignette */
body.theme-classic .game-interface {
    background: #c0c0c0;
}

body.theme-classic .game-interface::before,
body.theme-classic .game-interface::after {
    display: none;
}

/* HUD elements - classic gray sunken panel */
body.theme-classic .top-left-stats .game-timer,
body.theme-classic .top-left-stats .flag-count,
body.theme-classic .top-left-stats .lives-count {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    color: #000000;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
}

body.theme-classic .top-left-stats .stat-value {
    color: #000000;
    text-shadow: none;
}

body.theme-classic .top-left-stats .stat-label {
    color: #000000;
    opacity: 1;
}

body.theme-classic .top-left-stats .lives-count {
    color: #000000;
}

/* Progress indicator - classic style */
body.theme-classic .progress-indicator {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    box-shadow: none;
}

/* Lobby container - classic window */
body.theme-classic .lobby-container {
    background: #c0c0c0;
}

/* Header bar - classic title bar style */
body.theme-classic .lobby-header-bar {
    background: linear-gradient(90deg, #000080, #1084d0);
    border-bottom: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    padding: 0.25rem 0.5rem;
}

body.theme-classic .header-title {
    color: #ffffff;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: none;
    letter-spacing: 0;
}

body.theme-classic .header-nav {
    gap: 2px;
}

body.theme-classic .header-right .theme-selector,
body.theme-classic .header-records-btn {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    border-radius: 0;
    color: #000000;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
    height: 24px;
    font-size: 0.75rem;
    padding: 0 0.5rem;
}

body.theme-classic .header-right .theme-selector {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Cpath fill='%23000000' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
    padding-right: 1.25rem;
}

body.theme-classic .header-records-btn:hover {
    background: #d4d4d4;
}

body.theme-classic .header-records-btn:active {
    border-color: #808080 #ffffff #ffffff #808080;
    box-shadow: inset 1px 1px 0 #808080;
}

body.theme-classic .lobby-content {
    background: #c0c0c0;
}

/* Buttons - classic 3D raised */
body.theme-classic .btn,
body.theme-classic button,
body.theme-classic .difficulty-btn,
body.theme-classic .mode-toggle-btn {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    box-shadow: 1px 1px 0 #000000;
    border-radius: 0;
    color: #000000;
    text-shadow: none;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
}

body.theme-classic .btn:hover,
body.theme-classic button:hover,
body.theme-classic .difficulty-btn:hover,
body.theme-classic .mode-toggle-btn:hover {
    background: #d4d4d4;
    border-color: #ffffff #808080 #808080 #ffffff;
}

body.theme-classic .btn:active,
body.theme-classic button:active,
body.theme-classic .difficulty-btn:active,
body.theme-classic .mode-toggle-btn:active,
body.theme-classic .difficulty-btn.active,
body.theme-classic .mode-toggle-btn.active {
    background: #c0c0c0;
    border-color: #808080 #ffffff #ffffff #808080;
    box-shadow: inset 1px 1px 0 #808080;
}

/* Inputs - classic sunken */
body.theme-classic input,
body.theme-classic select {
    background: #ffffff;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    color: #000000;
    box-shadow: inset 1px 1px 0 #404040;
}

body.theme-classic input:focus,
body.theme-classic select:focus {
    outline: 1px dotted #000000;
    outline-offset: -3px;
}

/* Connection quality icon */
body.theme-classic .connection-quality-icon {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    border-radius: 0;
    box-shadow: none;
}

/* Bottom HUD */
body.theme-classic .bottom-hud {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #dfdfdf #808080 #808080 #dfdfdf;
    border-radius: 0;
    box-shadow: none;
}

body.theme-classic .bottom-hud .attack-inventory,
body.theme-classic .bottom-hud .power-ups-inventory {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    box-shadow: none;
}

/* Power-up and attack items */
body.theme-classic .power-up-item,
body.theme-classic .attack-item {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    border-radius: 0;
    box-shadow: none;
}

body.theme-classic .power-up-item:hover,
body.theme-classic .attack-item:hover {
    background: #d4d4d4;
}

body.theme-classic .power-up-item.active {
    border-color: #808080 #ffffff #ffffff #808080;
    background: #a0a0a0;
}

/* Theme selector dropdown */
body.theme-classic .theme-selector {
    background: #ffffff;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    color: #000000;
}

/* Modals - classic dialog */
body.theme-classic .modal-content,
body.theme-classic .game-over-dialog,
body.theme-classic .single-player-game-over,
body.theme-classic [class*="game-over"] {
    background: #c0c0c0 !important;
    border: 3px solid !important;
    border-color: #dfdfdf #404040 #404040 #dfdfdf !important;
    box-shadow: 2px 2px 0 #000000 !important;
    border-radius: 0 !important;
}

body.theme-classic .modal-header {
    background: linear-gradient(90deg, #000080, #1084d0);
    color: #ffffff;
    font-weight: bold;
    padding: 2px 4px;
}

/* Game over dialog title - plain black text */
body.theme-classic .game-over-title,
body.theme-classic [class*="game-over"] h2,
body.theme-classic [class*="game-over"] .title,
body.theme-classic .game-over-title.win,
body.theme-classic .game-over-title.lose,
body.theme-classic [class*="win"] .game-over-title,
body.theme-classic [class*="lose"] .game-over-title,
body.theme-classic .modal-title,
body.theme-classic .modal-title.win-title,
body.theme-classic .modal-title.lose-title,
body.theme-classic .modal-title.draw-title,
body.theme-classic .win-title,
body.theme-classic .lose-title,
body.theme-classic .draw-title {
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

/* Game over stats panel */
body.theme-classic .game-over-stats,
body.theme-classic [class*="game-over"] .stats,
body.theme-classic [class*="game-over"] [class*="stats"] {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Stats labels and values */
body.theme-classic .game-over-stats .stat-label,
body.theme-classic [class*="game-over"] .stat-label,
body.theme-classic [class*="game-over"] [class*="label"] {
    color: #000000 !important;
    text-transform: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

body.theme-classic .game-over-stats .stat-value,
body.theme-classic [class*="game-over"] .stat-value,
body.theme-classic [class*="game-over"] [class*="value"] {
    color: #000000 !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

/* Game over buttons */
body.theme-classic .game-over-buttons button,
body.theme-classic [class*="game-over"] button,
body.theme-classic .single-player-game-over .button {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
    font-weight: normal !important;
    text-transform: none !important;
    text-shadow: none !important;
    padding: 6px 16px !important;
}

body.theme-classic .game-over-buttons button:hover,
body.theme-classic [class*="game-over"] button:hover,
body.theme-classic .single-player-game-over .button:hover {
    background: #d4d4d4 !important;
    transform: none !important;
}

body.theme-classic .game-over-buttons button:active,
body.theme-classic [class*="game-over"] button:active,
body.theme-classic .single-player-game-over .button:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

/* Primary button - slightly darker to indicate default action */
body.theme-classic .game-over-buttons button.primary,
body.theme-classic [class*="game-over"] button.primary,
body.theme-classic .single-player-game-over .button.primary {
    background: #c0c0c0 !important;
    border: 3px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
}

/* Collected power-up/attack cells */
body.theme-classic .cell.power-up.collected,
body.theme-classic .cell.attack.collected {
    background: #c0c0c0;
    border: 1px solid #808080;
    box-shadow: none;
}

/* Title styling */
body.theme-classic .lobby-title,
body.theme-classic .lobby-header h2 {
    color: #404040 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
}

/* Subtitle styling */
body.theme-classic .lobby-subtitle,
body.theme-classic .lobby-header p {
    color: #606060 !important;
    text-shadow: none !important;
}

/* Section titles */
body.theme-classic .section-title,
body.theme-classic .difficulty-title,
body.theme-classic .single-player-options h3,
body.theme-classic .vs-ai-config h3,
body.theme-classic .vs-ai-config h4,
body.theme-classic .vs-ai-section-title,
body.theme-classic h3,
body.theme-classic h4 {
    color: #404040 !important;
    text-shadow: none !important;
}

/* Mode toggle container (SOLO / VS AI / MULTIPLAYER) */
body.theme-classic .mode-toggle-container {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 4px !important;
    gap: 4px !important;
}

body.theme-classic .mode-toggle-btn {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
    margin: 2px !important;
    padding: 6px 16px !important;
}

body.theme-classic .mode-toggle-btn:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .mode-toggle-btn.active {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
    color: #000000 !important;
}

body.theme-classic .mode-toggle-btn::after {
    display: none !important;
}

/* Remove all gradients and modern effects */
body.theme-classic * {
    text-shadow: none !important;
}

/* No LED glow in classic - use black text */
body.theme-classic .top-left-stats .stat-value,
body.theme-classic .top-left-stats .game-timer span,
body.theme-classic .top-left-stats .flag-count span,
body.theme-classic .top-left-stats .lives-count span {
    color: #000000 !important;
    text-shadow: none !important;
}

/* ============================================
   PROGRESS INDICATOR - Classic Windows style
   ============================================ */
body.theme-classic .progress-indicator,
body.theme-classic .status {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    box-shadow: none;
    color: #000000;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
}

body.theme-classic .status::before {
    background: #008000;
    box-shadow: none;
    animation: none;
}

/* ============================================
   DIFFICULTY SELECTOR - Classic Windows toolbar
   ============================================ */
body.theme-classic .mobile-difficulty-selector {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #dfdfdf #808080 #808080 #dfdfdf;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
}

body.theme-classic .mobile-difficulty-selector::before {
    display: none;
}

body.theme-classic .difficulty-btn {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    border-radius: 0;
    box-shadow: 1px 1px 0 #000000;
    color: #000000;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    padding: 4px 12px;
    min-width: auto;
}

body.theme-classic .difficulty-btn:hover {
    background: #d4d4d4;
    border-color: #ffffff #808080 #808080 #ffffff;
    transform: none;
    box-shadow: 1px 1px 0 #000000;
    color: #000000;
}

body.theme-classic .difficulty-btn.active {
    background: #c0c0c0;
    border-color: #808080 #ffffff #ffffff #808080;
    box-shadow: inset 1px 1px 0 #808080;
    color: #000000;
    animation: none;
}

body.theme-classic .difficulty-btn.active::after {
    display: none;
}

body.theme-classic .difficulty-btn:active {
    border-color: #808080 #ffffff #ffffff #808080;
    box-shadow: inset 1px 1px 0 #808080;
}

/* ============================================
   ZOOM CONTROL - Classic Windows button
   ============================================ */
body.theme-classic .zoom-control,
body.theme-classic .zoom-btn,
body.theme-classic [class*="zoom"] button {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
}

body.theme-classic .zoom-control:hover,
body.theme-classic .zoom-btn:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .zoom-control:active,
body.theme-classic .zoom-btn:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

/* ============================================
   CLOSE BUTTON (X) - Classic Windows style
   ============================================ */
body.theme-classic .close-btn,
body.theme-classic .close-button,
body.theme-classic [class*="close"] {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #ffffff #808080 #808080 #ffffff;
    border-radius: 0;
    box-shadow: 1px 1px 0 #000000;
    color: #000000;
}

body.theme-classic .close-btn:hover,
body.theme-classic .close-button:hover {
    background: #d4d4d4;
}

/* ============================================
   THEME SELECTOR DROPDOWN
   ============================================ */
body.theme-classic .theme-selector,
body.theme-classic select {
    background: #ffffff;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    box-shadow: inset 1px 1px 0 #404040;
    color: #000000;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
    padding: 2px 4px;
}

/* ============================================
   CONNECTION QUALITY INDICATOR
   ============================================ */
body.theme-classic .connection-quality-icon {
    background: #c0c0c0;
    border: 2px solid;
    border-color: #808080 #ffffff #ffffff #808080;
    border-radius: 0;
    box-shadow: none;
}

/* Close button (X) - classic colors, default size/shape */
body.theme-classic .constant-return-lobby {
    background: #c0c0c0;
    border: 1px solid #808080;
    color: #000000;
    box-shadow: none;
}

body.theme-classic .constant-return-lobby svg {
    stroke: #000000;
    filter: none;
}

body.theme-classic .constant-return-lobby:hover {
    background: #d4d4d4;
    border-color: #606060;
    transform: none;
}

/* ============================================
   VS AI CONFIGURATION PANEL - Classic Windows
   ============================================ */
body.theme-classic .vs-ai-config {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Section dividers */
body.theme-classic .vs-ai-section {
    border-bottom-color: #808080 !important;
}

body.theme-classic #vs-ai-config.visible::before,
body.theme-classic #vs-ai-config.visible::after {
    background: #808080 !important;
}

/* Section titles */
body.theme-classic .vs-ai-section-title {
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Difficulty buttons */
body.theme-classic .vs-ai-difficulty-btn {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
}

body.theme-classic .vs-ai-difficulty-btn:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .vs-ai-difficulty-btn.active {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
    color: #000000 !important;
}

body.theme-classic .vs-ai-difficulty-btn .diff-name,
body.theme-classic .vs-ai-difficulty-btn .diff-size {
    color: #000000 !important;
    text-shadow: none !important;
}

/* AI Opponent controls */
body.theme-classic .vs-ai-opponent-card,
body.theme-classic .ai-opponent-selector {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.theme-classic .ai-opponent-selector:hover {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
}

body.theme-classic .ai-opponent-selector.has-ai {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: none !important;
}

body.theme-classic .vs-ai-opponent-card .opponent-label,
body.theme-classic .ai-label {
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .ai-label.ai-beginner,
body.theme-classic .ai-label.ai-intermediate,
body.theme-classic .ai-label.ai-expert {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Stepper controls (- 0 +) */
body.theme-classic .vs-ai-stepper,
body.theme-classic .ai-counter,
body.theme-classic .setting-counter {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}

body.theme-classic .vs-ai-stepper button,
body.theme-classic .ai-btn-minus,
body.theme-classic .ai-btn-plus,
body.theme-classic .setting-btn-minus,
body.theme-classic .setting-btn-plus {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    color: #000000 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    width: 24px !important;
    height: 24px !important;
}

body.theme-classic .vs-ai-stepper button:hover,
body.theme-classic .ai-btn-minus:hover,
body.theme-classic .ai-btn-plus:hover,
body.theme-classic .setting-btn-minus:hover,
body.theme-classic .setting-btn-plus:hover {
    background: #d4d4d4 !important;
    transform: none !important;
}

body.theme-classic .vs-ai-stepper button:active,
body.theme-classic .ai-btn-minus:active,
body.theme-classic .ai-btn-plus:active,
body.theme-classic .setting-btn-minus:active,
body.theme-classic .setting-btn-plus:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

body.theme-classic .vs-ai-stepper .stepper-value,
body.theme-classic .setting-count-value {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    text-shadow: none !important;
}

/* Settings cards (Lives, Grenades, Attack Slots) */
body.theme-classic .vs-ai-setting,
body.theme-classic .game-setting-selector {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.theme-classic .game-setting-selector:hover {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
}

body.theme-classic .vs-ai-setting label,
body.theme-classic .setting-label {
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .setting-label.setting-lives,
body.theme-classic .setting-label.setting-grenades,
body.theme-classic .setting-label.setting-attacks {
    color: #000000 !important;
    text-shadow: none !important;
}

/* AI count values */
body.theme-classic .ai-count-value {
    color: #000000 !important;
    text-shadow: none !important;
}

/* AI Total display */
body.theme-classic .ai-total-display {
    color: #000000 !important;
}

body.theme-classic .ai-total-display strong {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Custom board size settings */
body.theme-classic .vs-ai-custom-settings {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
}

body.theme-classic .vs-ai-custom-field label {
    color: #000000 !important;
    text-shadow: none !important;
    text-transform: none !important;
}

body.theme-classic .vs-ai-custom-field input {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    box-shadow: inset 1px 1px 0 #404040 !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

body.theme-classic .vs-ai-custom-field input:focus {
    outline: 1px dotted #000000 !important;
    outline-offset: -3px !important;
    box-shadow: inset 1px 1px 0 #404040 !important;
}

/* ============================================
   MULTIPLAYER SECTION - Classic Windows
   ============================================ */

/* Player stats panel */
body.theme-classic .player-stats {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
}

body.theme-classic .stats-header {
    color: #000000 !important;
}

body.theme-classic .logged-in-name {
    color: #000000 !important;
    font-weight: bold !important;
}

body.theme-classic .player-code {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

body.theme-classic .stats-row .stat-label {
    color: #000000 !important;
}

body.theme-classic .stats-row .stat-value {
    color: #000000 !important;
}

/* Lobby sections (Available Games, Players online) */
body.theme-classic .lobby-section {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
}

body.theme-classic .lobby-section::before {
    display: none !important;
}

body.theme-classic .lobby-section h3 {
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .section-header h3 {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Host New Game button */
body.theme-classic #host-game-button {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
}

body.theme-classic #host-game-button:hover {
    background: #d4d4d4 !important;
}

/* Game item cards */
body.theme-classic .game-item {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
}

body.theme-classic .game-item:hover {
    background: #d4d4d4 !important;
    transform: none !important;
}

body.theme-classic .game-item .game-name {
    color: #000000 !important;
    text-shadow: none !important;
    font-weight: bold !important;
}

body.theme-classic .game-item .game-host {
    color: #404040 !important;
    text-shadow: none !important;
}

body.theme-classic .game-item .game-details {
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

body.theme-classic .game-item .game-info,
body.theme-classic .game-item .game-difficulty {
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .game-item .game-players {
    margin-top: 4px !important;
}

body.theme-classic .game-item .game-player {
    background: #c0c0c0 !important;
    color: #000000 !important;
    border: 1px solid #808080 !important;
    border-radius: 0 !important;
    padding: 2px 6px !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

body.theme-classic .game-item .game-actions button {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

body.theme-classic .game-item .game-actions button:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .game-item .game-actions button:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

/* Players online section */
body.theme-classic .player-count,
body.theme-classic #players-container {
    color: #000000 !important;
}

body.theme-classic .player-count strong {
    color: #000000 !important;
}

/* Auth section */
body.theme-classic .auth-section {
    background: #c0c0c0 !important;
}

body.theme-classic .auth-tabs {
    background: #c0c0c0 !important;
}

body.theme-classic .auth-tab {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

body.theme-classic .auth-tab:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .auth-tab.active {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
    color: #000000 !important;
}

body.theme-classic .auth-form {
    background: transparent !important;
}

body.theme-classic .auth-hint {
    color: #404040 !important;
}

body.theme-classic .auth-error {
    color: #ff0000 !important;
    background: #c0c0c0 !important;
}

/* Player input fields */
body.theme-classic .player-input {
    background: #ffffff !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    box-shadow: inset 1px 1px 0 #404040 !important;
}

body.theme-classic .player-input:focus {
    outline: 1px dotted #000000 !important;
    outline-offset: -3px !important;
}

/* ============================================
   HOST NEW GAME MODAL - Classic Windows
   ============================================ */

/* Modal content */
body.theme-classic .modal-content {
    background: #c0c0c0 !important;
    border: 3px solid !important;
    border-color: #dfdfdf #404040 #404040 #dfdfdf !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0 #000000 !important;
}

body.theme-classic .modal-content::before {
    display: none !important;
}

body.theme-classic .modal-title {
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Form labels */
body.theme-classic .input-group label {
    color: #000000 !important;
    text-shadow: none !important;
    text-transform: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

/* Form inputs and selects */
body.theme-classic .modal-form .player-input,
body.theme-classic .modal-form input,
body.theme-classic .modal-form select {
    background: #ffffff !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
    box-shadow: inset 1px 1px 0 #404040 !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
}

body.theme-classic .modal-form select {
    background-image: none !important;
}

/* AI Players Section */
body.theme-classic .ai-players-section {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
}

body.theme-classic .ai-section-header {
    border-bottom-color: #808080 !important;
}

body.theme-classic .ai-section-title {
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
    text-transform: none !important;
}

body.theme-classic .ai-total-indicator {
    background: #c0c0c0 !important;
    border: 1px solid #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

body.theme-classic .ai-total-indicator.has-ai {
    background: #c0c0c0 !important;
    color: #000000 !important;
    box-shadow: none !important;
}

body.theme-classic .ai-info-toggle {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    color: #000000 !important;
    box-shadow: 1px 1px 0 #000000 !important;
}

body.theme-classic .ai-info-toggle:hover {
    background: #d4d4d4 !important;
}

/* AI Selectors */
body.theme-classic .ai-selector {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.theme-classic .ai-selector:hover {
    background: #c0c0c0 !important;
    transform: none !important;
    box-shadow: none !important;
}

body.theme-classic .ai-difficulty-name,
body.theme-classic .ai-difficulty-beginner,
body.theme-classic .ai-difficulty-intermediate,
body.theme-classic .ai-difficulty-expert {
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .ai-count-display,
body.theme-classic .ai-selector .ai-count-display,
body.theme-classic .ai-count-display .ai-count {
    background: #c0c0c0 !important;
    border: 1px solid #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

body.theme-classic .ai-control-btn {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    color: #000000 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    width: 24px !important;
    height: 24px !important;
}

body.theme-classic .ai-control-btn:hover {
    background: #d4d4d4 !important;
    transform: none !important;
    box-shadow: 1px 1px 0 #000000 !important;
}

body.theme-classic .ai-control-btn:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
    transform: none !important;
}

body.theme-classic .ai-description,
body.theme-classic .ai-selector .ai-description {
    color: #404040 !important;
}

/* Settings Section (Game Settings, Attacks, Power-ups) */
body.theme-classic .settings-section {
    border-top-color: #808080 !important;
}

body.theme-classic .settings-section h4 {
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
    text-transform: none !important;
}

/* Host modal settings panels */
body.theme-classic .host-settings-panel,
body.theme-classic .attacks-panel,
body.theme-classic .powerups-panel {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
}

/* Attack/Powerup items in host modal */
body.theme-classic .attack-toggle,
body.theme-classic .powerup-toggle {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

body.theme-classic .attack-toggle.selected,
body.theme-classic .powerup-toggle.selected {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

/* Dialog Buttons */
body.theme-classic .dialog-buttons {
    border-top-color: #808080 !important;
}

body.theme-classic .modal .button,
body.theme-classic .dialog-buttons .button {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
    text-transform: none !important;
}

body.theme-classic .modal .button:hover,
body.theme-classic .dialog-buttons .button:hover {
    background: #d4d4d4 !important;
    transform: none !important;
    box-shadow: 1px 1px 0 #000000 !important;
}

body.theme-classic .modal .button:active,
body.theme-classic .dialog-buttons .button:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

body.theme-classic .modal .button.cancel,
body.theme-classic .modal .button.secondary,
body.theme-classic .dialog-buttons .button.cancel,
body.theme-classic .dialog-buttons .button.secondary {
    background: #c0c0c0 !important;
}

/* Hints */
body.theme-classic .hint {
    color: #404040 !important;
}

/* Win condition selector */
body.theme-classic .vs-ai-win-condition,
body.theme-classic .win-condition-display {
    color: #000000 !important;
}

body.theme-classic .vs-ai-win-condition button,
body.theme-classic .win-nav-btn {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

body.theme-classic .vs-ai-win-condition button:active,
body.theme-classic .win-nav-btn:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
}

body.theme-classic .win-condition-text,
body.theme-classic .win-condition-label,
body.theme-classic .win-condition-value {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Attack options */
body.theme-classic .vs-ai-attack-option {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
}

body.theme-classic .vs-ai-attack-option:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .vs-ai-attack-option.selected {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

body.theme-classic .vs-ai-attack-option .attack-name {
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .vs-ai-attack-option .attack-count {
    background: #808080 !important;
    color: #ffffff !important;
}

/* Power-up options */
body.theme-classic .vs-ai-powerup-option {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
}

body.theme-classic .vs-ai-powerup-option:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .vs-ai-powerup-option.selected {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

body.theme-classic .vs-ai-powerup-option .powerup-name {
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .vs-ai-powerup-option .powerup-count {
    background: #808080 !important;
    color: #ffffff !important;
}

/* Start button */
body.theme-classic .vs-ai-start-btn {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
    text-shadow: none !important;
}

body.theme-classic .vs-ai-start-btn:hover:not(:disabled) {
    background: #d4d4d4 !important;
}

body.theme-classic .vs-ai-start-btn:active:not(:disabled) {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

body.theme-classic .vs-ai-start-btn:disabled {
    background: #c0c0c0 !important;
    color: #808080 !important;
}

body.theme-classic .vs-ai-start-btn small {
    color: #808080 !important;
}

/* Total AI indicator */
body.theme-classic .vs-ai-total {
    color: #000000 !important;
}

body.theme-classic .vs-ai-total .total-count {
    color: #000000 !important;
}

/* ========================================
   HOST GAME MODAL - Game Settings, Attacks, Power-ups
   ======================================== */

/* Host game sections container */
body.theme-classic .host-game-sections-row {
    gap: 8px !important;
}

/* Each section (Game Settings, Attacks, Power-ups) */
body.theme-classic .host-game-section {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px !important;
}

/* Section headers (GAME SETTINGS, ATTACKS, POWER-UPS) */
body.theme-classic .host-game-section h4,
body.theme-classic .host-game-section .section-header {
    color: #000000 !important;
    text-shadow: none !important;
    font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    background: none !important;
    border: none !important;
    margin-bottom: 8px !important;
}

/* Setting labels (LIVES, GRENADES, ATTACK SLOTS) */
body.theme-classic .host-game-section .setting-label,
body.theme-classic .host-game-section .host-setting-label {
    color: #000000 !important;
    text-shadow: none !important;
    background: none !important;
}

/* Setting stepper containers */
body.theme-classic .host-setting-selector {
    background: #c0c0c0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Stepper buttons in host game */
body.theme-classic .host-setting-selector button,
body.theme-classic .host-game-section .stepper-btn,
body.theme-classic .host-game-section button[class*="minus"],
body.theme-classic .host-game-section button[class*="plus"] {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
    min-width: 24px !important;
    min-height: 24px !important;
}

body.theme-classic .host-setting-selector button:hover,
body.theme-classic .host-game-section .stepper-btn:hover {
    background: #d4d4d4 !important;
}

body.theme-classic .host-setting-selector button:active,
body.theme-classic .host-game-section .stepper-btn:active {
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

/* Setting value display */
body.theme-classic .host-setting-selector .setting-value,
body.theme-classic .host-game-section .setting-value {
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    border-radius: 0 !important;
    min-width: 30px !important;
    text-align: center !important;
}

/* Attack and Power-up option cards */
body.theme-classic .host-attack-option,
body.theme-classic .host-powerup-option,
body.theme-classic #host-game-form .host-attack-option.attack-option,
body.theme-classic #host-game-form .host-powerup-option.power-up-option {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    color: #000000 !important;
}

body.theme-classic .host-attack-option:hover,
body.theme-classic .host-powerup-option:hover,
body.theme-classic #host-game-form .host-attack-option.attack-option:hover,
body.theme-classic #host-game-form .host-powerup-option.power-up-option:hover {
    background: #d4d4d4 !important;
    box-shadow: 1px 1px 0 #000000 !important;
    transform: none !important;
}

body.theme-classic .host-attack-option.selected,
body.theme-classic .host-powerup-option.selected,
body.theme-classic #host-game-form .host-attack-option.attack-option.selected,
body.theme-classic #host-game-form .host-powerup-option.power-up-option.selected {
    background: #c0c0c0 !important;
    border-color: #808080 #ffffff #ffffff #808080 !important;
    box-shadow: inset 1px 1px 0 #808080 !important;
}

/* Attack/Power-up names */
body.theme-classic .host-attack-option .attack-name,
body.theme-classic .host-powerup-option .power-up-name,
body.theme-classic #host-game-form .host-attack-option .attack-name,
body.theme-classic #host-game-form .host-powerup-option .power-up-name {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Attack/Power-up count badges */
body.theme-classic .host-attack-option .attack-count,
body.theme-classic .host-powerup-option .power-up-count,
body.theme-classic #host-game-form .host-attack-option .attack-count,
body.theme-classic #host-game-form .host-powerup-option .power-up-count {
    background: #808080 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    border: 1px solid #404040 !important;
}

body.theme-classic .host-attack-option.selected .attack-count,
body.theme-classic .host-powerup-option.selected .power-up-count,
body.theme-classic #host-game-form .host-attack-option.selected .attack-count,
body.theme-classic #host-game-form .host-powerup-option.selected .power-up-count {
    background: #000080 !important;
    color: #ffffff !important;
}

/* Clear buttons on attack/power-up cards */
body.theme-classic #host-game-form .attack-clear,
body.theme-classic #host-game-form .power-up-clear {
    background: #c0c0c0 !important;
    border: 1px solid #808080 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

/* Attacks grid and powerups grid */
body.theme-classic .host-attacks-grid,
body.theme-classic .host-powerups-grid {
    gap: 4px !important;
}

/* Host attacks section */
body.theme-classic .host-attacks-section,
body.theme-classic .host-powerups-section {
    background: #c0c0c0 !important;
}

/* ========================================
   PLAYER CARDS - In-Game Scoreboard
   ======================================== */

/* Players grid container */
body.theme-classic .players-grid {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #dfdfdf #404040 #404040 #dfdfdf !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0 #000000 !important;
    padding: 4px !important;
    gap: 2px !important;
}

/* Base player card */
body.theme-classic .player-card {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 4px 6px !important;
}

/* Keep colored left border for player identification - just make it thicker/cleaner */
body.theme-classic .player-card.ai-player,
body.theme-classic .player-card.human-player {
    background: #c0c0c0 !important;
    border-left-width: 4px !important;
    border-left-style: solid !important;
}

/* Remove gradient overlay on AI cards */
body.theme-classic .player-card.ai-player::before {
    display: none !important;
}

/* AI skill level colors - keep these for identification */
body.theme-classic .player-card.ai-beginner {
    border-left-color: #00aa00 !important;
}

body.theme-classic .player-card.ai-intermediate {
    border-left-color: #cc8800 !important;
}

body.theme-classic .player-card.ai-expert {
    border-left-color: #cc0000 !important;
}

body.theme-classic .player-card.human-player {
    border-left-color: #0000cc !important;
}

/* Player name */
body.theme-classic .player-card .player-name {
    color: #000000 !important;
    text-shadow: none !important;
}

/* AI status indicator */
body.theme-classic .player-card .ai-status-indicator {
    color: #000000 !important;
}

body.theme-classic .player-card .ai-skill-level {
    color: #404040 !important;
}

/* Progress bar */
body.theme-classic .player-card .progress-bar {
    background: #808080 !important;
    border: 1px solid !important;
    border-color: #404040 #ffffff #ffffff #404040 !important;
    border-radius: 0 !important;
    height: 6px !important;
}

body.theme-classic .player-card .progress-fill {
    background: #000080 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Progress and lives text */
body.theme-classic .player-card .progress-text,
body.theme-classic .player-card .lives-text {
    color: #000000 !important;
    text-shadow: none !important;
}

/* Dead player */
body.theme-classic .player-card.dead {
    opacity: 0.6 !important;
    filter: none !important;
}

body.theme-classic .player-card.dead .player-name {
    text-decoration: line-through !important;
}

/* Eliminated badge */
body.theme-classic .eliminated-badge {
    background: #808080 !important;
    color: #ffffff !important;
    border: 1px solid #404040 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* Attackable card hover */
body.theme-classic .player-card.attackable:hover {
    background: #d4d4d4 !important;
    transform: none !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
}

/* Being attacked - use simple red border, no animations */
body.theme-classic .player-card.being-attacked {
    animation: none !important;
    border: 2px solid #cc0000 !important;
    background: #c0c0c0 !important;
}

/* Attacking - use simple yellow/gold border, no animations */
body.theme-classic .player-card.attacking {
    animation: none !important;
    border: 2px solid #cc8800 !important;
    background: #c0c0c0 !important;
}

/* Disconnected player */
body.theme-classic .player-card.disconnected {
    border-left-color: #808080 !important;
    opacity: 0.6 !important;
    filter: none !important;
    background: #c0c0c0 !important;
}

body.theme-classic .player-card.disconnected::after {
    background: #808080 !important;
    color: #000000 !important;
    border: 1px solid #404040 !important;
    border-radius: 0 !important;
}

/* Spectate button */
body.theme-classic .spectate-btn {
    background: #c0c0c0 !important;
    border: 2px solid !important;
    border-color: #ffffff #808080 #808080 #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.theme-classic .spectate-btn:hover {
    background: #d4d4d4 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ========================================
   ELIMINATED BANNER - Windows 95/98 Style
   ======================================== */

body.theme-classic .eliminated-banner {
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  box-shadow: 1px 1px 0 #000000;
  color: #000000;
  font-family: "MS Sans Serif", "Segoe UI", Tahoma, sans-serif;
}

body.theme-classic .eliminated-text {
  color: #800000;
  font-weight: bold;
  text-shadow: none;
}

body.theme-classic .spectating-player-name {
  color: #000080;
  border-left: 1px solid #808080;
}

body.theme-classic .spectator-toggle-btn {
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #808080 #808080 #ffffff;
  border-radius: 0;
  color: #000000;
  font-family: "MS Sans Serif", "Segoe UI", Tahoma, sans-serif;
  text-shadow: none;
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
}

body.theme-classic .spectator-toggle-btn:hover {
  background: #d4d4d4;
}

body.theme-classic .spectator-toggle-btn:active {
  border-color: #808080 #ffffff #ffffff #808080;
  transform: none;
}

/* Exit mode - red text */
body.theme-classic .spectator-toggle-btn[data-spectating="true"] {
  background: #c0c0c0;
  border-color: #ffffff #808080 #808080 #ffffff;
  color: #800000;
}

body.theme-classic .spectator-toggle-btn[data-spectating="true"]:hover {
  background: #d4d4d4;
  color: #800000;
}