.wardrobe-tabs{display:flex;gap:10px;max-width:1450px;margin:12px auto 0;flex-wrap:wrap}
.wardrobe-tabs button{min-height:44px;padding:10px 16px;border:1px solid #d7bc78;border-radius:12px;background:#17394be8;color:#ffe2a0;font-weight:bold;cursor:pointer}
.wardrobe-tabs button[aria-pressed=true]{background:linear-gradient(#e9d497,#bda66e);color:#142b36}
.daily-banner{max-width:1450px;margin:14px auto 0;padding:14px 18px;border:1px solid #e4ce9266;border-radius:16px;background:#0a1a29cc;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
.daily-banner strong{color:#ffe6ad;font-size:16px}
.daily-banner .countdown{font:bold 18px ui-monospace,Menlo,monospace;color:#a8e3d2;letter-spacing:1px}
.daily-card .daily-swatch{height:140px;display:flex;align-items:center;justify-content:center;font-size:42px;background:radial-gradient(circle at 40% 30%,#ffffff33,transparent 55%),var(--skin,#355)}
.daily-card .daily-preview{
  height:220px;
  padding:10px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#071018 !important;
  background-image:none !important;
  border-bottom:1px solid #e4ce9240;
}
.daily-card .daily-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:transparent;
}
/* Theme B/C must not wash preview wells with paper/card colors */
#wardrobe[data-ui=B] .daily-card .daily-preview,
#wardrobe[data-ui=C] .daily-card .daily-preview{background:#071018 !important;background-image:none !important}
#wardrobe[data-ui=B] .daily-card .daily-preview img,
#wardrobe[data-ui=C] .daily-card .daily-preview img{background:transparent !important;object-fit:contain;object-position:center center}
.daily-card .rarity{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#e4c785}
.daily-price{color:#f1cf7c;font-weight:bold}
.daily-actions{display:grid;gap:8px;margin-top:10px}
.daily-actions button[disabled]{opacity:.7;cursor:default}
#daily-message{text-align:center;max-width:1000px;margin:16px auto;color:#bfece3}
/* Keep daily shop content fully opaque even if a parent enter-anim retriggers */
#wardrobe .daily-banner,
#wardrobe .daily-card,
#wardrobe .wardrobe-tabs,
#wardrobe #daily-message{opacity:1}
@media(max-width:520px){
  .daily-banner{padding:12px}
  .daily-banner .countdown{font-size:15px}
  .daily-card .daily-preview{height:200px;padding:8px}
}


/* Daily Skin Shop: solid contrast over theme-B parchment */
#wardrobe .daily-card{background:#0b1a28 !important;color:#f6eed7;border:1px solid #e4ce9266;opacity:1 !important}
#wardrobe .daily-card .skin-info{color:#f6eed7}
#wardrobe .daily-card .skin-info h2{color:#ffe6ad}
#wardrobe .daily-card .skin-info p{color:#d7e6dd}
#wardrobe .daily-card .rarity{color:#e4c785}
#wardrobe .daily-banner{background:#0a1a29 !important;opacity:1 !important}
#wardrobe #daily-message{color:#bfece3;opacity:1 !important}
#wardrobe.ui-enter .daily-card,
#wardrobe.ui-enter .daily-banner,
#wardrobe.ui-enter .wardrobe-tabs,
#wardrobe.ui-enter #daily-message,
#wardrobe.ui-enter header{opacity:1 !important;transform:none !important;animation:none !important}


/* Fully opaque wardrobe shell (theme-B panel was #fdf3dceF ≈ 93.7% alpha) */
#wardrobe[data-ui=B]{background:#fdf3dc !important;opacity:1}
#wardrobe[data-ui=C]{background:#080e1a !important;opacity:1}
/* Theme-B button rule was overriding pressed tab contrast */
#wardrobe[data-ui=B] .wardrobe-tabs button[aria-pressed=true],
#wardrobe[data-ui=C] .wardrobe-tabs button[aria-pressed=true]{
  background:linear-gradient(#e9d497,#bda66e) !important;
  color:#142b36 !important;
  border-color:#b8954a !important;
}
#wardrobe[data-ui=B] .wardrobe-tabs button[aria-pressed=false],
#wardrobe[data-ui=C] .wardrobe-tabs button[aria-pressed=false]{
  background:#17394be8 !important;
  color:#ffe2a0 !important;
}