/* ═══════════════════════════════════════════════════════════════
   v3 — illustrated "Gilded Ranch": painted night-town art, ornate
   gold-trimmed panels, lantern atmosphere. Loads after v2.css.
   ═══════════════════════════════════════════════════════════════ */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(8,5,3,.35),rgba(8,5,3,.55)),url("../images/v3/bg-town.webp") center/cover no-repeat;
}
.sec.alt{background:linear-gradient(180deg,transparent,rgba(5,3,2,.6) 14%,rgba(5,3,2,.6) 86%,transparent)}
.bg-glow::before{display:none}

/* ───────── nav: floating ornate bar ───────── */
.nav{padding:12px 0}
.nav.scrolled{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:8px 0}
.nav-in{
  width:min(1280px,100% - 28px);padding:6px 18px 6px 16px;border-radius:18px;border:1.5px solid transparent;
  background:linear-gradient(rgba(22,15,9,.82),rgba(11,8,5,.88)) padding-box,var(--foil-soft) border-box;
  backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 14px 40px -12px rgba(0,0,0,.8);
}
.brand img{height:44px}
.nav-soc{display:flex;gap:6px;align-items:center;margin-left:6px}
.nav-links .nav-soc a{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%;border:1px solid var(--line2);color:var(--gold)}
.nav-links .nav-soc a:hover{background:var(--foil);color:#2a1706}
@media(max-width:1060px){.nav-in{padding:6px 10px 6px 12px}.nav-links .nav-soc{margin:8px 0 0}.nav-links .nav-soc a{width:48px;height:48px}}

/* ───────── ornate panel ───────── */
.orn{
  position:relative;border-radius:26px;border:2px solid transparent;
  background:linear-gradient(180deg,rgba(25,18,11,.93),rgba(12,8,5,.95)) padding-box,var(--foil) border-box;
  box-shadow:0 34px 90px -24px #000,0 0 0 1px rgba(0,0,0,.7),0 0 80px -30px rgba(255,138,40,.35);
}
.orn::before{content:"";position:absolute;inset:7px;border-radius:19px;border:1px solid rgba(243,201,105,.26);pointer-events:none}
.orn::after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:
    radial-gradient(circle,#fff0b8 0 2.5px,#c98a22 3px 5px,transparent 5.5px) left 9px top 9px/12px 12px no-repeat,
    radial-gradient(circle,#fff0b8 0 2.5px,#c98a22 3px 5px,transparent 5.5px) right 9px top 9px/12px 12px no-repeat,
    radial-gradient(circle,#fff0b8 0 2.5px,#c98a22 3px 5px,transparent 5.5px) left 9px bottom 9px/12px 12px no-repeat,
    radial-gradient(circle,#fff0b8 0 2.5px,#c98a22 3px 5px,transparent 5.5px) right 9px bottom 9px/12px 12px no-repeat;
}
.panel3{padding:clamp(26px,4vw,52px)}
.sec3{padding:clamp(18px,2.6vw,34px) 0}
.title3{text-align:center;margin-bottom:clamp(24px,3vw,38px)}
.title3 h2{font-family:var(--f-display);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(28px,4.4vw,50px);line-height:1.05;margin:12px 0 6px;color:var(--text)}
.title3 h2 em{font-style:normal;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.title3 p{margin:0;color:var(--muted);font-weight:600;letter-spacing:.04em}

/* ───────── hero ───────── */
.hero3{position:relative;min-height:min(100svh,900px);display:flex;align-items:center;padding:118px 0 86px;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.hero3-bg{display:block;position:absolute;inset:0;z-index:0}
.hero3-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.hero3-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0a0705 0%,rgba(10,7,5,.93) 20%,rgba(10,7,5,.6) 42%,rgba(10,7,5,.1) 64%,transparent),linear-gradient(transparent 70%,var(--bg))}
.hero3 #embers{z-index:2}
.hero3-in{position:relative;z-index:3;width:min(1280px,100% - 40px)}
.hero3-copy{max-width:620px}
.hero3 h1{margin:20px 0 14px;line-height:.96;font-weight:400}
.hero3 h1 .kick{display:block;font-family:var(--f-label);font-size:clamp(12px,1.3vw,15px);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-weight:700}
.hero3 h1 .l1,.hero3 h1 .l2{display:block;font-family:var(--f-display);text-transform:uppercase;font-size:clamp(42px,5.7vw,88px);letter-spacing:.005em}
.hero3 h1 .l1{background:linear-gradient(180deg,#fff,#efe3cb 60%,#c9b998);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.75)) drop-shadow(0 14px 30px rgba(0,0,0,.6))}
.hero3 h1 .l2{background:linear-gradient(180deg,#fff7d0 0%,#f6d77f 36%,#d79a2b 72%,#9a5f14);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(50,25,3,.9)) drop-shadow(0 16px 34px rgba(255,122,26,.4))}
.hero3 .sub{margin:0 0 10px;font-size:clamp(18px,1.8vw,23px);font-weight:800;color:#fff}
.hero3 .lede{margin:0 0 28px;font-size:clamp(16px,1.3vw,18px);color:#e6d9c2;max-width:52ch}
.hstats{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 0;padding:0;list-style:none}
.hstats li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:9px 16px 9px 12px;border-radius:14px;background:rgba(12,8,5,.72);border:1px solid var(--line2);backdrop-filter:blur(6px)}
.hstats .icon{grid-row:1/3;color:var(--gold);width:26px;height:26px}
.hstats b{font-family:var(--f-display);font-weight:400;font-size:17px;color:var(--gold-hi);line-height:1.1}
.hstats span{font-size:11.5px;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.1}
.hero3-device{position:absolute;z-index:3;right:max(2.5%,18px);bottom:34px;width:min(27%,360px);transform:rotate(-3deg);transition:transform .4s var(--ease)}
.hero3-device:hover{transform:rotate(0) translateY(-6px)}
.hero3-device .frame{padding:0;border-radius:16px;box-shadow:0 30px 70px -10px #000,0 0 80px -10px rgba(255,138,40,.5)}
.hero3-device .frame>img{border-radius:13px}
@media(max-width:1100px){.hero3-device{display:none}}
@media(max-width:820px){
  .hero3{display:block;min-height:0;padding:0}
  .hero3-bg{position:relative;height:min(62svh,520px)}
  .hero3-bg img{object-position:68% 40%}
  .hero3-shade{inset:0 0 auto 0;height:min(62svh,520px);background:linear-gradient(180deg,rgba(10,7,5,.55),transparent 22%,transparent 55%,var(--bg))}
  .hero3-in{margin-top:-90px;padding-bottom:40px}
  .hero3 #embers{height:min(62svh,520px);inset:0 0 auto 0}
  .hero3 h1 .l1,.hero3 h1 .l2{font-size:clamp(46px,15vw,84px)}
  .hstats li{padding:8px 12px 8px 10px}
}

/* ───────── four feature cards ───────── */
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fcard{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#1c140c,#0f0a06);border:1.5px solid rgba(243,201,105,.34);transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.fcard:hover{transform:translateY(-7px);border-color:var(--gold);box-shadow:var(--glow)}
.fcard.hot{border-color:var(--gold);box-shadow:var(--glow)}
.fimg{position:relative;aspect-ratio:4/3;overflow:hidden}
.fimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.fcard:hover .fimg img{transform:scale(1.07)}
.fimg::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,#100b07)}
.fcard h3{font-family:var(--f-display);font-weight:400;font-size:21px;margin:14px 18px 6px;color:var(--gold);text-transform:uppercase;letter-spacing:.05em}
.fcard p{margin:0 18px 20px;color:var(--muted);font-size:15.5px}
.zero{position:absolute;z-index:2;right:14px;top:10px;font-family:var(--f-display);font-size:clamp(38px,4.2vw,58px);line-height:.95;text-align:center;background:linear-gradient(180deg,#fff7d0,#f6d77f 45%,#c98a22);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(40,20,2,.95)) drop-shadow(0 8px 18px rgba(0,0,0,.7))}
.zero small{display:block;font-size:.34em;letter-spacing:.2em;text-transform:uppercase;margin-top:2px}
@media(max-width:1000px){.cards4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cards4{grid-template-columns:1fr}}

/* ───────── how it works ───────── */
.hsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.hsteps li{position:relative;text-align:center;padding:0 12px}
.hsteps img{width:min(168px,100%);aspect-ratio:1;object-fit:cover;margin:0 auto 12px;-webkit-mask-image:radial-gradient(closest-side,#000 74%,transparent);mask-image:radial-gradient(closest-side,#000 74%,transparent);transition:transform .5s var(--ease)}
.hsteps li:hover img{transform:scale(1.08) translateY(-4px)}
.hn{position:absolute;left:calc(50% - 92px);top:-4px;z-index:2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--foil);color:#2a1706;font-family:var(--f-display);font-size:17px;box-shadow:0 6px 16px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.7)}
.hsteps li:not(:last-child)::after{content:"";position:absolute;right:-9px;top:72px;width:14px;height:14px;border-top:3px solid var(--gold-mid);border-right:3px solid var(--gold-mid);transform:rotate(45deg);opacity:.8}
.hsteps h3{font-family:var(--f-display);font-weight:400;font-size:18px;text-transform:uppercase;letter-spacing:.04em;color:var(--gold);margin:0 0 6px}
.hsteps p{margin:0;color:var(--muted);font-size:15px}
@media(max-width:980px){.hsteps{grid-template-columns:repeat(3,1fr);row-gap:30px}.hsteps li:nth-child(3)::after,.hsteps li:last-child::after{display:none}}
@media(max-width:620px){.hsteps{grid-template-columns:1fr 1fr}.hsteps li::after{display:none}.hn{left:calc(50% - 80px)}}

/* ───────── portals ───────── */
.portals{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.portal{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;text-decoration:none;background:linear-gradient(180deg,#1a1209,#0e0906);border:1.5px solid rgba(243,201,105,.34);transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}
.portal:hover{transform:translateY(-7px);border-color:var(--gold);box-shadow:var(--glow)}
.portal img{aspect-ratio:4/3;width:100%;object-fit:cover;transition:transform .8s var(--ease)}
.portal:hover img{transform:scale(1.07)}
.portal{overflow:hidden}
.pt{display:block;padding:14px 44px 18px 16px}
.pt b{display:block;font-family:var(--f-display);font-weight:400;font-size:17px;text-transform:uppercase;letter-spacing:.04em;color:var(--gold)}
.pt small{display:block;margin-top:3px;color:var(--muted);font-size:14px;line-height:1.4}
.portal>.icon{position:absolute;right:14px;bottom:20px;color:var(--gold);transition:transform .25s}
.portal:hover>.icon{transform:translateX(5px)}
.minirow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.minirow a{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;text-decoration:none;background:rgba(255,226,160,.05);border:1px solid var(--line2);transition:.3s var(--ease)}
.minirow a:hover{background:rgba(255,226,160,.1);border-color:var(--gold);transform:translateY(-3px)}
.minirow a>.icon:first-child{width:30px;height:30px;color:var(--gold)}
.minirow span{flex:1}.minirow b{display:block;font-weight:800}.minirow small{color:var(--muted);font-size:13.5px}
.minirow a>.icon:last-child{color:var(--gold)}
@media(max-width:1100px){.portals{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.portals{grid-template-columns:1fr 1fr}.minirow{grid-template-columns:1fr}}
@media(max-width:440px){.portals{grid-template-columns:1fr}}

/* ───────── community ───────── */
.comm{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ccard{display:flex;gap:18px;align-items:center;padding:18px;border-radius:18px;text-decoration:none;background:linear-gradient(180deg,#1a1209,#0e0906);border:1.5px solid rgba(243,201,105,.3);transition:.35s var(--ease)}
.ccard:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--glow)}
.ccard img{width:84px;height:84px;border-radius:16px;object-fit:cover;flex:none}
.ccard b{display:block;font-family:var(--f-display);font-weight:400;font-size:19px;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}
.ccard small{display:block;color:var(--muted);font-size:14.5px;margin:3px 0 8px}
.ccard em{font-style:normal;font-weight:800;color:var(--gold-hi);font-size:14px;display:inline-flex;gap:6px;align-items:center}
@media(max-width:900px){.comm{grid-template-columns:1fr}}

/* ───────── seeker ───────── */
.seek{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(22px,3.4vw,44px)}
.seek-art img{border-radius:20px;border:1.5px solid rgba(243,201,105,.4);box-shadow:0 30px 70px -20px #000}
.seek-copy h2{font-family:var(--f-display);font-weight:400;font-size:clamp(28px,3.6vw,44px);text-transform:uppercase;line-height:1.05;margin:12px 0 14px}
.seek-copy h2 em{font-style:normal;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.seek-copy p{color:var(--muted)}
.seek-copy .plist{margin:18px 0 24px}
@media(max-width:860px){.seek{grid-template-columns:1fr}}

/* ───────── final CTA ───────── */
.final3{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:clamp(80px,11vw,150px) 0;margin-top:clamp(20px,3vw,40px);border-block:1px solid var(--line)}
.final3-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.final3::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 50% 50%,rgba(8,5,3,.82),rgba(8,5,3,.45) 70%),linear-gradient(var(--bg),transparent 30%,transparent 70%,var(--bg))}
.final3 h2{font-family:var(--f-display);font-weight:400;text-transform:uppercase;font-size:clamp(30px,5.4vw,68px);line-height:1.04;margin:0 0 14px;text-wrap:balance;text-shadow:0 4px 0 rgba(0,0,0,.6),0 10px 40px rgba(0,0,0,.8)}

/* inner pages & tools keep v2 structure; give the hero banner the lantern glow */
.phero::before{background:radial-gradient(60% 90% at 50% 0,rgba(255,138,40,.28),transparent 70%)}
.prose,.faq details,.facts{backdrop-filter:none}
.faq details{background:rgba(18,12,8,.78)}
.faq details[open]{background:linear-gradient(180deg,rgba(32,22,13,.9),rgba(18,12,8,.9))}
.step,.card,.tier,.stat,.cmp,.cy{background:linear-gradient(180deg,rgba(28,20,12,.9),rgba(15,10,7,.92))}
.foot{background:rgba(6,4,3,.9);border-top:2px solid transparent;border-image:var(--foil) 1}

.nft-art{padding:10px;max-width:560px;margin-inline:auto;width:100%}
.nft-art img{border-radius:18px;width:100%}
.nft-art .zero{right:30px;top:26px;font-size:clamp(46px,5.2vw,76px)}
.hero3-copy{max-width:660px}
.hstats{gap:8px}
.hstats li{padding:8px 12px 8px 10px;column-gap:8px}
.hstats b{font-size:15.5px}
@media(min-width:1100px){
  .hstats{flex-wrap:nowrap}
  .hstats li{padding:7px 10px 7px 9px;column-gap:7px}
  .hstats .icon{width:22px;height:22px}
  .hstats b{font-size:14.5px}.hstats span{font-size:10.5px;letter-spacing:.08em}
}
.final3 h2 .gold-text{text-shadow:none;filter:drop-shadow(0 4px 0 rgba(0,0,0,.65)) drop-shadow(0 10px 30px rgba(0,0,0,.7))}

/* ───────── everything in-house ───────── */
.inh{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.inh-card{display:flex;flex-direction:column;gap:8px;padding:22px 18px 18px;border-radius:18px;text-decoration:none;background:linear-gradient(180deg,#1c140c,#0f0a06);border:1.5px solid rgba(243,201,105,.34);position:relative;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.inh-card:hover{transform:translateY(-7px);border-color:var(--gold);box-shadow:var(--glow)}
.inh-card .ii{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--foil);color:#2a1706;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 20px -6px rgba(255,150,30,.5)}
.inh-card .ii .icon{width:26px;height:26px;stroke-width:2.2}
.inh-card b{font-family:var(--f-display);font-weight:400;font-size:18px;color:var(--gold);text-transform:uppercase;letter-spacing:.03em;margin-top:6px}
.inh-card small{color:var(--muted);font-size:14.5px;line-height:1.5;flex:1}
.inh-card em{font-style:normal;font-weight:800;color:var(--gold-hi);font-size:14px;display:inline-flex;gap:6px;align-items:center;margin-top:6px}
.inh-note{margin:24px 0 0;text-align:center;color:#e6d9c2;font-weight:600;max-width:70ch;margin-inline:auto}
@media(max-width:1100px){.inh{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.inh{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.inh{grid-template-columns:1fr}}

/* seeker page: install button + QR */
.seeker-cta{margin:22px 0}
.scan{display:flex;gap:22px;align-items:center;padding:20px;border-radius:18px;background:rgba(255,226,160,.06);border:1px solid var(--line2);margin:18px 0}
.scan img{width:150px;height:150px;border-radius:12px;flex:none}
@media(max-width:600px){.scan{flex-direction:column;align-items:flex-start}}
.prose a.btn-gold,.prose a.btn-gold:hover{color:#2a1706;text-decoration:none}
.prose a.btn-ghost,.prose a.btn-dark{color:var(--gold-hi);text-decoration:none}

/* ───────── game skins ───────── */
.skins{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(18px,3vw,36px);align-items:center}
.skin-stage{position:relative}
.skin-stage .frame{padding:0;box-shadow:0 30px 80px -20px #000,0 0 90px -20px rgba(255,138,40,.45)}
.skin-stage img{width:100%;aspect-ratio:1000/468;object-fit:cover}
.skin-badge{position:absolute;left:16px;bottom:16px;z-index:4;padding:7px 16px;border-radius:99px;background:rgba(8,5,3,.82);backdrop-filter:blur(8px);border:1px solid var(--line2);font-family:var(--f-label);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:13px;color:var(--gold-hi)}
.skin-list{display:grid;gap:12px}
.skin-pick{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;text-align:left;padding:10px;border-radius:16px;cursor:pointer;font:inherit;color:var(--muted);background:linear-gradient(180deg,#1b130b,#0f0a06);border:1.5px solid rgba(243,201,105,.25);transition:.3s var(--ease)}
.skin-pick:hover{transform:translateX(4px);border-color:var(--line2)}
.skin-pick[aria-selected="true"]{border-color:var(--gold);box-shadow:var(--glow);background:linear-gradient(180deg,#2a1d0e,#140d07);color:var(--text)}
.sp-thumb{width:132px;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line2)}
.sp-copy{display:flex;gap:10px;align-items:center;min-width:0}
.sp-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;border:1.5px solid var(--gold-mid);background:#0d0a07}
.sp-copy b{display:block;font-family:var(--f-display);font-weight:400;font-size:17px;color:var(--gold);text-transform:uppercase;letter-spacing:.04em}
.sp-copy small{display:block;font-size:13.5px;line-height:1.4;margin-top:2px}
@media(max-width:980px){.skins{grid-template-columns:1fr}.skin-list{grid-template-columns:1fr 1fr}.skin-pick{grid-template-columns:1fr}.sp-thumb{width:100%}}
@media(max-width:520px){.skin-list{grid-template-columns:1fr}.skin-pick{grid-template-columns:110px 1fr}.sp-thumb{width:110px}}

/* official addresses + mint CTA (dkv.html) */
.mint-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.prose .mint-cta a.btn{text-decoration:none}
.addrs{display:grid;gap:14px;margin-top:16px}
.addr{display:grid;grid-template-columns:1fr auto auto;gap:10px 12px;align-items:center;padding:16px 18px;border-radius:16px;background:rgba(255,226,160,.06);border:1px solid var(--line2)}
.addr .al{grid-column:1/-1;font-weight:800;color:var(--text)}
.addr .al small{color:var(--muted);font-weight:600;margin-left:8px}
.addr code{grid-column:1/2;font-family:ui-monospace,Consolas,monospace;font-size:14px;word-break:break-all;color:var(--gold-hi);background:#0a0705;border:1px solid var(--line);padding:10px 12px;border-radius:10px}
.addr .copy{cursor:pointer;border:1.5px solid var(--gold-mid);background:transparent;color:var(--gold-hi);font:inherit;font-weight:800;padding:9px 16px;border-radius:10px;min-height:44px}
.addr .copy:hover{background:var(--foil);color:#2a1706}
.addr a{font-weight:700;color:var(--gold)}
@media(max-width:620px){.addr{grid-template-columns:1fr auto}.addr code{grid-column:1/-1}}

/* ───────── tool pages: same gold-trimmed look, cosmetic only (no markup/logic touched) ───────── */
:root{--orange:#efb840;--orange-light:#f6d77f;--orange-pale:#fff1bd}
.ts-main .ts-card,.ts-main .of-card{
  border:1.5px solid transparent;
  background:linear-gradient(180deg,rgba(25,18,11,.94),rgba(12,8,5,.96)) padding-box,var(--foil-soft) border-box;
  box-shadow:0 26px 70px -24px #000,inset 0 0 0 1px rgba(243,201,105,.10),0 0 60px -34px rgba(255,138,40,.4);
  border-radius:22px;
}
.ts-main .ts-card h2{color:var(--text)}
.ts-main input,.ts-main select,.ts-main textarea{font-family:var(--f-body)}
.ts-main input:focus-visible,.ts-main select:focus-visible,.ts-main textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ts-main .btn{border-radius:12px}
.ts-main a{text-underline-offset:3px}
.guide-grid{grid-template-columns:repeat(2,1fr)}
.guide-grid .bt{grid-column:span 1;min-height:200px}
@media(max-width:700px){.guide-grid{grid-template-columns:1fr}}

/* ───────── analytics consent banner ───────── */
#idk-consent{position:fixed;left:16px;bottom:16px;z-index:190;max-width:440px;padding:18px 20px;border-radius:20px;border:1.5px solid transparent;
  background:linear-gradient(180deg,rgba(25,18,11,.97),rgba(12,8,5,.98)) padding-box,var(--foil) border-box;box-shadow:0 24px 70px -10px #000;animation:rise .5s var(--ease) both}
#idk-consent p{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--text)}
#idk-consent p strong{color:var(--gold-hi)}
#idk-consent a{color:var(--gold);text-underline-offset:3px}
#idk-consent .cb{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:560px){#idk-consent{left:10px;right:10px;bottom:10px;max-width:none}}

/* ───────── android download page ───────── */
.dl-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:clamp(22px,3vw,36px);margin:20px 0}
.dl-main{display:flex;gap:22px;align-items:center}
.dl-icon{width:96px;height:96px;border-radius:22px;border:2px solid var(--gold-mid);flex:none;background:#0d0a07}
.prose .dl-card h3{margin:0 0 8px;font-family:var(--f-display);font-weight:400;font-size:clamp(24px,3vw,32px);color:var(--text)}
.prose .dl-card h3 small{font-family:var(--f-label);font-size:13px;letter-spacing:.14em;color:var(--gold);margin-left:8px;text-transform:uppercase}
.dl-facts{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-weight:600;font-size:15px}
.dl-facts li{display:flex;gap:8px;align-items:center;max-width:none}.dl-facts .icon{color:var(--gold)}
.dl-cta{margin:0 0 10px}
.prose .dl-cta a.btn{color:#2a1706;text-decoration:none}
.dl-note{margin:0;font-size:14.5px;color:var(--dim)}
.dl-qr{text-align:center;max-width:170px}
.dl-qr img{width:140px;height:140px;border-radius:12px;margin:0 auto 8px;border:0}
.dl-qr p{margin:0;font-size:13px;color:var(--dim)}
.steps-list{counter-reset:s;list-style:none;padding:0;display:grid;gap:12px}
.steps-list li{counter-increment:s;position:relative;padding:14px 18px 14px 62px;border-radius:14px;background:var(--s1);border:1px solid var(--line);max-width:none}
.steps-list li::before{content:counter(s);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--foil);color:#2a1706;font-family:var(--f-display);font-size:15px}
.verify{margin:16px 0;display:grid;gap:8px}
.verify>div{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:12px 16px;border-radius:12px;background:var(--s1);border:1px solid var(--line)}
.verify dt{font-family:var(--f-label);letter-spacing:.08em;text-transform:uppercase;font-size:12.5px;color:var(--gold);font-weight:700;padding-top:3px}
.verify dd{margin:0;min-width:0}
.verify code,.prose code{font-family:ui-monospace,Consolas,monospace;font-size:13.5px;word-break:break-all;color:var(--gold-hi)}
.alt-dl{margin:14px 0 0;font-weight:700;color:var(--muted)}
.alt-dl a{color:var(--gold-hi);text-underline-offset:3px}
.plat-link{color:var(--gold-hi);font-weight:800}
@media(max-width:760px){.dl-card{grid-template-columns:1fr}.dl-qr{display:none}.dl-main{flex-direction:column;align-items:flex-start}.verify>div{grid-template-columns:1fr;gap:2px}}

/* screenshot showcase: never crop a screenshot (some are wide strips, some nearly square) */
.show-view .frame{background:#0e0a07}
.show-view img{object-fit:contain;max-height:640px;margin-inline:auto}
.tech{margin:14px 0;border-radius:14px;background:var(--s1);border:1px solid var(--line)}
.tech summary{cursor:pointer;padding:14px 18px;font-weight:700;color:var(--muted);list-style:none}
.tech summary::-webkit-details-marker{display:none}
.tech summary::before{content:"+";display:inline-block;width:22px;color:var(--gold);font-weight:900}
.tech[open] summary::before{content:"\2212"}
.tech[open] summary{color:var(--text)}
.tech>*:not(summary){padding-inline:18px}
.tech>p:last-child{padding-bottom:16px}