/* CSGO Matchmaking — loadout (CS:GO-style screen per side) + sticker tools */
.lo2{--side:#E0A848;--side-bg:rgba(224,168,72,.08)}
.lo2[data-side=ct]{--side:#5B9BFF;--side-bg:rgba(91,155,255,.08)}
.lo-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:8px 0 18px}
.lo-h1{font:900 clamp(48px,6vw,80px)/.9 var(--display);text-transform:uppercase}
.lo-sub{color:#B7C3DA;margin-top:8px;max-width:60ch}
.lo-sidetabs{display:flex;padding:4px;border:1px solid var(--line-hi);border-radius:10px;background:var(--hull);gap:4px}
.lo-sidetabs [role=tab]{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:7px;color:var(--muted);font-weight:600;font-size:14px}
.lo-sidetabs [role=tab] b{font:900 26px/1 var(--display)}
.lo-sidetabs [data-side-tab=t][aria-selected=true]{background:rgba(224,168,72,.14);color:#F3D29A;box-shadow:inset 0 0 0 1px rgba(224,168,72,.5)}
.lo-sidetabs [data-side-tab=ct][aria-selected=true]{background:rgba(91,155,255,.14);color:#B9D3FF;box-shadow:inset 0 0 0 1px rgba(91,155,255,.5)}

.lo-stage{border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--side-bg),transparent 40%),var(--hull);padding:16px;border-top:3px solid var(--side)}
.lo-pane{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px}
.lo-gear{display:grid;gap:10px;align-content:start}
.lo-kg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lo-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lo-col h3{font:800 18px/1 var(--display);text-transform:uppercase;color:var(--muted);margin:2px 2px 8px;letter-spacing:.03em}
.lo-slots{display:grid;gap:6px}

.lo2 .slot-btn{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:58px;padding:6px 10px 6px 6px;text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--black);transition:border-color .15s,background .15s,transform .15s}
.lo2 .slot-btn:hover{border-color:var(--side);background:#060B14}
.lo2 .slot-btn.filled{border-color:var(--line-hi);background:linear-gradient(90deg,var(--side-bg),#040810 70%)}
.lo2 .slot-img{width:76px;height:46px;display:grid;place-items:center;color:var(--dim);font-size:20px;border-radius:5px;background:radial-gradient(closest-side,rgba(255,255,255,.04),transparent)}
.lo2 .slot-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.lo2 .slot-txt{display:grid;min-width:0}
.lo2 .slot-w{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.lo2 .slot-skin{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lo2 .slot-btn:not(.filled) .slot-skin{color:var(--dim);font-weight:500}
.lo2 .slot-meta{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);min-height:0}
.lo2 .slot-meta:empty{display:none}
.lo2 .slot-meta em{font-style:normal;font-weight:700;color:var(--ice)}.lo2 .slot-meta em.st{color:#F08A3C}
.lo2 .slot-meta i{font-style:normal}
.slot-stk{display:inline-flex;gap:2px}.slot-stk img{width:18px;height:14px;object-fit:contain}
.lo2 .slot-big{grid-template-columns:1fr;grid-template-rows:96px auto;padding:10px;text-align:center}
.lo2 .slot-big .slot-img{width:100%;height:96px}
.lo2 .slot-big .slot-meta{justify-content:center}
.lo2 .slot-agent{grid-template-columns:1fr;grid-template-rows:260px auto;padding:12px;text-align:center;background:radial-gradient(80% 60% at 50% 30%,var(--side-bg),var(--black))}
.lo2 .slot-agent .slot-img{width:100%;height:260px;font-size:32px}
.lo2 .slot-agent .slot-img img{max-height:260px}
.lo2 .slot-agent .slot-skin{white-space:normal}
.lo2 .slot-wide{max-width:420px}

.lo-under{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1fr);gap:12px;margin-top:12px}
.lo-under .prefs{grid-template-columns:1fr 1fr}
.lo-graf{font-size:13px;margin-top:12px}.lo-graf code{color:var(--ice);font-size:12px}
.btn.btn-xs{height:26px;padding:0 8px;font-size:12px}

.lo-dlg{width:min(860px,calc(100vw - 32px))}
.lo-find{margin-bottom:10px;display:block}.lo-find .inp{width:100%;height:40px;padding:0 12px;background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text);font:inherit}
.lo-dlg .picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:min(60vh,560px);overflow:auto}
.lo-dlg .pick{display:grid;justify-items:center;gap:4px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--black);text-align:center;font-size:13px;position:relative}
.lo-dlg .pick:hover,.lo-dlg .pick[aria-pressed=true]{border-color:var(--blue)}
.lo-dlg .pick img{height:64px;object-fit:contain}
.lo-dlg .pick small{color:var(--muted);font-size:11px}
.fr-mini{font-style:normal;font-size:10px;font-weight:700;color:#000;background:var(--gold);border-radius:3px;padding:1px 5px}

/* sticker tool */
.stk-gun{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;margin-bottom:14px}
.stk-gun img{width:200px;height:120px;object-fit:contain}
.stk-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.stk-slot{display:grid;justify-items:center;gap:6px;padding:12px 8px;border:1px dashed var(--line-hi);border-radius:8px;background:var(--black);font-size:12px;text-align:center}
.stk-slot span{font-size:24px;color:var(--muted)}
.stk-slot.on{border-style:solid}
.stk-slot img{height:48px;object-fit:contain}
.stk-slot.sel,.stk-slot.pick-me:hover{border-color:var(--blue);border-style:solid}
.stk-pick{margin-top:14px}.stk-pick h3{font-size:14px;margin-bottom:8px}

@media (max-width:1180px){.lo-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.lo-under{grid-template-columns:1fr 1fr}.lo-under .lo-music{grid-column:1/-1}}
@media (max-width:860px){.lo-pane{grid-template-columns:1fr}.lo2 .slot-agent{grid-template-rows:180px auto}.lo2 .slot-agent .slot-img{height:180px}.lo-cols{grid-template-columns:1fr}.lo-under{grid-template-columns:1fr}.stk-gun{grid-template-columns:1fr}.stk-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.lo-sidetabs{width:100%}.lo-sidetabs [role=tab]{flex:1;justify-content:center;padding:10px}.lo-under .prefs{grid-template-columns:1fr}}
.stk-pv{display:block;margin-top:6px;font-style:normal;font-size:11px;font-weight:700;color:#7FB2FF;text-decoration:underline;cursor:pointer}.stk-pv:hover{color:#fff}
.lo-agent{position:relative}.lo-patch-btn{margin-top:6px;width:100%}
.lo-graffiti .lo-graf{margin:10px 0 0}
#loPatchBody .stk-slots{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:640px){#loPatchBody .stk-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}