/* Red & gold presentation layer. Served through the existing public assets route. */
:root { --ink:#350908; --ink-2:#520c0a; --felt:#8f100c; --felt-light:#b32216; --paper:#180706; --white:#270b09; --gold:#f2c261; --gold-dark:#dda83c; --muted:#c9b6ae; --serif:var(--sans); }
body { background:#210806; }
.site-header,.site-header.scrolled,.site-header.menu-open { background:rgba(96,5,3,.97); box-shadow:0 1px 0 #ffffff15; }
.brand strong { font-family:var(--sans); font-weight:800; }
.language-button { border:1px solid #ffffff30; border-radius:10px; }
.button-gold,.button-cream,.button-small.button-gold { border:1px solid #f8dd8c; border-radius:12px; color:#291604; background:linear-gradient(115deg,#ffe7a0,#efbc51); box-shadow:0 7px 20px #24000024; font-style:normal; text-shadow:none; animation:none; }
.button-gold::before,.button-cream::before { display:none; }
.button-gold:hover,.button-cream:hover { background:linear-gradient(115deg,#ffedbc,#f6ca6e); box-shadow:0 10px 24px #24000035; }
.button:focus-visible,button:focus-visible,a:focus-visible { outline:3px solid #d89325; outline-offset:4px; }
.trusted-hero { padding:124px 0 44px; min-height:0; background:radial-gradient(ellipse at 70% 35%,#b7180b 0,transparent 55%),linear-gradient(120deg,#550402,#8e0804 60%,#4e0403); }
.trusted-hero::before,.trusted-hero::after { display:none; }
.hero-safety-bar { display:none; }
.trusted-hero-grid { min-height:0; padding:28px 0; }
.trusted-hero-copy { width:53%; margin:0; text-align:left; }
.trusted-hero-copy .eyebrow { display:inline-flex; padding:9px 14px; border:1px solid #f6d47880; border-radius:9px; color:#ffe3a0; background:#ffffff08; font-size:11px; letter-spacing:.07em; }
.trusted-hero-copy h1 { font-size:clamp(40px,4.5vw,66px); line-height:1.1; letter-spacing:-.04em; text-transform:none; margin:22px 0 18px; text-wrap:balance; }
.trusted-hero-copy h1 > span,.trusted-hero-copy h1 em { -webkit-text-stroke:0; text-shadow:none; background:none; font-weight:800; }
.trusted-hero-copy h1 > span { color:#fffaf3; -webkit-text-fill-color:#fffaf3; }
.trusted-hero-copy h1 em { color:#ffdc83; -webkit-text-fill-color:#ffdc83; }
.trusted-hero-copy > p { display:block; font-size:17px; color:#f6e4dd; line-height:1.65; }
.trusted-proof-grid { display:none; }
.trusted-hero-visual { inset:150px 3% auto auto; width:43%; height:330px; border-radius:50% 50% 24px 24px; border-top:5px solid #eab34d; background:radial-gradient(ellipse at top,#c42716,#620604 80%); box-shadow:0 -4px 0 #ffe5a555,0 24px 60px #31000033; }
.cms-hero-image { opacity:.12; mix-blend-mode:luminosity; }
.hero-card-stage { gap:14px; padding:30px; background:none; opacity:1; }
.hero-card-stage img { width:min(9vw,125px); height:auto; border-radius:9px; box-shadow:0 10px 22px #29000055; }
.hero-card-stage img:nth-child(n) { transform:none; }
.hero-card-stage img:nth-child(n+4) { display:none; }
.hero-card-stage::after { content:'PURE SEQUENCE'; position:absolute; bottom:22px; left:0; right:0; text-align:center; color:#ffe3ae; font-size:12px; letter-spacing:.2em; }
.hero-store-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.hero-play-button { width:100%; min-height:58px; font-size:19px; }
.trusted-apk-button { flex:1; min-width:180px; min-height:56px; border:1px solid #f4d9bd99; color:#fff6e8; background:transparent; box-shadow:none; }
.trusted-apk-button:hover { color:#291604; }
.trusted-apk-button .apk-button-label strong { font-size:17px; }
.hero-store-actions .trusted-apk-button { order:1; border:1px solid #f4d9bd99; border-radius:12px; background:transparent; box-shadow:none; }
.hero-store-actions .apk-button-label strong { font-style:normal; text-shadow:none; color:#fff6e8; }
.hero-store-actions .apk-button-label small { color:#e6c3b5; }
.hero-store-actions .apk-button-label { transform:none; }
.hero-store-actions .apk-button-label strong { font-family:var(--sans); font-weight:750; letter-spacing:0; }
.hero-store-actions .apk-button::after { display:none; }
.hero-store-actions .google-play-button { order:2; }
.hero-store-actions .hero-play-button { order:0; }
.trusted-apk-button .apk-button-label small { font-size:9px; }
.google-play-button { flex:1; min-width:150px; }
.trusted-download-meta { display:flex; flex-wrap:wrap; justify-content:flex-start; font-size:10px; }
.hero-practice-link { display:block; margin-top:15px; font-size:12px; line-height:1.6; }
.trusted-strip { display:none; }
.download-guide { background:#fff8eb; color:#3c1a14; border-bottom:1px solid #eadfd4; }
.guide-row > div { color:#6a5148; }
.guide-row b { color:#a11910; border-color:#d5a580; }
.section { padding:76px 0; }
.section-heading h2,.learn-center-head h2,.faq-heading h2,.community-heading h2,.quick-play-intro h2 { font-family:var(--sans); font-size:clamp(28px,3.2vw,43px); font-weight:750; line-height:1.16; letter-spacing:-.035em; }
.page-hero { background:radial-gradient(ellipse at top right,#ae1a10,transparent 65%),#650704; }
.page-hero h1 { font-weight:750; line-height:1.08; font-size:clamp(38px,5.8vw,72px); }
.page-hero p { color:#efdbcf; }
/* Light reading surfaces, with dark game tables kept intact. */
.rules-section,.home-videos,.home-news,.faq-section,.news-section,.videos-section,.legal-content,.contact-grid { --muted:#70615c; --line:#e5dcd4; color:#2b1b18; }
.rules-section,.home-videos,.home-news,.faq-section,.news-section,.videos-section { background:#faf7f2; }
.rules-section .kicker,.home-videos .kicker,.home-news .kicker,.faq-section .kicker { color:#9e1c13; }
.rules-section .section-link,.home-videos .section-link,.home-news .section-link,.faq-section a { color:#98170e; }
.rule-card,.home-news .news-card,.home-videos .video-card { background:#fff; border:1px solid #e7dfd5; box-shadow:0 4px 18px #44200c05; border-radius:18px; }
.rule-card h3,.news-copy h3,.video-copy h3 { color:inherit; }
.rule-card p,.news-copy p { color:#70615c; }
.rule-card > span,.rule-card .rule-suit { color:#a41c13; }
.faq-item { border:1px solid #e5dcd4; border-radius:12px; background:#fff; margin-bottom:12px; padding-inline:20px; }
.faq-item button { color:#2b1b18; font-weight:700; }
.faq-answer p { color:#6b5d56; }
.faq-heading p { color:#6b5d56; }
.final-cta { background:linear-gradient(110deg,#640603,#ad180c); }
.final-cta h2 { font-family:var(--sans); font-weight:750; font-size:clamp(29px,4vw,46px); }
.site-footer { background:#570604; }
.mobile-dock { background:#fffcf8; border-top:1px solid #e7ddd2; box-shadow:0 -4px 22px #34110a09; }
.mobile-dock a { color:#70615c; }
.mobile-dock a.active,.mobile-dock a:hover { color:#a61209; }
.mobile-dock span { color:#7c6259; border-color:#dfd2c8; }
.mobile-dock a.active { color:#a61209; background:#f8e9e3; }
.mobile-dock a.active span { color:#a61209; background:#f5d5c6; border-color:#e9b8a3; box-shadow:none; }
.mobile-dock a.active::after { background:#ac1b12; box-shadow:none; }
.faq-section .faq-search { background:#fff; border-color:#d7c9bc; }
.faq-section .faq-search input { color:#34221b; }
.faq-section .faq-search input::placeholder { color:#827169; }
.faq-section .faq-category-button { color:#695148; background:#fff; border-color:#ddcfc1; }
.faq-section .faq-category-button[aria-pressed="true"] { color:#fff8ec; background:#8e180e; border-color:#8e180e; }
.faq-section .faq-category-count { color:#794e38; background:#f4e4d5; }
.faq-section .faq-category-button[aria-pressed="true"] .faq-category-count { color:#fff5dc; background:#ffffff20; }
.faq-section .faq-results-count,.faq-section .faq-toolbar-title { color:#735c50; }
.home-news .news-copy { padding:20px; }
.home-videos .video-copy p { color:#70615c; }
.home-rules { --muted:#70615c; --line:#e5dcd4; color:#2b1b18; background:#faf7f2; }
.home-rules .section-heading > p { color:#70615c; }
.home-rules .kicker,.home-rules .section-link { color:#9e1c13; }
.home-rules .rule-card { color:#2b1b18; }
.home-rules .rule-card p { color:#70615c; }
.features { --muted:#70615c; --line:#e5dcd4; color:#2b1b18; background:#f3eee6; }
.features .kicker,.features .card-tag,.features .line-icon { color:#9c1d13; }
.feature-grid { gap:16px; }
.feature-card,.feature-card:first-child { border:1px solid #e4d8cb; border-radius:18px; background:#fffcf7; padding:28px; min-height:260px; }
.feature-card:hover { background:#fff; box-shadow:0 12px 25px #541c0b12; transform:translateY(-3px); }
.quick-play-section { background:#faf7f2; }
.quick-play-intro h2 { color:#2b1b18; }
.quick-play-intro .kicker { color:#9c1d13; }
.quick-play-intro p { color:#70615c; }
.article-detail { background:#f6f1e9; }
.article-detail-shell { border-color:#e6dcd0; }
.article-detail-body a { color:#9d2215; }
.legal-content { width:min(820px,calc(100% - 40px)); background:#faf7f2; padding:32px; border-radius:18px; }
.contact-card { background:#faf7f2; box-shadow:none; }
.contact-card a,.contact-card span { color:#a11c12; }
.community-section { background:#310b08; }
.community-board { background:#400e0a; }
.community-heading p { color:#d9bfb4; }
@media(min-width:721px) { .trusted-hero-copy .eyebrow { justify-content:flex-start; } }
@media(max-width:720px) {
  .container { width:calc(100% - 36px); }
  .nav-shell { height:70px; }
  .trusted-hero { padding:98px 0 30px; display:flex; flex-direction:column; }
  .trusted-hero-grid { order:0; padding:0; }
  .trusted-hero-copy { width:100%; text-align:center; }
  .trusted-hero-copy .eyebrow { font-size:9px; padding:8px 10px; max-width:100%; }
  .trusted-hero-copy h1 { font-size:clamp(31px,8.2vw,44px); line-height:1.12; margin:18px 0 12px; }
  .trusted-hero-copy > p { font-size:14px; max-width:36ch; margin-inline:auto; }
  .trusted-hero-visual { display:none; }
  .hero-mobile-cards { position:relative; display:flex; justify-content:center; gap:14px; padding:30px 12px 42px; margin:25px -18px 0; border-top:4px solid #e8b34c; border-radius:50% 50% 0 0 / 14% 14% 0 0; background:radial-gradient(ellipse at top,#bd2617,#730804); }
  .hero-mobile-cards img { width:23%; max-width:108px; height:auto; box-shadow:0 8px 15px #2d000050; border-radius:7px; }
  .hero-mobile-cards { isolation:isolate; overflow:hidden; }
  .hero-mobile-cards .cms-mobile-hero-image { position:absolute; z-index:-1; inset:0; width:100%; max-width:none; height:100%; object-fit:cover; opacity:.10; mix-blend-mode:luminosity; box-shadow:none; }
  .hero-mobile-cards span { position:absolute; bottom:14px; color:#ffe4c1; font-size:10px; letter-spacing:.18em; }
  .hero-store-actions { margin-top:12px; gap:10px; }
  .hero-play-button { min-height:56px; }
  .trusted-apk-button { min-height:52px; }
  .google-play-button { min-height:52px; }
  .trusted-download-meta { justify-content:center; gap:8px; font-size:9px; }
  .hero-practice-link { font-size:11px; }
  .section { padding:48px 0; }
  .section-heading { gap:16px; margin-bottom:25px; }
  .section-heading h2,.faq-heading h2,.community-heading h2,.quick-play-intro h2 { font-size:29px; }
  .guide-row { padding-block:22px; gap:15px; }
  .rule-flow { gap:10px; }
  .rule-card { padding:18px 14px; }
  .faq-item { padding-inline:14px; }
  .legal-content { padding:24px; }
  .page-hero { padding:116px 0 48px; }
}
@media(min-width:721px) { .hero-mobile-cards { display:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } .reveal { opacity:1; transform:none; } }