.status { font-weight: 800; color: #7C3AED; margin-bottom: 1rem; min-height: 1.5rem; }
.simon-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; max-width: 280px; }
.simon-pad { aspect-ratio: 1; border: none; border-radius: 20px; cursor: pointer; min-height: 100px; opacity: 0.75; transition: transform 0.1s, opacity 0.1s; box-shadow: 0 6px 16px rgba(0,0,0,0.2); }
.simon-pad:disabled { cursor: default; }
.simon-pad.lit, .simon-pad:active:not(:disabled) { opacity: 1; transform: scale(1.05); }
.simon-pad--red { background: #EF4444; }
.simon-pad--blue { background: #3B82F6; }
.simon-pad--yellow { background: #EAB308; }
.simon-pad--green { background: #22C55E; }