:root{color-scheme:dark;--navy:#040e19;--gold:#ffd36d;--ivory:#f4ebdb;--crimson:#a21d2f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ivory);font-family:Georgia,'Times New Roman',serif}img{display:block;max-width:100%}a{color:inherit}main{width:100%;overflow:hidden}.art-section{position:relative;margin:0;padding:0;isolation:isolate;scroll-margin-top:5rem}.art-section>img{display:block;width:100%;height:auto;object-fit:contain}.desktop-hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{display:block;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);pointer-events:auto;cursor:pointer;border:0;background:transparent;text-decoration:none;border-radius:4px}.hotspot:focus-visible{outline:3px solid #fff1ba;outline-offset:-3px;background:rgba(250,190,65,.07)}.hotspot:hover{background:rgba(255,211,109,.025)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip{position:fixed;z-index:999;top:-100px;left:8px;padding:12px 20px;background:#030b15;color:#fff}.skip:focus{top:8px}.mobile-nav,.mobile-copy{display:none}.launch-panel{text-align:center;background:linear-gradient(145deg,#0a1723,#160c13);border:2px solid var(--gold);box-shadow:0 0 24px #d67a2255;padding:26px 18px;margin:12px auto;max-width:1000px}.launch-panel[hidden]{display:none}.launch-panel h3{color:var(--gold);font-size:clamp(1.3rem,3vw,2rem);margin:.2em 0}.launch-panel code{display:block;overflow-wrap:anywhere;color:#fff3bd;font-size:clamp(.8rem,2vw,1.2rem);margin:12px 0}.launch-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.launch-buttons>*{display:inline-block;cursor:pointer;color:#ffe7a0;text-decoration:none;font:700 1rem Georgia,serif;padding:12px 18px;background:#050b12;border:1px solid var(--gold);box-shadow:0 0 10px #ffc65a80}.launch-buttons>*:hover{box-shadow:0 0 12px #ffda81,0 0 25px #d66b36}
@media(max-width:760px){
 .mobile-nav{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;min-height:58px;background:rgba(3,10,19,.97);border-bottom:1px solid #c48b35;padding:8px 14px;box-shadow:0 1px 10px #0009}
 .mobile-brand{font-size:1.1rem;font-weight:700;text-decoration:none;letter-spacing:.04em;color:var(--gold)}.brand-paw{color:#ffeaa4;margin-right:7px}
 .menu-toggle{border:1px solid #c99848;background:#06101a;color:var(--gold);font-size:1.25rem;padding:5px 12px;border-radius:5px;min-height:42px;cursor:pointer}
 #mobile-menu{position:absolute;top:100%;left:0;right:0;padding:8px 16px 16px;background:rgba(3,10,19,.99);border-bottom:1px solid var(--gold);box-shadow:0 6px 24px #000a}#mobile-menu[hidden]{display:none}#mobile-menu a{display:block;padding:11px 6px;text-decoration:none;color:#fff0c4;border-bottom:1px solid #77552d55;font-size:1rem}
 .desktop-hotspots{display:none}
 .art-section{scroll-margin-top:60px}
 .art-section>img{width:100%;height:auto;object-fit:contain}
 .hero>img{width:100%}
 .mobile-copy{display:block;text-align:center;padding:20px 18px 30px;background:radial-gradient(ellipse at 50% 0%,#152a3b 0%,#07121e 70%,#040e19 100%);border-bottom:1px solid #9a6b3240}
 .mobile-copy h2{font-size:.88rem;letter-spacing:.22em;margin:0 0 8px;color:var(--gold)}.mobile-copy h3{font-size:clamp(1.35rem,6vw,1.85rem);font-weight:700;line-height:1.12;margin:8px auto 12px;max-width:28rem;background:linear-gradient(#fff3be,#e2b255 60%,#a56a27);background-clip:text;-webkit-background-clip:text;color:transparent}
 .mobile-copy p{font-size:clamp(.96rem,3.5vw,1.1rem);line-height:1.55;max-width:34rem;margin:12px auto 20px}.hero-mobile{padding-top:18px}.hero-mobile p{font-size:1.08rem;font-style:italic}
 .mobile-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.glow-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff5d9;font-size:1.06rem;font-weight:700;padding:13px 20px;border:1.5px solid var(--gold);background:#020914;min-height:46px;box-shadow:0 0 9px #ffc95daa,0 0 20px #c66a3466;border-radius:6px;transition:box-shadow .2s ease}.glow-btn:hover,.glow-btn:focus-visible{box-shadow:0 0 12px #ffe0a3,0 0 26px #ffac58a0,0 0 35px #ae274588}.noninteractive{cursor:default;opacity:.8}
 .launch-panel{margin:0 12px 24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* GOTHAM KITTY CINEMATIC HERO V1 — additive, limited exclusively to #home.
   The artwork is not recolored, moved, scaled, or replaced. No UI captures clicks. */
#home .gk-cinema {
  position:absolute; top:0; left:0; width:100%; aspect-ratio:1672 / 941;
  overflow:hidden; pointer-events:none; z-index:1; isolation:isolate;
}
#home .gk-cinema > *{pointer-events:none}
#home .desktop-hotspots {z-index:3}
#home .gk-moon-halo {
  position:absolute; left:64.5%; top:6.2%; width:25%; aspect-ratio:1;
  background:radial-gradient(circle,rgba(194,219,255,.08) 0%,rgba(152,192,255,.055) 22%,rgba(160,190,255,.02) 40%,transparent 62%);
  mix-blend-mode:screen; opacity:.24;
}
#home .gk-lightning {
  position:absolute;inset:5% 6% 28% 38%;
  background:radial-gradient(ellipse at 60% 28%,rgba(202,223,255,.18),rgba(126,174,248,.045) 35%,transparent 68%);
  mix-blend-mode:screen;opacity:0;animation:gkSkyLightning 19s linear infinite;
}
@keyframes gkSkyLightning {
  0%,31.8%,32.8%,33.5%,34.1%,67.8%,68.9%,69.5%,100%{opacity:0}
  32%,33.2%{opacity:.72} 33.7%{opacity:.36} 68.2%{opacity:.46} 69%{opacity:.65}
}
#home .gk-distant-lights{position:absolute;inset:0;opacity:.32;mix-blend-mode:screen}
#home .gk-distant-lights i{
  position:absolute; bottom:13%; width:21%; height:32%;
  background:linear-gradient(to top,rgba(255,242,213,.27),rgba(192,218,255,.09) 30%,transparent 90%);
  clip-path:polygon(47% 100%,53% 100%,100% 0%,0 0%);
  filter:blur(2px);transform-origin:50% 100%;
}
#home .gk-distant-lights i:first-child{left:-3%;animation:gkSearchOne 13s ease-in-out infinite alternate}
#home .gk-distant-lights i:last-child{left:13%;opacity:.55;animation:gkSearchTwo 17s ease-in-out infinite alternate}
@keyframes gkSearchOne{from{transform:rotate(-10deg);opacity:.3}to{transform:rotate(13deg);opacity:.67}}
@keyframes gkSearchTwo{from{transform:rotate(11deg);opacity:.65}to{transform:rotate(-13deg);opacity:.26}}
#home .gk-mist {
  position:absolute;inset:auto -20% -7% -20%;height:22%;
  background:radial-gradient(ellipse at 45% 95%,rgba(139,177,221,.14),transparent 63%);
  filter:blur(16px);animation:gkMistDrift 22s ease-in-out infinite alternate;
}
@keyframes gkMistDrift{from{transform:translateX(-4%);opacity:.26}to{transform:translateX(6%);opacity:.67}}
#home .gk-rain-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:.96}
@media(max-width:760px){#home .gk-rain-canvas{opacity:.62}#home .gk-lightning{opacity:0}#home .gk-distant-lights{opacity:.20}}
@media(prefers-reduced-motion:reduce){
 #home .gk-cinema .gk-rain-canvas{display:none}
 #home .gk-cinema .gk-lightning,#home .gk-cinema .gk-distant-lights,#home .gk-cinema .gk-mist{display:none}
 #home .gk-cinema .gk-moon-halo{opacity:.24}
}

/* V3: remove the unwanted sky pulse entirely. Keep original artwork lightning, V2 rain and all other effects. */
#home .gk-cinema .gk-lightning {display:none!important;animation:none!important;}


/* Cinematic Lore V4 — overlay only, preserving approved artwork. */
#lore .gk-lore-cinema{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
#lore .gk-lore-cinema>*{pointer-events:none}
#lore .gk-lore-signal-glow{
  position:absolute;left:76.6%;top:2.2%;width:20.5%;height:43%;
  background:radial-gradient(ellipse at 56% 24%,rgba(255,215,110,.30) 0%,rgba(255,201,86,.16) 20%,rgba(255,170,45,.08) 36%,transparent 62%);
  mix-blend-mode:screen;opacity:.58;animation:gkLoreSignalGlow 8.8s ease-in-out infinite alternate;
}
#lore .gk-lore-signal-beam{
  position:absolute;left:73.8%;top:7.8%;width:24%;height:54%;
  background:conic-gradient(from 181deg at 49% 6%,rgba(255,214,119,.00) 0deg,rgba(255,214,119,.18) 11deg,rgba(255,214,119,.28) 22deg,rgba(255,214,119,.12) 36deg,rgba(255,214,119,0) 52deg,rgba(255,214,119,0) 308deg,rgba(255,214,119,.10) 324deg,rgba(255,214,119,.24) 338deg,rgba(255,214,119,.08) 350deg,rgba(255,214,119,0) 360deg);
  clip-path:polygon(47% 0%,53% 0%,100% 100%,0% 100%);
  mix-blend-mode:screen;opacity:.26;filter:blur(6px);animation:gkLoreSignalBreathe 10s ease-in-out infinite alternate;
}
#lore .gk-lore-cloud-drift{
  position:absolute;left:58%;top:0;width:42%;height:42%;
  background:radial-gradient(ellipse at 55% 22%,rgba(255,255,255,.08),transparent 56%),radial-gradient(ellipse at 30% 12%,rgba(176,194,223,.08),transparent 52%),radial-gradient(ellipse at 64% 35%,rgba(108,131,166,.10),transparent 62%);
  opacity:.35;mix-blend-mode:screen;filter:blur(14px);animation:gkLoreCloudShift 24s ease-in-out infinite alternate;
}
#lore .gk-lore-city-haze{
  position:absolute;left:-8%;right:-8%;bottom:-4%;height:25%;
  background:radial-gradient(ellipse at 50% 90%,rgba(207,226,255,.16),rgba(147,184,226,.06) 38%,transparent 68%);
  opacity:.52;filter:blur(18px);animation:gkLoreHaze 15s ease-in-out infinite alternate;
}
#lore .gk-lore-rain-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:.82}
@keyframes gkLoreSignalGlow{from{opacity:.42;transform:scale(.985)}to{opacity:.82;transform:scale(1.025)}}
@keyframes gkLoreSignalBreathe{from{opacity:.14}to{opacity:.32}}
@keyframes gkLoreCloudShift{from{transform:translateX(-2.5%) translateY(.4%)}to{transform:translateX(2.5%) translateY(-.4%)}}
@keyframes gkLoreHaze{from{opacity:.36}to{opacity:.60}}
@media(max-width:760px){#lore .gk-lore-rain-canvas{opacity:.54}#lore .gk-lore-signal-beam{opacity:.18}#lore .gk-lore-cloud-drift{opacity:.22}#lore .gk-lore-city-haze{opacity:.32}}
@media (prefers-reduced-motion: reduce){#lore .gk-lore-rain-canvas{display:none}#lore .gk-lore-signal-glow,#lore .gk-lore-signal-beam,#lore .gk-lore-cloud-drift,#lore .gk-lore-city-haze{animation:none!important}}

/* Cinematic Lore V5: clearly visible, slow localized signal and atmosphere.
   Only Lore changes; the approved V3 hero and V4 rain stay untouched. */
#lore .gk-lore-signal-glow {
  left:77.4%;top:-5%;width:23.5%;height:57%;
  background:
    radial-gradient(ellipse at 51% 44%,rgba(255,242,164,.38) 0%,rgba(255,185,62,.31) 23%,rgba(255,164,33,.16) 45%,rgba(255,164,33,0) 69%);
  opacity:.52;filter:blur(7px);mix-blend-mode:screen;
  animation:gkLoreV5Glow 9.5s ease-in-out infinite alternate;
}
#lore .gk-lore-signal-glow::after {
  content:"";position:absolute;inset:8% 9% 9% 9%;border-radius:50%;
  background:radial-gradient(ellipse at 52% 41%,rgba(255,211,97,.30),rgba(255,167,46,.14) 32%,transparent 69%);
  filter:blur(10px);
}
#lore .gk-lore-signal-beam {
  left:68.8%;top:29%;width:24%;height:54%;
  background:linear-gradient(105deg,transparent 2%,rgba(255,202,91,.05) 9%,rgba(255,226,141,.24) 28%,rgba(255,197,82,.16) 49%,rgba(255,219,134,.25) 64%,transparent 93%);
  clip-path:polygon(71% 0%,90% 0%,17% 100%,0 100%);
  opacity:.47;filter:blur(5px);mix-blend-mode:screen;
  animation:gkLoreV5Beam 10.8s ease-in-out infinite alternate;
}
#lore .gk-lore-cloud-drift {
  left:72%;top:0;width:28%;height:50%;
  background:
    radial-gradient(ellipse at 55% 12%,rgba(162,180,209,.19),transparent 53%),
    radial-gradient(ellipse at 72% 62%,rgba(150,170,202,.19),transparent 57%),
    radial-gradient(ellipse at 28% 47%,rgba(91,120,163,.15),transparent 62%);
  opacity:.65;filter:blur(12px);mix-blend-mode:screen;
  animation:gkLoreV5Cloud 21s ease-in-out infinite alternate;
}
#lore .gk-lore-city-haze {
  background:radial-gradient(ellipse at 57% 100%,rgba(169,199,247,.19) 0%,rgba(110,148,209,.11) 33%,transparent 72%);
  opacity:.60;animation:gkLoreV5Haze 18s ease-in-out infinite alternate;
}
@keyframes gkLoreV5Glow {from{opacity:.48;transform:scale(.97)}to{opacity:.94;transform:scale(1.035)}}
@keyframes gkLoreV5Beam {from{opacity:.40}to{opacity:.72}}
@keyframes gkLoreV5Cloud {from{transform:translateX(-3%);opacity:.46}to{transform:translateX(4%);opacity:.77}}
@keyframes gkLoreV5Haze {from{opacity:.42}to{opacity:.73}}
@media(max-width:760px){
 #lore .gk-lore-signal-glow{opacity:.62}
 #lore .gk-lore-signal-beam{opacity:.48}
 #lore .gk-lore-cloud-drift{opacity:.45}
}
@media(prefers-reduced-motion:reduce){
 #lore .gk-lore-signal-glow,#lore .gk-lore-signal-beam,#lore .gk-lore-cloud-drift,#lore .gk-lore-city-haze{animation:none!important}
}


/* V6: clearly legible cloud drift and low-lying mist in Lore ONLY.
   V5 signal/rays and the approved rain script are deliberately unchanged. */
#lore .gk-lore-cloud-drift {
  left:69%;top:1%;width:39%;height:43%;
  background:
    radial-gradient(ellipse 29% 24% at 17% 48%,rgba(207,226,255,.44) 0%,rgba(153,181,220,.29) 42%,transparent 75%),
    radial-gradient(ellipse 37% 23% at 48% 44%,rgba(183,209,244,.46) 0%,rgba(113,151,201,.26) 47%,transparent 78%),
    radial-gradient(ellipse 30% 27% at 79% 51%,rgba(206,220,247,.39) 0%,rgba(107,137,183,.23) 50%,transparent 79%),
    radial-gradient(ellipse 58% 18% at 54% 67%,rgba(13,29,48,.43) 0%,rgba(33,54,80,.17) 55%,transparent 90%);
  mix-blend-mode:normal;filter:blur(7px);opacity:.85;
  animation:gkLoreCloudVisible 17s ease-in-out infinite alternate;
  will-change:transform;
}
#lore .gk-lore-cloud-drift::before {
  content:"";position:absolute;inset:3% -11% 6% -11%;
  background:
    radial-gradient(ellipse 24% 16% at 18% 38%,rgba(240,243,255,.33),transparent 80%),
    radial-gradient(ellipse 33% 17% at 63% 30%,rgba(210,225,253,.35),transparent 80%),
    radial-gradient(ellipse 26% 20% at 82% 55%,rgba(185,209,244,.29),transparent 80%);
  filter:blur(5px);animation:gkLoreCloudSecondary 14s ease-in-out infinite alternate;
}
#lore .gk-lore-city-haze {
  left:37%;right:-13%;bottom:-1.5%;height:27%;
  background:
    radial-gradient(ellipse 33% 42% at 24% 84%,rgba(208,226,249,.48) 0%,rgba(170,196,229,.21) 54%,transparent 84%),
    radial-gradient(ellipse 36% 38% at 58% 78%,rgba(220,232,252,.45) 0%,rgba(158,187,225,.23) 48%,transparent 83%),
    radial-gradient(ellipse 37% 34% at 89% 88%,rgba(202,221,253,.40) 0%,rgba(151,179,217,.18) 52%,transparent 87%);
  mix-blend-mode:screen;filter:blur(9px);opacity:.92;
  animation:gkLoreFogVisible 16s ease-in-out infinite alternate;
  will-change:transform;
}
#lore .gk-lore-city-haze::after{
  content:"";position:absolute;left:-8%;right:-8%;bottom:-1%;height:62%;
  background:
    radial-gradient(ellipse 35% 33% at 20% 75%,rgba(210,228,248,.33),transparent 90%),
    radial-gradient(ellipse 37% 31% at 69% 72%,rgba(220,236,255,.30),transparent 90%);
  filter:blur(13px);animation:gkLoreFogSecondary 20s ease-in-out infinite alternate;
}
@keyframes gkLoreCloudVisible {from{transform:translateX(-7%);opacity:.69}to{transform:translateX(7%);opacity:.93}}
@keyframes gkLoreCloudSecondary {from{transform:translateX(6%)}to{transform:translateX(-9%)}}
@keyframes gkLoreFogVisible {from{transform:translateX(-5%);opacity:.73}to{transform:translateX(7%);opacity:.96}}
@keyframes gkLoreFogSecondary {from{transform:translateX(7%)}to{transform:translateX(-7%)}}
@media(max-width:760px){#lore .gk-lore-cloud-drift{opacity:.74}#lore .gk-lore-city-haze{opacity:.76}}
@media(prefers-reduced-motion:reduce){#lore .gk-lore-cloud-drift,#lore .gk-lore-cloud-drift::before,#lore .gk-lore-city-haze,#lore .gk-lore-city-haze::after{animation:none!important}}


/* V7: clearly visible moving clouds + lightning in Lore. Rain remains untouched. */
#lore .gk-lore-cloud-layer,
#lore .gk-lore-lightning-flash,
#lore .gk-lore-lightning-zone{position:absolute;pointer-events:none;z-index:1}
#lore .gk-lore-cloud-layer-a{
  left:47%;top:2%;width:49%;height:23%;opacity:.58;filter:blur(8px);mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 22% 26% at 12% 56%, rgba(171,191,222,.72) 0%, rgba(116,144,188,.34) 48%, transparent 77%),
    radial-gradient(ellipse 29% 29% at 42% 45%, rgba(206,221,246,.74) 0%, rgba(119,145,192,.30) 48%, transparent 76%),
    radial-gradient(ellipse 24% 26% at 74% 52%, rgba(180,197,227,.60) 0%, rgba(98,123,170,.24) 48%, transparent 78%),
    radial-gradient(ellipse 37% 22% at 54% 70%, rgba(18,31,53,.36) 0%, transparent 85%);
  animation:gkLoreCloudBandA 26s linear infinite alternate;
}
#lore .gk-lore-cloud-layer-b{
  left:59%;top:14%;width:39%;height:20%;opacity:.46;filter:blur(7px);mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 28% 30% at 18% 46%, rgba(204,220,244,.68) 0%, rgba(123,149,194,.27) 46%, transparent 78%),
    radial-gradient(ellipse 32% 28% at 58% 48%, rgba(194,212,238,.58) 0%, rgba(98,126,176,.22) 47%, transparent 78%),
    radial-gradient(ellipse 20% 24% at 88% 54%, rgba(218,229,248,.58) 0%, rgba(136,160,198,.20) 46%, transparent 80%);
  animation:gkLoreCloudBandB 20s linear infinite alternate;
}
#lore .gk-lore-lightning-flash{
  inset:0;mix-blend-mode:screen;opacity:0;
  background:
    radial-gradient(ellipse 24% 18% at 26% 14%, rgba(220,236,255,.75) 0%, rgba(200,220,255,.28) 30%, transparent 66%),
    radial-gradient(ellipse 20% 16% at 52% 14%, rgba(214,231,255,.58) 0%, rgba(198,220,255,.20) 30%, transparent 67%),
    radial-gradient(ellipse 18% 14% at 78% 12%, rgba(255,233,188,.62) 0%, rgba(255,210,140,.20) 32%, transparent 69%),
    linear-gradient(180deg, rgba(208,225,255,.18) 0%, rgba(208,225,255,.04) 28%, transparent 52%);
  animation:gkLoreLightningFlash 9.2s linear infinite;
}
#lore .gk-lore-lightning-zone-a{
  left:12%;top:3%;width:42%;height:35%;opacity:0;filter:blur(12px);mix-blend-mode:screen;
  background:radial-gradient(ellipse at 50% 40%, rgba(225,239,255,.92) 0%, rgba(196,221,255,.28) 36%, transparent 72%);
  animation:gkLoreLightningZoneA 11.6s linear infinite;
}
#lore .gk-lore-lightning-zone-b{
  left:67%;top:1%;width:29%;height:24%;opacity:0;filter:blur(10px);mix-blend-mode:screen;
  background:radial-gradient(ellipse at 50% 45%, rgba(255,236,192,.90) 0%, rgba(255,208,135,.24) 38%, transparent 74%);
  animation:gkLoreLightningZoneB 13.4s linear infinite;
}
#lore .gk-lore-cloud-drift{opacity:.18} /* keep older layer but push it back */
#lore .gk-lore-city-haze{
  left:38%;right:-10%;bottom:-1.5%;height:24%;opacity:.72;filter:blur(10px);mix-blend-mode:screen;
  background:
    linear-gradient(180deg, transparent 0%, rgba(206,221,246,.02) 14%, rgba(206,221,246,.14) 42%, rgba(222,235,255,.28) 64%, rgba(235,242,255,.38) 100%),
    radial-gradient(ellipse 34% 44% at 23% 79%, rgba(208,226,249,.36) 0%, rgba(170,196,229,.12) 52%, transparent 84%),
    radial-gradient(ellipse 36% 39% at 61% 76%, rgba(220,232,252,.33) 0%, rgba(158,187,225,.12) 48%, transparent 83%),
    radial-gradient(ellipse 37% 35% at 90% 84%, rgba(202,221,253,.28) 0%, rgba(151,179,217,.10) 52%, transparent 87%);
  animation:gkLoreVisibleFog 17s ease-in-out infinite alternate;
}
@keyframes gkLoreCloudBandA{from{transform:translateX(-7%) translateY(.4%)}to{transform:translateX(6%) translateY(-.6%)}}
@keyframes gkLoreCloudBandB{from{transform:translateX(9%)}to{transform:translateX(-10%)}}
@keyframes gkLoreVisibleFog{from{transform:translateX(-3%);opacity:.56}to{transform:translateX(5%);opacity:.80}}
@keyframes gkLoreLightningFlash{
  0%,7%,7.7%,21%,21.5%,21.9%,47%,47.4%,47.8%,74%,74.6%,75%,100%{opacity:0}
  7.2%{opacity:.22}
  7.45%{opacity:.11}
  21.2%{opacity:.18}
  21.7%{opacity:.09}
  47.2%{opacity:.28}
  47.6%{opacity:.14}
  74.2%{opacity:.20}
  74.8%{opacity:.10}
}
@keyframes gkLoreLightningZoneA{
  0%,18%,18.7%,53%,53.5%,53.9%,100%{opacity:0}
  18.2%{opacity:.70}
  18.5%{opacity:.34}
  53.2%{opacity:.78}
  53.7%{opacity:.28}
}
@keyframes gkLoreLightningZoneB{
  0%,31%,31.5%,81%,81.6%,82%,100%{opacity:0}
  31.2%{opacity:.48}
  31.4%{opacity:.18}
  81.3%{opacity:.54}
  81.8%{opacity:.22}
}
@media(max-width:760px){
  #lore .gk-lore-cloud-layer-a{opacity:.42}
  #lore .gk-lore-cloud-layer-b{opacity:.34}
  #lore .gk-lore-city-haze{opacity:.52}
  #lore .gk-lore-lightning-flash{animation-duration:10.5s}
}
@media(prefers-reduced-motion:reduce){
  #lore .gk-lore-cloud-layer-a,#lore .gk-lore-cloud-layer-b,#lore .gk-lore-lightning-flash,#lore .gk-lore-lightning-zone-a,#lore .gk-lore-lightning-zone-b,#lore .gk-lore-city-haze{animation:none!important;opacity:0!important}
}

/* V8: Three visible, slow-moving searchlight beams over the original lower-left skyline.
   Hero rain, lightning settings, and all approved images remain unchanged. */
#home .gk-searchlights-v8{
  position:absolute;inset:0;opacity:1;mix-blend-mode:screen;
}
#home .gk-three-searchlights{
  display:block;width:100%;height:100%;overflow:visible;
}
#home .gk-searchlights-v8 .gk-sweep{
  transform-box:view-box;will-change:transform;opacity:.92;
}
#home .gk-searchlights-v8 .gk-sweep-one{
  transform-origin:107px 793px;animation:gkSweepOneV8 15s ease-in-out infinite alternate;
}
#home .gk-searchlights-v8 .gk-sweep-two{
  transform-origin:125px 802px;animation:gkSweepTwoV8 19s ease-in-out infinite alternate;
}
#home .gk-searchlights-v8 .gk-sweep-three{
  transform-origin:149px 807px;animation:gkSweepThreeV8 16.5s ease-in-out infinite alternate;
}
@keyframes gkSweepOneV8{from{transform:rotate(-9deg)}to{transform:rotate(12deg)}}
@keyframes gkSweepTwoV8{from{transform:rotate(10deg)}to{transform:rotate(-12deg)}}
@keyframes gkSweepThreeV8{from{transform:rotate(-13deg)}to{transform:rotate(9deg)}}
@media (max-width:760px){#home .gk-searchlights-v8{opacity:.83}}
@media (prefers-reduced-motion:reduce){
  #home .gk-searchlights-v8 .gk-sweep{animation:none!important}
}

/* V9: three stronger searchlight beams, visibly sweeping from fixed skyline positions.
   No edits to the original artwork, V3 hero rain or Lore animations. */
#home .gk-distant-lights.gk-searchlights-v9{position:absolute;inset:0;opacity:1!important;mix-blend-mode:screen;isolation:isolate}
#home .gk-searchlights-v9 .gk-three-searchlights{display:block;overflow:visible;width:100%;height:100%}
#home .gk-searchlights-v9 .gk-v9-sweep{transform-box:view-box;opacity:1;will-change:transform}
#home .gk-searchlights-v9 .gk-v9-sweep-one{transform-origin:110px 708px;animation:gkSearchOneV9 9.5s ease-in-out infinite alternate}
#home .gk-searchlights-v9 .gk-v9-sweep-two{transform-origin:122px 785px;animation:gkSearchTwoV9 11.5s ease-in-out infinite alternate}
#home .gk-searchlights-v9 .gk-v9-sweep-three{transform-origin:145px 795px;animation:gkSearchThreeV9 10.5s ease-in-out infinite alternate}
@keyframes gkSearchOneV9 {from{transform:rotate(-15deg)}to{transform:rotate(17deg)}}
@keyframes gkSearchTwoV9 {from{transform:rotate(17deg)}to{transform:rotate(-16deg)}}
@keyframes gkSearchThreeV9 {from{transform:rotate(-17deg)}to{transform:rotate(15deg)}}
@media(max-width:760px){#home .gk-distant-lights.gk-searchlights-v9{opacity:.82!important}}
@media(prefers-reduced-motion:reduce){#home .gk-searchlights-v9 .gk-v9-sweep{animation:none!important}}

/* Gotham Kitty V10: a localized forked cloud lightning bolt. Hero-only.
   All rain, searchlights, Lore, art, content, links retain V9 behavior. */
#home .gk-bolt-storm{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;isolation:isolate}
#home .gk-bolt-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 5px rgba(176,209,255,.35))}
#home .gk-bolt-stroke{opacity:0;animation:gkCloudStrikeV10 13s linear infinite}
#home .gk-bolt-glow{fill:none;stroke:#5c9cff;stroke-width:21;stroke-linecap:round;stroke-linejoin:round;filter:url(#gk-bolt-blur-v10);opacity:.85}
#home .gk-bolt-halo{fill:none;stroke:#b5d6ff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:url(#gk-bolt-inner-v10);opacity:.95}
#home .gk-bolt-core{fill:none;stroke:#effaff;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}
#home .gk-bolt-branch{fill:none;stroke:#e6f6ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #a8ceff)}
#home .gk-bolt-sky-glow{position:absolute;inset:4% 34% 47% 44%;background:radial-gradient(ellipse at 60% 25%,rgba(172,210,255,.60),rgba(98,155,245,.16) 38%,transparent 70%);mix-blend-mode:screen;opacity:0;animation:gkCloudStrikeV10 13s linear infinite}
@keyframes gkCloudStrikeV10{
  0%,24.9%,25.7%,26.5%,27.0%,27.5%,70.9%,71.5%,72.0%,72.6%,100%{opacity:0}
  25.0%,26.0%{opacity:1}
  26.8%{opacity:.52}
  27.2%{opacity:.88}
  71.0%{opacity:.84}
  71.7%{opacity:.40}
  72.2%{opacity:1}
}
@media(prefers-reduced-motion:reduce){#home .gk-bolt-storm{display:none!important}}

/* V11 — dramatic diagonal upper-left-to-right bolt with a quick drawn-on flash.
   The approved V10 rain, searchlights and Lore styles above are unchanged. */
#home .gk-bolt-diagonal .gk-bolt-stroke{
  opacity:0;
  animation:gkDiagonalFlashV11 12.6s linear infinite;
}
#home .gk-bolt-diagonal .gk-bolt-glow{stroke:#639eff;stroke-width:23;filter:url(#gk-bolt-blur-v11)}
#home .gk-bolt-diagonal .gk-bolt-halo{stroke:#c3ddff;stroke-width:9;filter:url(#gk-bolt-inner-v11)}
#home .gk-bolt-diagonal .gk-bolt-core{stroke:#f6fcff;stroke-width:3.5}
#home .gk-bolt-diagonal .gk-bolt-branch{stroke-width:2.1}
#home .gk-bolt-diagonal .gk-bolt-sky-glow{
  inset:0;
  background:linear-gradient(135deg,transparent 4%,rgba(124,181,255,.11) 14%,rgba(210,231,255,.16) 26%,transparent 47%);
  opacity:0;
  animation:gkDiagonalFlashV11 12.6s linear infinite;
}
@keyframes gkDiagonalFlashV11{
  0%,22.8%,24.3%,25.1%,25.9%,26.9%,72.8%,73.9%,74.5%,75.1%,100%{opacity:0}
  23%,23.55%,25.25%{opacity:1}
  23.85%{opacity:.30}
  25.55%{opacity:.52}
  73%,74.65%{opacity:.92}
  73.45%{opacity:.35}
}
/* The flash blooms once, holds for a split second, and switches off; no continuous distracting pulse. */
@media(prefers-reduced-motion:reduce){#home .gk-bolt-diagonal{display:none!important}}


/* V12 — SECOND lightning strike: vertical, near center between title's M and cat-shadow.
   No modifications to the approved V11 diagonal strike or any other section. */
#home .gk-bolt-center-v12 .gk-center-strike-v12{
  opacity:0;animation:gkCenterStrikeV12 15.8s linear infinite;
}
#home .gk-bolt-center-v12 .gk-center-haze-v12{
  fill:none;stroke:#81b8ff;stroke-width:24;stroke-linejoin:round;stroke-linecap:round;
  opacity:.78;filter:url(#gk-v12-outer-glow);
}
#home .gk-bolt-center-v12 .gk-center-halo-v12{
  fill:none;stroke:#b5dcff;stroke-width:8;stroke-linejoin:round;stroke-linecap:round;
  opacity:.92;filter:url(#gk-v12-mid-glow);
}
#home .gk-bolt-center-v12 .gk-center-core-v12{
  fill:none;stroke:#f6fcff;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round;
}
#home .gk-bolt-center-v12 .gk-center-fork-v12{
  fill:none;stroke:#e5f4ff;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;
  filter:drop-shadow(0 0 4px #83b6ff);
}
#home .gk-bolt-center-v12 .gk-center-cloud-glow-v12{
  position:absolute;left:41%;top:6%;width:21%;height:62%;
  background:radial-gradient(ellipse at 54% 15%,rgba(189,222,255,.55),rgba(105,169,255,.23) 22%,rgba(70,112,200,.09) 46%,transparent 71%);
  opacity:0;mix-blend-mode:screen;
  animation:gkCenterStrikeGlowV12 15.8s linear infinite;
}
@keyframes gkCenterStrikeV12{
  0%,39.8%,40.55%,41.05%,41.5%,42.2%,83.8%,84.5%,85.1%,85.7%,100%{opacity:0}
  40%,40.27%{opacity:1}
  40.78%{opacity:.33}
  41.23%{opacity:.92}
  84%{opacity:.82}
  84.72%{opacity:.3}
  85.28%{opacity:.95}
}
@keyframes gkCenterStrikeGlowV12{
  0%,39.8%,40.55%,41.05%,41.5%,42.2%,83.8%,84.5%,85.1%,85.7%,100%{opacity:0}
  40%,40.27%{opacity:.68}
  40.78%{opacity:.15}
  41.23%{opacity:.48}
  84%{opacity:.53}
  84.72%{opacity:.13}
  85.28%{opacity:.65}
}
@media(prefers-reduced-motion:reduce){#home .gk-bolt-center-v12{display:none!important}}

/* V13: reference-inspired branching electricity on FIRST diagonal strike only.
   V12 central vertical strike and every other animation are unchanged. */
#home .gk-bolt-diagonal .gk-bolt-glow{
  stroke:#7487ff;stroke-width:25;opacity:.95;
}
#home .gk-bolt-diagonal .gk-bolt-halo{
  stroke:#b9c2ff;stroke-width:10;opacity:1;
}
#home .gk-bolt-diagonal .gk-bolt-core{
  stroke:#fafaff;stroke-width:4.0;
}
#home .gk-bolt-diagonal .gk-v13-fork{
  fill:none;stroke-linecap:round;stroke-linejoin:round;
  stroke:#c3c1ff;filter:drop-shadow(0 0 4px rgba(151,145,255,.95));
}
#home .gk-bolt-diagonal .gk-v13-fork-0{stroke-width:2.0;opacity:.95}
#home .gk-bolt-diagonal .gk-v13-fork-1{stroke-width:1.25;opacity:.78}
#home .gk-bolt-diagonal .gk-v13-fork-2{stroke-width:.75;opacity:.58}

/* V14: visibly broader branching web on FIRST diagonal bolt only. Original main channel retained. */
#home .gk-bolt-diagonal .gk-v14-fork{
 fill:none;stroke-linecap:round;stroke-linejoin:round;
 stroke:#c3c5ff;filter:drop-shadow(0 0 5px rgba(145,154,255,.95));
}
#home .gk-bolt-diagonal .gk-v14-fork-0{stroke-width:2.6;opacity:.98}
#home .gk-bolt-diagonal .gk-v14-fork-1{stroke-width:1.45;opacity:.82}
#home .gk-bolt-diagonal .gk-v14-fork-2{stroke-width:.84;opacity:.64}


/* V15: photorealistic-inspired first strike. Irregular thin, tapered-feel branches;
   no symmetric electrical web, no change to V12 vertical lightning or other layers. */
#home .gk-bolt-diagonal .gk-bolt-glow{stroke:#607ddd;stroke-width:19;opacity:.68;filter:url(#gk-bolt-blur-v11)}
#home .gk-bolt-diagonal .gk-bolt-halo{stroke:#bdcaff;stroke-width:6.3;opacity:.85;filter:url(#gk-bolt-inner-v11)}
#home .gk-bolt-diagonal .gk-bolt-core{stroke:#faffff;stroke-width:2.8;opacity:1;filter:drop-shadow(0 0 2px #c1d3ff)}
#home .gk-bolt-diagonal .gk-real-fork{
 fill:none;stroke-linecap:round;stroke-linejoin:round;
 stroke:#a8bbff;filter:drop-shadow(0 0 2px rgba(136,160,244,.65));
}
#home .gk-bolt-diagonal .gk-real-fork-0{stroke-width:1.8;opacity:.80}
#home .gk-bolt-diagonal .gk-real-fork-1{stroke-width:.95;opacity:.56}
#home .gk-bolt-diagonal .gk-real-fork-2{stroke-width:.48;opacity:.35}


/* V18: the literal SAME V15 Hero main channel and all fork paths, mirrored/positioned
   behind the central Lore writing. Hero and other sections are not changed. */
#lore .gk-lore-v18-storm {position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;isolation:isolate}
#lore .gk-lore-v18-svg {display:block;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 0 5px rgba(176,209,255,.35))}
#lore .gk-lore-v18-discharge{opacity:0;animation:gkLoreV18Flash 12.6s linear infinite}
#lore .gk-lore-v18-storm .gk-bolt-glow{fill:none;stroke:#607ddd;stroke-width:19;opacity:.68;stroke-linecap:round;stroke-linejoin:round;filter:url(#gk-lore-v18-blur)}
#lore .gk-lore-v18-storm .gk-bolt-halo{fill:none;stroke:#bdcaff;stroke-width:6.3;opacity:.85;stroke-linecap:round;stroke-linejoin:round;filter:url(#gk-lore-v18-inner)}
#lore .gk-lore-v18-storm .gk-bolt-core{fill:none;stroke:#faffff;stroke-width:2.8;opacity:1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #c1d3ff)}
#lore .gk-lore-v18-storm .gk-real-fork{fill:none;stroke:#a8bbff;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(136,160,244,.65))}
#lore .gk-lore-v18-storm .gk-real-fork-0{stroke-width:1.8;opacity:.80}
#lore .gk-lore-v18-storm .gk-real-fork-1{stroke-width:.95;opacity:.56}
#lore .gk-lore-v18-storm .gk-real-fork-2{stroke-width:.48;opacity:.35}
@keyframes gkLoreV18Flash{
  0%,19.8%,20.6%,21.05%,21.8%,22.3%,71.9%,72.7%,73.2%,74%,100%{opacity:0}
  20%,20.28%,21.25%{opacity:1}
  20.83%{opacity:.25}
  21.56%{opacity:.58}
  72.1%,73.45%{opacity:.9}
  72.95%{opacity:.35}
}
@media(prefers-reduced-motion:reduce){#lore .gk-lore-v18-storm{display:none!important}}

/* Only the single V15-copy strike; keep Lore clouds/rain but suppress prior ambient lightning flashes. */
#lore .gk-lore-lightning-flash,#lore .gk-lore-lightning-zone-a,#lore .gk-lore-lightning-zone-b{animation:none!important;opacity:0!important}


/* V20: A short golden surge in the APPROVED Lore paw signal, precisely in sync
   with V19's single gkLoreV18Flash (12.6s). No changes to any lightning paths. */
#lore .gk-lore-paw-charge-v20 {
  position:absolute;
  left:75.2%;top:-3.5%;width:22.8%;height:62%;
  z-index:3;pointer-events:none;opacity:0;
  mix-blend-mode:screen;
  background:
    radial-gradient(ellipse 33% 30% at 59% 38%,rgba(255,252,210,.84) 0%,rgba(255,227,131,.56) 33%,rgba(255,170,43,.18) 70%,transparent 100%),
    radial-gradient(ellipse 58% 54% at 55% 48%,rgba(255,210,95,.35) 0%,rgba(255,183,58,.13) 49%,transparent 85%);
  filter:blur(10px);
  animation:gkLorePawChargeV20 12.6s linear infinite;
}
#lore .gk-lore-paw-charge-v20::after {
  content:"";position:absolute;inset:13% -3% 0 -7%;
  background:radial-gradient(ellipse 52% 52% at 57% 34%,rgba(255,217,109,.44) 0%,rgba(255,187,53,.13) 46%,transparent 82%);
  filter:blur(16px);
}
@keyframes gkLorePawChargeV20 {
  0%,19.8%,20.6%,21.05%,21.8%,22.3%,71.9%,72.7%,73.2%,74%,100% {opacity:0}
  20%,20.28%,21.25% {opacity:.94}
  20.83% {opacity:.20}
  21.56% {opacity:.45}
  72.1%,73.45% {opacity:.82}
  72.95% {opacity:.25}
}
@media(prefers-reduced-motion:reduce){
 #lore .gk-lore-paw-charge-v20{display:none!important}
}


/* V21 / The Token: a controlled five-second golden-energy sequence only. */
#token .gk-token-cinema{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;isolation:isolate}
#token .gk-token-effects{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;mix-blend-mode:screen}
#token .gk21-rim-soft,#token .gk21-rim-halo,#token .gk21-rim-core{
  fill:none;stroke-linecap:round;stroke-dasharray:13 987;stroke-dashoffset:0;
  transform-box:fill-box;animation:gk21CoinLap 5s linear infinite;
}
#token .gk21-rim-soft{stroke:#ffad21;stroke-width:27;filter:url(#gk21-spark-blur);opacity:.82}
#token .gk21-rim-halo{stroke:#ffe484;stroke-width:13;filter:url(#gk21-spark-halo);opacity:.94}
#token .gk21-rim-core{stroke:#fffce3;stroke-width:4.5;opacity:1}
@keyframes gk21CoinLap{
  0%{stroke-dashoffset:0;opacity:0}2%{opacity:1}
  39%{stroke-dashoffset:-1000;opacity:1}42%,100%{stroke-dashoffset:-1000;opacity:0}
}
#token .gk21-charge-halo,#token .gk21-charge-core{
  fill:none;stroke-linecap:round;stroke-dasharray:72 928;stroke-dashoffset:0;
  animation:gk21DividerTravel 5s linear infinite;
}
#token .gk21-charge-halo{stroke:#ffa619;stroke-width:17;filter:url(#gk21-spark-blur)}
#token .gk21-charge-core{stroke:#fff6c6;stroke-width:4.4;filter:url(#gk21-spark-halo)}
@keyframes gk21DividerTravel{
  0%,39%{stroke-dashoffset:0;opacity:0}41%{opacity:1}
  60%{stroke-dashoffset:-1000;opacity:1}63%,100%{stroke-dashoffset:-1000;opacity:0}
}
#token .gk21-pillar{opacity:0;mix-blend-mode:screen;filter:url(#gk21-icon-glow)}
#token .gk21-pillar-one{animation:gk21PillarOne 5s linear infinite}
#token .gk21-pillar-two{animation:gk21PillarTwo 5s linear infinite}
#token .gk21-pillar-three{animation:gk21PillarThree 5s linear infinite}
#token .gk21-pillar-four{animation:gk21PillarFour 5s linear infinite}
@keyframes gk21PillarOne{0%,59%,68%,100%{opacity:0}61%,64%{opacity:.92}}
@keyframes gk21PillarTwo{0%,64%,73%,100%{opacity:0}66%,69%{opacity:.89}}
@keyframes gk21PillarThree{0%,69%,78%,100%{opacity:0}71%,74%{opacity:.90}}
@keyframes gk21PillarFour{0%,74%,84%,100%{opacity:0}77%,80%{opacity:.92}}
#token .gk21-reflection{mix-blend-mode:screen;filter:blur(13px)}
#token .gk21-reflection-coin{animation:gk21GroundShimmer 6.5s ease-in-out infinite alternate}
#token .gk21-reflection-street{animation:gk21GroundShimmer 8s ease-in-out -2s infinite alternate}
@keyframes gk21GroundShimmer{from{opacity:.06;transform:translateX(-12px) scaleX(.94)}to{opacity:.25;transform:translateX(12px) scaleX(1.06)}}
@media(max-width:760px){#token .gk-token-cinema{opacity:.84}}
@media(prefers-reduced-motion:reduce){#token .gk-token-cinema{display:none!important}}

/* V24: only the original title glyphs, no diagonal full-width CSS gradient. */
#token .gk24-title-glint{
 display:block;position:absolute;pointer-events:none;z-index:3;
 left:51.013%;top:6.215%;width:34.853%;height:27.072%;
 background:transparent;
}
@media(prefers-reduced-motion:reduce){#token .gk24-title-glint{display:none!important}}


/* V25 CHRONICLES: controlled five-second three-step gold power-up.
   All elements are transparent SVG highlights aligned to original artwork;
   no image replacement and no changes to #home, #lore, or #token. */
#how-to-buy .gk-chronicles-v25{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;isolation:isolate}
#how-to-buy .gk-chronicles-v25 svg{width:100%;height:100%;display:block;overflow:hidden}
#how-to-buy .gk-v25-frame-halo,
#how-to-buy .gk-v25-frame-stroke,
#how-to-buy .gk-v25-arrow-line{fill:none;stroke-linejoin:round;stroke-linecap:round}
#how-to-buy .gk-v25-frame-halo{stroke:#ffd15d;stroke-width:13;filter:url(#gk-v25-gold-blur);opacity:.48}
#how-to-buy .gk-v25-frame-stroke{stroke:#ffe3a0;stroke-width:3.0;opacity:.85}
#how-to-buy .gk-v25-icon-glow{fill:url(#gk-v25-icon-glow);mix-blend-mode:screen}
#how-to-buy .gk-v25-spark{fill:#fff7cb;filter:drop-shadow(0 0 6px #ffb62f);opacity:.8}
#how-to-buy .gk-v25-arrow-line{stroke:#fff1ae;stroke-width:7;filter:drop-shadow(0 0 8px #ffc247)}
#how-to-buy .gk-v25-panel,#how-to-buy .gk-v25-arrow{opacity:0}
#how-to-buy .gk-v25-panel-1{animation:gkV25Step1 5s linear infinite}
#how-to-buy .gk-v25-arrow-1{animation:gkV25Arrow1 5s linear infinite}
#how-to-buy .gk-v25-panel-2{animation:gkV25Step2 5s linear infinite}
#how-to-buy .gk-v25-arrow-2{animation:gkV25Arrow2 5s linear infinite}
#how-to-buy .gk-v25-panel-3{animation:gkV25Step3 5s linear infinite}
#how-to-buy .gk-v25-water-vignette{opacity:0;animation:gkV25Water 5s ease-in-out infinite;mix-blend-mode:screen}
@keyframes gkV25Step1{0%,1%,23%,100%{opacity:0}3%,10%,16%{opacity:.92}21%{opacity:.18}}
@keyframes gkV25Arrow1{0%,19%,34%,100%{opacity:0}23%,27%{opacity:1}31%{opacity:.33}}
@keyframes gkV25Step2{0%,29%,53%,100%{opacity:0}33%,40%,46%{opacity:.92}51%{opacity:.18}}
@keyframes gkV25Arrow2{0%,49%,64%,100%{opacity:0}53%,57%{opacity:1}61%{opacity:.33}}
@keyframes gkV25Step3{0%,59%,83%,100%{opacity:0}63%,70%,76%{opacity:.95}81%{opacity:.18}}
@keyframes gkV25Water{0%,3%,92%,100%{opacity:.04}18%,51%,78%{opacity:.28}40%,70%{opacity:.15}}
@media(max-width:760px){#how-to-buy .gk-chronicles-v25{opacity:.70}}
@media(prefers-reduced-motion:reduce){
 #how-to-buy .gk-v25-panel,#how-to-buy .gk-v25-arrow{animation:none!important;opacity:0!important}
 #how-to-buy .gk-v25-water-vignette{animation:none!important;opacity:.05!important}
}


/* V26: same cinematic rain on the four remaining illustrated sections.
   Uses one shared JS animation loop, pauses off-screen, and does not cover mobile copy.
   All existing Hero/Lore rain and approved section animation CSS untouched. */
#token .gk-v26-rain-layer,
#how-to-buy .gk-v26-rain-layer,
#official-signal .gk-v26-rain-layer,
#community .gk-v26-rain-layer {
 position:absolute;top:0;left:0;width:100%;aspect-ratio:2172 / 724;
 overflow:hidden;z-index:2;pointer-events:none;
}
.gk-v26-rain-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.82}
@media(max-width:760px){.gk-v26-rain-canvas{opacity:.58}}
@media(prefers-reduced-motion:reduce){.gk-v26-rain-layer{display:none!important}}

/* V27: short, infrequent lightning in previously quiet cloud pockets.
   The original Hero, Lore, gold effects, all rain and artwork are unchanged. */
#token .gk-v27-sky,#how-to-buy .gk-v27-sky,#official-signal .gk-v27-sky,#community .gk-v27-sky{
 position:absolute;top:0;left:0;width:100%;aspect-ratio:2172 / 724;
 z-index:1;pointer-events:none;overflow:hidden;isolation:isolate;
}
.gk-v27-sky svg{width:100%;height:100%;display:block;overflow:hidden;mix-blend-mode:screen}
.gk-v27-sky .gk-v27-bolt{fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.gk-v27-sky .gk-v27-outer{stroke:#749cff;stroke-width:17;opacity:.43}
.gk-v27-sky .gk-v27-inner{stroke:#b9d6ff;stroke-width:5.4;opacity:.88}
.gk-v27-sky .gk-v27-core{stroke:#edf7ff;stroke-width:2.05;opacity:.92}
.gk-v27-sky .gk-v27-branches{stroke:#bcd7ff;stroke-width:1.1;opacity:.66;filter:drop-shadow(0 0 2px #99b9ed)}
.gk-v27-sky .gk-v27-cloudglow{fill:#92b7fb;opacity:0;filter:blur(48px)}
#token .gk-v27-bolt,#token .gk-v27-cloudglow{animation:gkV27QuietStorm 17.3s linear -4.1s infinite}
#how-to-buy .gk-v27-bolt,#how-to-buy .gk-v27-cloudglow{animation:gkV27QuietStorm 19.7s linear -12s infinite}
#official-signal .gk-v27-bolt,#official-signal .gk-v27-cloudglow{animation:gkV27QuietStorm 21.2s linear -8.2s infinite}
#community .gk-v27-bolt,#community .gk-v27-cloudglow{animation:gkV27QuietStorm 18.6s linear -14.4s infinite}
/* Keep cloud lighting far gentler than the main electrical channel. */
.gk-v27-sky .gk-v27-cloudglow{animation-name:gkV27CloudBloom!important}
@keyframes gkV27CloudBloom{
 0%,33.7%,34.55%,35.0%,35.7%,36.05%,100%{opacity:0}
 33.85%,34.08%{opacity:.13}34.68%{opacity:.035}35.13%{opacity:.09}
}
@keyframes gkV27QuietStorm{
 0%,33.7%,34.55%,35.0%,35.7%,36.05%,100%{opacity:0}
 33.85%,34.08%{opacity:.85}
 34.68%{opacity:.25}
 35.13%{opacity:.68}
}
@media(max-width:760px){.gk-v27-sky{opacity:.72}}
@media(prefers-reduced-motion:reduce){.gk-v27-sky{display:none!important}}


/* V28: larger and more frequent cloud-to-cloud strikes in Token through Community ONLY.
   Retains V27 actual lightning geometry; SVG scales around its original start point.
   Approved Hero/Lore and all existing animation layers are untouched. */
.gk-v27-sky .gk-v27-outer{stroke-width:22;opacity:.60}
.gk-v27-sky .gk-v27-inner{stroke-width:7;opacity:.96}
.gk-v27-sky .gk-v27-core{stroke-width:3.1;opacity:1}
.gk-v27-sky .gk-v27-branches{stroke-width:1.55;opacity:.82}
#token .gk-v27-bolt,#token .gk-v27-cloudglow{animation-duration:8.8s;animation-delay:-2.1s}
#how-to-buy .gk-v27-bolt,#how-to-buy .gk-v27-cloudglow{animation-duration:9.4s;animation-delay:-5.3s}
#official-signal .gk-v27-bolt,#official-signal .gk-v27-cloudglow{animation-duration:8.2s;animation-delay:-4.4s}
#community .gk-v27-bolt,#community .gk-v27-cloudglow{animation-duration:9.1s;animation-delay:-6.7s}
.gk-v27-sky .gk-v27-bolt{animation-name:gkV28Lightning!important}
.gk-v27-sky .gk-v27-cloudglow{animation-name:gkV28CloudGlow!important}
/* Two separated clusters of irregular flickers per cycle; each lasts a fraction of a second. */
@keyframes gkV28Lightning{
 0%,13%,14.0%,15.1%,15.9%,53%,54.0%,55.3%,56.1%,100%{opacity:0}
 13.25%,13.58%,15.35%{opacity:1}
 13.8%{opacity:.28}
 15.6%{opacity:.68}
 53.28%,55.55%{opacity:.9}
 53.64%{opacity:.25}
 55.85%{opacity:.44}
}
@keyframes gkV28CloudGlow{
 0%,13%,14.0%,15.1%,15.9%,53%,54.0%,55.3%,56.1%,100%{opacity:0}
 13.25%,13.58%,15.35%{opacity:.23}
 13.8%{opacity:.07}
 15.6%{opacity:.14}
 53.28%,55.55%{opacity:.19}
 53.64%{opacity:.05}
 55.85%{opacity:.1}
}


/* V35 — approved Official Signal redesign. Only #official-signal gets these additions. */
#official-signal .gk-v35-signal-fx{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;isolation:isolate}
#official-signal .gk-v35-frame-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
#official-signal .gk-v35-track{
  fill:none;stroke:#fff0ae;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:18 982;stroke-dashoffset:0;
  filter:drop-shadow(0 0 4px #fff1ad) drop-shadow(0 0 8px #ff8b23);
  animation:gkV35Travel 5s linear infinite;
  pointer-events:none;
}
@keyframes gkV35Travel{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
#official-signal .gk-v35-moon-halo{
  position:absolute;left:6.5%;top:23%;width:13%;height:34%;border-radius:50%;mix-blend-mode:screen;
  background:radial-gradient(ellipse,rgba(215,237,255,.37),rgba(160,201,255,.15) 42%,transparent 74%);
  opacity:0;animation:gkV35Moon 5s ease-in-out infinite;
}
#official-signal .gk-v35-paw{position:absolute;mix-blend-mode:screen;pointer-events:none;opacity:0;animation:gkV35Paw 5s ease-out infinite}
#official-signal .gk-v35-paw-top{left:46%;top:.5%;width:8.5%;height:11%;background:radial-gradient(ellipse,rgba(255,239,159,.8),rgba(255,177,43,.29) 39%,transparent 75%)}
#official-signal .gk-v35-paw-right{left:85.8%;top:26%;width:7%;height:13%;background:radial-gradient(ellipse,rgba(255,236,160,.58),rgba(255,177,43,.24) 42%,transparent 72%);animation-delay:.3s}
#official-signal .gk-v35-title-glint{position:absolute;left:28%;top:14%;width:42%;height:13%;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at 50% 55%,rgba(255,226,128,.21),transparent 65%);animation:gkV35Title 5s ease-in-out infinite}
#official-signal .gk-v35-x-glint{position:absolute;left:35%;top:61%;width:29%;height:18%;opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse at center,rgba(255,215,107,.24),transparent 72%);animation:gkV35Button 5s ease-in-out infinite}
@keyframes gkV35Moon{0%,8%,25%,100%{opacity:0}14%,18%{opacity:.75}}
@keyframes gkV35Paw{0%,58%,75%,100%{opacity:0}62%,66%{opacity:.9}69%{opacity:.3}72%{opacity:.75}}
@keyframes gkV35Title{0%,30%,48%,100%{opacity:0}38%{opacity:.65}}
@keyframes gkV35Button{0%,75%,94%,100%{opacity:0}80%,85%{opacity:.9}89%{opacity:.35}}
@media(max-width:760px){#official-signal .gk-v35-track{stroke-width:7}}
@media(prefers-reduced-motion:reduce){#official-signal .gk-v35-signal-fx{display:none!important}}

/* V36 — restrained Gotham palette for the Official Signal ONLY.
   Preserve the V35 picture, frame geometry and continuous clockwise animation.
   Slightly dim the baked-in crimson; soften the traveling highlights.
   No changes outside #official-signal. */
#official-signal > img {
  filter: saturate(.76) brightness(.91);
}
#official-signal .gk-v35-track {
  stroke:#ffe1a0;
  stroke-width:3.0;
  opacity:.57;
  filter:drop-shadow(0 0 2px rgba(255,222,140,.6)) drop-shadow(0 0 4px rgba(247,177,65,.27));
}
#official-signal .gk-v35-moon-halo {filter:brightness(.85);}
#official-signal .gk-v35-paw-top,
#official-signal .gk-v35-paw-right {filter:brightness(.84);}
#official-signal .gk-v35-title-glint,
#official-signal .gk-v35-x-glint {filter:brightness(.79);}

/* V37: frame-free Official Signal. Keep only the approved paw, moon, title,
   and X-button highlights; eliminate the old perimeter circuit. */
#official-signal .gk-v35-frame-svg,
#official-signal .gk-v35-track { display:none!important;animation:none!important; }

/* V38: Community-only searchlights, slow and clearly visible. Other sections locked. */
#community .gk-v38-searchlight-layer{
 position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;mix-blend-mode:screen;
}
#community .gk-v38-searchlight-svg{display:block;width:100%;height:100%;overflow:hidden}
#community .gk-v38-sweep{
 transform-box:view-box;transform-origin:2025px 410px;will-change:transform;
}
#community .gk-v38-sweep-a{animation:gkV38SweepA 13s ease-in-out infinite alternate}
#community .gk-v38-sweep-b{animation:gkV38SweepB 16s ease-in-out infinite alternate}
#community .gk-v38-sweep-c{animation:gkV38SweepC 18s ease-in-out infinite alternate}
@keyframes gkV38SweepA{from{transform:rotate(-13deg)}to{transform:rotate(15deg)}}
@keyframes gkV38SweepB{from{transform:rotate(13deg)}to{transform:rotate(-14deg)}}
@keyframes gkV38SweepC{from{transform:rotate(-11deg)}to{transform:rotate(11deg)}}
@media (max-width:760px){#community .gk-v38-searchlight-layer{opacity:.7}}
@media (prefers-reduced-motion:reduce){#community .gk-v38-sweep{animation:none!important}}

/* V44: all Follow on X buttons use one brand logo at the end. */
.glow-btn .gk-official-x{display:inline-block;flex:none;vertical-align:middle;margin-left:9px;width:1.1em;height:1.1em;color:#fff0ce}
@media(max-width:760px){
  #home .mobile-actions .glow-btn,#official-signal .mobile-copy .glow-btn{border-radius:0;clip-path:polygon(7% 0,93% 0,100% 27%,100% 73%,93% 100%,7% 100%,0 73%,0 27%);border:2px solid #dfaa48;background:#02070e;box-shadow:0 0 10px rgba(255,201,93,.45);padding-inline:23px}
}

/* V46: unified refined gold trim, no bright-red extras on Chronicles. */
#how-to-buy .gk-v25-frame-halo{stroke:#f4ca69!important;filter:drop-shadow(0 0 4px rgba(235,185,82,.42))!important}
#how-to-buy .gk-v25-frame-stroke{stroke:#f6d37a!important}
#official-signal .gk-v35-x-glint{opacity:.7}
@media(max-width:760px){.glow-btn{border:1.5px solid #eac477;border-radius:4px;box-shadow:0 0 8px #ddaa5f55}}