/* ═══════════════════════════════════════════════
   VOID BOOSTER v0.1 SUPREME FINAL OVERLAY
   Fusion: DA Claude + Luxury Minimal + early gameplay UI.
═══════════════════════════════════════════════ */

:root{
  --v01-gold:#d9b461;
  --v01-red:#c34334;
  --v01-violet:#8f4cff;
  --v01-cyan:#5fd0ff;
  --v01-ink:#05030c;
  --v01-glass:rgba(255,255,255,.055);
  --v01-line:rgba(255,255,255,.10);
}

/* keeps V80 card mood above Claude DA */
.card-single,
.card-inspect,
#cardPreviewCard{
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:
    0 30px 92px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.025),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.rarity-mythic.card-single,
.rarity-mythic.card-inspect,
#cardPreviewCard.rarity-mythic{
  border-color:rgba(255,240,176,.18)!important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.68),
    0 0 0 1px rgba(255,240,176,.09),
    0 0 22px rgba(255,240,176,.08),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
}

.card-rarity,
#singleRarity,#inspectRarity,#cardPreviewRarity{
  background:rgba(10,10,16,.42)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.90)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.18)!important;
}

.rarity-mythic .card-rarity,
.rarity-mythic #singleRarity,
.rarity-mythic #inspectRarity,
.rarity-mythic #cardPreviewRarity{
  color:#fff0b0!important;
  border-color:rgba(255,240,176,.22)!important;
  background:linear-gradient(135deg,rgba(12,10,6,.62),rgba(18,16,10,.42))!important;
  min-width:auto!important;
}

.card-role,
#singleRole,#inspectRole,#cardPreviewRole{
  background:rgba(8,8,12,.34)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  color:var(--lux,#d9dce2)!important;
}

.card-name,
#singleName,#inspectName,#cardPreviewName{
  color:#fff!important;
  text-shadow:0 3px 6px rgba(0,0,0,.92),0 0 22px rgba(0,0,0,.42)!important;
}

.card-desc,
#singleDesc,#inspectDesc,#cardPreviewDesc{
  color:rgba(255,255,255,.80)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.55)!important;
}

.collection-rarity::before{display:none!important;content:none!important}

/* v0.1 dashboard */
.v01-dashboard{
  width:min(1040px,92vw);
  display:grid;
  grid-template-columns:1.05fr 1.45fr 1fr;
  gap:14px;
  margin:0 auto 22px;
}
.v01-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--v01-line);
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(217,180,97,.10),transparent 36%),
    linear-gradient(145deg,rgba(255,255,255,.070),rgba(255,255,255,.025));
  box-shadow:0 20px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);
  padding:16px 18px;
  backdrop-filter:blur(18px);
}
.v01-kicker{
  font:700 10px/1 var(--font-ui,Inter,sans-serif);
  letter-spacing:.34em;
  text-transform:uppercase;
  color:rgba(217,180,97,.72);
  margin-bottom:8px;
}
.v01-title{
  font:900 italic 28px/.88 var(--font-display,Inter,sans-serif);
  text-transform:uppercase;
  color:#fff;
  letter-spacing:-.02em;
}
.v01-card p{
  margin:8px 0 14px;
  font-size:12px;
  color:rgba(255,255,255,.48);
  line-height:1.45;
}
.v01-level-line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-top:10px;
  color:#fff;
  font-family:var(--font-ui,Inter,sans-serif);
}
.v01-level-line span{color:rgba(255,255,255,.42);font-size:12px}
.v01-xpbar,.v01-mission,.v01-set-bar{
  position:relative;
  overflow:hidden;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.065);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.35);
}
.v01-xpbar{margin-top:12px}
.v01-xpbar i,.v01-mission i,.v01-set-bar i{
  display:block;
  height:100%;
  width:0%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--v01-red),var(--v01-gold));
  box-shadow:0 0 18px rgba(217,180,97,.28);
  transition:width .55s cubic-bezier(.18,.82,.22,1);
}
.v01-mission{
  height:auto;
  padding:10px 11px 14px;
  margin:8px 0;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.035);
}
.v01-mission div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  font:700 12px/1.2 var(--font-ui,Inter,sans-serif);
  color:rgba(255,255,255,.82);
}
.v01-mission span{color:rgba(255,255,255,.42)}
.v01-mission.done{
  border-color:rgba(217,180,97,.28);
  background:rgba(217,180,97,.055);
}
.v01-mission.done div b::after{
  content:" ✓";
  color:var(--v01-gold);
}

/* set panel */
.v01-set-panel{
  margin:18px 0 18px;
  border:1px solid var(--v01-line);
  border-radius:20px;
  padding:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.022));
  box-shadow:0 22px 72px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.055);
}
.v01-set-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
.v01-set-total{
  font:900 italic 34px/.8 var(--font-display,Inter,sans-serif);
  color:var(--v01-gold);
}
.v01-set-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.v01-set{
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  padding:12px;
  background:rgba(255,255,255,.035);
}
.v01-set-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
  font:700 12px var(--font-ui,Inter,sans-serif);
  color:#fff;
}
.v01-set-top span{color:rgba(255,255,255,.42)}

.v01-toast{
  position:fixed;
  left:50%;
  top:84px;
  transform:translateX(-50%) translateY(-18px) scale(.96);
  z-index:20000;
  min-width:280px;
  padding:16px 20px;
  border:1px solid rgba(217,180,97,.28);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(20,14,26,.96),rgba(8,5,14,.96));
  box-shadow:0 26px 90px rgba(0,0,0,.50),0 0 34px rgba(217,180,97,.12);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .32s cubic-bezier(.18,.82,.22,1);
}
.v01-toast.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}
.v01-toast b{
  display:block;
  font:900 italic 22px/.9 var(--font-display,Inter,sans-serif);
  text-transform:uppercase;
  color:#fff;
}
.v01-toast span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.55);
  font-size:12px;
}

@media(max-width:900px){
  .v01-dashboard{grid-template-columns:1fr}
  .v01-set-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .v01-set-grid{grid-template-columns:1fr}
}


/* ═══════════════════════════════════════════════
   v0.1.1 Polish
═══════════════════════════════════════════════ */

/* Header less clunky */
.user-profile-bar{
  width:min(940px,92vw)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:12px 14px!important;
}
.user-profile-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  min-width:360px!important;
}
.user-profile-actions .small-btn{
  min-height:38px!important;
  padding:9px 14px!important;
}
#logoutBtn{
  grid-column:2;
}
.void-brand-logo{
  opacity:.76!important;
  transform:translateY(2px) scale(.92)!important;
}

/* Make dashboard feel integrated, less "added there" */
.v01-dashboard{
  margin-top:clamp(20px,6vh,84px)!important;
  margin-bottom:28px!important;
  align-items:stretch!important;
}
.v01-card{
  min-height:156px;
}
.v01-card::after{
  content:"";
  position:absolute;
  inset:auto 16px 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,180,97,.22),transparent);
}
.v01-mission{
  border-radius:14px!important;
}
.v01-daily .primary-btn,
#dailyOpenBonusBtnV011{
  margin-top:8px!important;
  width:100%!important;
}

/* Set cards are real filters */
.v01-set{
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.v01-set:hover{
  transform:translateY(-2px);
  border-color:rgba(217,180,97,.24);
  background:rgba(217,180,97,.045);
}
.v01-set.active{
  border-color:rgba(217,180,97,.42)!important;
  background:rgba(217,180,97,.075)!important;
  box-shadow:0 0 24px rgba(217,180,97,.10)!important;
}
.v011-clear-set{
  padding:9px 13px!important;
  min-width:0!important;
  font-size:10px!important;
}
.hidden-by-set-v011{
  display:none!important;
}

/* Card design: preserve minimal luxury, less muddy and more readable */
.card-single,
.card-inspect,
#cardPreviewCard{
  border-radius:24px!important;
  border-color:rgba(255,255,255,.115)!important;
  overflow:hidden!important;
}
.card-face .card-art::after,
.card-inspect .card-art::after,
#cardPreviewCard .card-art::after,
.card-inspect-art::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.26) 0%,transparent 28%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.74) 100%)!important;
}
.card-ui{
  background:none!important;
  padding:16px 18px 0!important;
}
.card-rarity,
.card-number,
#singleRarity,#inspectRarity,#cardPreviewRarity,
#singleNumber,#inspectNumber,#cardPreviewNumber{
  border-radius:999px!important;
  background:rgba(3,3,7,.46)!important;
  border:1px solid rgba(255,255,255,.095)!important;
  backdrop-filter:blur(8px)!important;
}
.card-bottom{
  padding:64px 20px 18px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(3,3,7,.28) 35%,rgba(3,3,7,.84) 100%)!important;
}
.card-role{
  color:rgba(217,180,97,.92)!important;
  border-color:rgba(217,180,97,.18)!important;
}
.card-name{
  font-size:clamp(34px,4.2vw,52px)!important;
  text-shadow:0 4px 8px rgba(0,0,0,.88),0 0 18px rgba(0,0,0,.42)!important;
}
.card-desc{
  color:rgba(255,255,255,.74)!important;
}

/* Mythic visible but not cheap */
.rarity-mythic .card-rarity,
.rarity-mythic #singleRarity,
.rarity-mythic #inspectRarity,
.rarity-mythic #cardPreviewRarity{
  color:#f4d983!important;
  border-color:rgba(244,217,131,.24)!important;
  background:rgba(12,9,4,.54)!important;
  box-shadow:0 0 16px rgba(244,217,131,.10),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.rarity-mythic.card-single,
.rarity-mythic.card-inspect{
  box-shadow:0 34px 110px rgba(0,0,0,.66),0 0 0 1px rgba(244,217,131,.06),0 0 32px rgba(244,217,131,.07)!important;
}

/* Collection spacing */
.collection-grid{
  gap:18px!important;
}
.collection-card{
  border-radius:18px!important;
}
.collection-card.hidden-by-set-v011{
  display:none!important;
}

@media(max-width:780px){
  .user-profile-bar{
    grid-template-columns:1fr!important;
  }
  .user-profile-actions{
    min-width:0!important;
    width:100%!important;
  }
}


/* ═══════════════════════════════════════════════
   VOID BOOSTER v0.3 — Studio redesign
   Goal: coherent luxury criminal collectible UX.
═══════════════════════════════════════════════ */

:root{
  --v03-bg:#05030b;
  --v03-panel:rgba(16,12,24,.72);
  --v03-panel2:rgba(255,255,255,.045);
  --v03-line:rgba(255,255,255,.095);
  --v03-gold:#d8b15f;
  --v03-red:#c64336;
  --v03-text:#f5f0ea;
  --v03-muted:rgba(245,240,234,.52);
}

/* global rhythm */
.shell{
  width:min(1440px,calc(100vw - 32px))!important;
  min-height:calc(100vh - 18px)!important;
  padding:0 0 80px!important;
  border-radius:28px!important;
  background:
    radial-gradient(ellipse 70% 42% at 50% 0%,rgba(198,67,54,.15),transparent 58%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
}
.player-root{padding-top:18px!important}

/* header: command bar */
.user-profile-bar{
  position:sticky!important;
  top:12px!important;
  z-index:200!important;
  width:min(980px,92vw)!important;
  min-height:76px!important;
  padding:12px 14px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:linear-gradient(135deg,rgba(36,25,38,.82),rgba(18,12,24,.72))!important;
  backdrop-filter:blur(26px)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.user-profile-left{gap:13px!important}
.user-avatar{width:52px!important;height:52px!important;border-radius:16px!important}
.user-name{font-size:14px!important;letter-spacing:.08em!important}
.user-sub{max-width:240px!important;line-height:1.25!important}
.user-profile-actions{
  display:grid!important;
  grid-template-columns:180px 180px!important;
  gap:8px!important;
  min-width:0!important;
}
.user-profile-actions .small-btn{
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border-radius:13px!important;
}
#logoutBtn{grid-column:2!important}
.void-brand-logo{top:14px!important;opacity:.72!important;transform:scale(.88)!important}

/* home hero: main action first */
.v03-hero{
  width:min(1080px,92vw);
  margin:clamp(34px,7vh,96px) auto 22px;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:26px;
  align-items:center;
}
.v03-hero-copy{
  position:relative;
  padding:38px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(circle at 8% 0%,rgba(216,177,95,.10),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.020));
  box-shadow:0 28px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.065);
}
.v03-kicker{
  font-family:var(--font-ui,Inter,sans-serif);
  font-size:11px;
  font-weight:800;
  letter-spacing:.42em;
  color:var(--v03-gold);
  text-transform:uppercase;
}
.v03-hero h1{
  margin:10px 0 12px;
  max-width:660px;
  font-family:var(--font-display,Inter,sans-serif);
  font-weight:950;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:-.045em;
  font-size:clamp(48px,7vw,92px);
  line-height:.82;
  color:#fff;
}
.v03-hero p{
  max-width:560px;
  color:var(--v03-muted);
  font-size:15px;
  line-height:1.55;
}
.v03-hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.v03-hero-actions button{min-width:170px}

/* 3D pack */
.v03-pack-showcase{
  display:grid;
  place-items:center;
  min-height:420px;
  perspective:1200px;
}
.v03-pack-card{
  width:min(300px,72vw);
  aspect-ratio:.68;
  border-radius:28px;
  border:1px solid rgba(216,177,95,.22);
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.16),transparent 28%),
    repeating-linear-gradient(130deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px),
    linear-gradient(145deg,#2a0b13,#7f2023 54%,#170710);
  box-shadow:0 42px 120px rgba(0,0,0,.62),0 0 60px rgba(198,67,54,.20),inset 0 1px 0 rgba(255,255,255,.14);
  transform:rotateY(-12deg) rotateX(4deg);
  animation:v03PackFloat 4.4s ease-in-out infinite;
  display:grid;
  place-items:center;
  color:#fff;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.v03-pack-card::after{
  content:"";
  position:absolute;inset:-40%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-70%) rotate(12deg);
  animation:v03PackShine 3.8s ease-in-out infinite;
}
.v03-pack-label,.v03-pack-sub{
  position:absolute;
  font:800 10px var(--font-ui,Inter,sans-serif);
  letter-spacing:.34em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
}
.v03-pack-label{top:28px}
.v03-pack-sub{bottom:30px;color:var(--v03-gold)}
.v03-pack-title{
  font:950 italic 76px/.8 var(--font-display,Inter,sans-serif);
  letter-spacing:-.05em;
  text-shadow:0 5px 14px rgba(0,0,0,.55);
}
@keyframes v03PackFloat{0%,100%{transform:rotateY(-12deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-7deg) rotateX(2deg) translateY(-14px)}}
@keyframes v03PackShine{0%,30%{transform:translateX(-70%) rotate(12deg)}65%,100%{transform:translateX(70%) rotate(12deg)}}

/* dashboard becomes secondary strip */
.v01-dashboard{
  width:min(1080px,92vw)!important;
  grid-template-columns:1fr 1.25fr 1fr!important;
  margin:0 auto 24px!important;
  gap:14px!important;
}
.v01-card{
  min-height:142px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.050),rgba(255,255,255,.018))!important;
}
.v01-title{font-size:24px!important}
.v01-mission{padding:9px 11px 13px!important}

/* code panel is centered but not buried */
#redeemView .panel.narrow{
  width:min(680px,92vw)!important;
  margin:12px auto 0!important;
  border-radius:24px!important;
}
#redeemView .panel h1{font-size:54px!important}

/* collection redesign: sidebar + main */
.collection-head{
  width:min(1080px,92vw)!important;
  margin:42px auto 22px!important;
}
.v03CollectionShell{
  width:min(1080px,92vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:220px 1fr;
  gap:20px;
  align-items:start;
}
.v03-set-sidebar{
  position:sticky;
  top:110px;
  border:1px solid var(--v03-line);
  border-radius:22px;
  padding:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 22px 70px rgba(0,0,0,.30);
}
.v03-sidebar-title{
  font:900 11px var(--font-ui,Inter,sans-serif);
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--v03-gold);
  margin:4px 6px 12px;
}
.v03-set-link{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:12px 10px;
  margin:6px 0;
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  color:rgba(255,255,255,.62);
  font:800 12px var(--font-ui,Inter,sans-serif);
  cursor:pointer;
  text-align:left;
}
.v03-set-link b{
  color:rgba(255,255,255,.38);
  font-size:11px;
}
.v03-set-link:hover,.v03-set-link.active{
  border-color:rgba(216,177,95,.22);
  background:rgba(216,177,95,.060);
  color:#fff;
}
.v03-set-link.active b{color:var(--v03-gold)}

.v03-collection-main{min-width:0}
.collection-toolbar{
  justify-content:flex-start!important;
  margin:0 0 20px!important;
  gap:8px!important;
}
.collection-grid{
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  gap:22px!important;
}
.collection-card{
  border-radius:22px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:0 22px 62px rgba(0,0,0,.32)!important;
}
.collection-art{border-radius:18px 18px 0 0!important}
.collection-count-badge-v62{
  top:12px!important;right:12px!important;
  background:rgba(0,0,0,.62)!important;
  border-color:rgba(255,255,255,.16)!important;
}

/* set progress panel less random */
.v01-set-panel{
  width:min(620px,100%)!important;
  margin:0 auto 26px!important;
  border-radius:22px!important;
}
.v01-set-grid{grid-template-columns:repeat(2,1fr)!important}
.v01-set{cursor:pointer}
.v01-set.active{border-color:rgba(216,177,95,.42)!important;background:rgba(216,177,95,.075)!important}

/* Cards: real visible change, luxury minimal + readable mythic */
.card-single,.card-inspect,#cardPreviewCard{
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:#06050b!important;
}
.card-face .card-art::after,
.card-inspect .card-inspect-art::after,
.card-inspect .card-art::after,
#cardPreviewCard .card-inspect-art::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.22) 0%,transparent 30%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.74) 100%),
    radial-gradient(circle at 12% 100%,rgba(24,180,170,.16),transparent 42%)!important;
}
.card-ui{
  padding:18px 18px 0!important;
  background:none!important;
}
.card-rarity,.card-number,#singleRarity,#inspectRarity,#cardPreviewRarity,#singleNumber,#inspectNumber,#cardPreviewNumber{
  border-radius:999px!important;
  background:rgba(3,3,7,.58)!important;
  backdrop-filter:blur(10px)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.86)!important;
}
.rarity-mythic .card-rarity,
.rarity-mythic #singleRarity,
.rarity-mythic #inspectRarity,
.rarity-mythic #cardPreviewRarity{
  color:#ffe9a3!important;
  background:linear-gradient(135deg,rgba(15,10,4,.72),rgba(40,28,8,.54))!important;
  border-color:rgba(255,233,163,.34)!important;
  box-shadow:0 0 18px rgba(255,233,163,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
  letter-spacing:.24em!important;
}
.card-bottom{
  padding:74px 22px 20px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(4,4,8,.24) 33%,rgba(4,4,8,.86) 100%)!important;
}
.card-role,#singleRole,#inspectRole,#cardPreviewRole{
  background:rgba(216,177,95,.10)!important;
  border:1px solid rgba(216,177,95,.20)!important;
  color:#dfc276!important;
}
.card-name,#singleName,#inspectName,#cardPreviewName{
  font-size:clamp(36px,4.8vw,58px)!important;
  letter-spacing:-.04em!important;
  color:#fff!important;
  text-shadow:0 4px 10px rgba(0,0,0,.95),0 0 18px rgba(0,0,0,.50)!important;
}
.card-desc,#singleDesc,#inspectDesc,#cardPreviewDesc{
  color:rgba(255,255,255,.78)!important;
}

@media(max-width:960px){
  .v03-hero{grid-template-columns:1fr}
  .v03-pack-showcase{min-height:300px}
  .v01-dashboard{grid-template-columns:1fr!important}
  .v03CollectionShell{grid-template-columns:1fr}
  .v03-set-sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .v03-sidebar-title{grid-column:1/-1}
}
@media(max-width:560px){
  .v03-hero-copy{padding:26px}
  .v03-set-sidebar{grid-template-columns:1fr}
  .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .user-profile-actions{grid-template-columns:1fr!important}
  #logoutBtn{grid-column:auto!important}
}


/* ═══════════════════════════════════════════════
   VOID BOOSTER v0.31 — Clean build fixes
═══════════════════════════════════════════════ */

/* Home: remove redundancy, keep hero + compact dashboard + code */
#redeemView .v01-daily{display:none!important}
.v01-dashboard{
  grid-template-columns:1.15fr .85fr!important;
  width:min(860px,92vw)!important;
}
.v01-dashboard .v01-missions{min-height:150px!important}
.v01-dashboard .v01-profile-xp{min-height:150px!important}
#redeemView .panel.narrow{margin-top:28px!important}

/* Header: reduce logo overlap */
.void-brand-logo{top:8px!important;z-index:60!important;opacity:.62!important}
.user-profile-bar{margin-top:22px!important}
.user-profile-actions{grid-template-columns:170px 170px!important}

/* Collection: one filter system */
#setProgressPanelV01{display:none!important}
.v031-collection-tools{
  display:flex;
  gap:10px;
  margin:0 0 14px;
}
.v031-collection-tools input,
.v031-collection-tools select{
  height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#fff;
  padding:0 14px;
  font:700 12px var(--font-ui,Inter,sans-serif);
  letter-spacing:.08em;
  outline:none;
}
.v031-collection-tools input{flex:1}
.v031-collection-tools select{width:190px}
.v031-empty{
  grid-column:1/-1;
  padding:34px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  color:rgba(255,255,255,.48);
  text-align:center;
}

/* Sidebar: clearer active */
.v03-set-link.active{
  border-color:rgba(216,177,95,.44)!important;
  background:linear-gradient(135deg,rgba(216,177,95,.12),rgba(255,255,255,.025))!important;
  box-shadow:0 0 20px rgba(216,177,95,.08)!important;
}

/* DEFINITIVE CARD SYSTEM v0.31 */
.card-single,
.card-inspect,
#cardPreviewCard{
  --r-main:#d8dde8;
  --r-aura:rgba(255,255,255,.06);
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.035),0 0 26px var(--r-aura)!important;
}
.rarity-common{--r-main:#d8dde8;--r-aura:rgba(255,255,255,.06)}
.rarity-rare{--r-main:#80d8ff;--r-aura:rgba(80,216,255,.12)}
.rarity-epic{--r-main:#c08cff;--r-aura:rgba(192,140,255,.14)}
.rarity-legendary{--r-main:#ffc26d;--r-aura:rgba(255,194,109,.15)}
.rarity-mythic{--r-main:#f4d37c;--r-aura:rgba(244,211,124,.16)}

.rarity-mythic.card-single,
.rarity-mythic.card-inspect,
#cardPreviewCard.rarity-mythic{
  border-color:rgba(244,211,124,.22)!important;
  box-shadow:0 36px 120px rgba(0,0,0,.68),0 0 0 1px rgba(244,211,124,.12),0 0 34px rgba(244,211,124,.12)!important;
}

.card-face .card-art::after,
.card-inspect .card-inspect-art::after,
.card-inspect .card-art::after,
#cardPreviewCard .card-inspect-art::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:2!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,transparent 34%,rgba(0,0,0,.10) 58%,rgba(0,0,0,.76) 100%),
    radial-gradient(circle at 8% 100%,rgba(0,190,180,.14),transparent 44%)!important;
}
.card-ui{
  z-index:12!important;
  padding:18px 18px 0!important;
  background:none!important;
}
.card-bottom{
  z-index:12!important;
  padding:72px 22px 20px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(4,4,8,.22) 32%,rgba(4,4,8,.88) 100%)!important;
}
.card-rarity,
#singleRarity,#inspectRarity,#cardPreviewRarity{
  min-width:76px!important;
  justify-content:center!important;
  padding:7px 10px 6px!important;
  border-radius:999px!important;
  color:var(--r-main)!important;
  background:rgba(3,3,7,.70)!important;
  border:1px solid color-mix(in srgb,var(--r-main) 34%,rgba(255,255,255,.08))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.34),0 0 18px var(--r-aura),inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px var(--r-aura)!important;
  opacity:1!important;
  letter-spacing:.20em!important;
}
.rarity-mythic .card-rarity,
.rarity-mythic #singleRarity,
.rarity-mythic #inspectRarity,
.rarity-mythic #cardPreviewRarity{
  color:#1b1204!important;
  background:linear-gradient(135deg,#f7dda0,#c79534 52%,#fff1bd)!important;
  border-color:rgba(255,238,186,.48)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.32)!important;
  box-shadow:0 0 22px rgba(244,211,124,.20),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.card-number,#singleNumber,#inspectNumber,#cardPreviewNumber{
  color:rgba(255,255,255,.78)!important;
  background:rgba(3,3,7,.55)!important;
}
.card-role,#singleRole,#inspectRole,#cardPreviewRole{
  color:var(--r-main)!important;
  border-color:color-mix(in srgb,var(--r-main) 24%,rgba(255,255,255,.08))!important;
  background:rgba(3,3,7,.42)!important;
}
.card-name,#singleName,#inspectName,#cardPreviewName{
  color:#fff!important;
  text-shadow:0 4px 10px rgba(0,0,0,.96),0 0 18px rgba(0,0,0,.55)!important;
}
.card-desc,#singleDesc,#inspectDesc,#cardPreviewDesc{
  color:rgba(255,255,255,.82)!important;
}

/* Collection cards: stable with same rarity language */
.collection-card.v031-card{
  --r-main:#d8dde8;
  --r-aura:rgba(255,255,255,.05);
  padding:0!important;
  text-align:left!important;
  color:inherit!important;
}
.collection-card.rarity-common{--r-main:#d8dde8;--r-aura:rgba(255,255,255,.05)}
.collection-card.rarity-rare{--r-main:#80d8ff;--r-aura:rgba(80,216,255,.09)}
.collection-card.rarity-epic{--r-main:#c08cff;--r-aura:rgba(192,140,255,.10)}
.collection-card.rarity-legendary{--r-main:#ffc26d;--r-aura:rgba(255,194,109,.12)}
.collection-card.rarity-mythic{--r-main:#f4d37c;--r-aura:rgba(244,211,124,.13)}
.collection-rarity{
  color:var(--r-main)!important;
  border-color:color-mix(in srgb,var(--r-main) 28%,rgba(255,255,255,.08))!important;
  background:rgba(0,0,0,.42)!important;
}
.collection-rarity::before{display:none!important;content:none!important}

@media(max-width:760px){
  .v01-dashboard{grid-template-columns:1fr!important}
  .v031-collection-tools{flex-direction:column}
  .v031-collection-tools select{width:100%}
  .user-profile-actions{grid-template-columns:1fr!important}
}