/* hero11.games hub — comeplaygo.com layout system mapped to Hero11 brand colours.
   Rule (same as comeplaygo's accent file): GREEN = action (download buttons, links, focus) taken from Hero11's own
   LOGIN/REGISTER and DOWNLOAD buttons; GOLD = emphasis only (kickers, figures, step numbers), never a button;
   RED = current location only (active nav, category pill), like Hero11's active tab. */
:root{
  --bg:#0b0c10;--surface:#13151c;--card:#161922;--card-2:#1a1e28;--toc:#151821;--th:#1b2029;
  --line:#2a2f3b;--sep:#22262f;--line-hi:#3a4150;
  --text:#f4f6fa;--body:#c7cdd7;--muted:#9aa3b2;--faint:#7d8696;
  --green:#22b34a;--green-hi:#2fc75a;--green-lo:#109e38;--on-green:#03170a;--link:#57d17f;--link-hi:#7fe3a0;
  --ring:rgba(34,179,74,.5);--glow:0 10px 26px rgba(34,179,74,.22);
  --gold:#ffc23d;--red:#e5393a;--red-soft:rgba(229,57,58,.12);
  --radius:16px;--max:1120px;color-scheme:dark}
*,*:before,*:after{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:128px;-webkit-text-size-adjust:100%}
body.hub{margin:0;min-width:0;overflow-x:hidden;color:var(--body);
  background:radial-gradient(circle at 92% 3%,rgba(229,57,58,.10),transparent 30rem),radial-gradient(circle at 4% 0%,rgba(75,11,12,.42),transparent 24rem),linear-gradient(160deg,#0b0c10,#11131a 55%,#0b0c10);background-attachment:fixed;
  font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.lang-hi{line-height:1.8}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(34,179,74,.18)}
:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
.skip-link{position:fixed;top:8px;left:8px;z-index:2000;padding:10px 14px;border-radius:10px;background:#fff;color:#0b0c10;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.skip-link:not(:focus){opacity:0;pointer-events:none}
.ic{width:20px;height:20px;flex:none}
.site-shell,.go-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}

/* ---------- header: social strip + bar ---------- */
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(160deg,rgba(75,11,12,.95) 0,rgba(75,11,12,0) 34%),rgba(16,18,25,.96);border-bottom:1px solid var(--sep);box-shadow:0 8px 30px rgba(0,0,0,.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-top:env(safe-area-inset-top)}
.go-social-strip{background:#0d0f14;border-bottom:1px solid var(--sep)}
.go-social-inner{width:min(calc(100% - 32px),var(--max));margin:auto;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:16px}
.go-social-label{font:600 12px/1.2 system-ui,sans-serif;letter-spacing:.025em;color:var(--muted);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.go-social-strip nav{display:flex;gap:2px}
.go-social-strip a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px}
.go-social-strip a:hover{background:#1f2430}
.go-social-strip img{width:22px;height:22px;border-radius:6px}
.header-row{display:flex;min-height:64px;align-items:center;gap:10px}
.site-brand{display:inline-flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none}
.site-brand img{width:108px;height:auto}
.site-header .brand-logo-red{width:132px;filter:brightness(0) saturate(100%) invert(30%) sepia(88%) saturate(2950%) hue-rotate(341deg) brightness(96%) contrast(96%)}
.brand-tag{padding:2px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.desktop-nav{display:none;gap:4px;align-items:center;white-space:nowrap}
.desktop-nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 11px;border-radius:10px;color:#b9c0cc;font:700 .87rem/1.4 system-ui,sans-serif;text-decoration:none}
.desktop-nav a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.desktop-nav a[aria-current]{color:#fff;background:var(--red-soft);box-shadow:inset 0 -2px 0 var(--red)}
.language-switch{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(19,21,28,.8);color:#fff;font-size:.82rem;font-weight:800;white-space:nowrap;text-decoration:none}
.language-switch:hover{border-color:var(--green);color:var(--link-hi)}
.language-switch .ic{width:17px;height:17px}
.header-cta{display:none;min-height:42px;align-items:center;justify-content:center;padding:8px 14px;border-radius:12px;font-size:.82rem;font-weight:800;text-decoration:none;white-space:nowrap}
.menu-toggle{display:inline-grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(19,21,28,.8);color:#fff;cursor:pointer}
.menu-toggle-lines,.menu-toggle-lines:before,.menu-toggle-lines:after{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;content:"";transition:transform .2s ease}
.menu-toggle-lines{position:relative}.menu-toggle-lines:before{position:absolute;top:-7px}.menu-toggle-lines:after{position:absolute;top:7px}
.menu-toggle[aria-expanded=true] .menu-toggle-lines{background:transparent}
.menu-toggle[aria-expanded=true] .menu-toggle-lines:before{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-toggle-lines:after{transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;padding:6px 0 16px;border-top:1px solid var(--sep);max-height:calc(100dvh - 112px);overflow:auto;overscroll-behavior:contain}
.mobile-menu[data-open=true]{display:grid}
.mobile-menu a{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.07);color:#e8ecf3;font-weight:700;text-decoration:none}
.mobile-menu a[aria-current]{color:#fff;box-shadow:inset 3px 0 0 var(--red);padding-left:12px}

/* ---------- buttons ---------- */
.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border-radius:12px;font:750 .95rem/1.35 system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer;border:1px solid transparent}
.button-primary,.header-cta,.mobile-sticky-cta .button{background:linear-gradient(180deg,var(--green-hi),var(--green-lo));color:var(--on-green);border:1px solid rgba(120,230,150,.45);box-shadow:var(--glow);transition:background .18s,box-shadow .18s,transform .18s}
.button-primary:hover,.header-cta:hover{background:linear-gradient(180deg,#3ad566,var(--green));box-shadow:0 12px 30px rgba(34,179,74,.32);transform:translateY(-1px)}
.button-secondary{background:rgba(255,255,255,.04);border-color:rgba(160,170,190,.35);color:#eef1f6}
.button-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(160,170,190,.6)}

/* ---------- hero ---------- */
.go-intent{color:#e7ebf2;overflow-wrap:break-word;padding-bottom:30px}
.go-intent *{min-width:0}
.go-hero{padding:42px 0 36px;border-bottom:1px solid var(--sep);background:radial-gradient(ellipse at 85% 15%,rgba(229,57,58,.08),transparent 65%)}
.go-hero-grid{display:grid;gap:28px;align-items:center}
.go-hero-copy{max-width:800px}
.home-title-highlight{color:#ff6473}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .home-title-highlight{background-image:linear-gradient(110deg,#ff979c 0%,#ff4a5c 48%,#e9233e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media(forced-colors:active){.home-title-highlight{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}}
.apk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.apk-chips span{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#191d26;color:var(--gold);font-size:.85rem;font-weight:700}
body[data-page=home] .apk-chips{gap:6px}
body[data-page=home] .apk-chips span{padding:4px 9px;font-size:.75rem;line-height:1.35}
.apk-cta-note{max-width:680px}
.apk-details-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:24px 0;background:#11141b}
.apk-details-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:.94rem}
.apk-details-table th,.apk-details-table td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.apk-details-table th{width:30%;color:var(--gold);font-weight:650;background:#161a23}
.apk-details-table tr:last-child th,.apk-details-table tr:last-child td{border-bottom:0}
.apk-details-table code{white-space:normal;overflow-wrap:anywhere;font-size:.82rem}
@media(max-width:480px){body[data-page=home] .go-intent h1{font-size:1.8rem;line-height:1.18}body[data-page=home] .go-lede{font-size:1rem;line-height:1.65}.apk-details-table th{width:35%}.apk-details-table th,.apk-details-table td{padding:12px 10px}.apk-cta-note{font-size:.76rem}}
.home-app-preview{margin:0 auto;width:min(100%,270px);border:1px solid var(--line-hi);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:0 18px 48px rgba(0,0,0,.35)}
.home-app-preview>a{display:block;background:#fff;text-decoration:none!important}
.home-app-preview img{width:100%;height:auto;display:block;object-fit:contain}
.home-app-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:var(--muted);font-size:.73rem;line-height:1.5}
.home-app-preview figcaption>span:last-child{color:var(--link-hi)}
@media(min-width:900px){.go-hero-grid:has(.home-app-preview){grid-template-columns:minmax(0,1fr) 300px;gap:52px}.home-app-preview{width:clamp(190px,calc((100svh - 245px)*.4596),270px)}}
@media(max-width:719px){body[data-page=home] .go-hero-grid{gap:24px}body[data-page=home] .go-hero{padding-bottom:20px}.home-app-preview{width:min(100%,280px)}}
@media(max-width:719px) and (max-height:740px){body[data-page=home] .go-hero{padding-top:12px}body[data-page=home] .go-kicker{margin-bottom:8px}body[data-page=home] .go-intent h1{font-size:1.6rem;margin-bottom:10px}body[data-page=home] .go-lede{font-size:.9375rem;line-height:1.55;margin-bottom:12px}body[data-page=home] .apk-chips{margin:12px 0}body[data-page=home] .go-actions{margin:10px 0 8px}body[data-page=home] .apk-cta-note{font-size:.75rem;line-height:1.5;margin-bottom:0}body[data-page=home] .go-hero-grid{gap:10px}}
.go-kicker{display:inline-block;color:var(--gold);font-size:.82rem;font-weight:750;letter-spacing:.04em;margin-bottom:12px}
.go-intent h1{font:800 clamp(2rem,4.6vw,3.4rem)/1.13 system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 20px;max-width:900px;color:var(--text);text-wrap:balance}
.lang-hi .go-intent h1{letter-spacing:-.01em;line-height:1.22}
.go-intent h2{font:750 clamp(1.45rem,2.8vw,2rem)/1.25 system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 20px;color:#f2f5fa}
main.go-intent h2{padding:16px 20px;border-left:4px solid var(--red);border-radius:0 12px 12px 0;background:linear-gradient(105deg,#302129,#20242f)}
.go-intent h3{font:700 1.08rem/1.4 system-ui,sans-serif;margin:0 0 10px;color:#f0f3f8}
.go-intent p{margin:0 0 16px;color:var(--body);max-width:78ch}
.go-intent strong{color:#f4f6fa;font-weight:720}
.go-intent a:not(.button):not(.header-cta){color:var(--link);text-decoration:underline;text-underline-offset:3px}
.go-intent a:not(.button):hover{color:var(--link-hi)}
.go-lede{font-size:1.12rem;line-height:1.7}
.go-small{font-size:.86rem;line-height:1.6;color:var(--muted)!important;margin-top:16px}
.go-breadcrumbs,.breadcrumbs{font-size:.8rem;color:var(--muted);margin-bottom:24px;line-height:1.7;display:flex;flex-wrap:wrap;gap:6px}
.go-breadcrumbs .sep,.breadcrumbs .sep{color:#59606d}
.go-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0 10px}
.go-home-phone{margin:0 auto;width:min(100%,338px)}
.go-home-phone img{width:100%;border:1px solid #3a3f4b;border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.55)}
.go-home-phone figcaption,.intent-hero-art figcaption{font-size:.73rem;color:var(--muted);line-height:1.5;padding-top:10px}
.intent-hero-art{margin:0;border:1px solid var(--line-hi);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45);background:#fff}
.intent-hero-art figcaption{background:var(--card);padding:10px 14px}
.intent-meta{font-size:.8rem!important;color:var(--faint)!important}

/* games hub hero (comeplaygo cg-) */
.cg-hero{padding:26px 0 42px}
.cg-hero-layout{display:grid;gap:26px;align-items:center}
.cg-app-preview{margin:0;width:100%;max-width:460px;border:1px solid var(--line-hi);border-radius:22px;background:#0f1117;padding:12px;box-shadow:0 18px 55px rgba(0,0,0,.45)}
.cg-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px;font-size:10px;letter-spacing:.12em;color:#b9c0cc;font-weight:650}
.cg-preview-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.cg-app-preview>a{display:block;overflow:hidden;border-radius:13px;text-decoration:none!important;border:1px solid var(--line);background:#fff}
.cg-app-preview img{width:100%;height:auto}
.cg-enlarge{display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:8px 12px;font-size:12px;color:var(--link-hi);background:var(--card-2)}
.cg-app-preview figcaption{font-size:11px;line-height:1.55;color:var(--muted);padding:10px 4px 0}

/* ---------- content ---------- */
.go-content{padding-top:26px}
.go-toc{border:1px solid var(--line);border-radius:14px;background:var(--toc);margin-bottom:12px}
.go-toc summary{cursor:pointer;min-height:52px;padding:14px 18px;font-weight:700;color:#eef1f6}
.go-toc nav{display:grid;padding:0 12px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.go-toc nav a{padding:10px;min-height:44px;font-size:.88rem;text-decoration:none!important;border-radius:8px}
.go-toc nav a:hover{background:#1e2330}
.go-section{padding:38px 0;border-bottom:1px solid var(--sep);scroll-margin-top:120px}
.go-section:last-of-type{border-bottom:0}
.go-list{padding-left:22px;margin:16px 0 22px;color:var(--body)}
.go-list li{padding-left:4px;margin:10px 0}
.go-steps{counter-reset:steps;list-style:none;display:grid;gap:18px;padding:0;margin:24px 0}
.go-steps li{position:relative;padding:0 0 0 53px;min-height:44px;counter-increment:steps}
.go-steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;width:36px;height:36px;display:grid;place-items:center;background:#1d2230;color:var(--gold);border:1px solid #39404f;border-radius:10px;font-size:.86rem;font-weight:750}
.go-steps h3{margin-bottom:4px}
.go-steps p{margin:0}
.go-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.go-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.go-cards-1{grid-template-columns:1fr}.go-cards-1 .go-card p{max-width:70ch}
.go-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:23px}
.go-card p{font-size:.96rem;margin-bottom:16px}
.go-card a{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:.92rem}
.go-note{padding:20px 22px;border:1px solid #3a3426;background:#1a1810;border-radius:14px;margin:24px 0}
.go-note p:last-child{margin-bottom:0}
.go-conversion-line{padding:16px 18px;border-left:3px solid var(--green);background:#0f1d15;border-radius:0 10px 10px 0;margin-top:24px!important}
.go-conversion-line a{font-weight:720;line-height:1.9}
.go-media-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:36px;align-items:center;margin:26px 0}
.go-screen{width:min(100%,320px);margin:0 auto}
.go-screen-wide{width:min(100%,640px)}
.go-screen>a{display:block;text-decoration:none!important;border:1px solid var(--line-hi);border-radius:15px;overflow:hidden;background:#fff}
.go-enlarge{display:flex;justify-content:space-between;padding:9px 13px;background:var(--card-2);color:#cfe9d7;font-size:.78rem;min-height:38px;align-items:center}
.go-screen figcaption{color:var(--muted);font-size:.76rem;line-height:1.6;margin-top:10px}
.go-release{display:flex;align-items:center;gap:24px;margin:20px 0}
.go-release img{border-radius:18px;width:88px;height:88px;flex:none}
.go-release dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;flex:1}
.go-release dt{font-size:.78rem;color:var(--muted)}
.go-release dd{font-size:1.06rem;font-weight:750;margin:4px 0 0;color:var(--gold)}
.go-release dd a{color:var(--gold)!important}
.go-table-wrap{max-width:100%;margin:24px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#11141b}
.go-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:.94rem}
.go-table caption{text-align:left;padding:13px 16px;color:var(--muted);font-size:.8rem;background:var(--th)}
.go-table th,.go-table td{vertical-align:top;text-align:left;padding:16px;border-bottom:1px solid var(--line);color:#cdd3dc;overflow-wrap:anywhere}
.go-table th{font-weight:700;color:#f0f3f8;background:var(--th)}
.go-table tr:last-child td{border-bottom:0}
.go-faq{display:grid;gap:10px}
.go-faq details{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.go-faq summary{padding:18px;min-height:56px;cursor:pointer;font-weight:700;line-height:1.5;color:#f0f3f8}
.go-faq details>div{padding:0 18px 3px}
.checklist{display:grid;gap:9px;padding:0!important;margin:16px 0 22px;list-style:none}
.checklist li{margin:0;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:var(--card)}
.checklist li:before{margin-right:10px;color:var(--green);content:"\2713";font-weight:900}
.path-box{margin:16px 0;padding:14px 16px;overflow-wrap:anywhere;border:1px solid rgba(34,179,74,.28);border-radius:13px;background:#0a0f0c;color:#e6f6ea;font-weight:800}
.callout{margin:22px 0;padding:18px;border-radius:14px}
.callout p{margin:6px 0 0}
.callout-warn{border-left:4px solid var(--gold);background:rgba(255,194,61,.08)}
.callout-warn strong{color:var(--gold)}
.callout-tip{border-left:4px solid var(--green);background:rgba(34,179,74,.08)}
.callout-info{border:1px solid var(--line);background:var(--card)}
.go-disclosure{font-size:.8rem!important;line-height:1.7;color:var(--faint)!important;margin:20px 0 0!important;max-width:none!important}
.cu-edited{color:var(--faint);font-size:13px;line-height:1.7;margin:20px 0}

/* gameplay cards */
.go-play-jump{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;max-width:480px}
.go-play-jump a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:11px 14px;border:1px solid var(--line-hi);border-radius:12px;background:#151a22;text-decoration:none!important;font-size:.92rem;font-weight:700;color:#e8ecf2!important}
.go-play-grid{display:grid;gap:18px}
.go-play-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line-hi);border-radius:18px;background:var(--card);scroll-margin-top:130px}
.go-play-heading{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:center;gap:16px;margin-bottom:18px}
.go-play-heading h3{font-size:clamp(1.35rem,4.7vw,1.65rem);line-height:1.25;margin:0}
.go-play-label{color:var(--gold)!important;font-size:.78rem!important;font-weight:650;margin:0 0 8px!important}
.go-play-screen{display:block;border:1px solid #454c5a;border-radius:10px;overflow:hidden;text-decoration:none!important;background:#fff}
.go-play-screen img{width:100%;height:76px;object-fit:cover;object-position:center 30%}
.go-play-screen>span{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:6px 8px;background:#1d2330;color:#dfe9e2;font-size:.7rem;font-weight:650}
.go-play-steps{display:grid;gap:18px;list-style:none;counter-reset:gameplay;padding:0;margin:0 0 24px}
.go-play-steps li{position:relative;counter-increment:gameplay;padding-left:39px;color:var(--body);font-size:.96rem;line-height:1.6}
.go-play-steps li:before{content:counter(gameplay);position:absolute;top:0;left:0;display:grid;place-items:center;width:27px;height:27px;border:1px solid #4a5160;border-radius:50%;color:var(--gold);background:#1d2230;font-size:.8rem;font-weight:750}
.go-play-steps strong,.go-play-steps span{display:block}
.go-play-steps strong{margin-bottom:4px}
.go-play-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:auto;padding:12px 14px;border:1px solid #3f6b4d;border-radius:10px;background:#12241a;color:#dff3e5!important;font-weight:700;font-size:.9rem;text-decoration:none!important}
.go-play-guide:hover{background:#18311f}

/* games hub components */
.cg-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cg-category{display:flex;flex-direction:column;padding:23px 20px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;scroll-margin-top:140px}
.cg-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:22px;border:1px solid #3a2a2c;border-radius:13px;background:#24171a;color:#ff7b7b}
.cg-icon .ic{width:26px;height:26px}
.cg-category h3{font-size:19px!important}
.cg-category p{font-size:14px!important;line-height:1.75}
.cg-category-detail{font-size:11px;color:var(--muted);margin-top:auto;line-height:1.6;margin-bottom:12px}
.cg-category>a{display:flex!important;align-items:center;justify-content:space-between;border-top:1px solid var(--line);min-height:48px;padding:12px 0 0;font-size:13px;font-weight:650;text-decoration:none!important}
.cg-steps{list-style:none;margin:0;padding:0}
.cg-steps li{display:flex;gap:18px;padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid var(--line)}
.cg-steps li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.cg-step-number{font-size:14px;font-weight:750;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--gold);border:1px solid #3d4452;border-radius:50%;background:#1b1f29}
.cg-steps h3{font-size:17px!important;margin:3px 0 8px!important}
.cg-steps p{font-size:14px!important;margin:0!important}
.cg-steps div>a{display:inline-flex;padding-top:10px;min-height:44px;font-size:14px;font-weight:600}
.cg-match-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.cg-match-grid article{padding-left:20px;border-left:2px solid var(--green-lo)}
.cg-help-links{display:flex;flex-direction:column;gap:12px}
.cg-help-links a{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line-hi);border-radius:12px;padding:18px;font-size:14px;text-decoration:none!important;background:var(--card);min-height:60px}
.cg-help-links a:hover{border-color:var(--green)}
.tile-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin:20px 0}
.tile{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.tile img{width:100%;aspect-ratio:3/4;object-fit:cover}
.tile figcaption{padding:8px 9px;font-size:.78rem;line-height:1.35;color:var(--body)}
.tile figcaption b{display:block;color:var(--text)}
.tile figcaption span{color:var(--muted)}

/* download gallery */
.download-gallery{margin:0 0 28px;padding:0 0 6px}
.download-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.download-gallery h2{font-size:1.25rem!important;margin:0 0 5px!important}
.download-gallery-header p{font-size:.84rem;margin:0;color:var(--muted)}
.download-gallery-controls{display:flex;gap:8px}
.download-gallery-controls[hidden]{display:none}
.download-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-hi);border-radius:50%;background:var(--card);color:#fff;font-size:1.4rem;cursor:pointer}
.download-gallery-controls button:disabled{opacity:.35;cursor:default}
.download-gallery-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:4px 4px 14px;margin:0 -4px}
.download-gallery-card{flex:0 0 clamp(220px,70vw,300px);margin:0;scroll-snap-align:start}
.download-gallery-card a{display:block;overflow:hidden;border:1px solid var(--line-hi);border-radius:16px;background:#fff}
.download-gallery-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top}
.download-gallery-card figcaption{padding:10px 0 0;color:#e7ebf2;font-size:.9rem;font-weight:650;text-align:center}
.download-gallery-note{margin:8px 0 0!important;color:var(--faint)!important;font-size:.76rem}

/* Homepage app sections: complete screenshots, manual swipe and keyboard controls. */
.app-modules{margin-top:24px}
.app-modules-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.app-module-choices{display:flex;flex-wrap:wrap;gap:8px}
.app-module-choices button,.app-module-controls button{min-height:44px;border:1px solid var(--line-hi);background:var(--card);color:var(--text);font:700 .9rem/1.4 system-ui,sans-serif;cursor:pointer}
.app-module-choices button{padding:10px 18px;border-radius:999px}
.app-module-choices button[aria-pressed=true]{background:#40232a;border-color:var(--red);color:#fff}
.app-module-choices button:hover,.app-module-controls button:not(:disabled):hover{background:#303542}
.app-module-controls{display:flex;gap:8px;flex:none}
.app-module-controls button{width:44px;border-radius:50%;font-size:1.25rem}
.app-module-controls button:disabled{opacity:.35;cursor:default}
.app-modules [hidden]{display:none}
.app-modules-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent;padding:4px 0 14px}
.app-module{flex:0 0 calc(100% - 96px);display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;align-content:start;padding:32px;border:1px solid var(--line-hi);border-radius:20px;background:linear-gradient(125deg,#1b1d28,#12151d);scroll-snap-align:start;scroll-snap-stop:always}
.app-module-number{display:block;color:var(--red);font:800 1rem/1.4 system-ui,sans-serif;letter-spacing:.12em;margin-bottom:16px}
.go-intent .app-module h3{font-size:clamp(1.8rem,3vw,2.7rem);margin-bottom:16px}
.app-module-copy p{font-size:1.05rem;max-width:46ch}
.app-module-copy ul{padding-left:22px;margin:22px 0 0;max-width:50ch}
.app-module-copy li{margin:12px 0}
.app-module-copy li::marker{color:var(--red)}
.app-module-screen{margin:0;width:100%}
.app-module-screen a{display:block;border:1px solid var(--line-hi);border-radius:14px;overflow:hidden;background:#fff}
.app-module-screen img{display:block;width:100%;height:auto;aspect-ratio:434/952;object-fit:contain;object-position:top}
.app-module-screen figcaption{padding-top:10px;color:var(--muted);font-size:.78rem;text-align:center}
.app-modules-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;color:var(--muted);font-size:.82rem}
.app-modules-footer p{margin:0;color:var(--muted)}
.app-modules-footer [data-module-status]{white-space:nowrap;color:#f0cbd0}
@media(max-width:719px){main.go-intent h2{padding:14px 16px}.app-modules-toolbar{flex-wrap:wrap}.app-module-choices{gap:6px}.app-module-choices button{padding:10px 14px}.app-modules-track{gap:12px}.app-module{flex-basis:calc(100% - clamp(56px,18vw,76px));grid-template-columns:minmax(0,1fr);gap:24px;padding:22px 16px}.app-module-copy p{font-size:1rem}.app-module-copy ul{margin-top:16px;font-size:.94rem}.app-module-screen{width:min(100%,264px);margin-inline:0}.app-module-number{margin-bottom:8px}.app-modules-footer{align-items:flex-start}.app-modules-footer p{max-width:26ch}}
@media(min-width:540px) and (max-width:719px){.app-module{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}

/* ---------- article template (comeplaygo blog) ---------- */
.article-hero{padding:44px 0 28px;border-bottom:1px solid var(--sep)}
.article-hero__grid{display:grid;gap:24px;align-items:center}
.category-pill{display:inline-flex;min-height:34px;align-items:center;width:fit-content;margin-bottom:13px;padding:6px 12px;border:1px solid rgba(229,57,58,.35);border-radius:999px;background:var(--red-soft);color:#ffb4b4;font-size:.78rem;font-weight:800}
.article-hero h1{max-width:22ch;margin:0 0 14px!important;font-size:clamp(2rem,6vw,3.3rem)!important}
.article-hero__summary{max-width:65ch;margin:0!important;color:var(--muted)!important;font-size:clamp(1rem,3.6vw,1.12rem)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;color:#c3c9d3;font-size:.82rem}
.article-meta span+span:before{margin-right:10px;color:#5b6170;content:"\2022"}
.blog-visual{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 75% 20%,rgba(229,57,58,.16),transparent 44%),linear-gradient(145deg,#191c25,#0c0e13);box-shadow:0 18px 50px rgba(0,0,0,.4)}
.blog-visual__content{display:grid;min-height:240px;place-items:center;padding:25px;text-align:center}
.blog-visual__icon{width:116px;height:116px;margin-inline:auto;overflow:hidden;border:7px solid rgba(255,255,255,.08);border-radius:30px;box-shadow:0 16px 38px rgba(0,0,0,.45)}
.blog-visual__icon img{width:100%;height:100%;object-fit:cover}
.blog-visual__icon.is-shot{width:min(100%,300px);height:auto;border-width:4px;border-radius:18px;background:#fff}
.blog-visual__icon.is-shot img{height:auto}
.blog-visual__label{margin:15px 0 0!important;color:#eef1f6!important;font-size:.88rem;font-weight:800}
.article-layout{display:grid;gap:18px;padding:18px 0 48px}
.article-toc{padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--toc)}
.article-toc summary{min-height:44px;cursor:pointer;font-weight:900}
.article-toc nav{display:grid;gap:2px;padding-top:8px}
.article-toc a{min-height:40px;padding:8px 6px;border-radius:9px;color:var(--muted)!important;font-size:.84rem;text-decoration:none!important}
.article-toc a:hover{background:#1e2330;color:#fff!important}
.article-prose{min-width:0;padding:clamp(20px,5vw,38px);border:1px solid var(--line);border-radius:22px;background:rgba(15,17,23,.9);box-shadow:0 18px 45px rgba(0,0,0,.3)}
.article-prose>:first-child{margin-top:0}
.article-prose section>h2{margin:2em 0 .65em;font-size:clamp(1.42rem,5.4vw,1.9rem);scroll-margin-top:120px}
.article-prose h3{margin:1.6em 0 .5em}
.info-panel{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin-bottom:18px}
.info-panel h2{font-size:1.05rem!important;margin:0 0 6px!important}
.info-panel p{margin:0}
.quick-answer{margin:20px 0;padding:18px 20px;border:1px solid rgba(34,179,74,.4);border-radius:17px;background:rgba(34,179,74,.07)}
.quick-answer h2{font-size:1.1rem!important;margin:0 0 8px!important;color:var(--link-hi)!important}
.quick-answer p{margin:0}
.source-list{display:grid;gap:9px;padding:0;list-style:none}
.source-list li{margin:0;padding:11px 13px;border-left:3px solid var(--green);background:rgba(34,179,74,.06)}
.article-cta{margin-top:32px;padding:22px;border:1px solid rgba(34,179,74,.35);border-radius:19px;background:#10151a}
.article-cta h2{margin:0 0 8px!important;font-size:1.3rem!important}
body[data-page=hero11-brand-guide] .go-media-row{grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:28px}
body[data-page=hero11-brand-guide] .article-prose{overflow-wrap:anywhere}
@media(max-width:1050px){body[data-page=hero11-brand-guide] .go-media-row{grid-template-columns:1fr}}
.priority-related{margin:0 0 28px;padding-top:1.5rem;border-top:1px solid var(--sep)}
.priority-related h2{font-size:1.2rem!important}
.priority-related ul{display:grid;gap:.65rem;margin:1rem 0 0;padding:0;list-style:none}
.priority-related a{font-weight:700}
.related-section{padding:0 0 32px}
.section-heading h2{font-size:1.4rem!important}
.card-grid{display:grid;gap:14px}
.card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.card h3{line-height:1.3}
.card p{color:var(--muted)!important;font-size:.92rem}
.text-link{font-weight:700}

/* legal + sitemap */
.legal-layout{display:grid;gap:16px;padding:28px 0}
.legal-nav{padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--toc);align-self:start}
.legal-nav strong{display:block;margin-bottom:8px;color:#fff}
.legal-nav a{display:block;min-height:40px;padding:8px 3px;color:var(--muted)!important;text-decoration:none!important}
.legal-content{padding:clamp(20px,5vw,34px);border:1px solid var(--line);border-radius:22px;background:var(--card)}
.legal-content section+section{margin-top:1.8em}
.sitemap-list{display:grid;gap:11px;padding:0;margin:0 0 26px;list-style:none}
.sitemap-list a{display:flex;flex-direction:column;gap:2px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-decoration:none!important;color:#fff!important;font-weight:700}
.sitemap-list a span{color:var(--muted);font-weight:400;font-size:.84rem}

/* ---------- footer + sticky ---------- */
.site-footer{margin-top:20px;padding:38px 0 110px;border-top:1px solid var(--sep);background:rgba(8,9,12,.85)}
.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(16px,4vw,48px);row-gap:26px;align-items:start}
.footer-brand{grid-column:1/-1}
.footer-brand p{max-width:52ch;color:var(--muted);font-size:.92rem}
.footer-links h2{margin:0 0 10px;font-size:1rem;color:#fff}
.footer-links a{display:block;min-height:40px;padding:7px 0;color:var(--muted);text-decoration:none}
.footer-links a:hover{color:var(--link-hi)}
.footer-note{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:var(--faint);font-size:.78rem}
.mobile-sticky-cta{position:fixed;right:0;bottom:0;left:0;z-index:950;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--sep);background:rgba(11,12,16,.96);box-shadow:0 -10px 30px rgba(0,0,0,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mobile-sticky-cta .button{width:100%;min-height:52px;border-radius:999px;white-space:nowrap;font-size:clamp(.78rem,3.6vw,.92rem);padding-inline:12px}

/* image dialog */
.go-image-dialog{background:#0f1117;border:1px solid #4a5160;border-radius:16px;color:#fff;max-width:min(94vw,960px);max-height:92dvh;padding:58px 12px 16px;overflow:auto}
.go-image-dialog::backdrop{background:rgba(3,4,6,.9)}
.go-image-dialog img{max-width:100%;height:auto;margin:auto}
.go-image-dialog button{position:sticky;float:right;top:-50px;margin-top:-48px;width:44px;height:44px;border:1px solid #5a6170;border-radius:12px;background:#222733;color:#fff;font-size:1.6rem;cursor:pointer}
body.go-modal-open{overflow:hidden}

/* ---------- responsive (comeplaygo breakpoints) ---------- */
@media (min-width:540px){.go-actions .button{min-width:190px}}
@media (min-width:620px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:720px){.header-cta{display:inline-flex}.footer-grid{grid-template-columns:minmax(260px,1.5fr) repeat(2,1fr)}.footer-brand{grid-column:auto}}
@media (min-width:820px){.mobile-sticky-cta{display:none}.site-footer{padding-bottom:38px}}
@media (min-width:900px){
  .go-hero-grid:has(.go-home-phone){grid-template-columns:minmax(0,1fr) 338px}
  .go-hero-grid.has-art{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:40px}
  .cg-hero-layout{grid-template-columns:minmax(0,1fr) 420px;gap:56px}
  .go-play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.go-play-card{padding:26px}
  .article-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:52px}
  .article-layout{grid-template-columns:235px minmax(0,760px);justify-content:center;align-items:start;gap:24px;padding-top:28px}
  .article-toc{position:sticky;top:128px}
  .legal-layout{grid-template-columns:230px minmax(0,1fr)}.legal-nav{position:sticky;top:128px}
}
@media (min-width:1024px){.desktop-nav{display:flex}.menu-toggle,.mobile-menu,.mobile-menu[data-open=true]{display:none}}
@media (max-width:1050px){.desktop-nav a{padding:9px 8px}.header-cta{font-size:.78rem;padding:10px 12px}}
@media (max-width:1000px){.cg-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:719px){
  html{scroll-padding-top:116px}
  .go-social-inner{width:calc(100% - 20px);gap:4px}.go-social-label{font-size:11px}.go-social-strip a{width:36px}
  .header-row{min-height:60px}
  .site-shell,.go-shell{width:calc(100% - 36px)}
  .go-hero{padding:18px 0 28px}.go-hero-grid,.cg-hero-layout{gap:18px}
  .go-intent h1{font-size:clamp(1.65rem,7.4vw,2rem);line-height:1.18;margin-bottom:12px}
  .go-lede{font-size:1rem;line-height:1.55}
  .go-actions{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:10px;margin-top:14px}
  .go-actions .button{width:auto;min-width:0;min-height:48px;padding:10px 12px;font-size:.875rem}
  .go-actions .button:only-child{grid-column:1/-1}
  .go-home-phone{width:238px}
  .go-toc nav{grid-template-columns:1fr}.go-content{padding-top:18px}
  .go-section{padding:29px 0}.go-intent h2{font-size:1.5rem}
  .go-cards,.go-cards-2{grid-template-columns:1fr;gap:12px}.go-card{padding:20px}
  .go-media-row{grid-template-columns:1fr;gap:24px}.go-screen{width:min(100%,300px)}.go-screen-wide{width:100%}
  .go-release{gap:16px;align-items:flex-start}.go-release img{width:56px;height:56px;border-radius:13px}
  .go-release dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.go-release dd{font-size:1rem}
  .go-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .go-table,.go-table tbody,.go-table tr,.go-table td,.go-table caption{display:block;width:100%}
  .go-table tr{padding:12px 0;border-bottom:1px solid var(--line)}.go-table tr:last-child{border:0}
  .go-table td{padding:6px 16px;border:0}
  .go-table td:before{content:attr(data-label);display:block;font-size:.73rem;letter-spacing:.035em;color:var(--gold);font-weight:750;margin-bottom:2px}
  .go-faq summary{padding:16px}.go-steps li{padding-left:47px}
  .cg-category-grid{gap:10px}.cg-category{padding:17px 14px 8px}
  .cg-match-grid{grid-template-columns:1fr;gap:24px}
  .article-hero{padding:24px 0 22px}.article-hero h1{font-size:clamp(1.65rem,7.4vw,2rem)!important}
  .blog-visual__content{min-height:180px}
  .go-intent{padding-bottom:78px}
}
@media (max-width:359px){.go-actions{grid-template-columns:1fr}.cg-category-grid{grid-template-columns:1fr}.go-intent h1{font-size:1.6rem}.brand-tag{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ---------- inline code (APK file facts: SHA-256, package name) ---------- */
code{font:600 .84em/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#161b25;border:1px solid #2a3140;border-radius:5px;padding:1px 5px;color:#e7efe9;overflow-wrap:anywhere;word-break:break-all}

/* Keep the homepage hero CTAs side by side at every viewport width. */
body[data-page=home] .go-hero .go-actions{display:flex;flex-wrap:nowrap}
body[data-page=home] .go-hero .go-actions .button{min-width:0;flex:1 0 auto;white-space:nowrap}
@media(max-width:719px){
  body[data-page=home] .go-hero .go-actions{gap:8px}
  body[data-page=home] .go-hero .go-actions .button{gap:4px;padding-inline:8px;font-size:clamp(.8125rem,3.5vw,.875rem)}
}
@media(max-width:359px){
  body[data-page=home] .go-hero .go-actions{gap:6px}
  body[data-page=home] .go-hero .go-actions .button{gap:3px;padding-inline:6px;font-size:.75rem}
}