body{margin:0;font-family:Arial;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:white;min-height:100vh}.container{width:90%;max-width:420px;text-align:center;margin:0 auto}h1{font-size:34px}.sub{opacity:0.7;margin-bottom:20px}.board{display:flex;flex-direction:column;gap:12px}.item{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.08);padding:15px;border-radius:15px;transition:0.2s}.item:hover{transform:scale(1.03)}.item span{font-size:22px;width:40px}.item h2{margin:0;font-size:18px}.item p{margin:0;opacity:0.8}.gold{background:linear-gradient(90deg,#fbbf24,#f59e0b);color:black;font-weight:bold}.silver{background:linear-gradient(90deg,#cbd5e1,#94a3b8);color:black}.bronze{background:linear-gradient(90deg,#cd7f32,#b45309);color:white}.btn{display:block;margin-top:20px;padding:14px;background:#fbbf24;color:black;text-decoration:none;border-radius:12px;font-weight:bold}.board{display:flex;flex-direction:column;gap:15px;margin-top:25px}.item{display:flex;align-items:center;gap:20px;padding:18px;border-radius:14px;background:#2b2b2b;color:white;transition:.3s}.item:hover{transform:scale(1.02)}.item span{font-size:34px;width:60px;text-align:center}.item h2{margin:0;font-size:22px}.item p{margin:5px 0;font-size:18px}.item small{color:#d0d0d0}.gold{background:linear-gradient(90deg,#f8d54a,#cfa100)}.silver{background:linear-gradient(90deg,#d9d9d9,#9f9f9f);color:#222}.bronze{background:linear-gradient(90deg,#d68b45,#9b5d22)}.vacio{text-align:center;font-size:20px;padding:40px}
/* Barra de scroll azul (consistente en toda la web) */
html{scrollbar-color:#3b82f6 #1e293b}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#1e293b}
::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#60a5fa}