/* MISSION: MARS look (v3 "Dune Alpha" skin): a warm Martian world drawn like the base illustration.
 * Thick dark outlines, glossy convex shapes, soft grain, small living animations. Loaded last, so it re-themes the whole site. */
:root{
  --bg:#d9825f;--bg2:#fff3e2;--rust:#e0562c;--ochre:#fcd34d;--bone:#2b1710;--mute:#7b4a38;--line:#231815;--vio:#9b6bff;
  --ink:#231815;--cream:#fffdf9;--paper:#fff3e2;--sun:#fde047;--orange:#f97316;--sky1:#f4c3b0;--sky2:#e9a287;--sand:#d9825f;--soil:#b8532f;
  --gloss:linear-gradient(180deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.16) 40%,rgba(255,255,255,0) 56%,rgba(110,40,10,.16) 100%);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .08 0 0 0 0 .02 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
html{background:#c4562e}
body{color:var(--ink);background:
  radial-gradient(120% 60% at 50% 105%,rgba(110,35,10,.45),transparent 60%),
  radial-gradient(40% 18% at 14% 94%,rgba(120,40,15,.35),transparent 70%),radial-gradient(34% 16% at 86% 90%,rgba(120,40,15,.3),transparent 70%),
  linear-gradient(180deg,var(--sky1) 0%,#f0b9a2 24%,var(--sand) 58%,var(--soil) 100%) fixed;
  font-family:MMSans,Inter,system-ui,"Segoe UI",sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:var(--grain);opacity:.22;mix-blend-mode:multiply}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(70,20,5,.32))}
#stars{opacity:.55;mix-blend-mode:soft-light}
::selection{background:var(--sun);color:var(--ink)}
button:focus-visible,:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

/* ---------- chrome ---------- */
.top{background:none;pointer-events:none}.top>*{pointer-events:auto}
.logo{font-size:14px;letter-spacing:.08em;color:var(--ink);background:var(--gloss),var(--cream);border:3px solid var(--ink);border-radius:999px;padding:7px 14px;box-shadow:0 4px 0 var(--ink);text-shadow:0 1px 0 #fff}
.snd,.mus{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;box-shadow:0 4px 0 var(--ink);width:38px!important;height:38px!important;border-radius:50%!important;transition:transform .15s,box-shadow .15s}
.snd:hover,.mus:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.snd:active,.mus:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.snd[aria-pressed="false"],.mus[aria-pressed="false"]{opacity:1;filter:grayscale(1) brightness(.9);background:#e7d9cc!important}
.snd[aria-pressed="false"]::after,.mus[aria-pressed="false"]::after{content:"";position:absolute;left:7px;right:7px;top:50%;height:3px;background:var(--ink);border-radius:2px;transform:rotate(-40deg)}
.snd,.mus{position:relative}
.langs{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);padding:3px;gap:2px}
.langs button{color:var(--ink)!important;font-weight:800;font-size:12px;transition:transform .15s}
.langs button:hover{transform:translateY(-1px)}
.langs button.on,.langs button[aria-pressed="true"]{background:var(--gloss),var(--orange)!important;color:#fff!important;box-shadow:inset 0 0 0 2px var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.35)}
.bar{background:linear-gradient(transparent,rgba(90,25,8,.5))}
.bar button{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;font-weight:800;box-shadow:0 5px 0 var(--ink);transition:transform .15s,box-shadow .15s,filter .2s;text-shadow:0 1px 0 #fff}
.bar button:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}
.bar button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}
.bar button.on{background:var(--gloss),var(--sun)!important;box-shadow:0 5px 0 var(--ink),0 0 0 3px #fff6 inset;transform:translateY(-3px);animation:barOn 2.4s ease-in-out infinite}
@keyframes barOn{50%{transform:translateY(-5px)}}
#prog{background:linear-gradient(90deg,var(--sun),var(--orange));height:5px;border-bottom:2px solid var(--ink)}

/* ---------- home ---------- */
.hero h1,.hero h1 .w{color:var(--cream)}
.hero h1 .ch{color:var(--cream)!important;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink),0 9px 0 rgba(35,24,21,.35)!important;letter-spacing:.01em;
  filter:drop-shadow(0 6px 0 rgba(120,40,10,.35))}
.hero h1 .w:nth-child(2) .ch{color:var(--sun)!important}
.hero h1 .ch{animation:chBob 3.4s ease-in-out infinite;animation-delay:calc(var(--i)*-.18s)}
@keyframes chBob{50%{translate:0 -4px}}
.sub{color:var(--ink);font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.6);background:var(--gloss),var(--cream);display:inline-block;border:3px solid var(--ink);border-radius:999px;padding:6px 18px;box-shadow:0 4px 0 var(--ink)}
.planet{box-shadow:0 0 0 6px var(--ink),0 14px 0 6px rgba(35,24,21,.35),0 0 80px 14px rgba(255,230,160,.5),inset -26px -20px 46px rgba(80,20,5,.5),inset 14px 12px 30px rgba(255,255,255,.25)}
.planet::after{box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}
.orbit{border-color:rgba(35,24,21,.5)!important;border-style:dashed!important}
.cta{border:4px solid var(--ink);border-radius:20px;background:var(--gloss),linear-gradient(180deg,#ffb037,#f97316 60%,#e0562c);color:#fff;text-shadow:0 2px 0 rgba(120,30,0,.6),0 0 1px var(--ink);box-shadow:0 7px 0 var(--ink),0 14px 22px rgba(80,20,5,.35);font-weight:900;letter-spacing:.02em;transition:transform .15s,box-shadow .15s}
.cta:hover{transform:translateY(-3px);box-shadow:0 10px 0 var(--ink),0 18px 26px rgba(80,20,5,.35)}
.cta:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}
.scroll{color:var(--ink);opacity:.8}
.hcredit{color:var(--ink);opacity:.7}
/* resource icons: glossy 3D orbs that float and glint */
.res{animation:resFloat 3.6s ease-in-out infinite}.res:nth-child(2){animation-delay:-.7s}.res:nth-child(3){animation-delay:-1.4s}.res:nth-child(4){animation-delay:-2.1s}.res:nth-child(5){animation-delay:-2.8s}
@keyframes resFloat{50%{transform:translateY(-6px)}}
.ring{border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.95),rgba(255,255,255,0) 34%),radial-gradient(circle at 50% 60%,#fff6e8,#ffd9b0 72%,#f2a46a);
  box-shadow:0 0 0 4px var(--ink),0 8px 0 4px var(--ink),0 16px 18px rgba(80,20,5,.35),inset 0 -9px 14px rgba(150,60,10,.3),inset 0 7px 9px rgba(255,255,255,.8)}
.ring::after{content:"";position:absolute;left:18%;top:10%;width:30%;height:16%;border-radius:50%;background:rgba(255,255,255,.85);transform:rotate(-24deg);filter:blur(.5px);pointer-events:none;animation:glint 4s ease-in-out infinite}
@keyframes glint{0%,70%,100%{opacity:.85}85%{opacity:.25}}
.res .ico{filter:drop-shadow(0 3px 0 rgba(35,24,21,.35))}
.num{color:var(--ink)!important;text-shadow:0 1px 0 #fff;background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:0 8px;box-shadow:0 2px 0 var(--ink);font-size:13px}
.nm{color:var(--ink)!important;text-shadow:0 1px 0 rgba(255,255,255,.7);font-weight:800;font-size:11px}

/* ---------- pages ---------- */
.ptitle,h2,.hero~*,.page h2{color:var(--cream)}
.ptitle{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);letter-spacing:.01em}
.ptitle::after{height:6px;border-radius:4px;background:var(--ink);box-shadow:0 0 0 2px var(--sun) inset}
h2{-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);font-size:26px}
.sec h2::after{background:var(--ink)}
.chips{background:none}
.chip{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;font-weight:800;box-shadow:0 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}
.chip:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.chip:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.slot,.media,.sh,.aic,.codef,.seg,.cc,.team,.soon{box-shadow:0 7px 0 var(--ink),0 16px 24px rgba(80,20,5,.3)}
.slot{background:var(--gloss),repeating-linear-gradient(45deg,#ffe9cf 0 14px,#ffdcb8 14px 28px);border:4px solid var(--ink);color:var(--orange);border-radius:26px}
.media{border-radius:26px;overflow:hidden;border:4px solid var(--ink);background:var(--cream)}
.txt{color:var(--ink);font-weight:600;background:var(--gloss),var(--cream);border:3px solid var(--ink);border-radius:22px;padding:14px 18px;box-shadow:0 5px 0 var(--ink)}
.txt:empty{display:none}
.greet{background:none;-webkit-text-fill-color:var(--cream);color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}
.lead2{color:var(--ink)!important;font-weight:800!important}
.end{color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}
.aic{background:var(--gloss),var(--cream)!important;border:4px solid var(--ink)!important;color:var(--ink);font-weight:600;border-radius:22px}
.aic b{filter:drop-shadow(0 1px 0 #fff)}
.btn{border:4px solid var(--ink);background:var(--gloss),linear-gradient(180deg,#ffb037,#f97316);color:#fff;text-shadow:0 2px 0 rgba(120,30,0,.6);box-shadow:0 6px 0 var(--ink);border-radius:18px;font-weight:900}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}
.btn.ghost{background:var(--gloss),var(--cream);color:var(--ink);text-shadow:none;border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink)}
.seg{background:var(--cream);border:4px solid var(--ink);border-radius:20px}
.seg button{color:var(--ink);font-weight:800}.seg button.on{background:var(--gloss),var(--sun);box-shadow:inset 0 0 0 3px var(--ink)}
.st,.soon p,.soon{color:var(--ink)}
.inrow input{background:var(--cream);border:4px solid var(--ink);color:var(--ink);border-radius:18px;box-shadow:inset 0 5px 0 rgba(120,50,10,.18)}
.codef label{color:var(--ink);font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.6)}
/* QR cards: glossy trading cards */
.cc{background:var(--gloss),linear-gradient(160deg,color-mix(in srgb,var(--tc) 30%,#fffdf9),#ffe9cf 80%)!important;border:4px solid var(--ink)!important;color:var(--ink);transition:transform .2s}
.cc:hover{transform:translateY(-5px) rotate(-1deg)}
.cc h3{color:var(--ink)}.ctag{color:var(--ink);opacity:.75;font-weight:800}
.cn{background:none;-webkit-text-fill-color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}
.ci{filter:drop-shadow(0 4px 0 rgba(35,24,21,.35));animation:resFloat 3.4s ease-in-out infinite}
.cl{color:var(--ink)}
.dots i{background:rgba(35,24,21,.35)}.dots i.on{background:var(--ink)}
/* modal sheet */
.sh-bg{background:rgba(60,18,5,.72)}
.sh{background:var(--gloss),linear-gradient(170deg,color-mix(in srgb,var(--tc) 22%,#fffdf9),#ffe7cd 70%)!important;border:5px solid var(--ink)!important;color:var(--ink)}
.sh h2{color:var(--ink);-webkit-text-stroke:0;text-shadow:0 1px 0 #fff}
.sh-body,.pts li,.fact{color:var(--ink);font-weight:600}
.pts li{background:rgba(255,255,255,.7);border:2px solid var(--ink)}
.fact{background:#fff8c4;border:3px solid var(--ink);border-left-width:8px}
.tag,.whatl{color:var(--ink);opacity:.8}
.src a{color:#a8320f}
.x{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;box-shadow:0 3px 0 var(--ink)}
.sh-nav button{background:var(--gloss),var(--cream);border:3px solid var(--ink);color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.sh-fig img,.sh-img,.sh-gal img{border:3px solid var(--ink)!important;border-radius:16px}
/* database story */
#vault .v-bg{background:radial-gradient(120% 80% at 50% 0,#ffd2a8,#e58d68 55%,#8c3a1b)!important}
#vault .v-bg::before,#vault .v-bg::after{opacity:.25}
#vault,#vault .v-ttl,#vault .v-d,#vault .v-l,#vault .v-h,#vault .v-cnt,#vault .v-q,#vault .v-fact,#vault .v-hint,#vault .v-end p,#vault .v-end h3{color:var(--ink)}
#vault .v-b,#vault .v-o,#vault .v-x,#vault .v-chip{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;box-shadow:0 4px 0 var(--ink);font-weight:800}
#vault .v-b.primary{background:var(--gloss),linear-gradient(180deg,#ffb037,#f97316)!important;color:#fff!important}
#vault .v-o.ok{background:#bbf7d0!important}#vault .v-o.no{background:#fecdd3!important}
.dbbtn{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;box-shadow:0 5px 0 var(--ink)}
.dbbtn .dbt small{color:var(--ink);opacity:.7}
/* intro / tap rings keep dark cinematic look */
#intro{background:#000}
.tapr{border-color:var(--sun)!important}

/* living details: drifting dust motes */
.moteL{position:fixed;z-index:2;width:6px;height:6px;border-radius:50%;background:rgba(255,235,205,.7);pointer-events:none;animation:mote linear infinite}
@keyframes mote{from{transform:translate(0,0);opacity:0}15%{opacity:.8}to{transform:translate(-40vw,-12vh);opacity:0}}
@media(prefers-reduced-motion:reduce){.res,.ci,.bar button.on,.hero h1 .ch,.moteL,.ring::after{animation:none!important}}
.lite .moteL,.lite body::before{display:none}

/* QR page helpers (their old rules lived in the removed game stylesheet) */
#pass{margin:16px 0 6px}
#pass .pt{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink);font-weight:800}
#pass .pb{height:18px;border:3px solid var(--ink);border-radius:999px;background:var(--cream);margin-top:8px;overflow:hidden;box-shadow:0 3px 0 var(--ink)}
#pass .pb i{display:block;height:100%;min-width:6px;border-radius:999px;background:var(--gloss),linear-gradient(90deg,#fde047,#f97316);transition:width .7s cubic-bezier(.2,.8,.2,1)}
#qf{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#qf .chip.on{background:var(--gloss),var(--sun)!important;transform:translateY(-2px)}
.cc.seen::before{content:"✓";position:absolute;top:10px;right:12px;width:26px;height:26px;border-radius:50%;background:#4ade80;border:3px solid var(--ink);color:var(--ink);font-weight:900;font-size:14px;line-height:20px;text-align:center;z-index:2}
.arr{background:var(--gloss),var(--cream)!important;border:3px solid var(--ink)!important;color:var(--ink)!important;box-shadow:0 4px 0 var(--ink)}
.res .bgc{fill:#fff1dc!important}
.res{gap:10px}.ring{margin-bottom:6px}
.v-fb{font-weight:800}
.res .nm{display:inline-block;background:var(--cream);color:var(--ink)!important;border:2px solid var(--ink);border-radius:999px;padding:1px 9px;font-weight:800;font-size:11px;margin-top:6px;box-shadow:0 2px 0 var(--ink);text-shadow:none!important}

/* ---------- v5: deep Martian dusk on the home screen, textured ground, no blend-mode tiles ---------- */
body::before{mix-blend-mode:normal;opacity:.08}
#stars{opacity:1;mix-blend-mode:normal}
#skybg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s ease;
  background:radial-gradient(60% 38% at 50% 64%,rgba(255,140,86,.38),transparent 72%),
  linear-gradient(180deg,#160c2b 0%,#2f1840 20%,#6b2f55 42%,#b4503f 66%,#e3874f 84%,#f0a765 100%)}
body[data-page="home"] #skybg{opacity:1}
#ground{position:fixed;left:0;right:0;bottom:0;height:36vh;max-height:360px;z-index:1;pointer-events:none;opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
body[data-page="home"] #ground{opacity:1;transform:none}
.intro-on #skybg,.intro-on #ground{visibility:hidden}
body[data-page="home"]::after{background:radial-gradient(120% 90% at 50% 45%,transparent 52%,rgba(20,6,24,.42))}
.hcredit{color:#ffe7d2!important;text-shadow:0 1px 0 #2b140d}
.hero .planet{box-shadow:0 0 46px 8px rgba(255,150,90,.5),0 0 130px 30px rgba(255,100,60,.22)}
/* new resource icons: alive */
.res.pop .hrt{animation:hbeat 1.15s ease-in-out infinite;transform-origin:50% 60%}
@keyframes hbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.16)}28%{transform:scale(1)}42%{transform:scale(1.09)}}
.res.pop .shn{animation:shnMove 2.8s ease-in-out infinite}
@keyframes shnMove{0%{transform:translateX(-16px)}60%,100%{transform:translateX(34px)}}
.res.pop .spk{animation:spkF 1.3s steps(2) infinite}
@keyframes spkF{50%{opacity:.25}}
.res.pop .ico svg{animation:icoBob 3.2s ease-in-out infinite}
@keyframes icoBob{50%{transform:translateY(-1.5px) scale(1.04)}}

/* ---------- v5: colour-managed cards. One hue per topic; lightness and chroma are fixed, so every card has the same
   visual weight and the dark ink text keeps a contrast of 10:1 or better on all of them. ---------- */
.cc{background:var(--gloss),linear-gradient(165deg,oklch(.972 .03 var(--h)) 0%,oklch(.91 .07 var(--h)) 58%,oklch(.84 .115 var(--h)) 100%)!important}
.cc .ci{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,oklch(.93 .06 var(--h)));border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink),inset 0 -6px 10px oklch(.8 .1 var(--h) / .55);font-size:34px}
.cc .cn{-webkit-text-fill-color:oklch(.985 .02 var(--h));-webkit-text-stroke:3px var(--ink);text-shadow:0 3px 0 oklch(.42 .13 var(--h)),0 5px 0 var(--ink)}
.cc .cl{color:oklch(.34 .09 var(--h));font-weight:900;letter-spacing:.14em}
.cc .qr{background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 oklch(.55 .12 var(--h))}
.cc .ql{color:oklch(.34 .09 var(--h));font-weight:800}
.cc:hover{box-shadow:0 10px 0 var(--ink),0 20px 28px oklch(.5 .14 var(--h) / .35)}
.cc.seen::before{background:oklch(.86 .17 150)}
#qf .chip[style]{background:var(--gloss),oklch(.94 .055 var(--h))!important;border-color:var(--ink)!important;color:var(--ink)!important}
#qf .chip[style].on{background:var(--gloss),oklch(.82 .14 var(--h))!important;transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}
.sh{background:var(--gloss),linear-gradient(170deg,oklch(.975 .025 var(--h)),oklch(.92 .06 var(--h)) 75%)!important}
.sh .tag{color:oklch(.38 .11 var(--h));font-weight:900}
.sh-i{filter:drop-shadow(0 3px 0 rgba(35,24,21,.4))}

/* ======================= v6: one sky for every tab, plain readable text, soft gradient shadows ======================= */
:root{--sh-soft:0 12px 26px -8px rgba(34,8,48,.55),0 4px 10px rgba(34,8,48,.24);--sh-warm:0 12px 26px -6px rgba(255,106,40,.6),0 22px 40px -14px rgba(196,48,140,.5);
  --glass:linear-gradient(180deg,rgba(255,244,230,.2),rgba(255,244,230,.07));--cream2:#fff3e4}
#skybg{opacity:1}
#ground{opacity:1;transform:none}
body::after{background:radial-gradient(120% 90% at 50% 45%,transparent 52%,rgba(20,6,24,.42))}
body[data-page="game"] #skybg,body[data-page="game"] #ground{opacity:0}
/* page scenes on the ground */
#gx{position:absolute;left:0;bottom:0;width:100%;height:100%;overflow:hidden}
#gx .gx{display:none}
body[data-page="about"] #gx .gx-about,body[data-page="inside"] #gx .gx-inside,body[data-page="qr"] #gx .gx-qr{display:block}
.gx-rover{animation:gxRover 46s linear infinite;transform:translate(-120px,236px)}
@keyframes gxRover{from{transform:translate(-120px,236px)}to{transform:translate(1720px,236px)}}
.gx-wh circle{transform-box:fill-box;transform-origin:center;animation:gxSpin 1s linear infinite}
@keyframes gxSpin{to{rotate:360deg}}
.gx-blink{animation:gxB 1.6s ease-in-out infinite}@keyframes gxB{50%{opacity:.25}}
.gx-devil{animation:gxDev 38s linear infinite;transform:translate(1700px,200px)}
@keyframes gxDev{from{transform:translate(1700px,200px)}to{transform:translate(-160px,226px)}}
.gx-devil path,.gx-devil ellipse:last-child{transform-box:fill-box;transform-origin:50% 100%;animation:gxSway 2.4s ease-in-out infinite alternate}
@keyframes gxSway{from{skew:-6deg}to{skew:6deg}}
.gx-scan{animation:gxScan 5.5s ease-in-out infinite alternate}.gx-scanG{animation:gxScanG 5.5s ease-in-out infinite alternate}
@keyframes gxScan{from{transform:translateY(-64px)}to{transform:translateY(96px)}}
@keyframes gxScanG{from{transform:translateY(-64px)}to{transform:translateY(96px)}}
.gx-pix rect{animation:gxPix 6s ease-in-out infinite}.gx-pix rect:nth-child(2){animation-delay:-1.2s}.gx-pix rect:nth-child(3){animation-delay:-2.4s}.gx-pix rect:nth-child(4){animation-delay:-3.6s}.gx-pix rect:nth-child(5){animation-delay:-4.8s}
@keyframes gxPix{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(-70px);opacity:.95}}
@media(prefers-reduced-motion:reduce){#gx *{animation:none!important}}

/* plain light text on the home screen (no white pills) */
.sub{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--cream2)!important;font-size:19px;font-weight:700;letter-spacing:.01em;text-shadow:0 2px 14px rgba(25,8,35,.85),0 1px 2px rgba(25,8,35,.7)!important}
.num,.res .nm{background:none!important;border:0!important;box-shadow:none!important;padding:0 2px!important;color:var(--cream2)!important;text-shadow:0 2px 10px rgba(25,8,35,.85),0 1px 2px rgba(25,8,35,.7)!important}
.num{font-size:15px}.res .nm{font-size:12px;margin-top:2px}
.scroll{color:var(--cream2);opacity:.85;text-shadow:0 2px 10px rgba(25,8,35,.7)}
.hcredit{color:#f3d9c4!important}
.ring{box-shadow:0 0 0 3.5px rgba(35,24,21,.92),0 16px 24px -6px rgba(255,120,60,.55),0 24px 34px -12px rgba(150,40,170,.5),inset 0 -9px 14px rgba(150,60,10,.3),inset 0 7px 9px rgba(255,255,255,.8)!important}
.res:nth-child(1) .ring{box-shadow:0 0 0 3.5px rgba(35,24,21,.92),0 16px 24px -6px rgba(255,80,110,.6),0 24px 34px -12px rgba(150,40,170,.5),inset 0 -9px 14px rgba(150,60,10,.3),inset 0 7px 9px rgba(255,255,255,.8)!important}
.res:nth-child(2) .ring{box-shadow:0 0 0 3.5px rgba(35,24,21,.92),0 16px 24px -6px rgba(255,200,60,.6),0 24px 34px -12px rgba(230,100,40,.5),inset 0 -9px 14px rgba(150,60,10,.3),inset 0 7px 9px rgba(255,255,255,.8)!important}
.res:nth-child(3) .ring{box-shadow:0 0 0 3.5px rgba(35,24,21,.92),0 16px 24px -6px rgba(70,160,255,.6),0 24px 34px -12px rgba(90,60,200,.5),inset 0 -9px 14px rgba(150,60,10,.3),inset 0 7px 9px rgba(255,255,255,.8)!important}
.res .ico{filter:drop-shadow(0 4px 5px rgba(40,10,50,.35))}
.hero h1 .ch{filter:drop-shadow(0 8px 10px rgba(60,10,70,.4))}
/* the two home buttons */
.cta-row{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}
.cta-row .ctaw{margin-top:0}
.cta{margin-top:0;padding:16px 34px!important;font-size:18px!important;border:3px solid rgba(255,238,214,.92)!important;box-shadow:var(--sh-warm),inset 0 -5px 12px rgba(150,40,0,.35),inset 0 4px 8px rgba(255,255,255,.55)!important}
.cta:hover{transform:translateY(-3px);box-shadow:0 16px 30px -6px rgba(255,106,40,.7),0 28px 46px -14px rgba(196,48,140,.55),inset 0 -5px 12px rgba(150,40,0,.35),inset 0 4px 8px rgba(255,255,255,.55)!important}
.cta:active{transform:translateY(2px);box-shadow:0 5px 12px -4px rgba(255,106,40,.6),inset 0 3px 8px rgba(150,40,0,.4)!important}
.cta.play{background:var(--gloss),linear-gradient(180deg,#ffc247,#f97316 58%,#e0451f)}
.cta.play::before{content:"▶";display:inline-block;margin-right:10px;font-size:.8em;filter:drop-shadow(0 2px 3px rgba(120,30,0,.55))}
.cta.alt{background:var(--glass)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--cream2)!important;text-shadow:0 1px 8px rgba(30,8,40,.6)!important;
  border-color:rgba(255,236,214,.7)!important;box-shadow:0 12px 26px -8px rgba(120,60,200,.6),0 22px 36px -16px rgba(255,120,70,.5),inset 0 1px 0 rgba(255,255,255,.4)!important}
.cta.alt::after{display:none}
.ctaw::before{border-color:rgba(255,206,120,.7)!important;border-radius:22px}
/* glass chrome: top bar, bottom bar, chips */
.logo,.snd,.mus,.langs{background:var(--glass)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,236,214,.55)!important;color:var(--cream2)!important;text-shadow:0 1px 6px rgba(30,8,40,.6);box-shadow:var(--sh-soft)!important}
.snd,.mus{font-size:17px}
.snd:hover,.mus:hover{transform:translateY(-2px);box-shadow:0 16px 28px -8px rgba(255,120,70,.5),0 4px 10px rgba(34,8,48,.3)!important}
.snd[aria-pressed="false"],.mus[aria-pressed="false"]{background:rgba(40,20,50,.5)!important;filter:grayscale(.8)}
.snd[aria-pressed="false"]::after,.mus[aria-pressed="false"]::after{background:#ffd9c0}
.langs button{color:var(--cream2)!important}
.langs button.on,.langs button[aria-pressed="true"]{background:linear-gradient(180deg,#ffb037,#f97316)!important;box-shadow:0 6px 14px -4px rgba(255,106,40,.7)!important;color:#fff!important}
.bar{background:linear-gradient(transparent,rgba(24,8,36,.55))}
.bar button,.chip{background:var(--glass),rgba(40,18,56,.5)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,236,214,.5)!important;color:var(--cream2)!important;text-shadow:0 1px 6px rgba(30,8,40,.6);box-shadow:var(--sh-soft)!important}
.bar button:hover,.chip:hover{box-shadow:0 16px 28px -8px rgba(255,120,70,.5),0 4px 10px rgba(34,8,48,.3)!important}
.bar button.on,.chip.on{background:linear-gradient(180deg,#ffd45a,#f9a11e)!important;color:#2b1710!important;text-shadow:0 1px 0 rgba(255,255,255,.5);border-color:rgba(255,246,226,.9)!important;box-shadow:0 12px 24px -6px rgba(255,170,40,.7),0 0 0 3px rgba(255,236,214,.25)!important}
/* the other panels: hard black offsets become soft blurred gradient glows */
.txt,.slot,.media,.sh,.aic,.codef,.seg,.cc,.team,.soon,.btn,.btn.ghost,.x,.sh-nav button,.dbbtn,.sheet .sh,#vault .v-b,#vault .v-o,#vault .v-x,#vault .v-chip{box-shadow:var(--sh-soft)!important}
.cc{box-shadow:0 14px 28px -10px color-mix(in srgb,var(--tc,#ff8a4a) 70%,#2a0a3a),0 4px 10px rgba(34,8,48,.25)!important}
.btn{box-shadow:var(--sh-warm)!important}
.ptitle,h2,.greet,.end{text-shadow:0 4px 14px rgba(40,8,50,.55)!important}

/* v6: pause animations in a background tab */
html.mm-idle *,html.mm-idle *::before,html.mm-idle *::after{animation-play-state:paused!important}