.game-ui-icon{display:inline-block;object-fit:contain;flex:none;vertical-align:middle;filter:drop-shadow(0 1px 2px #0007);pointer-events:none}
[data-menu-icon]{display:inline-flex;align-items:center;flex:none;vertical-align:middle}
.facet button{align-items:center}
.facet .facet-label{display:flex;align-items:center;gap:9px;min-width:0}
.facet .facet-label>.game-ui-icon{width:21px;height:21px}
.facet .facet-label>span:last-child{overflow-wrap:anywhere}
.facet button small{flex-shrink:0}
.facet .grade-gem{width:21px;height:21px;display:inline-grid;place-items:center;flex:none;position:relative;color:var(--gem)}
.grade-gem::before{content:"";width:10px;height:10px;transform:rotate(45deg);border:1px solid currentColor;background:color-mix(in srgb,currentColor 20%,transparent);box-shadow:0 0 8px color-mix(in srgb,currentColor 25%,transparent),inset 0 0 4px currentColor}
.grade-gem::after{content:"";position:absolute;width:3px;height:3px;background:currentColor;transform:rotate(45deg)}
.facet h3:has([data-menu-icon])::before{display:none}
.facet h3 [data-menu-icon]>.game-ui-icon{width:16px;height:16px;opacity:.8}
.w-tabs button:has(.game-ui-icon),.chip:has(.game-ui-icon),.layers button:has(.game-ui-icon){display:inline-flex;align-items:center;justify-content:center;gap:7px}
.w-tabs button>.game-ui-icon{width:23px;height:23px;opacity:.75}
.w-tabs button[aria-selected=true]>.game-ui-icon,.chip[aria-pressed=true]>.game-ui-icon{opacity:1;filter:drop-shadow(0 0 5px var(--accent-line))}
.chip>.game-ui-icon{width:19px;height:19px}
#skill-filters .chip>.game-ui-icon{width:26px;height:26px}
#world-filters .chip>.game-ui-icon,#m-filters .chip>.game-ui-icon{width:17px;height:17px}
.layers button>.game-ui-icon{width:18px;height:18px}
.layers button .sw{width:5px;height:5px;flex:none;margin:0}
.btn>.game-ui-icon{width:19px;height:19px}
.btn.primary>.game-ui-icon{filter:brightness(.3)}
.d-sec h3 .t:has(.game-ui-icon){display:flex;align-items:center;gap:9px}
.d-sec h3:has(.t>.game-ui-icon)::before{display:none}
.d-sec h3 .t>.game-ui-icon{width:20px;height:20px}
#d-detail .ins-head{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center}
#d-detail .ins-head .right{grid-column:1/-1;margin-left:0;justify-content:flex-end;flex-wrap:wrap;padding-top:4px}
#screen-sources .panel-head h2,#screen-sources .coming-soon-grid h3{display:flex;align-items:center;gap:10px}
#screen-sources h1{display:flex;align-items:center;gap:12px}
#screen-sources h1 .game-ui-icon{width:34px;height:34px}
#screen-sources .coming-soon-grid h3 .game-ui-icon{width:27px;height:27px}
.dv-class-emblem{display:flex;align-items:center;gap:10px}
.dv-class-emblem .game-ui-icon{width:39px;height:39px;padding:5px;border:1px solid var(--accent-line);border-radius:8px;background:var(--accent-soft)}
.dv-family>.game-ui-icon{float:left;width:28px;height:28px;margin:2px 10px 0 0;opacity:.8}
.dv-family[aria-pressed=true]>.game-ui-icon{opacity:1}
:root[data-theme="light"] .game-ui-icon{filter:brightness(.68) drop-shadow(0 1px 1px #283c5040)}
:root[data-theme="light"] .btn.primary>.game-ui-icon{filter:brightness(1.8)}
@media(max-width:680px){
  .w-tabs button:has(.game-ui-icon){gap:5px;padding-inline:9px}
  .w-tabs button>.game-ui-icon{width:20px;height:20px}
  #w-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  #w-tabs button{min-width:0;flex-direction:column;font-size:11px;letter-spacing:.06em}
  #w-tabs .num{display:none}
  .facet .facet-label{gap:7px}.dv-class-emblem{gap:8px}
}