/* ================================================================== REALMS: the combined theme. Photoreal dark-fantasy paintings + the live homepage's mint / violet / cyan accents + the navy and gold base. Accents only; the base stays navy. Load after heliopulp-chrome.css (and the page's own sheet). ================================================================== */ :root{ --r-gold:#f2b344; --r-ember:#ff8a3d; --r-mint:#5EE8AD; --r-violet:#9b7bff; --r-cyan:#3fd8ea; --r-crimson:#e0524a; --r-cobalt:#4f7dff; --r-navy:#070F1D; } /* headline accent: the gold italic warms toward ember, like lantern light */ html[data-theme] header.hero h1 .hl, .hero h1 em, .hero h1 .hl{ background:linear-gradient(95deg,var(--r-gold) 10%,var(--r-ember) 90%);-webkit-background-clip:text;background-clip:text;color:transparent!important; -webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(0 2px 14px rgba(255,138,61,.35))} /* small caps labels pick up the live homepage mint */ .eyebrow, .kicker, .hp-foot h4{color:var(--r-mint)!important;text-shadow:0 0 12px rgba(94,232,173,.35)} /* stat numbers: gold, violet, cyan, crimson (the live homepage's stat colours) */ .kpis .kpi:nth-child(1) .v, .stats .stat:nth-child(1) b{color:var(--r-gold)!important} .kpis .kpi:nth-child(2) .v, .stats .stat:nth-child(2) b{color:var(--r-violet)!important} .kpis .kpi:nth-child(3) .v, .stats .stat:nth-child(3) b{color:var(--r-cyan)!important} .kpis .kpi:nth-child(4) .v{color:var(--r-crimson)!important} /* cards glow in their section's colour on hover */ .card:hover, .drop:hover, .sv-grid tr.sv-row:hover > td{box-shadow:inset 0 0 0 1px rgba(155,123,255,.35),0 0 26px rgba(79,125,255,.12)} .sv-grid tr.sv-row:hover > td{box-shadow:none;background-color:rgba(79,125,255,.06)!important} /* a faint crimson and cobalt glow at the page edges, under everything */ body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background:radial-gradient(60% 50% at 0% 100%,rgba(224,82,74,.10),transparent 70%),radial-gradient(55% 45% at 100% 0%,rgba(79,125,255,.10),transparent 70%)} /* primary buttons: gold with an ember edge */ .btn.play, .btn.claim, a.cta, .hero .cta, .go{background:linear-gradient(180deg,#ffd27a,var(--r-gold) 55%,#e89a2c)!important;box-shadow:0 0 18px rgba(255,138,61,.28)} /* the Daily Free SC ASCII look everywhere (owner 2026-09-27): even, unmasked type over the whole painting, settling at 40%. The casino list hero (.hero-plate) keeps its galaxy spiral mask. */ .mode-soft .plate:not(.hero-plate) .asciiwrap, .mode-soft .page-plate .asciiwrap, .mode-soft .hp-banner-plate .asciiwrap{-webkit-mask-image:none!important;mask-image:none!important;opacity:var(--ao,1)!important} /* ENGRAVED ASCII (design system, owner 2026-09-27): the type is carved into the painting, not laid over it. Turn it on per page with or per painting with data-ascii="engrave". --ascii-strength is the one dial (0 = invisible, 1 = strongest). The wrap stays at opacity 1 so the hard-light blend reaches the paint underneath (an opacity below 1 on the wrap would isolate it). */ :root{--ascii-strength:.6} .asciiwrap.engrave{opacity:1!important;-webkit-mask-image:none!important;mask-image:none!important} .asciiwrap.engrave .ascii{mix-blend-mode:hard-light;opacity:calc(var(--ascii-strength) + (1 - var(--ascii-strength)) * var(--ae,0))} .asciiwrap.engrave .glow{display:none} .mode-paint .asciiwrap.engrave{opacity:0!important}