/* =====================================================================
   Unblocked Games Clan 2026 — "Arcade Night" design system
   One stylesheet for the whole site. Legacy class names from older
   pages (card, toolCard, hero, faq-item, banner728 …) are kept and
   restyled here so every existing tool keeps working.
   ===================================================================== */

:root{
  --cg-bg:#070817;          /* page */
  --cg-s1:#0e1130;          /* surface */
  --cg-s2:#151a3f;          /* raised */
  --cg-s3:#20265a;          /* hover / pressed */
  --cg-line:rgba(170,186,255,.13);
  --cg-line-strong:rgba(170,186,255,.24);
  --cg-text:#f3f4ff;
  --cg-muted:#b3b8dc;
  --cg-dim:#8a90bb;
  --cg-coin:#4ff0c4;        /* primary action — arcade token yellow */
  --cg-coin-ink:#04261d;
  --cg-coral:#ff5a4e; --cg-violet:#a98bff; --cg-cyan:#3dd6f5; --cg-pink:#ff6fb5; --cg-mint:#3fe0a0; --cg-lime:#b8f03c;
  --cg-cat:var(--cg-coin);     /* overridden per category */
  --cg-r-panel:26px; --cg-r-tile:16px; --cg-r-btn:12px;
  --cg-font:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cg-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --cg-wrap:1200px;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--cg-bg);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body{
  font-family:var(--cg-font);font-size:16px;line-height:1.6;color:var(--cg-text);
  background-color:var(--cg-bg);
  background-image:radial-gradient(rgba(170,186,255,.07) 1px,transparent 1.4px);
  background-size:22px 22px;
  min-height:100vh;padding:0;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video,canvas,iframe{max-width:100%}
a{color:var(--cg-cyan);text-underline-offset:3px}
a:hover{color:#8beaff}
:focus-visible{outline:3px solid var(--cg-coin);outline-offset:3px;border-radius:6px}
::selection{background:var(--cg-coin);color:var(--cg-coin-ink)}
body h1{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.02em;font-weight:800;margin-bottom:12px}
body h2{font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.015em;font-weight:750;margin-bottom:14px}
body h3{font-size:18px;line-height:1.3;font-weight:700}
body p{font-size:inherit}

/* ---------- page shell ---------- */
body>.container,body>.bt-container,body>main.bt-container{
  width:100%;max-width:var(--cg-wrap)!important;margin:0 auto!important;padding:0 20px 24px;
  display:flex;flex-direction:column;
}
body>.container>*,body>.bt-container>*{min-width:0}
@media (max-width:620px){body>.container,body>.bt-container{padding:0 12px 18px}}

/* ---------- ads (sizes kept from the original monetisation setup) ---------- */
.banner728,.banner300{display:flex;justify-content:center;align-items:center;width:100%;margin:18px 0;min-height:0}
.banner300{margin:24px auto}
.banner728 ins.adsbygoogle{display:block!important;width:100%!important;max-width:320px!important;min-width:250px!important;height:auto!important;min-height:50px!important}
.banner300 ins.adsbygoogle{display:block!important;width:300px!important;min-width:300px!important;height:250px!important}
@media (min-width:768px){
  .banner728 ins.adsbygoogle{max-width:970px!important;min-width:728px!important;min-height:90px!important}
  .banner300 ins.adsbygoogle{width:336px!important;min-width:336px!important;height:280px!important}
}
@media (max-width:767px){.banner728,.banner300{max-width:100%}.banner728 ins.adsbygoogle{min-width:250px!important;max-width:100%!important}}
.banner728 img,.banner300 img{border-radius:12px;height:auto}

/* =====================================================================
   TOP BAR / NAVIGATION
   ===================================================================== */
.cgu-skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--cg-coin);color:var(--cg-coin-ink);padding:10px 14px;border-radius:10px;font-weight:800;text-decoration:none}
.cgu-skip:focus{left:12px}
.cgu-topbar{
  order:-1;position:sticky;top:0;z-index:60;
  background:rgba(15,12,34,.86);
  box-shadow:0 0 0 100vmax rgba(15,12,34,.86);clip-path:inset(0 -100vmax);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--cg-line);
  margin-bottom:6px;
}
.cgu-nav{display:flex;align-items:center;gap:14px;height:66px}
.cgu-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cg-text)!important;flex:0 0 auto}
.cgu-logo{width:38px;height:38px;flex:0 0 38px;display:block}
.cgu-brandtext{display:flex;flex-direction:column;line-height:1}
.cgu-brandtext strong{font-size:19px;font-weight:800;letter-spacing:-.02em}
.cgu-brandtext strong span{color:var(--cg-coin)}
.cgu-links{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow:hidden}
.cgu-links a{
  display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:10px;
  color:var(--cg-muted)!important;text-decoration:none;font-weight:650;font-size:14.5px;white-space:nowrap;
}
.cgu-links a i{width:8px;height:8px;border-radius:3px;background:var(--c,var(--cg-coin));flex:0 0 8px;transform:rotate(45deg)}
.cgu-links a:hover{color:var(--cg-text)!important;background:var(--cg-s2)}
.cgu-links a.active{color:var(--cg-text)!important;background:var(--cg-s2);box-shadow:inset 0 -2px 0 var(--c,var(--cg-coin))}
.cgu-search-btn{
  display:flex;align-items:center;gap:10px;height:42px;min-width:230px;padding:0 10px 0 14px;
  border-radius:12px;border:1px solid var(--cg-line-strong);background:var(--cg-s1);color:var(--cg-dim);
  font:inherit;font-size:14px;cursor:pointer;text-align:left;
}
.cgu-search-btn:hover{border-color:var(--cg-coin);color:var(--cg-muted)}
.cgu-search-btn svg{flex:0 0 18px;color:var(--cg-muted)}
.cgu-search-btn span{flex:1}
.cgu-search-btn kbd{font:600 12px var(--cg-mono);border:1px solid var(--cg-line-strong);border-radius:6px;padding:2px 7px;color:var(--cg-muted)}
.cgu-menu-btn{
  display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:12px;border:0;
  background:var(--cg-coin);color:var(--cg-coin-ink);font:inherit;font-weight:800;font-size:14px;cursor:pointer;
}
.cgu-menu-btn:hover{filter:brightness(1.06)}
.cgu-menu-btn .bars{display:grid;gap:3px}.cgu-menu-btn .bars b{display:block;width:16px;height:2px;border-radius:2px;background:currentColor;transition:.2s}
.cgu-menu-btn[aria-expanded="true"] .bars b:nth-child(1){transform:translateY(5px) rotate(45deg)}
.cgu-menu-btn[aria-expanded="true"] .bars b:nth-child(2){opacity:0}
.cgu-menu-btn[aria-expanded="true"] .bars b:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

.cgu-drawer{padding:6px 0 22px;border-top:1px solid var(--cg-line);max-height:calc(100vh - 70px);overflow:auto;overscroll-behavior:contain}
.cgu-drawer[hidden]{display:none}
.cgu-drawer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.cgu-drawer-grid a{
  display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;
  padding:12px;border-radius:14px;background:var(--cg-s1);border:1px solid var(--cg-line);text-decoration:none;color:var(--cg-text)!important;
}
.cgu-drawer-grid a:hover{border-color:var(--c);background:var(--cg-s2)}
.cgu-drawer-grid a b{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.cgu-drawer-grid a strong{font-size:15px;font-weight:700;line-height:1.2}
.cgu-drawer-grid a small{font-size:12.5px;color:var(--cg-dim)}
.cgu-drawer-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cgu-drawer-quick a,.cgu-chip{
  display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:var(--cg-s1);
  border:1px solid var(--cg-line);color:var(--cg-muted)!important;text-decoration:none;font-size:13.5px;font-weight:600;white-space:nowrap
}
.cgu-drawer-quick a:hover,a.cgu-chip:hover{color:var(--cg-text)!important;border-color:var(--cg-line-strong);background:var(--cg-s2)}
.cgu-drawer-label{font-size:13px;color:var(--cg-dim);font-weight:600;margin-top:16px}

@media (max-width:1240px){.cgu-links a{padding:0 9px;font-size:14px}.cgu-search-btn{min-width:0}.cgu-search-btn span,.cgu-search-btn kbd{display:none}.cgu-search-btn{width:42px;padding:0;justify-content:center}}
@media (max-width:900px){
  .cgu-links{display:none}
  .cgu-brand{margin-right:auto}
  .cgu-drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .cgu-nav{height:58px;gap:8px}
  .cgu-logo{width:34px;height:34px;flex-basis:34px}
  .cgu-brandtext strong{font-size:17px}
  .cgu-menu-btn{padding:0 12px}.cgu-menu-btn em{display:none}
  .cgu-drawer-grid{grid-template-columns:1fr 1fr;gap:6px}
  .cgu-drawer-grid a{grid-template-columns:34px 1fr;padding:10px;column-gap:9px}
  .cgu-drawer-grid a b{width:34px;height:34px;font-size:17px;border-radius:10px}
  .cgu-drawer-grid a strong{font-size:13.5px}
  .cgu-drawer-grid a small{font-size:11.5px}
}

/* ---------- search palette ---------- */
.cgu-search{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:9vh 14px 14px;background:rgba(8,6,20,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cgu-search[hidden]{display:none}
.cgu-search-box{width:100%;max-width:680px;max-height:78vh;display:flex;flex-direction:column;background:var(--cg-s1);border:1px solid var(--cg-line-strong);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.cgu-search-field{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--cg-line)}
.cgu-search-field svg{color:var(--cg-coin);flex:0 0 22px}
.cgu-search-field input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--cg-text);font:inherit;font-size:19px}
.cgu-search-field input::placeholder{color:var(--cg-dim)}
.cgu-search-field button{background:var(--cg-s2);border:1px solid var(--cg-line);color:var(--cg-muted);border-radius:8px;padding:5px 9px;font:600 12px var(--cg-font);cursor:pointer}
.cgu-search-results{overflow:auto;padding:8px;overscroll-behavior:contain}
.cgu-search-results h4{font-size:12.5px;color:var(--cg-dim);font-weight:600;padding:10px 10px 6px}
.cgu-search-results a{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--cg-text)!important}
.cgu-search-results a b{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--c,#888) 18%,transparent)}
.cgu-search-results a strong{display:block;font-size:15px;font-weight:650;line-height:1.25}
.cgu-search-results a small{display:block;font-size:12.5px;color:var(--cg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46ch}
.cgu-search-results a em{font-style:normal;font-size:11.5px;color:var(--c);font-weight:700;white-space:nowrap}
.cgu-search-results a[aria-selected="true"],.cgu-search-results a:hover{background:var(--cg-s2)}
.cgu-search-empty{padding:26px 14px;color:var(--cg-muted);text-align:center}
.cgu-search-foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--cg-line);color:var(--cg-dim);font-size:12px}
@media (max-width:520px){.cgu-search{padding:10px}.cgu-search-box{max-height:88vh}.cgu-search-results a em{display:none}.cgu-search-results a{grid-template-columns:36px 1fr}.cgu-search-foot{display:none}}

/* =====================================================================
   PAGE HERO (tools & games)
   ===================================================================== */
.cgu-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--cg-dim);margin:14px 0 10px}
.cgu-crumbs a{color:var(--cg-muted);text-decoration:none}
.cgu-crumbs a:hover{color:var(--cg-text)}
.cgu-crumbs span[aria-hidden]{opacity:.5}
.cgu-page-hero{
  position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
  padding:22px 24px;margin:0 0 18px;border-radius:var(--cg-r-panel);
  background:linear-gradient(120deg,color-mix(in srgb,var(--cg-cat) 20%,var(--cg-s1)) 0%,var(--cg-s1) 55%);
  border:1px solid color-mix(in srgb,var(--cg-cat) 30%,transparent);
  overflow:hidden;color:var(--cg-text);
}
.cgu-page-hero::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:40px;transform:rotate(28deg);border:2px solid color-mix(in srgb,var(--cg-cat) 28%,transparent);pointer-events:none}
.cgu-page-hero-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:32px;background:color-mix(in srgb,var(--cg-cat) 22%,var(--cg-s2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cg-cat) 45%,transparent)}
.cgu-page-hero h1{margin:0 0 4px!important;color:var(--cg-text)!important;font-size:clamp(26px,3.6vw,38px)!important;line-height:1.08;letter-spacing:-.025em}
.cgu-page-hero p{margin:0;max-width:68ch;color:var(--cg-muted)!important;line-height:1.55;font-size:15.5px}
.cgu-page-hero .cgu-kicker{display:none}
.cgu-hero-btns{position:relative;z-index:2;display:flex;gap:8px}
.cgu-share,.cgu-fav,.back-button{
  display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:var(--cg-r-btn);
  border:1px solid var(--cg-line-strong);background:rgba(255,255,255,.04);color:var(--cg-text)!important;
  font:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;text-decoration:none
}
.cgu-share:hover,.cgu-fav:hover,.back-button:hover{background:var(--cg-s2);border-color:var(--cg-cat,var(--cg-coin))}
.cgu-fav[aria-pressed="true"]{background:var(--cg-coin);color:var(--cg-coin-ink)!important;border-color:var(--cg-coin)}
@media (max-width:720px){
  .cgu-page-hero{grid-template-columns:auto 1fr;padding:18px;gap:14px}
  .cgu-page-hero-icon{width:52px;height:52px;font-size:26px;border-radius:15px}
  .cgu-hero-btns{grid-column:1/-1}
  .cgu-page-hero p{font-size:14.5px}
}

/* legacy tool header used by image converters & place finder */
.tool-header{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:22px 24px;margin:14px 0 20px!important;border-radius:var(--cg-r-panel)!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--cg-pink) 18%,var(--cg-s1)),var(--cg-s1) 60%)!important;
  border:1px solid color-mix(in srgb,var(--cg-pink) 30%,transparent);box-shadow:none!important
}
.tool-header h1{color:var(--cg-text)!important;font-size:clamp(24px,3.4vw,36px)!important;margin:0 0 6px!important;letter-spacing:-.02em}
.tool-header p,.tool-header .hero-text{color:var(--cg-muted)!important;margin:0!important;opacity:1}
.tool-info{max-width:720px}
.share-button{border-radius:var(--cg-r-btn)!important}
@media (max-width:900px){.tool-header{flex-direction:column;align-items:flex-start}}

/* =====================================================================
   LEGACY CONTENT COMPONENTS (cards, hubs, FAQ)
   ===================================================================== */
.card{
  background:var(--cg-s1)!important;color:var(--cg-text)!important;
  border:1px solid var(--cg-line)!important;border-radius:var(--cg-r-panel)!important;
  padding:24px!important;margin-bottom:18px;box-shadow:none!important
}
.card h1,.card h2,.card h3,.card h4,.card p,.card label,.card strong{color:inherit}
@media (max-width:620px){.card{padding:18px!important;border-radius:20px!important}}

.hero{text-align:left;padding:4px 0}
.hero h1{font-size:clamp(30px,4.6vw,48px);letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}
.hero p{max-width:72ch;margin:0;font-size:16.5px;line-height:1.65;color:var(--cg-muted);opacity:1}
.heroBadges{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:18px}
.heroBadges span{background:var(--cg-s2)!important;color:var(--cg-muted)!important;border:1px solid var(--cg-line)!important;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:600}
.categoryNav{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;margin-top:20px}
.categoryNav a{background:var(--cg-s2);color:var(--cg-text)!important;border:1px solid var(--cg-line);padding:8px 13px;border-radius:999px;font-size:14px;font-weight:650;text-decoration:none}
.categoryNav a:hover{border-color:var(--cg-coin);background:var(--cg-s3)}
.card h2[id]{text-align:left!important;scroll-margin-top:86px}

.toolGrid,.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:6px}
.toolCard,.toolGrid .toolCard,.tool-grid .toolCard,.tool-grid a{
  display:block;padding:15px 16px;border-radius:var(--cg-r-tile);background:var(--cg-s2)!important;color:var(--cg-text)!important;
  border:1px solid var(--cg-line)!important;text-decoration:none;font-weight:600;white-space:normal;transition:border-color .15s,background .15s
}
.toolCard:hover,.tool-grid a:hover{background:var(--cg-s3)!important;border-color:var(--cg-coin)!important}
.toolTitle{font-size:16px;font-weight:750;color:var(--cg-text)!important;line-height:1.3}
.toolDesc{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--cg-muted)!important;font-weight:400}
.toolThumb{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:10px;display:block}
.cgu-hub-filter{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:12px 16px;border-radius:16px;background:var(--cg-s1);border:1px solid var(--cg-line-strong)}
.cgu-hub-filter input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--cg-text);font:inherit;font-size:16px}
.cgu-hub-filter input::placeholder{color:var(--cg-dim)}
.cgu-hub-filter svg{color:var(--cg-coin)}
.cgu-hub-filter output{font-size:13px;color:var(--cg-dim);white-space:nowrap}

.recommended-tools{margin-top:24px}
.faq-section{margin-top:24px}
.faq-item{margin-bottom:0;padding:16px 0;border-top:1px solid var(--cg-line)}
.faq-item:first-of-type{border-top:0}
.faq-item h3{margin-bottom:6px;font-size:17px;color:var(--cg-text)!important}
.faq-item p{opacity:1;color:var(--cg-muted)!important;line-height:1.65}
.faq,.faqItem,.faq-card,.faqCard,.accordion-item,.accordionItem{color:var(--cg-text)}
.faq p,.faqItem p,.faq-card p,.faqCard p,.accordion-item p,.accordionItem p{color:var(--cg-muted)}

.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 336px!important;gap:22px!important;align-items:start}
.tool-grid2{display:grid;grid-template-columns:1fr;gap:8px}
.tool-grid2 a{color:var(--cg-text)!important;background:var(--cg-s2);border-radius:10px;padding:10px 12px!important;text-decoration:none;font-weight:600;white-space:normal}
.tool-grid2 a:hover{background:var(--cg-s3)!important}
@media (max-width:860px){.bottom-grid{grid-template-columns:1fr!important}}

#backToTop{position:fixed;right:18px;bottom:18px;left:auto;margin:0;width:48px;height:48px;border:1px solid var(--cg-line-strong);border-radius:14px;background:var(--cg-s2);color:var(--cg-text);font-size:20px;line-height:1;cursor:pointer;opacity:0;visibility:hidden;transition:.2s;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.4)}
#backToTop.show{opacity:1;visibility:visible}
#backToTop:hover{background:var(--cg-coin);color:var(--cg-coin-ink);transform:none}

/* old header bits (kept for any page still using them) */
.siteHeader{display:none!important}

/* =====================================================================
   RELATED / RECOMMENDATIONS (every tool page)
   ===================================================================== */
.cgu-related{margin:30px 0 8px}
.cgu-related-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}
.cgu-related-head h2{margin:0!important;font-size:clamp(22px,3vw,28px)!important}
.cgu-related-head a{font-weight:700;font-size:14.5px;text-decoration:none;color:var(--cg-cat,var(--cg-coin))!important;white-space:nowrap}
.cgu-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cgu-tile{
  --c:var(--cg-coin);position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;min-height:118px;
  border-radius:var(--cg-r-tile);background:var(--cg-s1);border:1px solid var(--cg-line);text-decoration:none;color:var(--cg-text)!important;
  transition:border-color .15s,background .15s,transform .15s
}
.cgu-tile:hover{border-color:var(--c);background:var(--cg-s2);transform:translateY(-2px)}
.cgu-tile b{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--c) 17%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 38%,transparent)}
.cgu-tile strong{font-size:15px;line-height:1.25;font-weight:700}
.cgu-tile small{font-size:12.5px;line-height:1.45;color:var(--cg-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cgu-tile .cgu-new{position:absolute;top:12px;right:12px;font-size:11px;font-weight:800;color:var(--cg-coin-ink);background:var(--cg-coin);padding:2px 8px;border-radius:999px}
.cgu-tile.has-img{padding:0;overflow:hidden;min-height:0}
.cgu-tile.has-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--cg-s2)}
.cgu-tile.has-img span{display:flex;flex-direction:column;gap:3px;padding:11px 13px 13px}
@media (max-width:980px){.cgu-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.cgu-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cgu-tile{min-height:0;padding:12px}.cgu-tile small{-webkit-line-clamp:2}}

.cgu-discover-row{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:22px;align-items:center;margin:22px 0}
.cgu-reco-card{margin:0!important}
.cgu-reco-card h2{margin:0 0 12px!important;font-size:22px!important}
.cgu-reco-links{display:flex;flex-wrap:wrap;gap:8px}
.cgu-reco-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:var(--cg-s2);border:1px solid var(--cg-line);text-decoration:none;color:var(--cg-text)!important;font-weight:600;font-size:14px}
.cgu-reco-links a:hover{border-color:var(--cg-coin);background:var(--cg-s3)}
@media (max-width:860px){.cgu-discover-row{grid-template-columns:1fr}.cgu-discover-row>.banner300{margin-inline:auto}}

/* =====================================================================
   SHARED SECTION PIECES
   ===================================================================== */
.cgu-kicker{display:inline-block;color:var(--cg-coin);font-size:14px;font-weight:700;letter-spacing:0;text-transform:none}
.cgu-section{margin:44px 0 0}
.cgu-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.cgu-section-head h2{margin:0!important;font-size:clamp(24px,3.4vw,34px)!important;letter-spacing:-.025em;color:var(--cg-text)}
.cgu-section-head p{max-width:46ch;color:var(--cg-muted);line-height:1.5;margin-top:4px}
.cgu-section-head>a{font-weight:700;text-decoration:none;white-space:nowrap;color:var(--cg-coin)!important;font-size:15px}
.cgu-section-head>a:hover{text-decoration:underline}
@media (max-width:620px){.cgu-section{margin-top:34px}.cgu-section-head{flex-direction:column;align-items:flex-start;gap:6px}}

.cgu-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 22px;border-radius:14px;font:inherit;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;border:0;white-space:nowrap}
.cgu-btn.primary{background:var(--cg-coin);color:var(--cg-coin-ink)!important;box-shadow:0 6px 0 #1a9c7a,0 14px 30px rgba(79,240,196,.18)}
.cgu-btn.primary:hover{transform:translateY(1px);box-shadow:0 5px 0 #1a9c7a,0 10px 24px rgba(79,240,196,.18)}
.cgu-btn.primary:active{transform:translateY(5px);box-shadow:0 1px 0 #1a9c7a}
.cgu-btn.ghost{background:var(--cg-s2);color:var(--cg-text)!important;border:1px solid var(--cg-line-strong)}
.cgu-btn.ghost:hover{background:var(--cg-s3)}

/* =====================================================================
   HOME
   ===================================================================== */
.cgu-home-hero{
  position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:10px;
  min-height:540px;margin-top:10px;padding:40px 0 30px;isolation:isolate
}
.cgu-home-copy{position:relative;z-index:2}
.cgu-home-copy h1{font-size:clamp(42px,6.4vw,82px)!important;line-height:.95!important;letter-spacing:-.045em;font-weight:800;margin:0 0 20px!important;color:var(--cg-text)}
.cgu-home-copy h1 .stroke{color:transparent;-webkit-text-stroke:2px var(--cg-coin);paint-order:stroke}
.cgu-home-copy>p{max-width:46ch;color:var(--cg-muted);font-size:18px;line-height:1.6;margin:0 0 26px}
.cgu-hero-search{
  display:flex;align-items:center;gap:12px;max-width:540px;height:62px;padding:0 8px 0 20px;border-radius:18px;
  background:var(--cg-s1);border:2px solid var(--cg-line-strong);cursor:text;transition:border-color .15s
}
.cgu-hero-search:hover,.cgu-hero-search:focus-within{border-color:var(--cg-coin)}
.cgu-hero-search svg{color:var(--cg-coin);flex:0 0 22px}
.cgu-hero-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--cg-text);font:inherit;font-size:17px}
.cgu-hero-search input::placeholder{color:var(--cg-dim)}
.cgu-hero-search button{height:46px;padding:0 18px;border-radius:12px;border:0;background:var(--cg-coin);color:var(--cg-coin-ink);font:inherit;font-weight:800;cursor:pointer}
.cgu-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.cgu-hero-tags>span{color:var(--cg-dim);font-size:14px;margin-right:2px}
.cgu-hero-stage{position:relative;height:100%;min-height:440px}
.cgu-hero-stage canvas{position:absolute;inset:-40px -60px -40px -40px;width:calc(100% + 100px)!important;height:calc(100% + 80px)!important;display:block}
.cgu-hero-fallback{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .8s}
.cgu-hero-stage.is-3d .cgu-hero-fallback{opacity:0}
.cgu-hero-fallback svg{width:min(100%,460px);height:auto}
.cgu-hero-floaters{position:absolute;inset:auto 0 6% 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;z-index:2;pointer-events:none}
.cgu-hero-floaters a{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;background:rgba(23,19,47,.86);border:1px solid var(--cg-line-strong);text-decoration:none;color:var(--cg-text)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;font-weight:650}
.cgu-hero-floaters a:hover{border-color:var(--cg-coin)}
.cgu-hero-floaters img{width:42px;height:42px;border-radius:10px;object-fit:cover}
.cgu-hero-floaters small{display:block;color:var(--cg-dim);font-weight:500;font-size:12px}
@media (max-width:900px){
  .cgu-home-hero{grid-template-columns:1fr;min-height:0;padding:22px 0 8px;gap:0}
  .cgu-hero-stage{min-height:300px;order:-1;margin:-6px -12px 0}
  .cgu-hero-stage canvas{inset:0;width:100%!important;height:100%!important}
  .cgu-hero-floaters{display:none}
  .cgu-home-copy>p{font-size:16.5px}
}
@media (max-width:520px){
  .cgu-hero-stage{min-height:190px;margin-bottom:-6px}
  .cgu-home-copy h1{font-size:44px!important}
  .cgu-hero-search{height:56px;padding-left:14px}
  .cgu-hero-search button{display:none}
}

/* category rail */
.cgu-cat-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px}
.cgu-cat-rail a{
  --c:var(--cg-coin);position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:118px;padding:15px;
  border-radius:18px;background:var(--cg-s1);border:1px solid var(--cg-line);text-decoration:none;color:var(--cg-text)!important;overflow:hidden
}
.cgu-cat-rail a::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--c)}
.cgu-cat-rail a:hover{background:var(--cg-s2);border-color:color-mix(in srgb,var(--c) 55%,transparent)}
.cgu-cat-rail b{font-size:26px;line-height:1}
.cgu-cat-rail strong{font-size:15.5px;line-height:1.2;font-weight:750}
.cgu-cat-rail small{display:block;color:var(--cg-dim);font-size:12.5px;font-weight:500;margin-top:2px}
@media (max-width:980px){.cgu-cat-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:620px){.cgu-cat-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cgu-cat-rail a{min-height:96px;padding:13px}}

/* game shelf */
.cgu-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cgu-shelf a{position:relative;display:block;border-radius:20px;overflow:hidden;background:var(--cg-s1);border:1px solid var(--cg-line);text-decoration:none;color:var(--cg-text)!important}
.cgu-shelf a:hover{border-color:var(--cg-coral)}
.cgu-shelf a:hover img{transform:scale(1.04)}
.cgu-shelf .thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--cg-s2)}
.cgu-shelf img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cgu-shelf .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px}
.cgu-shelf strong{font-size:16px;font-weight:750;line-height:1.2}
.cgu-shelf small{display:block;font-size:12.5px;color:var(--cg-dim);margin-top:2px}
.cgu-shelf .play{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--cg-coral);color:#fff}
.cgu-shelf .tag{position:absolute;left:10px;top:10px;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--cg-coin);color:var(--cg-coin-ink)}
.cgu-shelf .fallback{display:grid;place-items:center;font-size:64px;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--c,var(--cg-coral)) 40%,var(--cg-s2)),var(--cg-s1))}
.cgu-shelf.big a:first-child{grid-column:span 2;grid-row:span 2}
.cgu-shelf.big a:first-child .thumb{aspect-ratio:auto;height:calc(100% - 64px)}
.cgu-shelf.big a:first-child strong{font-size:22px}
@media (max-width:980px){.cgu-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.cgu-shelf.big a:first-child{grid-column:span 3;grid-row:auto}.cgu-shelf.big a:first-child .thumb{aspect-ratio:16/8;height:auto}}
@media (max-width:620px){.cgu-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cgu-shelf.big a:first-child{grid-column:span 2}.cgu-shelf .meta{padding:10px 11px}.cgu-shelf strong{font-size:14.5px}.cgu-shelf .play{display:none}.cgu-shelf small{font-size:11.5px}}

/* horizontal scroller (recent / favourites) */
.cgu-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.cgu-strip .cgu-tile{flex:0 0 220px;scroll-snap-align:start;min-height:0}
.cgu-recent[hidden]{display:none}

/* category shelves */
.cgu-cat-block{margin-top:44px;padding:26px;border-radius:var(--cg-r-panel);background:var(--cg-s1);border:1px solid var(--cg-line);position:relative;overflow:hidden}
.cgu-cat-block::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--c)}
.cgu-cat-block .cgu-section-head h2 b{font-weight:inherit;margin-right:8px}
.cgu-cat-block .cgu-tile{background:var(--cg-s2)}
.cgu-cat-block .cgu-tile:hover{background:var(--cg-s3)}
.cgu-cat-blocks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.cgu-cat-blocks .cgu-cat-block{margin-top:0}
.cgu-cat-blocks .cgu-tiles{grid-template-columns:1fr 1fr}
.cgu-mini-list{display:grid;gap:4px}
.cgu-mini-list a{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:8px 10px;border-radius:11px;text-decoration:none;color:var(--cg-text)!important;font-weight:600;font-size:14.5px}
.cgu-mini-list a:hover{background:var(--cg-s2)}
.cgu-mini-list a b{font-size:18px;text-align:center}
@media (max-width:900px){.cgu-cat-blocks{grid-template-columns:1fr}}
@media (max-width:620px){.cgu-cat-block{padding:18px 14px;border-radius:20px}}

/* value props */
.cgu-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px;padding:28px 0;border-top:1px solid var(--cg-line);border-bottom:1px solid var(--cg-line)}
.cgu-why h3{font-size:18px;margin-bottom:6px}
.cgu-why p{color:var(--cg-muted);font-size:15px;line-height:1.6}
@media (max-width:760px){.cgu-why{grid-template-columns:1fr;gap:16px}}

.cgu-about-mini{margin-top:44px;padding:30px;border-radius:var(--cg-r-panel);background:var(--cg-s1);border:1px solid var(--cg-line)}
.cgu-about-mini h2{margin:0 0 10px!important}
.cgu-about-mini p{max-width:78ch;color:var(--cg-muted);line-height:1.7}

/* legacy home bits that may still appear */
.cgu-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cgu-hub-card{padding:22px;border-radius:20px;background:var(--cg-s1);border:1px solid var(--cg-line);text-decoration:none;color:var(--cg-text)!important}
.cgu-hub-card p{color:var(--cg-muted)}
.cgu-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cgu-tool-strip,.cgu-trust-row,.cgu-hero-stack{display:none}

/* =====================================================================
   MASTER DIRECTORY (home)
   ===================================================================== */
.cgu-master-directory{margin-top:44px;padding:26px;border-radius:var(--cg-r-panel);background:var(--cg-s1);border:1px solid var(--cg-line)}
.cgu-directory-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}
.cgu-directory-head h2{margin:0 0 6px!important;color:var(--cg-text)!important;font-size:clamp(24px,3.4vw,34px)!important;letter-spacing:-.025em}
.cgu-directory-head p{margin:0;max-width:62ch;color:var(--cg-muted)!important;line-height:1.55}
.cgu-directory-count{flex:0 0 auto;padding:10px 16px;text-align:center;border-radius:16px;background:var(--cg-coin);color:var(--cg-coin-ink)}
.cgu-directory-count b{display:block;font-size:26px;line-height:1;color:var(--cg-coin-ink)!important}
.cgu-directory-count span{display:block;margin-top:3px;font-size:12px;color:var(--cg-coin-ink)!important;font-weight:700}
.cgu-directory-search{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 15px;background:var(--cg-bg);border:1px solid var(--cg-line-strong);border-radius:14px}
.cgu-directory-search>span{font-size:20px;color:var(--cg-coin)}
.cgu-directory-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--cg-text)!important;font:inherit;font-size:15.5px;padding:0!important}
.cgu-directory-search input::placeholder{color:var(--cg-dim)!important}
.cgu-directory-groups{display:grid;gap:8px}
.cgu-directory-group{background:var(--cg-s2);border:1px solid var(--cg-line);border-radius:15px;overflow:hidden;color:var(--cg-text)}
.cgu-directory-group[hidden]{display:none!important}
.cgu-directory-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;cursor:pointer;list-style:none;color:var(--cg-text)!important;font-weight:700;font-size:15px}
.cgu-directory-group summary::-webkit-details-marker{display:none}
.cgu-directory-group summary:hover{background:var(--cg-s3)}
.cgu-directory-group[open] summary{border-bottom:1px solid var(--cg-line)}
.cgu-directory-group summary b{min-width:34px;padding:3px 8px;border-radius:999px;background:var(--cg-bg);color:var(--cg-muted)!important;text-align:center;font-size:12px}
.cgu-directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px}
.cgu-directory-links a{display:block;padding:9px 11px;border-radius:10px;background:var(--cg-s1);border:1px solid transparent;text-decoration:none;color:var(--cg-text)!important;font-size:14px;font-weight:550;line-height:1.35}
.cgu-directory-links a:hover{border-color:var(--cg-coin)}
.cgu-directory-links a[hidden]{display:none!important}
.cgu-directory-links a small{display:none}
.cgu-directory-empty{margin:14px 0 0;padding:14px;text-align:center;background:var(--cg-s2);border-radius:12px;color:var(--cg-muted)!important}
.cgu-main-destinations{display:none}
@media (max-width:860px){.cgu-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.cgu-master-directory{padding:18px 12px;border-radius:20px}.cgu-directory-head{flex-direction:column;align-items:flex-start}.cgu-directory-links{grid-template-columns:1fr}}

/* =====================================================================
   GAMES LIBRARY
   ===================================================================== */
.cgu-library-hero{padding:34px 0 18px}
.cgu-library-hero h1{font-size:clamp(38px,6vw,68px)!important;letter-spacing:-.045em;line-height:.98;margin:0 0 14px!important;color:var(--cg-text)}
.cgu-library-hero p{max-width:60ch;color:var(--cg-muted);line-height:1.65;font-size:17px}
.cgu-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cgu-filter-chips button,.cgu-filter-chips span{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border-radius:999px;background:var(--cg-s1);border:1px solid var(--cg-line-strong);color:var(--cg-muted);font:inherit;font-weight:650;font-size:14px;cursor:pointer}
.cgu-filter-chips button[aria-pressed="true"]{background:var(--cg-coral);border-color:var(--cg-coral);color:#fff}
.cgu-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:8px 0 28px}
.cgu-library-card{display:flex;flex-direction:column;background:var(--cg-s1);border:1px solid var(--cg-line);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--cg-text)!important;transition:border-color .15s,transform .15s}
.cgu-library-card[hidden]{display:none}
.cgu-library-card:hover{border-color:var(--cg-coral);transform:translateY(-3px)}
.cgu-library-card>img,.cgu-game-fallback{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--cg-s2)}
.cgu-game-fallback{display:grid;place-items:center;font-size:64px;background:radial-gradient(circle at 30% 30%,rgba(255,90,78,.35),var(--cg-s2))}
.cgu-library-copy{padding:13px 15px 15px;display:flex;flex-direction:column;flex:1}
.cgu-library-copy>span{font-size:12.5px;color:var(--cg-dim)!important;font-weight:600}
.cgu-library-copy h3{font-size:17px;margin:3px 0 5px;line-height:1.25}
.cgu-library-copy p{color:var(--cg-muted)!important;font-size:13.5px;line-height:1.5;margin:0 0 10px;flex:1}
.cgu-library-copy b{color:var(--cg-coral);font-size:14px}
@media (max-width:980px){.cgu-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.cgu-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cgu-library-copy p{display:none}.cgu-library-copy h3{font-size:15px}.cgu-library-copy{padding:10px 11px 12px}}

.cgu-game-shell{background:#000;border-radius:20px;padding:6px;overflow:hidden;border:1px solid var(--cg-line)}
.cgu-game-video{margin:26px 0 30px;padding:18px;background:var(--cg-s1);border:1px solid var(--cg-line);border-radius:20px}
.cgu-game-video h2,.cgu-game-heading{color:var(--cg-text)!important;font-size:24px;line-height:1.25;margin:0 0 14px;font-weight:800}
.cgu-game-heading{margin:30px 0 14px}
#gamemonetize-video{width:100%;max-width:100%;min-height:280px;margin:0 auto}
#gamemonetize-video iframe,#gamemonetize-video video{max-width:100%!important}

/* iframes that hold tools / games */
body>.container iframe,body>.bt-container iframe{border-radius:18px;display:block}

/* =====================================================================
   NEW PAGES — shared building blocks for the in-house mini apps
   ===================================================================== */
.cgu-app [hidden]{display:none!important}
.cgu-app{position:relative;background:var(--cg-s1);border:1px solid var(--cg-line);border-radius:var(--cg-r-panel);padding:24px;margin-bottom:18px}
.cgu-app-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
@media (max-width:820px){.cgu-app{padding:16px;border-radius:20px}.cgu-app-grid{grid-template-columns:1fr}}
.cgu-panel{background:var(--cg-s2);border:1px solid var(--cg-line);border-radius:18px;padding:16px}
.cgu-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.cgu-stat{background:var(--cg-s2);border:1px solid var(--cg-line);border-radius:14px;padding:12px 14px}
.cgu-stat span{display:block;font-size:12.5px;color:var(--cg-dim);font-weight:600}
.cgu-stat strong{display:block;font-size:26px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}
.cgu-ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--cg-line-strong);background:var(--cg-s2);color:var(--cg-text);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.cgu-ui-btn:hover{background:var(--cg-s3)}
.cgu-ui-btn.go{background:var(--cg-coin);border-color:var(--cg-coin);color:var(--cg-coin-ink)}
.cgu-ui-btn.go:hover{filter:brightness(1.06)}
.cgu-ui-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cgu-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--cg-muted)}
.cgu-field input,.cgu-field select,.cgu-input{height:46px;padding:0 13px;border-radius:12px;border:1px solid var(--cg-line-strong);background:var(--cg-bg);color:var(--cg-text);font:inherit;font-size:16px;outline:0;width:100%}
.cgu-field input:focus,.cgu-field select:focus,.cgu-input:focus{border-color:var(--cg-coin)}
.cgu-seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--cg-bg);border:1px solid var(--cg-line);gap:4px;flex-wrap:wrap}
.cgu-seg button{height:36px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--cg-muted);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.cgu-seg button[aria-pressed="true"]{background:var(--cg-s3);color:var(--cg-text);box-shadow:inset 0 0 0 1px var(--cg-line-strong)}
.cgu-prose{max-width:76ch}
.cgu-prose p,.cgu-prose li{color:var(--cg-muted);line-height:1.7}
.cgu-prose h2{margin-top:6px}
.cgu-prose ul,.cgu-prose ol{padding-left:22px;margin:8px 0 12px}
.cgu-prose p+p{margin-top:10px}

/* =====================================================================
   FOOTER
   ===================================================================== */
.cgu-footer{margin-top:56px;padding:40px 0 10px;border-top:1px solid var(--cg-line);color:var(--cg-muted)}
.cgu-footer-top{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:28px}
.cgu-footer-brand p{margin-top:12px;max-width:34ch;font-size:14.5px;line-height:1.6;color:var(--cg-dim)}
.cgu-footer h3{font-size:14px;color:var(--cg-text);margin-bottom:10px;font-weight:700}
.cgu-footer ul{list-style:none;display:grid;gap:6px}
.cgu-footer ul a{color:var(--cg-muted)!important;text-decoration:none;font-size:14px}
.cgu-footer ul a:hover{color:var(--cg-text)!important;text-decoration:underline}
.cgu-footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:30px;padding-top:16px;border-top:1px solid var(--cg-line);font-size:13px;color:var(--cg-dim)}
.cgu-footer-links{display:flex;gap:16px;flex-wrap:wrap}
.cgu-footer-links a{color:var(--cg-muted)!important;text-decoration:none;font-size:13px}
.cgu-footer-links a:hover{color:var(--cg-text)!important}
@media (max-width:860px){.cgu-footer-top{grid-template-columns:1fr 1fr}.cgu-footer-brand{grid-column:1/-1}}

/* toast */
.cgu-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;z-index:300;padding:11px 16px;border-radius:12px;background:var(--cg-text);color:var(--cg-bg);font-weight:700;font-size:14px;transition:.25s;pointer-events:none}
.cgu-toast.show{opacity:1;transform:translate(-50%,0)}

/* 404 */
.cgu-404{text-align:left;padding:60px 0 20px;max-width:640px}
.cgu-404 h1{font-size:clamp(44px,8vw,96px)!important;letter-spacing:-.05em;line-height:.95}
.cgu-404 p{color:var(--cg-muted);font-size:18px;margin:14px 0 22px}
/* ===== additions: directory "new" badge, games hub ===== */
.cgu-new-inline{font-style:normal;color:var(--cg-coin);font-weight:800}
.cgu-directory-links a small.is-new{background:var(--cg-coin);color:var(--cg-coin-ink)!important;padding:2px 7px;border-radius:99px;font-size:10px}
/* mobile overflow fixes for a few legacy tools */
@media (max-width:880px){.inv-main,.ret-layout{grid-template-columns:minmax(0,1fr)!important}.inv-panel,.ret-form-panel{min-width:0}.ret-field input{min-width:0;max-width:100%}}
@media (max-width:620px){.hudbar{flex-wrap:wrap}.hud-stats{flex-wrap:wrap;gap:10px}}

/* AdSense Auto Ads: Google inserts ads (marked .google-auto-placed / ins.adsbygoogle-noablate) anywhere in the page,
   including inside card grids and flex rows. Give each one its own full-width row instead of a single cell, keep it
   inside its container and the screen, and collapse units Google reports as unfilled (documented data-ad-status hook).
   Our own <ins> slots don't carry .adsbygoogle-noablate; anchor/vignette overlays are excluded. */
/* Scoped to the page container on purpose: anchor, side-rail and vignette ads are injected
   as direct children of <body>, and must be left completely alone. */
.bt-container .google-auto-placed,
.container .google-auto-placed,
.bt-container ins.adsbygoogle-noablate:not([data-anchor-status]):not([data-vignette-loaded]):not([data-anchor-shown]),
.container ins.adsbygoogle-noablate:not([data-anchor-status]):not([data-vignette-loaded]):not([data-anchor-shown]){
  grid-column:1/-1!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;
  justify-self:stretch!important;box-sizing:border-box!important;overflow:hidden!important;clear:both}
.bt-container .google-auto-placed,
.container .google-auto-placed{margin:6px 0!important;text-align:center}
ins.adsbygoogle{max-width:100%!important}
ins.adsbygoogle[data-ad-status="unfilled"],.google-auto-placed:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none!important}

/* Responsive AdSense units (data-ad-format="auto") may serve a creative taller than the old fixed slot
   (e.g. 336×350 in a 336×280 box). Never cap the height: the slot grows with the ad, so it can't spill
   over the next section. min-height keeps the space reserved while the ad loads (no layout jump). */
.banner300 ins.adsbygoogle{width:100%!important;max-width:300px!important;min-width:0!important;height:auto!important;min-height:250px!important;overflow:visible!important}
@media (min-width:768px){.banner300 ins.adsbygoogle{max-width:336px!important;min-height:280px!important}}
.banner728 ins.adsbygoogle{height:auto!important;overflow:visible!important}
.banner728,.banner300{height:auto!important;overflow:visible}

/* max page width 900px: leaves room for AdSense side rails */
:root{--cg-wrap:900px!important}

/* ---------- featured games ---------- */
.bt-feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bt-feat{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;text-decoration:none;min-width:0;
  background:var(--cg-s2);border:1px solid var(--cg-line);transition:transform .16s,border-color .16s,box-shadow .16s}
.bt-feat:hover{transform:translateY(-3px);border-color:var(--cg-acc);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.bt-feat-img{position:relative;display:block;aspect-ratio:4/3;background:#070c18;overflow:hidden}
.bt-feat-img img{width:100%;height:100%;object-fit:cover;display:block}
.bt-feat-img b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:46px}
.bt-feat-img em{position:absolute;left:10px;bottom:10px;font-style:normal;font-size:12.5px;font-weight:700;
  padding:5px 10px;border-radius:999px;background:rgba(6,10,22,.82);color:#eaf1ff;opacity:0;transform:translateY(6px);
  transition:opacity .16s,transform .16s}
.bt-feat:hover .bt-feat-img em{opacity:1;transform:none}
.bt-feat-body{padding:11px 12px 13px;min-width:0}
.bt-feat-body strong{color:var(--cg-text);font-size:14.5px;line-height:1.3;margin-bottom:4px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.bt-feat-body small{display:block;color:var(--cg-dim);font-size:12.5px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:860px){.bt-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@media (max-width:420px){.bt-feat-body strong{font-size:14px}}

.bt-feat-grid.cols5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:860px){.bt-feat-grid.cols5{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* games hub: keep "Featured" and "All games" visually apart */
.bt-featured{padding-bottom:6px}
.bt-allgames-head{margin-top:34px;padding-top:26px;border-top:1px solid var(--cg-line)}
.bt-allgames-head .cgu-filter-chips{margin-top:14px}

/* GameMonetize embeds: keep each game at its own aspect ratio and inside the page */
.gm-shell{position:relative;width:100%;max-width:100%;margin:0 auto;border-radius:16px;overflow:hidden;
  background:#05070f;border:1px solid var(--cg-line);aspect-ratio:var(--gm-w)/var(--gm-h);max-height:78vh}
.gm-shell.gm-portrait{max-width:min(430px,100%);max-height:80vh}
.gm-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.gm-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 4px}
.gm-note{font-size:13.5px;color:var(--cg-dim)}
.cgu-game-video{margin-bottom:18px}
.cgu-game-heading{margin-top:6px}