:root { --ui-bg: #080a20; --ui-bg-soft: #0d1230; --ui-panel: #121a3d; --ui-panel-2: #18224d; --ui-ink: #f7f9ff; --ui-muted: #c8cee3; --ui-faint: #94a0c2; --ui-gold: #ffc928; --ui-gold-soft: #ffe37e; --ui-blue: #1678ff; --ui-cyan: #4fc8ff; --ui-purple: #7237ff; --ui-wine: #b92b83; --ui-line: #2e3d73; --ui-line-warm: #8a6921; --ui-max: 1280px; --ui-serif: Georgia, "Times New Roman", "Noto Serif Devanagari", serif; --ui-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Devanagari", Arial, sans-serif; } html { background: var(--ui-bg) !important; color-scheme: dark } body { background: var(--ui-bg) !important; color: var(--ui-ink) !important; font-family: var(--ui-sans) !important; overflow-x: clip; } body:before, body:after { display: none !important } h1, h2 { font-family: var(--ui-serif) !important; letter-spacing: -.035em !important; font-weight: 500 !important } h3 { font-family: var(--ui-sans) !important; letter-spacing: -.018em !important; font-weight: 720 !important } p, li, dd { color: var(--ui-muted) } a { transition: color .16s ease, border-color .16s ease, background-color .16s ease !important } ::selection { color: #16120a; background: var(--ui-gold) } .site-header { height: 72px !important; background: #090b26 !important; border-bottom: 1px solid var(--ui-line) !important; box-shadow: none !important; backdrop-filter: none !important; } .nav-shell { height: 72px !important; max-width: var(--ui-max) !important; padding: 0 28px !important; gap: 24px !important } .brand { width: 210px !important; height: 60px !important } .brand img { object-fit: contain !important; object-position: left center !important } .nav-shell nav { gap: 22px !important; flex-wrap: wrap } .nav-shell nav a, .language-link { min-height: 44px !important; color: #d5daf0 !important; font-family: var(--ui-sans) !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: .01em !important; } .nav-shell nav a:hover, .language-link:hover { color: var(--ui-gold-soft) !important } .language-link { border-left: 1px solid var(--ui-line) !important; border-right: 0 !important } .button, .header-download, .final-button, .mobile-download-bar { color: #171208 !important; background: var(--ui-gold) !important; border: 1px solid var(--ui-gold) !important; border-radius: 3px !important; box-shadow: none !important; font-weight: 780 !important; transform: none !important; } .button:hover, .header-download:hover, .final-button:hover { color: #171208 !important; background: #ffdd57 !important; border-color: #ffdd57 !important; transform: none !important; box-shadow: none !important; } .button:active, .header-download:active, .final-button:active { background: #e7ae00 !important; transform: none !important } .button-secondary { color: var(--ui-gold-soft) !important; background: transparent !important; border-color: var(--ui-line-warm) !important; } .button-secondary:hover { color: var(--ui-ink) !important; background: #16245a !important; border-color: var(--ui-blue) !important } .hero-banner { padding: 0 !important; background: #07091d !important; border-bottom: 1px solid var(--ui-line-warm) !important; } .hero-banner, .hero-banner-track, .seo-core-heading, .seo-core-grid { animation: none !important; opacity: 1 !important; transform: none !important; } .hero-banner:after { display: none !important } .hero-banner-track { max-width: 1440px !important; margin: 0 auto !important; border-radius: 0 !important; box-shadow: none !important; } .hero-banner-slide { background: #07091d !important; transition: none !important } .hero-banner-slide.active { opacity: 1 !important } .hero-banner-slide img { filter: saturate(1.04) contrast(1.04) !important } .hero-banner-arrow { width: 48px !important; height: 48px !important; color: var(--ui-ink) !important; background: #090b26e8 !important; border: 1px solid var(--ui-gold) !important; border-radius: 2px !important; box-shadow: none !important; } .hero-banner-arrow:hover { color: #151107 !important; background: var(--ui-gold) !important; transform: none !important } .hero-banner-dots button:after { height: 2px !important; border-radius: 0 !important; background: #c9c3b66b !important } .hero-banner-dots button.active:after { background: var(--ui-gold) !important } .kicker, .editorial-kicker, .section-index, .guide-label { color: var(--ui-gold) !important; font-family: var(--ui-sans) !important; font-size: 11px !important; font-weight: 780 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } .kicker i { height: 1px !important; background: var(--ui-gold) !important } .section { max-width: var(--ui-max) !important } .seo-core-section { max-width: var(--ui-max) !important; padding: 94px 28px 58px !important } .seo-core-section:before { display: none !important } .seo-core-heading { display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr) !important; grid-template-areas: "kicker kicker" "title body" !important; column-gap: 64px !important; align-items: end !important; max-width: none !important; margin: 0 0 44px !important; } .seo-core-heading .kicker { grid-area: kicker; margin-bottom: 18px !important } .seo-core-heading h1, .seo-core-heading h2 { grid-area: title; max-width: 780px !important; margin: 0 !important; color: var(--ui-ink) !important; font-size: clamp(46px, 5.2vw, 72px) !important; line-height: .98 !important; } .seo-core-heading p { grid-area: body; margin: 0 !important; color: #cbd2e8 !important; font-size: 16px !important; line-height: 1.75 !important } .seo-core-grid { grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 0 !important; border-top: 1px solid var(--ui-line-warm) !important } .seo-core-grid article { min-height: 246px !important; padding: 32px 30px 28px !important; background: transparent !important; border: 0 !important; border-right: 1px solid var(--ui-line) !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: none !important; transform: none !important; } .seo-core-grid article:first-child { border-left: 1px solid var(--ui-line) !important; background: #112553 !important } .seo-core-grid article:nth-child(2) { background: #241958 !important } .seo-core-grid article:nth-child(3) { border-left: 1px solid var(--ui-line) !important; background: #0f1c42 !important } .seo-core-grid article:nth-child(4) { background: #172653 !important } .seo-core-grid article:hover { background: #1d3070 !important; border-color: var(--ui-gold) !important; transform: none !important } .seo-core-grid article>span:after { color: var(--ui-gold) !important; font-size: 10px !important } .seo-core-grid h3 { margin-top: 24px !important; color: var(--ui-ink) !important; font-size: clamp(25px, 2.4vw, 34px) !important; line-height: 1.08 !important } .seo-core-grid p { margin: 14px 0 24px !important; color: #c2c9df !important; font-size: 14px !important; line-height: 1.65 !important } .seo-core-grid a { color: var(--ui-gold-soft) !important; border: 0 !important; border-bottom: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; padding: 8px 0 !important } .trust-bar { max-width: calc(var(--ui-max) - 56px) !important; margin-top: 22px !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--ui-line) !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; } .trust-bar div { min-height: 76px !important; border-color: var(--ui-line) !important; padding: 18px 20px !important } .trust-bar span { color: var(--ui-faint) !important } .trust-bar strong { color: #f1f4ff !important } .home-guide-section { gap: 78px !important; padding: 104px 28px 92px !important } .home-guide-intro { top: 104px !important } .home-guide-intro h2, .ranking-board-heading h2, .variation-reference h2, .android-reference h2, .why-heading h2, .home-blog-heading h2, .faq-heading h2, .final-download h2 { color: var(--ui-ink) !important; text-shadow: none !important; font-size: clamp(36px, 4vw, 54px) !important; line-height: 1.02 !important; } .home-guide-links a, .variation-reference>a, .ranking-board-link { color: var(--ui-gold-soft) !important; border: 0 !important; border-bottom: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; padding: 10px 0 !important; } .home-guide-links a:hover, .variation-reference>a:hover, .ranking-board-link:hover { color: var(--ui-ink) !important; background: transparent !important } .table-flow { border-top: 1px solid var(--ui-line-warm) !important } .table-flow li { min-height: 138px !important; border-color: var(--ui-line) !important; grid-template-columns: 46px 1fr !important; gap: 24px !important; padding: 26px 4px !important } .table-flow li>span { width: 36px !important; height: 36px !important; color: #161209 !important; background: var(--ui-gold) !important; border-radius: 1px !important; box-shadow: none !important; } .table-flow h3 { color: var(--ui-ink) !important; font-size: 23px !important } .home-knowledge-section { padding: 102px 28px 110px !important; background: #0d1433 !important; border-color: var(--ui-line) !important } .ranking-board { padding: 0 0 48px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: none !important; } .ranking-board-heading { display: grid !important; grid-template-columns: 1fr .8fr !important; gap: 48px !important; align-items: end !important } .ranking-board-heading p { margin: 0 !important } .ranking-strip { margin-top: 36px !important; border-color: var(--ui-line) !important } .ranking-strip li { min-height: 162px !important; padding: 20px 16px !important; border-color: var(--ui-line) !important; background: transparent !important } .ranking-strip li:nth-child(-n+3) { background: #132351 !important } .ranking-strip strong { color: var(--ui-ink) !important } .ranking-strip span { color: var(--ui-gold) !important } .ranking-strip small { color: #aeb8d5 !important } .home-reference-grid { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr) !important; gap: 0 !important; margin-top: 0 !important; border-bottom: 1px solid var(--ui-line) !important } .variation-reference, .android-reference { padding: 48px 38px !important; background: transparent !important; border: 0 !important; border-right: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; } .android-reference { border-right: 0 !important; background: #182658 !important } .variation-reference dl { border-color: var(--ui-line) !important } .variation-reference dl div { border-color: var(--ui-line) !important; background: transparent !important } .android-reference li { border-color: var(--ui-line) !important } .android-reference .button { width: auto !important } .why-section { padding: 102px 28px 74px !important } .why-heading { display: grid !important; grid-template-columns: 1fr .8fr !important; gap: 52px !important; align-items: end !important; max-width: none !important; margin-bottom: 36px !important } .why-heading .kicker { grid-column: 1/-1 !important; margin-bottom: -28px !important } .why-heading p { margin: 0 !important } .why-grid { grid-template-columns: repeat(3, 1fr) !important; border-color: var(--ui-line-warm) !important } .why-grid article { min-height: 212px !important; padding: 26px 24px !important; background: transparent !important; border-color: var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .why-grid article:nth-child(2n) { background: #0e173b !important } .why-grid article:hover { background: #17275c !important; transform: none !important } .why-icon { width: auto !important; height: auto !important; margin: 0 0 28px !important; color: var(--ui-gold) !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: var(--ui-serif) !important; font-size: 18px !important; } .why-grid h3 { color: var(--ui-ink) !important; font-size: 20px !important } .home-blog-section { padding: 76px 28px 108px !important } .home-blog-heading { border-color: var(--ui-line-warm) !important; padding-bottom: 26px !important } .home-blog-heading>a { color: var(--ui-gold-soft) !important; border: 0 !important; border-bottom: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; padding: 10px 0 !important } .home-blog-heading>a:hover { color: var(--ui-ink) !important; background: transparent !important } .home-blog-grid { gap: 18px !important } .home-blog-card { background: transparent !important; border: 0 !important; border-top: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .home-blog-card:hover { border-color: var(--ui-gold) !important; transform: none !important } .home-blog-image { background: #101a42 !important } .home-blog-image img { filter: saturate(1) !important } .home-blog-copy>div span { color: var(--ui-gold) !important; background: transparent !important; border-radius: 0 !important } .home-blog-copy h3 { color: var(--ui-ink) !important } .faq-section { gap: 86px !important; padding: 106px 28px 80px !important; border-color: var(--ui-line) !important } .faq-heading>a { color: var(--ui-gold-soft) !important } .faq-list, .faq-list details { border-color: var(--ui-line) !important } .faq-list summary { color: var(--ui-ink) !important; font-family: var(--ui-sans) !important; font-size: 18px !important; font-weight: 680 !important } .final-download { max-width: calc(var(--ui-max) - 56px) !important; margin-top: 10px !important; padding: 46px 48px !important; background: #16245a !important; border: 0 !important; border-top: 2px solid var(--ui-gold) !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: none !important; } .page-hero { max-width: var(--ui-max) !important; margin: 0 auto !important; padding: 82px 28px 68px !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; box-shadow: none !important; } .page-hero h1 { max-width: 900px !important; color: var(--ui-ink) !important; font-size: clamp(46px, 5.5vw, 72px) !important; line-height: .98 !important; text-shadow: none !important } .page-hero p { max-width: 760px !important; color: #cbd2e7 !important; font-size: 17px !important; line-height: 1.7 !important } .mini-card { align-self: end !important; background: transparent !important; border: 0 !important; border-left: 2px solid var(--ui-gold) !important; border-radius: 0 !important; box-shadow: none !important; padding: 22px 0 22px 26px !important; } .mini-card span, .mini-card small { color: var(--ui-faint) !important } .mini-card b { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-weight: 500 !important } .content-layout { max-width: var(--ui-max) !important; padding-left: 28px !important; padding-right: 28px !important; gap: 64px !important } .prose>section:not(.rules-hub-section), .editorial-section, .editorial-sources { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; } .prose h2, .editorial-section h2, .editorial-sources h2 { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-weight: 500 !important } .side-card, .section-index { border-radius: 0 !important; box-shadow: none !important; } .side-card { background: #121e49 !important; border: 1px solid var(--ui-line) !important } .rules-hub-section { padding: 76px 0 !important; border-bottom: 1px solid var(--ui-line-warm) !important } .rules-section-heading { max-width: 900px !important; margin-bottom: 36px !important } .rules-section-heading h2 { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-size: clamp(35px, 4vw, 52px) !important; font-weight: 500 !important; line-height: 1.04 !important } .setup-panel, .deal-panel, .rule-memory-band, .house-rule-note, .rules-inline-cta, .warning, .state-cards article, .hand-ranking-grid article, .comparison-guides a { background: transparent !important; border: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; clip-path: none !important; } .deal-panel, .rule-memory-band, .rules-inline-cta { border-left: 2px solid var(--ui-gold) !important; background: #142451 !important } .hand-ranking-grid { gap: 0 !important; border-top: 1px solid var(--ui-line) !important; border-left: 1px solid var(--ui-line) !important } .hand-ranking-grid article { border-top: 0 !important; border-left: 0 !important } .rank-number { color: var(--ui-gold) !important; background: transparent !important; border-radius: 0 !important } .rules-term-strip, .game-facts, .state-cards { border-radius: 0 !important } .rules-table-wrap { border-radius: 0 !important; border-color: var(--ui-line) !important } .blog-site { background: var(--ui-bg) !important } .blog-hero { max-width: none !important; padding: 58px max(28px, calc((100% - var(--ui-max))/2 + 28px)) 54px !important; background: #10183b !important; border-bottom: 1px solid var(--ui-line-warm) !important; } .blog-hero h1 { max-width: 920px !important; color: var(--ui-ink) !important; font-size: clamp(48px, 5.8vw, 76px) !important; line-height: .98 !important } .blog-hero>p { max-width: 740px !important; color: #c6cde3 !important } .blog-search { max-width: 720px !important; background: #080b24 !important; border: 1px solid var(--ui-line) !important; border-radius: 2px !important; box-shadow: none !important; } .blog-search input { color: var(--ui-ink) !important; background: transparent !important } .blog-section { max-width: var(--ui-max) !important; padding-left: 28px !important; padding-right: 28px !important } .blog-heading { border-bottom: 1px solid var(--ui-line-warm) !important } .blog-heading h2 { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-weight: 500 !important } .blog-controls button, .blog-controls select { min-height: 44px !important; color: #b9c0ca !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; } .blog-controls button.active { color: var(--ui-gold-soft) !important; background: transparent !important; border-bottom: 2px solid var(--ui-gold) !important } .article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 26px 20px !important } .blog-card, .blog-list-card { min-width: 0 !important; background: transparent !important; border: 0 !important; border-top: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; } .blog-card:hover, .blog-list-card:hover { border-color: var(--ui-gold) !important; transform: none !important } .blog-card-image { border-radius: 0 !important; background: #13204d !important } .blog-card-image img { filter: saturate(1) contrast(1.02) !important } .blog-card-body { background: transparent !important; padding: 20px 2px 8px !important } .blog-card-tags span { color: #aeb8d5 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important } .blog-card-tags .article-number { color: var(--ui-gold) !important } .blog-card-body h3 { color: var(--ui-ink) !important; font-size: 23px !important; line-height: 1.17 !important } .blog-card-body p { color: #b7c0d9 !important; line-height: 1.6 !important } .blog-card-footer { border-top: 1px solid var(--ui-line) !important; color: #9da8c8 !important } .blog-reg-card { grid-column: span 2 !important; display: grid !important; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr) !important; border-color: var(--ui-gold) !important } .blog-reg-card .blog-card-image { height: 100% !important; min-height: 340px !important; aspect-ratio: auto !important; background: #1c3572 !important } .blog-reg-card .blog-card-image { min-width: 0 !important; width: 100% !important; overflow: hidden !important } .blog-reg-card .blog-card-image span { max-width: 100% !important; min-width: 0 !important; overflow-wrap: anywhere !important } .blog-reg-card .blog-card-body { padding: 28px !important; background: #121a3f !important } .article-page { max-width: var(--ui-max) !important; padding-left: 28px !important; padding-right: 28px !important } .article-page>header { max-width: 1080px !important } .article-labels span { color: var(--ui-gold) !important; background: transparent !important; border: 0 !important; border-left: 2px solid var(--ui-gold) !important; border-radius: 0 !important; padding: 4px 0 4px 10px !important; } .article-page>header h1 { max-width: 1040px !important; color: var(--ui-ink) !important; font-size: clamp(46px, 5.6vw, 74px) !important; line-height: 1 !important } .article-page>header>p { max-width: 820px !important; color: #c7cee3 !important; font-size: 18px !important; line-height: 1.7 !important } .article-meta { padding: 16px 0 !important; border-top: 1px solid var(--ui-line) !important; border-bottom: 1px solid var(--ui-line) !important } .article-meta span { color: #aeb8d5 !important } .article-meta a { color: var(--ui-gold-soft) !important } .article-review-cycle { color: #b7c0d9 !important } .article-page>header>img { border: 0 !important; border-radius: 0 !important; filter: saturate(.88) !important } .article-key-takeaways { background: transparent !important; border: 0 !important; border-left: 2px solid var(--ui-gold) !important; border-radius: 0 !important; box-shadow: none !important; padding: 22px 0 22px 26px !important; } .article-key-takeaways>span { color: var(--ui-gold) !important } .article-layout { gap: 64px !important } .article-body>section { padding: 0 0 50px !important; margin: 0 0 50px !important; border-bottom: 1px solid var(--ui-line) !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important } .article-body h2 { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-size: clamp(30px, 3.2vw, 42px) !important; font-weight: 500 !important; line-height: 1.1 !important } .article-body h3 { color: #eef2ff !important } .article-body p, .article-body li { color: #c4cbe0 !important; font-size: 17px !important; line-height: 1.8 !important } .article-alert, .article-disclaimer, .article-review-note { background: #142451 !important; border: 0 !important; border-left: 2px solid var(--ui-gold) !important; border-radius: 0 !important; box-shadow: none !important; } .article-table { border-radius: 0 !important; border-color: var(--ui-line) !important } .article-table th, .article-table td { border-color: var(--ui-line) !important } .article-table th { background: #17275c !important; color: var(--ui-ink) !important } .article-toc-desktop { background: transparent !important; border: 0 !important; border-left: 1px solid var(--ui-line) !important; border-radius: 0 !important; padding-left: 22px !important } .article-toc-desktop strong { color: var(--ui-gold) !important } .article-toc-desktop a { color: #aeb8d5 !important; border-color: var(--ui-line) !important } .article-toc-mobile { background: #142451 !important; border: 1px solid var(--ui-line) !important; border-radius: 0 !important } .detail-cta { background: #15265b !important; border: 0 !important; border-top: 2px solid var(--ui-gold) !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; } .related-grid { gap: 20px !important } .related-card { background: transparent !important; border: 0 !important; border-top: 1px solid var(--ui-line-warm) !important; border-radius: 0 !important; box-shadow: none !important } .related-card img { border-radius: 0 !important; filter: saturate(.86) !important } .faq-list details { background: transparent !important; border-radius: 0 !important; box-shadow: none !important } .eeat-position, .eeat-team { max-width: var(--ui-max) !important } .eeat-position__panel { background: #142451 !important; border: 0 !important; border-top: 2px solid var(--ui-gold) !important; border-radius: 0 !important; box-shadow: none !important; } .eeat-position h2, .eeat-team h2 { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-weight: 500 !important } .eeat-position ul { gap: 0 !important; border-top: 1px solid var(--ui-line) !important; border-left: 1px solid var(--ui-line) !important } .eeat-position li { background: transparent !important; border: 0 !important; border-right: 1px solid var(--ui-line) !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important } .eeat-team__grid { gap: 0 !important; border-top: 1px solid var(--ui-line) !important; border-left: 1px solid var(--ui-line) !important } .eeat-team-card { background: transparent !important; border: 0 !important; border-right: 1px solid var(--ui-line) !important; border-bottom: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; } .eeat-team-card img { border-radius: 2px !important; filter: saturate(.65) !important } .team-truth-label { border-radius: 0 !important } .editor-profile-page, .regulatory-page { max-width: var(--ui-max) !important } .editor-profile-hero, .editor-profile-facts section, .regulatory-hero, .regulatory-aside { background: transparent !important; border: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important; } .editor-profile-hero { border-top: 2px solid var(--ui-gold) !important } .editor-profile-hero img { border-radius: 2px !important; filter: saturate(.65) !important } .editor-profile-hero h1, .regulatory-hero h1 { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-weight: 500 !important } .editor-disclosure { background: #142451 !important } .regulatory-hero { background: #112553 !important; border-top: 2px solid var(--ui-gold) !important } .regulatory-prose section { border-color: var(--ui-line) !important } .regulatory-prose h2 { color: var(--ui-ink) !important; font-family: var(--ui-serif) !important; font-weight: 500 !important } .regulatory-prose th { background: #17275c !important } .regulatory-aside { background: #142451 !important } .table-swipe-hint { border-radius: 0 !important; background: #142451 !important } .sitewide-trust { background: #10183b !important; border-color: var(--ui-line) !important } .sitewide-trust__age { color: var(--ui-gold) !important; border-color: var(--ui-gold) !important; border-radius: 50% !important } .sitewide-trust__links a { color: var(--ui-gold-soft) !important } footer { background: #060819 !important; border-color: var(--ui-line) !important } .footer-grid, .footer-bottom { border-color: var(--ui-line) !important } .footer-primary a { color: #c4cbe0 !important } .footer-primary a:hover { color: var(--ui-gold-soft) !important } footer .age-chip { color: #eef2ff !important; background: transparent !important; border-color: var(--ui-line-warm) !important; border-radius: 2px !important } .page-date-note { max-width: var(--ui-max) !important; margin: 0 auto !important; padding: 12px 28px !important; color: var(--ui-faint) !important; border-bottom: 1px solid var(--ui-line) !important; font-size: 12px !important; line-height: 1.55 !important; letter-spacing: .035em !important; } .page-date-note time, .home-card-date, .blog-card-footer time, .article-meta time { color: var(--ui-gold-soft) !important; font-weight: 720 !important; } .page-date-note .review-cycle:before { content: " · "; color: var(--ui-faint) !important } .home-card-date { display: inline-block !important; margin-left: 12px !important; font-size: 11px !important; letter-spacing: .03em !important } .page-hero+.content-layout { border-top: 0 !important } .content-layout .prose>.rules-hub-section:first-child { border-top: 0 !important } @media(max-width:1024px) { .nav-shell nav { gap: 10px !important } .seo-core-heading { column-gap: 36px !important } .home-guide-section { gap: 48px !important } .ranking-board-heading, .why-heading { gap: 32px !important } .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important } .blog-reg-card { grid-column: 1/-1 !important } .article-layout { gap: 40px !important } } @media(max-width:768px) { .site-header, .nav-shell { height: 64px !important } .nav-shell { padding: 0 16px !important; flex-wrap: wrap } .brand { width: 165px !important; height: 54px !important } .mobile-menu summary { border: 1px solid var(--ui-line-warm) !important; border-radius: 2px !important; background: transparent !important } .mobile-menu>div { background: #0d1230 !important; border: 1px solid var(--ui-line) !important; border-radius: 0 !important; box-shadow: none !important } .hero-banner { padding: 0 !important } .hero-banner-track { aspect-ratio: 2.5/1 !important; border-radius: 0 !important } .hero-banner-slide img { object-fit: contain !important; background: #07091d !important; filter: saturate(1.04) !important } .seo-core-section { padding: 64px 18px 36px !important } .seo-core-heading { display: block !important; margin-bottom: 30px !important } .seo-core-heading .kicker { margin-bottom: 16px !important } .seo-core-heading h1, .seo-core-heading h2 { font-size: 42px !important; line-height: 1.02 !important } .seo-core-heading p { margin-top: 20px !important } .seo-core-grid article:nth-child(n) { grid-column: span 12 !important; border-left: 1px solid var(--ui-line) !important } .seo-core-grid article { min-height: 0 !important; padding: 26px 22px !important } .trust-bar { max-width: none !important; margin-top: 16px !important } .home-guide-section { grid-template-columns: 1fr !important; padding: 72px 18px 64px !important } .home-guide-intro { position: static !important } .home-guide-intro h2, .ranking-board-heading h2, .variation-reference h2, .android-reference h2, .why-heading h2, .home-blog-heading h2, .faq-heading h2, .final-download h2 { font-size: 36px !important; line-height: 1.06 !important } .home-knowledge-section { padding: 70px 18px 76px !important } .ranking-board-heading, .why-heading { display: block !important } .ranking-board-heading p, .why-heading p { margin-top: 18px !important } .home-reference-grid { grid-template-columns: 1fr !important } .variation-reference, .android-reference { border-right: 0 !important; border-bottom: 1px solid var(--ui-line) !important; padding: 36px 22px !important } .why-section { padding: 72px 18px 48px !important } .why-heading .kicker { margin-bottom: 16px !important } .why-grid { grid-template-columns: 1fr 1fr !important } .why-grid article { min-height: 180px !important; padding: 22px 18px !important } .home-blog-section { padding: 64px 18px 76px !important } .home-blog-grid { grid-template-columns: 1fr !important } .faq-section { grid-template-columns: 1fr !important; gap: 34px !important; padding: 74px 18px 66px !important } .final-download { max-width: none !important; margin-left: 18px !important; margin-right: 18px !important; padding: 36px 24px !important } .page-hero { grid-template-columns: 1fr !important; padding: 64px 18px 50px !important; gap: 32px !important } .page-hero h1 { font-size: 44px !important; line-height: 1.02 !important } .mini-card { max-width: none !important } .content-layout { padding-left: 18px !important; padding-right: 18px !important; gap: 40px !important } .rules-hub-section { padding: 60px 0 !important } .blog-hero { padding: 44px 18px 42px !important } .blog-hero h1 { font-size: 44px !important; line-height: 1.02 !important } .blog-section { padding-left: 18px !important; padding-right: 18px !important } .blog-controls>div { overflow-x: auto !important; scrollbar-width: none !important } .blog-controls>div::-webkit-scrollbar { display: none !important } .article-grid { grid-template-columns: 1fr !important } .blog-reg-card { grid-column: auto !important; display: block !important } .blog-reg-card .blog-card-image { height: auto !important; min-height: 0 !important; aspect-ratio: 16/9 !important } .blog-reg-card .blog-card-image span { width: 100% !important; padding: 20px !important; font-size: 28px !important; line-height: 1.06 !important } .blog-reg-card .blog-card-body { height: auto !important; aspect-ratio: auto !important; padding: 20px 2px 8px !important; background: transparent !important } .article-page { padding-left: 18px !important; padding-right: 18px !important } .article-page>header h1 { font-size: 42px !important; line-height: 1.03 !important } .article-page>header>p { font-size: 16px !important } .article-meta { gap: 9px 16px !important } .article-layout { grid-template-columns: 1fr !important } .article-body p, .article-body li { font-size: 16px !important; line-height: 1.75 !important } .article-body>section { padding-bottom: 38px !important; margin-bottom: 38px !important } .related-grid { grid-template-columns: 1fr !important } .eeat-position, .eeat-team { padding-left: 18px !important; padding-right: 18px !important } .eeat-team__grid { grid-template-columns: 1fr 1fr !important } .editor-profile-page, .regulatory-page { padding-left: 18px !important; padding-right: 18px !important } .page-date-note { padding-left: 18px !important; padding-right: 18px !important } } @media(max-width:480px) { .seo-core-heading h1, .seo-core-heading h2, .page-hero h1, .blog-hero h1, .article-page>header h1 { font-size: 36px !important } .page-hero { padding-top: 44px !important; padding-bottom: 32px !important; gap: 20px !important } .page-hero .mini-card { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 6px 14px !important; align-items: end !important; min-height: 0 !important; padding: 14px 0 12px 18px !important } .page-hero .mini-card span { grid-column: 1 !important } .page-hero .mini-card b { grid-column: 1 !important; font-family: var(--ui-sans) !important; font-size: 18px !important; line-height: 1.25 !important } .page-hero .mini-card small { grid-column: 1/-1 !important } .article-meta span, .article-meta a { color: #bdc6de !important; font-size: 12px !important; line-height: 1.45 !important } .page-date-note .review-cycle { display: block !important; margin-top: 2px !important } .page-date-note .review-cycle:before { content: "" !important } .breadcrumb { white-space: normal !important; flex-wrap: wrap !important; line-height: 1.45 !important } .home-guide-intro h2, .ranking-board-heading h2, .variation-reference h2, .android-reference h2, .why-heading h2, .home-blog-heading h2, .faq-heading h2, .final-download h2 { font-size: 32px !important } .trust-bar { grid-template-columns: 1fr !important } .ranking-strip { grid-template-columns: 1fr 1fr !important } .ranking-strip li { min-height: 132px !important } .why-grid { grid-template-columns: 1fr 1fr !important } .why-grid article { min-height: 0 !important; padding: 20px 14px !important } .why-grid h3 { font-size: 17px !important } .why-grid p { font-size: 12px !important; line-height: 1.55 !important } .eeat-team__grid { grid-template-columns: 1fr !important } .editor-profile-hero { grid-template-columns: 72px 1fr !important; padding: 18px !important } .editor-profile-hero img { width: 72px !important; height: 72px !important } .sitewide-trust__links { padding-left: 60px !important } } @media(prefers-reduced-motion:reduce) { *, *:before, *:after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important } }