html, body { margin: 0; height: 100%; background: #0b1020; overflow: hidden; font-family: system-ui, sans-serif; }
#wrap { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
canvas { height: 100%; max-width: 100%; aspect-ratio: 9 / 16; }

/* Bảng mô phỏng (ẩn khi live bằng ?live hoặc phím H) */
#sim { position: fixed; left: 8px; top: 8px; display: flex; flex-direction: column; gap: 6px; z-index: 2; }
#sim.hidden { display: none; }
#sim button { font: 600 13px system-ui; padding: 8px 10px; border-radius: 8px; border: 0; background: #ffffffe6; cursor: pointer; text-align: left; }
#sim button.on { background: #ffd54a; }
#status { color: #fff; font: 12px system-ui; opacity: .85; max-width: 220px; }