:root{--mb-bg:#183c64;--mb-surface:#092e52;--mb-raised:#123b60;--mb-line:#66829c;--mb-text:#f5f1e5;--mb-muted:#cdddec;--mb-accent:#edd195;--mb-link:#e5d9b5;--mb-button-text:#0b1925;color-scheme:dark}
body{background:#082e52;color:#f5f1e5}#main{background:#082e52}a{color:inherit}.site-header,.site-footer{background:#0d0b09;color:#f5f1e5}.site-header{border-color:#584b31}.site-footer{margin-top:0}.brand-logo{object-fit:contain}.ar-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ar-hero,.ar-games,.ar-stories,.ar-studies,.ar-offer,.ar-faq,.ar-page-shell{box-sizing:border-box}.ar-hero h1,.ar-games h2,.ar-stories h2,.ar-studies h2,.ar-offer h2,.ar-faq h2,.ar-page-shell h1,.ar-page-shell h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#f5f1e5}.ar-hero{height:clamp(330px,41vw,660px);position:relative;display:grid;place-items:center;background:#092b4c url('hero-relief.webp') center top/cover no-repeat}.ar-hero-title{text-align:center;color:#edd195;width:min(66%,830px);padding-top:10%}.ar-hero-title h1{margin:0;line-height:1;color:#edd195;filter:drop-shadow(0 1px 0 #fff2c9) drop-shadow(0 4px 1px #70471d) drop-shadow(0 6px 3px #14130f)}.ar-hero-title svg{display:block;width:100%;height:auto}.ar-hero-title p{margin:.6rem 0 0;text-transform:uppercase;letter-spacing:.37em;font:700 clamp(.56rem,1vw,.95rem)/1.5 Arial,sans-serif;color:#f5db9d}.ar-hero-title p span{margin:0 .3em}.ar-games,.ar-studies,.ar-faq{width:min(92%,1440px);margin:auto}.ar-games{padding:1rem 0 2.5rem}.ar-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.ar-section-heading h2,.ar-story-copy h2,.ar-offer h2,.ar-faq h2{font-size:clamp(2.1rem,4.4vw,4.3rem);line-height:1.05;margin:0 0 1rem}.ar-section-heading h2:after,.ar-story-copy h2:after,.ar-offer h2:after,.ar-faq h2:after{content:'';display:block;width:2.2rem;height:2px;background:#d5ac57;margin:.5rem 0 0}.ar-section-heading p,.ar-story-copy p,.ar-offer p,.ar-faq p{color:#cdddec;font:400 clamp(.95rem,1.1vw,1.1rem)/1.5 Arial,sans-serif;max-width:25rem}.ar-link{color:#edd195;text-decoration:none;font:700 1rem/1.5 Arial,sans-serif}.ar-link:hover{text-decoration:underline;color:#fff0bc}.ar-link:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #edd195;outline-offset:3px}.ar-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0}.ar-filters button{border:1px solid #7890a5;color:#f5f1e5;background:transparent;padding:.35rem .75rem;font:600 .8rem Arial,sans-serif;cursor:pointer}.ar-filters button[aria-pressed=true]{background:#edd195;color:#102740;border-color:#edd195}.ar-shelf{display:grid;gap:1.1rem;margin-top:1.2rem}.ar-shelf-1{grid-template-columns:repeat(2,minmax(0,1fr));width:65%;margin-left:auto}.ar-shelf-2{grid-template-columns:repeat(4,minmax(0,1fr))}.ar-shelf-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ar-game{display:block;text-decoration:none;min-width:0;color:#f5f1e5;font:600 1rem/1.35 Arial,sans-serif}.ar-game img{display:block;width:100%;aspect-ratio:1.83;object-fit:contain;object-position:center;background:transparent;margin:0 0 .45rem}.ar-game:hover span{text-decoration:underline;color:#edd195}.ar-game[hidden]{display:none!important}.ar-art-note{max-width:70rem;margin:1.2rem 0 0;color:#cdddec;font:400 .76rem/1.5 Arial,sans-serif}.ar-art-note a{text-decoration:underline}.ar-stories{display:grid;grid-template-columns:42% 1fr;max-width:1600px;margin:auto;align-items:stretch}.ar-stories figure{margin:0;min-width:0}.ar-stories img{display:block;width:100%;height:100%;object-fit:cover}.ar-cricket-art{min-height:610px}.ar-cricket-art img{object-position:45% center}.ar-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem;padding:2rem 4% 2rem 6%;align-items:center}.ar-story-grid figure{height:230px}.ar-story-grid .ar-cricket-close img{object-position:center bottom}.ar-story-copy{min-width:0}.ar-story-copy h2{font-size:clamp(2rem,3.5vw,3.8rem)}.ar-story-copy p{margin:0 0 .8rem}.ar-studies{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;padding:1.5rem 0}.ar-studies article{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.ar-studies img{width:100%;aspect-ratio:1.35;object-fit:cover}.ar-offer{max-width:1600px;min-height:230px;margin:1rem auto 0;padding:2.5rem 5%;display:flex;align-items:center;background:#082e52 url('offer-table.webp') center/cover no-repeat}.ar-offer>div{max-width:25rem;text-shadow:0 2px 6px #071f37}.ar-faq{padding:2.5rem 0;display:grid;grid-template-columns:35% 1fr;gap:3rem}.ar-faq-list details{border-bottom:1px solid #66829c}.ar-faq-list summary{padding:1rem .3rem;cursor:pointer;font:400 1rem/1.35 Arial,sans-serif}.ar-faq-list p{padding:0 .3rem 1rem;margin:0}.ar-page-shell{width:min(90%,1200px);margin:auto;padding:4rem 0 6rem}.ar-page-shell h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:1.05;margin:.5rem 0 1.25rem}.ar-page-shell h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15}.ar-page-shell p,.ar-page-shell li{color:#e1e8eb;line-height:1.75}.ar-kicker{font:700 .78rem/1.4 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#edd195!important}.ar-breadcrumb{font-size:.9rem;margin-bottom:2rem;color:#cdddec}.ar-breadcrumb a{text-decoration:underline}.ar-article{max-width:1100px}.ar-article-deck{font-size:1.25rem;max-width:48rem}.ar-article-hero{display:block;width:100%;max-height:28rem;object-fit:cover;margin:2rem 0}.ar-article-body{max-width:48rem;margin:2.5rem auto 3rem;font:400 1.125rem/1.75 Arial,sans-serif}.ar-article-body a{text-decoration:underline;color:#edd195}.ar-article-body h2{margin:2.5rem 0 1rem}.ar-search{margin:2rem 0}.ar-search label{display:block;margin-bottom:.5rem}.ar-search div{display:flex;gap:.5rem}.ar-search input{max-width:25rem;width:100%;padding:.8rem;background:#f5f1e5;color:#102740;border:0}.ar-search button{padding:.8rem 1.2rem;border:0;background:#edd195;color:#102740;cursor:pointer}.ar-article-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:3rem 0}.ar-article-list article>a{display:block;text-decoration:none}.ar-article-list img{width:100%;aspect-ratio:1.5;object-fit:cover}.ar-article-list h2{font-size:1.8rem;margin:1rem 0}.ar-game-reference article{max-width:56rem}.ar-game-reference img{width:min(100%,700px);height:auto}.ar-game-reference p{max-width:45rem}.ar-game-reference p a{text-decoration:underline;color:#edd195}
@media(max-width:800px){.ar-hero{height:360px}.ar-hero-title{width:76%}.ar-hero-title p{letter-spacing:.18em}.ar-section-heading{align-items:start}.ar-shelf-1{width:100%}.ar-shelf-2,.ar-shelf-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-stories{grid-template-columns:1fr}.ar-cricket-art{min-height:0;height:440px}.ar-cricket-art img{object-position:center 60%}.ar-story-grid{padding:2rem 4%}.ar-studies{grid-template-columns:1fr}.ar-offer{min-height:260px;background-position:60% center}.ar-offer>div{background:rgba(5,31,54,.78);padding:1rem}.ar-faq{grid-template-columns:1fr;gap:1rem}.ar-article-list{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ar-hero{height:280px}.ar-hero-title{width:82%;padding-top:12%}.ar-hero-title p{font-size:.52rem;letter-spacing:.11em}.ar-section-heading{display:block}.ar-section-heading>.ar-link{display:inline-block;margin:.5rem 0}.ar-shelf{gap:.7rem}.ar-game{font-size:.85rem}.ar-story-grid{gap:1rem}.ar-story-grid figure{height:160px}.ar-story-copy h2{font-size:1.75rem}.ar-story-copy p{font-size:.9rem}.ar-studies article{gap:.8rem}.ar-page-shell{padding:2.5rem 0 4rem}.ar-article-list{grid-template-columns:1fr}.ar-search div{flex-wrap:wrap}.ar-faq{padding:2rem 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Same-width reference alignment; preserve the existing phone layout. */
@media (min-width: 760px) and (max-width: 1000px) {
  .header-shell { width: calc(100% - 64px); min-height: 52px; gap: 10px; }
  .site-header .brand { margin-right: 0; }
  .site-header .brand-logo { width: 104px; }
  .site-header .desktop-nav { display: flex; flex: 1; gap: 10px; }
  .site-header .desktop-nav a { font-size: 10px; min-height: 52px; }
  .site-header .mobile-nav { display: none; }
  .site-header .account-actions { gap: 2px; }
  .site-header .account-actions .button { min-height: 30px; padding: 6px 8px; font-size: 10px; }
}
@media (min-width: 760px) and (max-width: 800px) {
  .ar-hero { height: 315px; }
  .ar-hero-title { width: 46%; padding-top: 11%; }
  .ar-hero-title p { font-size: .52rem; letter-spacing: .24em; }
  .ar-hero-title svg g { fill: url(#ar-title-gold); stroke: #f3d79a; stroke-width: 1; paint-order: stroke fill; }
  .ar-games { padding: .25rem 0 1rem; }
  .ar-section-heading h2 { font-size: 2.35rem; margin-bottom: .65rem; }
  .ar-section-heading p { max-width: 190px; font-size: .75rem; line-height: 1.4; }
  .ar-section-heading > .ar-link, .ar-link { font-size: .75rem; }
  .ar-filters { width: 190px; gap: .2rem; margin: .55rem 0; }
  .ar-filters button { font-size: .66rem; padding: .22rem .38rem; }
  .ar-shelf { gap: .9rem; margin-top: 1rem; }
  .ar-shelf-1 { width: 61%; margin-left: 25%; margin-top: -3.5rem; }
  .ar-shelf-2 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ar-shelf-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ar-game { font-size: .75rem; font-weight: 400; }
  .ar-game img { margin-bottom: .25rem; }
  .ar-art-note { font-size: .65rem; margin-top: .65rem; }
  .ar-stories { grid-template-columns: 42% 1fr; height: 400px; align-items: stretch; }
  .ar-cricket-art { min-height: 0; height: 100%; }
  .ar-cricket-art img { object-position: 45% center; }
  .ar-story-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: .75rem; padding: 1rem 3% 1rem 5%; }
  .ar-story-grid figure { height: 165px; }
  .ar-story-copy h2 { font-size: 2.05rem; margin-bottom: .55rem; }
  .ar-story-copy p, .ar-offer p { font-size: .75rem; line-height: 1.4; }
  .ar-studies { grid-template-columns: 1fr 1fr; gap: 1.15rem; padding: 1rem 0; }
  .ar-studies article { grid-template-columns: 1fr 1fr; gap: .8rem; }
  .ar-studies img { aspect-ratio: 1.45; }
  .ar-offer { min-height: 165px; padding: 1.2rem 5%; }
  .ar-offer > div { max-width: 14rem; padding: 0; background: none; }
  .ar-offer h2 { font-size: 1.9rem; }
  .ar-faq { grid-template-columns: 32% 1fr; gap: 2rem; padding: 1.25rem 0; }
  .ar-faq h2 { font-size: 2.3rem; }
  .ar-faq-list summary { padding: .55rem .3rem; font-size: .75rem; }
  .site-footer .footer-top { gap: 36px; padding-block: 18px; }
  .site-footer .footer-brand .brand-logo { width: 104px; }
  .site-footer .footer-brand p { margin-block: 8px 0; font-size: .72rem; line-height: 1.45; }
  .site-footer .footer-columns { gap: 18px; }
  .site-footer .footer-columns h2 { margin: 4px 0 7px; font-size: .75rem; }
  .site-footer .footer-columns a { padding-block: 3px; font-size: .72rem; }
  .site-footer .footer-bottom { flex-direction: row; align-items: center; gap: 15px; padding-block: 12px; }
  .site-footer .footer-bottom p, .site-footer .footer-bottom nav { font-size: .62rem; }
}
@media (min-width: 760px) and (max-width: 800px) {
  .ar-studies .ar-story-copy h2 { font-size: 1.55rem; white-space: nowrap; }
}