/*
 * Distinctiveness pass
 *
 * Removes common generated-dashboard habits: oversized gradient headlines,
 * full-width hero dividers and decorative cards around simple utility controls.
 * The Sprite Tracker artwork and theme palette remain the identifying layer.
 */

:root {
  --page-title-size: clamp(1.85rem, 2.35vw, 2.4rem);
  --page-title-line: 1.08;
}

/* Page introductions should read like editorial headings, not landing-page ads. */
.page > .hero,
.console-page > .console-page-intro {
  position: relative;
  margin-bottom: 20px !important;
  padding-bottom: 18px !important;
  border-bottom: 0 !important;
}

.page > .hero::after,
.console-page > .console-page-intro::after {
  content: "";
  display: block;
  width: 64px;
  height: 2px;
  margin-top: 17px;
  border-radius: 99px;
  background: color-mix(in srgb, var(--st-cyan) 72%, var(--st-gold));
}

.page > .hero .eyebrow,
.console-page > .console-page-intro .eyebrow {
  width: fit-content;
  padding-left: 9px;
  border-left: 3px solid var(--st-cyan);
  letter-spacing: .085em !important;
}

.page:not(#sprites) > .hero h2,
.console-page > .console-page-intro h2 {
  max-width: 30ch !important;
  margin-top: 8px !important;
  /* Keep the opening words crisp, then let the tracker palette colour the
     end of the title—the same restrained treatment used by Collection overview. */
  color: var(--st-text) !important;
  background: linear-gradient(
    105deg,
    var(--st-text) 0%,
    var(--st-text) 44%,
    color-mix(in srgb, var(--st-cyan) 76%, var(--st-text)) 78%,
    color-mix(in srgb, var(--st-gold) 72%, var(--st-text)) 112%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: none !important;
  text-shadow: none !important;
  font-size: var(--page-title-size) !important;
  line-height: var(--page-title-line) !important;
  letter-spacing: -.026em !important;
}

/* Work areas use quiet, solid surfaces; theme artwork belongs around them. */
#parties .panel,
#trades .panel,
#events .panel,
#rankings .panel,
#profile .panel,
#appearance .panel,
#accountPage .panel {
  background-color: color-mix(in srgb, var(--st-surface-2) 92%, var(--st-surface)) !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Timezone selection is a utility strip, not a large feature card. */
#events > .hero + .panel {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px 16px !important;
  min-height: 0 !important;
  padding: 15px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--feature-border, var(--st-border)) !important;
  border-bottom: 1px solid var(--feature-border, var(--st-border)) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#events > .hero + .panel > .eyebrow {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center;
}

#events > .hero + .panel > .input {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

#events > .hero + .panel > .sub {
  grid-column: 2 !important;
  grid-row: 3 !important;
  min-height: 0 !important;
}

#events > .hero + .panel > .sub:empty {
  display: none !important;
}

#events > .hero + .panel > .timezone-tools {
  grid-column: 2 !important;
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

#events .timezone-tools .btn {
  width: auto !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
}

#events .timezone-tools small {
  display: none !important;
}

/* Avoid making every subsection look like a floating promotional card. */
#parties .party-feature-strip,
#events .event-v2-controls,
#trades .trade-note {
  box-shadow: none !important;
}

@media (max-width: 900px) {
  :root {
    --page-title-size: clamp(1.65rem, 7vw, 2.05rem);
  }

  .page > .hero,
  .console-page > .console-page-intro {
    margin-bottom: 17px !important;
    padding-bottom: 15px !important;
  }

  .page > .hero::after,
  .console-page > .console-page-intro::after {
    width: 48px;
    margin-top: 14px;
  }

  #events > .hero + .panel {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding-block: 13px !important;
  }

  #events > .hero + .panel > .eyebrow,
  #events > .hero + .panel > .input,
  #events > .hero + .panel > .sub,
  #events > .hero + .panel > .timezone-tools {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  #events > .hero + .panel > .timezone-tools {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #events .timezone-tools .btn {
    width: 100% !important;
  }
}

@media (max-width: 440px) {
  #events > .hero + .panel > .timezone-tools {
    grid-template-columns: 1fr;
  }
}


/* Collection-first refinement: keep the expressive header, but let the actual
   catalogue own the first working viewport. */
.legacy-brand-slogan{display:none!important}
.persistent-brand-slogan{display:block;max-width:100%;color:var(--st-text-soft);font-family:Baskerville,"Palatino Linotype",Palatino,serif;font-size:clamp(.92rem,1.22vw,1.12rem);font-weight:700;line-height:1.15;letter-spacing:.015em;text-align:center;text-wrap:balance}
.page>.hero::after,.console-page>.console-page-intro::after{display:none!important}
.page>.hero .eyebrow,.console-page>.console-page-intro .eyebrow{padding-left:0!important;border-left:0!important}
.page:not(#sprites)>.hero h2,.console-page>.console-page-intro h2{color:var(--st-text)!important;background:none!important;-webkit-text-fill-color:currentColor!important;filter:none!important;text-shadow:none!important}

@media(min-width:901px){
  .top>.persistent-brand{grid-row:1/3!important}
  .top>.header-sprite-search{grid-column:2!important;grid-row:3!important;align-self:center!important;justify-self:stretch!important;width:min(100%,520px)!important;margin:0 auto!important}
  .top>.header-sprite-quote{grid-column:3!important;grid-row:3!important}
}
@media(max-width:900px){
  .persistent-brand-slogan{font-size:.82rem;text-align:left}
  .top>.header-sprite-search{display:none!important}
}

#home .home-hero{grid-template-columns:minmax(300px,.82fr) minmax(390px,1.18fr);min-height:320px;padding:28px 32px;border-radius:16px;background:color-mix(in srgb,var(--st-surface) 96%,transparent)!important;box-shadow:none!important}
#home .home-hero::before,#home .home-hero::after{display:none!important}
#home .home-hero-art{display:grid!important;min-height:280px;background:none!important}
#home .dashboard-sprite-stage{position:relative;display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(145px,.65fr);align-items:center;gap:18px;width:100%;max-width:560px;margin:auto;padding:8px;background:none!important}
#home .dashboard-sprite-stage::before{display:none!important}
#home .dashboard-featured-img{width:100%;height:min(270px,28vw);object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.34))}
#home .dashboard-featured-meta{display:grid;gap:5px;padding:8px 0 8px 16px;border-left:2px solid color-mix(in srgb,var(--st-cyan) 62%,var(--st-border))}
#home .dashboard-featured-meta strong{font-size:1.12rem;line-height:1.12}
#home .dashboard-featured-meta small{color:var(--st-muted);font-size:.76rem;line-height:1.4}
#home .dashboard-featured-level{width:max-content;margin-top:4px;color:var(--st-cyan);font-size:.68rem;font-weight:900;letter-spacing:.08em}
#home .dashboard-featured-level.mastered{color:var(--st-gold)}
#home .dashboard-card{border-radius:14px;background:color-mix(in srgb,var(--st-surface-2) 82%,var(--st-surface))!important;background-image:none!important;box-shadow:none!important}
#home .dashboard-mini-stats>div{padding:10px 0;border:0;border-top:1px solid var(--st-border);border-radius:0;background:transparent}

#sprites>.overview-brand-hero{display:none!important}
.collection-overview-summary{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(390px,1.15fr) minmax(300px,.8fr);align-items:center;gap:12px;margin:2px 0 10px;padding:12px 0;border-bottom:1px solid var(--st-border)}
.collection-overview-summary>.hero{min-width:0;margin:0!important;padding:0!important;border:0!important}
.collection-overview-summary>.hero h2{margin:5px 0 0!important;font-size:clamp(1.7rem,2.6vw,2.45rem)!important;line-height:1.05!important}
.collection-overview-summary>.stats{display:grid!important;grid-template-columns:repeat(4,minmax(72px,1fr));gap:0;margin:0!important;border-left:1px solid var(--st-border)}
.collection-overview-summary .stat{min-width:0;padding:7px 11px;border:0!important;border-right:1px solid var(--st-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.collection-overview-summary .stat b{font-size:1.22rem!important;line-height:1;font-variant-numeric:tabular-nums}
.collection-overview-summary .stat span{margin-top:4px;font-size:.66rem!important;line-height:1.2}
.collection-overview-summary>.collection-dust-overview{display:grid!important;grid-template-columns:minmax(90px,1fr) minmax(132px,.82fr) auto;align-items:center;gap:8px;margin:0!important;padding:7px 0 7px 12px!important;overflow:visible;border:0!important;border-left:1px solid color-mix(in srgb,var(--st-gold) 48%,var(--st-border))!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.collection-overview-summary .collection-dust-emblem,.collection-overview-summary .collection-dust-copy p{display:none!important}
.collection-overview-summary .collection-dust-copy h3{margin:2px 0 0;font-size:.78rem!important;line-height:1.2;white-space:nowrap}
.collection-overview-summary .collection-dust-copy .eyebrow{font-size:.62rem!important}
.collection-overview-summary .collection-dust-field{gap:2px}
.collection-overview-summary .collection-dust-field>span:first-child,.collection-overview-summary .collection-dust-field small{display:none}
.collection-overview-summary .collection-dust-input{min-height:38px;border-radius:9px}
.collection-overview-summary .collection-dust-input .input{min-height:36px!important;padding:0 8px!important;font-size:.86rem!important}
.collection-overview-summary .collection-dust-input b{padding:0 7px}
.collection-overview-summary .collection-dust-actions{display:block}
.collection-overview-summary .collection-dust-actions .btn{width:auto;min-height:38px!important;padding:7px 10px!important;white-space:nowrap}
.collection-overview-summary .collection-dust-actions .sub:empty{display:none}

#sprites .overview-command-center{gap:6px;margin:6px 0 10px}
#sprites .overview-command-primary,#sprites .overview-command-secondary{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#sprites .overview-command-primary{padding:0!important}
#sprites .overview-command-center .toolbar{grid-template-columns:minmax(145px,auto) minmax(130px,auto) auto;justify-content:start;gap:7px}
#sprites .overview-command-center .toolbar .select{min-height:38px;padding-block:6px}
#sprites .overview-command-secondary{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px 12px!important;padding:8px 0!important;border-top:1px solid var(--st-border)!important;border-bottom:1px solid var(--st-border)!important}
#sprites .overview-rarity-group{flex:1 1 420px;width:auto!important}
#sprites .overview-rarity-group>span{font-size:.62rem}
#sprites .overview-command-center .chips{gap:5px}
#sprites .overview-command-center .chip{min-height:32px;padding:4px 10px}
#sprites .overview-focus-group{flex:0 1 auto}
#sprites .overview-mastery-group{flex:1 1 100%;width:100%}
#sprites .overview-command-center .overview-mastery-group .overview-filters-v5{display:flex!important;align-items:center!important;gap:7px!important;width:100%;padding:0!important}
#sprites .overview-command-center .overview-filter-title{display:block!important;font-size:.62rem}
#sprites .mastery-filter-v5{gap:5px}
#sprites .mastery-filter-v5 button{min-height:32px;padding:4px 10px;font-size:.7rem}
#sprites .overview-command-center #overviewShownV5{margin-left:auto!important;font-size:.62rem}

@media(max-width:1500px){
  .collection-overview-summary{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr)}
  .collection-overview-summary>.collection-dust-overview{grid-column:1/-1;border-left:0!important;border-top:1px solid color-mix(in srgb,var(--st-gold) 42%,var(--st-border))!important;padding:9px 0!important}
}
@media(max-width:900px){
  #home .home-hero{grid-template-columns:1fr;padding:24px}
  #home .home-hero-art{min-height:240px}
  #home .dashboard-featured-img{height:230px}
  .collection-overview-summary{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)}
  #sprites .overview-command-center .toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #sprites .overview-command-center .toolbar>.input{grid-column:1/-1}
  #sprites .overview-command-center .toolbar>.header-sprite-search{grid-column:1/-1;width:100%}
}
@media(max-width:620px){
  .collection-overview-summary{grid-template-columns:1fr;gap:9px;padding-top:4px}
  .collection-overview-summary>.stats{grid-template-columns:repeat(4,minmax(0,1fr));border-left:0;border-top:1px solid var(--st-border);padding-top:7px}
  .collection-overview-summary .stat{padding-inline:6px;text-align:center}
  .collection-overview-summary>.collection-dust-overview{grid-template-columns:minmax(90px,1fr) minmax(120px,.9fr) auto}
  .collection-overview-summary .collection-dust-copy h3{font-size:.72rem!important}
  #sprites .overview-rarity-group{flex-basis:100%}
  #sprites .overview-command-center .overview-mastery-group .overview-filters-v5{align-items:flex-start!important;flex-wrap:wrap}
  #sprites .overview-command-center #overviewShownV5{width:100%;margin-left:0!important}
}
@media(max-width:520px){
  #home .home-hero{padding:19px}
  #home .home-hero-art{display:grid!important;min-height:210px}
  #home .dashboard-sprite-stage{grid-template-columns:minmax(145px,1.2fr) minmax(110px,.8fr);gap:10px}
  #home .dashboard-featured-img{height:185px}
  #home .dashboard-featured-meta{padding-left:10px}
  .persistent-brand-slogan{font-size:.72rem}
  .collection-overview-summary>.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-overview-summary .stat:nth-child(2){border-right:0!important}
  .collection-overview-summary>.collection-dust-overview{grid-template-columns:minmax(0,1fr) auto}
  .collection-overview-summary .collection-dust-copy{display:none}
}


/* Collection controls follow the available content width instead of the raw
   browser viewport. This keeps the preserved sidebar from forcing controls
   beyond the right edge. */
@media(min-width:981px){
  #sprites .overview-command-secondary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:start!important;
    gap:9px 18px!important;
  }
  #sprites .overview-rarity-group{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    min-width:0;
  }
  #sprites .overview-command-center .chips{flex-wrap:wrap!important;overflow:visible!important}
  #sprites .overview-focus-group{min-width:0}
  #sprites .overview-command-center .collection-focus-v4{justify-content:flex-end!important;flex-wrap:wrap!important}
  #sprites .overview-mastery-group{grid-column:1/-1;width:100%!important;min-width:0}
  #sprites .overview-command-center .overview-mastery-group .overview-filters-v5{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:7px!important;
    width:100%!important;
    min-width:0;
  }
  #sprites .overview-command-center .overview-mastery-group .mastery-filter-v5{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    min-width:0;
  }
  #sprites .overview-command-center #overviewShownV5{
    grid-column:1!important;
    justify-self:start!important;
    margin:0!important;
  }
}

/* A genuinely empty collection should never pretend that an arbitrary Sprite
   is the player's featured choice. */
#home .dashboard-sprite-stage.is-empty .dashboard-featured-img{
  opacity:.22;
  filter:grayscale(.8) saturate(.35) drop-shadow(0 12px 16px rgba(0,0,0,.28));
}
#home .dashboard-sprite-stage.is-empty .dashboard-featured-meta{
  border-left-style:dashed;
}
#home .dashboard-featured-level.empty-action{
  appearance:none;
  min-height:34px;
  padding:6px 9px;
  border:1px solid color-mix(in srgb,var(--st-cyan) 58%,var(--st-border));
  border-radius:8px;
  background:transparent;
  color:var(--st-cyan);
  cursor:pointer;
}
#home .dashboard-featured-level.empty-action:hover{
  background:color-mix(in srgb,var(--st-cyan) 10%,transparent);
}


/* Approved September header and light-mode refinements. */
.header-home-mark{display:none}

/* The default Grove light finish is deliberately blue-tinted rather than white.
   Other collectible themes keep their own palettes. */
html[data-theme="light"][data-visual-theme="grove"]{
  --st-bg:#d5e7f1;
  --st-bg-soft:#c4dae6;
  --st-surface:#e3eff5;
  --st-surface-2:#c9dfe9;
  --st-surface-glass:rgba(227,239,245,.9);
  --st-text:#172b39;
  --st-text-soft:#304d5e;
  --st-muted:#4e6878;
  --st-border:rgba(40,79,101,.2);
  --st-border-strong:rgba(40,79,101,.38);
  --st-cyan:#076f84;
  --st-purple:#624397;
  --st-gold:#795904;
  --st-sage:#517868;
  --st-danger:#a9324a;
  --st-shadow:0 16px 42px rgba(24,56,75,.14);
  --st-panel:linear-gradient(150deg,rgba(227,239,245,.98),rgba(201,223,233,.97));
  --st-panel-soft:linear-gradient(150deg,rgba(218,235,243,.96),rgba(190,216,228,.95));
  --st-page:linear-gradient(135deg,#d1e6f1 0%,#e0e4f2 54%,#cfe8eb 100%);
}
html[data-theme="light"][data-visual-theme="grove"] .top{
  background:color-mix(in srgb,var(--st-bg) 86%,transparent)!important;
}

/* Page headings use a lighter editorial face and a restrained theme tint. */
.page:not(#sprites)>.hero h2,
.console-page>.console-page-intro h2{
  color:color-mix(in srgb,var(--st-text) 82%,var(--st-cyan))!important;
  font-family:Baskerville,"Palatino Linotype",Palatino,serif!important;
  font-weight:700!important;
  letter-spacing:-.022em!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 1px 0 color-mix(in srgb,var(--st-gold) 16%,transparent)!important;
}

/* Two generous family columns keep artwork prominent without returning to
   full-width rows. Power and variant notes stay compact inside each family. */
@media(min-width:901px){
  #sprites #grid.catalogue-seasons{grid-template-columns:minmax(0,1fr)!important}
  #sprites #grid.catalogue-seasons>.catalogue-season>.catalogue-season__body.spritegrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.family-insights{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  margin:-2px 0 10px;
}
.family-insight{
  min-width:0;
  padding:7px 9px;
  border-left:2px solid color-mix(in srgb,var(--st-cyan) 56%,var(--st-border));
  background:color-mix(in srgb,var(--st-surface-2) 48%,transparent);
}
.family-insight span,.family-insight strong{display:block}
.family-insight span{
  color:var(--st-muted);
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.family-insight strong{
  display:-webkit-box;
  margin-top:3px;
  overflow:hidden;
  color:var(--st-text-soft);
  font-size:.66rem;
  font-weight:700;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
@media(max-width:620px){.family-insights{grid-template-columns:1fr}}

.variant-wrap{
  min-width:0;
}
.variant-wrap>.variant{
  width:100%;
}
.variant-card-note{
  display:grid;
  gap:4px;
  align-content:start;
  min-width:0;
  padding:10px 11px 12px;
  border-top:2px solid color-mix(in srgb,var(--st-purple) 58%,var(--st-border));
  border-radius:0 0 11px 11px;
  background:color-mix(in srgb,var(--st-surface-2) 64%,transparent);
  color:var(--st-text-soft);
}
.variant-card-note span{
  color:color-mix(in srgb,var(--st-purple) 72%,var(--st-text));
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1.3;
  text-transform:uppercase;
}
.variant-card-note strong{
  overflow-wrap:anywhere;
  color:var(--st-text-soft);
  font-size:16px;
  font-weight:700;
  line-height:1.45;
}
html[data-theme="light"] .variant-card-note{
  background:color-mix(in srgb,var(--st-surface-2) 78%,transparent);
}

/* Desktop masthead: logo + search at lower left, centered title and slogan,
   utilities above a right-aligned Sprite quote. The profile Sprite remains the
   featured Sprite on Overview instead of competing with the masthead. */
@media(min-width:1200px){
  .top{
    grid-template-columns:minmax(300px,1fr) minmax(360px,600px) minmax(330px,1fr)!important;
    grid-template-rows:50px 76px!important;
    align-content:center!important;
    gap:8px clamp(18px,2vw,34px)!important;
    min-height:168px!important;
    padding:14px 22px!important;
  }
  .top>.header-profile-avatar{display:none!important}
  .top>.header-home-mark{
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:start!important;
    display:grid!important;
    place-items:center!important;
    width:58px!important;
    height:58px!important;
    padding:5px!important;
    border:0!important;
    border-radius:14px!important;
    background:transparent!important;
    cursor:pointer!important;
  }
  .top>.header-home-mark:hover{background:color-mix(in srgb,var(--st-cyan) 8%,transparent)!important}
  .top>.header-home-mark img{
    width:48px!important;
    height:48px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 8px color-mix(in srgb,var(--st-gold) 28%,transparent));
  }
  .top>.persistent-brand{
    grid-column:2!important;
    grid-row:1/3!important;
    align-self:center!important;
    justify-self:center!important;
    width:min(100%,600px)!important;
    padding:7px 10px!important;
  }
  .top>.persistent-brand>img{display:none!important}
  .top>.persistent-brand>span{display:grid!important;justify-items:center!important;width:100%!important}
  .top>.persistent-brand>span img:first-child{
    width:min(100%,520px)!important;
    max-height:86px!important;
    object-fit:contain!important;
  }
  .top>.persistent-brand-slogan{font-size:1rem!important}
  .top>.header-sprite-search{
    grid-column:1!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:stretch!important;
    width:auto!important;
    margin:0 0 0 68px!important;
  }
  .top>.header-sprite-search .header-sprite-search-field{min-height:42px!important;padding-inline:10px!important}
  .top>.header-sprite-search .input{min-height:38px!important}
  .top>.actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:end!important;
  }
  .top>.header-sprite-quote{
    grid-column:3!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:end!important;
    width:min(100%,350px)!important;
    margin:0!important;
  }
}

.header-sprite-search-results button{position:relative;isolation:isolate}
.header-sprite-search-results button.is-mastered{border:1px solid color-mix(in srgb,var(--st-danger) 35%,transparent)}
.header-sprite-search-crown{
  position:absolute!important;
  z-index:-1!important;
  right:10px;
  top:50%;
  translate:0 -50%;
  color:var(--st-gold);
  font-size:2.45rem;
  line-height:1;
  opacity:.13;
}
.sidebar-event-timer.is-hidden{display:none!important}


/* Audit pass: slimmer collection summary and a clearer inverse-glow masthead. */
@media(min-width:1501px){
  .collection-overview-summary{
    grid-template-columns:minmax(170px,.54fr) minmax(390px,1.3fr) minmax(300px,.86fr);
  }
}
.collection-overview-summary>.hero h2{
  max-width:13ch;
  font-size:clamp(1.5rem,2.05vw,2.08rem)!important;
  line-height:1!important;
}
@media(min-width:1200px){
  .top{
    grid-template-columns:minmax(260px,1fr) minmax(360px,560px) minmax(330px,1fr)!important;
  }
  .top>.header-home-mark{display:none!important}
  .top>.header-sprite-search{
    width:min(100%,520px)!important;
    margin:0!important;
  }
}
/* Keep the supplied title artwork crisp across every visual theme. Dark mode
   receives a small light/cyan edge; light mode receives a tight dark edge. */
html:not([data-theme="light"]) .top>.persistent-brand>span img:first-child:not(#sprite-title-glow-disabled){
  filter:brightness(1.26) contrast(1.32) saturate(.98)
    drop-shadow(0 0 1px rgba(255,255,255,.98))
    drop-shadow(0 0 3px rgba(244,252,255,.78))
    drop-shadow(0 0 7px color-mix(in srgb,var(--st-cyan,#72e6ff) 58%,transparent))
    drop-shadow(0 4px 5px rgba(0,0,0,.82))!important;
}
html[data-theme="light"] .top>.persistent-brand>span img:first-child:not(#sprite-title-glow-disabled){
  filter:brightness(.7) contrast(1.4) saturate(.88)
    drop-shadow(0 0 1px color-mix(in srgb,var(--st-text) 96%,#07121c))
    drop-shadow(0 0 3px color-mix(in srgb,var(--st-text) 76%,transparent))
    drop-shadow(0 0 7px color-mix(in srgb,var(--st-text) 38%,transparent))!important;
}
@media(max-width:1500px) and (min-width:621px){
  .collection-overview-summary{
    grid-template-columns:minmax(160px,.52fr) minmax(0,1.48fr);
  }
}


/* The unified Collection toolbar owns these adopted legacy controls. Keep the
   older Collection layout rules from reintroducing labels or panel chrome. */
#sprites .overview-command-center.collection-toolbar-v2 .overview-filter-title,
#sprites .overview-command-center.collection-toolbar-v2 #overviewShownV5{
  display:none!important;
}
#sprites .overview-command-center.collection-toolbar-v2 .overview-filters-v5{
  position:static!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
#sprites .overview-command-center.collection-toolbar-v2 .mastery-filter-v5{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  min-width:0!important;
}


/* Compact variant metadata: keep the artwork dominant while retaining both the
   gameplay boost and release-specific variant context. */
.variant-card-note{gap:6px;padding:8px 9px 10px}
.variant-card-detail{display:grid;gap:2px;min-width:0}
.variant-card-detail+.variant-card-detail{padding-top:6px;border-top:1px solid color-mix(in srgb,var(--st-border) 74%,transparent)}
.variant-card-note .variant-card-detail span{font-size:.54rem;line-height:1.2}
.variant-card-note .variant-card-detail strong{font-size:.68rem;line-height:1.35}
.variant-card-boost span{color:color-mix(in srgb,var(--st-gold) 72%,var(--st-text))}
.sprite-info-boost{border-color:color-mix(in srgb,var(--st-gold) 36%,var(--st-border))!important}