/* ==========================================================================
   Casino Baken — Homepage "Storm" theme
   Aesthetic inspired by studio375 "Ten Years Away": dark storm background,
   oversized extrabold display type, icy-blue text, terracotta accent, grain.
   SCOPED to body.storm so no other page is affected. Overrides site.css.
   ========================================================================== */
body.storm{
  --storm:#14232b;      /* deep storm background            */
  --storm-2:#193039;    /* alt section band                 */
  --panel:#1d353f;      /* cards                            */
  --panel-2:#16292f;    /* insets / faq / callouts          */
  --ice:#e3f0f3;        /* primary text (rgb 209,228,232)   */
  --ice-dim:#9fc4cb;    /* secondary text (rgb 165,216,221) */
  --line:#33525c;       /* hairline borders                 */
  --accent:#d65938;     /* terracotta (rgb 214,89,56)       */
  --accent-h:#e86e49;   /* accent hover                     */
  background:var(--storm);
  color:var(--ice);
  font-family:'Archivo','Oswald',system-ui,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.storm a{color:var(--ice);}

/* film-grain overlay ------------------------------------------------------ */
.storm-noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
body.storm .agebar,body.storm main,body.storm .site-footer{position:relative;z-index:1;}
body.storm .u-header{position:relative;z-index:50;}   /* keep mobile dropdown above page content */

/* age bar ----------------------------------------------------------------- */
body.storm .agebar{background:#0e1a20;color:var(--ice-dim);border-bottom:1px solid var(--line);}
body.storm .agebar a{color:var(--accent-h);}

/* header ------------------------------------------------------------------ */
body.storm .u-header{background:rgba(14,26,32,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
body.storm .u-header__logo{color:var(--ice);letter-spacing:.05em;}
body.storm .u-header__code{color:var(--accent);letter-spacing:.15em;}
body.storm .u-nav-desk a{color:var(--ice-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;}
body.storm .u-nav-desk a:hover{color:var(--ice);}
body.storm .u-nav-toggle span{background:var(--ice);}
body.storm .u-nav{background:#0e1a20;border-left:1px solid var(--line);z-index:60;}
body.storm .u-nav a{color:var(--ice-dim);}
body.storm .u-nav a:hover{color:var(--ice);}
body.storm .u-nav__group{color:var(--accent);}

/* hero -------------------------------------------------------------------- */
body.storm .u-hero{background:radial-gradient(130% 110% at 50% -20%,#28454f 0%,var(--storm) 62%);
  border-bottom:1px solid var(--line);text-align:center;padding:74px 0 60px;}
body.storm .u-hero__eyebrow{color:var(--accent);letter-spacing:.2em;}
body.storm .u-hero h1{font-family:'Archivo','Oswald',sans-serif;font-weight:900;text-transform:uppercase;
  font-size:clamp(2.6rem,7.2vw,6.2rem);line-height:.92;letter-spacing:-.02em;color:var(--ice);
  text-wrap:balance;margin:.15em auto .3em;max-width:16ch;}
body.storm .u-hero h1 .t-script{font-family:inherit;font-style:normal;font-weight:900;color:var(--accent);}
body.storm .u-hero__lead{color:var(--ice-dim);max-width:62ch;margin:0 auto 18px;font-size:1.06rem;}
body.storm .u-hero__meta{color:var(--ice);}
body.storm .u-hero__meta strong{color:var(--accent-h);}
body.storm .storm-kicker{margin-top:16px;font-size:.8rem;text-transform:lowercase;letter-spacing:.14em;color:var(--accent-h);}
body.storm .storm-kicker span{display:inline-block;animation:stormpulse 2.4s ease-in-out infinite;}
@keyframes stormpulse{0%,100%{opacity:.35}50%{opacity:1}}
body.storm .u-hero__author{display:inline-flex;justify-content:center;margin-top:26px;
  border:1px solid var(--line);background:var(--panel-2);border-radius:4px;}
body.storm .u-hero__author strong{color:var(--ice);}
body.storm .u-hero__author span{color:var(--ice-dim);}

/* inner-page hero, breadcrumbs, plain H1 --------------------------------- */
body.storm h1{font-family:'Archivo','Oswald',sans-serif;font-weight:900;text-transform:uppercase;
  letter-spacing:-.02em;color:var(--ice);line-height:.96;}
body.storm .crumbs{color:var(--ice-dim);}
body.storm .crumbs a{color:var(--accent-h);}
body.storm .hero{background:radial-gradient(130% 120% at 50% -20%,#28454f 0%,var(--storm) 62%);
  border-bottom:1px solid var(--line);color:var(--ice);}
body.storm .hero h1{font-size:clamp(2.1rem,5vw,3.7rem);}
body.storm .pill{background:#0e1a20;color:var(--accent-h);border:1px solid var(--line);}
body.storm .lead{color:var(--ice-dim);}
body.storm .meta{color:var(--ice-dim);}
body.storm .meta strong{color:var(--accent-h);}

/* section bands + headings ------------------------------------------------ */
body.storm .section{background:var(--storm);}
body.storm .section-white{background:var(--storm-2);}
body.storm .u-eyebrow{color:var(--accent);letter-spacing:.18em;}
body.storm .u-eyebrow b{color:var(--ice);}
body.storm h2{font-family:'Archivo','Oswald',sans-serif;font-weight:800;text-transform:uppercase;
  letter-spacing:-.01em;color:var(--ice);font-size:clamp(1.55rem,3.4vw,2.5rem);line-height:1.05;}
body.storm .prose h3{color:var(--ice);text-transform:none;}
body.storm .prose p,body.storm .section > .container > p{color:var(--ice-dim);}
body.storm .prose strong{color:var(--ice);}
body.storm .prose a{color:var(--accent-h);text-decoration:underline;text-underline-offset:2px;}
body.storm .prose a:hover{color:#fff;}
body.storm .lastupd{color:var(--ice-dim);}
body.storm .lastupd a{color:var(--accent-h);}
body.storm .disc{color:#7fa2aa;}

/* toplist cards ----------------------------------------------------------- */
body.storm .op-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--ice);}
body.storm .op-card.top{border-color:var(--accent);
  box-shadow:0 0 0 1px rgba(214,89,56,.35),0 12px 34px rgba(0,0,0,.4);}
body.storm .op-card h3{color:var(--ice);}
body.storm .op-rank{background:#0e1a20;color:var(--accent);border:1px solid var(--line);}
body.storm .op-card.top .op-rank{background:var(--accent);color:#0e1a20;border-color:var(--accent);}
body.storm .op-card{grid-template-columns:44px 116px 1fr auto;}
body.storm .oplogo{background:#fff;border-radius:10px;padding:8px;
  width:112px!important;height:112px!important;min-width:112px;object-fit:contain;box-shadow:0 4px 14px rgba(0,0,0,.35);}
@media (max-width:640px){
  body.storm .op-card{grid-template-columns:36px 84px 1fr;}
  body.storm .oplogo{width:80px!important;height:80px!important;min-width:80px;padding:6px;}
}
body.storm .rating{color:var(--ice-dim);}
body.storm .stars{color:var(--accent);}
body.storm .bonus{color:var(--ice);}
body.storm .tag{background:#0e1a20;color:var(--ice-dim);border:1px solid var(--line);}
body.storm .score{color:var(--ice);}
body.storm .score small{color:var(--ice-dim);}
body.storm .btn-cta{background:var(--accent);color:#10191d;font-weight:800;text-transform:uppercase;
  letter-spacing:.05em;border:1px solid #000;border-radius:3px;}
body.storm .btn-cta:hover{background:var(--accent-h);color:#000;}

/* callouts, cards, category grid ----------------------------------------- */
body.storm .callout{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--accent);
  color:var(--ice-dim);border-radius:4px;}
body.storm .callout h4{color:var(--ice);}
body.storm .grid .card{background:var(--panel);border:1px solid var(--line);color:var(--ice-dim);border-radius:6px;}
body.storm .grid a.card:hover{border-color:var(--accent);transform:translateY(-3px);}
body.storm .grid .card h3{color:var(--ice);}

/* comparison table -------------------------------------------------------- */
body.storm .cmp{color:var(--ice-dim);border:1px solid var(--line);}
body.storm .cmp thead th{background:#0e1a20;color:var(--ice);border-color:var(--line);text-transform:uppercase;letter-spacing:.04em;}
body.storm .cmp td,body.storm .cmp th{border-color:var(--line);}
body.storm .cmp tbody tr:nth-child(even){background:rgba(255,255,255,.02);}
body.storm .cmp .brand-cell{color:var(--ice);}

/* faq --------------------------------------------------------------------- */
body.storm .faq details{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;}
body.storm .faq summary{color:var(--ice);}
body.storm .faq details[open]{border-color:var(--accent);}
body.storm .faq p{color:var(--ice-dim);}
body.storm .faq a{color:var(--accent-h);}

/* author box + responsible-gambling strip -------------------------------- */
body.storm .authorbox{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;}
body.storm .authorbox .avatar{background:var(--accent);color:#0e1a20;}
body.storm .authorbox strong{color:var(--ice);}
body.storm .authorbox .role{color:var(--ice-dim);}
body.storm .authorbox a{color:var(--accent-h);}
body.storm .rg-strip{background:#0e1a20;border:1px solid var(--line);color:var(--ice-dim);border-radius:6px;}
body.storm .rg-strip strong{color:var(--ice);}
body.storm .rg-strip .logos span{color:var(--ice-dim);}

/* footer ------------------------------------------------------------------ */
body.storm .site-footer{background:#0c171c;border-top:1px solid var(--line);color:var(--ice-dim);}
body.storm .site-footer h4{color:var(--ice);text-transform:uppercase;letter-spacing:.06em;}
body.storm .site-footer p{color:var(--ice-dim);}
body.storm .site-footer a{color:var(--ice-dim);}
body.storm .site-footer a:hover{color:var(--accent-h);}
body.storm .footer-18{background:var(--accent);color:#0e1a20;}
body.storm .footer-bottom{color:#7fa2aa;border-top:1px solid var(--line);}