/* Gemini home intro (Claude's working copy, 2026-10-12, round 9).
 * The Pre-register button and the registration card start BROKEN (server-rendered is-broken; the card is
 * also `inert` and covered, so nobody can register while it is broken). The crest falls into the button and
 * POWERS it. Clicking the crest (stand-in for the 3D character's strike) makes it charge, explode and MERGE
 * into the button, which turns into the new Gemini-Client-style design; a soul of light then flies from the
 * button to the registration card and repairs it.
 * States on #welcome-create-account and .home-registration: is-broken -> (+is-powered) -> is-repaired.
 */

/* ============================== the button ============================== */
#home #welcome-create-account.gx-target{position:relative;isolation:isolate;overflow:visible;padding-left:12px;gap:9px;
  transition:transform .55s cubic-bezier(.3,1.6,.5,1),clip-path .5s ease,color .5s ease,box-shadow .5s ease,filter .4s ease}
#home #welcome-create-account .gx-label{position:relative;z-index:2}
#home #welcome-create-account .gx-socket{position:relative;z-index:3;width:26px;height:26px;flex:none;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#0b0805 0 52%,#2a2013 70%,#5a4628 100%);box-shadow:inset 0 2px 4px #000c,0 0 0 1px #6b5634}
#home #welcome-create-account .gx-crack{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
#home #welcome-create-account .gx-crack path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#home #welcome-create-account .gx-crack .gx-edge{stroke:#e0b84a;stroke-width:2.4;opacity:.35}
#home #welcome-create-account .gx-crack .gx-dark{stroke:#0b0a0c;stroke-width:1.4}
#home #welcome-create-account .gx-crack .gx-current{stroke:#ffe6a6;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;
  filter:drop-shadow(0 0 2px #f2c46a) drop-shadow(0 0 5px #f2c46a)}
#home #welcome-create-account .gx-new{display:none}

/* broken: dead brass, dim label, a loose corner, a chipped plaque, a failing light */
#home #welcome-create-account.is-broken{color:#9c8a62;background:linear-gradient(115deg,#5a4a2e,#33291a);border-color:#6b5634;
  box-shadow:0 2px 4px #000a;transform:rotate(-1.6deg) translateY(2px);transform-origin:left bottom;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
/* a little bigger while broken (the owner, round 15) */
#home #welcome-create-account.gx-target.is-broken{min-height:50px;padding:14px 20px 14px 14px;font-size:13.5px;gap:11px}
#home #welcome-create-account.is-broken .gx-socket{width:29px;height:29px}
/* split along the crack (crest-drop.js splitButton): the button keeps the left piece, a twin shows the right piece a
   few px away; both pieces keep the chipped corner */
#home #welcome-create-account.is-broken.gx-split{clip-path:polygon(0 0,26.3% 0,38.2% 31.8%,34.9% 50%,55.3% 68.2%,65.8% 100%,0 100%)}
#home #welcome-create-account.is-broken.gx-twin{clip-path:polygon(26.3% 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,65.8% 100%,55.3% 68.2%,34.9% 50%,38.2% 31.8%);
  position:absolute!important;margin:0!important;box-sizing:border-box;pointer-events:auto;cursor:not-allowed}
#home #welcome-create-account.gx-twin .gx-socket{visibility:hidden}
#home #welcome-create-account.is-broken .gx-label{opacity:.5}
#home #welcome-create-account.is-broken:not(.is-powered){animation:gx-dying 3.4s steps(1) infinite}
@keyframes gx-dying{0%,60%,64%,68%,100%{filter:brightness(1)}62%{filter:brightness(.55)}66%{filter:brightness(.62)}}
#home #welcome-create-account.gx-refuse{animation:gx-refuse .42s ease both!important}
@keyframes gx-refuse{0%,100%{translate:0}20%{translate:-5px 0}40%{translate:4px 0}60%{translate:-3px 0}80%{translate:2px 0}}

/* powered: still broken, but light leaks through the crack; the button follows the crest's pulse 150ms late */
#home #welcome-create-account.is-powered .gx-crack .gx-dark{stroke:#f2c46a;animation:gx-crack-pulse 1.6s ease-in-out .15s infinite}
#home #welcome-create-account.is-powered .gx-crack .gx-edge{opacity:.75}
#home #welcome-create-account.is-powered .gx-label{opacity:.82}
#home #welcome-create-account.is-powered{animation:gx-button-pulse 1.6s ease-in-out .15s infinite}
@keyframes gx-crack-pulse{0%,100%{filter:drop-shadow(0 0 1px #f2c46a55)}50%{filter:drop-shadow(0 0 3px #f2c46a) drop-shadow(0 0 7px #e0a84add)}}
@keyframes gx-button-pulse{0%,100%{box-shadow:0 2px 4px #000a,0 0 0 0 #f2c46a00}50%{box-shadow:0 2px 4px #000a,0 0 16px 2px #f2c46a55}}

/* the seated crest */
#home #welcome-create-account .gx-socket .gemini-crest{left:50%!important;top:50%!important;width:38px;height:38px;--d:38px;transform:translate(-50%,-50%);z-index:4}
#home #welcome-create-account.is-powered .gx-socket .gemini-crest{animation:gx-crest-pulse 1.6s ease-in-out infinite}
@keyframes gx-crest-pulse{0%,100%{box-shadow:0 2px 5px #0009,0 0 0 2px #1a090bcc,0 0 6px 1px #f2c46a44}50%{box-shadow:0 2px 5px #0009,0 0 0 2px #1a090bcc,0 0 18px 5px #f2c46aaa}}
/* charging: rays behind the crest */
#home #welcome-create-account .gx-rays{position:absolute;left:50%;top:50%;width:170px;height:170px;margin:-85px 0 0 -85px;border-radius:50%;pointer-events:none;z-index:3;
  background:repeating-conic-gradient(from 0deg,#fff1c4cc 0 2.5deg,transparent 2.5deg 15deg);
  -webkit-mask:radial-gradient(circle,#000 0 12%,#0008 30%,transparent 68%);mask:radial-gradient(circle,#000 0 12%,#0008 30%,transparent 68%);opacity:0}

/* repaired = the owner's pick (button lab, 2026-10-12): design 3 "gold seal" - a thick embossed gold rim with a
   light running slowly round it - with design 4's medallion (the gold G coin in the guild medallion) */
@property --gx-run{syntax:'<angle>';inherits:false;initial-value:0deg}
#home #welcome-create-account.is-repaired{transform:none;clip-path:none;
  min-height:0;padding:3px;gap:0;border:0;border-radius:40px;color:#f3eee4;overflow:hidden;
  background:conic-gradient(from var(--gx-run),#7a4d17,#f6dc8f,#b98532,#fff1c4,#a8742a,#f3d48d,#6f4513,#d9ad5a,#7a4d17);
  animation:gx-run 7s linear infinite;box-shadow:0 6px 18px #000b,inset 0 1px 1px #fff6}
@keyframes gx-run{to{--gx-run:360deg}}
#home #welcome-create-account.is-repaired .gx-socket,#home #welcome-create-account.is-repaired .gx-label,#home #welcome-create-account.is-repaired .gx-crack{display:none}
#home #welcome-create-account.is-repaired .gx-new{display:inline-flex;align-items:center;gap:12px;position:relative;z-index:2;
  padding:6px 26px 6px 7px;border-radius:38px;
  background:radial-gradient(90% 160% at 25% 50%,#2a2015 0,#121011 50%,#08080a 100%);box-shadow:inset 0 2px 6px #000e,inset 0 -1px 0 #f3d48d33,inset 0 0 0 1px #00000099}
#home #welcome-create-account .gx-new-med{width:48px;height:48px;flex:none;padding:3px;border:1px solid #bda05f;border-radius:50%;
  background:linear-gradient(145deg,#977546,#1e1810);box-shadow:0 3px 8px #0009,0 0 0 3px #06070644,0 0 12px #f2c46a2e}
#home #welcome-create-account .gx-new-med img{display:block;width:100%;height:100%;border-radius:50%}
#home #welcome-create-account .gx-new-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
/* the word: owner's pick 2026-10-12 = option 7 "liquid gold" (light keeps running through the letters), a bit bigger */
#home #welcome-create-account .gx-new-txt b{font-family:Rajdhani,sans-serif;font-weight:700;font-size:24.5px;letter-spacing:2.4px;text-transform:uppercase;
  background:linear-gradient(100deg,#b07a2c 0%,#f1cf7d 18%,#fffaf0 28%,#f1cf7d 38%,#b07a2c 55%,#f6dc8f 75%,#b07a2c 100%) 0 0/250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #000a);animation:gx-liquid-gold 3.2s linear infinite}
@keyframes gx-liquid-gold{to{background-position:-250% 0}}
@media(prefers-reduced-motion:reduce){#home #welcome-create-account .gx-new-txt b{animation:none}}
#home #welcome-create-account .gx-new-txt small{margin-top:3px;font-family:Cinzel,Georgia,serif;font-size:9.5px;font-weight:700;letter-spacing:.3em;color:#c9a86a}
#home #welcome-create-account.is-repaired:hover{box-shadow:0 6px 18px #000b,0 0 20px 3px #f2c46a55}
#home #welcome-create-account.is-repaired::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:3;
  background:linear-gradient(110deg,transparent 35%,#fff3cf66 49%,transparent 63%);opacity:0;transform:translateX(-115%)}
#home #welcome-create-account.is-repaired:hover::after{animation:hero-frame-gleam .85s ease-out}
/* the moment it is born: a flash inside and a slow golden glow that settles */
#home #welcome-create-account.gx-born{animation:gx-run 7s linear infinite,gx-born 1.6s ease-out}
@keyframes gx-born{0%{box-shadow:0 0 0 2px #fff6dc,0 0 40px 14px #ffd98a;filter:brightness(2)}35%{filter:brightness(1.25)}100%{box-shadow:0 6px 18px #000b,inset 0 1px 1px #fff6;filter:brightness(1)}}
@media(max-width:600px){#home #welcome-create-account.is-repaired{justify-content:stretch}#home #welcome-create-account.is-repaired .gx-new{flex:1;justify-content:center}}

/* ============================== focus while the intro plays (gemini-focus.js, desktop) ============================== */
html.gx-focus,html.gx-focus body{overflow:hidden!important}
html.gx-focus{scrollbar-gutter:stable}
.gx-focus-veil{position:fixed;inset:0;z-index:55;pointer-events:none;background:rgba(6,6,9,.3);
  -webkit-backdrop-filter:blur(7px) saturate(.8) brightness(.62);backdrop-filter:blur(7px) saturate(.8) brightness(.62);
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  transition:opacity 1.1s ease;animation:gx-veil-in .9s ease both}
.gx-focus-veil.is-leaving{opacity:0}
@keyframes gx-veil-in{from{opacity:0}}
.gx-focus-dim{filter:blur(5px) brightness(.55) saturate(.8)!important;pointer-events:none!important;transition:filter 1.1s ease}
.gx-focus-dim.gx-focus-undim{filter:none!important}
.gx-focus-skip{position:fixed;right:28px;bottom:26px;z-index:2100;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  padding:9px 16px 9px 18px;border-radius:30px;border:1px solid #bda05f99;background:linear-gradient(180deg,#1d1914ee,#0d0c0dee);
  color:#e9d8ae;font:600 12.5px/1 Cinzel,Georgia,serif;letter-spacing:.12em;box-shadow:0 6px 18px #000a,inset 0 1px 0 #fff2;
  opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease,border-color .2s,color .2s}
.gx-focus-skip.is-shown{opacity:.85;transform:none}
.gx-focus-skip:hover{opacity:1;border-color:#f3d48d;color:#fff3cf}
.gx-focus-skip:focus-visible{outline:2px solid #f3d48d;outline-offset:3px}

/* owner (2026-10-12): the Gemini medallion is replaced by THE CHARACTER (rendered from the same GLB, spear in hand,
   /optimized-assets-20261016/images/14-button-hero.webp) standing in the button and rising above its rim - with an aura, a slow light
   running over him, a breath, two motes - and the Beta card's faded G behind the text. */
#home #welcome-create-account.is-repaired{overflow:visible}
#home #welcome-create-account.is-repaired::after{display:none}
#home #welcome-create-account.is-repaired .gx-new{padding-left:4px;isolation:isolate}
#home #welcome-create-account .gx-new-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:-1;pointer-events:none}
#home #welcome-create-account .gx-new-g{position:absolute;right:-6px;top:50%;height:175%;width:auto;transform:translateY(-50%) rotate(-8deg);opacity:.09;filter:saturate(.8)}
#home #welcome-create-account .gx-new-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff3cf55 49%,transparent 63%);
  opacity:0;transform:translateX(-115%)}
#home #welcome-create-account.is-repaired:hover .gx-new-bg::after{animation:hero-frame-gleam .85s ease-out}
#home #welcome-create-account .gx-new-med.gx-hero{width:70px;height:48px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;position:relative;overflow:visible}
#home #welcome-create-account .gx-hero img.gx-hero-img,#home #welcome-create-account .gx-hero-shine{position:absolute;left:50%;bottom:-4px;height:98px;width:82px;margin-left:-41px;
  transform-origin:50% 100%;animation:gx-hero-breathe 3.8s ease-in-out infinite}
#home #welcome-create-account .gx-hero img.gx-hero-img{display:block;border-radius:0;object-fit:contain;filter:drop-shadow(0 3px 4px #000d) drop-shadow(0 0 6px #f2c46a33);transition:filter .3s}
#home #welcome-create-account .gx-hero-shine{pointer-events:none;
  background:linear-gradient(165deg,transparent 38%,#fff7dccc 48%,#ffe6a0aa 52%,transparent 62%) 0 0/100% 300% no-repeat;
  -webkit-mask:url(/optimized-assets-20261016/images/14-button-hero.webp) center/contain no-repeat;mask:url(/optimized-assets-20261016/images/14-button-hero.webp) center/contain no-repeat;
  mix-blend-mode:screen;animation:gx-hero-breathe 3.8s ease-in-out infinite,gx-hero-shine 4.6s ease-in-out infinite}
#home #welcome-create-account .gx-hero-aura{position:absolute;left:50%;bottom:0;width:96px;height:90px;margin-left:-48px;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,#f2c46a66,#b48cff2e 55%,transparent 75%);filter:blur(4px);animation:gx-hero-aura 3.8s ease-in-out infinite}
#home #welcome-create-account .gx-hero-aura::before,#home #welcome-create-account .gx-hero-aura::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;
  background:#ffe9b0;box-shadow:0 0 5px 1px #ffc45a;bottom:18%;left:30%;animation:gx-hero-mote 3.2s ease-in infinite}
#home #welcome-create-account .gx-hero-aura::after{left:68%;animation-delay:-1.6s;background:#d9c8ff;box-shadow:0 0 5px 1px #a98bff}
#home #welcome-create-account .gx-new-anchor{position:absolute;left:50%;top:-6px;width:36px;height:36px;margin-left:-18px;pointer-events:none}
#home #welcome-create-account.is-repaired:hover .gx-hero-img{filter:drop-shadow(0 3px 4px #000d) drop-shadow(0 0 10px #f2c46a88) brightness(1.12)}
@keyframes gx-hero-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.012)}}
@keyframes gx-hero-shine{0%,55%{background-position:0 120%}85%,100%{background-position:0 -120%}}
@keyframes gx-hero-aura{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes gx-hero-mote{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-58px);opacity:0}}
@media(prefers-reduced-motion:reduce){#home #welcome-create-account .gx-hero img.gx-hero-img,#home #welcome-create-account .gx-hero-shine,#home #welcome-create-account .gx-hero-aura,
  #home #welcome-create-account .gx-hero-aura::before,#home #welcome-create-account .gx-hero-aura::after{animation:none}}

/* ============================== the registration card ============================== */
#home .home-registration.gx-card{isolation:isolate;transition:transform .7s cubic-bezier(.3,1.5,.5,1)}
#home .home-registration .gx-card-crack{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:visible;transition:opacity .9s ease}
#home .home-registration .gx-card-crack path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#home .home-registration .gx-card-crack .gx-edge{stroke:#e0b84a;stroke-width:2.6;opacity:.3}
#home .home-registration .gx-card-crack .gx-dark{stroke:#050405;stroke-width:1.8;opacity:.92}
#home .home-registration .gx-card-crack .gx-current{stroke:#fff1c4;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 3px #f2c46a) drop-shadow(0 0 8px #e0a84a)}
#home .home-registration .gx-card-block{position:absolute;inset:0;z-index:8;cursor:not-allowed;display:none}
#home .home-registration .gx-card-noise{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;mix-blend-mode:overlay;
  background:repeating-linear-gradient(0deg,#ffffff10 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 40%,transparent 40%,#000a 100%)}
#home .home-registration .gx-card-light{position:absolute;inset:4px 2px;pointer-events:none;z-index:7;border-radius:4px;opacity:0;padding:2px;
  background:conic-gradient(from var(--gx-a,0deg),transparent 0 70%,#ffe3a0 82%,#fff6dc 86%,#ffe3a0 90%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
#home .home-registration .gx-card-flash{position:absolute;inset:-6%;z-index:9;pointer-events:none;opacity:0;border-radius:12px;
  background:radial-gradient(ellipse at var(--fx,50%) var(--fy,20%),#fffaf0 0,#ffe7b0cc 18%,#f2c46a55 40%,transparent 70%);mix-blend-mode:screen}
@property --gx-a{syntax:'<angle>';inherits:false;initial-value:0deg}

#home .home-registration #home-register-frame{transition:filter 1.1s ease,clip-path .7s cubic-bezier(.3,1.4,.5,1)}
/* broken: darker, glitching, a shattered corner missing, a hanging tilt, and closed */
#home .home-registration.is-broken{transform:rotate(-.7deg) translateY(4px)}
#home .home-registration.is-broken .gx-card-block{display:block}
#home .home-registration.is-broken .gx-card-noise{opacity:.55;animation:gx-noise .18s steps(2) infinite}
#home .home-registration.is-broken #home-register-frame{filter:grayscale(.75) sepia(.2) brightness(.48) contrast(1.05);
  clip-path:polygon(0 0,71% 0,74% 3%,79% 1.5%,84% 5%,90% 3.5%,100% 8%,100% 100%,0 100%);animation:gx-card-glitch 5s steps(1) infinite}
@keyframes gx-noise{0%{background-position:0 0,0 0}50%{background-position:0 2px,0 0}100%{background-position:0 1px,0 0}}
@keyframes gx-card-glitch{0%,44%,50%,73%,77%,100%{filter:grayscale(.75) sepia(.2) brightness(.48) contrast(1.05);translate:0}
  45%{filter:grayscale(.9) brightness(.3) contrast(1.4);translate:-3px 0}46%{translate:4px 1px}47%{filter:grayscale(.75) sepia(.2) brightness(.6);translate:-1px 0}
  74%{filter:grayscale(1) brightness(.22);translate:2px -1px}75%{filter:grayscale(.75) sepia(.2) brightness(.55);translate:0}}
/* the loose pieces (crest-drop.js shatter()): clipped clones of the card, a thin gold edge and a shadow under them */
/* exactly the card's colours: the same filter and the same glitch, kept in step by crest-drop.js; only a soft shadow */
#home .home-registration .gx-piece{position:absolute;z-index:4;pointer-events:none;will-change:transform;filter:drop-shadow(0 3px 4px #0009)}
#home .home-registration .gx-piece iframe{display:block;width:100%;height:100%;border:0;background:transparent;
  filter:grayscale(.75) sepia(.2) brightness(.48) contrast(1.05);animation:gx-card-glitch 5s steps(1) infinite}
/* the Gemini crest inside the card stays lit on its own while the card is dark */
#home .home-registration .gx-card-crest{position:absolute;z-index:7;pointer-events:none;border-radius:50%;
  animation:gx-card-crest-glow 2.4s ease-in-out infinite}
@keyframes gx-card-crest-glow{0%,100%{filter:brightness(1.05) drop-shadow(0 0 3px #f2c46a99) drop-shadow(0 0 8px #e0a84a55)}
  50%{filter:brightness(1.2) drop-shadow(0 0 5px #ffd98acc) drop-shadow(0 0 14px #f2c46a88)}}
#home .home-registration.gx-refuse{animation:gx-card-refuse .45s ease}
@keyframes gx-card-refuse{0%,100%{translate:0}20%{translate:-6px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}
/* reviving: overexposed for a beat, then settling into its real colours */
#home .home-registration.is-reviving #home-register-frame{filter:brightness(1.9) saturate(1.35) contrast(.9);animation:none;transition:filter .18s ease}
#home .home-registration.is-repaired{transform:none}
#home .home-registration.is-repaired #home-register-frame{filter:none;animation:none;clip-path:polygon(0 0,71% 0,74% 0,79% 0,84% 0,90% 0,100% 0,100% 100%,0 100%)}
#home .home-registration.is-repaired .gx-card-crack{opacity:0}
#home .home-registration.is-repaired .gx-card-noise{opacity:0;animation:none}

/* ============================== overlays on the page ============================== */
.gx-flash{position:absolute;border-radius:50%;pointer-events:none;z-index:62;background:radial-gradient(circle,#fffaf0 0,#ffe7b0cc 25%,#f2c46a44 50%,transparent 72%)}
.gx-shard{position:absolute;width:9px;height:11px;pointer-events:none;z-index:63;background:linear-gradient(135deg,#fff3c4,#e0a84a 55%,#7a4a14);
  clip-path:polygon(50% 0,100% 70%,35% 100%,0 40%);filter:drop-shadow(0 0 3px #f2c46a)}
/* realism on the crest's journey (crest-drop.js): a fixed light glinting on the spinning gold, its warm reflection on
   the surface beneath, and gold dust where it brushes an edge */
.gx-sheen{position:absolute;left:0;top:0;width:var(--d);height:var(--d);border-radius:50%;pointer-events:none;z-index:61;mix-blend-mode:screen;
  background:radial-gradient(circle at 32% 26%,#fffaf0 0,#fff3cf88 12%,transparent 34%),radial-gradient(circle at 70% 78%,#ffd98a33 0,transparent 30%)}
.gx-pool{position:absolute;left:0;top:0;width:calc(var(--d)*1.5);height:calc(var(--d)*.6);border-radius:50%;pointer-events:none;z-index:56;mix-blend-mode:screen;
  background:radial-gradient(ellipse,#ffd98a66 0,#f2c46a33 35%,transparent 70%);filter:blur(3px)}
.gx-ring{position:absolute;border-radius:50%;pointer-events:none;z-index:61;border:2px solid #ffe3a0;box-shadow:0 0 12px #f2c46aaa,inset 0 0 10px #f2c46a66}
.gx-dust{position:absolute;width:3px;height:3px;margin:-1.5px;border-radius:50%;pointer-events:none;z-index:61;background:#ffe6a6;box-shadow:0 0 4px 1px #f2c46a99}

/* the strike's light (owner's pick, lab proposal 6): lightning to the card + lens ripples from the blow */
.gx-stage{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:58}
.gx-stage .gx-el{position:absolute;left:0;top:0;pointer-events:none;will-change:transform,opacity}
.gx-stage .gx-round{border-radius:50%}
.gx-stage .gx-lens{-webkit-backdrop-filter:brightness(1.65) saturate(1.45) contrast(1.08);backdrop-filter:brightness(1.65) saturate(1.45) contrast(1.08);
  -webkit-mask:radial-gradient(circle,transparent 0 62%,#000 65.5%,#000 67.8%,transparent 71.5%);mask:radial-gradient(circle,transparent 0 62%,#000 65.5%,#000 67.8%,transparent 71.5%)}
.gx-stage .gx-lens-edge{border:1.2px solid #ffe3a080;box-shadow:0 0 8px #f2c46a55}
.gx-stage .gx-bloom{background:radial-gradient(circle,#fffaf0 0,#ffe7b0bb 22%,#ffb54744 46%,transparent 70%);mix-blend-mode:screen}
.gx-stage .gx-strobe{position:absolute;inset:0;background:#fffaf0;mix-blend-mode:screen;opacity:0}
.gx-stage svg{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.gx-stage .gx-bolt{filter:drop-shadow(0 0 4px #ffe7b0) drop-shadow(0 0 14px #f2a83a) drop-shadow(0 0 30px #f2c46a88)}
.gx-stage .gx-bolt polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}
.gx-shadow{position:absolute;left:0;top:0;width:var(--d,73px);height:calc(var(--d,73px)*.32);border-radius:50%;pointer-events:none;z-index:57;
  background:radial-gradient(ellipse,#000c 0,#0006 45%,transparent 72%)}

@media (prefers-reduced-motion:reduce){
  #home #welcome-create-account.is-broken,#home #welcome-create-account.is-powered,#home .home-registration.is-broken #home-register-frame,
  #home .home-registration.is-broken .gx-card-noise{animation:none!important}
  #home #welcome-create-account.is-powered .gx-crack .gx-dark{animation:none;filter:drop-shadow(0 0 3px #f2c46a)}
}