/* ============================================
   Room 3: Ethics & Governance Archive
   Deep purple, archival aesthetic, scrolls
   ============================================ */

.room-ethics .bg-grid {
    background-image: none;
}

.room-ethics #game-container::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 50%, rgba(139, 92, 246, 0.08), transparent 50%),
        radial-gradient(ellipse at 80% 50%, rgba(139, 92, 246, 0.05), transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.room-ethics .puzzle-container {
    border: 1px solid rgba(139, 92, 246, 0.2);
    background: rgba(26, 10, 46, 0.9);
}

/* Decision tree cards */
.room-ethics .decision-card {
    background: rgba(139, 92, 246, 0.08);
    border: 1px solid rgba(139, 92, 246, 0.25);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-lg);
}

.room-ethics .decision-choice {
    display: block;
    width: 100%;
    text-align: left;
    padding: var(--spacing-md);
    background: rgba(139, 92, 246, 0.05);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: var(--radius-md);
    margin-bottom: var(--spacing-sm);
    color: var(--color-text-primary);
    cursor: pointer;
    transition: all var(--transition-normal);
}

.room-ethics .decision-choice:hover {
    background: rgba(139, 92, 246, 0.15);
    border-color: rgba(139, 92, 246, 0.5);
    transform: translateX(4px);
}

/* Bias detection table */
.room-ethics .bias-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-sm);
}

.room-ethics .bias-table th {
    background: rgba(139, 92, 246, 0.15);
    padding: var(--spacing-sm) var(--spacing-md);
    text-align: left;
    font-family: var(--font-display);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}

.room-ethics .bias-table td {
    padding: var(--spacing-sm) var(--spacing-md);
    border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}

.room-ethics .bias-table tr:hover td {
    background: rgba(139, 92, 246, 0.05);
}

.room-ethics .bias-table .highlight-bias {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Crossword grid */
.room-ethics .crossword-grid {
    display: inline-grid;
    gap: 2px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: var(--radius-md);
    padding: 2px;
}

.room-ethics .crossword-cell {
    width: 36px;
    height: 36px;
    text-align: center;
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: var(--font-size-base);
    text-transform: uppercase;
    background: rgba(26, 10, 46, 0.8);
    border: 1px solid rgba(139, 92, 246, 0.2);
    color: var(--color-text-primary);
    padding: 0;
}

.room-ethics .crossword-cell:focus {
    border-color: var(--room-accent);
    box-shadow: 0 0 8px rgba(139, 92, 246, 0.5);
    outline: none;
}

.room-ethics .crossword-cell.black {
    background: #1a0a2e;
    border-color: transparent;
}

.room-ethics .crossword-cell.correct {
    border-color: var(--color-success);
    color: var(--color-success);
}