.unlock-intro{padding:38px 0 44px;background:linear-gradient(90deg,#141b12 5%,#141b12ed 50%,#141b1266),url('/static/art/agility-target-v214.webp') right 46%/cover;border-bottom:1px solid #776842}.unlock-intro h1{font-size:clamp(2rem,4vw,3.7rem);max-width:15ch;margin-bottom:18px}.unlock-intro p{font-size:1.1rem;max-width:57ch;margin:0;color:var(--ink)}.unlock-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;padding-block:40px 70px}.skill-sidebar{align-self:start;position:sticky;top:112px;max-height:calc(100dvh - 140px);overflow:auto;background:#1e2116;border:2px solid #776842;padding:14px}.skill-sidebar h2{font-size:1.2rem;margin:0 8px 10px}.skill-sidebar nav{display:grid}.skill-sidebar a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px;color:#e8ddc3;text-decoration:none;border-bottom:1px solid #4a4936;font-size:.95rem}.skill-sidebar a:hover{background:#353a25}.skill-sidebar a[aria-current]{background:#51462b;color:#fff0bc;font-weight:750}.skill-count{font-variant-numeric:tabular-nums;color:#d4c6a1;font-size:.8rem}.skill-heading h2{font-size:2rem;color:var(--gold);margin-bottom:12px}.skill-heading p{color:var(--muted)}.unlock-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;background:#22271b;border:1px solid #716747;margin-bottom:18px}.unlock-filters label{display:grid;gap:6px;font-size:.88rem;color:#eee4ca}.unlock-filters input,.unlock-filters select{min-width:0;width:100%;min-height:44px;border:1px solid #a49367;border-radius:2px;padding:9px 10px;background:#131d14;color:var(--ink)}.unlock-filters .mobile-skill{grid-column:1/-1}.unlock-search{grid-column:span 2}.unlock-filters button{align-self:end;margin-bottom:3px;min-height:44px}.unlock-legend{font-size:.9rem;color:var(--muted);max-width:77ch;margin-bottom:24px}.unlock-legend strong{color:var(--ink)}.unlock-results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.9rem;padding-bottom:12px}.unlock-results-heading p{margin:0}.unlock-results-heading a{white-space:nowrap}.unlock-list{list-style:none;margin:0;padding:0;border-top:2px solid #8f7a4e}.unlock-row{display:grid;grid-template-columns:54px 76px minmax(0,1fr);gap:14px;padding:20px 12px;border-bottom:1px solid #6f684c;background:#20271b}.unlock-row:nth-child(even){background:#1a2319}.unlock-level{align-self:start;text-align:center;color:#f5d99c;font-variant-numeric:tabular-nums}.unlock-level span{display:block;font-size:.7rem;color:#d5c9aa}.unlock-level strong{font-size:1.65rem;line-height:1.3}.unlock-art{width:72px;height:72px;padding:4px;display:grid;place-items:center;background:#302d20;border:2px ridge #a58d54;align-self:start}.unlock-art img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.unlock-labels{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:.75rem;color:#d8c7a0;margin-bottom:5px}.unlock-labels .unlock-available{color:#b9e3a9}.unlock-detail h3{font-family:system-ui,sans-serif;font-size:1.04rem;line-height:1.4;margin:0 0 6px;font-weight:750;color:#fff1d0}.unlock-detail p{font-size:.88rem;line-height:1.6;color:#d6dac9;margin:0;max-width:65ch}.unlock-detail .unlock-requires{color:#f0cf8a;margin-top:8px}.within-level .unlock-level strong{color:#b9e3a9}.unlock-empty{padding:35px 20px;border-block:1px solid var(--line)}.unlock-empty h3{font:700 1.15rem system-ui}.unlock-about{padding:18px 0;border-bottom:1px solid var(--line);font-size:.9rem}.unlock-about summary{cursor:pointer;padding:8px 0;color:var(--gold)}.unlock-about p{margin-top:14px;color:var(--muted)}.skill-agility-note{margin-top:32px;padding:24px;background:#252b1d;border:1px solid #716747}.skill-agility-note h3{font-size:1.3rem}.skill-agility-note p{font-size:.92rem;color:var(--muted)}@media(min-width:1001px){.unlock-filters .mobile-skill{display:none}}@media(max-width:1000px){.unlock-layout{grid-template-columns:1fr}.skill-sidebar{display:none}}@media(max-width:600px){.unlock-intro{padding-block:24px 30px}.unlock-intro h1{font-size:2.05rem;max-width:16ch}.unlock-intro p{font-size:1rem}.unlock-layout{padding-top:26px;gap:20px}.unlock-filters{grid-template-columns:1fr 1fr;padding:14px;gap:12px}.unlock-filters label:nth-of-type(4){grid-column:1/-1}.unlock-search{grid-column:1/-1}.unlock-filters button{grid-column:1/-1}.unlock-row{grid-template-columns:38px 56px minmax(0,1fr);gap:9px;padding:17px 6px}.unlock-art{width:54px;height:54px;padding:2px}.unlock-art img{width:46px;height:46px}.unlock-level strong{font-size:1.4rem}.unlock-level span{font-size:.65rem}.unlock-labels{font-size:.7rem}.unlock-detail h3{font-size:1rem}.unlock-detail p{font-size:.84rem}.unlock-available{display:none}.skill-agility-note{padding:18px}.unlock-pagination .button{padding-inline:14px}}

/* Numbered navigation and direct page jump, shared above and below the list. */
#desbloqueos{scroll-margin-top:115px}
.unlock-pagination{display:flex;flex-direction:column;gap:16px;padding:16px 0;margin:4px 0 24px;border-block:1px solid #716747}
.unlock-list+.unlock-pagination{margin-top:24px}
.unlock-page-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}
.unlock-page-controls>.button{min-height:44px;padding:10px 14px;font-size:.9rem;white-space:nowrap}
.unlock-page-numbers{list-style:none;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;margin:0;padding:0}
.unlock-page{display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px;background:#152117;border:1px solid #7d704e;border-radius:2px;color:var(--ink);text-decoration:none;font-weight:650;font-variant-numeric:tabular-nums}
a.unlock-page:hover{background:#3c4026;border-color:var(--gold)}
.unlock-page.is-current{background:#5a4625;border-color:#f0c56f;color:#fff0c5;box-shadow:inset 0 -3px #e7b75a}
.unlock-page-gap{min-width:16px;text-align:center;color:var(--muted)}
.unlock-page-disabled{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:#a8ad99;font-size:.9rem;white-space:nowrap}
.unlock-page-jump{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:.9rem}
.unlock-page-jump label{color:var(--ink)}
.unlock-page-jump input[type="number"]{width:5rem;min-height:44px;border:1px solid #a49367;border-radius:2px;padding:9px 10px;background:#131d14;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}
.unlock-page-jump>span{color:var(--muted)}
.unlock-page-jump .button{min-height:44px;min-width:44px;padding:10px 16px}
.unlock-pagination a:focus-visible,.unlock-page-jump input:focus-visible,.unlock-page-jump button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.unlock-compact-numbers{display:none}
@media(max-width:700px){.unlock-page-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.unlock-previous{grid-column:1;grid-row:1;justify-self:start}.unlock-next{grid-column:2;grid-row:1;justify-self:end}.unlock-page-numbers{grid-column:1/-1;grid-row:2}.unlock-page-numbers{gap:2px}.unlock-regular-numbers{display:none}.unlock-compact-numbers{display:flex}.unlock-page-gap{min-width:8px;font-size:.75rem}.unlock-pagination{gap:14px}.unlock-page-jump{gap:8px}}