/* Rocky Casino ES satellite. One stylesheet: tokens, reset, frame, components. Prefix rk-. */

/* fonts */
@font-face{font-family:"Geist";font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/geist-var-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/geist-var-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:600 800;font-display:swap;src:url("../fonts/sora-var-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* tokens */
:root{
  --rk-bg:#1b1a3f;
  --rk-bg-deep:#07062b;
  --rk-surface:#252449;
  --rk-raised:#302f5c;
  --rk-line:#43417d;
  --rk-gold:#ffd200;
  --rk-orange:#f7971e;
  --rk-ledge:#a85a08;
  --rk-grad:linear-gradient(90deg,#ffd200,#f7971e);
  --rk-on-gold:#0f0f26;
  --rk-lime:#8dff2e;
  --rk-red:#ff6b81;
  --rk-link:#ffd200;
  --rk-t1:#ffffff;
  --rk-t2:#cfceF0;
  --rk-t3:#a9a8d8;
  --rk-font:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --rk-font-h:"Sora","Geist",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --rk-r-s:8px;
  --rk-r:14px;
  --rk-r-l:22px;
  --rk-w:1160px;
  --rk-gut:16px;
  --rk-head-h:64px;
  --rk-gap:clamp(40px,6vw,76px);
}

/* reset */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--rk-head-h) + 16px)}
body,h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0}
img,svg,video{max-width:100%;height:auto}
img{display:block}
button{font:inherit;color:inherit}
table{border-collapse:collapse;border-spacing:0}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* base typography */
body{
  background-color:var(--rk-bg);
  background-image:radial-gradient(900px 420px at 82% -120px,rgba(139,92,246,.30),transparent 70%),radial-gradient(700px 360px at 0% 220px,rgba(255,210,0,.07),transparent 70%);
  background-repeat:no-repeat;
  color:var(--rk-t2);
  font:400 1rem/1.65 var(--rk-font);
  min-width:320px;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--rk-font-h);color:var(--rk-t1);font-weight:700;line-height:1.18;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(1.85rem,5.4vw,3.1rem);font-weight:800}
h2{font-size:clamp(1.45rem,3.6vw,2.1rem)}
h3{font-size:clamp(1.1rem,2.4vw,1.35rem)}
h4{font-size:1.05rem}
p+p,p+ul,p+ol,ul+p,ol+p,p+dl{margin-top:1em}
strong{color:var(--rk-t1);font-weight:700}
a{color:var(--rk-link);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
li::marker{color:var(--rk-gold)}
:focus-visible{outline:3px solid var(--rk-gold);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rk-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--rk-gold);color:var(--rk-on-gold);padding:10px 16px;border-radius:var(--rk-r-s);font-weight:700;text-decoration:none}
.rk-skip:focus{top:12px}

/* page container trick: sections pad themselves to the content width */
.rk-sec,.rk-hero,.rk-head__in,.rk-foot__in,.rk-help__in,.rk-crumbs{
  padding-inline:max(var(--rk-gut),calc((100% - var(--rk-w)) / 2));
}
.rk-sec{padding-block:var(--rk-gap) 0}
.rk-sec:last-child{padding-bottom:var(--rk-gap)}
.rk-sec>h2{margin-bottom:.6em}
.rk-sec>h2::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--rk-grad);margin-bottom:14px}
.rk-sec>h3,.rk-sec h3{margin-top:1.4em;margin-bottom:.4em}
.rk-sec>:where(p,ul,ol,h2,h3,h4){max-width:74ch}
.rk-sec>:where(p,ul,ol)+:where(p,ul,ol){margin-top:1em}
.rk-sec>ul,.rk-sec>ol{padding-left:1.3em}
.rk-sec li+li{margin-top:.35em}
.rk-sec--wide>:where(p,ul,ol,h2,h3,h4){max-width:84ch}
.rk-sec>:where(.rk-table,.rk-note,.rk-w,.rk-facts,.rk-leads,.rk-tiles,.rk-cards,.rk-steps__list,.rk-split,.rk-cta-row,figure){margin-top:1.4em}

/* header */
.rk-head{position:sticky;top:0;z-index:50;background:rgba(7,6,43,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rk-line)}
.rk-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--rk-grad);opacity:.85}
.rk-menu-t{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.rk-head__in{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"logo . join burger";grid-template-rows:var(--rk-head-h);gap:0 8px;align-items:center;position:relative}
.rk-logo{grid-area:logo;display:inline-flex;align-items:center;line-height:0}
.rk-logo img{height:40px;width:auto}
.rk-head__cta{display:contents}
.rk-head__join{grid-area:join}
.rk-head__in .rk-head__login{display:none}
.rk-burger{grid-area:burger;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--rk-r-s);background:var(--rk-surface);border:1px solid var(--rk-line);cursor:pointer;color:var(--rk-t1)}
.rk-burger:hover{background:var(--rk-raised)}
.rk-menu-t:focus-visible ~ .rk-head__in .rk-burger{outline:3px solid var(--rk-gold);outline-offset:3px}
.rk-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rk-nav{display:none;grid-column:1/-1;padding:6px 0 14px}
.rk-nav ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rk-nav li+li{margin:0}
.rk-nav__a{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border-radius:var(--rk-r);background:var(--rk-surface);border:1px solid var(--rk-line);color:var(--rk-t1);font-weight:600;font-size:.95rem;text-decoration:none}
.rk-nav__a .rk-ico{color:var(--rk-gold)}
a.rk-nav__a:hover{background:var(--rk-raised);border-color:var(--rk-gold)}
.rk-nav__a[aria-current="page"]{background:var(--rk-grad);color:var(--rk-on-gold);border-color:transparent}
.rk-nav__a[aria-current="page"] .rk-ico{color:var(--rk-on-gold)}
.rk-menu-t:checked ~ .rk-head__in .rk-nav{display:block}
.rk-menu-t:checked ~ .rk-head__in .rk-head__login{display:inline-flex;grid-column:1/-1;margin-bottom:14px}
.rk-menu-t:checked ~ .rk-head__in{padding-bottom:0}
span.rk-logo[aria-current="page"]{cursor:default}
@media (min-width:980px){
  :root{--rk-head-h:76px}
  .rk-head__in{grid-template-columns:auto 1fr auto auto;grid-template-areas:"logo nav login join";gap:0 14px;align-items:center}
  .rk-head__in>.rk-logo{grid-area:logo}
  .rk-logo img{height:48px}
  .rk-burger{display:none}
  .rk-nav,.rk-menu-t:checked ~ .rk-head__in .rk-nav{display:block;grid-area:nav;padding:0;justify-self:center}
  .rk-nav ul{display:flex;gap:6px}
  .rk-nav__a{min-height:46px;padding:8px 14px;background:transparent;border-color:transparent;font-size:.92rem}
  a.rk-nav__a:hover{background:var(--rk-surface);border-color:var(--rk-line)}
  .rk-head__in .rk-head__login,.rk-menu-t:checked ~ .rk-head__in .rk-head__login{display:inline-flex;grid-area:login;margin:0}
}

/* breadcrumbs */
.rk-crumbs{padding-block:14px 0;font-size:.85rem;color:var(--rk-t3)}
.rk-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;padding:0}
.rk-crumbs li{display:inline-flex;align-items:center;gap:8px}
.rk-crumbs li+li::before{content:"/";color:var(--rk-line)}
.rk-crumbs a{color:var(--rk-t2)}
.rk-crumbs [aria-current]{color:var(--rk-t1)}
.rk-hero .rk-crumbs{padding-inline:0;margin-bottom:14px}

/* buttons */
.rk-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:10px 24px;border-radius:10px;font-family:var(--rk-font);font-weight:800;font-size:1rem;line-height:1.15;text-align:center;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .12s,filter .12s}
.rk-btn small{font-size:.74rem;font-weight:600;opacity:.85}
.rk-btn--primary{background:var(--rk-grad);color:var(--rk-on-gold);box-shadow:0 4px 0 var(--rk-ledge),0 10px 24px rgba(247,151,30,.25)}
.rk-btn--primary:hover{filter:brightness(1.07);transform:translateY(-1px);text-decoration:none}
.rk-btn--primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--rk-ledge)}
.rk-btn--ghost{background:var(--rk-surface);color:var(--rk-t1);border-color:var(--rk-gold)}
.rk-btn--ghost:hover{background:var(--rk-raised);text-decoration:none}
.rk-btn--sm{min-height:44px;padding:8px 14px;font-size:.9rem}
.rk-cta-row,.rk-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rk-cta-row p{color:var(--rk-t3);font-size:.9rem;margin:0}

/* hero */
.rk-hero{position:relative;padding-block:12px var(--rk-gap)}
.rk-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:100%;background:radial-gradient(640px 320px at 85% 20%,rgba(139,92,246,.25),transparent 70%);pointer-events:none;z-index:-1}
.rk-hero__text>h1{margin-bottom:.5em}
.rk-hero__text>p{max-width:60ch;font-size:1.05rem}
.rk-hero__ctas{margin-top:1.4em}
.rk-hero__promo{margin-top:1em;font-size:.88rem;color:var(--rk-t3)}
.rk-hero__media{margin-top:1.8em;border-radius:var(--rk-r-l);overflow:hidden;border:1px solid var(--rk-line);background:var(--rk-surface);box-shadow:0 24px 60px rgba(7,6,43,.55)}
.rk-hero__media img{width:100%;height:auto}
.rk-hero--split{display:grid;gap:0}
.rk-hero--split>.rk-crumbs{grid-column:1/-1}
.rk-hero--center{text-align:center}
.rk-hero--center .rk-hero__text>p{margin-inline:auto}
.rk-hero--center .rk-hero__ctas{justify-content:center}
.rk-hero--center .rk-hero__media{max-width:980px;margin-inline:auto;margin-top:2em}
.rk-hero--center .rk-crumbs{text-align:left}
.rk-hero--app .rk-hero__media{border-radius:34px;max-width:320px;margin-inline:auto;border:6px solid var(--rk-raised);box-shadow:0 0 0 1px var(--rk-line),0 28px 60px rgba(7,6,43,.6)}
.rk-hero--lobby{display:grid;padding-bottom:28px}
.rk-age{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid var(--rk-red);color:var(--rk-t1);font:800 .95rem var(--rk-font-h)}
@media (min-width:900px){
  .rk-hero--split,.rk-hero--lobby{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:48px;align-items:center}
  .rk-hero--split .rk-hero__media,.rk-hero--lobby .rk-hero__media{margin-top:0}
  .rk-hero--split.rk-hero--flip .rk-hero__media{order:-1}
  .rk-hero--split>.rk-crumbs{margin-bottom:6px}
  .rk-hero--app{display:grid;grid-template-columns:minmax(0,1.1fr) 320px;column-gap:56px;align-items:center}
  .rk-hero--app>.rk-crumbs{grid-column:1/-1}
  .rk-hero--app .rk-hero__media{margin-top:0}
}

/* split */
.rk-split{display:grid;gap:24px;align-items:center}
.rk-split__media,.rk-sec figure{border-radius:var(--rk-r);overflow:hidden;border:1px solid var(--rk-line);background:var(--rk-surface)}
.rk-split__media img,.rk-sec figure img{width:100%;height:auto}
figcaption{padding:10px 14px;font-size:.85rem;color:var(--rk-t3);background:var(--rk-bg-deep)}
.rk-split__text>:where(p,ul,ol)+:where(p,ul,ol){margin-top:1em}
@media (min-width:900px){
  .rk-split{grid-template-columns:1fr 1fr;gap:48px}
  .rk-split--flip .rk-split__media{order:-1}
}

/* note */
.rk-note{position:relative;padding:16px 18px 16px 22px;border-radius:var(--rk-r);background:var(--rk-surface);border:1px solid var(--rk-line);max-width:84ch}
.rk-note::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:4px;background:var(--rk-gold)}
.rk-note--warn::before{background:var(--rk-orange)}
.rk-note--age::before{background:var(--rk-red)}
.rk-note p+p{margin-top:.7em}
.rk-sec--box{margin-inline:max(var(--rk-gut),calc((100% - var(--rk-w)) / 2));padding:clamp(20px,4vw,36px);margin-top:var(--rk-gap);border-radius:var(--rk-r-l);background:var(--rk-surface);border:1px solid var(--rk-line)}
.rk-sec--box:last-child{margin-bottom:var(--rk-gap)}
.rk-sec--box>h2::before{background:var(--rk-red)}

/* table */
.rk-table{overflow-x:auto;border-radius:var(--rk-r);border:1px solid var(--rk-line);background:var(--rk-surface)}
.rk-table table{width:100%;min-width:560px;font-size:.95rem}
.rk-table caption{caption-side:top;text-align:left;padding:14px 16px;font:700 1rem var(--rk-font-h);color:var(--rk-t1)}
.rk-table th,.rk-table td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--rk-line)}
.rk-table thead th{background:var(--rk-raised);color:var(--rk-t1);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}
.rk-table tbody th{color:var(--rk-t1);font-weight:600;position:sticky;left:0;background:var(--rk-surface)}
.rk-table tbody tr:nth-child(even) td,.rk-table tbody tr:nth-child(even) th{background:rgba(48,47,92,.45)}
.rk-table:focus-visible{outline-offset:2px}

/* steps */
.rk-steps__list{list-style:none;counter-reset:rk-step;display:grid;gap:18px;padding:0}
.rk-steps__list>li{counter-increment:rk-step;position:relative;padding:18px 18px 18px 72px;border-radius:var(--rk-r);background:var(--rk-surface);border:1px solid var(--rk-line)}
.rk-steps__list>li::before{content:counter(rk-step);position:absolute;left:16px;top:16px;width:40px;height:40px;border-radius:12px;background:var(--rk-grad);color:var(--rk-on-gold);display:grid;place-items:center;font:800 1.15rem var(--rk-font-h)}
.rk-steps__list>li+li{margin-top:0}
.rk-steps__list h3{margin:0 0 .35em;font-size:1.1rem}
.rk-steps__list figure{margin-top:14px}
.rk-steps__list figure img{margin-inline:auto;width:auto;max-width:100%}
.rk-steps--plain{gap:12px}
.rk-steps--line{gap:0}
.rk-steps--line>li{background:transparent;border:0;border-radius:0;padding:0 0 28px 64px}
.rk-steps--line>li::after{content:"";position:absolute;left:19px;top:48px;bottom:4px;width:2px;background:var(--rk-line)}
.rk-steps--line>li:last-child::after{display:none}
.rk-steps--line>li::before{left:0;top:0}
@media (min-width:700px){
  .rk-steps--plain{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1024px){
  .rk-steps__list:not(.rk-steps--plain):not(.rk-steps--line){grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-steps--plain.rk-steps--3{grid-template-columns:repeat(3,1fr)}
}
.rk-steps__list>li[id]{scroll-margin-top:calc(var(--rk-head-h) + 16px)}

/* cards, tiles, leads */
.rk-cards,.rk-tiles{list-style:none;display:grid;gap:14px;padding:0}
.rk-card,.rk-tiles>li{padding:20px;border-radius:var(--rk-r);background:var(--rk-surface);border:1px solid var(--rk-line)}
.rk-card h3,.rk-tiles h3,.rk-tiles strong{display:block;margin:0 0 .4em;font:700 1.05rem var(--rk-font-h);color:var(--rk-t1)}
.rk-tiles .rk-ico{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--rk-raised);color:var(--rk-gold);margin-bottom:12px}
.rk-tiles li+li{margin:0}
.rk-leads{list-style:none;display:grid;gap:10px;padding:0}
.rk-leads>li{padding:14px 16px 14px 18px;border-radius:var(--rk-r-s);background:var(--rk-surface);border-left:4px solid var(--rk-gold)}
.rk-leads li+li{margin:0}
@media (min-width:640px){.rk-cards,.rk-tiles{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.rk-cards,.rk-tiles{grid-template-columns:repeat(3,1fr)}.rk-tiles--4{grid-template-columns:repeat(4,1fr)}}

/* offer cards, compare */
.rk-offer{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--rk-r);background:linear-gradient(160deg,var(--rk-raised),var(--rk-surface));border:1px solid var(--rk-line)}
.rk-offer h3{margin:0}
.rk-offer .rk-btn{margin-top:auto;align-self:flex-start}
.rk-compare{display:grid;gap:14px}
@media (min-width:768px){.rk-compare{grid-template-columns:repeat(2,1fr)}}

/* pros and cons, reviews (catalogue) */
.rk-pc{display:grid;gap:14px}
.rk-pc>*{padding:18px;border-radius:var(--rk-r);background:var(--rk-surface);border:1px solid var(--rk-line)}
.rk-reviews{display:grid;gap:14px}
.rk-review{padding:18px;border-radius:var(--rk-r);background:var(--rk-surface);border:1px solid var(--rk-line)}
.rk-review__who{color:var(--rk-t1);font-weight:700}
@media (min-width:768px){.rk-pc{grid-template-columns:1fr 1fr}.rk-reviews{grid-template-columns:repeat(2,1fr)}}

/* faq */
.rk-faq details{border-radius:var(--rk-r);background:var(--rk-surface);border:1px solid var(--rk-line);max-width:84ch}
.rk-faq details+details{margin-top:10px}
.rk-faq summary{cursor:pointer;list-style:none;padding:16px 52px 16px 18px;position:relative;font:700 1rem/1.4 var(--rk-font-h);color:var(--rk-t1)}
.rk-faq summary::-webkit-details-marker{display:none}
.rk-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:10px;height:10px;margin-top:-8px;border-right:2.5px solid var(--rk-gold);border-bottom:2.5px solid var(--rk-gold);transform:rotate(45deg);transition:transform .15s}
.rk-faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.rk-faq details[open] summary{border-bottom:1px solid var(--rk-line)}
.rk-faq details>:not(summary){padding:14px 18px 18px;margin:0}
.rk-faq p+p{margin-top:0}

/* facts list, stat strip */
.rk-facts{display:grid;border-radius:var(--rk-r);overflow:hidden;border:1px solid var(--rk-line);background:var(--rk-surface);max-width:84ch}
.rk-facts>div{display:grid;gap:2px;padding:12px 16px}
.rk-facts>div+div{border-top:1px solid var(--rk-line)}
.rk-facts dt{color:var(--rk-t3);font-size:.85rem;font-weight:600}
.rk-facts dd{color:var(--rk-t1);font-weight:600}
@media (min-width:640px){.rk-facts>div{grid-template-columns:minmax(150px,.4fr) 1fr;gap:16px;align-items:baseline}}

/* widgets (brand lobby look) */
.rk-w{border-radius:var(--rk-r-l);background:var(--rk-surface);border:1px solid var(--rk-line);padding:18px}
.rk-w__title{margin-bottom:14px;font:700 1.05rem var(--rk-font-h);color:var(--rk-t1)}
.rk-w ul{list-style:none;padding:0}
.rk-w li+li{margin:0}
.rk-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--rk-line) transparent;border-radius:var(--rk-r)}
.rk-rail>ul{display:flex;gap:12px;padding:2px 2px 12px}
.rk-game{flex:0 0 148px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:8px}
.rk-game img{width:148px;height:200px;object-fit:cover;border-radius:var(--rk-r);border:1px solid var(--rk-line);background:var(--rk-raised)}
.rk-game__name{color:var(--rk-t1);font-weight:600;font-size:.88rem;line-height:1.3}
.rk-game--plain{flex:0 0 190px;justify-content:space-between;min-height:150px;padding:14px;border-radius:var(--rk-r);background:var(--rk-raised);border:1px solid var(--rk-line)}
.rk-game__prov{color:var(--rk-t3);font-size:.8rem}
.rk-w--rail .rk-btn{align-self:flex-start}
.rk-cats>ul,.rk-prov>ul{display:flex;flex-wrap:wrap;gap:8px}
.rk-cats li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--rk-r);background:var(--rk-raised);border:1px solid var(--rk-line);color:var(--rk-t1);font-weight:700;font-size:.85rem;letter-spacing:.03em}
.rk-cats li .rk-ico{width:20px;height:20px;color:var(--rk-gold)}
.rk-prov li{padding:8px 14px;border-radius:999px;background:var(--rk-bg);border:1px solid var(--rk-line);color:var(--rk-t2);font-size:.88rem;font-weight:600}
.rk-pay>ul{display:grid;gap:10px}
.rk-pay li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--rk-r);background:var(--rk-raised);border:1px solid var(--rk-line);color:var(--rk-t1);font-weight:700}
.rk-pay li small{color:var(--rk-t3);font-weight:500;font-size:.82rem}
@media (min-width:600px){.rk-pay>ul{grid-template-columns:repeat(3,1fr)}}
@media (min-width:960px){.rk-pay>ul{grid-template-columns:repeat(4,1fr)}}
.rk-top ol{list-style:none;counter-reset:rk-top;display:grid;gap:10px;padding:0}
.rk-top .rk-game{counter-increment:rk-top;flex-direction:row;align-items:center;flex:none}
.rk-top .rk-game::before{content:counter(rk-top);font:800 2rem var(--rk-font-h);color:var(--rk-gold);min-width:2ch}
.rk-shots .rk-rail>ul{align-items:flex-start}
.rk-shots figure{flex:0 0 200px;scroll-snap-align:start}
.rk-stats dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rk-stats dl>div{padding:14px;border-radius:var(--rk-r);background:var(--rk-raised);text-align:center}
.rk-stats dt{color:var(--rk-t3);font-size:.8rem;font-weight:600;order:2}
.rk-stats dd{color:var(--rk-lime);font:800 1.5rem var(--rk-font-h)}
.rk-stats dl>div{display:flex;flex-direction:column}
@media (min-width:768px){.rk-stats dl{grid-template-columns:repeat(4,1fr)}}
.rk-promo{display:grid;gap:14px;align-items:center;background:linear-gradient(120deg,#3a2a86,#252449 55%,#4b2a7a);border-color:#6b5bd6;padding:clamp(20px,4vw,32px)}
.rk-promo p{margin:0}
.rk-promo__big{font:800 clamp(1.4rem,4vw,2.2rem)/1.15 var(--rk-font-h);color:var(--rk-t1)}
.rk-promo__big em{font-style:normal;color:var(--rk-lime)}
@media (min-width:800px){.rk-promo{grid-template-columns:1fr auto}}

/* help band and footer */
.rk-help{background:var(--rk-surface);border-top:1px solid var(--rk-line);margin-top:var(--rk-gap)}
.rk-help__in{display:grid;gap:14px;padding-block:22px;align-items:center}
.rk-help__t{color:var(--rk-t1);font:700 1.05rem var(--rk-font-h)}
.rk-help__d{display:flex;flex-wrap:wrap;gap:6px 18px}
.rk-help__d div{display:flex;flex-direction:column}
.rk-help__d dt{color:var(--rk-t3);font-size:.82rem}
.rk-help__d dd{font-weight:700}
.rk-help__d a{color:var(--rk-t1);text-decoration:none;font-size:1.15rem}
.rk-help__d a:hover{color:var(--rk-gold)}
@media (min-width:800px){.rk-help__in{grid-template-columns:auto 1fr auto;gap:28px}}
.rk-foot{background:var(--rk-bg-deep);border-top:3px solid transparent;border-image:var(--rk-grad) 1;color:var(--rk-t3);font-size:.92rem}
.rk-foot__in{padding-block:36px 28px}
.rk-foot__top{display:grid;gap:20px;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--rk-line)}
.rk-foot__logo{display:inline-flex;line-height:0}
.rk-foot__logo img{height:44px;width:auto}
.rk-foot__cta{display:flex;flex-wrap:wrap;gap:10px}
.rk-foot__nav{display:grid;gap:26px;padding-block:28px;grid-template-columns:1fr 1fr}
.rk-foot__h{margin-bottom:10px;color:var(--rk-t1);font:700 .85rem var(--rk-font-h);text-transform:uppercase;letter-spacing:.06em}
.rk-foot__col ul{list-style:none;padding:0;display:grid;gap:2px}
.rk-foot__col li+li{margin:0}
.rk-foot__col a{display:inline-block;padding:6px 0;color:var(--rk-t2);text-decoration:none}
.rk-foot__col a:hover{color:var(--rk-gold);text-decoration:underline}
.rk-foot__legal{display:grid;gap:12px;padding-top:22px;border-top:1px solid var(--rk-line);font-size:.85rem;max-width:90ch}
.rk-foot__age{display:flex;gap:12px;align-items:flex-start}
.rk-foot__age .rk-age{flex:none;width:40px;height:40px;font-size:.82rem;border-width:2px}
.rk-foot__copy{color:var(--rk-t1);font-weight:600}
@media (min-width:800px){
  .rk-foot__top{grid-template-columns:1fr auto}
  .rk-foot__nav{grid-template-columns:repeat(3,1fr);max-width:760px}
}

/* 404 */
.rk-404{padding-block:clamp(48px,10vw,110px);text-align:center}
.rk-404 p{margin:1em auto 0;max-width:52ch}
.rk-404 .rk-cta-row{justify-content:center;margin-top:1.6em}

/* build: appended by page build; fold into the sections above on a later run */

/* build: split phone figure */
.rk-split__media--phone,.rk-split__media--art{max-width:300px;justify-self:center;width:100%}
.rk-foot__col [aria-current="page"]{display:inline-block;padding:6px 0;color:var(--rk-gold)}

/* build: hero chips and lobby spacing */
.rk-hero .rk-w{background:none;border:0;padding:0;box-shadow:none;margin:1.1em 0}
.rk-hero--center .rk-cats>ul{justify-content:center}
.rk-hero--lobby{padding-top:24px}

/* lobby tabs and game cards: pictures, whole tile is a link */
.rk-cats li:has(>a){padding:0;overflow:hidden}
.rk-cats li>a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px 10px;color:inherit;text-decoration:none;min-width:84px;transition:transform .15s,background .15s}
.rk-cats li>a:hover{background:var(--rk-surface);transform:translateY(-2px)}
.rk-cats li>a img{width:auto;height:72px;border-radius:0}
.rk-game:has(>.rk-game__pic){flex:0 0 176px}
.rk-game__pic{display:block;border-radius:var(--rk-r);overflow:hidden}
.rk-game .rk-game__pic img{width:176px;height:176px;transition:transform .2s}
.rk-game__pic:hover img{transform:scale(1.04)}
.rk-game:has(>.rk-game__pic){flex-direction:column}
.rk-game .rk-btn{align-self:stretch;justify-content:center;text-align:center;margin-top:auto;padding:9px 10px;border:1px solid rgba(255,210,0,.55);border-radius:var(--rk-r);background:rgba(255,210,0,.08)}
.rk-game .rk-btn:hover{background:rgba(255,210,0,.18)}
.rk-game__prov{margin-top:-4px}
.rk-cats>.rk-btn,.rk-cats .rk-btn{margin-top:16px}

/* chips with aff links: providers, crypto, loyalty ranks */
.rk-prov li:has(>a),.rk-pay li:has(>a){padding:0}
.rk-prov li>a,.rk-pay li>a{display:block;padding:8px 14px;color:inherit;text-decoration:none;border-radius:inherit;transition:background .15s,color .15s}
.rk-pay li>a{padding:12px 14px}
.rk-prov li>a:hover,.rk-pay li>a:hover{background:rgba(255,210,0,.12);color:var(--rk-gold)}
.rk-stats dl>div{position:relative;transition:background .15s}
.rk-stats dl>div:hover{background:var(--rk-surface)}
.rk-stats dt a{color:inherit;text-decoration:none}
.rk-stats dt a::after{content:"";position:absolute;inset:0}
.rk-stats dt a:hover{color:var(--rk-gold)}
.rk-prov li>a:focus-visible,.rk-pay li>a:focus-visible,.rk-stats dt a:focus-visible{outline:2px solid var(--rk-gold);outline-offset:2px}

/* payments hero: media beside the text, breadcrumb stays on top (flip) */
@media (min-width:900px){
  .rk-hero--split.rk-hero--flip>.rk-crumbs{order:-2}
  .rk-hero--split.rk-hero--flip>.rk-hero__media{order:-1;align-self:start}
}
.rk-hero--split .rk-hero__media img{display:block}