:root{--bg:#02010d;--tx:#F4F3FF;--mut:#8582a9;--card:#141126;--card2:#1c1830;--line:#ffffff1f;--p1:#9a35ff;--p2:#7238fa;--gold:#FFC219}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{line-height:1.12;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,8vw,4.2rem)}
h2{font-size:clamp(1.6rem,5vw,2.4rem)}
h3{font-size:1.1rem;font-weight:700;letter-spacing:0}
p{margin:0 0 1em}
a{color:inherit}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}
.hd{position:sticky;top:0;z-index:50;background:#02010dd9;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hd-in{display:flex;align-items:center;gap:16px;height:68px}
.logo{display:block;width:132px;flex:none}.logo svg{width:100%;height:auto;display:block}.logo-sm{width:120px;margin-bottom:12px}
.nav{display:none;gap:22px;margin-left:auto;font-size:15px;color:var(--mut)}.nav a{text-decoration:none}.nav a:hover{color:var(--tx)}
.hd .profile{margin-left:auto}
@media(min-width:760px){.nav{display:flex}.hd .profile{margin-left:0}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;font:600 15px Inter,sans-serif;text-decoration:none;cursor:pointer;color:var(--tx);background:none}
.btn-primary{background:linear-gradient(180deg,var(--p1),var(--p2));color:#fff;box-shadow:0 8px 28px #7238fa55}
.btn-primary:hover{filter:brightness(1.1)}
.btn-ghost{border-color:var(--line);font-size:14px;padding:0 14px}
.btn-ghost:hover{border-color:#ffffff55}
.btn-lg{min-height:56px;padding:0 30px;font-size:17px}
.linkbtn{background:none;border:0;color:var(--mut);font:inherit;padding:0;cursor:pointer;text-decoration:underline}
.hero{padding:36px 0 28px;background:radial-gradient(900px 420px at 80% -10%,#7238fa40,transparent 70%)}
.lead{font-size:1.15rem;color:#d6d3ee;max-width:34em}
.fine{font-size:13px;color:var(--mut);margin:12px 0 0}
.facts{font-size:14px;color:var(--gold);font-weight:600;margin:14px 0 0}
.hero-grid{display:grid;gap:28px}
@media(min-width:900px){.hero{padding:64px 0 48px}.hero-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:48px}}
.hero-vis{margin:0;position:relative;padding-bottom:20px}
.hero-vis figcaption{font-size:13px;color:var(--mut);text-align:center;margin-top:12px}
.tvframe{border-radius:14px;overflow:hidden;border:6px solid #1c1830;box-shadow:0 20px 60px #0009;background:#000;position:relative;aspect-ratio:16/9}
.tvframe img{width:100%;height:100%;object-fit:cover}
.phone{width:112px;border-radius:20px;border:4px solid #1c1830;overflow:hidden;background:#000;box-shadow:0 14px 40px #000a;position:relative;aspect-ratio:390/844}
.phone img{width:100%;height:100%;object-fit:cover}
.phone-over{position:absolute;right:-4px;bottom:0;width:30%;max-width:150px}
.sec{padding:48px 0}.sec-alt{background:#0a0818}
@media(min-width:900px){.sec{padding:72px 0}}
.sub{color:var(--mut);margin-top:-.2em}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}
@media(min-width:800px){.steps{grid-template-columns:repeat(3,1fr);gap:24px}}
.steps li{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 14px 18px}
.steps img{border-radius:10px;margin-bottom:14px;aspect-ratio:16/9;object-fit:cover;width:100%}
.steps p{color:#cfcbe6;font-size:15px;margin:0}
.num{position:absolute;top:22px;left:22px;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,var(--p1),var(--p2));display:grid;place-items:center;font-weight:800}
.steps-text li{padding:18px 18px 18px 64px}.steps-text .num{top:14px;left:16px}.steps-text h3{margin:0;padding-top:4px}
.ticks{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px;font-size:1.1rem}
.ticks li::before{content:"✓";color:var(--gold);font-weight:800;margin-right:10px}
.flag{display:inline-block;font-size:14px;color:#e9dcff;background:#7238fa26;border:1px solid #9a35ff66;border-radius:12px;padding:10px 14px;margin:8px 0 0}
.cards{display:grid;gap:14px;margin-top:20px}
.cards-4{grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.cards-4{grid-template-columns:repeat(4,1fr)}}
.cards-all{grid-template-columns:repeat(2,1fr);margin-top:24px}
@media(min-width:760px){.cards-all{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.cards-all{grid-template-columns:repeat(4,1fr)}}
.cards-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.cards-shelf .card{flex:0 0 min(70vw,280px);scroll-snap-align:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--p1)}
.card img{aspect-ratio:480/309;object-fit:cover;width:100%}
.card-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{margin:0;font-size:1rem}
.card .meta{font-size:12.5px;color:var(--mut)}
.card .bl{font-size:13.5px;color:#cfcbe6;margin:0;display:none}
.card .go{margin-top:auto;font-size:13px;font-weight:700;color:#cfa8ff}
.cards-all .card .bl{display:block}
@media(max-width:560px){.cards-all .card .bl{display:none}}
.card[hidden]{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--tx);font:600 14px Inter,sans-serif;cursor:pointer}
.chip.on{background:var(--tx);color:var(--bg)}
.demo-stage{position:relative;padding-bottom:20px}
.demo-tv img,.demo-ph img{position:absolute;inset:0;opacity:0;transition:opacity .5s}
.demo-tv img.d-on,.demo-ph img.d-on{opacity:1}
.demo-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
@media(min-width:620px){.demo-steps{grid-template-columns:repeat(3,1fr)}}
.demo-steps button{width:100%;text-align:left;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--mut);font:500 14px/1.35 Inter,sans-serif;cursor:pointer;display:flex;gap:10px;align-items:flex-start}
.demo-steps button.d-on{color:var(--tx);border-color:var(--p1);background:var(--card2)}
.demo-steps b{flex:none;width:24px;height:24px;border-radius:50%;background:var(--p2);display:grid;place-items:center;font-size:13px}
.split{display:grid;gap:28px;margin-top:20px}
@media(min-width:800px){.split{grid-template-columns:1.6fr 1fr;align-items:start}}
.split p{color:#cfcbe6;margin-top:6px}
.split-col h3{margin-top:16px}
.split-ph .phone{width:min(46%,200px);margin:0 auto 0 0}
.feats{display:grid;gap:14px;margin-top:20px}
@media(min-width:700px){.feats{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.feats{grid-template-columns:repeat(4,1fr)}}
.feats div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.feats p{margin:0;color:#cfcbe6;font-size:15px}
.how-shots{display:flex;gap:16px;align-items:flex-end;margin-top:24px}
.how-shots .tvframe{flex:1}.how-shots .phone{width:22%;max-width:130px}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;font-weight:600;padding:14px 0;min-height:44px;list-style-position:outside}
.faq details p{color:#cfcbe6;margin:0 0 14px}
.final{text-align:center;padding:64px 0;background:radial-gradient(700px 300px at 50% 120%,#7238fa55,transparent 70%)}
.final p{color:#d6d3ee}
.ft{border-top:1px solid var(--line);padding:32px 0 96px;font-size:14px;color:var(--mut)}

.ft-links{display:flex;flex-wrap:wrap;gap:8px 20px}.ft-links a{color:var(--mut)}
.modal{position:fixed;inset:0;z-index:100;background:#000b;display:grid;place-items:center;padding:16px}
.modal[hidden],.cookie[hidden]{display:none}
.modal-box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;max-width:420px;width:100%;display:grid;gap:10px}
.cookie{position:fixed;left:12px;right:12px;bottom:64px;z-index:80;max-width:560px;background:var(--card2);border:1px solid #ffffff40;border-radius:16px;padding:14px 16px;box-shadow:0 10px 40px #000c}
.cookie p{margin:0 0 10px;font-size:14px}.cookie-btns{display:flex;gap:8px}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* header profile: 40px round ghost button, 22px icon, vertically centred in the 68px header (14px clearance) */
.profile{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#ffffff0f;color:var(--tx);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,color .2s}
.profile svg{width:22px;height:22px}
.profile:hover{background:#fff;color:#02010D}
/* v1 hero: phone sits on the TV frame, caption below the stage */
.hero-stage{position:relative}
.hero-vis{padding-bottom:0}
.hero-vis figcaption{margin-top:26px}
.hero-stage .phone-over{bottom:-16px}
/* game shelf: DS-styled scrollbar and arrows */
.shelf{position:relative}
.cards-shelf{scrollbar-width:thin;scrollbar-color:var(--p1) var(--card);padding-bottom:14px}
.cards-shelf::-webkit-scrollbar{height:8px}
.cards-shelf::-webkit-scrollbar-track{background:var(--card);border-radius:999px}
.cards-shelf::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--p1),var(--p2));border-radius:999px;border:1px solid var(--card)}
.cards-shelf::-webkit-scrollbar-thumb:hover{background:var(--gold)}
.shelf-btn{display:none}
@media(min-width:900px){.shelf-btn{display:grid;place-items:center;position:absolute;top:calc(50% - 30px);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#141126ee;color:var(--tx);font-size:26px;line-height:1;cursor:pointer;z-index:2;padding:0 0 3px}.shelf-btn:hover{background:var(--gold);color:var(--bg)}.shelf-prev{left:-14px}.shelf-next{right:-14px}.shelf-btn[disabled]{opacity:.3;cursor:default}}
/* breadth section */
.mix{display:grid;gap:16px;margin-top:22px}
@media(min-width:800px){.mix{grid-template-columns:repeat(3,1fr);gap:20px}}
.mix-c{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 12px 18px}
.mix-c img{border-radius:10px;aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:14px}
.mix-c h3{padding:0 6px;font-size:1.2rem}.mix-c p{padding:0 6px;margin:0;color:#cfcbe6;font-size:15px}
/* v4 video hero */
.hero-v4{position:relative;overflow:hidden;height:calc(100vh - 68px);height:calc(100svh - 68px);min-height:560px;display:flex;align-items:center;padding:48px 0 72px;background:#02010d}
.scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:2;width:44px;height:44px;display:grid;place-items:center;color:#ffffffb3;text-decoration:none;font-size:22px;animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}
@media(prefers-reduced-motion:reduce){.scroll-cue{animation:none}}
.hero-bg{position:absolute;inset:0}
.hero-bg img,.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02010df2 0%,#02010dc0 45%,#02010d40 100%)}
@media(max-width:899px){.hero-shade{background:linear-gradient(180deg,#02010dcc,#02010de6)}}
.hero-v4-in{position:relative}
.hero-v4 .hero-copy{max-width:560px}
.hero-v4.no-video .hero-video{display:none}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}
/* privacy page */
.pv{padding:40px 0 80px;max-width:760px}.pv h2{font-size:1.3rem;margin-top:1.6em}.pv p{color:#cfcbe6}
.draft{background:#ffc21922;border:1px solid var(--gold);color:var(--gold);border-radius:12px;padding:12px 16px;font-weight:700}
.mix-noimg{align-self:start;background:linear-gradient(160deg,#2a1d5c,var(--card));padding-top:22px}
.demo-steps li{display:flex}.demo-steps button{height:100%;flex:1}

/* v3 shelves */
.shelf-sec{margin-top:34px}.shelf-sec h2{font-size:1.4rem;margin:0}.shelf-sec .sub{margin:4px 0 0;color:var(--mut)}
.cards-one{grid-template-columns:repeat(2,1fr)}@media(min-width:760px){.cards-one{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.cards-one{grid-template-columns:repeat(4,1fr)}}

/* en-landing v5: layout from the Figma frame "Frame 2136139787" (1920 wide design, 1680 content) */
body.v-v5{--v5-p1:#9a35ff;--v5-p2:#7238fa;--v5-gold:#FFC219;--v5-acc:#a855f7;--v5-card:#121033;--v5-line:#8582a8;
  --pad:clamp(16px,6.25vw,120px);background:#090712 linear-gradient(180deg,#090712 0%,#161333 11%,#1a184a 18%,#1b296b 32%,#1e296e 39%,#27195a 55%,#1c1442 70%,#151032 80%,#0e0919 96%,#03010e 100%);
  color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}
.v5-in{width:100%;max-width:1920px;margin:0 auto;padding:0 var(--pad)}
.v5-c{text-align:center}
.v5-h{font-weight:700;font-size:clamp(32px,3.75vw,72px);line-height:1.2;margin:0;letter-spacing:-.01em}
.v5-h-sm{font-size:clamp(28px,3.1vw,60px);font-weight:600}
.v5-h-md{font-size:clamp(30px,3.1vw,60px);font-weight:600}
.v5-h em,.v5-hero h1 em{font-style:normal;color:var(--v5-acc)}
.v5-sub{font-weight:500;font-size:clamp(17px,1.56vw,30px);line-height:1.3;margin:clamp(12px,1.5vw,28px) 0 0;color:#fff;max-width:36ch}
.v5-c.v5-sub,.v5-h.v5-c+.v5-sub{margin-left:auto;margin-right:auto}
.v5-sec{padding:clamp(48px,6.25vw,120px) 0}

/* buttons */
.v5-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 clamp(20px,1.7vw,32px);border-radius:999px;border:1px solid #ffffffb0;
  background:linear-gradient(180deg,var(--v5-p1),var(--v5-p2));color:#fff;font:500 clamp(16px,1.46vw,28px)/1 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:filter .15s,transform .15s}
.v5-btn:hover{filter:brightness(1.12)}
.v5-btn:focus-visible,.v5-an:focus-visible,.v5-arrow:focus-visible,.v5-list button:focus-visible,.v5-find-opts button:focus-visible{outline:3px solid var(--v5-gold);outline-offset:3px}
.v5-btn-lg{min-height:clamp(52px,3.75vw,72px)}
.v5-btn-sm{min-height:48px;font-size:clamp(16px,1.25vw,24px)}
.v5-btn-dark{background:#2a1f55;border-color:#3b2e72}
.v5-btn-block{width:100%}
.v5-glow{box-shadow:0 0 48px #9a35ffaa}
.v5-btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(24px,3vw,56px)}
.v5-btns-c{justify-content:center}

/* header */
.v5-hd{position:absolute;top:0;left:0;right:0;z-index:20;height:76px;background:linear-gradient(180deg,#02010d 0%,#02010d00 100%)}
.v5-hd-in{display:flex;align-items:center;gap:clamp(16px,2.5vw,48px);height:76px}
.v5-hd .logo{display:block;width:clamp(120px,9.7vw,187px);flex:none}
.v5-hd .logo svg{display:block;width:100%;height:auto}
.v5-nav{display:flex;gap:clamp(20px,2.6vw,50px);margin-left:auto}
.v5-nav a{color:#ffffffd9;text-decoration:none;font-weight:500;font-size:clamp(15px,1.25vw,24px)}
.v5-nav a:hover{color:#fff}
.v5-login{background:none;border:0;color:#ffffffd9;font:500 clamp(15px,1.25vw,24px) Inter,sans-serif;cursor:pointer;padding:8px}
.v5-login:hover{color:#fff}

/* hero */
.v5-hero{position:relative;min-height:clamp(620px,56.25vw,1080px);display:flex;align-items:center;overflow:hidden;background:#000}
.v5-hero-bg{position:absolute;inset:0;display:block}
.v5-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block}
@media(min-width:861px){.v5-hero:not(.v5-end) .v5-hero-bg img{width:80%;margin-left:20%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%);mask-image:linear-gradient(90deg,transparent 0,#000 28%)}}
.v5-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02010dee 0%,#02010db0 36%,#02010d20 62%,#02010d00 80%),linear-gradient(180deg,#02010d99 0,#02010d00 22%,#02010d00 78%,#161333 100%)}
.v5-hero-copy{position:relative;z-index:2;padding-top:90px;padding-bottom:40px}
.v5-eyebrow{margin:0 0 clamp(14px,1.6vw,30px);color:var(--v5-gold);font-weight:500;font-size:clamp(13px,.83vw,16px);text-transform:uppercase;letter-spacing:.02em}
.v5-hero h1{margin:0;font-weight:700;font-size:clamp(40px,5vw,96px);line-height:1.12;letter-spacing:-.02em;max-width:9.5em}
.v5-lead{margin:clamp(16px,2vw,36px) 0 0;font-weight:500;font-size:clamp(17px,1.56vw,30px);line-height:1.3;max-width:26em;color:#ffffffe6}
.v5-hero .v5-btns{margin-top:clamp(28px,3.2vw,60px)}

/* how */
.v5-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.25vw,24px);margin-top:clamp(32px,4vw,80px)}
.v5-step{display:flex;flex-direction:column;background:#121033a0;border:1px solid var(--v5-line);border-radius:clamp(20px,1.67vw,32px);overflow:hidden;min-height:clamp(420px,35.5vw,681px)}
.v5-step img{display:block;width:100%;height:clamp(240px,21.2vw,408px);object-fit:cover}
.v5-step>div{padding:clamp(20px,2.3vw,44px) clamp(20px,2.5vw,48px)}
.v5-step-img-bot img{margin-top:auto}
.v5-step h3{margin:0 0 clamp(8px,1.2vw,22px);font-weight:700;font-size:clamp(24px,1.9vw,36px)}
.v5-step p{margin:0;font-weight:500;font-size:clamp(16px,1.25vw,24px);line-height:1.35}

/* try */
.v5-try{position:relative;margin-top:clamp(28px,3.4vw,64px);border-radius:clamp(24px,2.3vw,45px);overflow:hidden;border:1px solid var(--v5-line);min-height:clamp(480px,38.8vw,745px);display:flex;background:#000}
.v5-try-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.v5-try-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000000 20%,#000000cc 62%,#000 100%),linear-gradient(90deg,#000000c0 0,#00000000 60%)}
.v5-try-body{position:relative;z-index:2;align-self:flex-end;width:100%;padding:clamp(20px,3vw,56px)}
.v5-try-q{margin:0 0 clamp(20px,3vw,56px);font-weight:700;font-size:clamp(28px,3.1vw,60px);line-height:1.2;max-width:11em}
.v5-ans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1vw,20px)}
.v5-an{display:flex;align-items:center;gap:clamp(12px,1.2vw,22px);text-align:left;min-height:clamp(60px,5.2vw,100px);padding:0 clamp(14px,1.6vw,30px);border-radius:clamp(14px,1.2vw,22px);border:1px solid #ffffff22;background:#1a1745cc;color:#fff;font:600 clamp(17px,1.4vw,27px) Inter,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.v5-an b{flex:none;display:grid;place-items:center;width:clamp(30px,2.3vw,44px);height:clamp(30px,2.3vw,44px);border-radius:50%;background:#fff;color:#1a1745;font-size:clamp(14px,1.1vw,22px);font-weight:700}
.v5-an:hover:not(:disabled){background:#2a2468}
.v5-an.is-ok{background:#15803d;border-color:#4ade80}
.v5-an.is-no{background:#7f1d1d;border-color:#f87171}
.v5-an:disabled{cursor:default}
.v5-try-fb{margin:clamp(14px,1.4vw,26px) 0 0;font-weight:500;font-size:clamp(15px,1.25vw,24px);color:#ffffffcc;min-height:1.4em}
.v5-try-cta[hidden]{display:none}
.v5-try-cta{margin-top:12px}

/* games */
.v5-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.v5-games{display:grid;grid-template-columns:minmax(0,1112fr) minmax(0,544fr);gap:clamp(16px,1.25vw,24px);margin-top:clamp(28px,3.4vw,64px);align-items:stretch}
.v5-feat{position:relative;display:block;border-radius:clamp(20px,1.67vw,32px);overflow:hidden;background:#070815;min-height:clamp(420px,43.4vw,833px);color:#fff;text-decoration:none}
.v5-feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v5-feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070815 0,#07081500 0,#07081500 40%,#070815f2 100%)}
.v5-feat-b{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(18px,2vw,38px);display:flex;flex-direction:column;gap:clamp(8px,.9vw,16px);align-items:flex-start}
.v5-chips{display:flex;gap:10px;flex-wrap:wrap;font-weight:600;font-size:clamp(14px,1.1vw,22px);color:#ffffffd0}
.v5-chips span{padding:4px 12px;border-radius:999px;background:#ffffff26}
.v5-chips .v5-free{background:var(--v5-gold);color:#1a1000}
.v5-feat-b strong{font-weight:700;font-size:clamp(26px,2.3vw,44px);line-height:1.1}
.v5-feat-p{font-weight:500;font-size:clamp(15px,1.25vw,24px);line-height:1.4;max-width:34em;color:#ffffffe6}
.v5-feat-go{align-self:flex-end;margin-top:4px}
.v5-list{display:flex;flex-direction:column;gap:clamp(10px,1vw,20px);max-height:clamp(420px,43.4vw,833px);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#8582a8 transparent}
.v5-list button{flex:none;display:flex;align-items:center;gap:clamp(12px,1vw,18px);width:100%;min-height:clamp(96px,7.8vw,150px);padding:clamp(8px,.8vw,16px);border-radius:clamp(16px,1.25vw,24px);border:1px solid transparent;background:#ffffff12;color:#fff;font:500 clamp(17px,1.56vw,30px)/1.2 Inter,sans-serif;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.v5-list button:hover{background:#ffffff22}
.v5-list button[aria-current=true]{border-color:#c084fc;background:#ffffff26}
.v5-list img{flex:none;width:clamp(96px,9.6vw,184px);aspect-ratio:184/118;object-fit:cover;border-radius:12px}
.v5-list span{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.v5-list i{font-style:normal;font-weight:600;font-size:clamp(12px,.94vw,18px);padding:2px 10px;border-radius:999px;background:var(--v5-gold);color:#1a1000}

/* reviews */
.v5-rev-wrap{position:relative;margin:clamp(28px,3.4vw,64px) 0 clamp(24px,2.5vw,48px)}
.v5-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.25vw,24px)}
.v5-rc{margin:0;display:flex;flex-direction:column;min-height:clamp(240px,17vw,326px);padding:clamp(20px,1.67vw,32px);border-radius:clamp(20px,1.67vw,32px);border:1px solid var(--v5-line);background:radial-gradient(120% 90% at 85% 100%,#1565c0 0%,#0f3f85 38%,#0b1f4a 75%)}
.v5-rc-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.v5-mn{font-weight:700;font-size:clamp(20px,1.67vw,32px);color:var(--v5-gold);letter-spacing:2px}
.v5-stars{color:var(--v5-gold);font-size:clamp(20px,1.67vw,32px);letter-spacing:4px}
.v5-stars i{font-style:normal;color:#ffffff55}
.v5-rc time{font-size:clamp(13px,.94vw,18px);color:#ffffffb0}
.v5-rc blockquote{margin:clamp(16px,1.6vw,30px) 0 auto;font-weight:400;font-size:clamp(16px,1.25vw,24px);line-height:1.35}
.v5-rc figcaption{margin-top:20px;font-weight:500;font-size:clamp(20px,1.56vw,30px)}

/* finder */
.v5-find{display:grid;grid-template-columns:minmax(0,544fr) minmax(0,1112fr);gap:clamp(20px,3vw,56px);align-items:center}
.v5-find-copy .v5-h{font-size:clamp(30px,3.1vw,60px);font-weight:600}
.v5-find-box{position:relative;border-radius:clamp(20px,1.67vw,32px);overflow:hidden;border:1px solid var(--v5-line);background:#121033a0;min-height:clamp(300px,28.3vw,544px);display:grid;place-items:center}
.v5-find-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v5-find-ui{position:relative;z-index:2;width:100%;padding:20px;text-align:center}
.v5-find-opts{display:grid;gap:10px;max-width:520px;margin:0 auto;text-align:left}
.v5-find-opts p{margin:0 0 4px;font-weight:700;font-size:clamp(18px,1.5vw,28px);text-align:center;text-shadow:0 2px 12px #000}
.v5-find-opts button,.v5-find-opts a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 16px;border-radius:16px;border:1px solid #ffffff40;background:#150f36e6;color:#fff;font:600 17px Inter,sans-serif;text-decoration:none;cursor:pointer;text-align:left}
.v5-find-opts img{width:72px;aspect-ratio:640/412;object-fit:cover;border-radius:8px}
.v5-find-opts button:hover,.v5-find-opts a:hover{background:#2a2468}
.v5-find-opts .v5-again{justify-content:center;background:none;border-color:#ffffff55}

/* plans */
.v5-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.25vw,24px);margin:clamp(40px,4.5vw,84px) 0 clamp(24px,2.5vw,48px);align-items:center}
.v5-plan{position:relative;display:flex;flex-direction:column;padding:clamp(20px,1.67vw,32px);border-radius:clamp(20px,1.67vw,32px);border:1px solid var(--v5-line);background:#12103399;min-height:clamp(380px,29.7vw,570px);box-shadow:0 20px 60px #00000055}
.v5-plan-best{border-color:var(--v5-gold);background:linear-gradient(180deg,#2b1a6f,#3b1f95 100%);min-height:clamp(420px,32.4vw,620px)}
.v5-best{position:absolute;top:-1px;right:24px;transform:translateY(-50%);padding:6px 14px;border-radius:999px;background:var(--v5-gold);color:#1a1000;font-weight:600;font-size:13px;letter-spacing:.04em}
.v5-plan h3{margin:0;font-weight:600;font-size:clamp(20px,1.56vw,30px)}
.v5-price{margin:clamp(16px,1.6vw,30px) 0 0;font-size:clamp(16px,1.25vw,24px);color:#ffffffb0;font-weight:500}
.v5-price b{font-size:clamp(40px,3.1vw,60px);font-weight:700;color:var(--v5-gold);letter-spacing:-.01em}
.v5-chips .v5-free[hidden]{display:none}
.v5-bill{margin:10px 0 0;font-size:clamp(13px,.94vw,18px);color:#ffffffc0}
.v5-plan ul{list-style:none;margin:clamp(18px,1.6vw,30px) 0 clamp(20px,2vw,38px);padding:clamp(16px,1.4vw,26px) 0 0;border-top:1px solid #ffffff22;display:grid;gap:12px}
.v5-plan li{position:relative;padding-left:36px;font-size:clamp(16px,1.25vw,24px);line-height:1.3;color:#ffffffe6}
.v5-plan li::before{content:"";position:absolute;left:0;top:.1em;width:22px;height:22px;border-radius:50%;background:#ffffff26 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.5 16.2 5.8 12.5l-1.4 1.4 5.1 5.1L20.6 7.9l-1.4-1.4z' fill='white'/></svg>") center/16px no-repeat}
.v5-plan .v5-btn{margin-top:auto}

/* faq */
.v5-faq{max-width:1040px;margin:clamp(28px,3vw,56px) auto 0;display:grid;gap:clamp(8px,.8vw,14px)}
.v5-faq details{border:1px solid var(--v5-line);border-radius:clamp(14px,1.1vw,20px);background:#1210338c}
.v5-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:clamp(56px,4.4vw,84px);padding:12px clamp(16px,1.6vw,30px);cursor:pointer;font-weight:500;font-size:clamp(16px,1.25vw,24px);list-style:none}
.v5-faq summary::-webkit-details-marker{display:none}
.v5-faq summary::after{content:"+";flex:none;font-size:28px;line-height:1;color:#c084fc;transition:transform .2s}
.v5-faq details[open] summary::after{transform:rotate(45deg)}
.v5-faq details p{margin:0;padding:0 clamp(16px,1.6vw,30px) 18px;font-size:clamp(15px,1.1vw,21px);line-height:1.5;color:#ffffffd0}

/* final */
.v5-end{position:relative;overflow:hidden;min-height:clamp(480px,40vw,768px);display:grid;place-items:center;text-align:center;background:#000}
.v5-end .v5-hero-bg img{object-position:60% 50%}
.v5-end-shade{position:absolute;inset:0;background:linear-gradient(180deg,#090712 0,#090712a0 25%,#02010d99 60%,#02010dcc 100%)}
.v5-end-in{position:relative;z-index:2;padding-top:48px;padding-bottom:48px}
.v5-end .v5-sub{margin-left:auto;margin-right:auto;max-width:38em;font-size:clamp(16px,1.25vw,24px)}

/* footer */
.v5-ft{background:#02010d;padding:clamp(28px,2.5vw,48px) 0 110px}
.v5-ft-in{display:grid;gap:12px;font-size:14px;color:#a7a4c4}
.v5-ft .logo{display:block;width:150px}
.v5-ft .logo svg{display:block;width:100%;height:auto}
.v5-ft p{margin:0}
.v5-ft a{color:#d5d2ee}
.v5-ft-links{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:12px;border-top:1px solid #ffffff1f;margin-top:8px}
.v5-ft-mail span{margin-right:6px}

/* tablet and phone */
@media (max-width:1100px){
  .v5-steps,.v5-plans,.v5-rev{grid-template-columns:1fr}
  .v5-step{min-height:0}
  .v5-step-img-bot{flex-direction:column-reverse}
  .v5-step-img-bot img{margin-top:0}
  .v5-games,.v5-find{grid-template-columns:1fr}
  .v5-list{max-height:none;overflow:visible;display:grid;grid-template-columns:1fr 1fr;padding:0}
  .v5-plan,.v5-plan-best{min-height:0}
  .v5-plans{align-items:stretch}
  .v5-best{right:20px}
  .v5-rev-wrap{margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1)}
  .v5-rev{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 var(--pad);scrollbar-width:none}
  .v5-rev::-webkit-scrollbar{display:none}
  .v5-rc{flex:0 0 min(86%,420px);scroll-snap-align:center}
}
@media (max-width:759px){
  .v5-nav{display:none}
  .v5-login{margin-left:auto}
  .v5-hero{min-height:0;align-items:flex-end;padding-top:0}
  .v5-hero-bg{bottom:auto;height:58vw;min-height:230px;top:0}
  .v5-hero{display:block}
  .v5-hero-bg img{object-position:50% 40%}
  .v5-hero-shade{background:linear-gradient(180deg,#02010d99 0,#02010d00 25%),linear-gradient(180deg,#02010d00 28vw,#090712 58vw)}
  .v5-hero-copy{padding-top:calc(58vw - 40px);padding-bottom:36px}
  .v5-hero h1{font-size:clamp(34px,10vw,44px)}
  .v5-btn-lg{width:100%}
  .v5-ans{grid-template-columns:1fr}
  .v5-try{min-height:520px}
  .v5-list{grid-template-columns:1fr}
  .v5-feat{min-height:440px}
  .v5-feat-go{align-self:stretch;width:100%}
  .v5-head-row .v5-btn{width:100%}
  .v5-hd .v5-btn-sm{padding:0 14px;font-size:15px;min-height:42px}
  .v5-hd-in{gap:8px}
  .v5-hd .logo{width:104px}
  .v5-end{min-height:0}
  .v5-btns-c .v5-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.v5-btn,.v5-an,.v5-faq summary::after{transition:none}}

/* phones: the hero fills the first screen so the shared fixed review button never sits over text */
@media(max-width:860px){.v5-hero{min-height:100svh}}

/* v6: loaded after en-landing.css and en-landing-v5.css */
.v6-hero{position:relative;overflow:hidden;padding:104px 0 56px;background:radial-gradient(90% 80% at 80% 30%,#2b1a6f66 0,#0000 70%)}
.v6-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,72px);align-items:center}
.v6-hero h1{margin:0;font-weight:700;font-size:clamp(40px,4.6vw,88px);line-height:1.1;letter-spacing:-.02em;max-width:10em}
.v6-hero .v5-btns{margin-top:clamp(24px,2.4vw,44px)}
.v6-under{margin:18px 0 0;max-width:34em;color:#d6d2f0;font-size:clamp(15px,1.1vw,20px);line-height:1.45}
.v6-chip{display:inline-block;margin:16px 0 0;padding:8px 16px;border-radius:999px;background:#2a1f55;border:1px solid #3b2e72;font-weight:600;font-size:clamp(14px,1vw,18px)}
.v6-stage{position:relative;padding:18px 0 0}
.v6-tv{border-radius:18px;overflow:hidden;border:6px solid #1d1840;background:#000;box-shadow:0 30px 80px #000a;aspect-ratio:16/9}
.v6-tv img,.v6-tv picture{display:block;width:100%;height:100%}
.v6-tv img{object-fit:contain;background:#000}
.v6-phone{position:absolute;right:-2%;top:-5%;width:clamp(84px,8vw,150px);aspect-ratio:300/649;border-radius:22px;border:5px solid #1d1840;overflow:hidden;background:#000;box-shadow:0 20px 50px #000c}
.v6-phone img{display:block;width:100%;height:100%;object-fit:cover}
.v6-proof{background:#12103399;border-top:1px solid #8582a840;border-bottom:1px solid #8582a840}
.v6-proof-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:28px;padding-bottom:28px}
.v6-proof b{display:block;font-size:clamp(17px,1.3vw,24px);margin-bottom:6px}
.v6-proof span{color:#d0ccec;font-size:clamp(14px,1vw,18px);line-height:1.4}
.v6-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(28px,3vw,52px)}
.v6-step{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 16px 24px;border:1px solid var(--v5-line);border-radius:24px;background:#121033a0}
.v6-step img{width:100%;height:auto;border-radius:14px;display:block;aspect-ratio:16/9;object-fit:cover}
.v6-step-ph img{width:auto;max-width:100%;height:clamp(180px,16vw,300px);aspect-ratio:auto;object-fit:contain;margin:0 auto}
.v6-n{position:absolute;top:26px;right:26px;width:36px;height:36px;border-radius:50%;background:var(--v5-gold);color:#1a1000;font-weight:700;display:grid;place-items:center}
.v6-step-ph .v6-n{top:22px}
.v6-step h3{margin:8px 0 0;font-size:clamp(20px,1.5vw,28px)}
.v6-step p{margin:0;color:#d0ccec;line-height:1.5;font-size:clamp(15px,1.05vw,19px)}
.v6-free p{margin:18px 0 0}.v5-btns .v5-btn{min-height:48px}.v5-btns{align-items:center}
.v6-free{padding:clamp(48px,6vw,110px) 0}
.v6-free .v5-sub{max-width:34em;margin-left:auto;margin-right:auto}
.v6-end{position:relative;overflow:hidden}
.v5-hd .logo,.v5-nav a,.v5-hd .v5-btn-sm{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:860px){
    .v6-hero{padding:84px 0 36px}.v6-hero-in{grid-template-columns:1fr}
  .v6-hero h1{font-size:clamp(34px,10vw,44px)}
  .v6-proof-in{grid-template-columns:repeat(2,1fr)}
  .v6-steps{grid-template-columns:1fr}
  .v6-hero .v5-btn-lg{width:100%}
}
@media(max-width:520px){
  .v6-steps{gap:14px}.v6-step{display:grid;grid-template-columns:42% 1fr;column-gap:14px;align-items:start;padding:12px}
  .v6-step img{grid-row:1/4}.v6-step h3{margin:0;font-size:18px}.v6-step p{font-size:14px;grid-column:2}
  .v6-step-ph img{height:150px}.v6-n{top:20px;right:20px;width:30px;height:30px}
  .v6-proof-in{grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;padding-bottom:20px}
  
  .v6-proof{display:none}
  .v5-sec{padding-top:30px;padding-bottom:30px}.v5-try{min-height:0}.v5-try-body{padding:20px 16px}.v5-try-q{font-size:21px}
  .v5-an{min-height:48px;padding-top:6px;padding-bottom:6px}.v5-ans{gap:8px}
.v5-h{font-size:26px;line-height:1.15}
  .v6-step{padding:10px}.v6-free .v5-h{font-size:24px}.v6-free p{margin-top:10px}.v5-faq summary{padding-top:12px;padding-bottom:12px;font-size:15px}.v6-hero .v5-btn-lg{min-height:48px}.v6-steps{gap:10px}.v5-end-in .v5-h{font-size:26px}.v6-proof-in{gap:10px 14px;padding-top:14px;padding-bottom:14px}.v6-proof b{margin-bottom:2px;font-size:15px}.v6-hero{padding-top:78px}.v5-an{min-height:44px}.v5-sub{margin-top:8px}.v6-proof span{font-size:13px;line-height:1.3}.v5-end{min-height:0}.v5-end-in{padding-top:48px;padding-bottom:36px}
  .v5-faq{gap:8px}.v6-free{padding:28px 0}.v6-steps{margin-top:20px}
  .v6-hero-in{gap:6px}.v5-faq summary{padding-top:14px;padding-bottom:14px}
  .v6-hero-in{gap:20px}.v6-under{margin-top:12px}
  .v6-phone{right:2%;width:84px}
}

/* try-it block: v5 styling with real questions */
.v5-try-q{font-size:clamp(22px,2.5vw,46px);max-width:20em}
.v5-btns .v5-try-cta{margin-top:0}
#try-after{margin-top:clamp(14px,1.4vw,26px)}
.v5-try-bg{transition:opacity .2s}
/* catalog: v5 layout, list items are links to the game start */
.v5-list a{flex:none;display:flex;align-items:center;gap:clamp(12px,1vw,18px);width:100%;min-height:clamp(84px,7vw,132px);padding:clamp(8px,.8vw,16px);border-radius:clamp(16px,1.25vw,24px);border:1px solid transparent;background:#ffffff12;color:#fff;text-decoration:none;font:500 clamp(17px,1.4vw,28px)/1.2 Inter,sans-serif;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.v5-list a:hover{background:#ffffff22}
.v5-list a[aria-current=true]{border-color:#c084fc;background:#ffffff26}
.v5-list a:focus-visible{outline:3px solid var(--v5-gold);outline-offset:3px}
.v6-list img{flex:none;width:clamp(96px,9.6vw,184px);aspect-ratio:480/309;object-fit:cover;border-radius:12px}
.v6-list{padding-right:6px}
/* arcades: four tiles of one size */
.v6-arc{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.4vw,22px);margin:clamp(28px,3vw,52px) 0 28px}
.v6-arc figure{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--v5-line);background:#000;position:relative}
.v6-arc img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.v6-arc figcaption{position:absolute;left:12px;bottom:12px;padding:5px 12px;border-radius:999px;background:#090712cc;color:#fff;font-weight:600;font-size:clamp(13px,1vw,17px)}
/* final screen: v5 layout */
.v6-end .v5-hero-bg{bottom:0;height:auto;min-height:0;top:0}
.v6-end .v5-hero-bg img{object-position:50% 40%}
/* footer */
.v6-ft{background:#02010d;padding:clamp(28px,2.5vw,44px) 0 76px;color:#a7a4c4;font-size:15px}
.v6-ft-in{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo links" "copy mail";align-items:center;gap:20px 0}
.v6-ft .logo{grid-area:logo;display:block;width:150px}
.v6-ft .logo svg{display:block;width:100%;height:auto}
.v6-ft-links{grid-area:links;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 28px}
.v6-ft-copy,.v6-ft-mail{margin:0;padding-top:20px;border-top:1px solid #ffffff1f}
.v6-ft-copy{grid-area:copy}
.v6-ft-links{padding-left:32px}
.v6-ft-mail{grid-area:mail;text-align:right}
.v6-ft a,.v6-ft .linkbtn{color:#d5d2ee;min-height:44px;display:inline-flex;align-items:center}
.v6-ft-mail a,.v6-ft-copy{min-height:0}
.v6-ft-mail a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){
  .v6-ft-in{grid-template-columns:1fr;grid-template-areas:"logo" "links" "copy" "mail";gap:12px}
  .v6-ft-links{justify-content:flex-start;gap:0 24px;padding-left:0}
  .v6-ft-copy,.v6-ft-mail{text-align:left;padding-top:0;border:0}
  .v6-ft-links{padding-bottom:12px;border-bottom:1px solid #ffffff1f}
}
@media(max-width:1100px){.v5-list.v6-list{grid-template-columns:1fr 1fr;gap:12px}}
@media(max-width:520px){
  .v5-list.v6-list{gap:10px}
  .v6-list a{flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:8px;font-size:15px}
  .v6-list img{width:100%}
  .v6-arc{gap:10px}.v6-arc figcaption{left:8px;bottom:8px;padding:3px 9px}
  .v6-step h3{padding-right:36px}
  .v6-ft{padding-bottom:84px}
}
.v6-end .v5-end-shade{background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(6,4,20,.88),rgba(6,4,20,.55) 70%,rgba(6,4,20,.35)),linear-gradient(180deg,rgba(6,4,20,.5),rgba(6,4,20,.75))}
@media (max-width:520px){.v6-n{top:12px;right:12px;width:30px;height:30px;font-size:14px}.v6-step-ph .v6-n{top:12px}.v6-step h3{min-height:34px;padding-right:38px}}

/* v7: loaded after base + v5 + v6 rules. Visual pass after pstv.ru/battle (battle-v2.css) and the Figma "PSTV Лендинги" battle page (node 3441:462).
   Tokens come from battle-v2.css :root: bg #06040f, p1 #9A35FF, p2 #7238FA, lavender #DEDBFF/#C8C4FF, yellow #FFC219, stroke rgba(133,130,169,.35). */
body.v-v7{--bg:#06040f;--p1:#9A35FF;--p2:#7238FA;--lav:#DEDBFF;--lav2:#C8C4FF;--yel:#FFC219;--st:rgba(133,130,169,.35);--card:rgba(13,10,26,.9);--grad:linear-gradient(90deg,#B06BFF,#8A5CFF);
  background:var(--bg) linear-gradient(180deg,#050614 0,#0d0a1a 100%);color:#F4F3FF}
/* section glows and a dotted star field (battle: dark navy, purple light pools, tiny dots) */
body.v-v7 main{position:relative;background:
  radial-gradient(60% 420px at 85% 1100px,#7238fa33,#0000 70%),
  radial-gradient(55% 420px at 10% 2300px,#9a35ff26,#0000 70%),
  radial-gradient(60% 460px at 90% 3300px,#7238fa2e,#0000 70%),
  radial-gradient(1.5px 1.5px at 20px 30px,#ffffff55,#0000 60%) 0 0/160px 120px,
  radial-gradient(2px 2px at 90px 80px,#b06bff77,#0000 60%) 0 0/210px 170px}
.v-v7 .v5-hd{background:linear-gradient(180deg,#02010d 0,#02010d00 100%)}
.v-v7 .v5-nav a{padding:0 16px;border-radius:999px;border:1px solid transparent;transition:background .15s,border-color .15s}
.v-v7 .v5-nav a:hover{background:#9a35ff40;border-color:#9a35ff8c}
/* buttons: battle pill, 2px soft stroke, purple glow, lift on hover */
.v-v7 .v5-btn{border:2px solid #ffffff26;box-shadow:0 8px 28px #7238fa66;font-weight:500;transition:transform .15s,box-shadow .15s,filter .15s}
.v-v7 .v5-btn:hover{transform:translateY(-2px);filter:none;box-shadow:0 12px 34px #7238fa8c}
.v-v7 .v5-glow{box-shadow:0 0 0 4px #9a35ff59,0 8px 28px #7238fa80}
.v-v7 .v5-btn-dark{background:#02010d66;border-color:#ffffff26;box-shadow:none}
.v-v7 .v5-btn-dark:hover{background:#ffffff14;box-shadow:none}
/* yellow chip + yellow eyebrows (battle .chip--yellow / .eyebrow) */
.v-v7 .v7-chip{margin:0 0 22px;padding:8px 16px;background:var(--yel);color:#1a1230;border:0;font-weight:600;font-size:clamp(13px,.95vw,16px);box-shadow:0 0 24px #ffc21973}
.v-v7 .v5-h em,.v7-grad{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.v-v7 .v6-hero h1{font-size:clamp(40px,4.9vw,92px);line-height:1.08}
.v-v7 .v6-under,.v-v7 .v5-lead{color:var(--lav)}
/* hero: purple light + dots + floating battle mascots */
.v7-hero{background:none;isolation:isolate}
.v7-glow{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(60% 70% at 78% 40%,#7238fa66,#0000 70%),
  radial-gradient(40% 50% at 8% 10%,#9a35ff33,#0000 70%),
  radial-gradient(1.5px 1.5px at 30px 40px,#fff8,#0000 60%) 0 0/140px 110px,
  radial-gradient(2px 2px at 100px 70px,#ffc21999,#0000 60%) 0 0/260px 190px,
  linear-gradient(180deg,#06040f 0,#0d0a1a 100%)}
.v7-glow::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,#0000,#06040f)}
.v7-face{position:absolute;z-index:1;width:clamp(56px,6vw,112px);height:auto;filter:drop-shadow(0 10px 18px #0009);pointer-events:none;animation:v7float 7s ease-in-out infinite}
.v7-f1{left:44%;top:96px;transform:rotate(-8deg)}
.v7-f2{right:2%;bottom:34px;animation-delay:-2s}
.v7-f3{display:none}
.v7-f4{right:0;top:20px;animation-delay:-1s;width:clamp(48px,5vw,92px)}
@keyframes v7float{0%,100%{translate:0 0}50%{translate:0 -10px}}
/* TV + phone, rotating examples */
.v7-frame{position:relative;aspect-ratio:16/9}
.v7-frame .v6-tv{box-shadow:0 30px 80px #000a,0 0 90px #7238fa59;border-color:#2a1f5a;border-radius:22px}
.v7-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s}
.v7-slide.is-on{opacity:1;visibility:visible;transition:opacity .9s ease}
.v7-frame .v6-phone{border-color:#2a1f5a;border-radius:26px;box-shadow:0 20px 50px #000c,0 0 40px #9a35ff59}
.v7-dots{display:flex;align-items:center;gap:0;margin-top:14px}
.v7-dots button{position:relative;width:32px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.v7-dots button::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#8582a9;transition:width .25s,background .25s,margin .25s,border-radius .25s}
.v7-dots button.is-on::before{width:26px;margin-left:-13px;border-radius:6px;background:var(--yel)}
.v7-dots button:focus-visible{outline:3px solid var(--yel);outline-offset:-4px;border-radius:8px}
/* proof strip, cards */
.v-v7 .v6-proof{background:#0d0a1ae6;border-color:var(--st)}
.v-v7 .v6-proof b{color:#fff}.v-v7 .v6-proof span{color:#b9b5dd}
.v-v7 .v6-step{border-radius:32px;border-color:var(--st);background:var(--card);box-shadow:0 0 40px #7238fa1a}
.v-v7 .v6-step img{border-radius:20px}
.v-v7 .v6-step p,.v-v7 .v5-sub{color:#cfcbef}
.v-v7 .v5-try{border-color:#9a35ff8c;box-shadow:0 0 60px #7238fa40;border-radius:32px}
.v-v7 .v5-an{border-radius:24px}
.v-v7 .v5-list a{border:1px solid var(--st);background:var(--card);border-radius:24px}
.v-v7 .v5-list a:hover{background:#1a1236}
.v-v7 .v5-list a[aria-current=true]{border-color:#9a35ff;background:linear-gradient(135deg,#28125ae6,#0d0a1af2);box-shadow:0 0 30px #7238fa40}
.v-v7 .v5-feat{border-radius:32px;border:1px solid #9a35ff8c;background:linear-gradient(135deg,#28125ae6,#0d0a1af2);box-shadow:0 0 60px #7238fa33}
.v-v7 .v5-chips span{background:#ffffff12;border:1px solid var(--st);color:var(--lav)}
.v-v7 .v6-arc figure{border-radius:24px;border:1px solid #9a35ff73;box-shadow:0 0 40px #7238fa26}
.v-v7 .v6-arc figcaption{background:#fff;color:#1a1230;font-weight:700;font-size:clamp(12px,.9vw,15px)}
.v-v7 .v5-faq details{border-radius:24px;border:1px solid var(--st);background:var(--card)}
/* free band: battle's "free box" */
.v7-band{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;border-radius:28px;background:linear-gradient(120deg,#3c1878a6,#0d0a1ae6);border:1px solid #9a35ff59;padding:clamp(24px,3vw,48px) clamp(24px,4vw,64px);overflow:hidden}
.v7-band .v5-h{text-align:left}
.v7-band p{margin:22px 0 0}
.v7-band-art{justify-self:center;width:min(100%,420px);height:auto;filter:drop-shadow(0 12px 30px #7238fa80)}
/* final screen: purple sunburst + bear (no photo, so no stray text under the headline) */
.v-v7 .v6-end{background:#1e0c46;min-height:clamp(440px,36vw,680px);display:flex;align-items:center}
.v7-end-burst{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 72% 55%,#ffffff0f 0 6deg,#0000 6deg 12deg),radial-gradient(circle at 72% 55%,#9a35ffb8,#1e0c46f2 70%)}
.v-v7 .v5-end-in{position:relative;z-index:2;width:100%;text-align:left}
.v-v7 .v5-end-in .v5-btns-c{justify-content:flex-start}
.v-v7 .v5-end-in .v5-sub{margin-left:0;max-width:30em}
.v-v7 .v6-ft{background:#06040f;border-top:1px solid var(--st)}
@media(max-width:1100px){.v7-f1{display:none}}
@media(max-width:860px){
  .v7-face{width:56px}.v7-f3,.v7-f2{display:none}.v7-f4{display:none}
  .v7-band{grid-template-columns:1fr}.v7-band-art{width:min(70%,300px)}
  .v-v7 .v6-end{flex-direction:column;align-items:stretch;justify-content:flex-start}
  .v7-end-burst{background:repeating-conic-gradient(from 0deg at 50% 85%,#ffffff0f 0 6deg,#0000 6deg 12deg),radial-gradient(circle at 50% 85%,#9a35ffb8,#1e0c46f2 70%)}
  .v-v7 .v5-end-in{padding-bottom:12px}.v7-f5{right:6%;top:6%;width:48px}
}
@media(prefers-reduced-motion:reduce){.v7-face{animation:none}.v7-slide,.v7-slide.is-on{transition:none}.v-v7 .v5-btn{transition:none}.v-v7 .v5-btn:hover{transform:none}}

/* round 2: hero images fill the frame (no letterbox bars) */
.v7-frame .v6-tv img{object-fit:cover}
/* catalog cards: teaser + meta chips */
.v-v7 .v5-list a{align-items:center}
.v-v7 .v5-list .v7-gt{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.v-v7 .v5-list .v7-gt strong{font-weight:700}
.v-v7 .v5-list .v7-gt em{font-style:normal;font-weight:400;font-size:clamp(13px,.95vw,17px);line-height:1.3;color:#ffffffb3}
.v-v7 .v5-list .v7-meta{display:flex;flex-direction:row;flex-wrap:nowrap;gap:5px;margin-top:2px;min-width:0}
.v-v7 .v5-list .v7-meta b{font-weight:600;font-size:clamp(11px,.8vw,14px);padding:2px 9px;border-radius:999px;background:#ffffff1f;color:#fff;white-space:nowrap}

/* demo quiz (round 3c): one fixed-size frame for every stage, everything scales with the frame width (cqw), so nothing resizes or jumps.
   Layout copies the platform quiz screen: picture full-bleed, question on the picture under a top gradient, glass answer cards at the bottom,
   correct answer green, progress dashes; the results stage copies the round-results screen (centered dark panel over its own picture). */
.v7d{position:relative;container-type:inline-size;width:100%;max-width:1280px;margin:clamp(28px,3.4vw,64px) auto 0;aspect-ratio:16/9;overflow:hidden;isolation:isolate;
  border-radius:clamp(20px,2.3vw,36px);border:1px solid #9a35ff8c;background:#0b0820;box-shadow:0 0 60px #7238fa40;color:#fff9e8;font-family:'Nunito Sans',Inter,sans-serif}
.v7d [hidden]{display:none!important}
.v7d::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,#04020ee0 0,#04020e99 30%,#04020e00 58%),linear-gradient(0deg,#04020ecc 0,#04020e00 34%)}
.v7d[data-stage=r]::before{background:#04020e59}
.v7d-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0b0820}
.v7d-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;will-change:transform}
.v7d-kb0{animation:v7kb0 18s ease-in-out infinite alternate}
.v7d-kb1{animation:v7kb1 18s ease-in-out infinite alternate}
.v7d-kb2{animation:v7kb2 18s ease-in-out infinite alternate}
.v7d-img.is-in.v7d-kb0{animation:v7kb0 18s ease-in-out infinite alternate,v7in .7s ease-out both}
.v7d-img.is-in.v7d-kb1{animation:v7kb1 18s ease-in-out infinite alternate,v7in .7s ease-out both}
.v7d-img.is-in.v7d-kb2{animation:v7kb2 18s ease-in-out infinite alternate,v7in .7s ease-out both}
@keyframes v7kb0{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.14) translate(-2.2%,-1.4%)}}
@keyframes v7kb1{from{transform:scale(1.14) translate(1.8%,1%)}to{transform:scale(1.03) translate(-.5%,0)}}
@keyframes v7kb2{from{transform:scale(1.03) translate(1.6%,.6%)}to{transform:scale(1.15) translate(-1.8%,-1.6%)}}
@keyframes v7in{from{opacity:0}to{opacity:1}}
.v7d-top{position:absolute;z-index:2;left:4cqw;right:4cqw;top:3.6cqw;display:flex;flex-direction:column;align-items:flex-start;gap:max(8px,1.2cqw)}
.v7d-q{margin:0;max-width:64cqw;font-size:max(17px,2.9cqw);line-height:1.3;font-weight:600;text-shadow:1px 1px 5px #0006,2px 4px 8px #00000059;outline:0}
.v7d-ex{margin:0;max-width:72cqw;padding:max(8px,1cqw) max(12px,1.6cqw);border-radius:max(10px,1.1cqw);border:1px solid #ffffff33;background:#0b0820f5;font-size:max(15px,2.3cqw);line-height:1.35;font-weight:600;color:#fff}
.v7d-ps{margin:0;max-width:72cqw;padding:max(8px,1cqw) max(12px,1.6cqw);border-radius:max(10px,1.1cqw);border:2px solid #b06bff;border-left-width:max(5px,.7cqw);background:#140c33;color:#fff;font:600 max(13px,1.85cqw)/1.4 Inter,sans-serif;box-shadow:0 8px 28px #000a}
.v7d-ps::before{content:"PARTYstation";display:block;margin-bottom:.25em;font-size:.72em;letter-spacing:.1em;text-transform:uppercase;color:#ffc219;font-weight:800}
.v7d-next{margin-top:max(4px,.6cqw);min-height:48px;padding:0 max(24px,3cqw);border:3px solid #fff;border-radius:999px;background:#ffc219;color:#1a1230;font:800 max(15px,2cqw) Inter,sans-serif;cursor:pointer;box-shadow:0 0 0 4px #ffc21959,0 8px 24px #000a}
.v7d-next:hover{background:#ffd34d}
.v7d-opts{position:absolute;z-index:2;left:2.2cqw;right:2.2cqw;bottom:max(24px,4.4cqw);display:grid;grid-template-columns:1fr 1fr;gap:max(4px,.45cqw)}
.v7d-o{display:flex;align-items:center;gap:max(8px,1.4cqw);min-width:0;min-height:max(44px,6.2cqw);padding:0 max(10px,2cqw);text-align:left;cursor:pointer;
  border:1px solid #fff9e838;border-radius:max(12px,1.1cqw);background:#08051880;color:#fff9e8;font:700 max(14px,2cqw)/1.15 'Nunito Sans',Inter,sans-serif;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 26px #9a35ff47;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s}
.v7d-o:hover:not(:disabled){border-color:#fff9e8b3;background:#1a0f3a99;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 34px #b06bff8c}
.v7d-o:focus-visible,.v7d-next:focus-visible,.v7d-btn:focus-visible,.v7d-again:focus-visible{outline:3px solid #ffc219;outline-offset:2px}
.v7d-o:disabled{cursor:default}
.v7d-o b{flex:none;display:grid;place-items:center;width:max(26px,3.2cqw);height:max(26px,3.2cqw);border-radius:50%;background:#fff9e8;color:#000;font-size:max(13px,1.7cqw);font-weight:900;text-shadow:.7px .7px 0 #ffffff80}
.v7d-o span{min-width:0;overflow-wrap:anywhere}
.v7d-o.is-ok{background:linear-gradient(180deg,#3ea300,#2b7200);border-color:#9be85a;box-shadow:0 0 34px #5ed626b3,0 2px 4px #0003;animation:v7glow 1.4s ease-in-out 2}
.v7d-o.is-no{background:linear-gradient(180deg,#d6453d,#9a1f1f);border-color:#ff9a90;box-shadow:0 0 30px #ff4a3c8c}
.v7d-o.is-dim{opacity:.5}
@keyframes v7glow{0%,100%{box-shadow:0 0 34px #5ed626b3}50%{box-shadow:0 0 52px #8cf64ae6}}
.v7d-prog{position:absolute;z-index:2;left:50%;bottom:max(8px,1.6cqw);display:flex;gap:max(5px,.7cqw);translate:-50% 0}
.v7d-prog i{width:max(16px,2.6cqw);height:max(4px,.45cqw);border-radius:99px;background:#fff9e847}
.v7d-prog i.is-done{background:#fff9e8b3}.v7d-prog i.is-cur{background:#fff9e8}
.v7d-res{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:3cqw}
.v7d-panel{width:min(100%,48cqw);display:flex;flex-direction:column;align-items:stretch;gap:max(14px,2.2cqw);padding:max(16px,2.4cqw);text-align:center;
  border-radius:max(18px,2cqw);border:1px solid #ffffff24;background:#121a34d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #0008}
.v7d-head{display:flex;flex-direction:column;gap:max(2px,.4cqw)}
.v7d-score{margin:0;font-size:max(26px,4.4cqw);line-height:1.3;font-weight:900;outline:0;background:linear-gradient(90deg,#ffe38a,#ffc219);-webkit-background-clip:text;background-clip:text;color:transparent}
.v7d-tier{margin:0;font-size:max(14px,1.9cqw);line-height:1.35;font-weight:600;color:#fff9e8e6}
.v7d-cta{display:grid;grid-template-columns:1fr 1fr;gap:max(8px,.9cqw)}
.v7d-btn{display:grid;place-items:center;min-height:44px;padding:0 max(10px,1.4cqw);border:2px solid #ffffff2e;border-radius:999px;background:#02010d73;color:#fff;font:700 max(14px,1.7cqw) Inter,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s}
.v7d-btn:hover{background:#ffffff1f}
.v7d-btn-main{grid-column:1/-1;background:linear-gradient(180deg,#a855ff,#7238fa);box-shadow:0 0 0 4px #9a35ff59,0 8px 24px #7238fa80}
.v7d-btn-main:hover{background:linear-gradient(180deg,#b46aff,#8350fb)}
.v7d-foot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.v7d-again{display:grid;place-items:center;min-height:44px;padding:0 max(22px,2.6cqw);border:1px solid #ffffff33;border-radius:999px;background:transparent;color:#cfcbef;font:600 max(14px,1.6cqw) Inter,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.v7d-again:hover{background:#ffffff14;color:#fff}
.v7d-note{min-height:1.3em;text-align:center;font-size:max(13px,1.5cqw);font-weight:600;color:#9be85a}
@media(max-width:700px){
  .v7d{aspect-ratio:3/4}
  .v7d-top{left:5cqw;right:5cqw;top:5cqw}
  .v7d-q{max-width:none;font-size:5.6cqw}
  .v7d-ex{max-width:none;font-size:4.1cqw}
  .v7d-ps{max-width:none;font-size:3.7cqw}
  .v7d-opts{left:3cqw;right:3cqw;bottom:8cqw;gap:1.4cqw}
  .v7d-o{min-height:46px;padding:0 2.6cqw;gap:2cqw;font-size:3.7cqw}
  .v7d-o b{width:7cqw;height:7cqw;font-size:3.6cqw}
  .v7d-prog{bottom:3cqw}
  .v7d-res{padding:4cqw}
  .v7d-panel{width:100%;padding:5cqw;gap:3cqw}
  .v7d-score{font-size:8cqw}.v7d-tier{font-size:3.9cqw}
  .v7d-btn{font-size:3.7cqw}.v7d-next{font-size:3.9cqw}.v7d-again{font-size:3.7cqw}.v7d-note{font-size:3.4cqw}
}
@media(prefers-reduced-motion:reduce){.v7d-img,.v7d-img.is-in{animation:none!important}.v7d-o,.v7d-btn{transition:none}.v7d-o.is-ok{animation:none}}

/* party-game card (The Alien): trailer, "Coming soon", no play link */
.v7-party{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;margin-top:clamp(16px,1.6vw,28px);border-radius:32px;overflow:hidden;border:1px solid #9a35ff8c;background:linear-gradient(135deg,#28125ae6,#0d0a1af2);box-shadow:0 0 60px #7238fa33}
.v7-party-media{position:relative;background:#0b0820}
.v7-party-media video{display:block;width:100%;height:100%;min-height:100%;aspect-ratio:1210/570;object-fit:cover}
.v7-party-tag{position:absolute;top:14px;left:14px;padding:5px 14px;border-radius:999px;background:var(--yel);color:#1a1230;font-weight:700;font-size:clamp(12px,.9vw,15px)}
.v7-party-b{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(10px,1vw,18px);padding:clamp(20px,2.6vw,48px)}
.v7-party-b h3{margin:0;font-size:clamp(24px,2.4vw,44px);line-height:1.1;font-weight:800}
.v7-party-b p{margin:0;font-size:clamp(15px,1.25vw,22px);line-height:1.45;color:#cfcbef}
@media(max-width:860px){.v7-party{grid-template-columns:1fr;border-radius:24px}}
@media(max-width:900px){
  .v-v7 .v5-list .v7-meta b{font-size:11px;padding:2px 7px}
  .v-v7 .v5-list .v7-meta{gap:4px}
}
@media(max-width:520px){
  .v-v7 .v5-list a,.v-v7 .v5-list .v7-gt{min-width:0}
  .v-v7 .v5-list .v7-meta{flex-wrap:wrap;gap:4px;min-height:calc(2 * 1.5em + 4px);align-content:flex-start}
}

/* ===== round 4 (designer review) ===== */
/* buttons: more vertical padding everywhere (.v5-btn); the v6 rule .v5-btns .v5-btn{min-height:48px} is out-ranked on purpose */
.v-v7 .v5-btn,.v-v7 .v5-btns .v5-btn{min-height:56px;padding-top:15px;padding-bottom:15px}
.v-v7 .v5-btn.v5-btn-lg,.v-v7 .v5-btns .v5-btn.v5-btn-lg,.v-v7 .v6-hero .v5-btn.v5-btn-lg{min-height:clamp(60px,4.3vw,80px);padding-top:19px;padding-bottom:19px}
.v-v7 .v5-hd .v5-btn.v5-btn-sm{min-height:48px;padding-top:12px;padding-bottom:12px}
/* title + subtitle read as one block, more air before what follows */
.v7-tgroup .v5-lead,.v7-tgroup .v5-sub{margin-top:clamp(10px,1vw,16px)}
.v-v7 .v6-hero .v5-btns{margin-top:clamp(36px,3.6vw,64px)}
.v-v7 .v6-under{margin-top:clamp(20px,1.8vw,30px)}
/* header: logo | centered nav | CTA; burger menu on phones */
.v-v7 .v5-hd-in{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}
.v7-menu{display:contents}
.v-v7 .v5-nav{margin:0;justify-self:center}
.v-v7 .v5-hd .logo{justify-self:start}
.v-v7 .v7-hd-cta{justify-self:end}
.v7-burger{display:none;position:relative;width:48px;height:48px;padding:0;border:1px solid #ffffff40;border-radius:14px;background:#02010d99;cursor:pointer;justify-self:end}
.v7-burger i{position:absolute;left:13px;right:13px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s,top .2s}
.v7-burger i:nth-child(1){top:16px}.v7-burger i:nth-child(2){top:23px}.v7-burger i:nth-child(3){top:30px}
.v7-burger[aria-expanded=true] i:nth-child(1){top:23px;transform:rotate(45deg)}
.v7-burger[aria-expanded=true] i:nth-child(2){opacity:0}
.v7-burger[aria-expanded=true] i:nth-child(3){top:23px;transform:rotate(-45deg)}
.v7-burger:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
@media(max-width:860px){
  .v-v7 .v5-hd-in{display:flex;justify-content:space-between}
  .v7-js .v7-burger{display:block;margin-left:auto}
  .v7-js .v7-menu{display:none;position:absolute;top:70px;left:var(--pad);right:var(--pad);z-index:30;flex-direction:column;gap:6px;padding:12px;border-radius:20px;border:1px solid #9a35ff8c;background:#0b0820;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 20px 60px #000c,0 0 0 100vmax #02010db3}
  .v7-js .v7-menu.is-open{display:flex}
  .v-v7 .v5-hd{z-index:60}
  .v7-js .v7-menu .v5-nav{display:flex;flex-direction:column;gap:2px}
  .v7-js .v7-menu .v5-nav a{min-height:52px;padding:0 16px;font-size:18px;border-radius:14px}
  .v7-js .v7-menu .v7-hd-cta{justify-self:stretch;width:100%;margin-top:6px;min-height:56px;font-size:17px}
  .v7-js .v5-hd .v5-btn-sm{padding-left:22px;padding-right:22px}
}
/* hero: centered dots, a real phone mockup */
.v7-dots{justify-content:center}
.v7-frame .v6-phone{--pw:clamp(96px,10.5vw,200px);--b:calc(var(--pw)*.022);right:-1.5%;top:-7%;width:var(--pw);aspect-ratio:auto;padding:var(--b);border:0;overflow:visible;border-radius:calc(var(--pw)*.165);background:linear-gradient(145deg,#5a5a63,#1d1d22 28%,#2e2e35 55%,#17171b 80%,#3b3b43);box-shadow:inset 0 0 0 1px #ffffff40,inset 0 calc(var(--pw)*.006) 0 #ffffff55,0 calc(var(--pw)*.18) calc(var(--pw)*.34) calc(var(--pw)*-.1) #000d,0 calc(var(--pw)*.06) calc(var(--pw)*.12) calc(var(--pw)*-.03) #0009,0 0 calc(var(--pw)*.3) #9a35ff33}
.v7-frame .v6-phone::before{content:"";position:absolute;z-index:3;left:50%;top:calc(var(--b) + var(--pw)*.026);width:calc(var(--pw)*.29);height:calc(var(--pw)*.085);translate:-50% 0;border-radius:99px;background:#000}
.v7-frame .v6-phone::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(var(--pw)*-.012);right:calc(var(--pw)*-.012);pointer-events:none;background:linear-gradient(#3a3a42,#222227) 0 0/calc(var(--pw)*.012) calc(var(--pw)*.06) no-repeat,linear-gradient(#3a3a42,#222227) 0 0/calc(var(--pw)*.012) calc(var(--pw)*.11) no-repeat,linear-gradient(#3a3a42,#222227) 0 0/calc(var(--pw)*.012) calc(var(--pw)*.11) no-repeat,linear-gradient(#3a3a42,#222227) 100% 0/calc(var(--pw)*.012) calc(var(--pw)*.17) no-repeat;background-position:0 calc(var(--pw)*.33),0 calc(var(--pw)*.52),0 calc(var(--pw)*.68),100% calc(var(--pw)*.6);border-radius:calc(var(--pw)*.01)}
.v7-sb{position:absolute;z-index:3;left:calc(var(--b) + var(--pw)*.085);right:calc(var(--b) + var(--pw)*.075);top:calc(var(--b) + var(--pw)*.026);height:calc(var(--pw)*.085);display:flex;align-items:center;justify-content:space-between;color:#fff;fill:#fff;font-weight:600;font-size:calc(var(--pw)*.042);line-height:1;letter-spacing:.01em;pointer-events:none}.v7-sb-i{display:flex;align-items:center;gap:calc(var(--pw)*.014)}.v7-sb svg{height:calc(var(--pw)*.034);width:auto;display:block}
.v7-frame .v6-phone img{display:block;width:100%;height:auto;aspect-ratio:600/1301;border-radius:calc(var(--pw)*.143);object-fit:cover;background:#000;box-shadow:0 0 0 calc(var(--pw)*.009) #000}
/* proof strip became platform numbers */
.v7-stats{background:#0d0a1ae6;border-top:1px solid var(--st);border-bottom:1px solid var(--st)}
.v7-stats-in{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:clamp(28px,3.4vw,60px);padding-bottom:clamp(28px,3.4vw,60px);text-align:center}
.v7-stats b{display:block;font-size:clamp(34px,3.9vw,72px);font-weight:800;line-height:1.05;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.v7-stats span{display:block;margin-top:clamp(6px,.6vw,12px);color:#cfcbef;font-size:clamp(14px,1.15vw,21px);line-height:1.35}
@media(max-width:700px){.v7-stats-in{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:26px;padding-bottom:26px}.v7-stats b{font-size:clamp(19px,5.6vw,24px)}.v7-stats span{font-size:14px}}
/* how it works: number chip beside the title, one image box for every card */
.v-v7 .v7-steps .v6-step{display:flex;flex-direction:column;gap:10px;padding:16px 16px 24px}
.v-v7 .v7-steps .v6-step img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:left center;margin:0;grid-row:auto}
.v7-step-hd{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:6px}
.v-v7 .v7-steps .v6-n{position:static;flex:none;display:grid;place-items:center;width:clamp(34px,2.6vw,46px);height:clamp(34px,2.6vw,46px);border-radius:50%;background:linear-gradient(180deg,#b06bff,#7238fa);-webkit-background-clip:border-box;background-clip:border-box;color:#fff;font-size:clamp(17px,1.3vw,24px);font-weight:800;line-height:1;box-shadow:0 0 0 3px #9a35ff40}
.v-v7 .v7-steps .v6-step h3{margin:0;padding:0;min-height:0;font-size:clamp(20px,1.5vw,28px);line-height:1.2;white-space:nowrap}
.v-v7 .v7-steps .v6-step p{grid-column:auto}
@media(max-width:700px){
  .v-v7 .v7-steps{display:flex;gap:12px;margin:20px calc(var(--pad)*-1) 0;padding:4px var(--pad) 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .v-v7 .v7-steps::-webkit-scrollbar{display:none}
  .v-v7 .v7-steps .v6-step{flex:0 0 78%;scroll-snap-align:start;padding:12px 12px 18px}
  .v-v7 .v7-steps .v6-step h3{font-size:19px;white-space:normal}
  .v-v7 .v7-steps .v6-step p{font-size:15px}
}
/* alien card: title+text block, more air before chips, e-mail capture */
.v7-party-b{align-items:flex-start;gap:clamp(18px,1.8vw,32px)}
.v7-party-copy{display:flex;flex-direction:column;gap:clamp(8px,.8vw,14px)}
.v7-party-copy p{margin:0}
.v7-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v7-nf{width:100%;max-width:34em;display:flex;flex-direction:column;gap:12px}
.v7-nf-h{margin:0;font-weight:700;font-size:clamp(15px,1.1vw,19px);color:#fff}
.v7-nf-row{display:flex;gap:10px;flex-wrap:wrap}
.v7-nf input[type=email]{flex:1 1 200px;min-width:0;min-height:56px;padding:0 20px;border-radius:999px;border:2px solid #ffffff40;background:#02010db3;color:#fff;font:500 16px Inter,sans-serif}
.v7-nf input[type=email]::placeholder{color:#9d99c4}
.v7-nf input[type=email]:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.v7-nf input[aria-invalid=true]{border-color:#ff8a80}
.v7-nf-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;color:#cfcbef;cursor:pointer}
.v7-nf-consent input{flex:none;width:22px;height:22px;margin:0;accent-color:#9a35ff;cursor:pointer}
.v7-nf-consent input:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.v7-nf-consent a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.v7-nf-msg{margin:0;min-height:1.4em;font-size:14px;font-weight:600;color:#ff9a90}
.v7-nf-msg.is-ok{color:#9be85a}
.v7-nf.is-done .v7-nf-row,.v7-nf.is-done .v7-nf-consent{display:none}
/* arcade gallery */
.v7-gal{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0 clamp(12px,1.6vw,28px);max-width:1180px;margin:clamp(28px,3vw,52px) auto 0;outline:0}
.v7-gal-vp{grid-column:2;grid-row:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:24px;border:1px solid #9a35ff73;box-shadow:0 0 40px #7238fa33;background:#000}
.v7-gal-vp::-webkit-scrollbar{display:none}
.v7-gal:focus-visible .v7-gal-vp{outline:3px solid var(--yel);outline-offset:4px}
.v-v7 .v7-gal-s{flex:0 0 100%;scroll-snap-align:center;position:relative;margin:0}
.v7-gal-s img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.v7-gal-s figcaption{position:absolute;left:16px;bottom:16px;padding:7px 16px;border-radius:999px;background:#fff;color:#1a1230;font-weight:700;font-size:clamp(14px,1.1vw,18px)}
.v7-gal-arr{display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:50%;border:2px solid #ffffff40;background:#13102ccc;color:#fff;cursor:pointer;box-shadow:0 8px 24px #7238fa59;transition:background .15s,transform .15s}
.v7-gal-arr:hover{background:#7238fa;transform:scale(1.06)}
.v7-gal-arr:focus-visible{outline:3px solid var(--yel);outline-offset:3px}
.v7-gal-prev{grid-column:1;grid-row:1}.v7-gal-next{grid-column:3;grid-row:1}
.v7-gal-dots{grid-column:2;grid-row:2;display:flex;justify-content:center;margin-top:10px}
.v7-gal-dots button{position:relative;width:32px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.v7-gal-dots button::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#8582a9;transition:width .25s,background .25s,margin .25s,border-radius .25s}
.v7-gal-dots button[aria-current=true]::before{width:26px;margin-left:-13px;border-radius:6px;background:var(--yel)}
.v7-gal-dots button:focus-visible{outline:3px solid var(--yel);outline-offset:-4px;border-radius:8px}
.v7-gal-cta{margin:clamp(12px,1.4vw,24px) 0 0}
@media(max-width:700px){
  .v7-gal{grid-template-columns:minmax(0,1fr)}
  .v7-gal-vp{grid-column:1;border-radius:18px}
  .v7-gal-arr{grid-column:1;grid-row:1;z-index:2;width:44px;height:44px;margin:0 8px;box-shadow:none;background:#02010db3}
  .v7-gal-prev{justify-self:start}.v7-gal-next{justify-self:end}
  .v7-gal-dots{grid-column:1}
  .v7-gal-s figcaption{left:10px;bottom:10px;padding:4px 12px}
}
/* games list on phones: three rows, then Show more */
.v7-more{display:none}
@media(max-width:759px){
  .v-v7 .v7-more{display:flex;width:100%;margin-top:14px}
  .v6-list.is-collapsed a:nth-child(n+4){display:none}
}
/* free band + end screen: real game covers instead of illustrations */
.v7-band p{margin-top:clamp(28px,3vw,52px)}
.v7-fan{position:relative;justify-self:center;width:min(100%,460px);aspect-ratio:1.3}
.v7-fan img{position:absolute;width:62%;height:auto;aspect-ratio:480/309;object-fit:cover;border-radius:clamp(14px,1.5vw,24px);border:3px solid #ffffff38;box-shadow:0 16px 40px #000a,0 0 30px #7238fa66}
.v7-fan img:nth-child(1){left:0;top:10%;rotate:-7deg;z-index:1}
.v7-fan img:nth-child(2){right:0;top:0;rotate:5deg;z-index:2}
.v7-fan img:nth-child(3){left:20%;bottom:0;rotate:-2deg;z-index:3}
.v-v7 .v5-end-in .v5-btns-c{margin-top:clamp(32px,3.2vw,56px)}
.v7-end-t{max-width:30em}
.v-v7 .v5-end-in .v7-end-t .v5-sub{margin-left:0}
.v7-grid{position:absolute;z-index:1;right:max(2%,calc(50% - 900px));top:50%;width:min(44%,720px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,16px);rotate:-6deg;translate:0 -50%}
.v7-grid img{display:block;width:100%;height:auto;aspect-ratio:480/309;object-fit:cover;border-radius:clamp(12px,1.2vw,20px);border:3px solid #ffffff33;box-shadow:0 14px 34px #000a}
.v7-grid img:nth-child(3n+2){translate:0 22%}
.v7-grid img:nth-child(3n){translate:0 -8%}
@media(max-width:1100px){.v7-grid{width:40%}}
@media(max-width:860px){
  .v7-fan{width:min(86%,360px)}
  .v-v7 .v6-end{flex-direction:column;align-items:stretch}
  .v7-grid{position:relative;order:2;right:auto;top:auto;translate:none;width:92%;margin:4px auto 36px;rotate:-3deg;z-index:2}
  .v7-end-t{max-width:none}
}
@media(prefers-reduced-motion:reduce){.v7-burger i,.v7-gal-arr{transition:none}}