/* razed — razed1.de — Krypto-Casino, Casino-Fokus (Slots, Live-Dealer, Bonus, App) */
:root{
  --bg:#101114;
  --bg-soft:#0c0d10;
  --panel:#1c1c23;
  --panel-2:#23232d;
  --border:#292935;
  --line:#4c4c66;
  --muted:#8f8fa6;
  --text:#f4f5f9;
  --text-dim:#a9a9bd;
  --accent:#0096ff;
  --accent-deep:#017ae4;
  --accent-light:#4fc3f7;
  --gold:#ffc700;
  --green:#36cc63;
  --magenta:#e06ff6;
  --radius:16px;
  --maxw:1200px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-light);text-decoration:none}
a:hover{text-decoration:underline}
.rc-container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
p,span,li,td,th{margin:0}

/* ---------- Header: two-row layout (different from ra-zed.de single row) ---------- */
.rc-header{position:sticky;top:0;z-index:50;background:var(--bg-soft);border-bottom:1px solid var(--border)}
.rc-header__top{max-width:var(--maxw);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.rc-logo img{height:24px;width:auto;display:block}
.rc-header__top-right{display:flex;align-items:center;gap:12px}
.rc-header__cta{background:var(--accent);color:#06101c;font-weight:800;font-size:.88rem;padding:9px 18px;border-radius:8px}
.rc-header__cta:hover{background:var(--accent-light);text-decoration:none}
.rc-navbar{border-top:1px solid var(--border);background:var(--bg)}
.rc-navbar__inner{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.rc-nav-desktop{display:flex;gap:0;list-style:none;margin:0;padding:0}
.rc-nav-desktop a{display:block;padding:12px 16px;color:var(--text-dim);font-size:.9rem;font-weight:700;border-bottom:2px solid transparent}
.rc-nav-desktop a:hover{color:#fff;text-decoration:none}
.rc-nav-desktop a[aria-current="page"]{color:#fff;border-bottom-color:var(--accent)}
.rc-burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:0;cursor:pointer}
.rc-burger span{display:block;height:2px;background:var(--text);border-radius:2px}
.rc-mobile-nav{display:none;background:var(--panel);border-bottom:1px solid var(--border)}
.rc-mobile-nav[hidden]{display:none !important}
.rc-mobile-nav ul{list-style:none;margin:0;padding:14px 20px;display:flex;flex-direction:column;gap:2px}
.rc-mobile-nav a{display:block;padding:11px 6px;color:var(--text);font-weight:700;border-bottom:1px solid var(--border)}
.rc-mobile-nav__cta{display:block;margin:6px 20px 16px;text-align:center;background:var(--accent);color:#06101c;font-weight:800;padding:13px;border-radius:10px}

@media(max-width:860px){
  .rc-navbar{display:none}
  .rc-header__cta{display:none}
  .rc-burger{display:flex}
  .rc-mobile-nav:not([hidden]){display:block}
}

/* ---------- Hero: centered, full-bleed banner ---------- */
.rc-hero{position:relative;background:#0d1a2e}
.rc-hero__bg{position:absolute;inset:0;overflow:hidden}
.rc-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.rc-hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(13,26,46,.35) 0%, rgba(16,17,20,.96) 92%)}
.rc-hero__inner{position:relative;max-width:820px;margin:0 auto;padding:64px 20px 48px;text-align:center}
.rc-hero__eyebrow{display:inline-block;color:#06101c;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;background:var(--accent);border-radius:999px;padding:6px 14px;margin:0 0 18px}
.rc-hero__lead{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:900;line-height:1.18;margin:0 0 14px;color:#fff}
.rc-hero__sub{color:var(--text-dim);font-size:1.05rem;max-width:52ch;margin:0 auto 26px}
.rc-hero__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.rc-btn{display:inline-block;font-weight:800;font-size:.95rem;padding:14px 24px;border-radius:10px}
.rc-btn--primary{background:var(--accent);color:#06101c}
.rc-btn--primary:hover{background:var(--accent-light);text-decoration:none}
.rc-btn--ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line)}
.rc-btn--ghost:hover{border-color:var(--accent-light);text-decoration:none}
.rc-stats{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin:0;padding:0;border-top:1px solid var(--border);padding-top:22px}
.rc-stats li{padding:0 22px;border-left:1px solid var(--border);text-align:left}
.rc-stats li:first-child{border-left:none}
.rc-stats b{display:block;color:#fff;font-weight:800;font-size:1.05rem}
.rc-stats span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}

/* ---------- Games: chip filter + grid, lead content ---------- */
.rc-games{padding:44px 0 8px}
.rc-section__head{text-align:center;margin-bottom:22px}
.rc-section__title{font-size:1.5rem;font-weight:900;color:#fff;margin:0 0 6px}
.rc-section__note{color:var(--muted);font-size:.88rem}
.rc-chipfilter{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 24px;padding:0}
.rc-chip{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);font-size:.85rem;font-weight:700;padding:9px 15px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:7px}
.rc-chip img{width:15px;height:15px;opacity:.85}
.rc-chip.is-active{background:var(--accent);border-color:var(--accent);color:#06101c}
.rc-chip.is-active img{filter:brightness(0) saturate(100%)}
.rc-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:48px}
.rc-game-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--panel);position:relative}
.rc-game-card img{width:100%;aspect-ratio:316/440;object-fit:cover}
.rc-game-card[hidden]{display:none}

/* ---------- Twin band: Live-Dealer / App (different content+art from ra-zed.de) ---------- */
.rc-twin{padding:8px 0 48px;background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.rc-twin__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch;padding:40px 0}
.rc-twin__art{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}
.rc-twin__art img{width:100%;height:100%;object-fit:cover}
.rc-twin__art--deco{min-height:220px;display:flex;align-items:center;justify-content:center;background:
    repeating-linear-gradient(45deg, rgba(0,150,255,.07) 0 2px, transparent 2px 14px),
    radial-gradient(160px 160px at 50% 40%, rgba(0,150,255,.28), transparent 70%),
    var(--panel)}
.rc-twin__art--deco img{width:52px;height:52px;object-fit:contain;opacity:.9}
.rc-twin__copy{padding:0 0 0 36px;display:flex;flex-direction:column;justify-content:center}
.rc-twin__tag{display:inline-block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-light);margin-bottom:10px}
.rc-twin__title{font-size:1.5rem;font-weight:900;color:#fff;margin:0 0 12px}
.rc-twin__text{color:var(--text-dim);font-size:.96rem;margin:0 0 18px}
.rc-twin__links{display:flex;gap:14px;flex-wrap:wrap}
.rc-twin__links a{font-weight:700}

/* ---------- Provably-fair strip ---------- */
.rc-trust{padding:44px 0}
.rc-trust__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rc-trust__card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}
.rc-trust__icon{width:38px;height:38px;border-radius:9px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.rc-trust__icon img{width:20px;height:20px}
.rc-trust__title{font-weight:800;color:#fff;font-size:1rem;margin:0 0 6px}
.rc-trust__text{color:var(--text-dim);font-size:.86rem}

/* ---------- Breadcrumbs ---------- */
.rc-crumbs{padding:16px 0 0}
.rc-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.82rem;color:var(--muted)}
.rc-crumbs li:not(:last-child):after{content:"/";margin-left:6px;color:var(--line)}
.rc-crumbs a{color:var(--muted)}
.rc-crumbs li[aria-current="page"]{color:var(--text-dim)}

/* ---------- Article ---------- */
.rc-article-wrap{padding:26px 0 56px}
.rc-article{max-width:800px;margin:0 auto}
.rc-article h1{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:900;color:#fff;line-height:1.24;margin:0 0 20px}
.rc-article h2{font-size:1.32rem;font-weight:800;color:#fff;margin:34px 0 12px}
.rc-article h3{font-size:1.06rem;font-weight:700;color:#fff;margin:0}
.rc-article p{color:var(--text-dim);margin:0 0 14px;font-size:1rem}
.rc-article a{font-weight:700}
.rc-article table{width:100%;border-collapse:collapse;table-layout:fixed;margin:18px 0;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.rc-article table td{border-bottom:1px solid var(--border);padding:11px 14px;font-size:.92rem;color:var(--text-dim);overflow-wrap:anywhere;vertical-align:top}
.rc-article table tr td:first-child{color:#fff;font-weight:700;width:38%}
.rc-article table tr:last-child td{border-bottom:none}
@media(max-width:560px){
  .rc-article table{font-size:.86rem}
  .rc-article table td{padding:8px 10px}
}
.rc-faq-item{border-top:1px solid var(--border);padding:14px 0}
.rc-faq-item:last-child{border-bottom:1px solid var(--border)}
.rc-faq-q{width:100%;text-align:left;background:none;border:none;color:#fff;font-size:1.02rem;font-weight:700;padding:0;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;font-family:inherit}
.rc-faq-q:after{content:"−";color:var(--accent-light);font-size:1.3rem;flex-shrink:0}
.rc-faq-item.is-collapsed .rc-faq-q:after{content:"+"}
.rc-faq-a{margin-top:10px}
.rc-faq-item.is-collapsed .rc-faq-a{display:none}
.rc-faq-a p{margin:0}
.rc-rg{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:24px 0}
.rc-rg p{color:var(--text-dim);font-size:.9rem;margin:0}

/* ---------- Phone mockup (used on app page) ---------- */
.rc-phone{max-width:280px;margin:0 auto;border-radius:32px;border:6px solid var(--panel-2);overflow:hidden;box-shadow:0 24px 60px -20px rgba(0,150,255,.4)}
.rc-phone img{display:block;width:100%}

/* ---------- Footer ---------- */
.rc-footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:44px 0 24px}
.rc-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;margin-bottom:28px}
.rc-footer__brand img{height:22px;margin-bottom:12px}
.rc-footer__brand p{color:var(--muted);font-size:.86rem;max-width:38ch}
.rc-footer__heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 12px;font-weight:700}
.rc-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.rc-footer ul li{color:var(--text-dim);font-size:.9rem}
.rc-footer ul a{color:var(--text-dim)}
.rc-footer ul a:hover{color:#fff}
.rc-footer__legal{border-top:1px solid var(--border);padding-top:18px;display:flex;flex-direction:column;gap:6px}
.rc-footer__legal p{color:var(--muted);font-size:.8rem}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .rc-game-grid{grid-template-columns:repeat(3,1fr)}
  .rc-twin__grid{grid-template-columns:1fr;gap:24px}
  .rc-twin__copy{padding:0}
  .rc-trust__grid{grid-template-columns:1fr}
  .rc-footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .rc-game-grid{grid-template-columns:repeat(2,1fr)}
  .rc-stats{flex-direction:column;gap:10px;align-items:center}
  .rc-stats li{border-left:none;border-top:1px solid var(--border);padding:10px 0 0;text-align:center}
  .rc-stats li:first-child{border-top:none}
  .rc-footer__grid{grid-template-columns:1fr}
}

/* fix: мобильный воздух */
@media (max-width:860px){.rc-container.rc-twin__grid{padding-left:18px;padding-right:18px}.rc-twin__copy{padding-left:0}}