/* EVANTGAMES - EXACT v3.14.8 PALETTE & FINAL v3.4.5 CANVAS RESTORATION */
:root{
 --bg-deep:#0d0522!important;--bg-1:#130a29!important;--bg-2:#201138!important;
 --bg-3:#2c194d!important;--surface:#382a52!important;--surface-2:#33224e!important;
 --surface-glass:rgba(51,32,78,.7)!important;--border:rgba(168,85,247,.22)!important;
 --border-2:rgba(255,255,255,.08)!important;--text:#ffffff!important;
 --text-2:#c4b5fd!important;--text-3:#9ca3af!important;--text-4:#6b7280!important;
 --gold:#fbbf24!important;--gold-2:#f59e0b!important;--gold-light:rgba(251,191,36,.15)!important;
 --cyan:#22d3ee!important;--purple:#a855f7!important;--purple-2:#9333ea!important;
 --pink:#ec4899!important;--red:#ef4444!important;--green:#a855f7!important;
 --green-2:#0d9e5f!important;
 --mapk-bg:#130a29!important;--mapk-surface:#382a52!important;
 --mapk-surface-2:#33224e!important;--mapk-green:#a855f7!important;
 --mapk-green-2:#fbbf24!important;--mapk-blue:#22d3ee!important;
 --mapk-text:#e9d5ff!important;--mapk-muted:#c4b5fd!important;
}
html,html body,body{background-color:#291b49!important}
body{background:#291b49!important}
body::before{content:""!important;display:block!important;position:fixed!important;inset:0!important;
 z-index:-2!important;opacity:.8!important;
 background:radial-gradient(ellipse at top left,#332355 0%,transparent 55%),
 radial-gradient(ellipse at top right,#492a70 0%,transparent 55%),
 radial-gradient(ellipse at bottom left,#30295b 0%,transparent 55%),
 radial-gradient(ellipse at bottom right,#393477 0%,transparent 55%),#291b49!important}
body::after{content:""!important;display:block!important;position:fixed!important;inset:0!important;
 z-index:-1!important;opacity:.4!important;pointer-events:none!important;
 background-image:linear-gradient(rgba(168,85,247,.05) 1px,transparent 1px),
 linear-gradient(90deg,rgba(168,85,247,.05) 1px,transparent 1px)!important;
 background-size:48px 48px!important}
.bg-orbs{position:fixed!important;inset:0!important;z-index:-1!important;
 overflow:hidden!important;pointer-events:none!important}
.bg-orb{display:block!important;position:absolute!important;border-radius:50%!important;
 filter:blur(120px)!important;opacity:.4!important}
.bg-orb.o1{width:520px;height:520px;background:#a855f7!important;top:-10%;left:-10%;animation:float 12s ease-in-out infinite}
.bg-orb.o2{width:420px;height:420px;background:#ec4899!important;top:30%;right:-10%;animation:floatReverse 14s ease-in-out infinite}
.bg-orb.o3{width:460px;height:460px;background:#22d3ee!important;bottom:-10%;left:30%;animation:float 16s ease-in-out infinite}
.bg-orb.o4{width:360px;height:360px;background:#fbbf24!important;top:50%;left:42%;opacity:.15!important;animation:floatReverse 18s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes floatReverse{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(10px) rotate(-2deg)}}
header#mainHeader,html body header#mainHeader{background:rgba(38,25,63,.9)!important}
header#mainHeader.scrolled,html body header#mainHeader.scrolled{background:rgba(38,25,63,.97)!important}
.mms{background:#382a52!important}
.sec-alt{background:#342459!important}
footer,.mapk-footer{background:#291b46!important}
.top-card{background:rgba(255,255,255,.055)!important;
 border-color:rgba(174,110,255,.28)!important}
.game-card{background:rgba(255,255,255,.055)!important;
 border-color:rgba(174,110,255,.22)!important}
.blog-card{background:rgba(255,255,255,.055)!important;
 border-color:rgba(174,110,255,.22)!important}
.tools-strip{background:#30204c!important}
.counter-strip{background:#382a52!important}
/* Restored original gold-to-orange visual CTAs, while keeping v11 button behavior. */
.hero-title .l2{background:linear-gradient(135deg,#fbbf24,#f97316 40%,#ec4899 75%,#a855f7)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;text-shadow:none!important}
.logo-text strong span{background:linear-gradient(135deg,#fbbf24,#f97316)!important;
 -webkit-background-clip:text!important;background-clip:text!important;
 -webkit-text-fill-color:transparent!important;color:#fbbf24!important}
.btn-primary,.filter-btn.active,.dl-btn-main,.top-dl-btn,.strip-btn{
 background:linear-gradient(135deg,#fbbf24,#f97316)!important;color:#0a0118!important;
 box-shadow:0 8px 22px rgba(251,191,36,.32)!important}
.nav-list a.active{background:linear-gradient(135deg,#a855f7,#ec4899)!important;color:#fff!important}
/* Reflections and outlines use only the legacy colors. */
.btn-primary:focus-visible,.top-dl-btn:focus-visible{outline:2px solid #a855f7;outline-offset:3px}
@media(max-width:640px){.bg-orb.o1{width:300px;height:300px}.bg-orb.o2{width:260px;height:260px}
 .bg-orb.o3{width:280px;height:280px}.bg-orb.o4{display:none!important}}
@media(max-width:900px){.bg-orb{filter:blur(60px)!important;animation:none!important;opacity:.18!important}
 body::after{display:none!important}}
@media(prefers-reduced-motion:reduce){.bg-orb{animation:none!important}}


/* v11.10.12 — slightly brighter violet canvas (homepage + category + single/download pages).
   Solid card fills prevent murky dark patches; preserved purple/gold/pink branding. */
:root{
 --evant-elevated:#382a52;
 --evant-elevated-2:#40305d;
 --evant-tile:#40305d;
}
.mapk-widget,.evg-widget,.mapk-side .mapk-widget{
 background:#382a52!important;
 border-color:rgba(174,110,255,.26)!important;
}
.mapk-cat-list li a,.evg-list li a{
 background:rgba(190,145,255,.075)!important;
}
.mapk-cat-list li a:hover,.evg-list li a:hover{
 background:rgba(168,85,247,.18)!important;
}
.game-card,.top-card,.blog-card,.lib-card{
 background-image:none!important;
 border-color:rgba(185,129,255,.25)!important;
}
.game-card:hover,.top-card:hover,.blog-card:hover,.lib-card:hover{
 border-color:rgba(185,129,255,.48)!important;
}
.lib-card{background:rgba(255,255,255,.055)!important}
.ppsspp-grid .game-card{background:rgba(255,255,255,.055)!important}
/* Browsing and download content: brighten only the surrounding dark surfaces. */
.dl-box,.aab-box,.app-card,.evgs-page .evgs-hero,.evgs-page .evgs-dlhero{
 background-color:#382a52!important;
}
.evfu-mount .evfu{background:#30204b!important;background-image:none!important}
.evfu-mount .evfu .evfu-lane,
.evfu-mount .evfu .evfu-srv,
.evfu-mount .evfu .evfu-compact.evfu-fx,
.evfu-mount .evfu .evfu-compact.evfu-free-compact{
 background-color:#36254e!important;
 background-image:none!important;
}
/* Keep mobile panels readable even where older speed CSS forced nearly black surfaces. */
@media(max-width:900px){
 body:not(.evant-light) header#mainHeader,
 body:not(.evant-light) header#mainHeader.scrolled,
 body:not(.evant-light) .mob-nav,
 body:not(.evant-light) .ck-bar{background:#382a52!important}
 body:not(.evant-light) .evant-page-article,
 body:not(.evant-light) .evant-post-article{background:#382a52!important}
}

/* v11.10.27: unified, non-opaque game-card surfaces.
   This overrides older rectangular-grid rules that use --mapk-surface !important.
   Keep all original typography, badges, icon sizing and interaction intact. */
:root{
 --evant-card-glass:rgba(255,255,255,.055);
 --evant-card-glass-hover:rgba(255,255,255,.09);
 --evant-card-stroke:rgba(195,156,255,.20);
}
.game-grid .game-card,
.game-grid .game-card.mapk-flat,
#gameGrid .game-card,
#gameGrid .game-card.mapk-flat,
.ppsspp-grid .game-card,
.game-card,.top-card,.blog-card,.lib-card{
 background:var(--evant-card-glass)!important;
 background-image:none!important;
 border-color:var(--evant-card-stroke)!important;
}
.game-grid .game-card:hover,
.game-grid .game-card.mapk-flat:hover,
#gameGrid .game-card:hover,
#gameGrid .game-card.mapk-flat:hover,
.ppsspp-grid .game-card:hover,
.game-card:hover,.top-card:hover,.blog-card:hover,.lib-card:hover{
 background:var(--evant-card-glass-hover)!important;
 border-color:rgba(195,156,255,.44)!important;
}
/* Do not reintroduce a dark flat backdrop through the card's nested content. */
.game-grid .game-card .game-body,
#gameGrid .game-card .game-body{background:transparent!important}
@media (prefers-reduced-motion:reduce){
 .game-card,.top-card,.blog-card,.lib-card{transition:none!important}
}


/* v11.10.28 — unify game-card background with theme canvas and subtle dotted decoration. */
:root{
 --evant-card-unified-bg:rgba(255,255,255,.032);
 --evant-card-unified-bg-hover:rgba(255,255,255,.05);
 --evant-card-dot:rgba(196,181,253,.16);
 --evant-card-dot-hover:rgba(251,191,36,.18);
}
.game-grid .game-card,
.game-grid .game-card.mapk-flat,
#gameGrid .game-card,
#gameGrid .game-card.mapk-flat,
.ppsspp-grid .game-card,
.evant-lv .game-card,
.game-card.mapk-flat{
 background-color:var(--evant-card-unified-bg)!important;
 background-image:
  radial-gradient(circle at 1px 1px,var(--evant-card-dot) 1px,transparent 1.25px),
  linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.014))!important;
 background-size:18px 18px,auto!important;
 background-position:0 0,0 0!important;
 border-color:rgba(195,156,255,.18)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.game-grid .game-card:hover,
.game-grid .game-card.mapk-flat:hover,
#gameGrid .game-card:hover,
#gameGrid .game-card.mapk-flat:hover,
.ppsspp-grid .game-card:hover,
.evant-lv .game-card:hover,
.game-card.mapk-flat:hover{
 background-color:var(--evant-card-unified-bg-hover)!important;
 background-image:
  radial-gradient(circle at 1px 1px,var(--evant-card-dot-hover) 1px,transparent 1.25px),
  linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;
 border-color:rgba(195,156,255,.34)!important;
 box-shadow:0 12px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.game-grid .game-card .game-body,
#gameGrid .game-card .game-body,
.game-card.mapk-flat .game-body{background:transparent!important}
@media (max-width:640px){
 .game-grid .game-card,
 .game-grid .game-card.mapk-flat,
 #gameGrid .game-card,
 #gameGrid .game-card.mapk-flat{background-size:16px 16px,auto!important}
}


/* EVANTGAMES v11.10.29 — mobile game cards: compact, larger icons, no dead space.
 * Loaded after MAPK + Live Grid; intentionally do not change desktop cards. */
@media (max-width:640px){
 #gameGrid.game-grid,
 .evant-lv .game-grid,
 .ppsspp-grid.game-grid{gap:10px!important;align-items:stretch!important}
 #gameGrid .game-card.mapk-flat,
 .game-grid .game-card.mapk-flat{
   display:flex!important;flex-direction:row!important;align-items:center!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   padding:9px 11px!important;gap:12px!important;
   border-radius:15px!important;box-sizing:border-box!important
 }
 #gameGrid .game-card.mapk-flat .game-img-wrap,
 .game-grid .game-card.mapk-flat .game-img-wrap{
   display:block!important;position:relative!important;
   flex:0 0 72px!important;width:72px!important;height:72px!important;
   min-width:72px!important;min-height:72px!important;
   padding:0!important;margin:0!important;aspect-ratio:1/1!important;
   border-radius:14px!important
 }
 #gameGrid .game-card.mapk-flat .game-img-wrap .game-card-link,
 .game-grid .game-card.mapk-flat .game-img-wrap .game-card-link{
   display:block!important;width:100%!important;height:100%!important;line-height:0!important
 }
 #gameGrid .game-card.mapk-flat .game-img,
 .game-grid .game-card.mapk-flat .game-img{
   display:block!important;width:100%!important;height:100%!important;
   border-radius:14px!important;object-fit:cover!important
 }
 #gameGrid .game-card.mapk-flat .game-body,
 .game-grid .game-card.mapk-flat .game-body{
   display:flex!important;flex-direction:column!important;align-items:flex-start!important;
   justify-content:center!important;flex:1 1 0!important;min-width:0!important;
   width:auto!important;height:auto!important;gap:3px!important;
   padding:0!important;margin:0!important;text-align:left!important
 }
 #gameGrid .game-card.mapk-flat .evl-chip,
 .game-grid .game-card.mapk-flat .evl-chip{
   font-size:9.5px!important;line-height:1.1!important;
   margin:0 0 1px!important;padding:3px 7px!important;max-width:calc(100% - 28px)
 }
 #gameGrid .game-card.mapk-flat .game-title,
 .game-grid .game-card.mapk-flat .game-title{
   display:block!important;min-width:0!important;max-width:100%!important;
   width:100%!important;margin:0!important;padding:0 25px 0 0!important;
   font-size:14.5px!important;line-height:1.25!important;
   white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
 }
 #gameGrid .game-card.mapk-flat .game-meta,
 .game-grid .game-card.mapk-flat .game-meta{
   display:flex!important;min-width:0!important;max-width:100%!important;
   width:100%!important;min-height:0!important;line-height:1.25!important;
   margin:0!important;padding:0!important;overflow:hidden!important;align-items:center!important
 }
 #gameGrid .game-card.mapk-flat .game-meta span,
 .game-grid .game-card.mapk-flat .game-meta span{
   display:inline-flex!important;align-items:center!important;gap:6px!important;
   min-width:0!important;max-width:100%!important;overflow:hidden!important;
   white-space:nowrap!important;text-overflow:ellipsis!important
 }
 #gameGrid .game-card.mapk-flat .mapk-ver-line span,
 .game-grid .game-card.mapk-flat .mapk-ver-line span{font-size:11.5px!important;line-height:1.25!important}
 #gameGrid .game-card.mapk-flat .mapk-feat-line span,
 .game-grid .game-card.mapk-flat .mapk-feat-line span{font-size:11.5px!important;line-height:1.25!important}
 #gameGrid .game-card.mapk-flat .mapk-bm,
 .game-grid .game-card.mapk-flat .mapk-bm{top:8px!important;right:9px!important}
 #gameGrid .game-card.mapk-flat .game-mod-badge,
 .game-grid .game-card.mapk-flat .game-mod-badge{
   bottom:-6px!important;font-size:8px!important;padding:1px 7px!important;line-height:1.4!important
 }
 /* Keep the dotted decoration and the translucent theme-colored background intact. */
 #games .evl-tabs{margin-bottom:9px!important}
 #games .sec-head{margin-bottom:14px!important}
}
@media (max-width:380px){
 #gameGrid .game-card.mapk-flat,
 .game-grid .game-card.mapk-flat{padding:9px 10px!important;gap:11px!important}
 #gameGrid .game-card.mapk-flat .game-img-wrap,
 .game-grid .game-card.mapk-flat .game-img-wrap{
   flex-basis:68px!important;width:68px!important;min-width:68px!important;
   height:68px!important;min-height:68px!important
 }
 #gameGrid .game-card.mapk-flat .game-title,
 .game-grid .game-card.mapk-flat .game-title{font-size:13.8px!important}
 #gameGrid .game-card.mapk-flat .mapk-ver-line span,
 .game-grid .game-card.mapk-flat .mapk-ver-line span,
 #gameGrid .game-card.mapk-flat .mapk-feat-line span,
 .game-grid .game-card.mapk-flat .mapk-feat-line span{font-size:11px!important}
}


/* v11.10.30 — actual mobile edge fix: the old #gameGrid 3-column rule
   came AFTER its own mobile breakpoint, forcing 3 tracks on phones.
   The later 11.10.29 card-size rules did not override the column count. */
@media (min-width:641px) and (max-width:980px){
 #gameGrid.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%;min-width:0}
}
@media (max-width:640px){
 #games>.cn{box-sizing:border-box!important;width:100%!important;max-width:100%!important;
   padding-inline:clamp(12px,4vw,18px)!important}
 #games .mapk-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;min-width:0!important;max-width:100%!important}
 #games .mapk-main{width:100%!important;max-width:100%!important;min-width:0!important}
 #gameGrid.game-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   gap:10px!important;margin-inline:0!important;padding-inline:0!important;box-sizing:border-box!important}
 #gameGrid.game-grid>.game-card,
 #gameGrid.game-grid>.game-card.mapk-flat{width:100%!important;max-width:100%!important;min-width:0!important;
   margin-inline:0!important;box-sizing:border-box!important;overflow:hidden!important;
   padding-inline:12px!important;position:relative!important}
 #gameGrid.game-grid>.game-card.mapk-flat .game-img-wrap{min-width:0!important;max-width:72px!important}
 #gameGrid.game-grid>.game-card.mapk-flat .game-body{min-width:0!important;max-width:100%!important;
   overflow:hidden!important;box-sizing:border-box!important}
 #gameGrid.game-grid>.game-card.mapk-flat .game-title{width:100%!important;max-width:100%!important;
   box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important}
 #gameGrid.game-grid>.game-card.mapk-flat .mapk-bm{right:10px!important;top:8px!important;
   max-width:26px!important;z-index:3!important}
 #gameGrid.game-grid>.game-card.mapk-flat .game-mod-badge{z-index:3!important}
}
@media (max-width:360px){
 #gameGrid.game-grid>.game-card.mapk-flat{gap:10px!important;padding-inline:10px!important}
 #gameGrid.game-grid>.game-card.mapk-flat .game-img-wrap{flex-basis:64px!important;
   width:64px!important;height:64px!important;min-height:64px!important;max-width:64px!important}
 #gameGrid.game-grid>.game-card.mapk-flat .game-title{font-size:13.5px!important}
}

/* v11.10.31 — long game names wrap to two lines on mobile instead of spilling
   into the right edge. The card grows with its content; no fixed height. */
@media (max-width:640px){
 #gameGrid.game-grid > .game-card.mapk-flat,
 .game-grid > .game-card.mapk-flat{
   height:auto!important;min-height:0!important;max-height:none!important;
   align-items:center!important;
 }
 #gameGrid.game-grid > .game-card.mapk-flat .game-body,
 .game-grid > .game-card.mapk-flat .game-body{
   min-width:0!important;max-width:100%!important;overflow:visible!important;
 }
 #gameGrid.game-grid > .game-card.mapk-flat .game-body > .game-title,
 .game-grid > .game-card.mapk-flat .game-body > .game-title{
   display:-webkit-box!important;
   -webkit-box-orient:vertical!important;
   -webkit-line-clamp:2!important;
   line-clamp:2!important;
   white-space:normal!important;
   overflow:hidden!important;
   text-overflow:ellipsis!important;
   overflow-wrap:anywhere!important;
   word-break:normal!important;
   text-wrap:pretty;
   width:100%!important;min-width:0!important;max-width:100%!important;
   min-height:0!important;max-height:none!important;
   padding:0!important;margin:0!important;
   line-height:1.27!important;
 }
 #gameGrid.game-grid > .game-card.mapk-flat .game-body > .game-title a,
 .game-grid > .game-card.mapk-flat .game-body > .game-title a{
   white-space:inherit!important;overflow-wrap:inherit!important;
   word-break:inherit!important;
   display:inline!important;
 }
}