html, body { margin:0; padding:0; background:#0a0908; color:#f3ede2; font-family:'Manrope', sans-serif; scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
  * { box-sizing:border-box; }
  ::selection { background:#d9b36c; color:#0a0908; }
  a { color:#d9b36c; text-decoration:none; }
  a:hover { color:#f1dba6; }
  :focus-visible { outline:1px solid #d9b36c; outline-offset:4px; }
  input::placeholder { color:#6f685c; }
  @keyframes shimmer { from { background-position:0% 50% } to { background-position:200% 50% } }
  @keyframes marquee { from { transform:translateX(0) } to { transform:translateX(-50%) } }
  @keyframes pulse { 0%,100% { opacity:1 } 50% { opacity:.3 } }
  @keyframes sheen { 0% { transform:translateX(-120%) } 60%,100% { transform:translateX(260%) } }
  @keyframes rowFlash { 0% { background:rgba(217,179,108,.14) } 100% { background:rgba(217,179,108,0) } }
  @keyframes floatUp { 0% { opacity:0; transform:translateY(4px) } 15% { opacity:1; transform:none } 80% { opacity:1 } 100% { opacity:0; transform:translateY(-14px) } }

.interaction-1:hover { color:#f3ede2 !important }
.interaction-2:hover { color:#f3ede2 !important }
.interaction-3:hover { color:#f3ede2 !important }
.interaction-4:hover { color:#f3ede2 !important }
.interaction-5:hover { color:#0a0908 !important; transform:translateY(-1px) !important; box-shadow:0 10px 30px rgba(217,179,108,.35) !important }
.interaction-6:hover { color:#0a0908 !important; transform:translateY(-2px) !important; box-shadow:0 14px 40px rgba(217,179,108,.3) !important }
.interaction-7:hover { border-color:#d9b36c !important; color:#d9b36c !important }
.interaction-8:focus { border-bottom-color:#d9b36c !important }
.interaction-9:hover { background:#13110d !important }
.interaction-10:hover { background:rgba(217,179,108,.12) !important }
.interaction-11:hover { color:#0a0908 !important; transform:translateY(-2px) !important; box-shadow:0 14px 40px rgba(217,179,108,.3) !important }
.interaction-12:hover { color:#f1dba6 !important }
.interaction-13:hover { color:#d9b36c !important }
.interaction-14:hover { color:#d9b36c !important }
.interaction-15:hover { color:#d9b36c !important }
.interaction-16:hover { color:#d9b36c !important }section[id] { scroll-margin-top:100px; }
#sync-status { margin:32px 0 -18px; color:#a69d8c; font-size:13px; text-align:center; }
.history-empty { color:#a69d8c; font-size:14px; }
.no-script { position:fixed; inset:auto 0 0; z-index:100; padding:20px; background:#15120e; color:#f1dba6; text-align:center; }
button { touch-action:manipulation; }
@media(max-width:700px) {
  header > div { gap:14px !important; padding:12px 18px !important; }
  header nav { order:3; width:100%; justify-content:space-between; gap:14px !important; }
  header nav a { font-size:12px !important; }
  header a[target] { padding:10px 12px !important; font-size:10px !important; }
  #top { padding:148px 18px 40px !important; }
  #top > div:first-child > div:first-child { gap:9px !important; }
  #top > div:first-child > div:first-child > span:not([style*="height:1px"]) { font-size:9px !important; letter-spacing:.19em !important; }
  #top [style*="min-width:80px"] { min-width:66px !important; padding:12px 10px !important; }
  #top [style*="minmax(320px,1fr)"] { grid-template-columns:minmax(0,1fr) !important; }
  #top [style*="padding:4px 20px"] { padding:4px 10px !important; }
  #top [style*="padding:4px 20px"] > div:first-child { font-size:8px !important; letter-spacing:.1em !important; }
  #pista { padding:18px 12px 6px !important; }
  #pista [style*="grid-template-columns:"] { grid-template-columns:minmax(80px,1fr) minmax(40px,.9fr) auto !important; gap:12px !important; }
  #pista [style*="align-items:baseline"] { gap:7px !important; }
  #pista [style*="font-size:15px"] { font-size:12px !important; }
  #tabla { padding:30px 18px 56px !important; }
  #tabla [style*="minmax(260px,1fr)"] { grid-template-columns:minmax(0,1fr) !important; }
  #tabla [data-tilt] { margin-top:0 !important; }
  #tabla [data-podium-first="true"] { order:-1; }
  #tabla [style*="min-height:"] { min-height:280px !important; }
  #tabla [style*="padding:8px 24px 12px"] { padding:6px 10px 10px !important; }
  #tabla [style*="grid-template-columns:60px"] { grid-template-columns:25px minmax(0,1fr) auto 46px !important; gap:7px !important; padding-left:0 !important; padding-right:0 !important; }
  #tabla [style*="grid-template-columns:60px"] > * { font-size:12px !important; letter-spacing:normal !important; }
  #participar > div { padding:64px 18px !important; }
  #participar [style*="minmax(230px,1fr)"] > div { padding:24px 0 !important; border-right:0 !important; border-bottom:1px solid #2b2519; }
  #participar [style*="padding:40px"] { padding:28px 22px !important; }
  #participar button, #participar a[target] { width:100%; text-align:center; font-size:11px !important; }
  #faq { padding:60px 18px 70px !important; }
  #faq > div { grid-template-columns:minmax(0,1fr) !important; gap:30px !important; }
  footer > div:first-child { padding:40px 18px 0 !important; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}