:root{--bg: #0b0f1a;--surface: #131a2b;--surface-2: #1b2438;--border: #263149;--text: #eef2ff;--muted: #9aa7c7;--primary: #7c5cff;--primary-600: #6847f0;--accent: #22e0a1;--warning: #ffb020;--danger: #ff5470;--gradient: linear-gradient(135deg, #7c5cff 0%, #22e0a1 100%);--radius: 14px;--radius-lg: 20px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 8px 24px rgba(124, 92, 255, .35);--max: 1160px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3{line-height:1.15;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:8px}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:clamp(1rem,4vw,1.5rem)}main{display:block;min-height:60dvh}.section{padding-block:clamp(1.75rem,5vw,2.5rem)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-head h2{margin:0;font-size:clamp(1.25rem,3.5vw,1.6rem)}.link{color:var(--muted);font-weight:600}.link:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.7rem 1.25rem;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease,border-color .12s ease;text-align:center}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{filter:brightness(1.08)}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-lg{min-height:56px;padding:.9rem 1.75rem;font-size:1.05rem}.btn-sm{min-height:40px;padding:.45rem .9rem;font-size:.85rem}.btn-block{width:100%}.pill{display:inline-block;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.35rem .85rem;font-size:.82rem;font-weight:600;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ranking li{display:flex;align-items:center;gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.7rem .95rem}.ranking li.yo{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.ranking .pos{min-width:2rem;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.ranking li:nth-child(1) .pos{color:#ffd76a}.ranking li:nth-child(2) .pos{color:#cfd6e4}.ranking li:nth-child(3) .pos{color:#e0a06a}.ranking .quien{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking .puntos{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.ranking.compacto li{padding:.55rem .75rem}.tabla{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tabla th,.tabla td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--border)}.tabla th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.tabla tr:last-child td{border-bottom:0}.tabla tr.yo{background:color-mix(in srgb,var(--primary) 12%,transparent)}.tabla .der{text-align:right}.tabla .pos{font-weight:800}.tabla .puntos{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent)}.tabla a:hover{color:var(--accent)}.vacio{color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center}.vacio a{color:var(--accent)}.skeleton{min-height:160px;border-radius:var(--radius);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:brillo 1.3s ease-in-out infinite}@keyframes brillo{0%{background-position:200% 0}to{background-position:-200% 0}}input,select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.7rem .9rem;min-height:48px;width:100%}input:focus,select:focus{border-color:var(--primary);outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}