/* Casino Testcenter — shelf-slot template, TEAL + ORANGE palette (DE offshore) */
:root{
  --bg:#ffffff; --steel:#eef3f2; --glass:#f5faf9; --rule:#ccdad7;
  --ink:#111a18; --muted:#54655f; --primary:#0f5d57; --accent:#5f938c;
  --navbg:#ffffff; --navtext:#111a18;
  --footbg:#0c1917; --foottext:#dfeae7;
  --cta:#f2680c; --cta-dk:#d65a04; --cta-text:#ffffff;
  --gold:#e8a020;
  --r:12px;
  --disp:'Anybody',system-ui,sans-serif;
  --body:'Plus Jakarta Sans',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.64;overflow-x:hidden;}
img{max-width:100%;height:auto;}
a{color:var(--primary);}
.co-wrap{max-width:1160px;margin:0 auto;padding:0 20px;}
section{padding:52px 0;}
h1,h2,h3,h4{font-family:var(--disp);font-weight:800;line-height:1.14;margin:0 0 .5em;}
h2{font-size:clamp(1.45rem,2.6vw,2rem);}
h3{font-size:1.14rem;}
p{margin:0 0 1.05em;}
.co-lead{font-size:1.05rem;color:var(--muted);}

/* RG bar */
.co-rgbar{background:#20140a;color:#f4c430;font-size:clamp(.56rem,2.4vw,.78rem);text-align:center;padding:7px 12px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
.co-rgbar::-webkit-scrollbar{display:none;}
.co-rgbar a{color:#f4c430;text-decoration:underline;white-space:nowrap;}

/* nav */
.co-nav{background:var(--navbg);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(17,26,24,.04);}
.co-nav-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;}
.co-logo{display:inline-flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.02;text-decoration:none;}
.co-logo-name{font-family:var(--disp);font-weight:900;font-size:1.2rem;color:var(--ink);letter-spacing:-.01em;}
.co-logo-name i{font-style:normal;color:var(--primary);}
.co-logo-tag{font-family:var(--mono);font-size:.57rem;font-weight:500;color:var(--muted);letter-spacing:.01em;}
.co-links{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;}
.co-nav-item{position:relative;}
.co-nav-top,.co-nav-link{background:none;border:0;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--navtext);cursor:pointer;padding:8px 11px;display:flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;border-radius:7px;}
.co-caret{font-size:.55rem;transition:transform .15s;}
.co-nav-item:hover .co-nav-top,.co-nav-item.is-active .co-nav-top,.co-nav-link:hover,.co-nav-link.is-active{color:var(--cta);}
.co-sub{position:absolute;top:calc(100% + 2px);left:0;min-width:240px;background:#fff;border:1px solid var(--rule);border-radius:10px;box-shadow:0 16px 34px -14px rgba(12,25,23,.32);padding:7px;display:none;flex-direction:column;gap:1px;z-index:60;}
.co-nav-item:hover .co-sub,.co-nav-item:focus-within .co-sub,.co-nav-item.is-open-sub .co-sub{display:flex;}
.co-sub a{padding:9px 11px;border-radius:7px;font-size:.82rem;font-weight:600;color:var(--navtext);text-decoration:none;white-space:nowrap;}
.co-sub a:hover{background:var(--steel);color:var(--cta);}
.co-sub a[aria-current=page]{color:var(--cta);background:var(--glass);}
.co-burger{display:none;}

/* hero — dark emerald band with warm glow + dot texture */
.co-hero{position:relative;overflow:hidden;color:#eaf3f1;padding:38px 0 36px;border-bottom:3px solid var(--cta);
  background:radial-gradient(900px 380px at 84% -25%, rgba(242,104,12,.22), transparent 62%),
            radial-gradient(700px 340px at 5% 120%, rgba(232,160,32,.14), transparent 60%),
            linear-gradient(158deg,#07201d 0%,#0d3d37 52%,#125a52 100%);}
.co-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:20px 20px;}
.co-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:30px;align-items:center;}
.co-crumb{font-size:.78rem;color:rgba(234,243,241,.6);margin-bottom:9px;}
.co-crumb a{color:rgba(234,243,241,.6);}
.co-hero h1{font-size:clamp(1.9rem,4.4vw,2.9rem);max-width:22ch;margin-bottom:.32em;letter-spacing:-.02em;line-height:1.08;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.3);}
.co-byline{display:flex;align-items:center;gap:9px;margin:0 0 14px;}
.co-byline-t{font-size:.8rem;color:rgba(234,243,241,.8);}
.co-byline-t a{color:var(--gold);font-weight:700;}
.co-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-family:var(--disp);font-weight:800;font-size:.8rem;border:2px solid rgba(255,255,255,.55);}
img.co-avatar{object-fit:cover;background:none;}
.co-avatar.sm{width:30px;height:30px;font-size:.72rem;}
.co-hero-lede{max-width:62ch;font-size:1rem;margin-bottom:0;color:rgba(234,243,241,.85);}
.co-trust{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;}
.co-trust span{font-family:var(--mono);font-size:.6rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px 11px;color:rgba(234,243,241,.82);background:rgba(255,255,255,.07);white-space:nowrap;}

/* trophy case — bright card floating on the dark hero */
.co-case{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.24);border-radius:16px;padding:12px;box-shadow:0 28px 56px -22px rgba(0,0,0,.62);backdrop-filter:blur(3px);}
.co-case-in{background:#fff;border-radius:11px;padding:16px;position:relative;overflow:hidden;}
.co-case-in>*{position:relative;z-index:2;}
.co-case-in::after{content:"";position:absolute;top:-40%;left:-30%;width:70%;height:180%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0));transform:rotate(18deg);z-index:1;}
.co-case-slot{position:absolute;right:13px;top:13px;font-family:var(--mono);font-size:.6rem;color:var(--muted);}
.co-case-tag{font-family:var(--mono);font-size:.57rem;letter-spacing:.09em;text-transform:uppercase;color:#3a2600;background:linear-gradient(90deg,var(--gold),#f4cf6a);border-radius:999px;padding:4px 11px;display:inline-block;margin-bottom:11px;font-weight:700;}
.co-case-plate{background:#fff;border:1px solid var(--rule);border-radius:8px;height:64px;display:grid;place-items:center;padding:7px;margin-bottom:10px;}
.co-case-plate img{max-height:50px;max-width:100%;object-fit:contain;}
.co-case-bonus{font-family:var(--disp);font-weight:800;font-size:1.2rem;line-height:1.2;margin:0 0 3px;color:var(--ink);}
.co-case-sub{font-family:var(--mono);font-size:.62rem;color:var(--muted);margin:0 0 12px;}

/* CTA */
.co-cta{display:block;text-align:center;background:var(--cta);color:var(--cta-text);text-decoration:none;font-weight:700;font-size:.9rem;padding:13px 12px;min-height:46px;line-height:1.25;border:0;border-radius:9px;box-shadow:0 6px 14px -8px rgba(242,104,12,.75);}
.co-cta:hover{background:var(--cta-dk);}
.co-tc{display:block;font-family:var(--mono);font-size:.52rem;color:var(--muted);text-align:center;margin-top:6px;}

/* toplist */
.co-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px;}
.co-filters button{font-family:var(--mono);font-size:.64rem;padding:7px 13px;border:1px solid var(--rule);border-radius:999px;background:var(--bg);color:var(--ink);cursor:pointer;}
.co-filters button[aria-pressed=true]{background:var(--primary);color:#fff;border-color:var(--primary);}
.co-rows{display:flex;flex-direction:column;gap:10px;}
.co-row{display:grid;grid-template-columns:56px 138px minmax(0,1fr) 176px 168px;align-items:center;gap:15px;border:1px solid var(--rule);border-radius:var(--r);background:var(--bg);padding:13px 15px;}
.co-row:nth-child(even){background:var(--steel);}
.co-row.is-top{border:2px solid var(--primary);background:var(--bg);box-shadow:0 12px 26px -16px rgba(15,93,87,.5);}
.co-row[hidden]{display:none !important;}
.co-slot{text-align:center;}
.co-slot b{display:block;font-family:var(--mono);font-weight:600;font-size:1rem;color:#fff;background:var(--primary);border-radius:7px;padding:6px 0;}
.co-slot small{display:block;font-family:var(--mono);font-size:.5rem;color:var(--muted);margin-top:3px;}
.co-plate{background:#fff;border:1px solid var(--rule);border-radius:9px;height:58px;display:grid;place-items:center;padding:6px;}
.co-plate img{max-height:46px;max-width:100%;object-fit:contain;}
.co-logo-txt{font-family:var(--disp);font-weight:800;font-size:.82rem;color:var(--primary);text-align:center;}
.co-award{display:inline-block;font-family:var(--mono);font-size:.55rem;letter-spacing:.07em;text-transform:uppercase;background:var(--gold);color:#3a2600;border-radius:999px;padding:3px 9px;margin-bottom:5px;}
.co-name{font-family:var(--disp);font-weight:800;font-size:1.02rem;margin:0 0 3px;}
.co-note{font-size:.79rem;color:var(--muted);line-height:1.44;margin:0;}
.co-coil{margin-top:8px;display:flex;align-items:center;gap:9px;}
.co-coil svg{flex:0 0 auto;width:78px;height:24px;}
.co-coil path{fill:none;stroke:var(--primary);stroke-width:2.1;stroke-linecap:round;}
.co-coil circle{fill:var(--accent);}
.co-coil-cap{font-family:var(--mono);font-size:.56rem;color:var(--muted);line-height:1.35;}
.co-coil-cap b{color:var(--ink);}
.co-secondary{display:inline-block;margin-top:6px;font-size:.75rem;color:var(--primary);}
.co-facts{display:flex;flex-direction:column;gap:5px;align-items:flex-start;}
.co-score{font-family:var(--disp);font-weight:800;font-size:1.3rem;color:var(--primary);}
.co-score small{font-family:var(--mono);font-weight:400;font-size:.6rem;color:var(--muted);}
.co-pill{font-family:var(--mono);font-size:.58rem;border:1px solid var(--rule);border-radius:6px;padding:2px 8px;color:var(--muted);}
.co-facts-sub{font-size:.72rem;color:var(--muted);}
.co-loadwrap{margin-top:17px;text-align:center;}
.co-load{font-family:var(--mono);font-size:.69rem;padding:12px 24px;border-radius:999px;border:1px solid var(--primary);background:var(--bg);color:var(--primary);cursor:pointer;}

/* body prose + components */
.co-body{padding-top:20px;}
.co-prose{max-width:74ch;}
.co-prose h2{margin-top:1.2em;}
.co-prose h3{margin-top:1.4em;}
.co-prose ul,.co-prose ol{padding-left:1.25em;}
.co-prose li{margin:.3em 0;}
.callout{background:var(--glass);border:1px solid var(--rule);border-left:4px solid var(--primary);border-radius:8px;padding:14px 18px;margin:18px 0;}
.callout.warn{border-left-color:var(--cta);background:#fdf2ea;}
.callout h3{margin-top:0;}
.protab{width:100%;border-collapse:collapse;margin:14px 0;font-size:.9rem;display:block;overflow-x:auto;}
.protab th,.protab td{border:1px solid var(--rule);padding:9px 12px;text-align:left;}
.protab th{background:var(--primary);color:#fff;font-family:var(--mono);font-size:.66rem;letter-spacing:.03em;text-transform:uppercase;}
.protab tr:nth-child(even) td{background:var(--steel);}
.pro-con{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;}
.pro-con>div{background:var(--steel);border:1px solid var(--rule);border-radius:10px;padding:14px 18px;}
.pro-con h4{font-family:var(--mono);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;}
.pro h4{color:var(--primary);}.con h4{color:var(--cta-dk);}

/* reviews */
.co-rev{background:var(--steel);border:1px solid var(--rule);border-radius:var(--r);padding:22px;margin-top:22px;}
.co-rev-head{display:flex;align-items:center;gap:15px;margin-bottom:13px;flex-wrap:wrap;}
.co-rev-head .co-plate{width:136px;flex:0 0 auto;background:#fff;}
.co-rev-head h3{margin:0;}
.co-rev-stars{color:var(--gold);font-size:.8rem;}
.co-verdict{font-family:var(--disp);font-size:1.05rem;font-weight:700;color:var(--primary);margin:0 0 14px;}
.co-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;}
.co-pc>div{background:var(--bg);border:1px solid var(--rule);border-radius:9px;padding:13px;}
.co-pc ul{margin:0;padding-left:17px;font-size:.86rem;}
.co-pc h4{font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;}
.co-pc div:first-child h4{color:var(--primary);}.co-pc div:last-child h4{color:var(--cta-dk);}
.co-skip{border-left:3px solid var(--primary);padding-left:13px;font-size:.87rem;margin-bottom:15px;}

/* FAQ */
.co-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.co-faq-i{background:var(--steel);border:1px solid var(--rule);border-radius:var(--r);padding:16px 17px;}
.co-faq-i h3{margin:0 0 7px;font-size:.98rem;}
.co-faq-i p{margin:0;font-size:.89rem;color:var(--muted);}

/* RG foot band */
.co-rg-foot{background:#20140a;color:#f4c430;text-align:center;padding:12px;font-size:.82rem;border-radius:10px;margin:8px 0;}
.co-rg-foot a{color:#f4c430;text-decoration:underline;}

/* author + footer */
.co-author{display:flex;gap:22px;align-items:flex-start;background:var(--steel);border:1px solid var(--rule);border-radius:var(--r);padding:22px;}
.co-author .co-avatar{width:96px;height:96px;font-size:1.9rem;border-width:3px;}
.co-foot{background:var(--footbg);color:var(--foottext);padding:42px 0 30px;}
.co-foot a{color:var(--foottext);text-decoration:none;}
.co-foot a:hover{text-decoration:underline;}
.co-foot-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:26px;}
.co-foot h4{font-family:var(--mono);font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;opacity:.65;margin:0 0 11px;}
.co-foot ul{list-style:none;margin:0;padding:0;font-size:.83rem;line-height:2;}
.co-foot-logo{font-family:var(--disp);font-weight:900;font-size:1.05rem;color:#fff;}
.co-foot-logo span{color:var(--accent);}
.co-foot-small{font-size:.72rem;opacity:.72;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);}
.co-foot-small a{text-decoration:underline;}

/* mobile */
@media(max-width:980px){
  .co-hero-in{grid-template-columns:minmax(0,1fr);gap:20px;}
  .co-row{grid-template-columns:56px minmax(0,1fr);gap:11px 13px;}
  .co-row .co-plate{grid-column:2;height:50px;}
  .co-row .co-mid{grid-column:1/-1;}
  .co-row .co-facts{grid-column:1/-1;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap;}
  .co-row .co-act{grid-column:1/-1;}
  .co-pc,.co-faq{grid-template-columns:minmax(0,1fr);}
  .co-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:768px){
  body{font-size:16px;}
  section{padding:34px 0;}
  .co-links{display:none;}
  .co-burger{display:block;background:none;border:1px solid var(--rule);border-radius:9px;width:44px;height:44px;cursor:pointer;padding:0;}
  .co-burger span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto;}
  .co-nav.is-open .co-links{display:flex;flex-direction:column;align-items:stretch;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--navbg);border-bottom:1px solid var(--rule);padding:6px 20px 14px;max-height:80vh;overflow-y:auto;}
  .co-nav-item{width:100%;}
  .co-nav-top,.co-nav-link{width:100%;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--rule);font-size:.92rem;border-radius:0;}
  .co-nav-item .co-caret{transition:transform .15s;}
  .co-nav-item.is-open-sub .co-caret{transform:rotate(180deg);}
  /* mobile: sub-menus are click-expanded, not hover */
  .co-nav-item:hover .co-sub,.co-nav-item:focus-within .co-sub{display:none;}
  .co-nav-item.is-open-sub .co-sub{display:flex;position:static;border:0;box-shadow:none;padding:2px 0 8px 14px;min-width:0;background:transparent;}
  .co-nav.is-open .co-sub a{padding:10px 0;font-size:.86rem;}
  h2{font-size:21px;}
  .co-case{display:none;}
  /* --- mobile above-the-fold: H1 + author/updated, then table H2 + table --- */
  .co-hero{padding:12px 0 10px;}
  .co-hero h1{font-size:24px;line-height:1.12;margin-bottom:.35em;}
  .co-byline{margin-bottom:0;}
  .co-hero-lede{display:none;}      /* kept in DOM for desktop + crawlers */
  .co-trust{display:none;}
  .co-hero + section{padding-top:14px;}
  #toplist{padding-top:14px;padding-bottom:24px;}
  #toplist > .co-wrap > h2{font-size:19px;line-height:1.16;margin-bottom:.35em;}
  #toplist > .co-wrap > .co-lead{font-size:.85rem;margin-bottom:10px;}
  .co-filters{margin-bottom:12px;}
  .co-author{flex-direction:column;align-items:center;text-align:center;}
  .co-foot-grid{grid-template-columns:minmax(0,1fr);gap:20px;}
  .pro-con{grid-template-columns:minmax(0,1fr);}
  .co-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
  .co-filters::-webkit-scrollbar{display:none;}
  .co-filters button{flex:0 0 auto;}
}