/* Brand palette and requested mobile refinements, layered over the reference stylesheet. */
@font-face{font-family:"Noto Sans Devanagari";src:url('/fonts/noto-sans-devanagari.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#fffdf7;--bg-outer:#f5f7fb;--bg-dark:#162d56;--bg-alt:#f1f4fb;--card:#fff;--card-2:#fffdf7;--frame:#e8eefb;--text:#162d56;--text-soft:#465671;--text-dim:#596780;--text-foot:#dbe3f3;--gold:#234db5;--gold-2:#f2c94c;--gold-text:#162d56;--link:#234db5;--link-hover:#183a8e;--ink:#fff;--green:#234db5;--felt-1:#e8eefb;--felt-2:#f8e8b3;--border:rgba(35,77,181,.2);--border-soft:rgba(35,77,181,.12);--border-strong:rgba(35,77,181,.3);--felt:linear-gradient(145deg,#e8eefb,#fff9eb);--btn:#234db5;--btn-hover:#183a8e;--gold-line:linear-gradient(90deg,transparent,#f2c94c 30%,#f8e8b3 50%,#f2c94c 70%,transparent);--shadow-card:0 24px 48px -28px rgba(22,45,86,.22);--shadow-gold:0 18px 40px -18px rgba(242,201,76,.3)}
html{color-scheme:light}
.page{background:radial-gradient(1200px 600px at 85% -10%,#f2c94c18,transparent 60%),radial-gradient(900px 500px at -10% 40%,#234db50a,transparent 60%),var(--bg)}
.site-header{background:rgba(255,255,255,.94)}
.age-bar{color:#e7edf8}.age-bar strong{color:#f2c94c}
.brand{color:#162d56}.brand-tag{color:#526078}
.h1{text-shadow:none}
.band{background:linear-gradient(180deg,#f1f4fb,#f7f8fc)}
.band-dark,.site-footer{--text:#eef2fa;--text-soft:#dbe3f3;--text-dim:#ced8ec;--gold:#f2c94c;--gold-text:#f2c94c;--link:#f2c94c;--link-hover:#fff4cd}
.site-footer .brand,.site-footer .brand-tag{color:#f2c94c}
.site-footer .btn-primary{color:#fff}
.hero-wrap::before{background:linear-gradient(90deg,rgba(255,249,235,.98),rgba(255,249,235,.95) 40%,rgba(255,249,235,.65) 70%,rgba(255,249,235,.4)),linear-gradient(180deg,transparent 60%,#fff9eb)}
.hero-art .float{background:rgba(255,253,247,.95)}
.page-hero{background:#fff9eb}
.page-hero::before{background:linear-gradient(90deg,rgba(255,249,235,.97),rgba(255,249,235,.93) 38%,rgba(255,249,235,.62) 75%,rgba(255,249,235,.7))}
.page-hero .crumbs ol,.page-hero .crumbs a,.page-hero .byline,.page-hero .small{color:#526078}
.cta-bar{background:linear-gradient(120deg,#23416e,#162d56);background-color:#162d56}
.cta-bar .btn-outline{color:#fff0bc;border-color:#f2c94c}
.cta-bar .btn-primary{background:#f2c94c;color:#162d56}
.consent{background:rgba(255,253,247,.98)}
.card-dashed,.trust-strip div{background:#f1f4fb}
.chip{background:#fff9eb}
.steps li{background:#ffffff0a}
.phone .float{background:#fffdf7}
.rank-table tbody tr:nth-child(odd) td{background:#f1f4fb}
.dl-meta div{background:#f1f4fb}
.info-table th{background:#eef2fa}
.game-hero{background:#162d56}
.game-hero:after{background:linear-gradient(180deg,transparent 40%,rgba(22,45,86,.96))}
.game-hero .label{color:#fff}.game-hero .label .name{color:#fff}.game-hero .label .kicker{color:#fff0bc}
.game-card .thumb::after{background:linear-gradient(180deg,transparent 50%,rgba(22,45,86,.22))}
.byline-avatar{vertical-align:middle;object-fit:cover;border-radius:50%;margin-right:7px}
.compact-byline{display:block;font-size:12px;margin-top:12px}.compact-byline .byline-avatar{width:28px;height:28px}
.locale-links{display:inline-flex;align-items:center;margin-left:8px;border-left:1px solid var(--border)}
.nav .locale-links a{font-size:12px;padding:8px}
.privacy-open{background:none;border:0;padding:0;font:inherit;font-size:12px;cursor:pointer;color:#f2c94c;margin-top:16px;text-decoration:underline}
.author-section{margin-top:40px}.author-note{margin:24px 0}.team-card strong a{color:inherit}.mono{overflow-wrap:anywhere}
.team-directory{margin-top:0}.author-articles{width:100%;text-align:left;border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.author-articles h3{font-family:var(--sans);font-size:14px;margin:0 0 8px}.author-articles ul{margin:0;padding-left:18px}.author-articles li{padding:4px 0;line-height:1.5}.team-directory .team-card>.link{margin-top:auto;padding-top:18px}
.concept-figure{margin:0;min-width:0}.concept-figure figcaption{font-size:13px;line-height:1.5;padding:14px 2px;color:var(--text-soft)}.concept-figure figcaption strong{display:block;margin-bottom:5px;color:var(--text)}.concept-figure figcaption span{display:block}.phone::before{display:none}
.author-articles a{display:block}
@media(max-width:700px){.shots .concept-figure{flex:0 0 62%;scroll-snap-align:start}.shots .concept-figure img{width:100%}}
.info-table td{overflow-wrap:anywhere}
html:lang(hi){--sans:"Noto Sans Devanagari","Manrope",sans-serif;--serif:"Noto Sans Devanagari",sans-serif}
html:lang(hi) .h1,html:lang(hi) .h2,html:lang(hi) .h3{line-height:1.5;letter-spacing:0}
html:lang(hi) .brand-name{font-family:"Cinzel",serif}

/* A consistent icon family; artwork remains independent of interface icons. */
.feature-icon,.card-icon .icon{box-shadow:none;background:transparent}
.feature-icon img{transform:none}
.menu-toggle{display:none}
.grid>*{min-width:0}
.table-wrap{max-width:100%;overscroll-behavior-x:contain}
main [id]{scroll-margin-top:100px}
.article-figure{margin:24px 0 36px}
.article-figure>img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--border-soft)}
.article-figure figcaption{margin-top:10px;color:var(--text-dim);font-size:13px;line-height:1.65}
.article-flow{margin:28px 0 36px;padding:24px;background:#eef2fa;border:1px solid #c4d1ee;border-radius:16px}
.article-flow figcaption{font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.5;color:#162d56;margin-bottom:20px}
.article-flow ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;list-style:none;padding:0;margin:0 0 16px;counter-reset:none}
.article-flow li{background:#fffdf7;border:1px solid #d6dff1;border-top:3px solid #f2c94c;border-radius:12px;padding:16px;position:relative;min-width:0}
.article-flow li img{display:block;width:48px;height:48px;margin-bottom:16px}
.article-flow li strong{display:block;font-size:15px;color:#162d56;line-height:1.5}
.article-flow li p{font-size:13.5px;line-height:1.65;margin:8px 0 0;color:#465671}
.flow-number{position:absolute;top:16px;right:14px;color:#596780;font-weight:700;font-size:12px}

@media(max-width:900px){
 .hero.container,main>.container.section,main>.container.section-mid,main>.container.section-tight{padding-left:20px;padding-right:20px}
 .site-header .container{min-height:64px;padding:10px 16px;gap:8px}
 .site-header .brand{gap:9px}
 .site-header .brand-mark{width:36px;height:36px;border-radius:10px}
 .site-header .brand-name{font-size:19px}
 .site-header .brand-tag{display:none}
 .nav-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fffdf7;color:var(--text);font:600 14px var(--sans);cursor:pointer}
 .menu-bars,.menu-bars:before,.menu-bars:after{width:16px;height:2px;border-radius:2px;background:currentColor;display:block;position:relative;transition:transform .15s}
 .menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0;top:-5px}
 .menu-bars:after{top:5px}
 .menu-toggle[aria-expanded="true"] .menu-bars{background:transparent}
 .menu-toggle[aria-expanded="true"] .menu-bars:before{top:0;transform:rotate(45deg)}
 .menu-toggle[aria-expanded="true"] .menu-bars:after{top:0;transform:rotate(-45deg)}
 .site-header .nav{width:100%;padding:10px 0 4px;gap:6px;border-top:1px solid var(--border-soft);max-height:calc(100dvh - 120px);overflow-y:auto}
 .nav-ready .site-header .nav{display:none}
 .nav-ready .site-header .nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav a:not(.btn){display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:15px}
 .nav>a[aria-current="page"]{background:#eef2fa}
 .nav .btn{grid-column:1/-1;margin:4px 0;min-height:48px}
 .nav .locale-links{grid-column:1/-1;display:flex;gap:8px;margin:0;border-left:0;padding-top:4px}
 .nav .locale-links a{min-width:72px;justify-content:center;font-size:14px;border:1px solid var(--border-soft)}
 .nav .locale-links a[aria-current="page"]{background:#fff0bc}
}
@media(max-width:640px){
 .container,.hero.container{padding-left:20px;padding-right:20px}
 .grid-2,.grid-cards,.grid-steps,.grid-fill,.grid-contact,.grid-leaders,.steps,.steps-install,.related{grid-template-columns:minmax(0,1fr);gap:18px}
 .hero{padding-top:30px;padding-bottom:36px}
 .hero-wrap::before{background:linear-gradient(90deg,rgba(255,249,235,.98),rgba(255,249,235,.92))}
 .hero .grid-2{gap:26px}
 .h1,.h1-hero{font-size:clamp(28px,7.8vw,36px);line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}
 .h2,.h2-lg{font-size:clamp(23px,6vw,28px);line-height:1.25}
 .lede,.lede-hero{font-size:16px;line-height:1.7}
 .eyebrow{font-size:11px;letter-spacing:.12em;line-height:1.6;gap:8px}
 .eyebrow:before,.eyebrow:after{flex:none;width:20px}
 .body,.list{font-size:15.5px;line-height:1.75}
 .section,.section-mid{padding-top:36px;padding-bottom:36px}
 .section-tight{padding-top:24px;padding-bottom:36px}
 .page-hero .container,.page-hero-lg .container{padding-top:22px;padding-bottom:30px}
 .page-hero-split .container{gap:24px}
 .page-hero .crumbs{padding-bottom:16px}
 .btn-row{gap:10px}
 .btn-row .btn{flex:1 1 160px;min-height:48px}
 .hero .btn-row .btn{flex-basis:100%}
 .dl-note{line-height:1.8}
 .stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;padding-top:20px}
 .stat-row strong{font-size:21px}
 .stat-row span{font-size:11.5px;letter-spacing:.04em}
 .hero-art{display:grid;gap:8px;margin-top:6px}
 .hero-art .float{position:static;width:100%;padding:10px 12px;font-size:13px}
 .hero-art .float small{font-size:11.5px;letter-spacing:0}
 .hero-art:before{display:none}
 .hero-art .frame{box-shadow:0 16px 30px -24px rgba(22,45,86,.5)}
 .trust-strip{gap:10px}
 .trust-strip div{flex:1 1 100%;padding:12px 14px}
 .feature{display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 14px;padding:20px;border-radius:16px}
 .feature-icon{width:52px;height:52px;margin:0;border-radius:14px}
 .feature .h3{align-self:center;font-size:17px;line-height:1.45;margin:0}
 .feature p{grid-column:1/-1;margin-top:14px;line-height:1.75}
 .feature:hover{transform:none}
 .card,.team-card{padding:20px}
 .card-icon{gap:12px}
 .card-icon .icon{width:44px;height:44px;border-radius:12px}
 .game-card .h3{font-size:20px;line-height:1.4}
 .game-tile .h2{font-size:23px;line-height:1.3}
 .cta-bar{padding:22px 20px;gap:16px}
 .cta-bar>.btn{width:100%}
 .cta-big{padding:30px 20px}
 .phone{max-width:260px;margin:0 auto}
 .phone .float{max-width:100%;left:0;right:0}
 .dl-panel{padding:18px}
 .dl-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .dl-meta div{padding:12px 10px}
 .info-table{table-layout:fixed;font-size:14px}
 .info-table th,.info-table td{padding:12px 10px;overflow-wrap:anywhere}
 .info-table th{width:35%}
 .info-table code{font-size:12px;line-height:1.7;word-break:break-all}
 .rank-table{min-width:560px;font-size:14px}
 .table-wrap:focus-visible{outline-offset:2px}
 .table-wrap[data-scroll-hint]:before{content:attr(data-scroll-hint);display:block;position:sticky;left:0;max-width:100%;padding:0 0 10px;color:var(--text-dim);font-size:12px}
 .qr-card{padding:18px}
 .qr-card img{width:144px;height:144px}
 .faq summary,.faq-lg summary{padding:16px;font-size:15px;line-height:1.55;min-height:52px}
 .faq p,.faq-lg p{padding:0 16px 16px;line-height:1.75}
 .steps li{padding:20px}
 .alert{padding:16px;gap:10px;align-items:flex-start}
 .foot-grid{gap:26px 20px}
 .foot-grid ul{gap:0}
 .foot-grid li a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
 .site-footer .container{padding:36px 20px 24px}
 .foot-title{font-size:11.5px;letter-spacing:.1em}
 .privacy-open{min-height:44px;font-size:14px;margin-top:8px}
 .consent{left:12px;right:12px;bottom:12px;padding:16px;gap:10px}
 .consent .btn{flex:1 1 120px;min-height:44px;padding:10px}
 [data-copy]{min-height:44px!important}
 .article-figure{margin:20px 0 28px}
 .article-figure>img{border-radius:12px}
 .article-flow{padding:18px;margin:24px 0 28px}
 .article-flow figcaption{font-size:18px}
 .article-flow ol{grid-template-columns:minmax(0,1fr)}
 .article-flow li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 12px;padding:16px 38px 16px 14px}
 .article-flow li img{width:44px;height:44px;grid-row:1/3;margin:0}
 .article-flow li p{margin:0}
 html.js .reveal,html.js .reveal-stagger>*{opacity:1;transform:none;transition:none}
}
@media(max-width:360px){
 .site-header .brand-name{font-size:17px}
 .site-header .brand-mark{width:34px;height:34px}
 .site-header .brand{gap:8px}
 .nav-ready .menu-toggle{padding:0 10px;font-size:13px;gap:6px}
 .container,.hero.container{padding-left:16px;padding-right:16px}
}
w-wrap:anywhere}
 .info-table th{width:35%}
 .info-table code{font-size:12px;line-height:1.7;word-break:break-all}
 .rank-table{min-width:560px;font-size:14px}
 .table-wrap:focus-visible{outline-offset:2px}
 .table-wrap[data-scroll-hint]:before{content:attr(data-scroll-hint);display:block;position:sticky;left:0;max-width:100%;padding:0 0 10px;color:var(--text-dim);font-size:12px}
 .qr-card{padding:18px}
 .qr-card img{width:144px;height:144px}
 .faq summary,.faq-lg summary{padding:16px;font-size:15px;line-height:1.55;min-height:52px}
 .faq p,.faq-lg p{padding:0 16px 16px;line-height:1.75}
 .steps li{padding:20px}
 .alert{padding:16px;gap:10px;align-items:flex-start}
 .foot-grid{gap:26px 20px}
 .foot-grid ul{gap:0}
 .foot-grid li a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
 .site-footer .container{padding:36px 20px 24px}
 .foot-title{font-size:11.5px;letter-spacing:.1em}
 .privacy-open{min-height:44px;font-size:14px;margin-top:8px}
 .consent{left:12px;right:12px;bottom:12px;padding:16px;gap:10px}
 .consent .btn{flex:1 1 120px;min-height:44px;padding:10px}
 [data-copy]{min-height:44px!important}
 .article-figure{margin:20px 0 28px}
 .article-figure>img{border-radius:12px}
 .article-flow{padding:18px;margin:24px 0 28px}
 .article-flow figcaption{font-size:18px}
 .article-flow ol{grid-template-columns:minmax(0,1fr)}
 .article-flow li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 12px;padding:16px 38px 16px 14px}
 .article-flow li img{width:44px;height:44px;grid-row:1/3;margin:0}
 .article-flow li p{margin:0}
 html.js .reveal,html.js .reveal-stagger>*{opacity:1;transform:none;transition:none}
}
@media(max-width:360px){
 .site-header .brand-name{font-size:17px}
 .site-header .brand-mark{width:34px;height:34px}
 .site-header .brand{gap:8px}
 .nav-ready .menu-toggle{padding:0 10px;font-size:13px;gap:6px}
 .container,.hero.container{padding-left:16px;padding-right:16px}
}