/* Bright theme for Brain Gym trainer pages (overrides legacy dark inline styles) */
.trainer-game-wrap > .container > .glass-panel {
    background: linear-gradient(160deg, #ffffff 0%, #f5f3ff 55%, #ecfeff 100%) !important;
    border: 2px solid #e0e7ff !important;
    box-shadow: 0 18px 50px rgba(99, 102, 241, 0.14) !important;
    backdrop-filter: none !important;
    color: #0f172a;
}
.trainer-game-wrap .glass-panel .glass-panel,
.trainer-game-wrap [style*="rgba(0,0,0"],
.trainer-game-wrap [style*="rgba(0, 0, 0"] {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    backdrop-filter: none !important;
}
.trainer-game-wrap [style*="rgba(255,255,255,0.0"],
.trainer-game-wrap [style*="rgba(255, 255, 255, 0.0"] { border-color: #e2e8f0 !important; }
.trainer-game-wrap .calc-icon-badge {
    background: linear-gradient(135deg, #6366f1, #ec4899) !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.35) !important;
}
.trainer-game-wrap h1, .trainer-game-wrap h2 { color: #0f172a !important; }
.trainer-game-wrap p { color: #334155 !important; }
.trainer-game-wrap button.glass-panel,
.trainer-game-wrap .btn-math-opt {
    background: #ffffff !important;
    border: 2px solid #c7d2fe !important;
    color: #1e1b4b !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.10);
}
.trainer-game-wrap .btn-math-opt:hover { border-color: #6366f1 !important; transform: translateY(-2px); }
.trainer-game-wrap #math-hud-timer { color: #059669 !important; }
.trainer-game-wrap .btn-preset-pill { background: #f1f5f9; color: #334155; }
.trainer-game-wrap .btn-preset-pill.active { background: #6366f1 !important; color: #fff !important; }

/* Shared styles for new trainers */
.tx-stage { min-height: 340px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.25rem; }
.tx-grid { display: grid; gap: 8px; width: 100%; max-width: 420px; }
.tx-cell { aspect-ratio: 1; border-radius: 14px; border: 2px solid #c7d2fe; background: #fff; font-size: 1.5rem; font-weight: 850; color: #1e1b4b; cursor: pointer; transition: transform .1s, background .15s; }
.tx-cell:hover { transform: scale(1.04); }
.tx-cell.ok { background: #dcfce7; border-color: #22c55e; color: #15803d; }
.tx-cell.bad { background: #fee2e2; border-color: #ef4444; }
.tx-cell.lit { background: linear-gradient(135deg, #6366f1, #ec4899); border-color: transparent; color: #fff; }
.tx-big { font-size: 3.2rem; font-weight: 900; color: #1e1b4b; font-family: monospace; letter-spacing: 4px; }
.tx-reaction { width: 100%; max-width: 520px; height: 300px; border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 850; color: #fff; cursor: pointer; user-select: none; background: #ef4444; transition: background .1s; text-align: center; padding: 1rem; }
.tx-reaction.go { background: #22c55e; }
.tx-reaction.idle { background: linear-gradient(135deg, #6366f1, #8b5cf6); }
.tx-input { font-size: 1.8rem; text-align: center; padding: .6rem 1rem; border-radius: 14px; border: 2px solid #c7d2fe; width: 260px; font-family: monospace; }