:root { color-scheme: dark; --bg:#141210; --tx:#f1ebe0; --mu:#a89f90; --ac:#e2a84a; --pa:#2a241c; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--tx); font:16px/1.45 system-ui,sans-serif; }
main { max-width:520px; margin:0 auto; padding:24px 16px 40px; }
h1 { font-size:26px; line-height:1.2; color:var(--ac); margin:.2em 0 .6em; }
video { width:100%; border-radius:10px; background:#000; display:block; margin-top:18px; }
a { color:inherit; }
.premio { background:var(--pa); border-radius:12px; padding:16px; text-align:center; }
.premio p { margin:.3em 0; }
.codigo { font:700 clamp(26px,9vw,36px)/1.2 ui-monospace,monospace; letter-spacing:.04em; overflow-wrap:anywhere; }
button, .btn { display:inline-block; font:600 17px system-ui,sans-serif; padding:13px 20px; margin:8px 8px 0 0;
  border-radius:8px; border:0; background:var(--ac); color:var(--bg); text-decoration:none; cursor:pointer; }
button.sec { background:var(--pa); color:var(--tx); }
button:disabled { opacity:.5; cursor:default; }
label { display:flex; gap:10px; margin:14px 0; font-size:14px; }
label input { flex:none; margin-top:3px; width:18px; height:18px; }
small, .mu { color:var(--mu); }
.espera { padding:36px 0; color:var(--mu); }
[hidden] { display:none; }