/* RKGOT · Colecciones · VISUAL V1
 * Aislado bajo .collection-* para no cambiar Mercado, autenticación ni Launcher.
 * No controla entregas, no altera lógica de recompensas ni de base de datos.
 */
.collection-wrap{--c-gold:#e9bd69;--c-gold-soft:#ffe3a4;--c-line:#353f50;--c-muted:#9eacc0;--c-panel:#151c2a;--c-panel2:#1c2635;--c-text:#f2f4f8;width:min(1440px,94%);max-width:none;padding-bottom:70px!important;color:var(--c-text)}
.rk-nav-current{color:#f1ce89!important}
.collection-wrap *{box-sizing:border-box}
.collection-wrap a:focus-visible,.collection-wrap button:focus-visible,.collection-wrap input:focus-visible,.collection-wrap select:focus-visible,.collection-wrap summary:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}
.collection-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:0 0 19px;padding:34px 38px;background:radial-gradient(ellipse at 100% 0%,#33405a 0,transparent 45%),linear-gradient(115deg,#1e2534,#151b28 67%,#192437);border:1px solid #3d4656;border-radius:18px}
.collection-hero::after{content:'✦';position:absolute;right:22%;top:-105px;font-size:290px;line-height:1;color:#cba6660b;z-index:-1;transform:rotate(-15deg);pointer-events:none}
.collection-overline{color:var(--c-gold);font-size:11px;font-weight:800;letter-spacing:.15em}
.collection-hero h1{font-size:clamp(30px,4vw,43px);line-height:1.08;margin:11px 0 12px;letter-spacing:-.04em;color:#f6f1e9}
.collection-hero h1 span{color:var(--c-gold)}
.collection-hero p{max-width:660px;font-size:14px;line-height:1.65;color:#b8c3d2;margin:0 0 20px}
.collection-hero-chips{display:flex;flex-wrap:wrap;gap:7px}
.collection-hero-chips span{border-radius:100px;border:1px solid #4a5261;background:#ffffff08;padding:6px 10px;color:#c6ccd6;font-size:11px}
.collection-hero-aside{display:flex;align-items:flex-end;flex-direction:column;gap:13px;min-width:220px}
.collection-hero-insignia{width:212px;min-height:145px;border-radius:13px;border:1px solid #78613b;background:radial-gradient(circle at 35% 10%,#57482b66,transparent 60%),linear-gradient(#25261f,#191d25);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;box-shadow:inset 0 1px #eaca7233}
.collection-hero-insignia>span{font-size:44px;color:#f1cf88;line-height:1;text-shadow:0 0 25px #e3a94399}
.collection-hero-insignia strong{font-size:13px;letter-spacing:.04em;color:#fff0d2}.collection-hero-insignia small{font-size:11px;color:#c4b38f}
.collection-back{display:inline-flex;align-items:center;text-decoration:none!important;color:#c4cdda;font-weight:600;font-size:12px}.collection-back:hover{color:#ffe0a0}
.collection-character-panel{background:#141c29;border:1px solid #313b4b;border-radius:14px;padding:19px 21px 16px;margin:0 0 16px}
.collection-section-label{display:flex;align-items:center;gap:12px;margin-bottom:13px}.collection-section-label>div{display:grid;gap:4px}.collection-section-label strong{font-size:14px}.collection-section-label small{font-size:11px;color:var(--c-muted)}
.collection-label-mark{display:grid;place-items:center;background:#3d3322;color:#f1cc7d;border:1px solid #675337;border-radius:10px;width:35px;height:35px}
.rk-collection-tabs{display:flex;flex-wrap:wrap;gap:9px}.rk-collection-tabs>a{display:flex;align-items:center;gap:9px;min-width:145px;max-width:230px;padding:8px 14px 8px 9px;border:1px solid #384356;border-radius:9px;background:#1a2230;color:#dde4ee;text-decoration:none;transition:background .16s,border-color .16s}
.rk-collection-tabs>a:hover{border-color:#8b7047;background:#242b34}.rk-collection-tabs>a.active{border-color:#bb9150;background:linear-gradient(115deg,#4e3a21,#292b30);box-shadow:inset 0 0 0 1px #a37b3b38}
.rk-collection-tabs>a span:last-child{display:grid;gap:3px;min-width:0}.rk-collection-tabs strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-collection-tabs small{font-size:11px;color:#aebbc9}
.rk-character-avatar{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:8px;border:1px solid #5b6777;background:#2d3748;font-size:15px;font-weight:900;color:#f0cb88}.rk-collection-tabs .active .rk-character-avatar{background:#785625;border-color:#c39d57;color:#ffe4a9}
.collection-no-character{color:#aebac8;font-size:12px}
.collection-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:27px}
.collection-metric{display:flex;align-items:center;gap:15px;min-height:92px;border:1px solid #353f51;border-radius:13px;padding:16px 19px;background:linear-gradient(125deg,#1c2533,#151b27)}
.collection-metric-icon{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border:1px solid #6a5636;border-radius:11px;background:#4b3b224f;color:#f1cd82;font-size:23px}
.collection-metric>div{display:grid;gap:5px;min-width:0}.collection-metric b{font-size:26px;line-height:1;letter-spacing:-.04em;color:#f8dfaa;font-variant-numeric:tabular-nums}
.collection-metric div span{font-size:12px;color:#aab6c8}
.collection-notice{display:block;margin:0 0 17px;padding:12px 15px;border:1px solid #755a31;border-radius:10px;background:#30271a;color:#f3d9a7;font-size:12px;line-height:1.6}
.collection-readonly{border-color:#4e5663;background:#1e2631;color:#c4d2e2}.collection-readonly strong{color:#f3daaa}
.collection-catalog{min-width:0}.collection-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.collection-catalog-head h2{font-size:22px;line-height:1.2;margin:5px 0 7px;color:#f6e7c8}.collection-catalog-head h2 small{font-size:13px;font-weight:400;color:#a3b2c6}
.collection-catalog-head p{font-size:12px;line-height:1.5;color:#a8b5c7;margin:0}.collection-page-count{border:1px solid #4a5260;background:#161e2b;color:#c3cad3;border-radius:8px;padding:8px 11px;white-space:nowrap;font-size:11px}
.collection-tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;background:#141c29;border:1px solid #313d50;padding:12px 14px;border-radius:12px}
.collection-search{display:flex;align-items:center;flex:1;min-width:240px;max-width:480px;gap:10px;border:1px solid #4b5667;background:#0e1622;border-radius:9px;padding:0 12px;color:#b1c4dc}
.collection-search>span{font-size:24px;line-height:1}.collection-search input{width:100%;height:39px;color:#f2f3f7;border:none;outline:0;background:none;font:inherit;font-size:13px}.collection-search input::placeholder{color:#8695a8}
.collection-filters{display:flex;flex-wrap:wrap;gap:6px}.collection-filter{padding:9px 12px;border:1px solid #475164;border-radius:8px;background:#1f2837;color:#bbc6d6;font-size:12px;font-weight:650;cursor:pointer}
.collection-filter:hover{background:#303a4a}.collection-filter.active{border-color:#c29d5c;background:#594125;color:#ffe1a6}
.collection-result-count{min-height:17px;margin:11px 2px 9px;color:#8e9eb3;font-size:11px}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.collection-card{min-width:0;align-self:start;background:linear-gradient(150deg,#1d2634,#151c29 70%);border:1px solid #384658;border-radius:14px;padding:20px;box-shadow:0 10px 30px #0002;transition:border-color .16s,box-shadow .16s}
.collection-card:hover{border-color:#806c4a}.collection-card.is-expanded{grid-column:1 / -1;border-color:#aa8351;box-shadow:0 12px 40px #0004}
.collection-card.is-complete{border-color:#3c7959}
.collection-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.collection-card-title{min-width:0}
.collection-family-id{display:block;color:#8497ae;font-size:10px;letter-spacing:.07em;font-weight:750}.collection-card-title h3{font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#f1d19c;margin:8px 0 12px;overflow-wrap:anywhere}
.collection-reward{flex:0 1 auto;display:inline-flex;align-items:center;gap:5px;justify-content:center;padding:8px 11px;border-radius:8px;border:1px solid #416a52;background:#1a3025;color:#a9eac0;white-space:normal;text-align:center;font-weight:750;font-size:11px;line-height:1.4;max-width:190px}.collection-reward>span{color:#d5f6a8;font-size:16px}
.collection-card-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:5px 0 8px}.collection-status{font-size:11px;color:#e4c58b}.collection-status.completed{color:#9cddb4}.collection-progress-number{font-size:13px;font-weight:850;color:#ebd3aa;font-variant-numeric:tabular-nums}.collection-progress-number small{font-size:11px;font-weight:400;color:#a5afbf}
.collection-bar{height:6px;border-radius:100px;background:#374152;overflow:hidden}.collection-bar i{display:block;height:100%;background:linear-gradient(90deg,#b6853a,#f6cd78);border-radius:100px}
.collection-card.is-complete .collection-bar i{background:linear-gradient(90deg,#44775a,#99e0ac)}
.collection-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:18px 0 14px}
.collection-preview-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:75px;padding:8px 3px 4px;border-radius:9px;border:1px solid #59616a;background:linear-gradient(140deg,#252c38,#141b27);box-shadow:inset 0 1px #ffffff0b}
.collection-preview-image{width:40px;height:40px;display:grid;place-items:center;overflow:hidden}.collection-preview-image img{display:block;max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}.collection-preview-image .item-icon-placeholder{font-size:27px}
.collection-preview-slot>small{font-size:10px;font-weight:800;line-height:1;color:#f0e2c7;font-variant-numeric:tabular-nums}
.collection-preview-check{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#3d8b60;border:2px solid #141e28;color:white;font-size:11px;font-weight:bold}
.collection-preview-slot.is-delivered{box-shadow:inset 0 0 0 1px #3f9b61;border-color:#72b890}
.collection-preview-slot.grade-1,.collection-item-icon.grade-1{border-color:#667080}
.collection-preview-slot.grade-2,.collection-item-icon.grade-2{border-color:#3d9b6c}
.collection-preview-slot.grade-3,.collection-item-icon.grade-3{border-color:#428fd4}
.collection-preview-slot.grade-4,.collection-item-icon.grade-4{border-color:#a06cde}
.collection-preview-slot.grade-5,.collection-item-icon.grade-5{border-color:#e4ae48}
.collection-details{border-top:1px solid #3b4755}.collection-details>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px 5px 0;color:#edc985;font-size:12px;font-weight:750;user-select:none}.collection-details>summary::-webkit-details-marker{display:none}
.collection-details>summary:hover{color:#ffdda0}.collection-summary-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #7f673f;border-radius:5px;color:#f5dca7;font-size:18px;font-weight:400}.collection-summary-chevron{margin-left:auto;font-size:18px;transition:transform .18s}
.collection-details[open]>summary{color:#fff}.collection-details[open] .collection-summary-icon{background:#4f3c25}.collection-details[open] .collection-summary-chevron{transform:rotate(180deg)}
.collection-pieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px;margin-top:18px;padding-top:16px;border-top:1px dashed #404c5c}
.collection-piece{min-width:0;display:flex;flex-direction:column;gap:13px;padding:14px;border-radius:11px;border:1px solid #364354;background:#111926}
.collection-piece.done{border-color:#498463;background:linear-gradient(120deg,#152920,#111b26)}
.collection-piece-heading{display:flex;align-items:center;gap:11px;min-width:0}.collection-item-icon{flex:0 0 64px;width:64px;height:64px;border-radius:9px;border:2px solid #6c7582;background:radial-gradient(circle at 50% 25%,#364358,#1b2433);display:grid;place-items:center;overflow:hidden}
.collection-item-icon img{max-width:96%;max-height:96%;object-fit:contain}.collection-item-icon .item-icon-placeholder{font-size:30px}
.collection-piece-heading-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.collection-slot-name{color:#95a8bd;text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800}.collection-piece-heading-content>strong{font-size:13px;color:#f8e0b5;line-height:1.32;overflow-wrap:anywhere}
.collection-requirement-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.collection-requirement-tags>span{display:inline-block;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:700;line-height:1.2}
.collection-refine-tag{border:1px solid #7b6036;background:#362b1e;color:#f3d092}.collection-grade-tag.grade-1{color:#ced4e0;background:#323d4c}.collection-grade-tag.grade-2{color:#9de3b5;background:#254236}.collection-grade-tag.grade-3{color:#a5d9fa;background:#223c55}.collection-grade-tag.grade-4{color:#dfbdff;background:#3d2b59}.collection-grade-tag.grade-5{color:#ffe2a4;background:#594126}
.collection-item-state{font-size:10px;color:#91a3b8;border:1px solid #425066;background:#1a2533;border-radius:50px;padding:5px 8px;white-space:nowrap}.collection-item-state.delivered{color:#a3ecc1;border-color:#3d8259;background:#1f3b2b}
.collection-req-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.collection-req-section{border-radius:8px;border:1px solid #2c3c4e;background:#172131;padding:10px;min-width:0}.collection-req-section h4{font-size:11px;font-weight:850;color:#e4cb9a;margin:0 0 11px;line-height:1.3}.collection-req-section h4 small{display:block;color:#8298b1;font-size:9px;font-weight:500;margin-top:3px}.collection-req-section>h4>small{display:inline-block;margin-left:5px}
.collection-option{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #293949;font-size:10px;color:#aebed0}.collection-option strong{color:#f1d7a2;font-size:11px;white-space:nowrap}
.collection-req-empty{margin:0;font-size:11px;color:#8c9eaf;font-style:italic}
.collection-socket{display:flex;align-items:center;gap:5px;min-width:0;padding:6px 0;border-top:1px solid #293949}.collection-socket-index{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;border-radius:5px;background:#38475c;color:#d5e4f8;font-size:10px;font-weight:850}
.collection-socket-img{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:4px;background:#263447;border:1px solid #596479}.collection-socket-img img{max-width:95%;max-height:95%}.collection-socket-img .item-icon-placeholder{font-size:14px}
.collection-socket-name{flex:1;min-width:0;color:#c7d6e7;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.collection-exact{flex:0 0 auto;color:#debf83;background:#39301f;padding:3px 4px;border-radius:4px;font-size:8px;font-weight:900;letter-spacing:.02em}
.collection-deposit{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid #435166;padding-top:11px}.collection-deposit select{flex:1;min-width:180px;padding:8px;border:1px solid #536274;background:#1c2a3d;border-radius:7px;color:#e5edf7;font-size:12px}.collection-deposit button{border:1px solid #d6a456;background:#7f5728;border-radius:7px;padding:9px 12px;color:#ffe6b9;font-size:12px;font-weight:800;cursor:pointer}.collection-deposit button:hover{background:#9d703a}
.collection-no-results{margin:12px 0;padding:30px 15px;border:1px dashed #4b5a6c;border-radius:11px;text-align:center;color:#b3c1d1;font-size:13px}.collection-no-results[hidden],.collection-card[hidden]{display:none!important}
.collection-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:24px 0 18px}.collection-pages a{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;padding:7px 11px;text-decoration:none;border:1px solid #48556a;background:#1d2939;color:#ced8e7;border-radius:8px;font-size:12px}.collection-pages a.active{border-color:#c99c51;background:#66492a;color:#ffe1a5}.collection-pages a:hover{border-color:#af8c57}.collection-page-gap{color:#91a0b2;padding:0 4px}.collection-footer{display:flex;align-items:flex-start;gap:7px;border-top:1px solid #364253;padding-top:15px;font-size:11px;color:#9aa9bb;line-height:1.7}
@media(max-width:1100px){.collection-hero{padding:28px}.collection-grid{grid-template-columns:1fr}.collection-card.is-expanded{grid-column:auto}.collection-pieces{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}}
@media(max-width:700px){.collection-hero{padding:22px;align-items:flex-start}.collection-hero-aside{min-width:auto}.collection-hero-insignia{display:none}.collection-hero h1{font-size:30px}.collection-hero-chips{gap:5px}.collection-hero-chips span{font-size:10px}.collection-summary{gap:7px}.collection-metric{padding:12px;gap:8px;min-height:75px}.collection-metric-icon{width:32px;height:32px;flex:0 0 32px;font-size:17px}.collection-metric b{font-size:20px}.collection-metric div span{font-size:10px}.collection-card{padding:14px}.collection-card-title h3{font-size:18px}.collection-reward{max-width:148px;padding:6px 8px}.collection-search{max-width:none}.collection-tools{align-items:stretch}.collection-catalog-head{align-items:flex-start}}
@media(max-width:480px){.collection-hero{display:block}.collection-hero-aside{align-items:flex-start;margin-top:12px}.collection-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-metric{flex-direction:column;align-items:flex-start;gap:7px}.collection-metric-icon{display:none}.collection-metric b{font-size:19px}.collection-character-panel{padding:14px}.rk-collection-tabs>a{flex:1;min-width:125px}.collection-catalog-head{flex-wrap:wrap}.collection-preview{gap:4px}.collection-preview-slot{min-height:59px;padding:5px 1px 3px}.collection-preview-image{width:30px;height:30px}.collection-preview-slot>small{font-size:9px}.collection-preview-image .item-icon-placeholder{font-size:20px}.collection-req-grid{grid-template-columns:1fr}.collection-piece-heading{flex-wrap:wrap}.collection-item-state{margin-left:auto}.collection-filters{width:100%}.collection-filter{flex:1;padding:9px 5px}.collection-piece{padding:12px}}
@media(prefers-reduced-motion:reduce){.collection-wrap *{transition:none!important;scroll-behavior:auto!important}}

/* RKGOT Colecciones · VISUAL V2. Solo presentación.
   Las piezas no heredan la altura de la pieza más alta ni dejan paneles vacíos. */
@media(min-width:1101px){
  .collection-card.is-expanded{padding:20px 22px}
  .collection-pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
}
@media(min-width:700px) and (max-width:1100px){
  .collection-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-items:start}
}
.collection-piece{align-self:start;min-height:0;gap:10px;padding:14px}
.collection-piece-heading{align-items:center;gap:11px}
.collection-item-icon{width:56px;height:56px;flex-basis:56px}
.collection-item-state{align-self:flex-start;margin-top:2px}
.collection-piece-heading-content>strong{font-size:13px}
.collection-req-grid{grid-template-columns:minmax(0,1fr);gap:8px}
.collection-req-section{padding:9px 11px;background:#172234}
.collection-req-section h4{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;color:#eed09b;font-size:12px}
.collection-req-section h4 small,.collection-req-section>h4>small{display:inline;color:#9baec3;font-size:10px;font-weight:500;margin:0;text-align:right}
.collection-option{font-size:12px;line-height:1.35;align-items:baseline;gap:9px}
.collection-option span{min-width:0;overflow-wrap:break-word;color:#d2dce8}
.collection-option strong{font-size:12px}
.collection-socket{display:grid;grid-template-columns:23px 30px minmax(0,1fr) auto;gap:9px;padding:7px 0}
.collection-socket-index{width:23px;height:23px;font-size:11px}
.collection-socket-img{width:30px;height:30px;border-radius:7px}
.collection-socket-name{font-size:12px;line-height:1.4;overflow-wrap:break-word;color:#dce5f2}
.collection-exact{font-size:9px;padding:4px 6px;text-transform:uppercase}
.collection-no-extra{color:#91a8bf;font-size:11px;margin:0;padding:5px 2px;line-height:1.5}
.collection-spec-warning{margin:2px 0 0;padding:8px 10px;border:1px solid #7d6233;background:#332817;color:#f1d1a0;border-radius:7px;font-size:10px;line-height:1.5}
.collection-open-label,.collection-close-label{display:inline}
.collection-close-label,.collection-details[open] .collection-open-label{display:none}
.collection-details[open] .collection-close-label{display:inline}
.collection-details>summary{padding-top:13px;padding-bottom:2px;font-size:12px}
.collection-card.is-expanded .collection-preview{display:none}
.collection-pieces{margin-top:12px;padding-top:14px}
.collection-piece.done{background:#112b23}
.collection-piece-heading .collection-slot-name{font-size:10px}
@media(max-width:699px){
  .collection-pieces{grid-template-columns:minmax(0,1fr);gap:9px;align-items:start}
  .collection-req-section h4{flex-wrap:wrap}
  .collection-socket-name{font-size:11px}
  .collection-piece{padding:12px}
}

/* RKGOT Colecciones VISUAL V3: avisos concentrados y discretos, sin editar datos. */
.collection-recipe-review{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:11px 14px;border:1px solid #68573c;border-radius:9px;background:linear-gradient(110deg,#30271d,#252731);color:#d8c4a7}
.collection-recipe-review-icon{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #856a43;background:#463723;color:#ffe1a6;font-size:15px;font-weight:800}
.collection-recipe-review>div{min-width:0}.collection-recipe-review strong{color:#f1d6a6;font-size:12px;font-weight:800;line-height:1.4}
.collection-recipe-review p{font-size:11px;line-height:1.6;margin:4px 0 0;color:#c7b9a7}
.collection-recipe-tag{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;border:1px solid #6b583a;border-radius:5px;background:#352d22;color:#e6c991;font-size:10px;font-weight:700;line-height:1.15;white-space:nowrap}
@media(max-width:699px){.collection-recipe-review{padding:10px 11px;gap:9px}.collection-recipe-review p{font-size:10.5px}.collection-recipe-tag{font-size:9.5px}}

/* Rakion GOT · Colecciones Visual V4: explorador de una colección.
   Sin alteraciones a recetas, depósitos o comportamiento de servidor. */
.collection-explorer{display:grid;grid-template-columns:248px minmax(0,1fr);gap:14px;align-items:start}
.collection-set-sidebar{min-width:0;border:1px solid #3b485b;border-radius:12px;background:#111a28;overflow:hidden;position:sticky;top:14px}
.collection-set-sidebar-head{padding:15px 14px 13px;border-bottom:1px solid #303e50;display:flex;flex-direction:column;gap:5px}
.collection-set-sidebar-head strong{font-size:13px;color:#efcf96}
.collection-set-sidebar-head small{font-size:11px;color:#9babc0}
.collection-set-list{max-height:min(68vh,710px);overflow-y:auto;overscroll-behavior:contain;padding:6px;display:grid;gap:3px;scrollbar-width:thin;scrollbar-color:#51617a #111a28}
.collection-set-link{display:flex;gap:10px;align-items:center;min-height:62px;padding:8px 7px;text-decoration:none;border:1px solid transparent;border-radius:8px;background:transparent;transition:background .15s,border-color .15s;color:#cad7e8;min-width:0}
.collection-set-link:hover{background:#243143;border-color:#4e5f73}
.collection-set-link.active{border-color:#b28d54;background:linear-gradient(90deg,#3d3328,#222c3c);box-shadow:inset 3px 0 #d1a660}
.collection-set-link.is-complete .collection-set-meta small{color:#8fe0b3}
.collection-set-thumb{flex:0 0 39px;width:39px;height:39px;border:1px solid #485973;border-radius:8px;background:#263145;display:grid;place-items:center;overflow:hidden}
.collection-set-thumb img{width:90%;height:90%;object-fit:contain}
.collection-set-thumb .item-icon-placeholder{font-size:21px}
.collection-set-meta{min-width:0;display:grid;gap:4px;flex:1}
.collection-set-meta strong{font-size:12px;font-weight:800;line-height:1.18;color:#f2ddbb;overflow-wrap:anywhere}
.collection-set-meta small{font-size:10px;color:#9db0c6;line-height:1.25}
.collection-set-link-arrow{font-size:23px;color:#a9b5c4;line-height:1;flex:0 0 auto}
.collection-set-link.active .collection-set-link-arrow{color:#f0ce93}
.collection-set-link[hidden]{display:none!important}
.collection-set-sidebar-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border-top:1px solid #334156;color:#99aabf;font-size:11px}
.collection-sidebar-page-actions{display:flex;gap:6px}
.collection-sidebar-page-actions a{display:grid;place-items:center;min-width:32px;height:29px;padding:0 8px;border:1px solid #556175;border-radius:6px;color:#eed19d;background:#283447;text-decoration:none;font-size:17px}
.collection-sidebar-page-actions a:hover{border-color:#cca76d;background:#463b31}
.collection-set-view{min-width:0;scroll-margin-top:14px}
.collection-set-view-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;margin-bottom:10px;background:#172233;border:1px solid #3a4c60;border-radius:10px}
.collection-set-view-head>div:first-child{display:grid;gap:4px;min-width:0}
.collection-set-view-head strong{color:#f2d4a5;font-size:15px;overflow-wrap:anywhere}
.collection-detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.collection-detail-actions button{border:1px solid #5c6879;background:#253349;color:#dbdfeb;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}
.collection-detail-actions button:hover:not(:disabled){border-color:#c39b60;background:#3d3a37;color:#ffe2ac}
.collection-detail-actions button:disabled{opacity:.34;cursor:not-allowed}
.collection-grid{display:block;min-width:0}
.collection-grid .collection-card{width:100%;margin:0;min-width:0}
.collection-card.is-expanded{grid-column:auto}
.collection-set-view .collection-piece{min-width:0}
.collection-set-view .collection-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.collection-explorer .collection-no-results{margin:0;min-height:200px;display:grid;place-items:center}
.collection-explorer .collection-no-results[hidden]{display:none!important}
.collection-set-link:focus-visible,.collection-detail-actions button:focus-visible{outline:2px solid #dfba80;outline-offset:2px}
@media(min-width:1520px){.collection-explorer{grid-template-columns:270px minmax(0,1fr)}.collection-set-view .collection-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.collection-explorer{grid-template-columns:210px minmax(0,1fr)}.collection-set-view .collection-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-set-view .collection-card{padding:15px}}
@media(max-width:920px){.collection-explorer{grid-template-columns:minmax(0,1fr)}.collection-set-sidebar{position:static}.collection-set-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px}.collection-set-sidebar-head{padding:11px 13px}.collection-set-view .collection-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.collection-set-list{grid-template-columns:minmax(0,1fr);max-height:220px}.collection-set-view-head{flex-wrap:wrap;gap:10px}.collection-set-view .collection-pieces{grid-template-columns:minmax(0,1fr)}.collection-detail-actions{justify-content:flex-start}}

/* RKGOT Colecciones Visual V5: búsqueda global y sockets contenidos */
.collection-explorer .collection-set-link[hidden],
.collection-explorer .collection-card[hidden],
.collection-pages [hidden]{display:none!important}
.collection-sidebar-page-actions a[aria-disabled="true"],
.collection-pages a[aria-disabled="true"]{pointer-events:none;opacity:.36;cursor:default}
.collection-socket{display:grid;grid-template-columns:24px 32px minmax(0,1fr) 54px;align-items:center;gap:7px;min-width:0;max-width:100%;overflow:hidden}
.collection-socket>*{min-width:0;max-width:100%;box-sizing:border-box}
.collection-socket-index{width:24px;height:24px;justify-self:center}
.collection-socket-img{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:0;overflow:hidden;flex:none}
.collection-socket-img .item-icon-asset,.collection-socket-img img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;transform:none!important}
.collection-socket-name{display:block;min-width:0!important;max-width:100%;overflow-wrap:anywhere;word-break:normal;white-space:normal;line-height:1.35}
.collection-socket .collection-exact{justify-self:end;min-width:0;max-width:54px;width:100%;text-align:center;white-space:nowrap;padding:4px 2px;font-size:9px;line-height:1.2}
.collection-req-section{overflow:hidden}
@media(max-width:620px){.collection-socket{grid-template-columns:22px 28px minmax(0,1fr) 47px;gap:5px}.collection-socket-img{width:28px;height:28px}.collection-socket .collection-exact{max-width:47px;font-size:8px}}

/* Colecciones Visual V7: requisitos de gemas independientes del orden de sockets. */
.collection-socket{grid-template-columns:32px minmax(0,1fr) 54px}
.collection-gem-count{display:inline-block;color:#f1cd8c;margin-inline-start:5px;font-weight:800;white-space:nowrap}
@media(max-width:620px){.collection-socket{grid-template-columns:28px minmax(0,1fr) 47px}}

/* RKGOT Colecciones Etapa 56: color de familia ya completada.
   Mismo elemento que el dorado de selección; no depende del estado active.
   No afecta ninguna familia pendiente. */
body.rk-collections-v20 .collection-set-list a.collection-set-link.is-complete,
body.rk-collections-v20 .collection-set-list a.collection-set-link[data-collection-state="completed"],
body.rk-collections-v20 .collection-set-list a.collection-set-link.is-complete.active,
body.rk-collections-v20 .collection-set-list a.collection-set-link[data-collection-state="completed"].active {
    background: linear-gradient(90deg,#20563c 0%,#194b37 54%,#163b31 100%) !important;
    border: 1px solid #75d4a0 !important;
    box-shadow: inset 3px 0 0 #8be9b5, inset 0 0 0 1px rgba(126,224,170,.19) !important;
    color: #e4faed !important;
}
body.rk-collections-v20 .collection-set-list a.collection-set-link.is-complete:hover,
body.rk-collections-v20 .collection-set-list a.collection-set-link[data-collection-state="completed"]:hover {
    background: linear-gradient(90deg,#296849 0%,#20553e 54%,#1b4335 100%) !important;
    border-color: #9eebc0 !important;
}
body.rk-collections-v20 .collection-set-list a.collection-set-link.is-complete .collection-set-meta strong,
body.rk-collections-v20 .collection-set-list a.collection-set-link[data-collection-state="completed"] .collection-set-meta strong {
    color:#f0fff5 !important;
}
body.rk-collections-v20 .collection-set-list a.collection-set-link.is-complete .collection-set-meta small,
body.rk-collections-v20 .collection-set-list a.collection-set-link.is-complete .collection-set-link-arrow,
body.rk-collections-v20 .collection-set-list a.collection-set-link[data-collection-state="completed"] .collection-set-meta small,
body.rk-collections-v20 .collection-set-list a.collection-set-link[data-collection-state="completed"] .collection-set-link-arrow {
    color:#b6f1ce !important;
}