/**
 * Patienten-Modus CSS
 * Reduzierte, ablenkungsfreie Oberfläche für therapeutische Anwendung
 */

/* =================================================================
   ALLGEMEINE REDUZIERUNG
   ================================================================= */

.patient-mode {
    /* Größere Grundschrift */
    font-size: 18px;
}

.patient-mode * {
    /* Reduzierte Animationen */
    animation-duration: 0.2s !important;
    transition-duration: 0.2s !important;
}

/* =================================================================
   HEADER - MINIMAL
   ================================================================= */

.patient-mode .app-header {
    /* Einfacherer Header */
    background: #1e3a8a;
    padding: 1.5rem 1rem;
}

.patient-mode .header-center {
    /* Begrüßung größer und zentriert */
    font-size: 1.5rem;
    font-weight: 700;
}

.patient-mode .header-right {
    /* Benutzermenü ausblenden */
    display: none !important;
}

/* =================================================================
   START-SCREEN - VEREINFACHT
   ================================================================= */

.patient-mode #start-view {
    /* Mehr Whitespace */
    padding: 2rem 1rem;
}

.patient-mode .welcome-card {
    /* Einfacheres Design */
    background: #f3f4f6;
    border: 3px solid #1e3a8a;
    padding: 2rem;
    margin-bottom: 2rem;
}

.patient-mode .welcome-card h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.patient-mode .welcome-card p {
    font-size: 1.25rem;
    line-height: 1.8;
}

/* Statistik-Karten ausblenden */
.patient-mode .stats-grid {
    display: none !important;
}

/* =================================================================
   SUDOKU-AUSWAHL - GRÖSSERE BUTTONS
   ================================================================= */

.patient-mode .size-btn {
    /* Größere Buttons */
    min-height: 120px;
    padding: 1.5rem;
    font-size: 1.5rem;
}

.patient-mode .size-label {
    font-size: 1.75rem;
    font-weight: 700;
}

/* Schwierigkeitsgrad vereinfachen */
.patient-mode .difficulty-selector {
    margin: 2rem 0;
}

.patient-mode .difficulty-selector h3 {
    font-size: 1.5rem;
}

.patient-mode #difficulty-slider {
    height: 60px;
}

.patient-mode .difficulty-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1e3a8a;
}

/* Start-Button größer */
.patient-mode #start-game-btn {
    font-size: 1.75rem;
    padding: 1.5rem 3rem;
    min-height: 80px;
}

/* =================================================================
   SPIEL-BILDSCHIRM - FOKUSSIERT
   ================================================================= */

.patient-mode #game-view {
    /* Zentriert, maximaler Fokus */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}

/* Fortschrittsbalken ausblenden */
.patient-mode .progress-bar {
    display: none !important;
}

/* Timer ausblenden */
.patient-mode .timer {
    display: none !important;
}

/* Fehler-Zähler ausblenden */
.patient-mode .stats-counter {
    display: none !important;
}

/* Sudoku-Grid größer */
.patient-mode .sudoku-container {
    max-width: 100%;
    margin: 1rem 0;
}

.patient-mode .sudoku-grid {
    /* Größere Zellen */
    gap: 4px;
}

.patient-mode .sudoku-cell {
    /* Größere, klarere Zellen */
    font-size: 2.5rem;
    min-height: 60px;
    min-width: 60px;
    border: 3px solid #d1d5db;
}

.patient-mode .sudoku-cell.given {
    background: #e5e7eb;
    font-weight: 800;
}

.patient-mode .sudoku-cell.filled {
    background: #dbeafe;
}

.patient-mode .sudoku-cell.selected {
    border-color: #3b82f6;
    border-width: 4px;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* =================================================================
   NUMBER PAD - GRÖSSER
   ================================================================= */

.patient-mode .number-pad {
    /* Größerer Number Pad */
    gap: 1rem;
    margin: 1.5rem 0;
}

.patient-mode .number-btn {
    /* Größere Zahlen-Buttons */
    min-width: 70px;
    min-height: 70px;
    font-size: 2.5rem;
    font-weight: 700;
}

.patient-mode .number-btn-delete {
    font-size: 1.5rem;
}

/* =================================================================
   HILFE-BUTTONS - VEREINFACHT
   ================================================================= */

.patient-mode .help-buttons {
    /* Weniger Buttons pro Zeile */
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 1.5rem 0;
}

.patient-mode .help-btn {
    /* Größere Hilfe-Buttons */
    padding: 1.25rem;
    font-size: 1.125rem;
    min-height: 80px;
}

.patient-mode .help-icon {
    font-size: 2rem;
}

/* =================================================================
   SUCCESS-SCREEN - EINFACH
   ================================================================= */

.patient-mode #success-view {
    padding: 2rem;
}

.patient-mode .success-content h2 {
    font-size: 2.5rem;
}

.patient-mode .success-content .congrats {
    font-size: 1.5rem;
}

/* Detaillierte Statistiken ausblenden */
.patient-mode .stats-details {
    display: none !important;
}

/* Achievements-Liste ausblenden */
.patient-mode .achievements-list {
    display: none !important;
}

/* Nur "Neues Spiel" Button zeigen */
.patient-mode .success-actions button:not(#new-game-success-btn) {
    display: none !important;
}

.patient-mode #new-game-success-btn {
    font-size: 1.75rem;
    padding: 1.5rem 3rem;
    min-height: 80px;
}

/* =================================================================
   MODALS - VEREINFACHT
   ================================================================= */

.patient-mode .modal-content {
    padding: 2rem;
}

.patient-mode .modal-content h3 {
    font-size: 2rem;
}

.patient-mode .modal-content .btn {
    font-size: 1.25rem;
    padding: 1rem 2rem;
    min-height: 60px;
}

/* =================================================================
   FEEDBACK - KLARER
   ================================================================= */

.patient-mode .feedback {
    /* Größere Feedback-Nachrichten */
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    border-width: 3px;
}

/* =================================================================
   KEINE ABLENKUNGEN
   ================================================================= */

/* Gamification ausblenden */
.patient-mode .medals,
.patient-mode .achievements,
.patient-mode .streak-counter,
.patient-mode .level-badge {
    display: none !important;
}

/* Keine dekorativen Elemente */
.patient-mode .confetti,
.patient-mode .particles {
    display: none !important;
}

/* =================================================================
   RESPONSIVE - NUR ESSENTIALS
   ================================================================= */

@media (max-width: 768px) {
    .patient-mode {
        font-size: 16px;
    }

    .patient-mode .sudoku-cell {
        font-size: 2rem;
        min-height: 50px;
        min-width: 50px;
    }

    .patient-mode .number-btn {
        min-width: 60px;
        min-height: 60px;
        font-size: 2rem;
    }

    .patient-mode .help-buttons {
        grid-template-columns: 1fr;
    }
}