/* Styles of the small keypad client only. Its canvas maps game pixels onto whole device pixels (mc.js). */
body.phim #man { image-rendering: pixelated; image-rendering: crisp-edges; }
body.phim #mo-dau p { color: #cbb98a; }
body.phim #mo-dau, body.phim #dang-tai { z-index: 3; overflow-y: auto; }
.kieu-hinh { display: grid; gap: 6px; color: #cbb98a; font-size: 14px; }
.kieu-hinh select { min-height: 44px; padding: 8px 12px; border: 1px solid #54432a; border-radius: 8px; background: #241c12; color: #f4ead2; font: inherit; }

/* On-screen keys, laid out like a phone emulator: direction pad and soft keys on the left, digits on the right. */
#phim-ao { position: fixed; z-index: 2; display: flex; gap: 8px; padding: 6px 6px max(6px, env(safe-area-inset-bottom));
  background: #14110c; border-top: 1px solid #3a2e1b; touch-action: none; user-select: none; -webkit-user-select: none; }
#phim-ao .cum { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; min-height: 0; }
#phim-ao .huong { grid-template-rows: repeat(3, 1fr); }
#phim-ao .so { grid-template-rows: repeat(4, 1fr); }
#phim-ao button { min-height: 0; padding: 0; border: 1px solid #54432a; border-radius: 9px; background: #241c12; color: #f4ead2;
  font-size: 18px; font-weight: 600; line-height: 1; touch-action: none; -webkit-touch-callout: none; }
#phim-ao button.nhan { background: #e2b04a; border-color: #e2b04a; color: #241a08; }
#phim-ao .mem { font-size: 13px; color: #e2b04a; }
#phim-ao .ok { background: #5a1f17; border-color: #8c3a2c; }
#phim-ao .an { font-size: 11px; font-weight: 400; color: #a8987a; background: transparent; border-style: dashed; }
#hien-phim { position: fixed; z-index: 2; right: max(6px, env(safe-area-inset-right)); bottom: max(6px, env(safe-area-inset-bottom));
  min-height: 34px; padding: 4px 12px; font-size: 13px; opacity: 0.75; }