:root{
  /* V9 PHOTO SYNC palette sampled from the uploaded PUZZLERA game-menu photo: navy blue space, not black. */
  --space-0:#050d19; /* sampled top background: rgb(5,13,25) */
  --space-1:#0f1c32; /* sampled upper/right blue field: rgb(15,28,50) */
  --space-2:#121430; /* sampled middle-left field: rgb(18,20,48) */
  --space-3:#251f4c; /* sampled lower violet nebula: rgb(37,32,76) */
  --star:#f8fbff;
  --soft:#c7d9ff;
  --muted:#94a9ea;
  --cyan:#37e8ff;
  --cyan2:#2a8cff;
  --green:#34f089;
  --green2:#0a9966;
  --purple:#c24cff;
  --purple2:#6a39ff;
  --gold:#ffe77a;
  --glass:rgba(5,13,25,.74);
  --glass2:rgba(8,18,43,.86);
  --max:1180px;
  --btn-shadow:0 13px 0 rgba(0,0,0,.38), 0 22px 36px rgba(0,0,0,.42);
  --cyan-glow:0 0 12px rgba(55,232,255,.92),0 0 30px rgba(42,140,255,.62),0 0 70px rgba(55,232,255,.22);
  --green-glow:0 0 12px rgba(52,240,137,.88),0 0 30px rgba(52,240,137,.52),0 0 70px rgba(55,232,255,.18);
  --purple-glow:0 0 12px rgba(194,76,255,.92),0 0 30px rgba(106,57,255,.60),0 0 70px rgba(194,76,255,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--space-0)}
body{
  margin:0;min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;
  background:var(--space-0);overflow-x:hidden;
}
a{color:inherit}.skip-link{position:fixed;top:10px;left:10px;z-index:99;background:#fff;color:#020610;border-radius:12px;padding:10px 14px;transform:translateY(-160%)}.skip-link:focus{transform:none}
/* Screenshot-synced cosmic base: deep blue upper field, violet nebula bottom-left/bottom-right, high star density. */
body::before,body::after{content:"";position:fixed;inset:-8%;pointer-events:none}
body::before{
  background:
    radial-gradient(ellipse at 17% 71%,rgba(221,88,231,.32) 0%,rgba(91,60,205,.26) 15%,rgba(28,32,82,.10) 34%,transparent 46%),
    radial-gradient(ellipse at 84% 73%,rgba(132,83,255,.30) 0%,rgba(36,96,207,.22) 20%,rgba(23,38,87,.10) 38%,transparent 51%),
    radial-gradient(circle at 76% 14%,rgba(58,153,255,.25) 0%,rgba(14,43,95,.17) 20%,transparent 34%),
    radial-gradient(circle at 28% 11%,rgba(57,228,255,.12) 0%,transparent 27%),
    radial-gradient(ellipse at 50% 50%,rgba(27,42,92,.46) 0%,rgba(13,24,55,.25) 43%,transparent 62%),
    linear-gradient(180deg,#050d19 0%,#071527 18%,#0f1c32 38%,#121430 60%,#161b3f 82%,#0e1429 100%);
  filter:saturate(1.16) contrast(1.02);z-index:-4;
  animation:nebulaDrift 28s ease-in-out infinite alternate;
}
body::after{
  background-image:
    radial-gradient(circle,rgba(255,255,255,.98) 0 .95px,transparent 1.55px),
    radial-gradient(circle,rgba(255,255,255,.88) 0 .75px,transparent 1.35px),
    radial-gradient(circle,rgba(130,218,255,.70) 0 .95px,transparent 1.65px),
    radial-gradient(circle,rgba(255,255,255,.54) 0 .65px,transparent 1.25px),
    radial-gradient(circle,rgba(182,130,255,.38) 0 .75px,transparent 1.45px);
  background-size:54px 54px,88px 88px,132px 132px,196px 196px,286px 286px;
  background-position:0 0,25px 47px,42px 74px,98px 130px,160px 210px;
  opacity:.70;
  z-index:-3;
  animation:staticStars 125s linear infinite;
}
@keyframes nebulaDrift{from{transform:scale(1.02) translate3d(-1.2%,-.7%,0) rotate(-.35deg)}to{transform:scale(1.08) translate3d(1.1%,1.1%,0) rotate(.45deg)}}
@keyframes staticStars{to{background-position:0 760px,42px 940px,98px 1200px,160px 1520px}}
@keyframes titleIn{0%{opacity:0;transform:translateY(24px) scale(.94);filter:blur(14px)}100%{opacity:1;transform:none;filter:none}}
@keyframes logoSweep{0%{transform:translateX(-128%) skewX(-24deg);opacity:0}12%{opacity:.9}42%,100%{transform:translateX(128%) skewX(-24deg);opacity:0}}
@keyframes arcPulse{0%,100%{opacity:.64;transform:scaleX(.88)}50%{opacity:1;transform:scaleX(1.05)}}
@keyframes borderFlow{to{background-position:260% center}}
@keyframes btnPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.17)}}
@keyframes sheen{0%,45%{transform:translateX(-130%) skewX(-24deg);opacity:0}55%{opacity:.55}85%,100%{transform:translateX(130%) skewX(-24deg);opacity:0}}
@keyframes shootingStarMove{0%{transform:translate3d(-16vw,-4vh,0) rotate(-12deg);opacity:0}5%{opacity:.72}22%{opacity:.72}38%,100%{transform:translate3d(118vw,23vh,0) rotate(-12deg);opacity:0}}
@keyframes shardFloat{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(16px,-22px,0) rotate(14deg)}}
@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ringPulse{0%,100%{opacity:.35;transform:scale(.95)}50%{opacity:.9;transform:scale(1.06)}}
#starfield{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,.14) 52%,rgba(0,0,0,.78) 100%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.54))}.page-shell{position:relative;z-index:3;width:min(var(--max),calc(100% - 34px));margin:0 auto;padding:22px 0 54px}.topbar{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 28px));z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.brand-chip,.mini-chip,.lang-toggle{pointer-events:auto}.brand-chip{display:flex;align-items:center;gap:10px;text-decoration:none;text-transform:uppercase;font-weight:1000;letter-spacing:.14em;color:#f4fbff;text-shadow:0 0 16px rgba(55,232,255,.34)}.brand-chip img{width:40px;height:40px;filter:drop-shadow(0 0 15px rgba(55,232,255,.45))}.brand-chip span{background:linear-gradient(90deg,#fff,#d8fff0,var(--green),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.top-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mini-chip,.lang-toggle{border:1px solid rgba(55,232,255,.36);border-radius:999px;background:linear-gradient(180deg,rgba(9,28,66,.65),rgba(4,12,32,.72));box-shadow:inset 0 0 18px rgba(55,232,255,.07),0 0 18px rgba(55,232,255,.12);color:#f7fbff;padding:10px 14px;text-decoration:none;font-weight:950;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(10px)}.mini-chip:hover,.lang-toggle:hover{box-shadow:var(--cyan-glow);border-color:rgba(55,232,255,.85);transform:translateY(-1px)}
/* Primary landing mirrors the uploaded game menu: title high, three centered neon buttons, small bottom menu. */
.game-menu-splash{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:clamp(86px,12vh,155px) 0 30px;position:relative}.hero-title-block{width:min(980px,100%);margin:0 auto 0}.logo-title{position:relative;display:inline-block;margin:0;text-transform:uppercase;font-weight:1000;font-size:clamp(42px,8.8vw,108px);letter-spacing:.006em;line-height:.86;animation:titleIn .9s ease both;text-shadow:0 7px 0 rgba(2,5,18,.78),0 14px 0 rgba(0,0,0,.32),0 0 16px rgba(55,232,255,.45),0 0 52px rgba(55,232,255,.28),0 0 82px rgba(194,76,255,.20);transform-style:preserve-3d}.logo-title .puzzle{background:linear-gradient(180deg,#ffffff 0%,#d3ffec 20%,#66f1a1 43%,#17c976 69%,#087a5b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-title .era{display:inline-block;margin-left:.15em;background:linear-gradient(180deg,#ffffff 0%,#d8fbff 20%,#56eaff 45%,#2593ff 72%,#104dbc 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-title::before{content:"";position:absolute;inset:0;z-index:-1;color:#071128;transform:translate(0,0);filter:none;text-shadow:none}.logo-title::after{content:"";position:absolute;left:-4%;right:-4%;top:17%;height:20px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.74),transparent);filter:blur(7px);animation:logoSweep 4.5s ease-in-out infinite}.logo-arc{position:relative;width:min(560px,78vw);height:42px;margin:-3px auto 0;pointer-events:none}.logo-arc::before{content:"";position:absolute;left:8%;right:8%;top:0;height:31px;border-bottom:3px solid rgba(55,232,255,.58);border-radius:50%;filter:drop-shadow(0 0 10px var(--cyan)) drop-shadow(0 0 24px var(--purple));animation:arcPulse 3.2s ease-in-out infinite}.logo-arc::after{content:"";position:absolute;left:34%;right:34%;top:17px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#fff,var(--purple),transparent);filter:blur(3px);box-shadow:0 0 28px var(--purple),0 0 54px var(--cyan)}.hero-kicker{margin:9px 0 0;color:#cbd8ff;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.21em;text-shadow:0 0 12px rgba(55,232,255,.24)}.hero-copy{max-width:720px;margin:8px auto 0;color:#c8d7ff;font-size:clamp(13px,1.35vw,16px);line-height:1.65;text-shadow:0 2px 10px rgba(0,0,0,.5)}.main-menu{display:grid;gap:clamp(14px,2.25vh,24px);width:min(560px,82vw);margin:clamp(38px,6vh,66px) auto 0}.game-btn{--a:var(--cyan);--b:var(--cyan2);position:relative;display:flex;align-items:center;justify-content:center;gap:13px;min-height:66px;padding:13px 25px;border:0;border-radius:16px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:1000;font-size:clamp(19px,2.55vw,36px);letter-spacing:.035em;background:linear-gradient(180deg,rgba(17,48,96,.66),rgba(5,16,42,.92) 52%,rgba(3,8,24,.96)) padding-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -18px 32px rgba(0,0,0,.38),var(--btn-shadow),0 0 0 1px rgba(255,255,255,.20),var(--cyan-glow);isolation:isolate;overflow:hidden;animation:btnPulse 4.6s ease-in-out infinite;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.game-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:4px;background:linear-gradient(90deg,var(--a),#fff,var(--b),var(--a));background-size:260% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderFlow 4.2s linear infinite;z-index:-1}.game-btn::after{content:"";position:absolute;top:7px;bottom:7px;left:6%;right:6%;border-radius:11px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 42%,rgba(255,255,255,.06));box-shadow:inset 0 0 22px rgba(55,232,255,.11);pointer-events:none}.game-btn .label{position:relative;z-index:2;text-shadow:0 4px 0 rgba(0,0,0,.32),0 0 14px rgba(255,255,255,.23)}.game-btn .icon{font-size:.75em;filter:drop-shadow(0 0 10px var(--a));position:relative;z-index:2}.game-btn .sheen{position:absolute;inset:0;z-index:1;pointer-events:none}.game-btn .sheen::before{content:"";position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);filter:blur(2px);animation:sheen 5.2s ease-in-out infinite}.game-btn:hover{transform:translateY(-5px) scale(1.014);filter:brightness(1.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -16px 30px rgba(0,0,0,.35),0 18px 0 rgba(0,0,0,.34),0 26px 42px rgba(0,0,0,.52),0 0 0 2px rgba(255,255,255,.22),0 0 34px var(--a),0 0 90px color-mix(in srgb,var(--b),transparent 42%)}.game-btn:active{transform:translateY(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 6px 0 rgba(0,0,0,.35),0 0 22px var(--a)}.game-btn.purple{--a:var(--purple);--b:var(--purple2);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -18px 32px rgba(0,0,0,.38),var(--btn-shadow),0 0 0 1px rgba(255,255,255,.18),var(--purple-glow)}.game-btn.green{--a:var(--green);--b:var(--green2);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -18px 32px rgba(0,0,0,.38),var(--btn-shadow),0 0 0 1px rgba(255,255,255,.18),var(--green-glow)}.game-btn.gold{--a:var(--gold);--b:#ff9d2e}.game-btn.ghost{--a:#88a4d8;--b:#263b6f}.bottom-menu{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:clamp(46px,7vh,96px)}.footer-buttons{display:grid;grid-template-columns:repeat(3,minmax(135px,1fr));gap:13px;width:min(760px,86vw)}.game-btn.small{min-height:47px;border-radius:12px;font-size:clamp(13px,1.25vw,18px);padding:9px 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -12px 20px rgba(0,0,0,.30),0 7px 0 rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.16),0 0 16px rgba(55,232,255,.20)}.game-btn.small::before{padding:2px}.legal-line{margin:0;color:#b8c7f4;font-weight:800;letter-spacing:.08em;text-shadow:0 0 10px rgba(55,232,255,.20)}.company-line{margin:-8px 0 0;color:#7f93cf;font-size:13px;letter-spacing:.08em}.content-section{position:relative;margin:28px 0;border:1px solid rgba(55,232,255,.24);border-radius:26px;background:linear-gradient(180deg,rgba(3,10,29,.54),rgba(3,9,24,.82));box-shadow:inset 0 0 74px rgba(55,232,255,.05),0 0 70px rgba(0,0,0,.34);overflow:hidden;padding:clamp(20px,3.8vw,40px)}.content-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(55,232,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(55,232,255,.04) 1px,transparent 1px);background-size:68px 68px;opacity:.45}.content-section > *{position:relative;z-index:1}.section-title{margin:0 0 12px;text-align:center;text-transform:uppercase;font-weight:1000;letter-spacing:.06em;font-size:clamp(24px,4vw,48px);background:linear-gradient(180deg,#fff,#d7fbff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 26px rgba(55,232,255,.22)}.section-lead{max-width:820px;margin:0 auto 30px;text-align:center;color:#c8d7ff;line-height:1.7;font-size:clamp(14px,1.35vw,17px)}.trailer-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(26px,5vw,64px)}.phone-wrap{display:flex;justify-content:center;align-items:center;animation:phoneFloat 5.8s ease-in-out infinite}.phone{width:min(318px,78vw);aspect-ratio:9/17.5;border-radius:34px;padding:10px;background:linear-gradient(150deg,rgba(255,255,255,.18),rgba(55,232,255,.20),rgba(194,76,255,.18));box-shadow:0 0 0 1px rgba(255,255,255,.20),0 0 30px rgba(55,232,255,.36),0 0 80px rgba(194,76,255,.18),0 30px 80px rgba(0,0,0,.55)}.phone-screen{position:relative;height:100%;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#081326,#0a1739 48%,#050a18);box-shadow:inset 0 0 42px rgba(0,0,0,.58)}.phone-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 18%,rgba(55,232,255,.17),transparent 33%),radial-gradient(circle at 30% 78%,rgba(194,76,255,.22),transparent 32%);opacity:.92}.phone-screen::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 .8px,transparent 1.4px),radial-gradient(circle,rgba(55,232,255,.52) 0 .8px,transparent 1.4px);background-size:42px 42px,78px 78px;background-position:0 0,18px 32px;animation:staticStars 80s linear infinite;opacity:.72}.phone-title{position:relative;z-index:2;text-align:center;margin:18px 0 9px;font-weight:1000;font-size:27px;letter-spacing:.06em;background:linear-gradient(180deg,#fff,var(--green),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(55,232,255,.28)}.video-stage{position:relative;z-index:2;width:82%;aspect-ratio:9/16;margin:0 auto 16px;border-radius:18px;overflow:hidden;border:2px solid rgba(55,232,255,.5);box-shadow:inset 0 0 30px rgba(55,232,255,.08),0 0 22px rgba(55,232,255,.30);background:radial-gradient(circle at 50% 22%,rgba(55,232,255,.18),transparent 30%),linear-gradient(180deg,#071427,#040914)}.gameplay-video{width:100%;height:100%;object-fit:cover;display:block;background:#050a18}.video-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;background:radial-gradient(circle at 50% 42%,rgba(55,232,255,.13),transparent 38%),rgba(3,8,24,.72);backdrop-filter:blur(4px)}.play-core{width:58px;height:58px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,rgba(55,232,255,.28),rgba(4,10,28,.82));border:3px solid rgba(55,232,255,.72);box-shadow:var(--cyan-glow);animation:ringPulse 2.8s ease-in-out infinite}.video-fallback strong{display:block;text-transform:uppercase;font-weight:1000;letter-spacing:.08em}.video-fallback span{display:block;margin-top:8px;color:#b8c7f4;font-size:13px}.phone-mini-menu{position:relative;z-index:2;display:grid;gap:8px;width:82%;margin:0 auto}.phone-mini-menu .game-btn{min-height:34px;border-radius:10px;font-size:11px;padding:6px 9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 0 rgba(0,0,0,.34),0 0 14px rgba(55,232,255,.2)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.neon-card{border:1px solid rgba(55,232,255,.25);border-radius:24px;background:linear-gradient(180deg,rgba(7,18,48,.62),rgba(3,9,25,.82));padding:18px;box-shadow:inset 0 0 30px rgba(55,232,255,.04),0 0 32px rgba(0,0,0,.30)}.neon-card h3{margin:10px 0;color:#fff;font-size:17px}.neon-card p{margin:0;color:#bdcaf4;line-height:1.6}.card-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(55,232,255,.5);box-shadow:var(--cyan-glow);color:#fff;font-weight:1000}.store-panel{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:14px;max-width:760px;margin:0 auto}.page-card{max-width:880px;margin:0 auto;padding:20px}.page-card p,.page-card li{color:#c8d7ff;line-height:1.75;font-size:17px}.page-card h3{margin-top:26px;color:#fff;font-size:24px}.site-footer{text-align:center;color:#91a7df;padding:18px 0 0}.site-footer p{margin:7px 0}.site-footer strong{color:#fff}.spacer-top{height:64px}
@media (max-width:900px){.topbar{position:absolute}.brand-chip span{display:none}.game-menu-splash{padding-top:92px}.trailer-grid,.feature-grid,.store-panel{grid-template-columns:1fr}.main-menu{margin-top:50px}.footer-buttons{grid-template-columns:1fr;max-width:520px}.game-btn{min-height:60px}.content-section{margin:26px 0}.hero-copy{display:none}}
@media (max-width:520px){.page-shell{width:min(100% - 22px,var(--max))}.top-actions .mini-chip{display:none}.logo-title{font-size:clamp(42px,13vw,62px)}.logo-title .era{margin-left:.08em}.main-menu{width:94vw;gap:18px;margin-top:42px}.game-btn{border-radius:14px;min-height:56px;font-size:18px;padding:12px 16px}.bottom-menu{padding-top:56px}.legal-line{font-size:12px}.company-line{font-size:11px}.content-section{border-radius:24px;padding:22px}.phone{width:min(286px,88vw)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#starfield{display:none}}


/* V9 PHOTO SYNC: no plus/starburst draw, photo-sampled navy/violet background, dense white animated particles. */
.logo-title::before{display:none!important;content:""!important;}
.logo-title{filter:drop-shadow(0 8px 0 rgba(2,5,18,.76)) drop-shadow(0 16px 9px rgba(0,0,0,.42));}
.logo-title .era{transform:none!important;}
#starfield{mix-blend-mode:screen;}
.game-menu-splash{padding-top:clamp(76px,10vh,118px)!important;}
.hero-title-block{width:min(790px,96vw)!important;}
.main-menu{max-width:560px!important;}
.game-btn{max-width:100%;}
.bottom-menu{max-width:790px;}
@media (min-width: 980px){
  .game-menu-splash{min-height:100svh;}
  .hero-copy{max-width:610px;}
}


/* V9 PHOTO SYNC OVERRIDES — closer to uploaded game menu */
.logo-title{font-size:clamp(39px,8.2vw,98px);letter-spacing:.004em;text-shadow:0 7px 0 rgba(3,7,18,.78),0 14px 0 rgba(0,0,0,.30),0 0 18px rgba(74,222,255,.50),0 0 54px rgba(74,222,255,.28),0 0 76px rgba(179,78,255,.18)}
.logo-title .era{margin-left:.12em}
.main-menu{width:min(520px,79vw);gap:clamp(12px,2vh,20px);margin:clamp(34px,5.5vh,58px) auto 0}
.game-btn{min-height:60px;border-radius:15px;font-size:clamp(18px,2.25vw,32px)}
.game-btn.small{min-height:43px;font-size:clamp(12px,1.42vw,17px);border-radius:13px}
.hero-copy{font-size:clamp(12px,1.18vw,15px);max-width:660px}
.content-section{background:linear-gradient(180deg,rgba(7,17,39,.72),rgba(6,13,31,.60));border-color:rgba(66,202,255,.20)}
.site-footer,.legal-line,.company-line{color:#b7c8f7}


/* V11 — falling particle / gameplay trailer / PatchMore Studios polish */
#starfield{opacity:1;}
.studio-splash-card{margin:22px auto 0;width:min(330px,88vw);min-height:92px;border-radius:22px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,10,20,.74),rgba(3,6,14,.84));border:1px solid rgba(142,255,112,.22);box-shadow:inset 0 0 40px rgba(78,255,86,.05),0 0 22px rgba(105,255,92,.14),0 22px 44px rgba(0,0,0,.32)}
.studio-splash-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 70%,rgba(135,255,65,.17),transparent 34%),radial-gradient(circle at 38% 35%,rgba(208,218,235,.10),transparent 28%);animation:studioBreath 4.8s ease-in-out infinite;}
.studio-wordmark{position:relative;z-index:2;text-align:left;font-weight:1000;letter-spacing:.02em;line-height:.9;filter:drop-shadow(0 0 18px rgba(110,255,76,.34));}
.studio-wordmark span,.studio-wordmark strong{display:block;font-size:clamp(28px,4.2vw,42px);}
.studio-wordmark span{color:#d8deee;text-shadow:0 0 10px rgba(216,222,238,.48),0 6px 0 rgba(0,0,0,.28);}
.studio-wordmark strong{color:#86db48;text-shadow:0 0 12px rgba(117,255,69,.58),0 6px 0 rgba(0,0,0,.26);}
.studio-loader{position:absolute;right:25px;bottom:19px;width:24px;height:24px;border-radius:50%;border:2px solid rgba(129,255,71,.26);box-shadow:0 0 16px rgba(129,255,71,.25);}
.studio-loader i{position:absolute;inset:4px;border-radius:50%;border:2px solid transparent;border-top-color:#96ff45;border-right-color:#96ff45;animation:loaderSpin 1.8s linear infinite;}
.video-stage{border-color:rgba(69,225,255,.64);box-shadow:inset 0 0 26px rgba(55,232,255,.10),0 0 26px rgba(55,232,255,.38),0 0 48px rgba(188,76,255,.12);}
.gameplay-video{background:#071021;}
.video-fallback{background:radial-gradient(circle at 50% 42%,rgba(55,232,255,.10),transparent 38%),rgba(3,8,24,.58);}
.phone-title{letter-spacing:.08em;}
@keyframes studioBreath{0%,100%{filter:brightness(.9);opacity:.78}50%{filter:brightness(1.18);opacity:1}}
@keyframes loaderSpin{to{transform:rotate(360deg)}}


/* V12 AAA APPSTORE SYNC — trailer autoplay/play fallback, smaller PatchMore Studios lockup, rotating copyright badge, professional feature cards. */
.studio-splash-card{width:min(284px,80vw);min-height:76px;margin:18px auto 0;border-color:rgba(131,255,103,.20);}
.studio-wordmark-small span,.studio-wordmark-small strong{font-size:clamp(21px,3.2vw,31px);line-height:.94;}
.studio-wordmark-small{padding-right:32px;}
.studio-c-badge{position:absolute;right:16px;bottom:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.6px solid rgba(136,255,92,.38);box-shadow:0 0 14px rgba(134,255,88,.20), inset 0 0 10px rgba(134,255,88,.08);background:linear-gradient(180deg,rgba(12,18,26,.90),rgba(4,9,14,.92));z-index:2;}
.studio-c-badge span{display:block;font-size:16px;font-weight:900;color:#9bff62;text-shadow:0 0 8px rgba(155,255,98,.50);animation:loaderSpin 3.8s linear infinite;}
.video-stage{cursor:pointer;}
.gameplay-video{background:#050a18;}
.video-fallback{transition:opacity .25s ease, visibility .25s ease;}
.video-fallback.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}
.neon-card .card-icon{font-size:15px;}
@media (max-width:900px){.studio-splash-card{margin-bottom:8px;}}

/* V13 PRIVACY + ADMOB SYNC */
.policy-card h3{border-top:1px solid rgba(55,232,255,.15);padding-top:18px;}
.policy-meta{max-width:820px;margin:0 auto 18px;color:#dce8ff;text-align:center;font-weight:800;letter-spacing:.03em;}
.policy-card p:not(.section-lead):not(.policy-meta){max-width:900px;margin-left:auto;margin-right:auto;}

/* V14 CONTACT + BRIGHT BACKGROUND SYNC — brighter navy/blue space, stronger magenta nebulas, static contact form. */
:root{
  --space-0:#0a142d;
  --space-1:#13245a;
  --space-2:#1b2467;
  --space-3:#37207a;
  --magenta-nebula:#e548ff;
}
html,body{background:#0a142d;}
body::before{
  background:
    radial-gradient(ellipse at 12% 76%, rgba(236,74,255,.42) 0%, rgba(151,80,255,.30) 13%, rgba(58,48,151,.16) 28%, transparent 46%),
    radial-gradient(ellipse at 87% 78%, rgba(210,70,255,.36) 0%, rgba(72,118,255,.25) 17%, rgba(45,67,160,.15) 32%, transparent 50%),
    radial-gradient(circle at 78% 26%, rgba(72,181,255,.32) 0%, rgba(22,73,181,.18) 20%, transparent 36%),
    radial-gradient(circle at 42% 34%, rgba(94,112,255,.20) 0%, transparent 34%),
    radial-gradient(circle at 24% 17%, rgba(74,230,255,.14) 0%, transparent 27%),
    linear-gradient(180deg,#0a101f 0%,#0b1b39 16%,#13245a 36%,#1b2467 58%,#2a1f62 78%,#111d3b 100%);
  filter:saturate(1.26) brightness(1.16) contrast(1.02);
}
body::after{opacity:.82;filter:brightness(1.18)}
.vignette{background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0%,rgba(0,0,0,.06) 55%,rgba(0,0,0,.38) 100%),linear-gradient(180deg,rgba(9,22,52,.02),rgba(7,14,32,.25))!important;}
.content-section{background:linear-gradient(180deg,rgba(14,30,75,.70),rgba(9,18,45,.62))!important;border-color:rgba(96,218,255,.28)!important;box-shadow:inset 0 0 86px rgba(85,226,255,.09),0 0 74px rgba(229,72,255,.12),0 0 70px rgba(0,0,0,.26)!important;}
.neon-card{background:linear-gradient(180deg,rgba(17,39,91,.68),rgba(9,19,50,.78))!important;border-color:rgba(92,220,255,.30)!important;}
.phone-screen{background:linear-gradient(180deg,#0d1a40,#122465 48%,#0c1838)!important;}
.video-stage{background:radial-gradient(circle at 50% 22%,rgba(85,232,255,.22),transparent 30%),linear-gradient(180deg,#0e214e,#091633)!important;}
.logo-title{text-shadow:0 7px 0 rgba(6,10,28,.72),0 14px 0 rgba(0,0,0,.22),0 0 20px rgba(105,235,255,.58),0 0 60px rgba(82,184,255,.36),0 0 96px rgba(229,72,255,.26)!important;}
.logo-arc::before{border-bottom-color:rgba(112,232,255,.72)!important;filter:drop-shadow(0 0 12px rgba(82,231,255,.92)) drop-shadow(0 0 28px rgba(229,72,255,.78))!important;}
.logo-arc::after{box-shadow:0 0 30px rgba(229,72,255,.92),0 0 58px rgba(92,220,255,.78)!important;}
.contact-form{display:grid;gap:16px;margin:24px auto 4px;max-width:820px;padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(10,28,72,.74),rgba(8,17,45,.84));border:1px solid rgba(88,221,255,.28);box-shadow:inset 0 0 48px rgba(85,226,255,.07),0 0 36px rgba(229,72,255,.12);}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.contact-form label{display:grid;gap:8px;color:#dbe8ff;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:12px;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border-radius:14px;border:1px solid rgba(110,226,255,.32);background:rgba(5,14,39,.74);color:#fff;padding:13px 14px;font:inherit;outline:none;box-shadow:inset 0 0 18px rgba(85,226,255,.05);}
.contact-form textarea{resize:vertical;min-height:150px;line-height:1.5;text-transform:none;}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(96,232,255,.88);box-shadow:0 0 0 3px rgba(96,232,255,.12),0 0 24px rgba(96,232,255,.20);}
.contact-form ::placeholder{color:#95a9d6;}
.form-note,.form-status{margin:0;color:#b9c9f6;line-height:1.55;font-size:14px;}
.form-status{min-height:20px;color:#a7ffcf;font-weight:800;}
.contact-submit{justify-self:center;width:min(420px,100%);font-size:clamp(16px,2vw,24px);}
@media (max-width:720px){.form-grid{grid-template-columns:1fr}.contact-form{padding:16px}.contact-submit{width:100%;}}

/* PUZZLERA RESTORE V15 VIDEO CLICK FIX */
/* Do not redesign. Only make video controls reachable. */

.gameplay-video {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 20 !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Decorative/pseudo layers should not block the native video controls. */
.phone-screen::before,
.phone-screen::after,
.device-screen::before,
.device-screen::after,
.trailer-screen::before,
.trailer-screen::after,
.mock-screen::before,
.mock-screen::after,
.iphone-screen::before,
.iphone-screen::after,
.screen::before,
.screen::after,
[class*="phone"]::before,
[class*="phone"]::after,
[class*="device"]::before,
[class*="device"]::after,
[class*="trailer"]::before,
[class*="trailer"]::after {
  pointer-events: none !important;
}