/* RTbet — rtbet1.de — bespoke build. Palette: lime #b5e800 on black #111. */

:root{
  --rt-lime:#b5e800;
  --rt-lime-dark:#56c200;
  --rt-bg:#111111;
  --rt-bg-soft:#1a1a17;
  --rt-card:#1c1c19;
  --rt-card-2:#232320;
  --rt-line:#333330;
  --rt-text:#f4f4f0;
  --rt-text-dim:#d6d6d6;
  --rt-text-mute:#8f8f89;
  --rt-pink:#ff00ba;
  --rt-radius:14px;
  --rt-maxw:1180px;
  --rt-shadow-glow:0 0 40px -8px rgba(181,232,0,.35);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
html,body{margin:0;padding:0}
body{
  background:var(--rt-bg);
  color:var(--rt-text);
  font-family:inherit;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0}
button{font-family:inherit;cursor:pointer}
table{border-collapse:collapse}

.rt-container{max-width:var(--rt-maxw);margin:0 auto;padding:0 20px}

/* ---------- Skip link ---------- */
.rt-skip{position:absolute;left:-999px;top:0;background:var(--rt-lime);color:#111;padding:10px 16px;z-index:999;border-radius:0 0 8px 0}
.rt-skip:focus{left:0}

/* ---------- Header ---------- */
.rt-header{
  position:sticky;top:0;z-index:100;
  background:rgba(17,17,17,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rt-line);
}
.rt-header__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;max-width:var(--rt-maxw);margin:0 auto}
.rt-word{
  font-weight:900;font-size:26px;letter-spacing:.5px;
  color:var(--rt-lime);
  text-shadow:0 0 18px rgba(181,232,0,.55);
  font-style:italic;
  white-space:nowrap;
}
.rt-word span{color:var(--rt-text)}
.rt-header__nav{display:none;align-items:center;gap:28px}
.rt-header__nav a{
  font-size:15px;font-weight:600;color:var(--rt-text-dim);
  padding:6px 2px;border-bottom:2px solid transparent;
  transition:color .15s,border-color .15s;
}
.rt-header__nav a:hover,.rt-header__nav a.is-active{color:var(--rt-lime);border-color:var(--rt-lime)}
.rt-header__actions{display:none;align-items:center;gap:12px}
.rt-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 22px;border-radius:999px;font-weight:800;font-size:14.5px;
  border:1px solid transparent;white-space:nowrap;
}
.rt-btn--primary{background:var(--rt-lime);color:#101100;box-shadow:0 6px 22px -6px rgba(181,232,0,.65)}
.rt-btn--primary:hover{background:var(--rt-lime-dark)}
.rt-btn--ghost{background:transparent;color:var(--rt-text);border-color:var(--rt-line)}
.rt-btn--ghost:hover{border-color:var(--rt-lime);color:var(--rt-lime)}
.rt-btn--block{width:100%}

.rt-burger{
  display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--rt-line);
  border-radius:9px;
}
.rt-burger span{display:block;width:18px;height:2px;background:var(--rt-lime);margin:0 auto;transition:transform .2s,opacity .2s}
.rt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.rt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.rt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile off-canvas nav — lives right after header, not nested (backdrop-filter overflow bug) */
.rt-mobilenav{
  position:fixed;inset:0 0 0 auto;width:min(320px,86vw);height:100vh;
  background:#161613;border-left:1px solid var(--rt-line);
  transform:translateX(100%);transition:transform .25s ease;
  z-index:200;overflow-y:auto;padding:20px;
}
.rt-mobilenav.is-open{transform:translateX(0)}
.rt-mobilenav__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.rt-mobilenav__close{width:36px;height:36px;background:transparent;border:1px solid var(--rt-line);border-radius:9px;color:var(--rt-lime);font-size:18px}
.rt-mobilenav a{display:block;padding:13px 4px;font-size:16px;font-weight:700;color:var(--rt-text-dim);border-bottom:1px solid var(--rt-line)}
.rt-mobilenav a.is-active{color:var(--rt-lime)}
.rt-mobilenav__ctas{margin-top:20px;display:flex;flex-direction:column;gap:10px}
.rt-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s;z-index:150}
.rt-backdrop.is-open{opacity:1;pointer-events:auto}

@media(min-width:861px){
  .rt-header__nav,.rt-header__actions{display:flex}
  .rt-burger{display:none}
}

/* ---------- Hero ---------- */
.rt-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(600px 320px at 82% -10%,rgba(181,232,0,.22),transparent 60%),
    radial-gradient(500px 260px at 10% 110%,rgba(255,0,186,.10),transparent 60%),
    var(--rt-bg);
  border-bottom:1px solid var(--rt-line);
  padding:44px 0 40px;
}
.rt-hero__grid{display:grid;gap:34px;align-items:center;max-width:var(--rt-maxw);margin:0 auto;padding:0 20px}
.rt-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--rt-lime);border:1px solid rgba(181,232,0,.35);padding:6px 12px;border-radius:999px;margin-bottom:16px}
.rt-hero__title{font-size:clamp(28px,5vw,44px);font-weight:900;line-height:1.12;margin:0 0 14px;letter-spacing:-.01em}
.rt-hero__title em{font-style:normal;color:var(--rt-lime);text-shadow:0 0 26px rgba(181,232,0,.5)}
.rt-hero__lead{font-size:16.5px;color:var(--rt-text-dim);max-width:52ch;margin:0 0 24px}
.rt-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.rt-hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:440px}
.rt-stat{background:var(--rt-card);border:1px solid var(--rt-line);border-radius:12px;padding:12px 14px}
.rt-stat b{display:block;font-size:20px;font-weight:900;color:var(--rt-lime);font-variant-numeric:tabular-nums}
.rt-stat span{font-size:12px;color:var(--rt-text-mute)}
.rt-hero__art{position:relative;display:flex;justify-content:center}
.rt-hero__art img:not(.rt-hero__deco){border-radius:18px;box-shadow:var(--rt-shadow-glow);max-height:420px;width:auto;object-fit:contain}
.rt-hero__deco{position:absolute;pointer-events:none;opacity:.75;max-width:none}
.rt-hero__deco.rt-hero__deco--a{width:70px;height:auto;top:-14px;left:-10px;transform:rotate(-12deg)}
.rt-hero__deco.rt-hero__deco--b{width:56px;height:auto;bottom:-10px;right:6%;transform:rotate(18deg)}
@media(min-width:760px){
  .rt-hero__grid{grid-template-columns:1.15fr .85fr}
}

/* ---------- Trust strip ---------- */
.rt-trust{border-bottom:1px solid var(--rt-line);background:var(--rt-bg-soft)}
.rt-trust__row{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px;max-width:var(--rt-maxw);margin:0 auto}
.rt-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--rt-text-dim);background:var(--rt-card);border:1px solid var(--rt-line);border-radius:999px;padding:8px 14px}
.rt-chip b{color:var(--rt-lime)}

/* ---------- Section shell ---------- */
.rt-section{padding:52px 0}
.rt-section--soft{background:var(--rt-bg-soft)}
.rt-section__head{max-width:640px;margin:0 0 30px}
.rt-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--rt-lime);margin-bottom:8px}
.rt-section__title{font-size:clamp(22px,3.4vw,30px);font-weight:900;margin:0 0 10px;letter-spacing:-.01em}
.rt-section__sub{color:var(--rt-text-dim);font-size:15px;margin:0}

/* ---------- Highlight cards (3-up) ---------- */
.rt-cards{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:700px){.rt-cards{grid-template-columns:repeat(3,1fr)}}
.rt-card{
  background:var(--rt-card);border:1px solid var(--rt-line);border-radius:var(--rt-radius);
  padding:24px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s;
}
.rt-card:hover{border-color:var(--rt-lime);transform:translateY(-3px)}
.rt-card__icon{width:44px;height:44px;border-radius:11px;background:rgba(181,232,0,.12);color:var(--rt-lime);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900}
.rt-card__title{font-size:17.5px;font-weight:800;margin:2px 0 0}
.rt-card__text{color:var(--rt-text-dim);font-size:14.5px;margin:0;flex:1}
.rt-card__link{font-size:13.5px;font-weight:800;color:var(--rt-lime);display:inline-flex;align-items:center;gap:5px}

/* ---------- Game chip-filter + grid ---------- */
.rt-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.rt-filter{
  background:var(--rt-card);border:1px solid var(--rt-line);color:var(--rt-text-dim);
  font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:999px;
}
.rt-filter.is-active{background:var(--rt-lime);color:#101100;border-color:var(--rt-lime)}
.rt-games{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:620px){.rt-games{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.rt-games{grid-template-columns:repeat(5,1fr)}}
.rt-game{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--rt-line);background:var(--rt-card);aspect-ratio:2/3}
.rt-game img{width:100%;height:100%;object-fit:cover}
.rt-game__tag{position:absolute;left:8px;top:8px;background:rgba(17,17,17,.82);color:var(--rt-lime);font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.rt-game__name{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 10px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}
.rt-game[hidden]{display:none}

/* decorative CSS-only tile when no matching image exists */
.rt-game--deco{display:flex;align-items:center;justify-content:center;background:
    radial-gradient(120px 120px at 30% 20%,rgba(181,232,0,.35),transparent 70%),
    linear-gradient(160deg,#1c1c19,#111);
}
.rt-game--deco span{font-weight:900;color:var(--rt-lime);font-size:13px;text-align:center;padding:0 10px;text-transform:uppercase;letter-spacing:.04em}

/* ---------- Article / SEO block ---------- */
.rt-article{max-width:760px;margin:0 auto;padding:0 20px}
.rt-article h1{font-size:clamp(26px,4.2vw,36px);font-weight:900;line-height:1.18;margin:0 0 18px;letter-spacing:-.01em}
.rt-article h2{font-size:clamp(20px,3vw,25px);font-weight:800;margin:36px 0 12px;letter-spacing:-.005em}
.rt-article h3{font-size:17px;font-weight:800;margin:0;color:var(--rt-lime)}
.rt-article > p{color:var(--rt-text-dim);font-size:15.5px;margin:0 0 16px}
.rt-article a{color:var(--rt-lime);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.rt-article table{width:100%;margin:18px 0;table-layout:fixed;background:var(--rt-card);border:1px solid var(--rt-line);border-radius:12px;overflow:hidden}
.rt-article table td{padding:12px 16px;border-bottom:1px solid var(--rt-line);font-size:14.5px;color:var(--rt-text-dim);overflow-wrap:anywhere}
.rt-article table tr:last-child td{border-bottom:none}
.rt-article table td:first-child{font-weight:800;color:var(--rt-text);width:42%}
@media(max-width:560px){
  .rt-article table td{padding:9px 10px;font-size:13px}
}

/* FAQ accordion — real h3/p, JS only toggles a class */
.rt-faq{margin-top:8px}
.rt-faqitem{border-bottom:1px solid var(--rt-line);padding:16px 0}
.rt-faqitem h3{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.rt-faqitem h3::after{content:"+";color:var(--rt-lime);font-size:20px;font-weight:400;flex:none;transition:transform .2s}
.rt-faqitem.is-open h3::after{transform:rotate(45deg)}
.rt-faqitem p{margin:0;max-height:0;overflow:hidden;transition:max-height .25s ease,margin .25s ease;color:var(--rt-text-dim);font-size:14.5px}
.rt-faqitem.is-open p{margin-top:10px;max-height:400px}

/* ---------- Breadcrumbs ---------- */
.rt-crumbs{padding:16px 20px 0;max-width:var(--rt-maxw);margin:0 auto}
.rt-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--rt-text-mute)}
.rt-crumbs a{color:var(--rt-text-mute);font-weight:600}
.rt-crumbs a:hover{color:var(--rt-lime)}
.rt-crumbs li:not(:last-child)::after{content:"/";margin-left:6px;color:var(--rt-line)}

/* ---------- Responsible gaming banner ---------- */
.rt-rg{background:var(--rt-card-2);border:1px solid var(--rt-line);border-radius:var(--rt-radius);padding:20px 22px;font-size:13.5px;color:var(--rt-text-mute);display:flex;gap:14px;align-items:flex-start;max-width:var(--rt-maxw);margin:0 auto}
.rt-rg b{color:var(--rt-lime);font-size:14px}

/* ---------- Footer ---------- */
.rt-footer{border-top:1px solid var(--rt-line);background:var(--rt-bg-soft);padding:44px 0 26px}
.rt-footer__top{display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:30px}
@media(min-width:700px){.rt-footer__top{grid-template-columns:1.3fr 1fr 1fr}}
.rt-footer__brand p{color:var(--rt-text-mute);font-size:13.5px;max-width:42ch;margin:12px 0 0}
.rt-footer__col p{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--rt-text-mute);margin:0 0 12px}
.rt-footer__col ul{display:flex;flex-direction:column;gap:9px}
.rt-footer__col a{font-size:14px;color:var(--rt-text-dim)}
.rt-footer__col a:hover{color:var(--rt-lime)}
.rt-footer__col span{font-size:14px;color:var(--rt-text-mute)}
.rt-footer__bottom{border-top:1px solid var(--rt-line);padding-top:20px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--rt-text-mute)}

/* ---------- Utility ---------- */
.rt-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}