/* robruncheats.net: dark/red skin in the playwithtrainers.com style, layered over the Astro/Starwind build */
:root,:root.dark,.dark{
  --background:#07060a; --foreground:#f2edf1;
  --card:#120f15; --card-foreground:#f2edf1;
  --popover:#120f15; --popover-foreground:#f2edf1;
  --primary:#e71818; --primary-text:#ff2a3d; --primary-foreground:#fff; --primary-accent:#ff2a3d;
  --secondary:#18131c; --secondary-foreground:#f2edf1; --secondary-accent:#e71818;
  --muted:#18131c; --muted-foreground:#b9adb7;
  --accent:#18131c; --accent-foreground:#fff;
  --info:#7d717c; --info-foreground:#07060a;
  --border:#2a1a20; --input:#2a1a20; --outline:#ff1f4b;
  --cta:#e71818; --cta-foreground:#fff; --cta-hover:#ff2a3d; --cta-border:#e71818;
  --sidebar-background:#120f15; --sidebar-foreground:#f2edf1; --sidebar-primary:#e71818;
  --sidebar-primary-foreground:#fff; --sidebar-accent:#18131c; --sidebar-accent-foreground:#fff;
  --sidebar-border:#2a1a20; --sidebar-outline:#ff1f4b;
  --font-sans:"Rajdhani","Segoe UI",Roboto,Arial,sans-serif;
  --font-heading:"Rajdhani","Segoe UI",Roboto,Arial,sans-serif;
  --font-outfit:"Rajdhani","Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"Share Tech Mono",Consolas,Menlo,monospace;
  --rr-red:#e71818; --rr-red-hi:#ff2a3d; --rr-neon:#ff1f4b; --rr-dim:#7d717c; --rr-line:rgba(255,40,60,.16);
  --rr-cut:12px;
  --scrollbar-thumb:#e71818; --scrollbar-thumb-hover:#ff2a3d; --scrollbar-track:#0d0b10;
  color-scheme:dark;
}
html,body{background-color:#07060a}
body{
  font-family:var(--font-sans); font-weight:500; font-size:16.5px; color:var(--foreground);
  background:
    radial-gradient(900px 420px at 85% -120px,rgba(231,24,24,.22),transparent 70%),
    radial-gradient(700px 380px at -10% 30%,rgba(255,31,75,.08),transparent 70%),
    linear-gradient(rgba(255,40,60,.035) 1px,transparent 1px) 0 0/100% 34px,
    linear-gradient(90deg,rgba(255,40,60,.035) 1px,transparent 1px) 0 0/34px 100%,
    #07060a !important;
  background-attachment:fixed !important;
}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.45}
::selection{background:var(--rr-red);color:#fff}
p,li,dd,td{font-weight:500}
h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:.3px}
h1{text-transform:uppercase;letter-spacing:.6px}
h2{text-transform:uppercase;letter-spacing:.8px}
main h2{text-shadow:0 0 18px rgba(255,42,61,.25)}

/* ---------- header: full-width bar with a neon rule, like playwithtrainers ---------- */
header [data-floating-nav]{padding:0 !important}
header .site-header{
  max-width:none !important; border-radius:0 !important; border:0 !important;
  border-bottom:1px solid var(--rr-line) !important;
  background:linear-gradient(180deg,rgba(7,6,10,.97),rgba(13,11,16,.94)) !important;
  box-shadow:none !important; min-height:70px !important; height:auto !important;
  padding-inline:max(18px,calc((100% - 1180px)/2)) !important;
}
header .site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--rr-neon) 18%,var(--rr-red) 50%,var(--rr-neon) 82%,transparent);
  box-shadow:0 0 14px var(--rr-neon)}
/* logo: red angled badge + two-line wordmark + mono tagline */
header .site-header > a[href="/"]{gap:12px !important}
header .site-header > a[href="/"] picture{display:none}
header .site-header > a[href="/"]::before{
  content:"RR";width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:15px;font-weight:700;color:#fff;letter-spacing:1px;
  background:linear-gradient(135deg,var(--rr-red),#7a0a14);
  clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);box-shadow:0 0 18px rgba(231,24,24,.55)}
header .site-header > a[href="/"] > span{
  display:flex;flex-direction:column;font-size:22px;font-weight:700;line-height:1;letter-spacing:.6px;
  text-transform:uppercase;color:var(--rr-red-hi);text-shadow:0 0 12px rgba(255,42,61,.75)}
header .site-header > a[href="/"] > span > span{color:#fff;text-shadow:none;margin-top:2px}
header .site-header > a[href="/"] > span::after{content:"// rob run cheats & hacks";font-family:var(--font-mono);
  font-size:10px;font-weight:400;color:var(--rr-dim);letter-spacing:2px;margin-top:6px;text-shadow:none;text-transform:uppercase}
/* nav: mono, uppercase, red underline on hover/current */
header .nav-link{font-family:var(--font-mono) !important;font-size:12.5px !important;font-weight:400 !important;
  letter-spacing:1.6px !important;color:#d8ccd5 !important;padding:8px 2px;position:relative}
header .nav-link svg{display:none}
header .nav-link:hover,header .nav-link[aria-current="page"]{color:#fff !important;text-shadow:0 0 8px rgba(255,42,61,.7)}
header .nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--rr-red);
  transform:scaleX(0);transition:transform .15s;box-shadow:0 0 8px var(--rr-neon)}
header .nav-link:hover::after,header .nav-link[aria-current="page"]::after{transform:scaleX(1)}
/* always dark: hide the light/dark switch */
button[aria-label="Switch to light mode"],button[aria-label="Switch to dark mode"],[data-theme-toggle],[data-sw-theme-toggle]{display:none !important}

/* ---------- panels: angled corners + red left bar ---------- */
[data-slot="card"]{
  background:linear-gradient(180deg,var(--card),#0f0c12) !important;
  border-color:#2a1a20 !important; border-radius:0 !important;
  clip-path:polygon(0 0,calc(100% - var(--rr-cut)) 0,100% var(--rr-cut),100% 100%,var(--rr-cut) 100%,0 calc(100% - var(--rr-cut)));
  box-shadow:inset 3px 0 0 var(--rr-red),0 10px 30px rgba(0,0,0,.35) !important;
}
[data-slot="card"]:hover{box-shadow:inset 3px 0 0 var(--rr-red-hi),0 0 0 1px rgba(255,42,61,.25),0 12px 34px rgba(231,24,24,.12) !important}
[data-slot="accordion-item"],details,.faq-item{border-color:#2a1a20 !important}
img{border-radius:0 !important}

/* ---------- buttons: angled, mono, uppercase ---------- */
[data-slot="button"]{
  border-radius:0 !important;font-family:var(--font-mono) !important;text-transform:uppercase;letter-spacing:1.4px;font-weight:400 !important;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}
a[data-slot="button"][href*="playwithcheats.com"],a[data-slot="button"][href="/product/elysium-rob-run/"],a[data-slot="button"][href="/cheats/"],a[data-slot="button"][href="/products/"]{
  background:linear-gradient(135deg,var(--rr-red),#9b0d16) !important;color:#fff !important;border-color:var(--rr-red) !important;
  box-shadow:0 0 16px rgba(231,24,24,.35)}
a[data-slot="button"][href="/product/elysium-rob-run/"]:hover,a[data-slot="button"][href*="playwithcheats.com"]:hover,a[data-slot="button"][href="/cheats/"]:hover{background:var(--rr-red-hi) !important}
[data-slot="badge"]{border-radius:0 !important;font-family:var(--font-mono) !important;text-transform:uppercase;letter-spacing:1.2px;font-weight:400 !important}

/* small labels / eyebrow text / meta in mono */
[data-slot="breadcrumb-link"],[data-slot="breadcrumb-page"],time,.text-xs.uppercase,p.uppercase,span.uppercase,.tracking-widest{
  font-family:var(--font-mono) !important;letter-spacing:1.6px}
[data-slot="breadcrumb-link"],[data-slot="breadcrumb-page"]{text-transform:uppercase;font-size:12px}
p.uppercase,span.uppercase{color:var(--rr-red-hi) !important}

/* checkout radio cards */
.product-checkout__plan{border-radius:0 !important}
.product-checkout__plan:has([data-checked]){border-color:var(--rr-red) !important;background:rgba(231,24,24,.08) !important}
[data-sw-radio][data-checked] [data-slot="radio-group-item-control"]{border-color:var(--rr-red) !important}

/* links inside text */
main p a,main li a,.prose a{color:var(--rr-red-hi)}
main p a:hover,main li a:hover,.prose a:hover{color:#fff;text-shadow:0 0 8px rgba(255,42,61,.7)}

/* footer */
footer{border-top:1px solid var(--rr-line);background:linear-gradient(180deg,rgba(13,11,16,.6),#07060a) !important;position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--rr-neon) 18%,var(--rr-red) 50%,var(--rr-neon) 82%,transparent);opacity:.7}
footer h2,footer h3,footer h4{font-family:var(--font-mono);font-size:12px !important;letter-spacing:2px;color:var(--rr-red-hi) !important}

/* round-2 fixes: theme switch + feature articles / generic rounded panels */
.theme-mode-switch,.nav-action-divider{display:none !important}
main article.bg-card,main article[class*="rounded-2xl"],main .bg-card.rounded-2xl,main .bg-card.rounded-xl{
  border-radius:0 !important;border-color:#2a1a20 !important;
  background:linear-gradient(180deg,var(--card),#0f0c12) !important;
  clip-path:polygon(0 0,calc(100% - var(--rr-cut)) 0,100% var(--rr-cut),100% 100%,var(--rr-cut) 100%,0 calc(100% - var(--rr-cut)));
  box-shadow:inset 3px 0 0 var(--rr-red) !important}
main article.bg-card:hover{box-shadow:inset 3px 0 0 var(--rr-red-hi),0 0 0 1px rgba(255,42,61,.25) !important}
main .rounded-2xl,main .rounded-xl,main .rounded-lg{border-radius:0 !important}
main article header h3{font-size:1.2rem;letter-spacing:.4px}

/* round-3: readable plan badge, meta chips, spacing under the taller header */
.product-checkout__plan [data-slot="badge"],.product-checkout [data-slot="badge"]{background:var(--rr-red) !important;color:#fff !important;border-color:var(--rr-red) !important;letter-spacing:.8px}
[data-slot="badge"]{letter-spacing:.6px}
[data-slot="badge"] *{max-width:none}
#main-content,body > main{margin-top:14px}
[data-slot="badge"].truncate,[data-slot="badge"] .truncate{overflow:visible;text-overflow:clip;white-space:nowrap}

/* round-4: labels on a red background stay white */
span.uppercase.bg-primary,p.uppercase.bg-primary,.bg-primary.uppercase{color:#fff !important;font-family:var(--font-mono) !important;letter-spacing:1px}

/* ---------- screenshot zoom ("+" button + viewer) ---------- */
figure.media-slider__slide,figure[id^="hero-slider-panel"]{position:relative}
.rr-zoom__plus{position:absolute;right:12px;bottom:12px;z-index:5;width:42px;height:42px;display:grid;place-items:center;
  border:1px solid rgba(255,42,61,.7);background:linear-gradient(135deg,var(--rr-red),#7a0a14);color:#fff;cursor:zoom-in;
  font:700 26px/1 var(--font-mono);box-shadow:0 0 16px rgba(231,24,24,.55);
  clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);transition:transform .15s,box-shadow .15s}
.rr-zoom__plus:hover,.rr-zoom__plus:focus-visible{transform:scale(1.08);box-shadow:0 0 24px rgba(255,42,61,.9);outline:none}
.rr-zoom{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;flex-direction:column;
  background:rgba(4,3,6,.94);backdrop-filter:blur(4px)}
.rr-zoom--open{display:flex}
.rr-zoom__stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:56px 20px 44px}
.rr-zoom__img{max-width:95vw;max-height:84vh;width:auto;height:auto;min-width:min(92vw,1000px);object-fit:contain;cursor:zoom-in;
  border:1px solid rgba(255,42,61,.45);box-shadow:0 0 40px rgba(231,24,24,.25);transition:transform .2s ease;background:#0c0a10}
.rr-zoom__img.is-zoomed{cursor:zoom-out}
.rr-zoom__x{position:absolute;top:14px;right:16px;z-index:2;width:44px;height:44px;border:1px solid rgba(255,42,61,.6);
  background:#120f15;color:#fff;font:400 30px/1 var(--font-mono);cursor:pointer;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%)}
.rr-zoom__x:hover{background:var(--rr-red)}
.rr-zoom__hint{position:absolute;bottom:12px;left:0;right:0;margin:0;text-align:center;font:12px var(--font-mono);letter-spacing:1.6px;
  text-transform:uppercase;color:var(--rr-dim)}
@media (max-width:640px){.rr-zoom__img{min-width:0}.rr-zoom__plus{width:36px;height:36px;font-size:22px;right:8px;bottom:8px}}

/* ---------- My Account button (header) ---------- */
.rr-acct-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;margin-right:8px;white-space:nowrap;
  font:400 12.5px/1 var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:#fff !important;
  border:1px solid rgba(255,42,61,.75);background:rgba(231,24,24,.08);
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));transition:background .15s,box-shadow .15s}
.rr-acct-btn::before{content:"";width:14px;height:14px;flex:0 0 auto;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/contain no-repeat}
.rr-acct-btn:hover{background:var(--rr-red);box-shadow:0 0 14px rgba(255,42,61,.6);text-shadow:none}
@media (max-width:640px){.rr-acct-btn{padding:0 10px;font-size:11px;letter-spacing:1px;margin-right:4px}.rr-acct-btn span{display:none}}

/* ---------- support page: 3 centered cards, readable email, spaced tips ---------- */
.support-section__cards{max-width:64rem;margin-left:auto !important;margin-right:auto !important}
@media (min-width:1024px){.support-section__cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
.support-section__cards a[href^="mailto:"]{text-transform:none !important;letter-spacing:.4px !important;font-size:14px !important;white-space:nowrap;padding-left:10px !important;padding-right:10px !important}
.support-section__tips{max-width:64rem;margin-left:auto;margin-right:auto}
.support-section__tips-list{max-width:none !important;margin-bottom:2.25rem !important}
.support-section__tips-title{font-family:var(--font-mono);letter-spacing:2px;color:var(--rr-red-hi) !important;margin-top:.5rem !important}
.support-section__tips > p:last-child,.support-section__tips > div > p:last-child{margin-bottom:2rem}
.support-section__tips p + .support-section__tips-title,.support-section__tips p + h3{margin-top:2rem !important}