/* GOLDENX // ANALOG SIGNAL PATCH v0.3 — optional glitch, accessible fallbacks */
:root { --gx-fx-opacity:.75; --gx-tear-top:36%; --gx-tear-height:21px; --gx-tear-shift:13px; }
.gx-fx-btn,.gx-sfx-btn{white-space:nowrap;letter-spacing:.02em;border-color:#b48bba6b;min-width:66px}
.gx-fx-btn{color:#ffd98b}
.gx-sfx-btn{color:#c2aaca}
.gx-fx-btn:hover,.gx-sfx-btn:hover{border-color:var(--gold);background:#ffbc3f17}
.gx-fx-btn:focus-visible,.gx-sfx-btn:focus-visible{outline-offset:3px}
body[data-gx-fx="off"] .gx-analog-overlays{display:none}
body[data-gx-fx="off"] .noise{opacity:.045}
body[data-gx-fx="on"]{--gx-fx-opacity:.42}
body[data-gx-fx="max"]{--gx-fx-opacity:.75}
.gx-analog-overlays{position:fixed;inset:0;z-index:65;pointer-events:none;overflow:hidden;opacity:var(--gx-fx-opacity);contain:layout paint}
.gx-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,#02030a00 0,#02030a00 2px,#02030a45 3px,#02030a00 5px);opacity:.33;mix-blend-mode:multiply}
.gx-raster{position:absolute;inset:-30% 0;background:linear-gradient(180deg,transparent 0%,rgba(255,184,108,.008) 40%,rgba(251,116,186,.10) 49%,rgba(255,255,255,.08) 50%,transparent 56%);animation:gx-scan-sweep 13s linear infinite;will-change:transform;mix-blend-mode:screen}
.gx-signal-tear{position:absolute;inset:auto -3% auto -3%;top:var(--gx-tear-top);height:var(--gx-tear-height);background:linear-gradient(180deg,transparent,rgba(255,120,200,.16) 15%,rgba(98,213,244,.19) 45%,rgba(255,195,92,.14) 75%,transparent);opacity:0;box-shadow:0 -1px 0 rgba(137,241,255,.12),0 1px 0 rgba(255,154,116,.16);transform:translateX(var(--gx-tear-shift)) skewX(-4deg)}
.gx-signal-label{position:absolute;right:23px;bottom:9px;color:#ecbaff78;font:8px/1 monospace;letter-spacing:2px;opacity:.6}
body.gx-burst .gx-signal-tear{opacity:.9;animation:gx-tear-burst .25s steps(4,end) 1}
body.gx-burst .gx-raster{opacity:1}
body.gx-burst .site-header,body.gx-burst .desktop-bar{box-shadow:inset 0 2px 0 #fb629666,inset 0 -2px 0 #3af2e455}
body.gx-burst .hero-image{filter:saturate(1.4) contrast(1.19) hue-rotate(4deg)}
.gx-jitter{animation:gx-chroma-jitter .28s steps(4,end) 1!important;will-change:transform;text-shadow:-2px 0 #f65a966b,2px 0 #5ce4ed65!important}
.member-card:hover,.showcase-card:hover,.mission-chip:hover{filter:drop-shadow(2px 0 #ff6a913b) drop-shadow(-2px 0 #5af5ff25)}
body[data-gx-fx="max"] .top-ticker,body[data-gx-fx="max"] .desktop-title{filter:drop-shadow(1px 0 #e16aff75)}
body[data-gx-fx="max"] .noise{opacity:.19;animation:gx-static-breathe 3.9s steps(3,end) infinite}
body[data-gx-fx="on"] .noise{opacity:.15}
@keyframes gx-scan-sweep{from{transform:translateY(-55%)}to{transform:translateY(55%)}}
@keyframes gx-tear-burst{0%{transform:translateX(-18px);opacity:0}20%{transform:translateX(26px);opacity:.9}50%{transform:translateX(-11px);opacity:.5}75%{transform:translateX(17px);opacity:.8}100%{opacity:0}}
@keyframes gx-static-breathe{0%,80%,100%{filter:contrast(1)}83%{filter:contrast(1.6)}86%{filter:contrast(.75)}}
@keyframes gx-chroma-jitter{0%,100%{transform:translateX(0);filter:none}20%{transform:translateX(-2px);filter:hue-rotate(8deg)}40%{transform:translateX(3px);filter:hue-rotate(-7deg)}60%{transform:translateX(-1px)}80%{transform:translateX(2px)}}
/* Video slot: works as a polished poster even before the MP4 exists. */
.gx-film{min-width:0;position:relative;display:flex;flex-direction:column;margin:32px 28px 32px 0;border:1px solid #9967b68f;border-radius:11px;overflow:hidden;box-shadow:0 16px 70px #0006,0 0 43px #ac57eb1c;background:#100d1d;min-height:455px}
.gx-film-head,.gx-film-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;font:800 9px/1 monospace;letter-spacing:1.1px}
.gx-film-head{min-height:40px;color:#d2abdc;background:linear-gradient(90deg,#3d2451,#211932);border-bottom:1px solid #a56fc452}
.gx-film-head span:first-child{color:#ffe6a0}.gx-film-head b{color:#ff8fab;font-size:12px}
.gx-film-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82eeca;box-shadow:0 0 10px #81efd0;margin-right:5px}
.gx-film-screen{position:relative;isolation:isolate;flex:1;min-height:365px;overflow:hidden;background:#0b0a19}
.gx-film-poster{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 68%,#58307891,transparent 55%),radial-gradient(ellipse at 16% 16%,#fa9c3e20,transparent 55%),linear-gradient(145deg,#141126,#090c19);display:grid;place-items:center}
.gx-film-grid{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff0a 1px,transparent 1px) 0 0/28px 28px,linear-gradient(#ffffff08 1px,transparent 1px) 0 0/28px 28px;mask-image:linear-gradient(0deg,#0008,transparent)}
.gx-film-orb{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(36px);opacity:.26}
.gx-film-orb.orb-a{left:-90px;top:45px;background:#ffb34a}.gx-film-orb.orb-b{right:-90px;top:85px;background:#f368ce}
.gx-egg-character{position:absolute;top:19%;width:105px;height:144px;border-radius:51% 51% 46% 46%/61% 61% 40% 40%;box-shadow:inset -11px -19px 20px #47193265,inset 9px 12px 18px #fff5,0 24px 28px #0007,0 0 30px #ffb84b44;animation:gx-egg-float 3.8s ease-in-out infinite;z-index:2}
.gx-egg-one{left:19%;background:radial-gradient(circle at 26% 18%,#fff3ba,#ffc76c 33%,#ce6c87 80%,#783a83 100%);transform:rotate(-10deg)}
.gx-egg-two{right:19%;background:radial-gradient(circle at 22% 15%,#f4fff0,#a9d7ff 23%,#bb8bdf 65%,#ed72a0 100%);animation-delay:-1.7s;transform:rotate(10deg)}
.gx-egg-eye{position:absolute;top:52%;width:7px;height:11px;border-radius:4px;background:#301734;box-shadow:1px 1px 0 #fff5}
.gx-egg-eye.left{left:40%}.gx-egg-eye.right{left:57%}
.gx-egg-shine{position:absolute;top:22%;left:19%;width:21px;height:31px;border-radius:50%;transform:rotate(-32deg);background:#ffffff78;filter:blur(7px)}
.gx-film-spark{position:absolute;top:27%;left:50%;transform:translateX(-50%);color:#ffcd73;font-size:48px;text-shadow:0 0 22px #fdb358,0 0 42px #fc7ed8;animation:gx-spark 2.6s ease-in-out infinite;z-index:1}
.gx-film-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;padding:0 12px;z-index:3;filter:drop-shadow(0 4px 9px #000b)}
.gx-film-caption span,.gx-film-caption em{display:block;font:800 9px monospace;letter-spacing:2.2px;color:#efb8eb;font-style:normal}
.gx-film-caption strong{display:block;font:900 clamp(21px,2vw,29px)/1.03 'Arial Black',sans-serif;color:#fff7e8;letter-spacing:-1px;margin:8px 0 10px}
.gx-film-caption em{font-size:8px;color:#ffc86b}
.gx-film-screen video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:none;background:#100d1d}
.gx-film.has-video .gx-film-screen video{display:block}
.gx-film.has-video .gx-film-poster{display:none}
.gx-video-error{position:absolute;inset:auto 10px 10px;color:#ffd69f;background:#331b3a;padding:8px;font:9px monospace;text-align:center}
.gx-film-controls{min-height:48px;background:#1b142b;color:#c3a6d1}
.gx-film-controls>span{display:flex;align-items:center}
.gx-film-controls button{border:1px solid #7a527e;border-radius:4px;padding:7px 10px;background:#312340;color:#ffe7bd;font:800 10px monospace;white-space:nowrap}
.gx-film-controls button:disabled{opacity:.45;cursor:not-allowed}
.gx-film-controls button:not(:disabled):hover{border-color:var(--gold);color:#fff}
@keyframes gx-egg-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes gx-spark{0%,100%{opacity:.35;scale:.9}50%{opacity:1;scale:1.1}}
html[data-theme="matrix"] .gx-film{border-color:#5cbb79;background:#06150c;box-shadow:0 16px 70px #0006,0 0 43px #30e36926}
html[data-theme="matrix"] .gx-film-head,html[data-theme="matrix"] .gx-film-controls{background:#11291c;border-color:#418f61;color:#afe8b9}
html[data-theme="matrix"] .gx-film-head span:first-child,html[data-theme="matrix"] .gx-film-caption em{color:#a0ff9d}
html[data-theme="matrix"] .gx-film-poster{background:radial-gradient(ellipse at 50% 62%,#286e3a77,transparent 56%),linear-gradient(145deg,#102c18,#050f0b)}
html[data-theme="matrix"] .gx-film-orb.orb-a{background:#69fa97}html[data-theme="matrix"] .gx-film-orb.orb-b{background:#25b46b}
html[data-theme="matrix"] .gx-egg-one,html[data-theme="matrix"] .gx-egg-two{filter:grayscale(1) sepia(1) hue-rotate(70deg) saturate(2.3)}
html[data-theme="matrix"] .gx-film-spark{color:#87ffab;text-shadow:0 0 20px #7bffa2}
html[data-theme="matrix"] .gx-film-controls button{background:#16371f;border-color:#3c9762;color:#b5ffbf}
html[data-theme="matrix"] .gx-raster{background:linear-gradient(180deg,transparent 0%,rgba(95,255,145,.009) 43%,rgba(38,255,125,.15) 49%,rgba(179,255,176,.13) 50%,transparent 55%)}
html[data-theme="matrix"] .gx-signal-tear{background:linear-gradient(180deg,transparent,#81ff9c27 30%,#4effb35b 45%,transparent);box-shadow:0 1px 0 #8affb73d}
html[data-theme="matrix"] .gx-signal-label{color:#9bffc578}
@media(max-width:1200px){.gx-film{margin-right:18px}.gx-film-head span:last-child{display:none}}
@media(max-width:800px){.gx-film{margin:0 22px 26px;min-height:390px}.gx-film-screen{min-height:330px}.gx-egg-character{top:17%}.gx-film-caption strong{font-size:28px}}
@media(max-width:550px){.gx-fx-btn,.gx-sfx-btn{font-size:9px;min-width:0;padding:0 5px}.gx-film{margin:0 13px 20px}.gx-film-screen{min-height:300px}.gx-egg-character{top:17%;width:80px;height:111px}.gx-egg-one{left:16%}.gx-egg-two{right:16%}.gx-film-head{padding:0 10px}.gx-film-controls{padding:0 9px;gap:4px;letter-spacing:0}.gx-film-controls button{padding:6px}.gx-film-caption{bottom:13px}.gx-film-caption strong{font-size:23px}.gx-signal-label{display:none}}
@media(prefers-reduced-motion:reduce){.gx-analog-overlays,.gx-film-spark{display:none!important}.gx-egg-character{animation:none!important}.gx-jitter{animation:none!important;filter:none!important;text-shadow:none!important}}
@media(max-width:550px){
  .gx-fx-btn,.gx-sfx-btn{font-size:0;min-width:29px;padding:0 4px}
  .gx-fx-btn::after{content:"FX";font:800 9px monospace}
  .gx-sfx-btn::after{content:"♪";font:800 13px monospace}
}
@media(max-width:550px){.header-actions{gap:4px}}