/*
Theme Name: ZH88 Game Guide
Theme URI: https://zh88-gameapp.pk/
Author: ZH88 Guide
Author URI: https://zh88-gameapp.pk/
Description: Exact ZH88 Game guide design — deep green + bright yellow sampled from the ZH88 icon. Single-page guide with hero, about, features, game categories, images gallery, APK, register/login, payments, safety, problems, responsible use, FAQ and final thoughts. Fully responsive and editable via the Customizer.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zh88-game-guide
Tags: one-column, custom-colors, featured-images, threaded-comments, translation-ready
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
*/

:root{
  --night-950:#020d0b;--night-900:#041a15;--night-800:#06231c;--night-700:#0a352b;--night-600:#0f4d3d;
  --gold-100:#fff6c9;--gold-200:#ffe45c;--gold-300:#ffd21f;--gold-400:#f5b800;--gold-500:#c79400;--gold-600:#8a6600;
  --crimson-400:#ffffff;--crimson-500:#e8e8e8;--crimson-700:#9a9a9a;--crimson-900:#3a3a3a;
  --ivory:#f2f7f4;--mist:#b9d4c9;
  --font-display:"Sen",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Sen",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --shadow-gold:0 10px 40px -10px rgba(255,210,31,.4);
  --shadow-card:0 20px 50px -20px rgba(0,0,0,.7);
  --radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;
  --container:80rem;--header-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%;overflow-x:hidden;scrollbar-gutter:stable}
body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;overflow-wrap:break-word;color:var(--ivory);background-color:var(--night-900);background-image:radial-gradient(1100px 600px at 6% -10%,rgb(20 140 105 / .45),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgb(255 210 31 / .07),transparent 55%);background-attachment:scroll;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ivory);line-height:1.08;margin:0;font-weight:800;letter-spacing:-0.02em;text-transform:none}
body{letter-spacing:-0.01em}
p{margin:0}
a{color:var(--gold-300);text-decoration:none;transition:color .25s ease}
a:hover{color:var(--gold-200)}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
::selection{background:rgb(255 210 31 / .45);color:#041a15}
:focus-visible{outline:2px solid var(--gold-300);outline-offset:3px;border-radius:4px}
section{scroll-margin-top:4.5rem}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;word-wrap:normal!important}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1.25rem;background:var(--gold-300);color:var(--night-950);font-weight:700;border-radius:0 0 var(--radius) 0}
.skip-link:focus{left:0}
.ep-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:1rem}
@media(min-width:640px){.ep-container{padding-inline:1.5rem}}
@media(min-width:1024px){.ep-container{padding-inline:2rem}}
@media(max-width:380px){.ep-container{padding-inline:.875rem}}
.ep-relative{position:relative}
.ep-section{position:relative;padding-block:4rem;content-visibility:auto;contain-intrinsic-size:auto 900px}
@media(min-width:640px){.ep-section{padding-block:5rem}}
@media(min-width:1024px){.ep-section{padding-block:6rem}}
.ep-section--edge::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgb(255 210 31 / .3),transparent)}
.ep-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ep-blob{position:absolute;border-radius:9999px;filter:blur(140px)}
.ep-blob--crimson{background:rgb(20 140 105 / .35)}
.ep-blob--gold{background:rgb(255 210 31 / .1)}
.ep-blob--pulse{animation:ep-pulse 5s ease-in-out infinite}
@keyframes ep-pulse{0%,100%{opacity:.5}50%{opacity:1}}
.ep-stripes{position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,rgb(255 210 31 / .07) 0 3px,transparent 3px 22px);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%)}
.ep-divider{height:1px;background:linear-gradient(90deg,transparent,rgb(255 210 31 / .55),transparent);margin-block:1.5rem;border:0}
.ep-gold-text{background:linear-gradient(100deg,var(--gold-200) 0%,var(--gold-300) 40%,var(--gold-500) 65%,var(--gold-200) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent}
.ep-brand-split{background:linear-gradient(90deg,#ffd21f 0%,#ffd21f 48%,#ffffff 52%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ep-eyebrow{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgb(255 210 31 / .3);background:rgb(255 210 31 / .1);padding:.35rem .85rem;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-300);max-width:100%;white-space:normal;text-align:center;line-height:1.5}
.ep-eyebrow .ep-dot{width:6px;height:6px;border-radius:9999px;background:var(--gold-300);flex:none}
.ep-eyebrow svg{flex:none}
.ep-heading{max-width:52rem;margin:0 auto 3rem;text-align:center}
.ep-heading__title{margin-top:1rem;font-size:clamp(2rem,1.55rem + 3vw,3.9rem);line-height:1;overflow-wrap:break-word;text-wrap:balance}
.ep-heading__desc{margin-top:.9rem;color:var(--mist);font-size:1rem;font-weight:500}
@media(min-width:640px){.ep-heading__desc{font-size:1.125rem}}
.ep-prose p{color:var(--mist);font-size:15.5px;line-height:1.75;font-weight:500}
.ep-prose p+p{margin-top:1rem}
.ep-prose strong{color:var(--ivory);font-weight:700}
.ep-num{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.08em;color:rgb(255 255 255 / .2)}
.ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.8rem 1.6rem;font-size:.875rem;font-weight:800;letter-spacing:.02em;transition:all .3s ease;text-align:center;min-width:0;white-space:normal;line-height:1.4}
.ep-btn--gold{color:#041a15;background:linear-gradient(135deg,var(--gold-200) 0%,var(--gold-300) 45%,var(--gold-500) 100%);box-shadow:inset 0 0 0 1px rgb(255 228 92 / .55),0 10px 30px -8px rgb(255 210 31 / .5)}
.ep-btn--gold:hover{color:#041a15;transform:translateY(-2px)}
.ep-btn--ghost{border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .05);color:var(--ivory)}
.ep-btn--ghost:hover{border-color:rgb(255 210 31 / .5);color:var(--gold-200)}
.ep-btn--sm{padding:.625rem 1.25rem}
.ep-btn--block{width:100%}
.ep-card{position:relative;border-radius:var(--radius-xl);border:1px solid rgb(255 255 255 / .1);background:rgb(6 35 28 / .72);padding:1.5rem;box-shadow:var(--shadow-card);min-width:0;height:auto;overflow-wrap:break-word}
.ep-card--hover:hover{border-color:rgb(255 210 31 / .4);transform:translateY(-4px)}
.ep-card--flush{padding:0}
.ep-card--tight{padding:1.25rem}
.ep-edge::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,rgb(255 210 31 / .55),transparent 45%,rgb(20 140 105 / .6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.ep-card__title{font-size:1.5rem;letter-spacing:.01em;font-weight:800;overflow-wrap:break-word}
.ep-card__title--sm{font-size:1.08rem;line-height:1.45}
.ep-card__text{margin-top:.625rem;color:var(--mist);font-size:15px;line-height:1.7;font-weight:500}
.ep-card__row{display:flex;align-items:flex-start;gap:.75rem}
.ep-card__row .ep-badge{flex:none;margin-top:.1rem}
.ep-card__row .ep-card__title{margin:0}
.ep-badge{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius);border:1px solid rgb(255 210 31 / .3);color:var(--gold-300);background:linear-gradient(145deg,rgb(255 210 31 / .18),rgb(255 210 31 / .04));flex:none}
.ep-badge--sm{width:2.5rem;height:2.5rem}
.ep-badge--lg{width:3.5rem;height:3.5rem}
.ep-badge--danger{border-color:rgb(248 113 113 / .35);color:#fca5a5;background:linear-gradient(145deg,rgb(248 113 113 / .18),rgb(248 113 113 / .04))}
.ep-pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgb(255 255 255 / .1);background:rgb(4 26 21 / .6);padding:.3rem .75rem;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mist);max-width:100%;white-space:normal;text-align:left;line-height:1.45}
.ep-pill svg{flex:none}
.ep-pill--gold{border-color:rgb(255 210 31 / .35);background:rgb(255 210 31 / .1);color:var(--gold-200);text-transform:none;letter-spacing:normal;font-size:.75rem;padding:.35rem .875rem}
.ep-pill--plain{text-transform:none;letter-spacing:normal;font-size:.75rem;color:var(--ivory);background:rgb(255 255 255 / .05);padding:.35rem .875rem}
a.ep-pill.ep-pill--plain{color:var(--ivory);text-decoration:none}
a.ep-pill.ep-pill--plain:hover{color:var(--gold-200);border-color:rgb(255 210 31 / .5)}
.ep-footer__badges a.ep-pill{cursor:pointer}
.ep-notice{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgb(255 210 31 / .25);background:linear-gradient(135deg,rgb(255 210 31 / .08),rgb(6 35 28 / .85) 55%);padding:1.5rem}
.ep-notice--danger{border-color:rgb(248 113 113 / .3);background:linear-gradient(135deg,rgb(239 68 68 / .15),var(--night-800) 60%)}
@media(min-width:640px){.ep-notice{padding:2rem}}
.ep-alert{display:flex;align-items:flex-start;gap:.625rem;border-radius:var(--radius-lg);border:1px solid rgb(248 113 113 / .25);background:rgb(239 68 68 / .1);padding:.9rem 1.1rem;font-size:.875rem;font-weight:600;color:#fee2e2;margin-top:1.25rem;overflow:hidden}
.ep-alert svg{color:#fca5a5;margin-top:2px;flex:none}
.ep-notice-flex{display:flex;gap:.9rem;align-items:flex-start}
.ep-notice-flex>div{min-width:0}
.ep-notice-flex h3{overflow-wrap:break-word}
/* header */
.ep-header{position:fixed;inset-inline:0;top:0;z-index:50;border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease}
.ep-header.is-scrolled{border-bottom-color:rgb(255 255 255 / .1);background:rgb(4 26 21 / .92);backdrop-filter:blur(16px)}
.ep-progress{position:absolute;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold-300),var(--gold-400),#1fae86)}
.ep-container{width:100%;max-width:var(--container);margin-inline:auto}
.ep-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:var(--header-h)}
.ep-logo{display:inline-flex;align-items:center;gap:.75rem;min-width:0;margin-right:auto}
.ep-logo img{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid rgb(255 210 31 / .55);box-shadow:0 0 18px rgb(255 210 31 / .35)}
.ep-logo>span{min-width:0}
.ep-logo__name{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.04em;background:linear-gradient(90deg,#ffd21f 0%,#ffd21f 55%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ep-logo__sub{display:block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);white-space:nowrap}
.ep-menu{display:none;align-items:center;gap:.15rem;min-width:0}
@media(min-width:1024px){.ep-menu{display:flex}}
.ep-menu a{display:block;border-radius:9999px;padding:.5rem .6rem;font-size:12.5px;font-weight:700;color:var(--mist);white-space:nowrap}
.ep-menu a:hover{color:var(--ivory)}
.ep-nav__actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex:none}
.ep-nav__cta{display:none}
@media(min-width:768px){.ep-nav__cta{display:inline-flex}}
.ep-burger{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius);border:1px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .05);color:var(--ivory)}
@media(min-width:1024px){.ep-burger{display:none}}
.ep-burger__open,.ep-burger__close{display:inline-flex;line-height:0}
.ep-burger .ep-burger__close,.ep-burger.is-open .ep-burger__open{display:none}
.ep-burger.is-open .ep-burger__close{display:inline-flex}
.ep-mobile{position:absolute;inset-inline:0;top:var(--header-h);transform:scaleY(.95);opacity:0;pointer-events:none;border-bottom:1px solid rgb(255 255 255 / .1);background:rgb(4 26 21 / .97);transition:all .3s ease;max-height:calc(100vh - var(--header-h));overflow-y:auto}
.ep-mobile.is-open{transform:scaleY(1);opacity:1;pointer-events:auto}
@media(min-width:1024px){.ep-mobile{display:none}}
.ep-mobile__list{display:grid;gap:.25rem;padding-block:1rem 1.25rem}
@media(min-width:640px){.ep-mobile__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ep-mobile__list a{display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;font-weight:700;color:var(--mist)}
.ep-mobile__list a:hover{background:rgb(255 255 255 / .05);color:var(--ivory)}
.ep-mobile__list a svg{flex:none;color:var(--gold-300)}
.ep-mobile__cta{margin-bottom:1rem}
@media(min-width:768px){.ep-mobile__cta{display:none}}
/* hero */
.ep-hero{position:relative;overflow:hidden;padding-top:var(--header-h)}
.ep-hero__inner{display:grid;align-items:center;gap:3rem;padding-block:3.5rem}
@media(min-width:640px){.ep-hero__inner{padding-block:5rem}}
@media(min-width:1024px){.ep-hero__inner{grid-template-columns:1.05fr .95fr;gap:2.5rem;padding-block:6rem}}
.ep-hero__title{margin-top:1.5rem;font-size:clamp(2.5rem,1.9rem + 4.6vw,5.4rem);line-height:.96;overflow-wrap:break-word;text-wrap:balance}
.ep-hero__lead{margin-top:1.25rem;color:var(--mist);font-size:1rem;line-height:1.75;font-weight:500;max-width:38rem}
@media(min-width:640px){.ep-hero__lead{font-size:1.125rem}}
.ep-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
@media(max-width:519px){.ep-hero__actions .ep-btn{width:100%}}
.ep-hero__points{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:2rem;font-size:.875rem;font-weight:600;color:var(--mist)}
.ep-hero__points li{display:inline-flex;align-items:center;gap:.5rem;min-width:0}
.ep-hero__points span{width:6px;height:6px;border-radius:9999px;background:var(--gold-300);box-shadow:0 0 10px rgb(255 210 31 / .9);flex:none}
.ep-hero__media{position:relative;width:100%;max-width:32rem;margin-inline:auto;min-width:0}
@media(min-width:1024px){.ep-hero__media{max-width:none}}
.ep-hero__glow{position:absolute;inset:-1.5rem;border-radius:2.5rem;background:linear-gradient(135deg,rgb(255 210 31 / .22),rgb(20 140 105 / .4),transparent);filter:blur(40px)}
.ep-hero__frame{position:relative;overflow:hidden;border-radius:2rem;border:1px solid rgb(255 255 255 / .1);background:radial-gradient(120% 120% at 50% 0%,#0a352b 0%,#041a15 55%,#020d0b 100%)}
.ep-hero__frame img,.ep-hero__frame picture{display:block;width:100%}
.ep-hero__frame--logo img{aspect-ratio:1/1;object-fit:contain;object-position:center;padding:clamp(1rem,5vw,2rem)}
@media(min-width:640px){.ep-hero__frame--logo img{aspect-ratio:4/3}}
@media(min-width:1024px){.ep-hero__frame--logo img{aspect-ratio:16/10}}
.ep-hero__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgb(2 13 11 / .92),transparent 55%);pointer-events:none}
.ep-facts{position:absolute;inset-inline:0;bottom:0;padding:1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
@media(min-width:640px){.ep-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.ep-facts{padding:.75rem;gap:.4rem}}
.ep-fact{border-radius:var(--radius);border:1px solid rgb(255 255 255 / .1);background:rgb(4 26 21 / .8);padding:.55rem .65rem;min-width:0}
@media(min-width:640px){.ep-fact{padding:.625rem .75rem}}
.ep-fact__label{display:flex;align-items:center;gap:.4rem;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);min-width:0;overflow-wrap:break-word}
@media(min-width:640px){.ep-fact__label{font-size:11px}}
.ep-fact__value{margin-top:.25rem;font-weight:800;font-size:.82rem;line-height:1.35;color:var(--ivory);overflow-wrap:break-word}
@media(min-width:640px){.ep-fact__value{font-size:.95rem}}
.ep-ticker{position:relative;overflow:hidden;max-width:100%;border-block:1px solid rgb(255 255 255 / .08);background:rgb(2 13 11 / .6);padding-block:.8rem}
.ep-ticker::before,.ep-ticker::after{content:"";position:absolute;top:0;bottom:0;width:6rem;z-index:2;pointer-events:none}
.ep-ticker::before{left:0;background:linear-gradient(90deg,var(--night-900),transparent)}
.ep-ticker::after{right:0;background:linear-gradient(-90deg,var(--night-900),transparent)}
.ep-ticker__track{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;width:max-content;max-width:none;animation:ep-marquee 40s linear infinite;will-change:transform;backface-visibility:hidden}
@keyframes ep-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ep-ticker:hover .ep-ticker__track{animation-play-state:paused}
.ep-ticker__chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgb(255 255 255 / .1);background:rgb(6 35 28 / .8);padding:.45rem 1rem;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mist);white-space:nowrap;flex:0 0 auto}
.ep-ticker__chip svg{color:var(--gold-300);flex:none}
.ep-ticker__chip--gold{border-color:rgb(255 210 31 / .35);color:var(--gold-200);background:rgb(255 210 31 / .08)}
@media(max-width:639px){.ep-ticker__chip{font-size:.68rem;padding:.4rem .8rem}}
/* layout grids */
.ep-split{display:grid;gap:2rem}
.ep-split>*{min-width:0}
@media(min-width:1024px){.ep-split{grid-template-columns:1.1fr .9fr;gap:3rem}.ep-split--even{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.ep-split--download{grid-template-columns:.95fr 1.05fr;gap:2.5rem}}
@media(max-width:1023.98px){.ep-split,.ep-split--even,.ep-split--download{display:flex;flex-direction:column;gap:1.5rem}.ep-split>*{width:100%;max-width:100%}.ep-card .ep-split--even{gap:1.25rem}}
.ep-cols-2,.ep-cols-3,.ep-cols-4{display:grid;gap:1.25rem}
.ep-cols-2>*,.ep-cols-3>*,.ep-cols-4>*{min-width:0}
@media(min-width:640px){.ep-cols-2,.ep-cols-3,.ep-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.ep-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ep-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ep-stack{display:flex;flex-direction:column;gap:1.5rem;height:100%}
.ep-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
/* content lists */
.ep-list-checks{display:grid;gap:.75rem;margin-top:1rem}
.ep-list-checks li{display:flex;align-items:flex-start;gap:.625rem;font-size:15px;font-weight:500;color:var(--mist)}
.ep-list-checks svg{margin-top:.15rem;flex:none}
.ep-game-list{display:grid;gap:.5rem;margin-top:1rem}
.ep-game-list li{border-radius:var(--radius);border:1px solid rgb(255 255 255 / .1);background:rgb(6 35 28 / .5);padding:.6rem .85rem;font-size:.875rem;font-weight:500;color:var(--mist);line-height:1.6;min-width:0;overflow-wrap:break-word}
.ep-game-list li strong{color:var(--ivory)}
.ep-numlist{display:grid;gap:.75rem;margin-top:1.25rem}
.ep-numlist li{display:flex;align-items:flex-start;gap:.75rem;border-radius:var(--radius);border:1px solid rgb(255 255 255 / .1);background:rgb(4 26 21 / .5);padding:.75rem 1rem;font-size:15px;font-weight:600;color:var(--ivory);min-width:0;overflow-wrap:break-word}
.ep-numlist__n{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex:none;margin-top:2px;border-radius:9999px;background:rgb(255 210 31 / .15);font-family:var(--font-display);font-size:.95rem;color:var(--gold-300)}
.ep-checklist-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:1rem}
.ep-checklist-mini li{display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-sm);border:1px solid rgb(255 255 255 / .1);background:rgb(4 26 21 / .6);padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:var(--ivory)}
.ep-checklist-mini svg{color:var(--gold-300);flex:none}
.ep-about-img{width:100%;border-radius:.75rem;aspect-ratio:4/3;object-fit:cover;object-position:center 15%;background:#041a15;display:block}
.ep-pad-head{padding:1.5rem 1.5rem 0}
.ep-pad-body{padding:1.25rem 1.5rem 1.5rem}
@media(max-width:639px){.ep-pad-head{padding:1.1rem 1rem 0}.ep-pad-body{padding:1rem}}
.ep-check__title{font-size:1.1rem;line-height:1.4;overflow-wrap:break-word}
@media(max-width:420px){.ep-check__title{font-size:1rem}}
/* tables */
.ep-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid rgb(255 255 255 / .1)}
.ep-table-wrap table{width:100%}
.ep-spec{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
.ep-spec th,.ep-spec td{overflow-wrap:break-word;border-bottom:1px solid rgb(255 255 255 / .1);padding:.75rem 1.5rem;font-size:.875rem;white-space:normal}
@media(max-width:639px){.ep-spec th,.ep-spec td{padding:.6rem .8rem;font-size:.8rem}}
.ep-spec th{width:40%;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mist)}
.ep-spec td{font-weight:700;color:var(--ivory)}
.ep-spec thead th{border-bottom:1px solid rgb(255 255 255 / .15)}
.ep-spec tr:last-child th,.ep-spec tr:last-child td{border-bottom:0}
.ep-spec--3col{min-width:620px}
.ep-spec--3col th{width:22%}
.ep-spec--3col td{width:39%}
/* steps */
.ep-steps{position:relative;margin-top:2rem;display:grid;gap:1rem}
.ep-steps::before{content:"";position:absolute;top:.75rem;bottom:.75rem;left:19px;width:1px;background:linear-gradient(to bottom,rgb(255 210 31 / .6),rgb(255 210 31 / .25),transparent)}
.ep-step{display:flex;gap:1rem;min-width:0}
@media(max-width:639px){.ep-step{gap:.75rem}}
.ep-step__num{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex:none;border-radius:9999px;border:1px solid rgb(255 210 31 / .5);background:var(--night-800);font-family:var(--font-display);font-size:1.125rem;color:var(--gold-300)}
.ep-step__body{flex:1;border-radius:var(--radius);border:1px solid rgb(255 255 255 / .1);background:rgb(6 35 28 / .7);padding:1rem;font-size:15px;line-height:1.7;font-weight:500;color:var(--ivory);min-width:0;overflow-wrap:break-word}
@media(min-width:640px){.ep-step__body{padding:1.25rem}}
@media(max-width:639px){.ep-step__body{padding:.875rem;font-size:14px}}
.ep-h-install{font-size:clamp(1.3rem,7vw,1.75rem)!important;line-height:1.15}
/* faq */
.ep-faq{max-width:48rem;margin-inline:auto;display:grid;gap:.75rem}
.ep-faq__item{overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgb(255 255 255 / .1);background:rgb(6 35 28 / .5)}
.ep-faq__item:hover{border-color:rgb(255 255 255 / .2)}
.ep-faq__item.is-open{border-color:rgb(255 210 31 / .4);background:rgb(6 35 28 / .9)}
.ep-faq__q{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;text-align:left}
@media(min-width:640px){.ep-faq__q{padding:1.25rem 1.5rem}}
.ep-faq__label{display:flex;align-items:center;gap:1rem;min-width:0;flex:1}
.ep-faq__n{display:none;font-family:var(--font-display);font-size:1.125rem;color:rgb(255 210 31 / .6)}
@media(min-width:640px){.ep-faq__n{display:inline}}
.ep-faq__text{font-family:var(--font-body);font-size:1rem;font-weight:800;color:var(--ivory);min-width:0;overflow-wrap:break-word}
@media(min-width:640px){.ep-faq__text{font-size:17px}}
.ep-faq__item.is-open .ep-faq__text{color:var(--gold-200)}
.ep-faq__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:none;border-radius:9999px;border:1px solid rgb(255 255 255 / .15);color:var(--mist)}
.ep-faq__item.is-open .ep-faq__icon{transform:rotate(45deg);border-color:var(--gold-300);background:var(--gold-300);color:var(--night-950)}
.ep-faq__panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .3s ease}
.ep-faq__item.is-open .ep-faq__panel{grid-template-rows:1fr;opacity:1}
.ep-faq__panel>div{overflow:hidden}
.ep-faq__panel p{padding:0 1.25rem 1.25rem;font-size:15px;line-height:1.75;font-weight:500;color:var(--mist)}
@media(min-width:640px){.ep-faq__panel p{padding:0 1.5rem 1.25rem 3.75rem}}
/* gallery */
.ep-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:.75rem}
.ep-gallery>*{min-width:0}
@media(min-width:640px){.ep-gallery{grid-auto-rows:200px;gap:1rem}}
@media(min-width:1024px){.ep-gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px}}
.ep-shot{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgb(255 255 255 / .1);background:var(--night-800);cursor:zoom-in;padding:0;text-align:left}
.ep-shot:hover{border-color:rgb(255 210 31 / .5)}
.ep-shot img,.ep-shot picture{display:block;width:100%;height:100%}
.ep-shot img{object-fit:cover}
.ep-shot__cap{position:absolute;inset-inline:0;bottom:0;padding:2.5rem 1rem .875rem;background:linear-gradient(to top,rgb(2 13 11 / .95),rgb(2 13 11 / .6) 55%,transparent);display:flex;flex-direction:column;gap:2px;pointer-events:none}
.ep-shot__title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--ivory)}
.ep-shot__text{display:none;font-size:.75rem;font-weight:500;color:var(--mist)}
@media(min-width:640px){.ep-shot__text{display:block}}
.ep-shot__zoom{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;border:1px solid rgb(255 210 31 / .4);background:rgb(4 26 21 / .8);color:var(--gold-300);pointer-events:none}
.ep-gallery__note{margin-top:1.5rem;text-align:center;font-size:.75rem;font-weight:500;color:var(--mist)}
@media(min-width:640px){.ep-gallery__note{font-size:.875rem}}
/* images marquee — auto-moves left to right */
.ep-marquee{overflow:hidden;max-width:100%;border-radius:var(--radius-xl);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ep-marquee__track{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.9rem;width:max-content;max-width:none;padding:.25rem;animation:ep-marquee-right 32s linear infinite;will-change:transform}
.ep-marquee:hover .ep-marquee__track{animation-play-state:paused}
.ep-marquee .ep-shot{flex:0 0 auto;width:250px;height:190px}
@media(min-width:640px){.ep-marquee .ep-shot{width:300px;height:210px}}
@keyframes ep-marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.ep-marquee__track{animation:none}.ep-marquee{overflow-x:auto;scrollbar-width:none}.ep-marquee::-webkit-scrollbar{display:none}}
/* lightbox */
.ep-lightbox{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgb(2 13 11 / .95);opacity:0;pointer-events:none;transition:opacity .3s ease}
.ep-lightbox.is-open{opacity:1;pointer-events:auto}
.ep-lightbox[hidden]{display:none!important}
.ep-lightbox__fig{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0;max-width:64rem;max-height:100%}
.ep-lightbox__fig img,.ep-lightbox__fig picture{display:block;max-width:min(90vw,900px)}
.ep-lightbox__fig img{max-height:70vh;width:auto;height:auto;border-radius:var(--radius-xl);border:1px solid rgb(255 210 31 / .3)}
.ep-lightbox figcaption{text-align:center}
.ep-lightbox__title{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--ivory)}
.ep-lightbox__cap{display:block;margin-top:.25rem;font-size:.875rem;font-weight:500;color:var(--mist)}
.ep-lightbox__count{display:inline-block;margin-top:.5rem;border-radius:9999px;border:1px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .05);padding:.25rem .75rem;font-size:.75rem;font-weight:800;color:var(--gold-300)}
.ep-lb-btn{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .05);color:var(--ivory)}
.ep-lb-btn:hover{border-color:rgb(255 210 31 / .6);color:var(--gold-300)}
.ep-lb-close{top:1rem;right:1rem}
.ep-lb-prev{left:.5rem;top:50%;transform:translateY(-50%)}
.ep-lb-next{right:.5rem;top:50%;transform:translateY(-50%)}
@media(min-width:640px){.ep-lb-prev{left:1.25rem}.ep-lb-next{right:1.25rem}}
/* final */
.ep-final{position:relative;overflow:hidden;border-radius:1.75rem;border:1px solid rgb(255 210 31 / .25);background:var(--night-800);padding:3rem 1.5rem;text-align:center}
@media(min-width:640px){.ep-final{padding:4rem 3rem}}
.ep-final__inner{position:relative;max-width:48rem;margin-inline:auto}
.ep-final__title{margin-top:1.25rem;font-size:clamp(2.5rem,1.9rem + 2.6vw,3.9rem);line-height:.98;overflow-wrap:break-word;text-wrap:balance}
.ep-final__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}
.ep-final__actions .ep-btn{white-space:normal;line-height:1.4}
@media(max-width:519px){.ep-final__actions .ep-btn{width:100%}}
/* footer */
.ep-footer{position:relative;border-top:1px solid rgb(255 255 255 / .1);background:rgb(2 13 11 / .6)}
.ep-footer__inner{padding-block:3.5rem}
.ep-footer__grid{display:grid;gap:2.5rem}
.ep-footer__grid>*{min-width:0}
@media(min-width:1024px){.ep-footer__grid{grid-template-columns:1.3fr 1fr 1fr}}
.ep-footer__about{margin-top:1.25rem;max-width:28rem;font-size:.875rem;line-height:1.7;font-weight:500;color:var(--mist);overflow-wrap:break-word}
.ep-footer__badges{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem}
.ep-footer__title{font-size:1.125rem;letter-spacing:.14em;color:var(--gold-300);overflow-wrap:break-word;font-weight:800}
.ep-footer__links{display:grid;gap:.625rem;margin-top:1rem}
.ep-footer__links a{font-size:.875rem;font-weight:600;color:var(--mist)}
.ep-footer__links a:hover{color:var(--gold-200)}
.ep-disclaimer{border-radius:var(--radius-xl);border:1px solid rgb(255 255 255 / .1);background:rgb(6 35 28 / .6);padding:1.25rem;font-size:13px;line-height:1.7;font-weight:500;color:var(--mist)}
.ep-disclaimer strong{color:var(--ivory)}
.ep-copy{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem;margin-top:2rem;font-size:.75rem;font-weight:600;color:var(--mist)}
@media(min-width:640px){.ep-copy{flex-direction:row}}
.ep-copy a{font-weight:800}
.ep-age{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;border:2px solid var(--gold-300);font-family:var(--font-display);font-size:1.125rem;color:var(--gold-300)}
.ep-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:40;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;border:1px solid rgb(255 210 31 / .5);background:rgb(6 35 28 / .9);color:var(--gold-300);opacity:0;transform:translateY(1rem);pointer-events:none;transition:all .3s ease}
.ep-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.ep-top:hover{background:var(--gold-300);color:var(--night-950)}
/* reveal */
.ep-reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .7s ease,transform .7s ease}
.ep-reveal.is-visible{opacity:1;transform:none}
/* inner pages */
.ep-page{padding-top:calc(var(--header-h) + var(--y888-page-top,3rem));padding-bottom:4rem}
.ep-page__header{max-width:48rem;margin:0 auto 2.5rem;text-align:center}
.ep-page__title{font-size:clamp(2.5rem,1.9rem + 2.6vw,3.9rem);line-height:.98}
.ep-page__meta{margin-top:.75rem;font-size:.875rem;font-weight:600;color:var(--mist)}
.ep-page__body{max-width:var(--y888-content-width,48rem);margin-inline:auto;padding:clamp(1.25rem,3vw,2.5rem)}
.ep-page__thumb{margin-bottom:1.5rem}
.ep-page__thumb img{border-radius:var(--radius-lg);width:100%;height:auto;display:block}
.ep-page__back{max-width:var(--y888-content-width,48rem);margin:2rem auto 0;text-align:center}
.ep-page__tags{margin-top:1.5rem;font-size:.875rem;color:var(--mist)}
.ep-page-links{margin-top:1.5rem;font-size:.875rem;font-weight:700;color:var(--mist)}
.ep-page__nav{max-width:var(--y888-content-width,48rem);margin:1.5rem auto 0;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ep-page__nav a{font-weight:700;font-size:.9rem}
.ep-comments{margin-top:1.5rem}
.ep-posts{display:grid;gap:1.25rem;max-width:var(--y888-content-width,48rem);margin-inline:auto}
.ep-post-card__thumb{display:block;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}
.ep-post-card__thumb img{width:100%;height:auto;display:block}
.ep-post-card .ep-card__title a{color:var(--ivory)}
.ep-post-card .ep-card__title a:hover{color:var(--gold-200)}
.ep-post-card .ep-page__meta{margin-top:.5rem}
.ep-post-card .ep-btn{margin-top:1rem}
.ep-pagination{margin-top:2rem;text-align:center}
.ep-pagination .nav-links{display:inline-flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.ep-pagination .page-numbers{display:inline-block;border-radius:9999px;border:1px solid rgb(255 255 255 / .15);padding:.45rem .95rem;font-size:.85rem;font-weight:700;color:var(--ivory)}
.ep-pagination .page-numbers.current{background:var(--gold-300);border-color:var(--gold-300);color:var(--night-950)}
.ep-pagination a.page-numbers:hover{border-color:rgb(255 210 31 / .5);color:var(--gold-200)}
.ep-404 .searchform,.ep-404 form[role="search"]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.ep-404 input[type="search"],.ep-404 input[type="text"]{flex:1 1 220px;border-radius:9999px;border:1px solid rgb(255 255 255 / .15);background:rgb(255 255 255 / .05);color:var(--ivory);padding:.7rem 1.1rem;font:inherit}
.ep-404 input[type="submit"],.ep-404 button[type="submit"]{border-radius:9999px;border:0;background:linear-gradient(135deg,var(--gold-200) 0%,var(--gold-300) 45%,var(--gold-500) 100%);color:var(--night-950);font-weight:800;padding:.7rem 1.4rem;cursor:pointer}
.ep-entry{max-width:100%;color:var(--mist)}
.ep-entry>*+*{margin-top:var(--y888-content-gap,1.25rem)}
.ep-entry>:first-child{margin-top:0}
.ep-entry p{line-height:1.75}
.ep-entry h2,.ep-entry h3,.ep-entry h4{color:var(--ivory);margin-top:2rem}
.ep-entry h2{font-size:clamp(1.5rem,1.2rem + 2vw,2.1rem)}
.ep-entry h3{font-size:clamp(1.25rem,1.1rem + 1.2vw,1.6rem)}
.ep-entry h4{font-size:1.1rem}
.ep-entry ul{list-style:disc;padding-left:1.5rem}
.ep-entry ol{list-style:decimal;padding-left:1.5rem}
.ep-entry li+li{margin-top:.5rem}
.ep-entry img{border-radius:var(--radius-lg);height:auto}
.ep-entry figure{margin-inline:0}
.ep-entry blockquote{border-left:3px solid var(--gold-300);padding-left:1rem;color:var(--ivory);font-style:italic}
.ep-entry table{width:100%;border-collapse:collapse;font-size:.9rem}
.ep-entry th,.ep-entry td{border-bottom:1px solid rgb(255 255 255 / .1);padding:.6rem .8rem;text-align:left}
.ep-entry th{color:var(--ivory)}
.ep-entry a,.ep-prose a,.ep-card__text a,.ep-heading__desc a,.ep-hero__lead a,.ep-faq__panel a,.ep-table-wrap a,.ep-list-checks a,.ep-game-list a,.ep-numlist a,.ep-alert a,.ep-notice a,.ep-footer__about a,.ep-disclaimer a,.ep-gallery__note a{color:var(--gold-300);text-decoration:underline;text-underline-offset:3px}
.ep-entry a:hover,.ep-prose a:hover,.ep-card__text a:hover,.ep-heading__desc a:hover,.ep-hero__lead a:hover,.ep-faq__panel a:hover,.ep-table-wrap a:hover,.ep-list-checks a:hover,.ep-game-list a:hover,.ep-numlist a:hover,.ep-alert a:hover,.ep-notice a:hover,.ep-footer__about a:hover,.ep-disclaimer a:hover,.ep-gallery__note a:hover{color:var(--gold-200)}
@media(max-width:1023.98px){
  .ep-blob{filter:blur(70px)}
  .ep-blob--pulse{animation:none}
  .ep-stripes{display:none}
  .ep-hero__glow{filter:blur(20px)}
}
@media(max-width:420px){.ep-notice-flex{flex-direction:column}}
@media(max-width:380px){
  .ep-logo img{width:38px;height:38px;border-radius:10px}
  .ep-logo__sub{font-size:10px}
  .ep-hero__title{font-size:clamp(1.9rem,11vw,2.4rem)}
}
@media(prefers-reduced-motion:reduce){
  .ep-ticker__track{animation:none}
  .ep-ticker{overflow-x:auto;scrollbar-width:none}
  .ep-ticker::-webkit-scrollbar{display:none}
  .ep-blob--pulse{animation:none}
  .ep-reveal{transition:none;opacity:1;transform:none}
  html{scroll-behavior:auto}
}