/* September overview pass: an editorial collection surface, not a stack of
   promotional dashboard cards. Navigation is intentionally out of scope. */

:root{
  --brand-art-hue:0deg;
  --brand-art-saturation:.78;
  --overview-rule:color-mix(in srgb,var(--st-border) 88%,transparent);
  --overview-ink:color-mix(in srgb,var(--st-text) 88%,var(--st-cyan));
}
html[data-visual-theme="grove"]{--brand-art-hue:-22deg;--brand-art-saturation:.62}
html[data-visual-theme="gold"]{--brand-art-hue:-14deg;--brand-art-saturation:.8}
html[data-visual-theme="gummy"]{--brand-art-hue:22deg;--brand-art-saturation:.72}
html[data-visual-theme="galaxy"]{--brand-art-hue:6deg;--brand-art-saturation:.82}
html[data-visual-theme="holofoil"]{--brand-art-hue:34deg;--brand-art-saturation:.68}
html[data-visual-theme="gem"]{--brand-art-hue:58deg;--brand-art-saturation:.7}
html[data-visual-theme="cube"]{--brand-art-hue:-38deg;--brand-art-saturation:.74}
html[data-visual-theme="quack"]{--brand-art-hue:-18deg;--brand-art-saturation:.82}
html[data-visual-theme="cheat"]{--brand-art-hue:96deg;--brand-art-saturation:.76}

/* Keep the supplied lettering and mark while letting each finish theme tint
   them differently. The edge light is deliberately restrained. */
html:not([data-theme="light"]){
  --sprite-title-filter:brightness(1.03) contrast(1.14) saturate(var(--brand-art-saturation)) hue-rotate(var(--brand-art-hue)) drop-shadow(0 1px 1px rgba(0,0,0,.76)) drop-shadow(0 0 4px color-mix(in srgb,var(--st-cyan) 24%,transparent));
}
html[data-theme="light"]{
  --sprite-title-filter:brightness(.78) contrast(1.2) saturate(var(--brand-art-saturation)) hue-rotate(var(--brand-art-hue)) drop-shadow(0 1px 0 rgba(255,255,255,.72)) drop-shadow(0 2px 3px color-mix(in srgb,var(--st-text) 34%,transparent));
}
.sidebar-brand>img,
.header-home-mark img,
.persistent-brand>img{
  filter:brightness(1.02) contrast(1.1) saturate(var(--brand-art-saturation)) hue-rotate(var(--brand-art-hue)) drop-shadow(0 5px 8px rgba(0,0,0,.34)) drop-shadow(0 0 5px color-mix(in srgb,var(--st-gold) 20%,transparent))!important;
}
html[data-theme="light"] :is(.sidebar-brand>img,.header-home-mark img,.persistent-brand>img){
  filter:brightness(.84) contrast(1.16) saturate(var(--brand-art-saturation)) hue-rotate(var(--brand-art-hue)) drop-shadow(0 2px 3px color-mix(in srgb,var(--st-text) 28%,transparent))!important;
}

/* Keep the masthead line quiet and intact beside the supplied title artwork. */
.top>.persistent-brand .persistent-brand-slogan{
  font-size:clamp(.72rem,.82vw,.9rem)!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
}

/* Source artwork has very different transparent margins. Individual scale
   tokens equalise the visible Sprite footprint without cropping the artwork
   or changing the collection card, hover and reduced-motion behaviour. */
#sprites .variant>img{scale:var(--sprite-art-scale,1);transform-origin:50% 50%}
#sprites .variant:is([data-s="mega-man"],[data-s="overshield"],[data-s="earth"],[data-s="tails"],[data-s="pollo"]){--sprite-art-scale:1}
#sprites .variant:is([data-s="shadow"],[data-s="peely"]){--sprite-art-scale:1.02}
#sprites .variant[data-s="sonic"]{--sprite-art-scale:1.04}
#sprites .variant[data-s="ironmouse"]{--sprite-art-scale:1.05}
#sprites .variant:is([data-s="adventure"],[data-s="striker"]){--sprite-art-scale:1.07}
#sprites .variant[data-s="punk"]{--sprite-art-scale:1.08}
#sprites .variant:is([data-s="bush"],[data-s="killswitch"],[data-s="fishy"],[data-s="king"],[data-s="boss"]){--sprite-art-scale:1.12}
#sprites .variant[data-s="ghost"]{--sprite-art-scale:1.13}
#sprites .variant:is([data-s="8-bit"],[data-s="x-ray"],[data-s="duck"],[data-s="grim"],[data-s="vini-jr"]){--sprite-art-scale:1.14}
#sprites .variant:is([data-s="onigiri"],[data-s="batman"]){--sprite-art-scale:1.15}
#sprites .variant[data-s="burnt-peanut"]{--sprite-art-scale:1.16}
#sprites .variant:is([data-s="zero-point"],[data-s="dream"]){--sprite-art-scale:1.17}
#sprites .variant[data-s="aura"]{--sprite-art-scale:1.18}
#sprites .variant[data-s="jonesy"]{--sprite-art-scale:1.19}
#sprites .variant[data-s="seven"]{--sprite-art-scale:1.2}
#sprites .variant[data-s="john-wick"]{--sprite-art-scale:1.25}
#sprites .variant:is([data-s="jackrabbit"]){--sprite-art-scale:.92}
#sprites .variant[data-s="water"]{--sprite-art-scale:.91}
#sprites .variant[data-s="fire"]{--sprite-art-scale:.89}
#sprites .variant[data-s="klombo"]{--sprite-art-scale:.97}
#sprites .variant[data-s="crown"]{--sprite-art-scale:.95}
#sprites .variant[data-s="llama"]{--sprite-art-scale:.89}
#sprites .variant[data-s="air"][data-v="Basic"]{--sprite-art-scale:1.06}
#sprites .variant[data-s="air"][data-v="Gold"]{--sprite-art-scale:.94}
#sprites .variant[data-s="air"][data-v="Galaxy"]{--sprite-art-scale:.98}
#sprites .variant[data-s="air"]:is([data-v="Gummy"],[data-v="Holofoil"]){--sprite-art-scale:1}
#sprites .variant[data-s="dream"][data-v="Basic"]{--sprite-art-scale:1.17}
#sprites .variant[data-s="dream"][data-v="Cube"]{--sprite-art-scale:1.1}
#sprites .variant[data-s="dream"][data-v="Gold"]{--sprite-art-scale:1.08}
#sprites .variant[data-s="dream"][data-v="Gummy"]{--sprite-art-scale:1.03}
#sprites .variant[data-s="dream"][data-v="Galaxy"]{--sprite-art-scale:.99}

/* Overview: one expressive Sprite-led introduction followed by a ruled ledger. */
#home .home-hero{
  grid-template-columns:minmax(290px,.72fr) minmax(430px,1.28fr)!important;
  min-height:286px!important;
  gap:18px!important;
  margin:0!important;
  padding:16px 4px 18px!important;
  overflow:visible!important;
  border:0!important;
  border-block:1px solid var(--overview-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#home .home-hero-copy{padding:10px 4px}
#home .home-hero h2{margin-block:0 5px;font-size:clamp(2rem,4vw,3.45rem);line-height:.96}
#home .home-brand-tagline{margin:0 0 14px;color:var(--overview-ink);font-family:Baskerville,"Palatino Linotype",Palatino,serif;font-size:1.05rem}
#home .home-hero-copy>.muted{max-width:55ch;margin-block:0 10px;font-size:.9rem;line-height:1.55}
#home .home-hero-copy>.sub{margin:0;font-size:.84rem;line-height:1.45}
#home .hero-actions{margin-top:17px}

#home .home-hero-art{min-height:252px!important}
#home .dashboard-sprite-stage{
  grid-template-columns:minmax(240px,1.45fr) minmax(170px,.55fr)!important;
  max-width:650px!important;
  min-height:252px!important;
  gap:10px!important;
  padding:0 4px!important;
}
#home .dashboard-sprite-stage::before{
  display:block!important;
  width:62%!important;
  height:68%!important;
  left:5%!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,color-mix(in srgb,rgb(var(--dash-level-rgb)) 15%,transparent),transparent 68%)!important;
  filter:blur(12px)!important;
  opacity:.82;
  animation:dash-ring-breathe 5.4s ease-in-out infinite!important;
}
#home .dashboard-sprite-stage.has-featured::after,
#home .dashboard-sprite-stage.is-featured::after{
  content:"✦";
  position:absolute;
  z-index:4;
  top:18%;
  left:18%;
  color:color-mix(in srgb,var(--st-gold) 82%,var(--st-text));
  font-size:1.15rem;
  text-shadow:18px 38px 0 color-mix(in srgb,var(--st-cyan) 60%,transparent),-10px 96px 0 color-mix(in srgb,var(--st-gold) 42%,transparent);
  animation:dashboard-sparkle 3.8s ease-in-out infinite;
}
@keyframes dashboard-sparkle{50%{opacity:.52;transform:translateY(-3px)}}
#home .dashboard-featured-img{
  z-index:2;
  height:min(305px,27vw)!important;
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.38)) drop-shadow(0 0 15px color-mix(in srgb,rgb(var(--dash-level-rgb)) 15%,transparent))!important;
}
#home .dashboard-sprite-stage.is-empty .dashboard-featured-img{
  opacity:.16!important;
  filter:grayscale(.9) saturate(.22) drop-shadow(0 12px 16px rgba(0,0,0,.24))!important;
}
#home .dashboard-featured-meta{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:auto!important;
  padding:10px 0 10px 16px!important;
  border:0!important;
  border-left:2px solid color-mix(in srgb,var(--st-cyan) 58%,var(--st-border))!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
#home .dashboard-featured-meta strong{font-size:1.18rem!important}
#home .dashboard-featured-meta small{font-size:.84rem!important;line-height:1.45!important}
#home .dashboard-featured-level{font-size:.76rem!important}
#home .dashboard-sprite-stage.is-featured .dashboard-featured-meta{border-left-color:color-mix(in srgb,var(--st-gold) 58%,var(--st-cyan))!important}
#home .dashboard-sprite-stage.is-visitor .dashboard-featured-meta{border-left-style:dotted!important}
#home .dashboard-sprite-stage.is-unset .dashboard-featured-meta{border-left-style:dashed!important}
#home .dashboard-featured-level.empty-action{min-height:40px!important;margin-top:8px!important;padding:7px 10px!important;font-size:.72rem!important}

#home .dashboard-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(240px,.82fr) minmax(250px,.86fr)!important;
  grid-template-areas:"progress event quick" "account account account"!important;
  gap:0!important;
  margin-top:18px!important;
  border-block:1px solid var(--overview-rule);
}
#home .dashboard-card{
  min-height:0!important;
  margin:0!important;
  padding:18px 20px!important;
  border:0!important;
  border-right:1px solid var(--overview-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#home .dashboard-card::before,#home .dashboard-card::after{display:none!important}
#home .dashboard-quick{border-right:0!important}
#home .dashboard-account{
  grid-area:account!important;
  display:grid!important;
  grid-template-columns:auto minmax(220px,1fr) auto!important;
  align-items:center!important;
  gap:7px 18px!important;
  padding-block:13px!important;
  border-top:1px solid var(--overview-rule)!important;
  border-right:0!important;
}
#home .dashboard-account>.eyebrow{grid-column:1;grid-row:1/3;writing-mode:vertical-rl;transform:rotate(180deg)}
#home .dashboard-account h3{grid-column:2;margin:0!important;font-size:1rem!important}
#home .dashboard-account .muted{grid-column:2;margin:0!important;font-size:.84rem!important;line-height:1.45}
#home .dashboard-account .btn{grid-column:3;grid-row:1/3;margin:0!important}
#home .dashboard-card h3{font-size:1.05rem!important}
#home .dashboard-card-head{gap:9px}
#home .dashboard-card-head .text-action{font-size:.78rem!important}
#home .progress-orbit{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:14px 0 12px!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
#home .progress-orbit::before{display:none!important}
#home .progress-orbit .progress-main{display:flex!important;justify-content:flex-start!important;align-items:baseline!important;gap:12px!important;text-align:left!important}
#home .progress-orbit .progress-main strong{font-size:clamp(2.7rem,4.4vw,4rem)!important;color:var(--overview-ink)!important;text-shadow:none!important}
#home .progress-orbit .progress-main span{max-width:150px!important;font-size:.84rem!important;line-height:1.35!important}
#home .dashboard-mini-stats{gap:0!important;border-top:1px solid var(--overview-rule)}
#home .dashboard-mini-stats>div{padding:10px 9px 4px!important;border:0!important;border-right:1px solid var(--overview-rule)!important}
#home .dashboard-mini-stats>div:last-child{border-right:0!important}
#home .dashboard-mini-stats span{font-size:.76rem!important}
#home .dashboard-event .muted{font-size:.84rem;line-height:1.45}
#home .event-time{margin-block:10px 6px}
#home .quick-actions{gap:0!important;margin-top:10px!important;border-top:1px solid var(--overview-rule)}
#home .quick-action{
  min-height:54px!important;
  padding:9px 2px!important;
  border:0!important;
  border-bottom:1px solid var(--overview-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#home .quick-action:hover{transform:translateX(3px)!important;background:color-mix(in srgb,var(--st-cyan) 5%,transparent)!important}
#home .quick-action>span{width:30px!important;height:30px!important;border:0!important;border-radius:50%!important;background:color-mix(in srgb,var(--st-cyan) 9%,transparent)!important}
#home .quick-action small{font-size:.76rem!important}

/* The collection heading yields width to the four collection facts. Sprite Dust
   stays useful, but no longer becomes the dominant horizontal element. */
.collection-overview-summary>.hero h2{font-size:clamp(1.38rem,1.8vw,1.78rem)!important}
.collection-overview-summary .stat{padding-inline:12px!important}
.collection-overview-summary .stat b{font-size:1.28rem!important}
.collection-overview-summary .stat span{font-size:.76rem!important}
.collection-overview-summary .collection-dust-copy h3{font-size:.76rem!important}
.collection-overview-summary .collection-dust-copy .eyebrow{font-size:.68rem!important}
.collection-overview-summary .collection-dust-input,
.collection-overview-summary .collection-dust-actions .btn{height:38px!important;min-height:38px!important}

/* The canonical Overview route is My Sprites. Its profile state is a compact
   editorial folio between the collection facts and controls, never another
   dashboard card. Empty states use the tracker mark rather than implying that
   an arbitrary catalogue Sprite has been selected. */
.collection-profile-overview{
  position:relative;
  display:grid;
  grid-template-columns:84px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:92px;
  margin:0 0 10px;
  padding:5px 4px;
  overflow:hidden;
  border-block:1px solid color-mix(in srgb,var(--st-border) 76%,transparent);
  background:transparent;
}
.collection-profile-art{position:relative;display:grid;place-items:center;width:84px;height:80px;isolation:isolate}
.collection-profile-art::before{
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(var(--dash-level-rgb,99,165,255),.28);
  border-radius:50%;
  box-shadow:0 0 22px rgba(var(--dash-level-rgb,99,165,255),.15);
}
.collection-profile-art img{position:relative;z-index:2;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.34))}
.collection-profile-art.is-mark img{width:59px;height:59px;opacity:.58;filter:var(--brand-logo-filter)!important}
.collection-profile-art i{position:absolute;z-index:3;color:rgb(var(--dash-level-rgb,99,165,255));font-style:normal;text-shadow:0 0 8px currentColor;opacity:.72}
.collection-profile-art i:nth-of-type(1){top:5px;right:4px;font-size:.72rem}
.collection-profile-art i:nth-of-type(2){bottom:10px;left:5px}
.collection-profile-art i:nth-of-type(3){top:24px;left:0;font-size:.58rem}
.collection-profile-copy{display:grid;gap:2px;min-width:0}
.collection-profile-copy .eyebrow{font-size:.64rem!important;letter-spacing:.16em}
.collection-profile-copy strong{font-family:Georgia,'Palatino Linotype',serif;font-size:1.28rem;line-height:1.1;color:var(--st-text)}
.collection-profile-copy small{font-size:.76rem;line-height:1.35;color:var(--st-muted)}
.collection-profile-overview>.text-action{align-self:center;white-space:nowrap}
.collection-profile-note{padding-right:8px;color:var(--st-muted);font-size:.69rem;font-weight:750}
.collection-profile-overview.is-featured::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(transparent,rgba(var(--dash-level-rgb,99,165,255),.75),transparent);
  box-shadow:0 0 13px rgba(var(--dash-level-rgb,99,165,255),.46);
}

@media(min-width:1101px){
  .collection-overview-summary{
    grid-template-columns:minmax(168px,205px) minmax(408px,500px) minmax(238px,290px)!important;
    justify-content:start!important;
    gap:12px!important;
    padding-block:8px!important;
  }
  .collection-overview-summary>.stats{
    grid-template-columns:repeat(4,minmax(102px,125px))!important;
    width:100%!important;
  }
  .collection-overview-summary>.collection-dust-overview{
    grid-column:3!important;
    grid-template-columns:minmax(112px,1fr) auto!important;
    width:100%!important;
    padding:5px 0 5px 10px!important;
    border-top:0!important;
    border-left:1px solid color-mix(in srgb,var(--st-gold) 44%,var(--st-border))!important;
  }
  .collection-overview-summary .collection-dust-copy{display:none!important}
  .collection-overview-summary .collection-dust-field{grid-column:1!important}
  .collection-overview-summary .collection-dust-actions .btn{grid-column:2!important}
  .collection-overview-summary .collection-dust-actions .sub{grid-column:1/3!important}
  .collection-overview-summary .collection-dust-actions .btn{padding-inline:9px!important}
}
@media(min-width:1101px) and (max-width:1399px){
  .collection-overview-summary>.stats{grid-template-columns:repeat(4,minmax(96px,116px))!important}
}

/* Clocks have enough room for their labels; search remains aligned below. */
@media(min-width:1200px){
  .top{
    grid-template-columns:minmax(350px,.9fr) minmax(350px,440px) minmax(0,1.1fr)!important;
  }
  .top>.header-time-cluster{
    grid-template-columns:minmax(82px,.9fr) minmax(76px,.82fr) minmax(108px,1.15fr) minmax(66px,.7fr)!important;
    gap:6px!important;
    width:min(100%,382px)!important;
  }
  .header-time-cluster>.clock,
  .header-time-cluster>.sidebar-event-timer{padding-inline:9px!important}
  .header-time-cluster>.clock small,
  .header-time-cluster>.sidebar-event-timer span{overflow:visible!important;font-size:.52rem!important;letter-spacing:.04em!important;text-overflow:clip!important}
  .header-time-cluster>.clock strong,
  .header-time-cluster>.sidebar-event-timer strong{font-size:.74rem!important}
  .top>.header-sprite-search{width:min(100%,382px)!important}
  .top>.persistent-brand{width:min(100%,440px)!important}
  .clock-format-switch>span{font-size:.5rem!important}
  .clock-format-switch>strong{font-size:.58rem!important}
}

/* Staff utilities read as one calm control pair, with a real visual separation
   between changing Admin mode and opening the management workspace. */
@media(min-width:1101px){
  .top>.actions:has(.admin-mode-toggle){gap:6px!important}
  .top .actions>.admin-mode-toggle{
    grid-template-columns:auto 1fr!important;
    column-gap:7px!important;
    min-height:46px!important;
    padding:6px 10px!important;
    border-radius:12px 5px 5px 12px!important;
    border-color:color-mix(in srgb,var(--st-cyan) 34%,var(--st-border))!important;
    background:color-mix(in srgb,var(--st-surface-2) 90%,transparent)!important;
    color:var(--st-text)!important;
    box-shadow:none!important;
  }
  .top .actions>.admin-mode-toggle.is-active{border-color:color-mix(in srgb,var(--st-success,#66efbd) 48%,var(--st-border))!important;background:color-mix(in srgb,var(--st-success,#66efbd) 8%,var(--st-surface-2))!important}
  .top .actions>.admin-mode-toggle .admin-mode-indicator{width:7px!important;height:7px!important;box-shadow:none!important}
  .top .actions>.admin-mode-toggle strong{font-size:.68rem!important;font-weight:850!important}
  .top .actions>.admin-mode-toggle small{font-size:.58rem!important;color:var(--st-muted)!important}
  .top .actions>.admin-mode-toggle.is-active small{color:var(--st-success,#66efbd)!important}
  .top .actions>.admin-panel-launch{
    min-height:46px!important;
    margin:0!important;
    padding:8px 10px!important;
    gap:6px!important;
    border-left:1px solid color-mix(in srgb,var(--st-gold) 34%,var(--st-border))!important;
    border-radius:5px 12px 12px 5px!important;
    background:color-mix(in srgb,var(--st-gold) 7%,var(--st-surface-2))!important;
    color:color-mix(in srgb,var(--st-gold) 78%,var(--st-text))!important;
    box-shadow:none!important;
  }
}
@media(min-width:1101px) and (max-width:1550px){
  .top>.actions:has(.admin-mode-toggle) .console-launch-button{min-width:46px!important;padding-inline:9px!important}
  .top>.actions:has(.admin-mode-toggle) .console-launch-button strong{display:none!important}
}

/* Squads, events and achievements use a shared editorial rhythm. */
#parties>.hero,#events>.hero,#achievements>.hero{margin-bottom:12px!important;padding-bottom:12px!important}
#parties>.hero h2,#events>.hero h2,#achievements>.hero h2{font-size:clamp(1.65rem,3.2vw,2.35rem)!important;line-height:1.05!important}
#parties>.hero p{margin-block:7px 0!important}
#parties>.hero .row{margin-top:11px!important}
#parties #partySignedOut{padding:14px 0!important;border-inline:0!important;border-radius:0!important;background:transparent!important}
#parties .squad-quick-start{margin-bottom:10px!important;padding:11px 0!important;border-inline:0!important;border-radius:0!important;background:transparent!important}
#parties .squad-steps{gap:0!important;margin-top:7px!important}
#parties .squad-steps p{padding:8px 12px!important;border-left:1px solid var(--overview-rule)!important}
#parties .party-layout{gap:10px!important;margin-top:10px!important}
#parties .party-stack{gap:10px!important}
#parties .party-layout .panel{padding:15px!important}

#events>.hero+.panel{padding-block:10px!important}
#events .event-v2-controls{margin:9px 0!important;padding:8px 0!important;border-inline:0!important;border-radius:0!important;background:transparent!important}
#events .event-cards,#events #eventList.list{gap:0!important}
#events :is(.event-card-v2,.event-list-card,.event-series-card){
  margin:0!important;
  padding:13px 4px 13px 15px!important;
  border-width:0 0 1px 3px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#achievements .achievement-v2{gap:10px!important}
#achievements .achievement-v2-head{padding:0 0 10px;border-bottom:1px solid var(--overview-rule)}
#achievements .achievement-v2-head h3{font-size:1.24rem!important}
#achievements .achievement-v2-head p{font-size:.84rem!important;line-height:1.45}
#achievements .achievement-v2-ring{width:62px!important;background:conic-gradient(var(--st-cyan) calc(var(--achievement-pct)*1%),color-mix(in srgb,var(--st-text) 8%,transparent) 0)!important}
#achievements .achievement-v2-ring::before{inset:6px!important;background:var(--st-surface)!important}
#achievements .achievement-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid var(--overview-rule)}
#achievements .achievement-v2-card{
  grid-template-columns:42px 1fr!important;
  gap:9px!important;
  padding:12px 9px!important;
  border:0!important;
  border-right:1px solid var(--overview-rule)!important;
  border-bottom:1px solid var(--overview-rule)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#achievements .achievement-v2-card:nth-child(2n){border-right:0!important}
#achievements .achievement-v2-card.unlocked{background:color-mix(in srgb,var(--st-gold) 4%,transparent)!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--st-gold) 56%,var(--st-border))!important}
#achievements .achievement-v2-icon{width:38px!important;height:38px!important;border-radius:10px!important}
#achievements .achievement-v2-card h3{font-size:.92rem!important}
#achievements .achievement-v2-card p,#achievements .achievement-v2-card small{font-size:.76rem!important;line-height:1.4}

@media(max-width:1000px){
  #home .home-hero{grid-template-columns:minmax(250px,.8fr) minmax(340px,1.2fr)!important}
  #home .dashboard-sprite-stage{grid-template-columns:minmax(190px,1.25fr) minmax(150px,.75fr)!important}
  #home .dashboard-grid{grid-template-columns:1fr 1fr!important;grid-template-areas:"progress event" "quick quick" "account account"!important}
  #home .dashboard-event{border-right:0!important}
  #home .dashboard-quick{border-top:1px solid var(--overview-rule)!important}
  #home .quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid!important}
  #home .quick-action{padding-inline:8px!important;border-right:1px solid var(--overview-rule)!important}
  #home .quick-action:last-child{border-right:0!important}
}

@media(max-width:760px){
  .collection-profile-overview{grid-template-columns:66px minmax(0,1fr);gap:10px;min-height:82px}
  .collection-profile-art{width:66px;height:68px}
  .collection-profile-art::before{inset:7px}
  .collection-profile-art img{width:64px;height:64px}
  .collection-profile-art.is-mark img{width:48px;height:48px}
  .collection-profile-copy strong{font-size:1.05rem}
  .collection-profile-overview>.text-action,.collection-profile-note{grid-column:2;width:max-content;margin-top:1px;padding:0}
  #home .home-hero{grid-template-columns:1fr!important;gap:4px!important;padding-block:10px 14px!important}
  #home .home-hero-copy{padding-inline:0}
  #home .home-hero h2{font-size:clamp(1.85rem,10vw,2.65rem)!important}
  #home .home-hero-art{min-height:220px!important}
  #home .dashboard-sprite-stage{grid-template-columns:minmax(150px,1.15fr) minmax(135px,.85fr)!important;min-height:220px!important;padding-inline:0!important}
  #home .dashboard-featured-img{height:205px!important}
  #home .dashboard-grid{grid-template-columns:1fr!important;grid-template-areas:"progress" "event" "quick" "account"!important}
  #home .dashboard-card{padding:15px 4px!important;border-right:0!important;border-bottom:1px solid var(--overview-rule)!important}
  #home .dashboard-account{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  #home .dashboard-account>.eyebrow{display:none}
  #home .dashboard-account h3,#home .dashboard-account .muted{grid-column:1}
  #home .dashboard-account .btn{grid-column:2;grid-row:1/3}
  #home .quick-actions{grid-template-columns:1fr!important}
  #home .quick-action{border-right:0!important}
  #parties #partySignedOut{grid-template-columns:1fr!important;gap:10px!important}
  #parties #partySignedOut .btn{grid-column:1!important;grid-row:auto!important;width:max-content}
}

@media(max-width:520px){
  .top>.persistent-brand .persistent-brand-slogan{font-size:.68rem!important}
  #home .home-hero-copy>.muted,#home .home-hero-copy>.sub{font-size:.88rem}
  #home .hero-actions{grid-template-columns:1fr 1fr;display:grid!important}
  #home .hero-actions .btn{width:100%}
  #home .dashboard-sprite-stage{grid-template-columns:minmax(125px,1fr) minmax(130px,.9fr)!important;gap:3px!important}
  #home .dashboard-featured-img{height:180px!important}
  #home .dashboard-featured-meta{padding-left:10px!important}
  #home .dashboard-featured-meta strong{font-size:1rem!important}
  #home .dashboard-account{grid-template-columns:1fr!important}
  #home .dashboard-account .btn{grid-column:1;grid-row:auto;width:100%}
  .collection-overview-summary{padding-block:6px!important}
  .collection-overview-summary>.hero h2{font-size:clamp(1.35rem,7vw,1.68rem)!important}
  .collection-overview-summary .stat{padding-inline:7px!important}
  .collection-overview-summary .stat span{font-size:.72rem!important}
  #achievements .achievement-v2-grid{grid-template-columns:1fr!important}
  #achievements .achievement-v2-card{border-right:0!important}
}

/* September alignment follow-up: every family reserves one consistent Boost
   track. The track responds to family width, so longer copy gets room without
   stealing height from its Sprite artwork frame. */
#sprites .family{container-type:inline-size}
#sprites .variantgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
@media(max-width:620px){#sprites .variantgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
#sprites .variant-card-note{height:124px}
@container (min-width:620px){#sprites .variant-card-note{height:88px}}
@container (min-width:900px){#sprites .variant-card-note{height:70px}}

/* The collection strip is one hierarchy: compact title, roomier collection
   facts, then Sprite Dust using the remaining right-hand width. */
@media(min-width:1101px){
  .collection-overview-summary{
    grid-template-columns:minmax(220px,240px) 500px minmax(0,1fr)!important;
    justify-content:stretch!important;
    gap:12px!important;
  }
  .collection-overview-summary>.hero h2{font-size:clamp(1.34rem,1.55vw,1.58rem)!important}
  .collection-overview-summary>.stats{
    grid-template-columns:repeat(4,minmax(112px,1fr))!important;
    width:100%!important;
  }
  .collection-overview-summary>.collection-dust-overview{
    grid-template-columns:minmax(160px,1fr) auto!important;
    width:100%!important;
  }
  .collection-overview-summary .collection-dust-actions .sub{
    max-width:none!important;
    font-size:.62rem!important;
    line-height:1.3!important;
    white-space:nowrap;
  }
}
@media(min-width:1500px){
  .collection-overview-summary{
    grid-template-columns:minmax(280px,300px) 560px minmax(0,1fr)!important;
  }
}
@media(min-width:1101px) and (max-width:1279px){
  .collection-overview-summary{
    grid-template-columns:minmax(210px,230px) minmax(0,1fr)!important;
  }
  .collection-overview-summary>.collection-dust-overview{
    grid-column:1/-1!important;
    border-top:1px solid color-mix(in srgb,var(--st-gold) 42%,var(--st-border))!important;
    border-left:0!important;
    padding-left:0!important;
  }
}

/* The time rail and Sprite search share one wider measure. Each label owns
   enough real column width, so visible text never has to overlap a neighbour. */
@media(min-width:1200px){
  .top{
    grid-template-columns:minmax(410px,1.05fr) minmax(350px,430px) minmax(330px,1fr)!important;
  }
  .top>.header-time-cluster{
    grid-template-columns:minmax(104px,1.15fr) minmax(92px,1fr) minmax(126px,1.35fr) minmax(66px,.7fr)!important;
    width:100%!important;
  }
  .top>.header-sprite-search{width:100%!important}
}

@media(prefers-reduced-motion:reduce){
  #home .dashboard-sprite-stage::before,
  #home .dashboard-sprite-stage::after{animation:none!important}
  #home .quick-action{transition:none!important}
  .collection-profile-art i{animation:none!important}
}