:root { color-scheme: dark; --nen: #0b0a08; --chu: #f4ead2; --vang: #e2b04a; --the: #1d1812; --vien: #5b4728; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; height: 100%; overflow: hidden; background: var(--nen); color: var(--chu);
  font-family: Roboto, "Noto Sans", "Helvetica Neue", "Segoe UI", Arial, sans-serif; overscroll-behavior: none;
  -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
#man { position: fixed; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; background: #000; }
#mo-dau, #dang-tai { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 20px; background: var(--nen); text-align: center; }
#mo-dau h1 { margin: 0; font-size: 26px; color: var(--vang); }
#mo-dau img { border-radius: 20px; }
#mo-dau p { max-width: 420px; margin: 0; font-size: 15px; line-height: 1.5; }
button { min-height: 44px; padding: 8px 22px; border: 1px solid var(--vien); border-radius: 8px; background: var(--the); color: var(--chu); font: inherit; font-size: 16px; cursor: pointer; }
#choi { min-width: 200px; background: var(--vang); border-color: var(--vang); color: #241a08; font-weight: 700; font-size: 18px; }
#canh { position: fixed; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); background: rgba(0, 0, 0, .78); }
#canh .the { display: flex; flex-direction: column; width: min(560px, 100%); max-height: 100%; padding: 14px; background: var(--the); border: 1px solid var(--vien); border-radius: 10px; }
#canh h2 { margin: 0 0 10px; font-size: 19px; color: var(--vang); }
#canh .noi-dung { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; }
#canh p { margin: 0 0 8px; font-size: 16px; line-height: 1.45; white-space: pre-wrap; }
#canh .nhan { color: var(--vang); }
#canh label { display: block; margin-bottom: 10px; }
#canh label.chon { display: flex; align-items: center; gap: 10px; min-height: 40px; }
#canh input:not([type=radio]):not([type=checkbox]) { width: 100%; min-height: 44px; padding: 8px 10px; border: 1px solid var(--vien); border-radius: 6px; background: #000; color: var(--chu); font-size: 16px; }
#canh .dong { display: block; width: 100%; margin-bottom: 6px; text-align: left; }
#canh .nut { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 12px; }