/* Zombs Gaming 5.6 — UI layout and accessible motion */
:root{--z56-lime:#b7ff50;--z56-ink:#070f1d;--z56-panel:#101f32;--z56-line:#26445b;--z56-muted:#abc0d1;--z56-white:#f1f6fc}
html{scroll-padding-top:100px}body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:#070f1b;color:var(--z56-white)}
.wrap{width:min(1490px,calc(100% - 60px));max-width:none;margin-left:auto;margin-right:auto}
.site-header{background:#07111cf2;border-color:#223951;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.header-inner{gap:21px;min-height:72px}.brand.z55-brand{width:205px;min-width:205px}.z55-brand img{max-height:55px}.nav{gap:18px;flex:1}.nav a{font-size:13px;font-weight:800}.nav a[aria-current=page]{color:var(--z56-lime)}
.header-search{flex:0 1 320px}.header-search input{font-size:13px}.header-search button{font-size:12px}
:focus-visible{outline:3px solid #adff54!important;outline-offset:3px}
.z56-overline{color:var(--z56-lime);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.z56-hero{position:relative;isolation:isolate;min-height:465px;overflow:hidden;background:#0a1928;border-bottom:1px solid #26465d}
.z56-hero-visual{position:absolute;inset:0;z-index:-2;background-image:url('hero-zombie-universe.webp');background-position:center 40%;background-size:cover;transform:scale(1.01);animation:z56-hero-breath 22s ease-in-out infinite alternate}
.z56-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07111ef7 0%,#07111ef2 18%,#07111ecc 33%,#07111e20 66%,#07111e7b 100%),linear-gradient(0deg,#07111ef0 0%,transparent 21%)}
.z56-hero-grid{min-height:465px;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:36px;align-items:center}.z56-hero-copy{padding:48px 0 56px;max-width:620px}.z56-hero h1{font-size:clamp(48px,6.1vw,88px);line-height:.99;letter-spacing:-.07em;margin:12px 0 19px;color:#fff;text-shadow:0 3px 22px #0008}.z56-hero h1>span{font-size:.23em;letter-spacing:.09em;display:block;line-height:1.25;color:#dcf7ff;margin-bottom:11px}.z56-hero h1 strong{font-weight:950;display:block}.z56-hero h1 em{font-style:normal;color:var(--z56-lime)}.z56-hero-lead{font-size:17px;line-height:1.62;max-width:560px;color:#dce8f6;text-shadow:0 2px 6px #0007;margin:0 0 22px}
.z56-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.z56-btn{display:inline-flex;justify-content:center;gap:10px;align-items:center;padding:12px 18px;font-size:13px;font-weight:850;border-radius:10px;min-height:43px;transition:transform .18s,border-color .18s,color .18s,background .18s}.z56-btn-primary{color:#0a2017;background:var(--z56-lime);border:1px solid var(--z56-lime)}.z56-btn-secondary{color:#fff;background:#0c1c2dcc;border:1px solid #83a8c9}.z56-btn:hover{transform:translateY(-2px)}.z56-hero-tags{display:flex;flex-wrap:wrap;gap:9px}.z56-hero-tags span{border:1px solid #466681;background:#08172c99;color:#c1d5e5;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:800}
.z56-picks{border:1px solid #466986;background:#071522de;backdrop-filter:blur(13px);border-radius:17px;padding:14px;box-shadow:0 16px 40px #0004}.z56-picks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;border-bottom:1px solid #38516b;padding:0 0 9px}.z56-picks-header span{font-size:12px;font-weight:900;letter-spacing:.06em}.z56-picks-header a{font-size:11px;color:var(--z56-lime);font-weight:800}.z56-pick{display:flex;align-items:center;gap:11px;min-height:66px;padding:6px 0;border-bottom:1px solid #254057}.z56-pick:last-child{border:0}.z56-pick img{width:69px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.z56-pick>span:nth-child(2){flex:1;min-width:0}.z56-pick strong{font-size:12px;display:block;line-height:1.2}.z56-pick small{display:block;font-size:10px;color:#aabbd0;line-height:1.4;margin-top:4px}.z56-pick-arrow{font-size:15px;color:var(--z56-lime)}
.z56-above{padding-top:13px}.z56-category-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:12px}.z56-category-strip a{white-space:nowrap;color:#d6e5f5;background:#13273d;border:1px solid #284762;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:750}.z56-category-strip a:hover{border-color:var(--z56-lime);color:var(--z56-lime)}
.z56-ad-placement{border:1px dashed #44627b;border-radius:11px;background:#101b2c;display:flex;align-items:center;justify-content:center;color:#8498ad;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.z56-ad-leader{min-height:62px}.z56-ad-side{height:140px;margin-top:18px}.z56-ad-placement:has(.z55-ad-widget){background:transparent;border-color:transparent}.z56-ad-placement .z55-ad-widget{width:100%}
.z56-main{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:25px;align-items:start;padding-bottom:30px}.z56-main-content{min-width:0}.z56-section{padding:30px 0 8px}.z56-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:17px}.z56-heading h2{font-size:clamp(26px,2.6vw,34px);letter-spacing:-.04em;line-height:1.13;margin:4px 0 5px}.z56-heading p{font-size:13px;color:#b2c4d8;line-height:1.5;margin:0}.z56-heading>a{font-size:12px;font-weight:850;color:var(--z56-lime);white-space:nowrap}
.z56-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.z56-game-card,.z56-guide{background:#112037;border:1px solid #304861;border-radius:14px;overflow:hidden;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.z56-game-card:hover,.z56-guide:hover{transform:translateY(-3px);border-color:#8dde58;box-shadow:0 15px 26px rgba(0,0,0,.18)}.z56-game-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#172943}.z56-game-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.z56-game-card:hover .z56-game-image img{transform:scale(1.045)}.z56-game-content{padding:14px 15px 15px}.z56-label{color:#9acbea;text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:800;margin:0 0 4px}.z56-game-content h3,.z56-game-content h2{font-size:19px;letter-spacing:-.025em;line-height:1.22;margin:0 0 7px}.z56-game-content>p:not(.z56-label){font-size:12px;color:#b6c8d7;min-height:38px;line-height:1.55;margin:0 0 10px}.z56-card-action{display:inline-flex;color:#bfff5b;font-size:12px;font-weight:850}.z56-asset-note{color:#95abc0;font-size:11px;line-height:1.5;margin:11px 0 0}
.z56-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.z56-guide{display:block}.z56-guide img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.z56-guide-body{display:flex;flex-direction:column;gap:8px;padding:14px 13px 17px;min-height:138px}.z56-guide strong{font-size:15px;line-height:1.24}.z56-guide small{font-size:12px;color:#aebfd1;line-height:1.48;flex:1}.z56-guide-body>span{font-weight:800;font-size:12px;color:var(--z56-lime)}
.z56-two-up{display:grid;grid-template-columns:1fr 1fr;gap:17px}.z56-highlight{min-height:244px;background:linear-gradient(135deg,#102740,#17313b);border:1px solid #33516b;border-radius:17px;overflow:hidden;display:flex;position:relative;align-items:center;padding:24px}.z56-highlight h2{font-size:25px;letter-spacing:-.04em;line-height:1.12;margin:12px 0 7px}.z56-highlight p{font-size:13px;line-height:1.55;color:#c6d6e8;max-width:390px}.z56-highlight>.z56-overline{display:block}.z56-highlight>div{z-index:2;position:relative}.z56-highlight img{position:absolute;width:46%;height:100%;object-fit:cover;right:0;top:0;opacity:.33;mask-image:linear-gradient(90deg,transparent,#000)}.z56-highlight-community{background:radial-gradient(circle at 83% 28%,#265b58,transparent 55%),linear-gradient(135deg,#153037,#173345)}
.z56-rail{padding-top:31px}.z56-rail-box{background:#102238;border:1px solid #2d4b62;border-radius:13px;overflow:hidden}.z56-rail-box h2{font-size:15px;padding:14px 14px 10px;margin:0;color:#f0f8ff}.z56-rail-box a{padding:12px 14px;border-top:1px solid #274157;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:700;font-size:12px}.z56-rail-box a:hover{color:var(--z56-lime);background:#1c3148}.z56-rail-box a span{color:var(--z56-lime)}.z56-rail-about{margin-top:18px;padding-bottom:4px}.z56-rail-about p{padding:0 14px;font-size:12px;line-height:1.62;color:#b6c6d9}
.site-footer{background:#06101b;border-top:1px solid #263e54;clear:both;padding:36px 0}.z55-footer{gap:35px}.z56-footer-brand{font-size:25px;font-weight:950;letter-spacing:-.055em;color:#fff}.z56-footer-brand span{color:#b7ff50}.z55-footer .footer-links{align-items:flex-start}.z55-footer small{font-size:11px;color:#96acbf}
.z56-archive .z56-game-grid{margin-top:20px}.z56-missing-art{display:grid;place-items:center;width:100%;height:100%;font-size:26px;font-weight:900;color:#d7e8ff;background:radial-gradient(circle at 80% 30%,#354e80,#182d4f 70%)}
@keyframes z56-hero-breath{from{transform:scale(1.01)}to{transform:scale(1.065)}}
@media(min-width:1350px){.z56-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.z56-game-image{aspect-ratio:16/8.9}}
@media(max-width:1150px){.wrap{width:min(100% - 36px,1490px)}.header-inner{gap:10px}.brand.z55-brand{width:177px;min-width:177px}.nav{gap:11px}.nav a{font-size:11px}.header-search{flex:0 1 240px}.z56-main{grid-template-columns:minmax(0,1fr) 200px}.z56-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.z56-picks{max-width:270px}}
@media(max-width:830px){.header-inner{flex-wrap:wrap;padding:9px 0;gap:11px}.nav{order:3;width:100%;overflow:auto;padding:5px 0 4px;flex:auto}.nav a{font-size:12px!important;display:inline-flex!important}.header-search{flex:1 1 auto;min-width:180px}.z56-hero-grid{grid-template-columns:1fr;min-height:440px}.z56-hero-copy{padding:54px 0;max-width:610px}.z56-picks{display:none}.z56-main{grid-template-columns:1fr}.z56-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.z56-rail .z56-ad-side{margin:0;height:180px}.z56-rail-about{margin:0}.z56-highlight{min-height:220px}.z56-hero:before{background:linear-gradient(90deg,#07111efb,#07111ea8 57%,#07111e22),linear-gradient(0deg,#07111eeb,transparent 27%)}}
@media(max-width:570px){.wrap{width:calc(100% - 26px)}.brand.z55-brand{width:168px;min-width:168px}.header-search{flex:1 1 100%;order:2}.nav{gap:13px}.z56-hero,.z56-hero-grid{min-height:460px}.z56-hero-copy{padding:37px 0}.z56-hero h1{font-size:clamp(45px,12vw,63px)}.z56-hero h1>span{font-size:.25em}.z56-hero-lead{font-size:14px;max-width:550px}.z56-btn{font-size:12px;padding:11px 12px}.z56-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.z56-game-content{padding:11px}.z56-game-content h3,.z56-game-content h2{font-size:15px}.z56-game-content>p:not(.z56-label){font-size:11px;min-height:64px}.z56-asset-note{font-size:10px}.z56-section{padding:25px 0 6px}.z56-heading{align-items:start;gap:10px}.z56-heading h2{font-size:23px}.z56-heading>a{font-size:11px}.z56-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.z56-guide-body{padding:11px;min-height:170px}.z56-guide strong{font-size:13px}.z56-guide small{font-size:11px}.z56-two-up,.z56-rail{grid-template-columns:1fr}.z56-highlight{min-height:200px;padding:20px}.z56-rail .z56-ad-side{height:110px}.z55-footer{display:block}.z55-footer .footer-links{margin-top:20px}}
@media(max-width:380px){.z56-game-grid,.z56-guide-grid{grid-template-columns:1fr}.z56-game-content>p:not(.z56-label){min-height:0}.z56-guide-body{min-height:0}.z56-hero{min-height:495px}}
@media(prefers-reduced-motion:reduce){.z56-hero-visual{animation:none!important}.z56-btn,.z56-game-card,.z56-guide,.z56-game-image img{transition:none!important}}

/* Mid-sized browsers: never hide menu items silently. */
@media(min-width:831px) and (max-width:1060px){.header-inner{flex-wrap:wrap;padding:10px 0}.nav{order:3;flex:1 1 100%;overflow-x:auto;padding:4px 0}.nav a:nth-child(n+4){display:inline-flex}.header-search{flex:1 1 220px}.z56-picks{width:260px}.z56-main{grid-template-columns:minmax(0,1fr) 200px}}
@media(max-width:830px){.nav a:nth-child(n+4){display:inline-flex}}
/* Existing Real Games Directory: keep card visuals consistent with the main portal */
.zrg-list{max-width:none}.zrg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.zrg-item{border:1px solid #304862!important;border-radius:14px!important;overflow:hidden;background:#112238!important}.zrg-item:hover{border-color:#b7ff50!important;transform:translateY(-3px)}.zrg-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.zrg-text h3{font-size:19px}.zrg-text p{font-size:13px;line-height:1.55}.zrg-text b{color:#b7ff50}@media(max-width:930px){.zrg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.zrg-grid{grid-template-columns:1fr}}

/* 5.7 post-install polish */
.z56-guide-grid .z56-guide img{background:#102133}
.z56-guide-body strong{font-size:17px;line-height:1.3}
.z56-guide-body small{font-size:13px}
.z56-game-content>p:not(.z56-label){font-size:13px;line-height:1.55}
.z56-ad-leader{min-height:44px}
.z56-ad-side{height:116px}
.z56-hero-copy h1{overflow-wrap:normal}
.z57-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.z57-related-item{display:block;border:1px solid #35506b;border-radius:14px;overflow:hidden;background:#12243a;transition:transform .2s ease,border-color .2s ease}
.z57-related-item:hover{transform:translateY(-2px);border-color:#b7ff50}
.z57-related-item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.z57-related-item>span{display:flex;flex-direction:column;gap:6px;padding:14px}
.z57-related-item strong{font-size:17px}.z57-related-item small{font-size:13px;line-height:1.45;color:#adbed0;flex:1}
.z57-related-item b{color:#b7ff50;font-size:13px}
@media(min-width:1350px){.z57-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.z56-game-content>p:not(.z56-label){font-size:12px}.z56-guide-body strong{font-size:14px}.z56-guide-body small{font-size:12px}.z57-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.z57-related-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.z57-related-item{transition:none!important}}