.box-track article{cursor:pointer;position:relative;overflow:hidden}
.box-track article:after{content:"Ver drops →";display:block;margin-top:14px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);opacity:.72;transition:.25s}
.box-track article:hover:after,.box-track article:focus-visible:after{opacity:1;transform:translateX(4px)}
.box-track article:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.catalog-open{overflow:hidden}
.box-catalog{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:24px;background:rgba(1,3,3,.88);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.box-catalog.open{opacity:1;visibility:visible}
.box-catalog-panel{position:relative;width:min(1120px,100%);max-height:min(88vh,900px);overflow:auto;padding:48px;background:radial-gradient(circle at 88% 0,rgba(28,128,88,.18),transparent 35%),linear-gradient(145deg,#101816,#050908 70%);border:1px solid rgba(218,190,119,.34);box-shadow:0 35px 120px #000,0 0 50px rgba(20,142,94,.08)}
.box-catalog-panel:before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(255,255,255,.05)}
.box-catalog-close{position:absolute;z-index:2;top:18px;right:22px;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);color:#d9e1de;font-size:25px;cursor:pointer;transition:.2s}
.box-catalog-close:hover{color:#fff;border-color:var(--gold);transform:rotate(90deg)}
.box-catalog-header{position:relative;z-index:1;padding-right:60px}
.box-catalog-header .eyebrow{margin-bottom:10px}
.box-catalog-header h2{font-size:clamp(34px,5vw,60px);margin:0 0 15px}
.box-source{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;margin:0 0 18px;border:1px solid rgba(201,154,70,.3);background:rgba(201,154,70,.08);color:#ead69f;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.box-source:before{content:"◆";color:var(--green)}
.box-catalog-description{max-width:760px;color:#aeb9b5;line-height:1.7;margin:0}
.box-rules{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 30px}
.box-rules span{padding:8px 11px;border:1px solid rgba(71,224,157,.2);background:rgba(25,120,82,.08);color:#8de2bc;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.box-catalog-content{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.drop-category{padding:22px;border:1px solid rgba(255,255,255,.09);background:rgba(2,6,5,.62)}
.drop-category h3{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);font:600 13px Cinzel;color:#e8dcc1}
.drop-category h3 span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:rgba(201,154,70,.14);color:var(--gold2);font:700 10px Arial}
.drop-category ul{list-style:none;margin:0;padding:0;columns:1}
.drop-category li{position:relative;padding:7px 0 7px 15px;color:#9faaa6;font-size:12px;break-inside:avoid}
.drop-category li:before{content:"";position:absolute;left:0;top:13px;width:5px;height:5px;transform:rotate(45deg);background:var(--green);box-shadow:0 0 8px rgba(39,220,145,.45)}
.box-set-note{position:relative;z-index:1;margin:26px 0 0;padding:14px 17px;border-left:2px solid var(--gold);background:rgba(201,154,70,.06);color:#8f9a96;font-size:11px;line-height:1.6}
.box-catalog[data-level="5"] .box-catalog-panel{background:radial-gradient(circle at 88% 0,rgba(126,66,220,.22),transparent 38%),linear-gradient(145deg,#121019,#050508 70%);border-color:rgba(190,143,255,.45)}
.box-catalog[data-level="5"] .drop-category li:before{background:#af79ff;box-shadow:0 0 9px rgba(175,121,255,.55)}
@media(max-width:850px){.box-catalog-content{grid-template-columns:repeat(2,minmax(0,1fr))}.box-catalog-panel{padding:40px 28px}}
@media(max-width:540px){.box-catalog{padding:10px}.box-catalog-panel{padding:36px 18px 24px;max-height:94vh}.box-catalog-content{grid-template-columns:1fr}.box-catalog-header{padding-right:30px}.box-catalog-close{top:10px;right:10px}.box-source{line-height:1.5}.box-rules{margin:18px 0 22px}}
