:root{
  --bg:#140B24; --bg2:#1A0F36; --nav:rgba(20,11,36,.85);
  --card:#20143E; --card2:#1B1036; --border:rgba(255,255,255,.06);
  --text:#F3ECFF; --muted:#9A86C4; --dim:#a393c4;
  --pink:#FF5C93; --pink2:#FF8CB8; --button:#e0447e; --gold:#FFC45C; --green:#22C55E;
  --plumTop:#3A1C5A; --plumBot:#1A0F36;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
img{max-width:100%}
iframe{max-width:100%}
a{text-decoration:none;color:inherit}
img{display:block}
.brand-font{font-family:Fredoka,sans-serif}
.wrap{max-width:80rem;margin:0 auto;padding:0 1.25rem;width:100%}

/* NAV */
nav.top{position:sticky;top:0;z-index:100;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.navrow{
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 70px;
  padding-top: .45rem;
  padding-bottom: .45rem;
}
.logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.logo img{height:40px;width:40px;border-radius:11px}
/* Uploaded logo: keep its proportions and size it with the Customizer "Logo Height" option. */
.logo img.custom-logo {
  width: auto;
  height: var(--gm-logo-height, 40px);
  max-width: 260px;
  border-radius: 0;
  object-fit: contain;
}
.logo .name{font-family:Fredoka;font-weight:700;font-size:1.7rem;letter-spacing:-.5px}
.logo .name .mingo{color:var(--pink)}
.navlinks{display:flex;gap:.35rem;margin-left:.5rem}
.navlinks ul,.flinks ul{list-style:none;margin:0;padding:0}
.navlinks .gm-primary-menu{display:flex;align-items:center;gap:.35rem}
.flinks .gm-footer-menu{display:flex;align-items:center;gap:1.2rem}
.navlinks .gm-primary-menu li,.flinks .gm-footer-menu li{margin:0;padding:0}
.navlinks a{padding:.5rem .8rem;border-radius:9px;color:var(--muted);font-weight:500;font-size:.9rem;transition:.2s}
.navlinks a:hover{color:var(--text);background:rgba(255,255,255,.05)}
form.search{margin-left:auto;position:relative;flex-shrink:1;max-width:320px;width:100%}
form.search input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text);
  padding:.6rem 2.8rem .6rem 1rem;border-radius:30px;font-size:.9rem;outline:none;transition:.2s}
form.search input:focus{border-color:var(--pink);background:rgba(255,92,147,.06)}
form.search .ic{appearance:none;-webkit-appearance:none;padding:0;margin:0;border:0;cursor:pointer;position: absolute; right: .30rem; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%;
 display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--pink), var(--button)); color: var(--text); cursor:pointer;}
form.search .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* WordPress adds the class "search" to <body> on search-result pages. */
body.search{max-width:none;width:100%;margin-left:0;position:static;}
.login{flex-shrink:0;padding:.55rem 1.1rem;border-radius:30px;background:linear-gradient(135deg,var(--pink),var(--button));
  color:#fff;font-weight:600;font-size:.9rem;transition:.2s;box-shadow:0 4px 14px color-mix(in srgb, var(--button) 30%, transparent)}
.login:hover{transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in srgb, var(--button) 45%, transparent)}
.burger{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer}

/* HERO */
.hero{position:relative;overflow:hidden;border-radius:22px;margin:1.5rem 0;
  background:radial-gradient(120% 140% at 15% 0%,var(--plumTop) 0%,var(--bg2) 45%,var(--bg) 100%);
  border:1px solid var(--border);padding:3.2rem 2rem}
.hero::after{content:"🦩";position:absolute;right:2rem;bottom:-1rem;font-size:9rem;opacity:.12;transform:rotate(-8deg)}
.hero h1{font-family:Fredoka;font-weight:600;font-size:clamp(1.9rem,4.5vw,3.1rem);line-height:1.08;max-width:16ch}
.hero h1 .hl{color:var(--pink)}
.hero p{color:var(--muted);margin:1rem 0 1.6rem;font-size:1.05rem;max-width:52ch}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:30px;font-weight:600;
  background:linear-gradient(135deg,var(--pink),var(--button));color:#fff;border:none;cursor:pointer;font-size:1rem;
  box-shadow:0 6px 20px color-mix(in srgb, var(--button) 35%, transparent);transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px color-mix(in srgb, var(--button) 50%, transparent)}
.btn.ghost{background:rgba(255,255,255,.06);box-shadow:none;color:var(--text);border:1px solid var(--border)}
.btn.ghost:hover{background:rgba(255,255,255,.12)}

/* SECTION */
.sec{margin:2.4rem 0}
.sechead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.1rem;gap:1rem}
.sechead .t{font-family:Fredoka;font-weight:600;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}
.sechead .s{color:var(--dim);font-size:.85rem;margin-top:.15rem;font-weight:400}
.sechead a.more{color:var(--pink);font-weight:600;font-size:.9rem;white-space:nowrap}
.sechead a.more:hover{text-decoration:underline}

/* CATEGORY CHIPS */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}
.catcard{display:flex;align-items:center;gap:.65rem;padding:.9rem;border-radius:13px;background:var(--card);
  border:1px solid var(--border);transition:.2s}
.catcard:hover{transform:translateY(-2px);border-color:rgba(255,92,147,.4);background:rgba(255,92,147,.08)}
.catcard .emo{font-size:1.5rem}
.catcard .cn{font-weight:600;font-size:.85rem}
.catcard .cc{color:var(--dim);font-size:.78rem}

/* ALL CATEGORIES PAGE */
.game-categories-page{padding:0 0 2rem}
.game-categories-heading{max-width:68rem;margin:.2rem 0 1.35rem}
.game-categories-heading .t{font-family:Fredoka;font-weight:600;font-size:1.55rem;display:flex;align-items:center;gap:.5rem}
.game-categories-heading .s{color:var(--dim);font-size:.85rem;margin-top:.15rem}
.game-categories-heading p{color:var(--muted);font-size:.95rem;line-height:1.75;max-width:70ch;margin:1rem 0 0}
.game-categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}

/* GAME GRID */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}
.gcard{display:block;border-radius:14px;overflow:hidden;background:var(--card);border:1px solid var(--border);
  transition:transform .25s,box-shadow .25s;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.gcard:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(0,0,0,.55);border-color:rgba(255,92,147,.35)}
.gthumb{position:relative;aspect-ratio:var(--gm-thumb-ratio, 3/4);overflow:hidden;background:#150c2a}
.gthumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.gcard:hover .gthumb img{transform:scale(1.06)}
.gthumb .badge{position:absolute;top:.5rem;left:.5rem;background:rgba(20,11,36,.8);backdrop-filter:blur(6px);
  color:var(--pink2);font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:20px;border:1px solid var(--border)}
.gthumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:.25s;
  background:rgba(20,11,36,.35)}
.gcard:hover .gthumb .play{opacity:1}
.gthumb .play span{width:52px;height:52px;border-radius:50%;background:var(--pink);display:flex;align-items:center;
  justify-content:center;box-shadow:0 6px 18px rgba(255,92,147,.6);font-size:1.1rem;color:#fff;padding-left:3px}
.ginfo{padding:.6rem .7rem .75rem}
.gtitle{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gmeta{display:flex;align-items:center;gap:.6rem;margin-top:.3rem;color:var(--dim);font-size:.75rem}
.gmeta .star{color:var(--gold)}

/* GAME DETAIL */
.player{background:#0d0720;border:1px solid var(--border);border-radius:16px;overflow:hidden}
.player .stage{position:relative;width:100%;aspect-ratio:16/10;background:#000}
.player .stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.8rem 1rem;border-top:1px solid var(--border);background:var(--card2)}
.pbar .gt{font-family:Fredoka;font-weight:600;font-size:1.1rem;margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pbar .pill{flex-shrink:0}
.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:24px;background:rgba(255,255,255,.06);
  border:1px solid var(--border);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:.2s}
.pill:hover{background:rgba(255,92,147,.15);border-color:rgba(255,92,147,.4)}
.pill.primary{background:linear-gradient(135deg,var(--pink),var(--button));border:none;box-shadow:0 4px 14px color-mix(in srgb, var(--button) 35%, transparent)}
.metarow{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--muted);font-size:.9rem;margin:1rem 0}
.metarow b{color:var(--text)}
.foldwrap{margin-top:1rem}
.fold{border:1px solid var(--border);border-radius:12px;margin-bottom:.7rem;overflow:hidden;background:var(--card2)}
.fold summary{padding:.9rem 1rem;cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;gap:.5rem}
.fold summary::-webkit-details-marker{display:none}
.fold .body{padding:0 1rem 1rem;color:var(--muted);line-height:1.6}
.breadcrumb{color:var(--dim);font-size:.85rem;margin:1rem 0}
.breadcrumb a:hover{color:var(--pink)}

/* PAGINATION */
.pager{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap;margin:2rem 0}
.gm-loadmore-wrap{display:flex;justify-content:center;margin:1.6rem 0 0}
.gm-loadmore-wrap .btn{border:none;cursor:pointer;font-family:inherit;font-size:1rem}
.gm-loadmore-wrap .btn:disabled{opacity:.6;cursor:default;transform:none}
.pager a{min-width:38px;text-align:center;padding:.5rem .7rem;border-radius:30px;
  background:linear-gradient(135deg,var(--pink),var(--button));border:none;color:#fff;font-weight:600;font-size:.85rem;
  transition:transform .15s,box-shadow .15s}
.pager a.active{background:linear-gradient(135deg,var(--pink),var(--button));color:#fff}
.pager a:hover{transform:translateY(-2px);box-shadow:0 10px 28px color-mix(in srgb, var(--button) 50%, transparent)}

/* FOOTER */
footer{margin-top:auto;background:#0C0619;border-top:1px solid var(--border);padding-top:1px}
.fmain{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;padding:2rem 0}
.fmain .flogo{display:flex;align-items:center;gap:.5rem}
.fmain .flogo img{height:34px;width:34px;border-radius:9px}
.fmain .flogo .name{font-family:Fredoka;font-weight:700;font-size:1.2rem}
.fmain .flogo .name .mingo{color:var(--pink)}
.ftag{color:var(--dim);font-size:.85rem;max-width:360px;line-height:1.6}
.online{margin-left:auto;display:flex;align-items:center;gap:.4rem;color:var(--dim);font-size:.8rem}
.online .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.fbottom{border-top:1px solid var(--border)}
.fbottomrow{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.1rem 1.25rem;color:var(--dim);font-size:.82rem}
.flinks{display:flex;flex-wrap:wrap;gap:1.2rem}
.flinks a:hover{color:var(--pink)}
.copy{margin-left:auto}

/* MODAL */
.modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:1rem;
  background:rgba(8,5,16,.7);backdrop-filter:blur(4px)}
.modal.open{display:flex}
.modal .box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;max-width:600px;width:100%;
  max-height:85vh;overflow:auto;padding:1.8rem}
.modal h3{font-family:Fredoka;font-size:1.4rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}
.modal .box p{color:var(--muted);line-height:1.7;margin-bottom:.8rem;font-size:.92rem}
.modal .x{float:right;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1}
.empty{text-align:center;color:var(--dim);padding:4rem 1rem}
.empty .big{font-size:3rem;margin-bottom:.5rem}

/* CONTENT PAGES */
.page{max-width:none;width:100%;margin:0;}
.pagehero{text-align:center;padding:2.6rem 1.5rem;margin:1.5rem 0;border-radius:20px;
  background:radial-gradient(120% 140% at 50% 0%,#3A1C5A 0%,#241241 55%,#160C29 100%);border:1px solid var(--border)}
.pagehero .ico{font-size:2.6rem}
.pagehero h1{font-family:Fredoka;font-weight:700;font-size:clamp(1.8rem,4vw,2.6rem);margin:.4rem 0}
.pagehero p{color:var(--muted);max-width:48ch;margin:.4rem auto 0}
.updated{color:var(--dim);font-size:.82rem;text-align:center;margin-bottom:1.5rem}
.page h2{font-family:Fredoka;font-weight:600;font-size:1.3rem;margin:1.8rem 0 .6rem;color:var(--text)}
.page h2 .n{color:var(--pink);margin-right:.4rem}
.page h3{font-weight:600;font-size:1.02rem;margin:1.1rem 0 .3rem}
.page p{color:var(--muted);line-height:1.75;margin-bottom:.85rem}
.page ul{color:var(--muted);line-height:1.7;}
.page li{margin-bottom:.35rem}
.page a.inline{color:var(--pink)}
.page a.inline:hover{text-decoration:underline}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.5rem 0}
.stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem .6rem;text-align:center}
.stat .num{font-family:Fredoka;font-weight:700;font-size:1.6rem;color:var(--pink)}
.stat .lbl{color:var(--dim);font-size:.78rem;margin-top:.2rem}
.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.2rem 0}
.infocard{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.3rem}
.infocard .ci{font-size:1.6rem;margin-bottom:.4rem}
.infocard h3{margin:0 0 .3rem;font-family:Fredoka}
.infocard p{margin:0;font-size:.9rem}
.form{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-top:1.2rem}
.form label{display:block;font-weight:600;font-size:.85rem;margin:.9rem 0 .35rem}
.form input,.form textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);
  padding:.7rem .9rem;border-radius:10px;font-size:.92rem;font-family:inherit;outline:none;transition:.2s}
.form input:focus,.form textarea:focus{border-color:var(--pink)}
.form textarea{min-height:120px;resize:vertical}
@media(max-width:560px){.statgrid{grid-template-columns:repeat(2,1fr)}}

.menu-blog{display:none}
@media(max-width:860px){
  .navlinks{display:none}
  .login{display:none}
  form.search{max-width:none;flex:1;margin-left:.5rem}
  .burger{display:block}
  /* mobile dropdown panel */
  #navcats.mobcats{display:flex;flex-direction:column;gap:.15rem;position:absolute;top:100%;left:0;right:0;
    background:var(--bg2);backdrop-filter:blur(18px);margin-left: 0;border-bottom:1px solid var(--border);
    padding:.6rem 1.25rem .9rem;box-shadow:0 12px 24px rgba(0,0,0,.45)}
  #navcats.mobcats a{padding:.75rem .6rem;border-radius:9px;font-size:.95rem}
  #navcats.mobcats .menu-blog{display:block;color:var(--pink);font-weight:700;border-top:1px solid var(--border);margin-top:.3rem;padding-top:.9rem}
}
@media(max-width:560px){
  .logo .name{display:none}
  .logo img.custom-logo {
    height: min(var(--gm-logo-height, 40px), 44px);
    max-width: 180px;
  }
  .hero{padding:2.2rem 1.3rem;margin:1rem 0}
  .hero::after{font-size:6rem;right:.5rem}
  .grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem}
  /* Featured Games: show only 6 cards on mobile */
  .featured-grid .gcard:nth-child(n+7){display:none}
  .sechead .t,.pagehero h1,h1.t{font-size:1.3rem}
  .metarow{gap:.7rem 1rem;font-size:.85rem}
  .player .stage{aspect-ratio:4/3}
  .page{padding-left:0;padding-right:0}
  .fmain{flex-direction:column;align-items:flex-start}
  .online{margin-left:0}
  .copy{margin-left:0;width:100%}
  .cookierow p{font-size:.8rem}
}
@media(max-width:380px){
  .grid{grid-template-columns:repeat(2,1fr)}
}

/* static-build additions */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#0C0619;border-top:1px solid var(--border);padding:1rem 1.25rem}
.cookierow{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.cookierow p{color:var(--muted);font-size:.85rem;line-height:1.5;margin:0;flex:1;min-width:240px}
.cookierow a{color:var(--pink)}
.cookiebtns{display:flex;gap:.6rem}
.btn.sm{padding:.6rem 1.3rem}
.tags .tag,
a.tag {
  display: inline-block;
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--muted);
  font-size: .78rem;
  padding: .3rem .7rem;
  border-radius: 20px;
  margin: .2rem .3rem .2rem 0;
}

/* WordPress adds the class "tag" to <body> on tag archive pages.
   Make sure the tag chip styles never shrink the page body. */
body.tag {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--bg);
  color: var(--text);
  font-size: inherit;
}
.qa{margin-bottom:.9rem}.qa h3{margin:0 0 .2rem}.qa p{margin:0;color:var(--muted);line-height:1.7}
h1.t{font-family:Fredoka;font-weight:600;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}

/* WordPress/theme integrations */
.wp-block-search, .wp-block-group, .wp-block-columns { color: inherit; }
.site-main { min-height: 50vh; }
main.wrap { padding-bottom: 2rem; }
.page p, .page li { color: var(--muted); line-height: 1.75; }
.page h2 { font-family: Fredoka,sans-serif; font-weight: 600; font-size: 1.3rem; margin: 1.8rem 0 .7rem; }
.page h3 { font-family: Fredoka,sans-serif; font-weight: 600; font-size: 1.05rem; margin: 1.2rem 0 .45rem; }
.page ul { padding-left: 1.25rem; }
/* Keep primary buttons fully visible; content-link styling must never tint them. */
a.btn,.btn,a.login,.login { color:#fff !important; opacity:1 !important; }
a.btn:hover,.btn:hover,a.login:hover,.login:hover { color:#fff !important; opacity:1 !important; }
.page .embed-wrap { margin: 0 0 1.2rem; }
.game-embed { position:relative; width:100%; background:#000; border-radius:16px; overflow:hidden; }
.game-embed iframe { width:100%; min-height:600px; border:0; display:block; }
.game-embed > * { max-width:100%; }
.game-embed iframe[src] { aspect-ratio:16/10; height:auto; min-height:0; }
.game-embed iframe.game-embed-frame { width:100%; height:100%; min-height:600px; }
.gcard .gthumb.noimg { display:flex; align-items:center; justify-content:center; color:var(--dim); font-size:3rem; }
.admin-note { padding:1rem; border:1px solid #d9ccff; background:#f8f4ff; border-radius:12px; color:#4b3a70; }
@media(max-width:860px){ .game-embed iframe { min-height:480px; } }
@media(max-width:560px){ .game-embed iframe { min-height:360px; } }


.player .stage > .game-embed{position:absolute;inset:0;width:100%;height:100%;}
.player .stage > .game-embed iframe{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;display:block;border:0;}

/* 404 NOT FOUND */
.gm-404{position:relative;min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center;padding:4rem 0;overflow:hidden}
.gm-404-card{position:relative;z-index:2;width:min(760px,100%);text-align:center;padding:3rem 2rem;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(145deg,rgba(58,28,90,.72),rgba(27,16,54,.82));box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px)}
.gm-404-art{height:150px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1rem;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25))}
.gm-404-four{font-family:Fredoka,sans-serif;font-size:clamp(6rem,15vw,9rem);font-weight:700;line-height:.8;color:#f3ecff;letter-spacing:-.08em;text-shadow:0 8px 0 rgba(255,255,255,.03)}
.gm-404-four.right{margin-left:8px}
.gm-404-controller{width:112px;height:72px;border-radius:30px 30px 38px 38px;background:linear-gradient(160deg,#ff76a8,#e74480);border:5px solid #2b1745;box-shadow:0 10px 28px rgba(255,92,147,.35);position:relative;transform:rotate(-7deg);margin:0 -4px;z-index:3}
.gm-404-controller:before,.gm-404-controller:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#2b1745;bottom:15px}
.gm-404-controller:before{left:18px}.gm-404-controller:after{right:18px}
.ctrl-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#ffd4e4;right:28px;top:18px}.ctrl-dot.dot-b{right:15px;top:25px}
.ctrl-dpad{position:absolute;background:#2b1745;left:22px;top:18px;border-radius:3px}.ctrl-dpad.h{width:25px;height:8px}.ctrl-dpad.v{width:8px;height:25px;left:30px;top:9px}
.gm-404-pixel{position:absolute;width:8px;height:8px;background:var(--pink);opacity:.75;border-radius:2px}.gm-404-pixel.p1{left:14%;top:25%;box-shadow:16px 0 var(--pink),32px 0 rgba(255,92,147,.4)}.gm-404-pixel.p2{right:14%;top:62%;background:var(--gold);box-shadow:-16px 0 var(--gold)}.gm-404-pixel.p3{left:21%;bottom:12%;background:#8b6cff;box-shadow:16px 0 #8b6cff}
.gm-404-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid rgba(255,92,147,.25);border-radius:30px;background:rgba(255,92,147,.08);color:var(--pink2);font-size:.72rem;font-weight:700;letter-spacing:.12em}
.gm-404-card h1{font-family:Fredoka,sans-serif;font-size:clamp(2rem,5vw,3.1rem);line-height:1.1;margin:.9rem 0 .75rem;font-weight:700;letter-spacing:-.03em}
.gm-404-card>p{max-width:550px;margin:0 auto;color:var(--muted);line-height:1.7;font-size:.98rem}
.gm-404-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:1.7rem 0 1rem}
.gm-404-actions .btn{min-width:150px;justify-content:center}
.gm-404-tip{display:inline-flex;align-items:center;gap:.45rem;color:var(--dim);font-size:.78rem;margin-top:.6rem;padding:.55rem .85rem;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--border)}
.gm-404-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}.gm-404-glow-a{width:280px;height:280px;background:rgba(255,92,147,.12);left:-100px;top:10%}.gm-404-glow-b{width:340px;height:340px;background:rgba(112,73,255,.11);right:-120px;bottom:5%}
@media(max-width:700px){.gm-404{min-height:calc(100vh - 125px);padding:2.5rem 0}.gm-404-card{padding:2.2rem 1.1rem;border-radius:22px}.gm-404-art{height:110px}.gm-404-controller{width:84px;height:56px;border-width:4px}.gm-404-controller:before,.gm-404-controller:after{width:10px;height:10px;bottom:12px}.gm-404-controller:before{left:13px}.gm-404-controller:after{right:13px}.ctrl-dot{width:7px;height:7px;right:20px;top:13px}.ctrl-dot.dot-b{right:10px;top:18px}.ctrl-dpad.h{width:20px;height:6px;left:17px;top:14px}.ctrl-dpad.v{width:6px;height:20px;left:24px;top:7px}.gm-404-actions{flex-direction:column;align-items:stretch}.gm-404-actions .btn{width:100%}.gm-404-tip{max-width:100%;justify-content:center}}

/* =========================================================
   BLOG — pixel-matched visual language from the supplied design
   ========================================================= */
.blog-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:228px;margin:1.5rem 0 1.35rem;padding:2.25rem 2.35rem;border-radius:16px;overflow:hidden;background:linear-gradient(115deg,#35166b 0%,#21103f 58%,#17102d 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 45px rgba(0,0,0,.14)}
.blog-hero:after{content:"";position:absolute;right:-18px;top:-52px;width:190px;height:190px;border:4px solid rgba(148,99,223,.10);border-radius:38% 52% 35% 58%;transform:rotate(25deg);box-shadow:inset 0 0 0 16px rgba(148,99,223,.035),0 0 0 10px rgba(148,99,223,.02)}
.blog-hero-copy{position:relative;z-index:1}.blog-kicker{font-size:.78rem;color:var(--pink);font-weight:700;margin-bottom:.55rem}.blog-hero h1{font-family:Fredoka,sans-serif;font-size:clamp(2rem,3.7vw,3.05rem);line-height:1.02;letter-spacing:-.8px;font-weight:600;margin:0}.blog-hero h1 span{color:var(--pink)}.blog-hero p{margin-top:.9rem;color:#a998c5;font-size:.86rem;line-height:1.55}.blog-topic-chips{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,max-content);gap:.55rem;align-content:center;max-width:430px}.blog-topic-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:30px;padding:.42rem .72rem;border:1px solid rgba(255,255,255,.07);border-radius:5px;background:rgba(255,255,255,.055);color:#d8cdea;font-size:.67rem;font-weight:600;white-space:nowrap;transition:.2s}.blog-topic-chip:hover{background:rgba(255,92,147,.12);border-color:rgba(255,92,147,.3);color:#fff;transform:translateY(-1px)}.blog-topic-chip span{font-size:.72rem}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:1.1rem;align-items:start}.blog-main-column{min-width:0}.blog-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:.2rem 0 .72rem}.blog-section-heading h2{font-family:Fredoka,sans-serif;font-size:1.08rem;line-height:1;font-weight:700;margin:0}.blog-section-heading h2 span{font-size:.9rem;margin-right:.25rem}.blog-section-heading p{color:#8f7eaa;font-size:.67rem;margin:.25rem 0 0}.blog-view-all{font-size:.67rem;font-weight:700;color:var(--pink);padding-bottom:.12rem;white-space:nowrap}.blog-featured-card{display:grid;grid-template-columns:47% 53%;height:244px;border-radius:10px;overflow:hidden;background:linear-gradient(115deg,#20103f,#1a0f34);border:1px solid rgba(255,255,255,.065);box-shadow:0 8px 26px rgba(0,0,0,.18)}.blog-featured-image,.blog-post-image{display:block;position:relative;overflow:hidden;background:linear-gradient(145deg,#33205b,#170c2b)}.blog-featured-image img,.blog-post-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.blog-featured-card:hover .blog-featured-image img,.blog-post-card:hover .blog-post-image img{transform:scale(1.045)}.blog-featured-image.no-image,.blog-post-image.no-image{display:flex;align-items:center;justify-content:center;color:#7e68a1;font-size:2.5rem}.blog-featured-body{padding:1.45rem 1.5rem 1.2rem}.blog-card-label{display:inline-flex;align-items:center;height:19px;padding:0 .48rem;border-radius:4px;background:rgba(255,92,147,.15);color:#ff6297;font-size:.57rem;font-weight:700;margin-bottom:.55rem}.blog-card-label.tips-guides,.blog-card-label.guides{background:rgba(91,74,180,.28);color:#a99cff}.blog-card-label.game-reviews,.blog-card-label.reviews{background:rgba(91,74,180,.28);color:#b2a5ff}.blog-card-label.news{background:rgba(255,92,147,.15);color:#ff6b9d}.blog-card-label.industry,.blog-card-label.industry-trends{background:rgba(255,194,92,.13);color:#ffc45c}.blog-card-label.esports{background:rgba(92,210,175,.12);color:#64d9bb}.blog-featured-body h3{font-family:Fredoka,sans-serif;font-size:1.32rem;line-height:1.08;margin:0 0 .62rem;font-weight:700}.blog-featured-body h3 a:hover,.blog-post-body h3 a:hover{color:var(--pink2)}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.58rem;color:#806e9f;font-size:.58rem;margin-bottom:.85rem}.blog-meta span{white-space:nowrap}.blog-featured-body>p,.blog-post-body>p{color:#9585ad;font-size:.68rem;line-height:1.48;margin:0 0 .95rem}.blog-read-button{display:inline-flex;align-items:center;gap:.35rem;padding:.43rem .68rem;border-radius:6px;background:linear-gradient(135deg,#ff4d8d,#ed3f79);color:#fff;font-size:.63rem;font-weight:700;box-shadow:0 5px 12px rgba(255,92,147,.2)}.blog-read-button:hover{transform:translateY(-1px)}.blog-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.92rem;margin-top:.92rem}.blog-post-card{display:grid;grid-template-columns:41% 59%;min-height:174px;border-radius:9px;overflow:hidden;background:#1d1238;border:1px solid rgba(255,255,255,.06);box-shadow:0 5px 18px rgba(0,0,0,.12);transition:.2s}.blog-post-card:hover{border-color:rgba(255,92,147,.22);transform:translateY(-2px)}.blog-post-body{padding:.8rem .72rem .7rem;min-width:0}.blog-post-body .blog-card-label{margin-bottom:.35rem}.blog-post-body h3{font-family:Fredoka,sans-serif;font-size:1rem;line-height:1.13;margin:0 0 .4rem;font-weight:600}.blog-post-body .blog-meta{font-size:.6rem;gap:.35rem;margin-bottom:.5rem}.blog-post-body>p{font-size:.80rem;line-height:1.42;margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-read-link{font-size:.75rem;font-weight:700;color:var(--pink)}.blog-read-link:hover{text-decoration:underline}.blog-sidebar{display:flex;flex-direction:column;gap:.92rem}.blog-side-card{padding:.92rem;border-radius:8px;background:#1c1135;border:1px solid rgba(255,255,255,.06);box-shadow:0 5px 18px rgba(0,0,0,.12)}.blog-side-card h3{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 .75rem}.blog-search-card form{position:relative}.blog-search-card input{width:100%;height:31px;border:1px solid rgba(255,255,255,.07);border-radius:4px;background:#170d2d;color:#ded4ed;padding:0 2.4rem 0 .65rem;font:500 .6rem Inter,sans-serif;outline:none}.blog-search-card input:focus{border-color:rgba(255,92,147,.5)}.blog-search-card button{position:absolute;right:3px;top:3px;width:25px;height:25px;border:0;border-radius:4px;background:linear-gradient(135deg,#ff4d8d,#e63c76);color:#fff;cursor:pointer;font-size:.85rem}.blog-category-list a{display:flex;align-items:center;justify-content:space-between;padding:.47rem 0;border-bottom:1px solid rgba(255,255,255,.055);color:#b7a9ca;font-size:.8rem}.blog-category-list a:last-child{border-bottom:0}.blog-category-list a:hover{color:#fff}.blog-category-list b{min-width:22px;height:22px;padding:0 4px;border-radius:50%;background:#33254f;color:#b9abc9;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:500}.blog-popular-list{display:flex;flex-direction:column;gap:.7rem}.blog-popular-item{display:grid;grid-template-columns:38px 1fr;gap:.75rem;align-items:center}.blog-popular-thumb{display:flex;width:40px;height:50px;border-radius:4px;overflow:hidden;background:#241447;align-items:center;justify-content:center;color:#735a96;font-size:1rem}.blog-popular-thumb img{width:100%;height:100%;object-fit:cover}.blog-popular-item strong{display:block;color:#d8cfe3;font-size:.65rem;line-height:1.22;font-weight:600}.blog-popular-item:hover strong{color:#fff}.blog-popular-item small{display:block;color:#74638f;font-size:.49rem;margin-top:.18rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.38rem}.blog-tags a{padding:.3rem .48rem;border-radius:4px;background:#241745;border:1px solid rgba(255,255,255,.06);color:#a999bb;font-size:.62rem}.blog-tags a:hover{color:#fff;border-color:rgba(255,92,147,.25)}.blog-no-tags{font-size:.58rem;color:#74638f;line-height:1.45}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin:1.35rem 0 1.8rem}.blog-pagination a,.blog-pagination span{min-width:29px;height:29px;padding:0 .55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:#21143f;border:1px solid rgba(255,255,255,.055);color:#a997bb;font-size:.58rem;font-weight:600}.blog-pagination .current{background:linear-gradient(135deg,#ff4d8d,#ed3f79);border-color:transparent;color:#fff}.blog-pagination .next,.blog-pagination .prev{padding:0 .7rem}.blog-pagination a:hover{color:#fff;border-color:rgba(255,92,147,.25)}.blog-empty{padding:4rem 1rem;text-align:center;background:#1d1238;border:1px solid rgba(255,255,255,.06);border-radius:10px}.blog-empty>div{font-size:2.6rem;margin-bottom:.6rem}.blog-empty h3{font-family:Fredoka;font-size:1.1rem;margin-bottom:.25rem}.blog-empty p{color:#8f7eaa;font-size:.75rem}.blog-single-wrap{max-width:100%;margin:1.5rem 0 3rem}.blog-single-layout{margin:1.5rem 0 3rem}.blog-single{background:#1d1238;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:2rem}.blog-single-kicker{color:var(--pink);font-size:.8rem;font-weight:700;margin-bottom:.5rem}.blog-single h1{font-family:Fredoka;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.05;margin-bottom:.7rem; font-weight: 600;}.blog-single-meta{font-size:.75rem;margin-bottom:1.2rem}.blog-single-image{border-radius:10px;overflow:hidden;margin:0 0 1.5rem}.blog-single-image img{width:50%;height:auto; margin: auto;}.blog-single-content{color:#a997bb;font-size:.9rem;line-height:1.8}.blog-single-content h2,.blog-single-content h3{font-family:Fredoka;color:#f3ecff;margin:1.5rem 0 .6rem; font-size: 1.3em; font-weight: 600;}.blog-single-content p{margin:0 0 1rem}.blog-single-content a{color:var(--pink)}
.blog-single-layout .blog-single{min-width:0}.blog-single-layout .blog-main-column{min-width:0}\n@media(max-width:1050px){.blog-layout{grid-template-columns:minmax(0,1fr) 220px}.blog-featured-card{height:230px}.blog-post-card{min-height:166px}.blog-topic-chips{grid-template-columns:repeat(2,max-content);max-width:300px}}
@media(max-width:860px){.blog-hero{align-items:flex-start;flex-direction:column;min-height:auto;padding:1.65rem}.blog-topic-chips{grid-template-columns:repeat(3,max-content);max-width:none}.blog-layout{grid-template-columns:1fr}.blog-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-sidebar .blog-side-card:last-child{grid-column:1/-1}.blog-featured-card{height:260px}}
@media(max-width:620px){.blog-hero h1{font-size:2rem}.blog-desktop-break{display:none}.blog-topic-chips{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.blog-topic-chip{font-size:.62rem}.blog-featured-card{grid-template-columns:1fr;height:auto}.blog-featured-image{height:205px}.blog-featured-body{padding:1rem}.blog-post-grid{grid-template-columns:1fr}.blog-post-card{min-height:160px}.blog-sidebar{grid-template-columns:1fr}.blog-sidebar .blog-side-card:last-child{grid-column:auto}.blog-single{padding:1.2rem}.blog-single-wrap{margin-top:1rem} .blog-single-image img { width: 100%;}}


/* ADVERTISEMENT */
.gm-ad{
  width:100%;
  margin:1.25rem 0;
  padding:.75rem 0;
  text-align:center;
  overflow:hidden;
  clear:both;
}
.gm-ad-label{
  color:var(--dim);
  font-size:.68rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:.45rem;
}
.gm-ad-inner{
  width:100%;
  min-height:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden;
}
.gm-ad-inner img,
.gm-ad-inner iframe{
  max-width:100%;
}
.gm-ad-header{
  margin:.5rem 0 1.25rem;
}
.gm-ad-before_footer{
  max-width:80rem;
  margin:1.5rem auto;
  padding:0 1.25rem 1rem;
}
.gm-ad-homepage{
  margin:1rem 0 2rem;
}
.gm-ad-game_content{
  margin:1.5rem 0;
}
.gm-ad-blog_content{
  margin:1.5rem 0;
}
@media(max-width:640px){
  .gm-ad-before_footer{padding-left:.8rem;padding-right:.8rem}
  .gm-ad{margin:1rem 0;padding:.5rem 0}
}