#select:not(.in-lobby) .hero-focus{grid-template-columns:minmax(150px,34%) minmax(0,1fr);min-height:280px;padding:14px 26px}
#select:not(.in-lobby) .selected-portrait{width:100%;height:250px;aspect-ratio:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--hero-color) 18%,transparent),transparent 65%);filter:none}
#select .selected-hero-model{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 15px #000b)}
#select.hero-picker-open .hero-focus{grid-template-columns:150px minmax(0,1fr);min-height:188px;padding:10px 25px}
#select.hero-picker-open .selected-portrait{width:150px;height:180px}
#select .card{grid-template-rows:90px auto;min-height:123px;gap:4px;padding:5px 4px 8px;overflow:hidden}
#select .hero-model-thumb{display:block;grid-row:1;width:100%;height:90px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 5px #000a)}
#select .card .hero-mark{position:absolute;left:5px;top:5px;width:25px;height:25px;opacity:.9;filter:drop-shadow(0 2px 3px #000b)}
#select .card .name{grid-row:2;font-size:11px;line-height:1.25;text-align:center;color:#e1e7dc}
#select .card .hero-check{z-index:1}
#select .weapon-skins{margin-top:17px;padding:14px 0 0;border-top:1px solid #c5b78e38}
#select .weapon-skins[hidden]{display:none}
#select .weapon-skins-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}
#select .weapon-skins-heading h2{margin:0;color:#e6d6b4;font:600 13px Georgia,serif}
#select .weapon-skins-heading span{color:#aebfbb;font:11px system-ui}
#select .weapon-skins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#select .weapon-skin-card{display:grid;grid-template-rows:95px auto auto;justify-items:center;align-items:center;gap:2px;min-width:0;padding:6px 8px 9px;border:1px solid #9ba9a445;border-radius:3px;background:radial-gradient(ellipse at 50% 35%,#49647370,#10232bdd 70%);color:#eee3c9;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
#select .weapon-skin-card:not(:disabled):hover{border-color:#e1ca93;transform:translateY(-2px)}
#select .weapon-skin-card[aria-pressed="true"]{border-color:#e1c586;background:radial-gradient(ellipse at 50% 35%,#3e616b,#182a30 70%);box-shadow:inset 0 -2px #e1c586,0 7px 17px #0005}
#select .weapon-skin-card:disabled:not([aria-pressed="true"]){opacity:.58;cursor:default}
#select .weapon-skin-card img{width:100%;height:95px;object-fit:contain;filter:drop-shadow(0 6px 5px #000b)}
#select .weapon-skin-card strong{font:600 12px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#select .weapon-skin-card small{color:#b6c6c4;font:10px system-ui}
#select .weapon-skins-status{min-height:15px;margin:6px 0 0;color:#e8cb8d;font:11px system-ui}
#select .weapon-skin-card[data-rarity=common]{--rarity:#b5c1c5;--rarity-glow:#778a9130}
#select .weapon-skin-card[data-rarity=epic]{--rarity:#c68cff;--rarity-glow:#7842af45}
#select .weapon-skin-card[data-rarity=legendary]{--rarity:#efca79;--rarity-glow:#c58a3048}
#select .weapon-skin-card[data-rarity]{border-color:color-mix(in srgb,var(--rarity) 42%,transparent);background:radial-gradient(ellipse at 50% 38%,var(--rarity-glow),#10232bdd 72%)}
#select .weapon-skin-card[data-rarity] strong{color:var(--rarity)}
#select .weapon-skin-card[data-rarity][aria-pressed=true]{border-color:var(--rarity);box-shadow:inset 0 -2px var(--rarity),0 7px 17px #0005}
#select .weapon-skin-card[data-rarity]:not(:disabled):hover{border-color:var(--rarity)}
#select .weapon-skin-card:disabled:not([aria-pressed=true]){opacity:.8}
@media(max-width:950px){#select:not(.in-lobby) .hero-focus{grid-template-columns:135px minmax(0,1fr);min-height:200px;padding:12px 18px}#select:not(.in-lobby) .selected-portrait{width:135px;height:180px}#select.hero-picker-open .hero-focus{grid-template-columns:110px minmax(0,1fr)}#select.hero-picker-open .selected-portrait{width:110px;height:155px}#select .card{grid-template-rows:70px auto;min-height:103px}#select .hero-model-thumb{height:70px}}
@media(max-width:600px){#select:not(.in-lobby) .hero-focus{grid-template-columns:95px minmax(0,1fr);min-height:145px;padding:8px 12px;gap:10px}#select:not(.in-lobby) .selected-portrait{width:95px;height:125px}#select.hero-picker-open .hero-focus{grid-template-columns:95px minmax(0,1fr)}#select.hero-picker-open .selected-portrait{width:95px;height:125px}#select .weapon-skins-heading span{display:none}#select .weapon-skin-card{grid-template-rows:72px auto auto;padding:5px 2px 8px}#select .weapon-skin-card img{height:72px}#select .weapon-skin-card strong{font-size:10px}#select .weapon-skin-card small{font-size:9px}}
