:root { color-scheme: light dark; font-family: system-ui, sans-serif; }body { margin: 0; padding: 1rem; background: #f4f5f7; color: #172033; }main { max-width: 34rem; margin: 0 auto; }.board { display: grid; grid-template-columns: repeat(6, minmax(2.5rem, 1fr)); gap: .2rem; max-width: 24rem; }.cell { min-height: 2.6rem; border: 1px solid #64748b; background: #fff; color: #172033; font-size: .72rem; }.cell.wall { background: #334155; color: #fff; }.cell.player { background: #bfdbfe; }.cell.crate { background: #fbbf24; }.cell.plate { outline: 3px solid #22c55e; outline-offset: -4px; }.cell.exit { border: 3px solid #dc2626; }.controls { display: flex; flex-wrap: wrap; gap: .35rem; margin: .65rem 0; }.controls button { min-height: 2.65rem; min-width: 3.5rem; padding: .3rem .55rem; }
@media (prefers-color-scheme: dark) { body { background: #111827; color: #e5e7eb; }.cell { background: #1f2937; color: #f9fafb; }.cell.wall { background: #030712; } }

.cell.plate { position:relative; }