.item-group{margin:26px 0 32px;position:relative}.item-group+.item-group{padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.item-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);margin-bottom:14px;box-shadow:0 16px 28px rgba(0,0,0,.16)}
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.item-card{position:relative;display:grid;grid-template-columns:56px 1fr;gap:12px;padding:13px;border-radius:20px;border:1px solid rgba(255,255,255,.09);min-height:92px;overflow:hidden;cursor:pointer;transition:.18s ease;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.022));box-shadow:0 12px 26px rgba(0,0,0,.18)}
.item-card:hover{transform:translateY(-2px);border-color:rgba(216,182,113,.32);box-shadow:0 16px 34px rgba(0,0,0,.28)}
.item-card::before{content:'';position:absolute;inset:0;opacity:.35;pointer-events:none}
.item-card.r10::before{background:linear-gradient(135deg, rgba(224,184,108,.35), rgba(125,87,34,.08))}
.item-card.r9::before{background:linear-gradient(135deg, rgba(220,102,255,.22), rgba(88,29,93,.08))}
.item-card.r8::before{background:linear-gradient(135deg, rgba(255,190,90,.24), rgba(120,72,12,.08))}
.item-card.r7::before,.item-card.r4::before{background:linear-gradient(135deg, rgba(255,130,94,.18), rgba(112,40,21,.08))}
.item-card.r6::before,.item-card.r5::before{background:linear-gradient(135deg, rgba(255,124,163,.20), rgba(95,28,48,.08))}
.item-card.r3::before{background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(90,90,90,.08))}
.item-card.r2::before{background:linear-gradient(135deg, rgba(140,104,255,.20), rgba(50,38,110,.08))}
.item-card.r1::before{background:linear-gradient(135deg, rgba(91,161,255,.20), rgba(27,57,113,.08))}
.item-card.r0::before{background:linear-gradient(135deg, rgba(170,170,170,.16), rgba(55,55,55,.08))}
.item-card.r10{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,220,120,.18)}
.item-card.r9{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(240,145,255,.16)}
.item-card.r8{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,196,108,.16)}
.item-card.r7,.item-card.r4{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,158,118,.14)}
.item-card.r6,.item-card.r5{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,156,201,.14)}
.item-card.r3{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.16)}
.item-card.r2{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(175,149,255,.16)}
.item-card.r1{box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 0 0 1px rgba(124,182,255,.16)}
.item-thumb{width:56px;height:56px;border-radius:14px;overflow:hidden;border:1px solid var(--line-soft);background:#0d1019;position:relative;z-index:1}.item-thumb img{width:100%;height:100%;object-fit:cover}
.item-card:hover .item-thumb{box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 0 18px rgba(216,182,113,.16)}
.item-meta{position:relative;z-index:1;min-width:0}.item-name{font-weight:900;line-height:1.2;font-size:15px;word-break:break-word}.item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mini-badge{font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;border:1px solid var(--line-soft);background:rgba(255,255,255,.05)}

.mini-badge.role-general{background:linear-gradient(180deg, rgba(125,141,168,.22), rgba(125,141,168,.10));border-color:rgba(171,189,219,.30)}
.mini-badge.role-fighter{background:linear-gradient(180deg, rgba(237,141,95,.24), rgba(237,141,95,.10));border-color:rgba(244,182,154,.34)}
.mini-badge.role-assassin{background:linear-gradient(180deg, rgba(186,103,255,.24), rgba(186,103,255,.10));border-color:rgba(219,177,255,.34)}
.mini-badge.role-mage{background:linear-gradient(180deg, rgba(93,165,255,.24), rgba(93,165,255,.10));border-color:rgba(170,210,255,.34)}
.mini-badge.role-healer{background:linear-gradient(180deg, rgba(102,215,145,.24), rgba(102,215,145,.10));border-color:rgba(177,240,199,.34)}
.mini-badge.role-tank{background:linear-gradient(180deg, rgba(255,200,96,.24), rgba(255,200,96,.10));border-color:rgba(255,222,159,.34)}
.mini-badge.filter-badge{background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04))}
.resource-card{min-height:94px}