/* /crypto-casino-script — AISHTMLNEWDESIGN-331
Page-owned styles. EVERY selector is scoped to #page-crypto-casino-script or a
ccs- prefixed class: this sheet must never style body, a bare
element, #ais-header or #ais-footer. The document reset
(html,body{margin:0}) is owned by the shared layout sheet.
Font is Inter; no body/UI text below 16px.
VISUAL DIRECTION — "ASSAY OFFICE".
An assay office proves and hallmarks metal; this page proves and hallmarks a
gambling platform. So the page is a register, not a neon arcade: oyster paper,
ink-black type, hairline rules, stamped two-digit index numerals, one hallmark
green and one struck-copper accent. Depth comes from rules, insets and paper
tone — never from glow, gradient mesh or glassmorphism. Corners are 2px:
stamped, not rounded. */
#page-crypto-casino-script{
--ccs-paper:#f3f0e9;
--ccs-paper-2:#fbfaf6;
--ccs-card:#ffffff;
--ccs-ink:#12161a;
--ccs-ink-2:#2c333a;
--ccs-body:#39424b;
--ccs-rule:#d9d3c5;
--ccs-rule-2:#eae5da;
--ccs-hall:#0d5648;
--ccs-hall-2:#0a4239;
--ccs-copper:#a34c17;
--ccs-bone:#efece3;
--ccs-bone-2:#c8c8bd;
--ccs-dark:#14191c;
font-family:"Inter",system-ui,sans-serif;
font-size:17px;
line-height:1.65;
color:var(--ccs-body);
background:var(--ccs-paper);
-webkit-font-smoothing:antialiased;
}
#page-crypto-casino-script *,
#page-crypto-casino-script *::before,
#page-crypto-casino-script *::after{box-sizing:border-box;}
#page-crypto-casino-script h1,
#page-crypto-casino-script h2,
#page-crypto-casino-script h3,
#page-crypto-casino-script h4,
#page-crypto-casino-script p,
#page-crypto-casino-script ul,
#page-crypto-casino-script ol,
#page-crypto-casino-script dl,
#page-crypto-casino-script dd,
#page-crypto-casino-script figure,
#page-crypto-casino-script table{margin:0;padding:0;}
#page-crypto-casino-script ul,
#page-crypto-casino-script ol{list-style:none;}
#page-crypto-casino-script img{display:block;max-width:100%;height:auto;}
#page-crypto-casino-script .ccs-wrap{
width:100%;max-width:1180px;margin-inline:auto;
padding-inline:clamp(20px,4vw,40px);
}
/* ── shared type ─────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-h2{
font-size:clamp(30px,3.5vw,46px);
line-height:1.12;font-weight:800;letter-spacing:-0.022em;
color:var(--ccs-ink);text-wrap:balance;
}
#page-crypto-casino-script .ccs-h2--pale{color:var(--ccs-bone);}
#page-crypto-casino-script .ccs-h3{
font-size:clamp(22px,2.2vw,30px);line-height:1.2;font-weight:750;
letter-spacing:-0.015em;color:var(--ccs-ink);
}
#page-crypto-casino-script .ccs-h4{
font-size:clamp(19px,1.5vw,23px);line-height:1.28;font-weight:700;
letter-spacing:-0.012em;color:var(--ccs-ink);
}
#page-crypto-casino-script .ccs-h5{
font-size:18px;line-height:1.35;font-weight:700;
letter-spacing:-0.008em;color:var(--ccs-ink);
}
#page-crypto-casino-script .ccs-p{font-size:17px;line-height:1.72;color:var(--ccs-body);}
#page-crypto-casino-script .ccs-p--sm{font-size:16px;line-height:1.68;}
#page-crypto-casino-script .ccs-p--wide{max-width:74ch;}
#page-crypto-casino-script .ccs-tag{
font-size:16px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;
color:var(--ccs-bone-2);
}
/* section rhythm: alternating paper tones + hairline separators */
#page-crypto-casino-script > section{padding-block:clamp(56px,6.5vw,96px);}
#page-crypto-casino-script .ccs-intro,
#page-crypto-casino-script .ccs-suite,
#page-crypto-casino-script .ccs-feats,
#page-crypto-casino-script .ccs-offs,
#page-crypto-casino-script .ccs-cases,
#page-crypto-casino-script .ccs-exps,
#page-crypto-casino-script .ccs-mores,
#page-crypto-casino-script .ccs-demo,
#page-crypto-casino-script .ccs-faqs{background:var(--ccs-paper-2);}
#page-crypto-casino-script .ccs-why,
#page-crypto-casino-script .ccs-port,
#page-crypto-casino-script .ccs-vars,
#page-crypto-casino-script .ccs-hps,
#page-crypto-casino-script .ccs-byus,
#page-crypto-casino-script .ccs-other,
#page-crypto-casino-script .ccs-stack,
#page-crypto-casino-script .ccs-engs,
#page-crypto-casino-script .ccs-hire,
#page-crypto-casino-script .ccs-brands,
#page-crypto-casino-script .ccs-posts,
#page-crypto-casino-script .ccs-areas{
background:var(--ccs-paper);border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-intro,
#page-crypto-casino-script .ccs-suite,
#page-crypto-casino-script .ccs-feats,
#page-crypto-casino-script .ccs-offs,
#page-crypto-casino-script .ccs-cases,
#page-crypto-casino-script .ccs-exps,
#page-crypto-casino-script .ccs-mores,
#page-crypto-casino-script .ccs-demo,
#page-crypto-casino-script .ccs-faqs{border-top:1px solid var(--ccs-rule-2);}
/* ── CTA buttons ─────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-btn{
display:inline-flex;align-items:center;gap:12px;
min-height:52px;padding:14px 30px;border-radius:2px;
font-family:inherit;font-size:17px;font-weight:700;letter-spacing:-0.005em;
cursor:pointer;text-align:left;
border:1px solid transparent;
transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
#page-crypto-casino-script .ccs-btn::after{
content:"";width:22px;height:1px;background:currentColor;flex:0 0 22px;
transition:width .16s ease;
}
#page-crypto-casino-script .ccs-btn--solid{
background:var(--ccs-hall);color:#f6f4ee;border-color:var(--ccs-hall);
}
#page-crypto-casino-script .ccs-btn--solid:hover{background:var(--ccs-hall-2);border-color:var(--ccs-hall-2);}
#page-crypto-casino-script .ccs-btn--solid:active{transform:translateY(1px);}
#page-crypto-casino-script .ccs-btn--light{
background:var(--ccs-bone);color:var(--ccs-ink);border-color:var(--ccs-bone);
}
#page-crypto-casino-script .ccs-btn--light:hover{background:#ffffff;border-color:#ffffff;}
#page-crypto-casino-script .ccs-btn--light:active{transform:translateY(1px);}
#page-crypto-casino-script .ccs-btn:hover::after{width:34px;}
#page-crypto-casino-script .ccs-btn:focus-visible,
#page-crypto-casino-script .ccs-vid:focus-visible,
#page-crypto-casino-script .ccs-modal__x:focus-visible,
#page-crypto-casino-script .ccs-link:focus-visible,
#page-crypto-casino-script .ccs-tile:focus-visible,
#page-crypto-casino-script .ccs-sol:focus-visible,
#page-crypto-casino-script .ccs-post:focus-visible,
#page-crypto-casino-script summary:focus-visible{
outline:2px solid var(--ccs-copper);outline-offset:3px;
}
#page-crypto-casino-script .ccs-act{margin-top:clamp(32px,4vw,48px);text-align:center;}
#page-crypto-casino-script .ccs-act--left{text-align:left;}
#page-crypto-casino-script .ccs-link{
font-weight:700;color:var(--ccs-copper);
border-bottom:1px solid currentColor;padding-bottom:1px;
}
#page-crypto-casino-script .ccs-link:hover{color:var(--ccs-ink);}
#page-crypto-casino-script .ccs-link--pale{color:#e2b48b;}
#page-crypto-casino-script .ccs-link--pale:hover{color:#ffffff;}
/* ── 1. HERO — full-bleed, image-free, static gradient ───────────────────── */
#page-crypto-casino-script .ccs-hero{
width:100%;
background:linear-gradient(168deg,#0f1417 0%,#141b1c 42%,#0d1f1b 100%);
padding:clamp(72px,9vw,128px) clamp(20px,4vw,40px) clamp(64px,7vw,104px);
border-bottom:1px solid #26302f;
}
#page-crypto-casino-script .ccs-hero__inner{max-width:900px;margin-inline:auto;text-align:center;}
#page-crypto-casino-script .ccs-hero__mark{
display:flex;justify-content:center;gap:8px;margin-bottom:clamp(28px,3vw,40px);
}
#page-crypto-casino-script .ccs-hero__mark span{
display:block;width:46px;height:3px;background:var(--ccs-copper);
}
#page-crypto-casino-script .ccs-hero__mark span:nth-child(2){background:var(--ccs-hall);width:26px;}
#page-crypto-casino-script .ccs-hero__mark span:nth-child(3){background:#4a5551;width:14px;}
#page-crypto-casino-script .ccs-hero__h1{
margin:0;font-size:clamp(36px,5.4vw,62px);line-height:1.06;font-weight:850;
letter-spacing:-0.032em;color:#f6f3ec;text-wrap:balance;
}
#page-crypto-casino-script .ccs-hero__lede{
margin:clamp(22px,2.6vw,30px) auto 0;max-width:74ch;
font-size:clamp(17px,1.35vw,18px);line-height:1.78;color:#cfd4cf;
}
#page-crypto-casino-script .ccs-hero__act{margin-top:clamp(30px,3.4vw,42px);}
/* ── 2. BREADCRUMB ───────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-crumb{
padding-block:0;background:var(--ccs-dark);
}
#page-crypto-casino-script .ccs-crumb__row{
display:flex;align-items:center;gap:10px;flex-wrap:wrap;
padding-block:16px;font-size:16px;font-weight:600;color:#9aa39d;
}
#page-crypto-casino-script .ccs-crumb__home{display:inline-flex;align-items:center;gap:9px;color:#9aa39d;}
#page-crypto-casino-script .ccs-crumb__home:hover{color:#e2b48b;}
#page-crypto-casino-script .ccs-crumb__icon{width:15px;height:15px;filter:brightness(0) invert(.68);}
#page-crypto-casino-script .ccs-crumb__here{color:var(--ccs-bone);}
/* ── 3. INTRO ────────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-intro__grid{
display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:clamp(32px,5vw,72px);align-items:center;
}
#page-crypto-casino-script .ccs-intro__copy .ccs-p{margin-top:22px;}
#page-crypto-casino-script .ccs-intro__plate{
border:1px solid var(--ccs-rule);background:var(--ccs-card);
padding:14px;border-radius:2px;
box-shadow:14px 14px 0 -1px var(--ccs-rule-2);
}
#page-crypto-casino-script .ccs-intro__img{width:100%;border-radius:2px;}
/* ── 4. STATS ────────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-stats{background:var(--ccs-dark);}
#page-crypto-casino-script .ccs-stats .ccs-tag{margin-top:14px;}
#page-crypto-casino-script .ccs-stats__grid{
margin-top:clamp(34px,4vw,52px);
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
border-top:1px solid #2b332f;border-left:1px solid #2b332f;
}
#page-crypto-casino-script .ccs-stat{
padding:26px 22px 24px;border-right:1px solid #2b332f;border-bottom:1px solid #2b332f;
}
#page-crypto-casino-script .ccs-stat__n{
font-size:clamp(30px,3.4vw,42px);line-height:1.05;font-weight:850;
letter-spacing:-0.03em;color:#e9c9a6;font-variant-numeric:tabular-nums;
}
#page-crypto-casino-script .ccs-stat__l{margin-top:8px;font-size:16px;line-height:1.5;color:#a9b1ab;}
/* ── 5. WHY — ledger list ────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-led__list{
margin-top:clamp(30px,3.6vw,46px);
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:clamp(28px,4vw,56px);
border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-led{
display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;
padding:22px 0;border-bottom:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-led__n{
font-size:16px;font-weight:800;letter-spacing:.05em;color:var(--ccs-copper);
font-variant-numeric:tabular-nums;padding-top:3px;
}
#page-crypto-casino-script .ccs-led__body .ccs-p{margin-top:7px;}
/* ── 6. BAND ─────────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-band{
background:linear-gradient(100deg,var(--ccs-hall-2) 0%,#0d5648 55%,#12604f 100%);
}
#page-crypto-casino-script .ccs-band__inner{text-align:center;max-width:820px;}
#page-crypto-casino-script .ccs-band__sub{
margin-top:16px;font-size:19px;font-weight:600;letter-spacing:.01em;color:#bfd9d0;
}
#page-crypto-casino-script .ccs-band .ccs-btn{margin-top:30px;}
/* ── 7. SUITE ────────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-suite .ccs-p--wide{margin-top:20px;}
#page-crypto-casino-script .ccs-h3{margin-top:clamp(38px,4vw,54px);}
#page-crypto-casino-script .ccs-chips{
margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;
}
#page-crypto-casino-script .ccs-chip{
border:1px solid var(--ccs-rule);border-radius:2px;background:var(--ccs-paper);
padding:9px 16px;font-size:16px;font-weight:650;color:var(--ccs-ink-2);
}
#page-crypto-casino-script .ccs-suite .ccs-chips + .ccs-p--wide{margin-top:20px;}
#page-crypto-casino-script .ccs-tiles{
margin-top:clamp(26px,3vw,36px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);
}
#page-crypto-casino-script .ccs-tile{
display:block;border:1px solid var(--ccs-rule);background:var(--ccs-card);
border-radius:2px;overflow:hidden;
transition:border-color .16s ease,transform .16s ease;
}
#page-crypto-casino-script .ccs-tile:hover{border-color:var(--ccs-hall);transform:translateY(-2px);}
#page-crypto-casino-script .ccs-tile__shot{display:block;background:var(--ccs-bone);}
#page-crypto-casino-script .ccs-tile__img{width:100%;aspect-ratio:16/10;object-fit:cover;}
#page-crypto-casino-script .ccs-tile__t{padding:16px 18px;border-top:1px solid var(--ccs-rule-2);}
#page-crypto-casino-script .ccs-provs{
margin-top:clamp(26px,3vw,36px);
display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
border-top:1px solid var(--ccs-rule);border-left:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-prov{
border-right:1px solid var(--ccs-rule);border-bottom:1px solid var(--ccs-rule);
padding:18px 12px 14px;text-align:center;background:var(--ccs-card);
}
#page-crypto-casino-script .ccs-prov__img{
height:38px;width:auto;max-width:100%;margin:0 auto 10px;object-fit:contain;
}
#page-crypto-casino-script .ccs-prov__t{font-size:16px;font-weight:650;color:var(--ccs-ink-2);}
/* ── 8. PORTFOLIO ────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-halls{
margin-top:clamp(24px,3vw,34px);display:flex;flex-wrap:wrap;gap:10px;
}
#page-crypto-casino-script .ccs-hall{
border:1px solid var(--ccs-hall);border-radius:2px;padding:8px 16px;background:transparent;
}
#page-crypto-casino-script .ccs-hall__t{
font-size:16px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
color:var(--ccs-hall);
}
#page-crypto-casino-script .ccs-logos{
margin-top:clamp(26px,3vw,36px);
display:grid;grid-template-columns:repeat(8,minmax(0,1fr));
border-top:1px solid var(--ccs-rule);border-left:1px solid var(--ccs-rule);
background:var(--ccs-card);
}
#page-crypto-casino-script .ccs-logo{
border-right:1px solid var(--ccs-rule);border-bottom:1px solid var(--ccs-rule);
padding:16px 12px;display:flex;align-items:center;justify-content:center;min-height:92px;
}
#page-crypto-casino-script .ccs-logo__img{max-height:48px;width:auto;object-fit:contain;}
/* ── 9. SCREENSHOTS ──────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-shots{background:var(--ccs-dark);}
#page-crypto-casino-script .ccs-shots__grid{
margin-top:clamp(30px,3.6vw,44px);
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,26px);
padding-bottom:22px;
}
#page-crypto-casino-script .ccs-shot{
border:1px solid #2b332f;padding:10px;border-radius:2px;background:#191f21;
}
#page-crypto-casino-script .ccs-shot__img{width:100%;border-radius:2px;}
#page-crypto-casino-script .ccs-shot:nth-child(odd){transform:translateY(0);}
#page-crypto-casino-script .ccs-shot:nth-child(even){transform:translateY(22px);}
/* ── 10. FEATURES ────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-feats__grid{
margin-top:clamp(30px,3.6vw,46px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
border-top:1px solid var(--ccs-rule);border-left:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-feat{
padding:24px 22px 26px;background:var(--ccs-card);
border-right:1px solid var(--ccs-rule);border-bottom:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-feat__n{
display:block;font-size:16px;font-weight:800;letter-spacing:.05em;
color:var(--ccs-copper);font-variant-numeric:tabular-nums;margin-bottom:12px;
}
#page-crypto-casino-script .ccs-feat .ccs-p{margin-top:9px;}
/* ── 11. VARIANTS ────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-vars__grid{
margin-top:clamp(28px,3.4vw,42px);
display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);
}
#page-crypto-casino-script .ccs-var{
border:1px solid var(--ccs-rule);border-radius:2px;background:var(--ccs-card);
overflow:hidden;transition:border-color .16s ease;
}
#page-crypto-casino-script .ccs-var:hover{border-color:var(--ccs-copper);}
#page-crypto-casino-script .ccs-var__img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--ccs-bone);}
#page-crypto-casino-script .ccs-var__t{
display:block;padding:10px 10px 12px;font-size:16px;font-weight:650;
color:var(--ccs-ink-2);text-align:center;border-top:1px solid var(--ccs-rule-2);
}
/* ── 12. HIGH-PERFORMANCE ────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-hps__grid{
margin-top:clamp(30px,3.6vw,46px);
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:clamp(28px,4vw,60px);
}
#page-crypto-casino-script .ccs-hp{
display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;
padding:26px 0;border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-hp__n{
font-size:16px;font-weight:800;letter-spacing:.05em;color:var(--ccs-hall);
font-variant-numeric:tabular-nums;padding-top:4px;
}
#page-crypto-casino-script .ccs-hp__body .ccs-p{margin-top:10px;}
#page-crypto-casino-script .ccs-marks{margin-top:14px;display:grid;gap:8px;}
#page-crypto-casino-script .ccs-marks > li{
position:relative;padding-left:24px;font-size:16px;line-height:1.55;color:var(--ccs-body);
}
#page-crypto-casino-script .ccs-marks > li::before{
content:"";position:absolute;left:0;top:.62em;
width:11px;height:11px;border:1px solid var(--ccs-copper);
border-top:0;border-right:0;transform:rotate(-45deg);
}
/* ── 13 / 22. LEDGER ROWS ────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-rows{
margin-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-row{
display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
gap:clamp(16px,3vw,44px);padding:24px 0;border-bottom:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-row__t{padding-top:2px;}
/* ── 14. OFFERED ─────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-offs__list{margin-top:clamp(28px,3.4vw,44px);display:grid;gap:0;}
#page-crypto-casino-script .ccs-off{
display:grid;grid-template-columns:200px minmax(0,1fr);
gap:clamp(22px,4vw,52px);align-items:start;
padding:clamp(26px,3vw,38px) 0;border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-off:last-child{border-bottom:1px solid var(--ccs-rule);}
#page-crypto-casino-script .ccs-off:nth-child(even){direction:rtl;}
#page-crypto-casino-script .ccs-off:nth-child(even) > *{direction:ltr;}
#page-crypto-casino-script .ccs-off__fig{
border:1px solid var(--ccs-rule);background:var(--ccs-paper);padding:22px;border-radius:2px;
}
#page-crypto-casino-script .ccs-off__img{width:100%;height:96px;object-fit:contain;}
#page-crypto-casino-script .ccs-off__body .ccs-p{margin-top:12px;}
/* ── 15. OTHER SOLUTIONS ─────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-other__grid{
display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
gap:clamp(30px,5vw,70px);align-items:center;
}
#page-crypto-casino-script .ccs-other__fig{
border:1px solid var(--ccs-rule);background:var(--ccs-card);padding:14px;border-radius:2px;
}
#page-crypto-casino-script .ccs-other__img{width:100%;}
#page-crypto-casino-script .ccs-sols{
margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-sols > li{border-bottom:1px solid var(--ccs-rule);}
#page-crypto-casino-script .ccs-sol{
display:block;padding:13px 4px;font-size:16px;font-weight:650;color:var(--ccs-ink-2);
transition:color .16s ease,padding-left .16s ease;
}
#page-crypto-casino-script .ccs-sol:hover{color:var(--ccs-copper);padding-left:10px;}
/* ── 16. PROCESS ─────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-proc{background:var(--ccs-dark);}
#page-crypto-casino-script .ccs-proc__grid{
margin-top:clamp(30px,3.6vw,46px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
border-top:1px solid #2b332f;border-left:1px solid #2b332f;
}
#page-crypto-casino-script .ccs-step{
padding:24px 22px 26px;border-right:1px solid #2b332f;border-bottom:1px solid #2b332f;
}
#page-crypto-casino-script .ccs-step__n{
display:block;font-size:16px;font-weight:800;letter-spacing:.05em;
color:#e9c9a6;font-variant-numeric:tabular-nums;margin-bottom:12px;
}
#page-crypto-casino-script .ccs-step .ccs-h5{color:var(--ccs-bone);}
#page-crypto-casino-script .ccs-step__list{margin-top:12px;display:grid;gap:7px;}
#page-crypto-casino-script .ccs-step__list > li{
font-size:16px;line-height:1.5;color:#a9b1ab;padding-left:16px;position:relative;
}
#page-crypto-casino-script .ccs-step__list > li::before{
content:"";position:absolute;left:0;top:.7em;width:7px;height:1px;background:#6f7a74;
}
/* ── 17. TECH STACK ──────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-table{
margin-top:clamp(26px,3vw,38px);width:100%;border-collapse:collapse;
background:var(--ccs-card);border:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-table th,
#page-crypto-casino-script .ccs-table td{
padding:18px 22px;text-align:left;font-size:17px;border-bottom:1px solid var(--ccs-rule);
vertical-align:top;
}
#page-crypto-casino-script .ccs-table tr:last-child th,
#page-crypto-casino-script .ccs-table tr:last-child td{border-bottom:0;}
#page-crypto-casino-script .ccs-table th{
width:34%;font-weight:750;color:var(--ccs-ink);
letter-spacing:.02em;border-right:1px solid var(--ccs-rule);background:var(--ccs-paper-2);
}
#page-crypto-casino-script .ccs-table td{color:var(--ccs-body);}
/* ── 18. CASE STUDIES ────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-cases__list{
margin-top:clamp(28px,3.4vw,44px);border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-case{
display:grid;grid-template-columns:56px minmax(0,1fr) auto;
gap:clamp(14px,2.5vw,32px);align-items:center;
padding:26px 0;border-bottom:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-case__n{
font-size:16px;font-weight:800;color:var(--ccs-copper);font-variant-numeric:tabular-nums;
}
#page-crypto-casino-script .ccs-case__t{font-weight:700;}
/* ── 19. ENGAGEMENT ──────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-engs__grid{
margin-top:clamp(28px,3.4vw,44px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);
}
#page-crypto-casino-script .ccs-eng{
background:var(--ccs-card);border:1px solid var(--ccs-rule);border-radius:2px;
padding:clamp(22px,2.4vw,30px);
border-top:3px solid var(--ccs-hall);
}
/* the source engagement icons are white-stroked line art, drawn for a dark tile —
so they are struck onto an ink medallion rather than laid on the paper card */
#page-crypto-casino-script .ccs-eng__img{
width:60px;height:60px;object-fit:contain;padding:13px;
background:var(--ccs-dark);border-radius:2px;margin-bottom:18px;
}
#page-crypto-casino-script .ccs-eng .ccs-p{margin-top:12px;}
/* ── 20. WORLDWIDE ───────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-world{background:var(--ccs-dark);}
#page-crypto-casino-script .ccs-flags{
margin-top:clamp(28px,3.4vw,44px);
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
border-top:1px solid #2b332f;border-left:1px solid #2b332f;
}
#page-crypto-casino-script .ccs-flag{
display:flex;align-items:center;gap:14px;padding:18px 20px;
border-right:1px solid #2b332f;border-bottom:1px solid #2b332f;
font-size:17px;font-weight:600;color:var(--ccs-bone);
}
#page-crypto-casino-script .ccs-flag__img{width:32px;height:auto;flex:0 0 32px;}
/* ── 21. EXPLORE ─────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-exps__grid{
margin-top:clamp(28px,3.4vw,44px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);
}
#page-crypto-casino-script .ccs-exp{
border:1px solid var(--ccs-rule);border-radius:2px;background:var(--ccs-card);
padding:clamp(22px,2.4vw,30px);
}
#page-crypto-casino-script .ccs-exp .ccs-p{margin-top:12px;}
/* ── 23. MORE SOLUTIONS ──────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-mores__grid{
margin-top:clamp(28px,3.4vw,44px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
border-top:1px solid var(--ccs-rule);border-left:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-more{
padding:26px 24px 28px;background:var(--ccs-paper-2);
border-right:1px solid var(--ccs-rule);border-bottom:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-more__t{
padding-bottom:12px;border-bottom:1px solid var(--ccs-rule);margin-bottom:14px;
}
/* ── 24. READY ───────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-ready{
background:linear-gradient(112deg,#12181b 0%,#161d1e 48%,#1b2320 100%);
}
#page-crypto-casino-script .ccs-ready__grid{
display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
gap:clamp(30px,5vw,66px);align-items:center;
}
#page-crypto-casino-script .ccs-ready__p{
margin-top:18px;font-size:18px;line-height:1.7;color:#c8cfc9;max-width:60ch;
}
#page-crypto-casino-script .ccs-ready .ccs-btn{margin-top:28px;}
#page-crypto-casino-script .ccs-ready__img{width:100%;}
/* ── 25. DEMO ────────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-demo__grid{
margin-top:clamp(28px,3.4vw,44px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);
}
#page-crypto-casino-script .ccs-demo-card{
border:1px solid var(--ccs-rule);border-radius:2px;background:var(--ccs-card);
padding:clamp(24px,2.6vw,32px);display:flex;flex-direction:column;gap:16px;
}
#page-crypto-casino-script .ccs-demo-card__fig{
width:64px;height:64px;border:1px solid var(--ccs-rule-2);border-radius:2px;
display:flex;align-items:center;justify-content:center;background:var(--ccs-paper);
}
#page-crypto-casino-script .ccs-demo-card__img{width:34px;height:34px;object-fit:contain;}
#page-crypto-casino-script .ccs-cred{
display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;
border-top:1px solid var(--ccs-rule-2);padding-top:14px;font-size:16px;
}
#page-crypto-casino-script .ccs-cred dt{font-weight:700;color:var(--ccs-ink-2);}
#page-crypto-casino-script .ccs-cred dd{color:var(--ccs-body);word-break:break-word;}
#page-crypto-casino-script .ccs-demo-card .ccs-btn{margin-top:auto;align-self:flex-start;}
/* ── 26. BRANDS ──────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-brands__grid{
display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:clamp(30px,5vw,64px);align-items:start;
}
#page-crypto-casino-script .ccs-brands__grid .ccs-p{margin-top:20px;}
#page-crypto-casino-script .ccs-apart{
border:1px solid var(--ccs-rule);border-top:3px solid var(--ccs-copper);
background:var(--ccs-card);padding:clamp(24px,2.6vw,32px);border-radius:2px;
}
#page-crypto-casino-script .ccs-apart__t{
font-size:17px;font-weight:750;letter-spacing:.02em;color:var(--ccs-ink);
}
#page-crypto-casino-script .ccs-apart__list{
margin-top:16px;counter-reset:ccsapart;display:grid;gap:12px;
}
#page-crypto-casino-script .ccs-apart__list > li{
counter-increment:ccsapart;position:relative;padding-left:34px;
font-size:16px;line-height:1.55;color:var(--ccs-body);
}
#page-crypto-casino-script .ccs-apart__list > li::before{
content:counter(ccsapart) ".";position:absolute;left:0;top:0;
font-weight:800;color:var(--ccs-copper);font-variant-numeric:tabular-nums;
}
/* ── 27. POSTS ───────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-posts__list{
margin-top:clamp(26px,3vw,40px);
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
column-gap:clamp(28px,4vw,56px);border-top:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-posts__list > li{border-bottom:1px solid var(--ccs-rule);}
#page-crypto-casino-script .ccs-post{
display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 0;
transition:color .16s ease;
}
#page-crypto-casino-script .ccs-post__n{
font-size:16px;font-weight:800;color:var(--ccs-bone-2);font-variant-numeric:tabular-nums;
transition:color .16s ease;
}
#page-crypto-casino-script .ccs-post__t{font-size:17px;font-weight:600;color:var(--ccs-ink-2);}
#page-crypto-casino-script .ccs-post:hover .ccs-post__t{color:var(--ccs-hall);}
#page-crypto-casino-script .ccs-post:hover .ccs-post__n{color:var(--ccs-copper);}
/* ── 28. FAQ ─────────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-faqs__inner{max-width:900px;}
#page-crypto-casino-script .ccs-faqlist{margin-top:clamp(24px,3vw,38px);border-top:1px solid var(--ccs-rule);}
#page-crypto-casino-script .ccs-faq{border-bottom:1px solid var(--ccs-rule);}
#page-crypto-casino-script .ccs-faq__q{
display:flex;align-items:center;justify-content:space-between;gap:20px;
padding:20px 2px;cursor:pointer;list-style:none;
}
#page-crypto-casino-script .ccs-faq__q::-webkit-details-marker{display:none;}
#page-crypto-casino-script .ccs-faq__q:hover .ccs-h5{color:var(--ccs-hall);}
#page-crypto-casino-script .ccs-faq__i{
position:relative;flex:0 0 18px;width:18px;height:18px;
}
#page-crypto-casino-script .ccs-faq__i::before,
#page-crypto-casino-script .ccs-faq__i::after{
content:"";position:absolute;left:0;top:50%;width:18px;height:2px;
background:var(--ccs-copper);transition:transform .18s ease;
}
#page-crypto-casino-script .ccs-faq__i::after{transform:rotate(90deg);}
#page-crypto-casino-script .ccs-faq[open] .ccs-faq__i::after{transform:rotate(0deg);}
#page-crypto-casino-script .ccs-faq__a{padding:0 2px 22px;max-width:78ch;}
/* ── 29. STORIES ─────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-stories{background:var(--ccs-dark);}
#page-crypto-casino-script .ccs-stories__grid{
margin-top:clamp(28px,3.4vw,44px);
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,28px);
}
#page-crypto-casino-script .ccs-story{
border:1px solid #2b332f;border-radius:2px;background:#191f21;padding:0;overflow:hidden;
}
#page-crypto-casino-script .ccs-vid{
position:relative;display:block;width:100%;padding:0;border:0;
background:#0f1416;cursor:pointer;
}
#page-crypto-casino-script .ccs-story__face{
width:100%;aspect-ratio:16/9;object-fit:cover;
transition:opacity .16s ease;
}
#page-crypto-casino-script .ccs-vid:hover .ccs-story__face{opacity:.86;}
#page-crypto-casino-script .ccs-vid__play{
position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:58px;height:58px;border:2px solid var(--ccs-bone);border-radius:50%;
background:rgba(15,20,22,.55);
}
#page-crypto-casino-script .ccs-vid__play::before{
content:"";position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);
border-left:16px solid var(--ccs-bone);border-top:10px solid transparent;
border-bottom:10px solid transparent;
}
#page-crypto-casino-script .ccs-vid:hover .ccs-vid__play{border-color:#e9c9a6;}
#page-crypto-casino-script .ccs-story__frame{
width:100%;aspect-ratio:16/9;border:0;display:block;
}
#page-crypto-casino-script .ccs-story__q{padding:20px 22px 24px;color:#b6bdb7;}
#page-crypto-casino-script .ccs-stories__more{margin-top:clamp(24px,3vw,34px);text-align:center;}
/* ── 30. AREA WE SERVE ───────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-areas__grid{
margin-top:clamp(26px,3vw,42px);
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
border-top:1px solid var(--ccs-rule);border-left:1px solid var(--ccs-rule);
background:var(--ccs-paper-2);
}
#page-crypto-casino-script .ccs-area{
padding:24px 22px 26px;
border-right:1px solid var(--ccs-rule);border-bottom:1px solid var(--ccs-rule);
}
#page-crypto-casino-script .ccs-area__t{
font-size:16px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
color:var(--ccs-hall);
}
#page-crypto-casino-script .ccs-area__tel{margin-top:14px;font-size:18px;font-weight:700;color:var(--ccs-ink);}
#page-crypto-casino-script .ccs-area__tel a:hover{color:var(--ccs-copper);}
#page-crypto-casino-script .ccs-area__addr{
margin-top:12px;font-size:16px;line-height:1.6;color:var(--ccs-body);
padding-left:26px;position:relative;
}
#page-crypto-casino-script .ccs-area__icon{position:absolute;left:0;top:3px;width:16px;height:16px;}
/* ── MODAL ───────────────────────────────────────────────────────────────── */
#page-crypto-casino-script .ccs-modal{
display:none;position:fixed;inset:0;z-index:9999;
background:rgba(10,14,16,.72);
padding:24px;overflow-y:auto;
}
#page-crypto-casino-script .ccs-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-crypto-casino-script .ccs-modal__box{
position:relative;width:100%;max-width:640px;margin:auto;
background:var(--ccs-card);border:1px solid var(--ccs-rule);border-radius:2px;
padding:44px 16px 16px;
}
#page-crypto-casino-script .ccs-modal__x{
position:absolute;top:10px;right:10px;
width:36px;height:36px;display:flex;align-items:center;justify-content:center;
border:1px solid var(--ccs-rule);border-radius:2px;background:var(--ccs-paper);
color:var(--ccs-ink);cursor:pointer;
transition:background-color .16s ease,color .16s ease;
}
#page-crypto-casino-script .ccs-modal__x:hover{background:var(--ccs-ink);color:var(--ccs-bone);}
#page-crypto-casino-script .ccs-modal__box iframe{
width:100%;min-height:560px;border:0;display:block;
}
/* ── responsive ──────────────────────────────────────────────────────────── */
@media (max-width:1100px){
#page-crypto-casino-script .ccs-logos{grid-template-columns:repeat(6,minmax(0,1fr));}
#page-crypto-casino-script .ccs-vars__grid{grid-template-columns:repeat(5,minmax(0,1fr));}
#page-crypto-casino-script .ccs-provs{grid-template-columns:repeat(4,minmax(0,1fr));}
#page-crypto-casino-script .ccs-feats__grid,
#page-crypto-casino-script .ccs-proc__grid,
#page-crypto-casino-script .ccs-mores__grid,
#page-crypto-casino-script .ccs-exps__grid,
#page-crypto-casino-script .ccs-engs__grid,
#page-crypto-casino-script .ccs-demo__grid,
#page-crypto-casino-script .ccs-stories__grid,
#page-crypto-casino-script .ccs-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-crypto-casino-script .ccs-stats__grid,
#page-crypto-casino-script .ccs-flags,
#page-crypto-casino-script .ccs-areas__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:860px){
#page-crypto-casino-script .ccs-intro__grid,
#page-crypto-casino-script .ccs-other__grid,
#page-crypto-casino-script .ccs-brands__grid,
#page-crypto-casino-script .ccs-ready__grid{grid-template-columns:minmax(0,1fr);}
#page-crypto-casino-script .ccs-led__list,
#page-crypto-casino-script .ccs-hps__grid,
#page-crypto-casino-script .ccs-posts__list{grid-template-columns:minmax(0,1fr);}
#page-crypto-casino-script .ccs-row{grid-template-columns:minmax(0,1fr);gap:8px;}
#page-crypto-casino-script .ccs-off{grid-template-columns:minmax(0,1fr);}
#page-crypto-casino-script .ccs-off:nth-child(even){direction:ltr;}
#page-crypto-casino-script .ccs-off__fig{max-width:180px;}
#page-crypto-casino-script .ccs-case{grid-template-columns:40px minmax(0,1fr);row-gap:12px;}
#page-crypto-casino-script .ccs-case .ccs-link{grid-column:2;justify-self:start;}
#page-crypto-casino-script .ccs-shot:nth-child(even){transform:none;}
#page-crypto-casino-script .ccs-intro__plate{box-shadow:none;}
}
@media (max-width:640px){
#page-crypto-casino-script{font-size:16px;}
#page-crypto-casino-script .ccs-logos{grid-template-columns:repeat(3,minmax(0,1fr));}
#page-crypto-casino-script .ccs-vars__grid{grid-template-columns:repeat(3,minmax(0,1fr));}
#page-crypto-casino-script .ccs-provs{grid-template-columns:repeat(2,minmax(0,1fr));}
#page-crypto-casino-script .ccs-feats__grid,
#page-crypto-casino-script .ccs-proc__grid,
#page-crypto-casino-script .ccs-mores__grid,
#page-crypto-casino-script .ccs-exps__grid,
#page-crypto-casino-script .ccs-engs__grid,
#page-crypto-casino-script .ccs-demo__grid,
#page-crypto-casino-script .ccs-stories__grid,
#page-crypto-casino-script .ccs-tiles,
#page-crypto-casino-script .ccs-shots__grid,
#page-crypto-casino-script .ccs-sols,
#page-crypto-casino-script .ccs-stats__grid,
#page-crypto-casino-script .ccs-flags,
#page-crypto-casino-script .ccs-areas__grid{grid-template-columns:minmax(0,1fr);}
#page-crypto-casino-script .ccs-btn{width:100%;justify-content:space-between;}
#page-crypto-casino-script .ccs-hp,
#page-crypto-casino-script .ccs-led{grid-template-columns:38px minmax(0,1fr);gap:12px;}
}
@media (prefers-reduced-motion:reduce){
#page-crypto-casino-script *,
#page-crypto-casino-script *::before,
#page-crypto-casino-script *::after{
animation:none !important;transition-duration:.01ms !important;
}
}