/* AchieveTrophies rebrand (Day 642/643, 2026-10). Loaded LAST on every page; it only changes the brand
   treatment, never layout or data. Wordmark = the HQ door treatment in the logo's "Bright" palette:
   Cinzel 600, light from above, tight shadow. Titles and big numbers follow the same material.
   Remove this file (and its <link>) to return to the previous look. */
:root{
  --at-achieve:linear-gradient(180deg,#d8fbe8 4%,#2ef08a 36%,#14a556 92%);
  --at-trophies:linear-gradient(180deg,#d6edff 4%,#2fa8ff 36%,#1663b8 92%);
  /* titles: top light over the green->blue sweep (same as the stream panels) */
  --at-title:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 42%,rgba(0,0,0,.28) 100%),linear-gradient(90deg,#2ef08a,#2fa8ff);
  --at-shadow:drop-shadow(0 .05em .05em rgba(0,0,0,.9));
}
/* small wordmarks: flat tones (a gradient turns muddy below ~20px) */
.nav-brand{font-family:'Cinzel',serif!important;font-weight:600!important;font-size:1.02rem!important;letter-spacing:.01em!important}
.nav-brand .nb-achieve{color:#2fd877!important}
.nav-brand .nb-trophies{color:#38a9f8!important}

/* the big wordmarks: hero + footer */
.hero-logo,.footer-logo{font-weight:600!important}
.hero-logo .logo-achieve,.hero-logo .logo-trophies,.footer-logo .fl-achieve,.footer-logo .fl-trophies{
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;
  text-shadow:none!important;animation:none!important;filter:var(--at-shadow);padding-bottom:.06em}
.hero-logo .logo-achieve,.footer-logo .fl-achieve{background-image:var(--at-achieve)}
.hero-logo .logo-trophies,.footer-logo .fl-trophies{background-image:var(--at-trophies)}
/* light behind the plaque, never on the letters; a slow breath replaces the old neon pulse */
.hero-logo{position:relative;isolation:isolate}
.hero-logo::before{content:'';position:absolute;inset:-35% -6%;z-index:-1;pointer-events:none;filter:blur(18px);
  background:radial-gradient(ellipse 30% 55% at 28% 55%,rgba(46,240,138,.20),transparent 70%),radial-gradient(ellipse 30% 55% at 72% 55%,rgba(47,168,255,.22),transparent 70%);
  animation:atHalo 6s ease-in-out infinite alternate}
@keyframes atHalo{from{opacity:.65}to{opacity:1}}

/* hero trophies: the new logo's pair, mirrored and equal */
.hero-trophy-xbox,.hero-trophy-ps{height:300px!important;top:calc(50% - 2rem)!important;opacity:.32!important}
.hero-trophy-xbox{right:calc(50% + 330px)!important}
.hero-trophy-ps{left:calc(50% + 330px)!important}

/* titles and big numbers: Cinzel 600 in the brand material (was 900 with neon glow) */
.page-title,.section-title,.stats-big-number,.stat-number,.streak-number,.journey-grand b,.chapter-name{
  font-weight:600!important;background:var(--at-title)!important;-webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;filter:var(--at-shadow) drop-shadow(0 0 22px rgba(13,239,125,.14))!important}
.year-name{font-weight:600!important}
.exhibit-name,.run-name{font-weight:600!important}

/* the mission statement: same weight as the wordmark, highlights in the brand material instead of neon */
.impossible-quote{font-weight:600!important}
.iq-green,.iq-blue,.mn-green,.mn-blue{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:var(--at-shadow) drop-shadow(0 0 16px rgba(13,239,125,.18))}
.iq-green,.mn-green{background-image:var(--at-achieve)}
.iq-blue,.mn-blue{background-image:var(--at-trophies);filter:var(--at-shadow) drop-shadow(0 0 16px rgba(47,168,255,.2))}

/* stand-alone counters follow the TikTok overlay: days = green, games completed = blue.
   Numbers inside a group (e.g. 643 / 0 / 100% / 4K, the hero badge) keep the shared material. */
#statsCompletedGames,#hallCount,.journey-grand b{background:var(--at-trophies)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:var(--at-shadow) drop-shadow(0 0 22px rgba(47,168,255,.22))!important}
#streakNum{text-shadow:none!important;animation:none!important;color:transparent!important;background:var(--at-achieve)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:var(--at-shadow) drop-shadow(0 0 22px rgba(46,240,138,.2))!important}

/* footer platform icons */
.footer-social{display:flex;gap:14px;justify-content:center;margin:0 0 1.4rem}
.footer-social a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:1.05rem;color:#7a9eb8;text-decoration:none;
  border:1px solid rgba(13,239,125,.18);transition:color .2s,border-color .2s,box-shadow .2s}
.footer-social a:hover{color:#dff0ff;border-color:rgba(47,168,255,.55);box-shadow:0 0 14px rgba(47,168,255,.25)}

/* home page: Latest Completions (assets/latest-completions.js) */
.latest-completions{max-width:1180px;margin:0 auto;padding:4.5rem 1.5rem 3.5rem;position:relative;z-index:1;text-align:center}
.latest-completions .section-title{margin-bottom:2.2rem}
.lc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;text-align:left}
.lc-card{display:block;text-decoration:none;color:inherit;background:#0f1a2e;border:1px solid rgba(13,239,125,.12);border-radius:14px;overflow:hidden;
  transition:transform .25s,border-color .25s,box-shadow .25s}
.lc-card:hover{transform:translateY(-4px);border-color:rgba(47,168,255,.4);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.lc-art{aspect-ratio:16/9;background:#05080d center/cover no-repeat}
.lc-noart{display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#0d4a3c,#0a182a 72%)}
.lc-noart span{font:600 1.6rem 'Cinzel',serif;background:var(--at-title);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lc-body{padding:.7rem .8rem .8rem}
.lc-name{font:600 .82rem/1.25 'Cinzel',serif;color:#dff0ff;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lc-meta{font:400 .6rem 'JetBrains Mono',monospace;letter-spacing:.12em;color:#3ff095;margin-top:.45rem;text-transform:uppercase}
.lc-more{display:inline-block;margin-top:1.8rem;font:400 .7rem 'JetBrains Mono',monospace;letter-spacing:.22em;text-transform:uppercase;color:#2fd877;text-decoration:none}
.lc-more:hover{color:#38a9f8}
@media (max-width:1000px){.lc-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.lc-grid{grid-template-columns:repeat(2,1fr)}.latest-completions{padding:3rem 1rem 2.5rem}}

@media (prefers-reduced-motion:reduce){.hero-logo::before{animation:none}}
@media (max-width:768px){.hero-logo::before{filter:blur(12px)}}