/* BRONC3 Studio V19.3 — Companion Fashion inside the companion screen only */
#vlo19-fashion-shortcut,.vlo19-quick-entry,#t-more [data-vlo19-open]{display:none!important}
.vlo192-subtabs{display:flex;gap:8px;padding:10px 0;margin:8px 0 13px;border-bottom:1px solid #5e533c}
.vlo192-subtabs button{padding:10px 16px;border:1px solid #655d52;border-radius:8px 8px 3px 3px;color:#ddd0b4;background:#252c32;cursor:pointer;font-weight:700;font-size:13px}
.vlo192-subtabs button.on{color:#ffe4a2;background:linear-gradient(180deg,#55412c,#312a29);border-color:#bd9158;box-shadow:inset 0 -3px #e8b869}
#vlo192-pet-original[hidden],#vlo192-wardrobe[hidden]{display:none!important}
.vlo192-wardrobe{color:#eae7df;font:13px/1.45 system-ui,sans-serif}
.vlo192-wardrobe *{box-sizing:border-box}
.vlo192-pet-label{padding:7px 11px;margin-bottom:10px;border:1px solid #545b5c;border-radius:7px;background:#242d30;color:#b5c4bf}
.vlo192-pet-label b{color:#ffde9f}
.vlo192-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(245px,1.3fr);gap:12px}
.vlo192-stage{display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#15252e,#10171e);border:1px solid var(--fashion-accent,#bda16b)}
#vlo192-preview{width:min(100%,320px);height:auto;aspect-ratio:1;display:block}
.vlo192-stage-controls{width:100%;padding:8px;border-top:1px solid #63665a}
.vlo192-modes,.vlo192-dir-list{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-bottom:7px}
.vlo192-modes button,.vlo192-dir-list button{background:#283540;color:#e0e3df;border:1px solid #60666c;border-radius:5px;padding:7px 9px;cursor:pointer;font-size:12px}
.vlo192-dir-list button{font-size:18px;min-width:29px;padding:3px}
.vlo192-modes button.on,.vlo192-dir-list button.on{border-color:#efc37e;background:#4c4334;color:#ffe8aa}
.vlo192-autodir{display:flex;align-items:center;gap:5px;justify-content:center;color:#abb6bd;font-size:12px}
.vlo192-chooser{padding:8px 4px}
.vlo192-chooser h3{font-size:19px;color:#f5d18b;margin:0 0 5px}
.vlo192-help,.vlo192-description{color:#bfc5c8;margin:6px 0 12px;font-size:12px}
.vlo192-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vlo192-fashion-card{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:138px;padding:6px 4px 7px;position:relative;background:linear-gradient(180deg,#2a3947,#1b242b);border:1px solid #6a7480;border-radius:9px;cursor:pointer;color:#f4ebdc;font-size:11px;font-weight:700;text-align:center;line-height:1.3}
.vlo192-fashion-card.selected{border:2px solid #e6bd75;box-shadow:0 0 15px #f0c16d2a}
.vlo192-fashion-card img{height:104px;width:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 4px #000a)}
.vlo192-fashion-card span:not(.vlo192-original-icon){padding-top:5px}
.vlo192-original-icon{display:flex;align-items:center;justify-content:center;font-size:48px;height:104px;color:#e7d3a0}
.vlo192-fashion-card small{position:absolute;top:2px;right:2px;padding:2px 4px;font-size:9px;border-radius:4px;color:#263025;background:#b7eb9c}
.vlo192-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vlo192-actions button{border:1px solid #77746b;border-radius:7px;cursor:pointer;color:#f4e6ce;background:#35404a;padding:10px 13px;font-weight:700}
.vlo192-actions .vlo192-equip{background:linear-gradient(180deg,#d4a85f,#96613e);color:#201a15;border-color:#f5cf86}
.vlo192-actions button:disabled{opacity:.4;cursor:default}
.vlo192-warning{color:#ffbd8f}
@media(max-width:700px){.vlo192-layout{grid-template-columns:1fr}.vlo192-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vlo192-fashion-card{min-height:120px}.vlo192-fashion-card img{height:92px}}
@media(max-width:420px){.vlo192-grid{gap:5px}.vlo192-fashion-card{font-size:10px}.vlo192-subtabs button{padding:9px 11px}}

/* BRONC3 V19.3 Art pass: larger cards and richer in-game preview */
.vlo192-stage{background:radial-gradient(ellipse at 50% 30%,#293e4a 0%,#16232d 54%,#0d1119 100%);box-shadow:inset 0 0 30px #050a14,0 6px 15px #0005}
.vlo192-chooser{min-width:0}
.vlo192-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vlo192-fashion-card{min-height:174px;padding:5px 5px 11px;border:1px solid #74634b;border-radius:12px;background:linear-gradient(155deg,#334453,#151d2a 80%);transition:border-color .15s,transform .15s}
.vlo192-fashion-card:hover{border-color:#eec37b;transform:translateY(-1px)}
.vlo192-fashion-card.selected{border:2px solid #edca83;box-shadow:0 0 0 1px #97774a inset,0 0 18px #e4a33b2d}
.vlo192-fashion-card img{height:140px;width:100%;object-fit:cover;object-position:50% 45%;border-radius:8px;filter:none}
.vlo192-fashion-card span:not(.vlo192-original-icon){font-size:12px;line-height:1.25;padding-top:7px}
.vlo192-original-icon{height:140px;font-size:58px;background:radial-gradient(circle,#5c4b34,#24303d 67%);border-radius:8px;width:100%}
.vlo192-fashion-card small{background:#c3f4b1;color:#18452c;z-index:1}
.vlo192-help,.vlo192-description{line-height:1.5}
.vlo192-stage-controls{background:#101820ed}
@media(max-width:700px){.vlo192-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vlo192-fashion-card img{height:130px}}
@media(max-width:420px){.vlo192-fashion-card img{height:110px}.vlo192-fashion-card{min-height:145px}.vlo192-fashion-card span:not(.vlo192-original-icon){font-size:11px}}
.vlo192-stage{align-self:start}

/* V20.3 – only a static, click-to-reveal portrait; no eight-way preview controls. */
.vlo203-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,1.05fr);gap:14px;align-items:start}
.vlo203-collection{background:linear-gradient(160deg,#172431,#111922);padding:14px;border:1px solid #67573c;border-radius:12px}
.vlo203-collection h3{color:#f5d18b;margin:0 0 5px;font-size:18px}
.vlo203-collection>p{color:#c5c5c1;margin:0 0 13px;font-size:12px;line-height:1.6}
.vlo203-collection .vlo192-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vlo203-detail{min-height:345px;min-width:0;padding:14px;border:1px solid var(--fashion-accent,#ad945d);background:radial-gradient(circle at 50% 15%,#304153,#182430 55%,#0d161e);border-radius:12px}
.vlo203-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;min-height:300px;color:#c9c2ab}
.vlo203-empty span{font-size:55px;color:#edce83;line-height:1}
.vlo203-empty b{color:#ffe0a0;font-size:16px}
.vlo203-empty p{max-width:260px;line-height:1.6;color:#b8c5cb}
.vlo203-selected-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#ffe7a3;margin-bottom:8px}
.vlo203-selected-title b{font-size:18px}
.vlo203-selected-title span{font-size:11px;color:#fbe3bc;border:1px solid #bd9b63;padding:3px 7px;border-radius:30px}
.vlo203-preview-img{width:min(100%,280px);height:245px;margin:4px auto 10px;object-fit:contain;display:block;filter:drop-shadow(0 6px 11px #0009)}
.vlo203-detail .vlo192-description{font-size:12px;text-align:center;line-height:1.55}
.vlo203-bonus-head{border-bottom:1px solid #64513c;padding:5px 0 8px;color:#f6d995;font-weight:750;font-size:14px}
.vlo203-stats>div{display:grid;grid-template-columns:minmax(0,1fr) 80px 40px;align-items:center;border-bottom:1px solid #ffffff18;gap:4px;padding:8px 0;font-size:12px}
.vlo203-stats span{color:#e1e6df}.vlo203-stats b{color:#ffe3a1;text-align:right;font-size:14px}.vlo203-stats small{color:#9ee9ae;text-align:right}
.vlo203-buff-note{font-size:11px;color:#b4d9b4;line-height:1.5;margin:8px 0 4px}
.vlo203-kill-info{margin:11px 0 5px;padding:10px;border:1px solid #806d43;border-radius:8px;background:#322919;color:#e4d5af;line-height:1.6}
.vlo203-kill-info strong{color:#ffda7e}.vlo203-kill-info b{color:#fff6c5}
.vlo203-equipped{display:block;margin-top:4px;font-size:11px;color:#c5e8a7}
.vlo203-clear{margin:12px 0 0;width:100%;padding:9px;cursor:pointer;border:1px solid #887f68;background:#344050;border-radius:8px;color:#f6ddac}
.vlo203-detail .vlo192-actions{justify-content:center}
.vlo203-detail .vlo192-actions button{min-width:120px}
@media(max-width:750px){.vlo203-layout{grid-template-columns:1fr}.vlo203-collection .vlo192-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vlo203-detail{min-height:270px}}
@media(max-width:410px){.vlo203-collection{padding:9px}.vlo203-detail{padding:10px}.vlo203-stats>div{grid-template-columns:minmax(0,1fr) 75px 34px}.vlo203-preview-img{height:205px}}

/* V20.4: image-first fashion preview. No navigation or action control overlay. */
.vlo203-preview-img{max-width:352px;width:min(100%,352px);height:auto;aspect-ratio:352/400;object-fit:contain;border-radius:11px;box-shadow:0 10px 20px #0008}
.vlo192-fashion-card img{object-fit:cover;object-position:50% 30%;image-rendering:auto}
.vlo203-selected-title{margin-bottom:12px}
@media(max-width:460px){.vlo203-preview-img{max-height:350px}.vlo192-fashion-card img{height:125px}}