* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
  scroll-behavior:smooth;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #0f172a;
    background: linear-gradient(180deg, #0f172a, #111827);
    color: #fff;
    padding: 10px;
}

.container,
.bt-container {
    max-width: 900px;
    margin: auto;
}

/* ========================================================= */
/* CONTAINER INDUK (Susunan Flexbox Bawaan Anda)             */
/* ========================================================= */

.banner728 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;  
    margin: 18px 0;    
}

.banner300 {
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 15px 0;      
}

/* ========================================================= */
/* KONTROL UKURAN IKLAN PREMIUM (UNTUK PENDAPATAN MAKSIMAL)  */
/* ========================================================= */

/* --- 1. SETTINGAN UNTUK LAYAR MOBILE / HP (Default) --- */

/* Banner Atas di HP: Spanduk ramping agar tidak content-push */
.banner728 ins.adsbygoogle {
    width: 100% !important;
    max-width: 320px !important;
    min-width: 250px !important; /* Kunci lebar anti-eror availableWidth=0 */
    height: auto !important;
    min-height: 50px !important;
}

/* Banner Kotak di HP: Ukuran 300x250 (Paling optimal & mahal di mobile) */
.banner300 ins.adsbygoogle {
    width: 300px !important;
    min-width: 300px !important;
    height: 250px !important;
}

/* --- 2. SETTINGAN UNTUK PC / LAPTOP (Layar Lebar di atas 768px) --- */
@media (min-width: 768px) {
    
    /* Memicu Ukuran Gede: Otomatis berubah jadi Billboard 970x250 / 728x90 tergantung stok Google */
    .banner728 ins.adsbygoogle {
        max-width: 970px !important; /* Diperlebar ke 970px agar iklan Billboard premium bisa masuk */
        min-width: 728px !important; /* Batas bawah tetap 728px agar spanduk standar tidak menciut */
        min-height: 90px !important; 
    }

    /* Memicu Ukuran Gede: Otomatis membesar dari 300x250 menjadi 336x280 (Large Rectangle) */
    .banner300 ins.adsbygoogle {
        width: 336px !important;   /* Ukuran Kotak Besar Premium */
        min-width: 336px !important;
        height: 280px !important;  /* Tinggi dinaikkan ke 280px */
    }
}


.toolThumb{
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:8px;
    margin-bottom:10px;
}

.card {
    background: #1f2937;
    border-radius: 15px;
    padding: 18px;
    margin-bottom: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.siteHeader {
    background: #1f2937;
    border-radius: 12px;
    padding: 8px 18px;
    margin: 20px auto;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;

    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
}

.logo {
    font-size: 22px;
    font-weight: bold;
    margin-right: 0;
    flex: 0 0 auto;
}

.logo a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.logoIcon {
    width: 32px;
    height: 32px;
    display: block;
    object-fit: contain;
}

.nav {
    display: contents;
}

.nav a {
    background: #7c3aed;
    padding: 6px 10px;
    border-radius: 16px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    transition: .25s;
}

.nav a:hover {
    background: #6d28d9;
    transform: translateY(-2px);
}

.nav a.active {
    background: #10b981;
}

@media (max-width: 700px) {
    .siteHeader {
        justify-content: center;
        text-align: center;
    }

    .logo {
        width: 100%;
    }
}

.hero {
    text-align: center;
    padding: 5px 0;
}

.hero h1 {
    font-size: 34px;
    margin-bottom: 8px;
}

.hero p {
    max-width: 700px;
    margin: auto;
    font-size: 17px;
    line-height: 1.7;
    opacity: .8;
}


/* ==========================================================
   IMAGE TOOLS
   ========================================================== */

.heroBadges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.heroBadges span {
    background: #111827;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
}

.categoryNav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px;
}

.categoryNav a {
    background: #2563eb;
    padding: 10px 14px;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    transition: .25s;
}

.categoryNav a:hover {
    background: #1d4ed8;
    transform: translateY(-2px);
}

/* ==========================================================
RECOMMENDED TOOL BOTTOM
   ========================================================== */

/* ========================================================= */
/* KODE UTAMA (UNTUK DESKTOP / PC)                           */
/* ========================================================= */

.bottom-grid {
    display: grid;
    /* PERBAIKAN: Kolom kiri fleksibel, kolom kanan DIKUNCI minimal 336px untuk iklan premium */
    grid-template-columns: 1fr minmax(336px, 340px);
    gap: 25px;
    align-items: start;
}

/* Memaksa iklan kotak berukuran premium 336x280 saat dibuka di PC */
.banner300 ins.adsbygoogle {
    width: 336px !important;
    min-width: 336px !important;
    height: 280px !important;
}

.tool-grid2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.tool-grid2 a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    transition: .2s;
}

.tool-grid2 a:hover {
    background: #1d4ed8;
}

/* ========================================================= */
/* KODE KHUSUS UNTUK HP / MOBILE (DI BAWAH 700PX)            */
/* ========================================================= */
@media (max-width: 700px) {
    .bottom-grid {
        grid-template-columns: 1fr; /* Otomatis menumpuk 1 kolom ke bawah di HP */
    }

    /* PERBAIKAN: Otomatis menciutkan ukuran iklan ke 300x250 agar pas dengan lebar layar HP */
    .banner300 ins.adsbygoogle {
        width: 300px !important;
        min-width: 300px !important;
        height: 250px !important;
    }

    .banner300 {
        margin: 20px auto 0 auto; /* Memberi jarak vertikal yang aman di layar HP */
    }
}


/*backto top*/
#backToTop {
    position: fixed;
    bottom: 10px;
    width: 64px;
    height: 64px;
    border: none;
    border-radius: 50%;
    background: #7c3aed;
    color: #fff;
    font-size: 40px;   
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(0,0,0,.3);
    opacity: 0;
    visibility: hidden;
    transition: .25s;
    z-index: 1;
    line-height: 58px;   

    /* STRATEGI CENTER-OFFSET */
    left: 50%;            /* 1. Tarik tombol tepat ke garis tengah layar */
     margin-left: 28vw;   /* 2. Dorong tombol ke arah kanan sebanyak 200px dari garis tengah */
}

/* ANTI-MENTOK UNTUK LAYAR MOBILE YANG SANGAT SEMPIT */
@media (max-width: 550px) {
    #backToTop {
        left: auto;        /* Matikan fungsi center-offset di layar HP sempit */
        margin-left: 0;
        right: 20px;       /* Kembalikan ke posisi pojok kanan standar agar tidak keluar layar */
    }
}

#backToTop.show{
    opacity:1;
    visibility:visible;
}

#backToTop:hover{
    background:#6d28d9;
    transform:translateY(-2px);
}

/* ==========================================================
   FOOTER
   ========================================================== */

footer{
    text-align:center;
    padding:20px 10px;
    font-size:14px;
    color:#888;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 768px) {

    .footer-grid {
        grid-template-columns: 1fr;
    }

}

/* ===== CRAZYGAMESUP 2026 BRIGHT PORTAL OVERRIDES ===== */
:root{
  --cgu-bg:#f4f9ff;--cgu-surface:#ffffff;--cgu-ink:#14213d;--cgu-muted:#60708f;
  --cgu-line:#dbe7f5;--cgu-blue:#2563eb;--cgu-cyan:#06b6d4;--cgu-purple:#7c3aed;
  --cgu-pink:#ec4899;--cgu-green:#059669;--cgu-shadow:0 14px 38px rgba(56,82,120,.11);
}
html{background:#edf7ff;}
body{
  color:var(--cgu-ink)!important;background:
  radial-gradient(circle at 8% 0%,rgba(34,211,238,.16),transparent 25rem),
  radial-gradient(circle at 95% 12%,rgba(168,85,247,.13),transparent 27rem),
  linear-gradient(180deg,#fbfdff 0%,#f2f8ff 48%,#fff 100%)!important;
  padding:10px!important;min-height:100vh;
}
.container,.bt-container{width:100%;max-width:900px!important;margin:0 auto!important;}
a{color:var(--cgu-blue);}
.card{background:rgba(255,255,255,.96)!important;color:var(--cgu-ink)!important;border:1px solid var(--cgu-line)!important;box-shadow:var(--cgu-shadow)!important;}
.card h1,.card h2,.card h3,.card h4,.card p,.card label,.card strong{color:inherit;}

/* Ad containers: same responsive behavior as the supplied template, but kept inside the 900px site shell. */
.banner728,.banner300{display:flex;justify-content:center;align-items:center;width:100%;margin:28px 0;min-height:50px;}
.banner300{margin:32px auto;min-height:250px;}
.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:900px!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;}}
@media (max-width:360px){.banner300 ins.adsbygoogle{width:300px!important;min-width:300px!important;}}

.cgu-nav{position:relative;z-index:30;display:flex;align-items:center;gap:12px;padding:12px;margin:14px 0 24px;background:rgba(255,255,255,.94);border:1px solid rgba(196,215,239,.9);border-radius:22px;box-shadow:0 12px 34px rgba(62,89,128,.12);backdrop-filter:blur(14px);}
.cgu-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--cgu-ink)!important;min-width:max-content;}
.cgu-brandmark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#06b6d4,#2563eb 52%,#7c3aed);color:#fff;font-weight:900;letter-spacing:-.04em;box-shadow:0 8px 18px rgba(37,99,235,.25);}
.cgu-brandtext{display:flex;flex-direction:column;line-height:1.05}.cgu-brandtext strong{font-size:17px}.cgu-brandtext small{margin-top:4px;color:#7a8ba8;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.cgu-links{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;}
.cgu-links a,.cgu-explore summary{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border-radius:12px;text-decoration:none;color:#3d4c67!important;font-size:13px;font-weight:800;white-space:nowrap;transition:.18s ease;cursor:pointer;}
.cgu-links a:hover,.cgu-links a.active,.cgu-explore summary:hover{background:#edf5ff;color:#1d4ed8!important;transform:translateY(-1px)}
.cgu-explore{position:relative}.cgu-explore summary{list-style:none;background:#172554;color:#fff!important;padding-inline:13px}.cgu-explore summary::-webkit-details-marker{display:none}.cgu-explore[open] summary{background:#2563eb;color:#fff!important}
.cgu-explore-menu{position:absolute;right:0;top:48px;width:240px;padding:8px;background:#fff;border:1px solid var(--cgu-line);border-radius:16px;box-shadow:0 22px 45px rgba(40,62,94,.18);display:grid;gap:4px}
.cgu-explore-menu a{padding:11px 12px;border-radius:10px;text-decoration:none;color:#334155!important;font-weight:700;font-size:13px}.cgu-explore-menu a:hover{background:#f0f7ff;color:#1d4ed8!important}

.cgu-page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px;margin:0 0 22px;background:linear-gradient(135deg,#162c5f 0%,#2159c9 55%,#6946d7 100%);border-radius:24px;box-shadow:0 18px 42px rgba(37,74,145,.22);overflow:hidden;position:relative;color:#fff}
.cgu-page-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-65px;bottom:-115px;background:rgba(255,255,255,.12)}
.cgu-page-hero h1{margin:4px 0 9px;color:#fff!important;font-size:clamp(28px,4vw,42px);line-height:1.08}.cgu-page-hero p{margin:0;max-width:650px;color:#dfeaff!important;line-height:1.65}.cgu-page-hero .cgu-kicker{color:#bcecff}.cgu-share{position:relative;z-index:2;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;padding:10px 15px;border-radius:12px;font-weight:800;cursor:pointer;white-space:nowrap}.cgu-share:hover{background:rgba(255,255,255,.2)}
.cgu-kicker{display:inline-block;color:#2563eb;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}

.cgu-home-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:28px;align-items:center;padding:42px 38px;margin-bottom:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,248,255,.96));border:1px solid #d9e8f8;border-radius:30px;box-shadow:0 22px 54px rgba(54,84,124,.13);position:relative;overflow:hidden}
.cgu-home-hero:before{content:"";position:absolute;inset:auto auto -120px -110px;width:300px;height:300px;border-radius:50%;background:rgba(34,211,238,.12)}
.cgu-home-copy{position:relative;z-index:1}.cgu-home-copy h1{font-size:clamp(42px,7vw,72px);letter-spacing:-.055em;line-height:.95;margin:10px 0 20px;color:#102044}.cgu-home-copy h1 em{font-style:normal;background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.cgu-home-copy p{max-width:590px;color:#63728d;font-size:17px;line-height:1.7;margin:0 0 23px}
.cgu-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.cgu-primary-btn,.cgu-secondary-btn{padding:12px 17px;border-radius:13px;text-decoration:none;font-weight:900;transition:.18s}.cgu-primary-btn{background:#172554;color:#fff!important;box-shadow:0 10px 20px rgba(23,37,84,.2)}.cgu-secondary-btn{background:#fff;color:#2563eb!important;border:1px solid #cfe1f6}.cgu-primary-btn:hover,.cgu-secondary-btn:hover{transform:translateY(-2px)}
.cgu-trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.cgu-trust-row span{padding:7px 10px;background:#edf7ff;border:1px solid #d9eaf8;border-radius:999px;font-size:12px;font-weight:800;color:#53627b}
.cgu-hero-stack{display:grid;gap:10px;position:relative;z-index:1}.cgu-hero-stack a{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:13px;background:#fff;border:1px solid #dce8f6;border-radius:18px;text-decoration:none;color:#1f2b43!important;box-shadow:0 9px 22px rgba(50,75,109,.08);transition:.18s}.cgu-hero-stack a:hover{transform:translateX(-4px);box-shadow:0 14px 28px rgba(50,75,109,.13)}.cgu-hero-stack b{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f9ff,#eef0ff);font-size:23px}.cgu-hero-stack span{display:flex;flex-direction:column;gap:4px}.cgu-hero-stack small{color:#8290a7}.cgu-hero-stack i{font-style:normal;font-size:12px;font-weight:900;color:#2563eb}

.cgu-section{margin:30px 0}.cgu-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.cgu-section-head h2,.cgu-tool-strip h2,.cgu-about-mini h2{margin:4px 0 0;font-size:clamp(24px,4vw,34px);letter-spacing:-.025em;color:#172554}.cgu-section-head p{max-width:350px;color:#70809b;text-align:right;line-height:1.5}.cgu-section-head>a{font-weight:900;text-decoration:none;white-space:nowrap}
.cgu-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cgu-hub-card{min-height:195px;padding:24px;border-radius:22px;text-decoration:none;color:#1e293b!important;border:1px solid #dce8f5;background:#fff;box-shadow:0 10px 28px rgba(61,85,117,.08);transition:.2s;overflow:hidden;position:relative}.cgu-hub-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(61,85,117,.13)}.cgu-hub-card>span{font-size:30px}.cgu-hub-card h3{font-size:22px;margin:14px 0 7px}.cgu-hub-card p{color:#68778f;line-height:1.55;margin-bottom:18px}.cgu-hub-card b{font-size:13px;color:#2563eb}.cgu-hub-card.game{background:linear-gradient(145deg,#fff,#eef7ff)}.cgu-hub-card.dev{background:linear-gradient(145deg,#fff,#f4f0ff)}.cgu-hub-card.create{background:linear-gradient(145deg,#fff,#fff1f8)}.cgu-hub-card.utility{background:linear-gradient(145deg,#fff,#eefcf7)}
.cgu-game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cgu-game-grid a{background:#fff;border:1px solid #dbe8f6;border-radius:18px;overflow:hidden;text-decoration:none;color:#172554!important;box-shadow:0 8px 22px rgba(54,79,111,.08);transition:.18s}.cgu-game-grid a:hover{transform:translateY(-4px)}.cgu-game-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.cgu-game-grid div{padding:12px;display:flex;flex-direction:column;gap:4px}.cgu-game-grid span{font-size:11px;color:#7b899f;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cgu-tool-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center;padding:26px;background:#172554;border-radius:24px;box-shadow:0 18px 38px rgba(23,37,84,.18)}.cgu-tool-strip .cgu-kicker{color:#67e8f9}.cgu-tool-strip h2{color:#fff}.cgu-tool-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cgu-tool-pills a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none;padding:9px 11px;border-radius:999px;font-size:12px;font-weight:800}.cgu-tool-pills a:hover{background:#fff;color:#172554!important}
.cgu-about-mini{padding:30px;text-align:center;background:linear-gradient(135deg,#effbff,#f9f3ff);border:1px solid #dce9f7;border-radius:24px}.cgu-about-mini p{max-width:690px;margin:12px auto 0;color:#64748b;line-height:1.7}

.cgu-discover-row{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:22px;align-items:center;margin:28px 0}.cgu-reco-card{margin:0!important}.cgu-reco-card h2{margin:6px 0 14px}.cgu-reco-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cgu-reco-links a{padding:10px 11px;border-radius:11px;background:#f2f7fd;text-decoration:none;color:#334155!important;font-weight:800;font-size:13px}.cgu-reco-links a:hover{background:#e7f1ff;color:#1d4ed8!important}

.cgu-library-hero{text-align:center;padding:42px 25px 30px}.cgu-library-hero h1{font-size:clamp(38px,6vw,62px);letter-spacing:-.045em;margin:8px 0 12px;color:#172554}.cgu-library-hero p{max-width:660px;margin:0 auto;color:#6d7d97;line-height:1.65}.cgu-filter-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.cgu-filter-chips span{background:#fff;border:1px solid #dbe8f6;padding:8px 11px;border-radius:999px;color:#506079;font-size:12px;font-weight:800}
.cgu-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 32px}.cgu-library-card{background:#fff;border:1px solid #d9e7f5;border-radius:20px;overflow:hidden;text-decoration:none;color:#172554!important;box-shadow:0 10px 25px rgba(59,82,112,.08);transition:.2s}.cgu-library-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px rgba(59,82,112,.14)}.cgu-library-card>img,.cgu-game-fallback{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.cgu-game-fallback{display:grid;place-items:center;font-size:64px;background:linear-gradient(135deg,#dff9ff,#edf0ff,#fff0f7)}.cgu-library-copy{padding:16px}.cgu-library-copy>span{font-size:10px;color:#6b7c96;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.cgu-library-copy h3{font-size:19px;margin:5px 0 7px}.cgu-library-copy p{min-height:44px;color:#70809a;font-size:13px;line-height:1.5;margin:0 0 12px}.cgu-library-copy b{color:#2563eb;font-size:12px}

.cgu-game-shell{background:#0f172a;border-radius:18px;padding:8px;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.2)}
.cgu-footer{display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center;margin:34px 0 14px;padding:22px 24px;border-top:1px solid #d9e6f5;color:#60708a}.cgu-footer-brand{display:flex;flex-direction:column;gap:3px}.cgu-footer-brand strong{color:#172554;font-size:17px}.cgu-footer-brand span{font-size:12px}.cgu-footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.cgu-footer-links a{font-size:12px;font-weight:800;text-decoration:none}.cgu-footer-copy{grid-column:1/-1;font-size:11px;color:#8997ac}

/* Retheme legacy shared navigation/cards without changing individual tool engines. */
.siteHeader{background:#fff!important;color:#172554!important;border:1px solid #dbe8f6!important;box-shadow:var(--cgu-shadow)!important}.logo a{color:#172554!important}.nav a{background:#eef5ff!important;color:#25405f!important}.nav a:hover,.nav a.active{background:#2563eb!important;color:#fff!important}.tool-header{background:linear-gradient(135deg,#16356f,#2563eb 58%,#7047d9)!important;border-radius:22px!important;box-shadow:0 16px 38px rgba(37,80,158,.18)!important}.tool-header h1,.tool-header p{color:#fff!important}.toolGrid .toolCard,.tool-grid .toolCard,.toolCard{background:#fff!important;color:#172554!important;border-color:#dbe7f4!important}.toolTitle,.toolDesc{color:inherit!important}.toolDesc{color:#697990!important}.bottom-grid{grid-template-columns:minmax(0,1fr) 336px!important;gap:22px!important}.tool-grid2 a{color:#334155!important;background:#f4f8fd;border-radius:9px;padding:9px!important}.tool-grid2 a:hover{color:#fff!important;background:#2563eb!important}

@media(max-width:860px){.cgu-nav{flex-wrap:wrap}.cgu-brand{flex:1}.cgu-links{order:3;flex:0 0 100%;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.cgu-explore{margin-left:auto}.cgu-home-hero{grid-template-columns:1fr}.cgu-hero-stack{grid-template-columns:repeat(3,1fr)}.cgu-hero-stack a{grid-template-columns:42px 1fr}.cgu-hero-stack i{display:none}.cgu-game-grid{grid-template-columns:repeat(2,1fr)}.cgu-library-grid{grid-template-columns:repeat(2,1fr)}.cgu-discover-row,.bottom-grid{grid-template-columns:1fr!important}.cgu-discover-row>.banner300{margin-inline:auto}}
@media(max-width:620px){body{padding:6px!important}.cgu-nav{border-radius:17px;margin-top:8px}.cgu-brandtext small{display:none}.cgu-links a{font-size:12px;padding-inline:8px}.cgu-explore-menu{position:fixed;left:10px;right:10px;top:auto;width:auto}.cgu-page-hero{padding:23px 20px;flex-direction:column}.cgu-home-hero{padding:30px 20px;border-radius:23px}.cgu-home-copy h1{font-size:47px}.cgu-hero-stack{grid-template-columns:1fr}.cgu-hub-grid,.cgu-library-grid{grid-template-columns:1fr}.cgu-game-grid{grid-template-columns:repeat(2,1fr)}.cgu-section-head{align-items:flex-start;flex-direction:column}.cgu-section-head p{text-align:left}.cgu-tool-strip{grid-template-columns:1fr;padding:22px}.cgu-tool-pills{justify-content:flex-start}.cgu-reco-links{grid-template-columns:1fr}.cgu-footer{grid-template-columns:1fr}.cgu-footer-links{justify-content:flex-start}.cgu-footer-copy{grid-column:1}.bottom-grid{grid-template-columns:1fr!important}}
@media(max-width:410px){.cgu-game-grid{grid-template-columns:1fr}.cgu-home-copy h1{font-size:42px}.cgu-page-hero h1{font-size:30px}}


/* ===== CRAZYGAMESUP CONTRAST + GAME VIDEO FINAL PASS ===== */
/* Readability safety net for the bright portal shell. Tool/game engines keep their own intentional dark themes. */
.cgu-brandtext small{color:#52627c!important;font-weight:700}
.cgu-hero-stack small{color:#52627c!important;font-weight:600}
.cgu-game-grid span{color:#53627a!important}
.cgu-library-copy>span{color:#53627a!important}
.cgu-library-copy p{color:#52627c!important}

/* Legacy portal components that sit on white/light cards. */
.heroBadges span{background:#eef5ff!important;color:#243b5a!important;border:1px solid #d6e6f8!important}
.faq,.faq-item,.faqItem,.faq-card,.faqCard,.accordion-item,.accordionItem{color:#24344f}
.faq p,.faq-item p,.faqItem p,.faq-card p,.faqCard p,.accordion-item p,.accordionItem p{color:#4c5d78}
.faq h2,.faq h3,.faq h4,.faq-item h2,.faq-item h3,.faq-item h4,.faqItem h2,.faqItem h3,.faqItem h4,.faq-card h2,.faq-card h3,.faq-card h4,.faqCard h2,.faqCard h3,.faqCard h4{color:#172554}

/* GameMonetize gameplay video restored for Stickman Archery Ragdoll. */
.cgu-game-video{margin:26px 0 30px;padding:18px;background:#fff;border:1px solid #d9e7f5;border-radius:20px;box-shadow:0 10px 28px rgba(59,82,112,.08)}
.cgu-game-video h2,.cgu-game-heading{color:#172554!important;font-size:24px;line-height:1.25;margin:0 0 14px;font-weight:900}
.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}
@media(max-width:620px){.cgu-game-video{padding:10px;border-radius:16px}.cgu-game-video h2,.cgu-game-heading{font-size:21px}#gamemonetize-video{min-height:220px}}

/* ===== CRAZYGAMESUP HOME MASTER DIRECTORY ===== */
.cgu-main-destinations{padding-top:4px}
.cgu-main-destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cgu-main-destination-grid a{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:86px;padding:13px 14px;background:#fff;border:1px solid #d9e7f5;border-radius:17px;text-decoration:none;color:#172554!important;box-shadow:0 8px 22px rgba(54,79,111,.07);transition:.18s ease}
.cgu-main-destination-grid a:hover{transform:translateY(-3px);border-color:#b8d4f3;box-shadow:0 13px 28px rgba(54,79,111,.12)}
.cgu-main-destination-grid a>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f8ff,#f2efff);font-size:20px}
.cgu-main-destination-grid strong{font-size:13px;line-height:1.25;color:#1f3153!important}
.cgu-main-destination-grid small{font-size:10px;font-weight:800;color:#56709a!important;margin-top:3px}
.cgu-master-directory{padding:26px;background:linear-gradient(145deg,#f9fcff,#f4f8ff);border:1px solid #d8e7f6;border-radius:25px;box-shadow:0 14px 34px rgba(54,79,111,.08)}
.cgu-directory-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}
.cgu-directory-head h2{margin:4px 0 5px;color:#172554!important;font-size:clamp(26px,4vw,36px);letter-spacing:-.03em}
.cgu-directory-head p{margin:0;max-width:610px;color:#53647f!important;line-height:1.55}
.cgu-directory-count{flex:0 0 auto;min-width:94px;padding:12px 14px;text-align:center;border-radius:16px;background:#172554;color:#fff;box-shadow:0 9px 20px rgba(23,37,84,.17)}
.cgu-directory-count b{display:block;font-size:24px;line-height:1;color:#fff!important}.cgu-directory-count span{display:block;margin-top:4px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#dbeafe!important;font-weight:800}
.cgu-directory-search{display:flex;align-items:center;gap:9px;margin:0 0 15px;padding:10px 13px;background:#fff;border:1px solid #ccdff2;border-radius:14px;box-shadow:0 5px 16px rgba(54,79,111,.05)}
.cgu-directory-search>span{font-size:20px;color:#4d6588}.cgu-directory-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#172554!important;font:inherit;font-size:14px;box-shadow:none!important;padding:0!important}.cgu-directory-search input::placeholder{color:#7c8da8!important}
.cgu-directory-groups{display:grid;gap:9px}
.cgu-directory-group{background:#fff;border:1px solid #d8e6f4;border-radius:15px;overflow:hidden;color:#172554}
.cgu-directory-group[hidden]{display:none!important}
.cgu-directory-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none;color:#263b5f!important;font-weight:900;font-size:13px;background:#fff;transition:.15s ease}
.cgu-directory-group summary::-webkit-details-marker{display:none}.cgu-directory-group summary:hover{background:#f2f7fd}.cgu-directory-group[open] summary{border-bottom:1px solid #e2edf7;background:#f7fbff}
.cgu-directory-group summary b{min-width:30px;padding:4px 7px;border-radius:999px;background:#e7f1ff;color:#2859a6!important;text-align:center;font-size:10px}
.cgu-directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}
.cgu-directory-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;border-radius:10px;background:#f7fafe;border:1px solid #edf2f8;text-decoration:none;color:#34445f!important;font-size:11px;font-weight:750;line-height:1.35;transition:.15s ease}
.cgu-directory-links a:hover{background:#eaf4ff;border-color:#cfe1f5;color:#1d4ed8!important;transform:translateY(-1px)}
.cgu-directory-links a[hidden]{display:none!important}.cgu-directory-links a span{min-width:0;overflow-wrap:anywhere}.cgu-directory-links a small{flex:0 0 auto;color:#6780a5!important;font-size:9px;font-weight:900;white-space:nowrap}
.cgu-directory-empty{margin:14px 0 0;padding:14px;text-align:center;background:#fff4f4;border:1px solid #ffdada;border-radius:12px;color:#8a3341!important;font-weight:800}
@media(max-width:860px){.cgu-main-destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cgu-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cgu-main-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cgu-master-directory{padding:18px 13px;border-radius:19px}.cgu-directory-head{align-items:flex-start;flex-direction:column}.cgu-directory-count{display:flex;align-items:baseline;gap:6px;min-width:0;padding:8px 11px}.cgu-directory-count b{font-size:18px}.cgu-directory-links{grid-template-columns:1fr;padding:8px}.cgu-directory-group summary{padding:12px}.cgu-directory-links a{font-size:12px;padding:10px}}
@media(max-width:380px){.cgu-main-destination-grid{grid-template-columns:1fr}}
/* Final contrast correction for compact directory action labels. */
.cgu-directory-links a small{color:#405875!important}