/*
Theme Name: ETERNAL AFK
Theme URI: http://zerstro.com/
Author: ETERNAL AFK
Description: One-page static gaming theme for ETERNAL AFK — Games That Keep Going While You're Away. Menu links scroll to sections on the homepage.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: eternal-afk
*/

:root{--bg:#0b0d17;--bg2:#12152a;--card:#181c36;--line:#262b4d;--text:#e7e9f5;--muted:#9aa0c3;--p:#8b2cf5;--a:#e0b04a;--g:#f5c84c}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.top{background:#06070e;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;justify-content:space-between;padding:8px 16px;gap:10px;flex-wrap:wrap}
.top .soc a{margin-left:12px}.top .soc a:hover{color:var(--a)}
header{position:sticky;top:0;z-index:50;background:rgba(11,13,23,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;letter-spacing:1px}
.logo .ic{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--p),var(--a));display:grid;place-items:center;font-size:18px}
.logo small{display:block;font-size:11px;font-weight:500;color:var(--a);letter-spacing:.5px}
nav{background:var(--bg2);border-top:1px solid var(--line)}
nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center}
nav a{display:block;padding:12px 16px;font-size:13px;font-weight:700;letter-spacing:.5px;border-bottom:3px solid transparent}
nav a:hover{color:var(--a);border-color:var(--a)}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:6px 10px;border-radius:6px;font-size:18px}
.ticker{background:linear-gradient(90deg,var(--p),var(--a));color:#06070e;font-weight:700;font-size:13px;overflow:hidden;white-space:nowrap}
.ticker span{display:inline-block;padding:7px 0;animation:tk 40s linear infinite}@keyframes tk{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:24px auto}
.hcard{position:relative;border-radius:14px;overflow:hidden;min-height:200px}
.hcard img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hcard .ov{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(6,7,14,.95));display:flex;flex-direction:column;justify-content:flex-end;padding:20px}
.hcard.big{min-height:440px;grid-row:span 2}.hcard h2{font-size:28px;line-height:1.25}.hcard h3{font-size:18px;line-height:1.3}
.tag{display:inline-block;background:var(--p);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;margin-bottom:8px;width:max-content}
.meta{font-size:12px;color:var(--muted);margin-top:6px}
.sec{padding:40px 0;border-top:1px solid var(--line)}
.st{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.st h2{font-size:22px;border-left:5px solid var(--a);padding-left:12px}
.st p{color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s}
.card:hover{transform:translateY(-4px);border-color:var(--p)}
.card img{height:190px;width:100%;object-fit:cover}.card .b{padding:16px}
.card h3{font-size:17px;line-height:1.35;margin-bottom:8px}.card p{font-size:14px;color:var(--muted)}
.lay{display:grid;grid-template-columns:2fr 1fr;gap:28px}
.list .it{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.list .it img{width:140px;height:95px;object-fit:cover;border-radius:8px;flex-shrink:0}
.list h4{font-size:16px;line-height:1.35}
aside .box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:20px}
aside h3{font-size:16px;margin-bottom:12px;color:var(--a)}
.rank li{list-style:none;display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.rank b{color:var(--g);font-size:20px;min-width:24px}
.cat{background:var(--bg2)}
.cathead{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;margin-bottom:24px}
.cathead img{border-radius:14px;height:280px;width:100%;object-fit:cover}
.cathead h2{font-size:30px;margin-bottom:10px}.cathead p{color:var(--muted);margin-bottom:10px}
.pill{display:inline-block;border:1px solid var(--a);color:var(--a);font-size:12px;padding:3px 10px;border-radius:20px;margin:0 6px 6px 0}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tip{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.tip .n{font-size:32px;font-weight:900;color:var(--p)}.tip h4{margin:6px 0}.tip p{font-size:14px;color:var(--muted)}
.score{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}
.score div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 16px;text-align:center}
.score b{display:block;font-size:22px;color:var(--g)}.score span{font-size:12px;color:var(--muted)}
.prose{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:30px}
.prose h3{margin:20px 0 8px;color:var(--a)}.prose p,.prose li{color:#c9cce3;margin-bottom:10px}.prose ul{padding-left:20px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);margin-top:8px}
.nl{background:linear-gradient(135deg,var(--p),#3b1fa8);border-radius:16px;padding:34px;text-align:center}
.nl h2{font-size:26px}.nl form{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.nl input{padding:12px 16px;border-radius:8px;border:0;min-width:260px}.nl button{padding:12px 22px;border:0;border-radius:8px;background:var(--a);font-weight:800;cursor:pointer}
footer{background:#06070e;border-top:1px solid var(--line);padding:40px 0 20px;margin-top:40px}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
footer h4{margin-bottom:12px;color:var(--a)}footer li{list-style:none;margin-bottom:7px;font-size:14px;color:var(--muted)}footer li a:hover{color:#fff}
.copy{text-align:center;font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:18px}
.totop{position:fixed;right:18px;bottom:18px;background:var(--p);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:900}
@media(max-width:900px){.hero,.lay,.cathead{grid-template-columns:1fr}.hcard.big{min-height:320px}.grid,.g4,.tips{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}
.burger{display:block}nav ul{display:none;flex-direction:column}nav ul.open{display:flex}}
@media(max-width:560px){.grid,.g4,.tips,.fg{grid-template-columns:1fr}.list .it img{width:100px;height:75px}.hcard h2{font-size:22px}}


:root{--bg:#0d0718;--bg2:#160b26;--card:#1c1030;--line:#3a2456;--text:#f3ecff;--muted:#b6a6cf;--p:#8b2cf5;--a:#e8b54a;--g:#f7d27a}
body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(1200px 600px at 50% -200px,#2a1145,transparent),var(--bg)}
h1,h2,h3,.st h2,nav a,.tip .n,.tag,.score b{font-family:Cinzel,serif}
.st h2{border-left:none;padding-left:0;background:linear-gradient(90deg,#f7d27a,#c98a1e);-webkit-background-clip:text;color:transparent}
.st h2::before{content:"✦ ";color:var(--p);-webkit-text-fill-color:var(--p)}
header{background:rgba(13,7,24,.94);border-bottom:1px solid #5b3a12}
.hd{justify-content:center;position:relative}.burger{position:absolute;right:16px}
.hd .logo img{height:78px!important;filter:drop-shadow(0 0 14px rgba(139,44,245,.45))}
nav{background:linear-gradient(90deg,#1a0d2e,#2a1145,#1a0d2e);border-top:1px solid #5b3a12;border-bottom:1px solid #5b3a12}
nav a:hover{color:var(--g);border-color:var(--a);text-shadow:0 0 10px rgba(232,181,74,.6)}
.ticker{background:linear-gradient(90deg,#c98a1e,#f7d27a,#8b2cf5);color:#1a0d2e}
.tag{background:linear-gradient(135deg,#8b2cf5,#5a16b0);border:1px solid var(--a);letter-spacing:.5px}
.card,.tip,.prose,aside .box,.faq details,.score div{border-color:var(--line);box-shadow:inset 0 0 0 1px rgba(232,181,74,.08)}
.card:hover{border-color:var(--a);box-shadow:0 0 22px rgba(139,44,245,.35)}
.hcard{border:1px solid #5b3a12}.hcard .ov{background:linear-gradient(transparent 30%,rgba(13,7,24,.96))}
.tip .n{background:linear-gradient(#f7d27a,#c98a1e);-webkit-background-clip:text;color:transparent}
.pill{border-color:var(--a);color:var(--g)}
.nl{background:linear-gradient(135deg,#5a16b0,#2a1145);border:1px solid var(--a)}
.nl button{background:linear-gradient(#f7d27a,#c98a1e);color:#1a0d2e}
.totop{background:linear-gradient(#8b2cf5,#5a16b0);border:1px solid var(--a)}
footer{background:#08040f;border-top:1px solid #5b3a12}footer .logo img{height:64px!important}
.cat{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.cathead img{border:1px solid #5b3a12}
.gtips{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gbox{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.gbox h3{font-size:17px;color:var(--g);margin-bottom:12px}
.gbox ol,.gbox ul{padding-left:20px}.gbox li{font-size:14px;color:#cfc3e6;margin-bottom:8px}.gbox li b{color:var(--text)}
.info{width:100%;border-collapse:collapse;font-size:14px}.info td{padding:8px 6px;border-bottom:1px dashed var(--line)}.info td:first-child{color:var(--muted);width:40%}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.stats div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.stats b{font-family:Cinzel,serif;font-size:32px;color:var(--g);display:block}.stats span{color:var(--muted);font-size:13px}
.gloss{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gloss div{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--a);border-radius:8px;padding:14px}.gloss b{color:var(--g)}.gloss p{font-size:13px;color:var(--muted);margin-top:4px}
.cmp{width:100%;border-collapse:collapse;font-size:14px;background:var(--card);border-radius:12px;overflow:hidden}.cmp th{background:#2a1145;color:var(--g);font-family:Cinzel,serif;padding:12px;text-align:left}.cmp td{padding:11px 12px;border-top:1px solid var(--line)}
.tblw{overflow-x:auto}
@media(max-width:900px){.gtips,.gloss{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}
.pc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:20px}
.pro h3{color:#7ee2a8!important}.con h3{color:#ff8a9a!important}
.pro li::marker{content:"✔ ";color:#7ee2a8}.con li::marker{content:"✖ ";color:#ff8a9a}
@media(max-width:900px){.pc{grid-template-columns:1fr}}
.h1wrap{text-align:center;padding:30px 0 6px}.h1wrap h1{font-size:clamp(22px,4vw,38px);background:linear-gradient(90deg,#f7d27a,#c98a1e,#b57cff);-webkit-background-clip:text;color:transparent;line-height:1.25}.h1wrap p{color:var(--muted);margin-top:6px;letter-spacing:1px}
.sbar{padding:10px 16px}.sbar form{display:flex;gap:8px;max-width:560px;margin:0 auto}.sbar input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--text)}.sbar button{padding:10px 18px;border:0;border-radius:8px;background:linear-gradient(#f7d27a,#c98a1e);font-weight:800;cursor:pointer}
#sres{padding:0 16px 14px}#sres .r{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;max-width:760px;margin:0 auto}#sres a{display:block;padding:8px 0;border-bottom:1px dashed var(--line)}#sres a b{color:var(--g)}#sres small{color:var(--muted);display:block}
mark{background:#f7d27a;color:#1a0d2e;border-radius:3px}
.vid{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid #5b3a12;background:#000}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:20px;align-items:start}
.prio th:first-child,.prio td:first-child{color:var(--g)}
.gfaq details{margin-bottom:8px}
.news{display:grid;gap:12px}.news div{display:grid;grid-template-columns:130px 1fr;gap:14px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--p);border-radius:10px;padding:14px}.news time{color:var(--g);font-family:Cinzel,serif;font-size:14px}.news p{font-size:14px;color:#cfc3e6}
@media(max-width:900px){.media{grid-template-columns:1fr}.news div{grid-template-columns:1fr}}
.tabs{margin-top:20px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tabs input{display:none}.tabs label{display:inline-block;padding:12px 18px;cursor:pointer;font-family:Cinzel,serif;font-weight:700;font-size:14px;color:var(--muted);border-bottom:3px solid transparent}
.tabs .tp{display:none;padding:20px;border-top:1px solid var(--line)}
.tabs input:nth-of-type(1):checked~.tp1,.tabs input:nth-of-type(2):checked~.tp2,.tabs input:nth-of-type(3):checked~.tp3{display:block}
.tabs input:nth-of-type(1):checked~.tl label[for$="-v"],.tabs input:nth-of-type(2):checked~.tl label[for$="-r"],.tabs input:nth-of-type(3):checked~.tl label[for$="-m"]{color:var(--g);border-color:var(--a)}
.verdict{display:flex;gap:20px;align-items:center}.verdict .sc{min-width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#2a1145,#160b26);border:3px solid var(--a);font-family:Cinzel,serif;font-size:30px;color:var(--g)}
.verdict p{color:#cfc3e6}.tp ol,.tp ul{padding-left:20px}.tp li{color:#cfc3e6;margin-bottom:8px;font-size:14px}
.mist li::marker{content:"⚠ ";color:#ff8a9a}
.std{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}.std div{background:#160b26;border:1px solid var(--line);border-radius:10px;padding:14px}.std b{color:var(--g);display:block;margin-bottom:4px}.std p{font-size:13px;margin:0}
@media(max-width:900px){.std{grid-template-columns:1fr 1fr}.verdict{flex-direction:column;text-align:center}}
@media(max-width:560px){.std{grid-template-columns:1fr}.tabs label{padding:10px 10px;font-size:12px}}

/* ===== Inner pages (single, category, page, search, 404) ===== */
.ea-pagehead{padding:34px 0 20px;border-bottom:1px solid var(--line);margin-bottom:28px;background:linear-gradient(180deg,#1a0d2e,transparent)}
.ea-pagehead h1{font-family:Cinzel,serif;font-size:clamp(24px,3.4vw,36px);background:linear-gradient(90deg,#f7d27a,#c98a1e,#b57cff);-webkit-background-clip:text;color:transparent;line-height:1.25}
.ea-pagehead p{color:var(--muted);margin-top:6px}
.ea-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:10px}.ea-breadcrumb a{color:var(--g)}
.ea-layout{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding-bottom:40px}
.ea-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ea-article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}
.ea-article h1{font-family:Cinzel,serif;font-size:clamp(24px,3vw,34px);line-height:1.25;margin:8px 0}
.ea-article .featured img{border-radius:12px;margin:16px 0;width:100%;height:auto}
.entry-content h2,.entry-content h3{font-family:Cinzel,serif;color:var(--g);margin:24px 0 10px}
.entry-content p,.entry-content li{color:#cfc3e6;margin-bottom:10px}.entry-content ul,.entry-content ol{padding-left:22px}
.entry-content a{color:var(--g);text-decoration:underline}
.entry-content table{width:100%;border-collapse:collapse;margin:14px 0}.entry-content td,.entry-content th{border:1px solid var(--line);padding:9px 10px;text-align:left}.entry-content th{background:#2a1145;color:var(--g)}
.ea-meta{font-size:13px;color:var(--muted)}
.ea-share{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;align-items:center}.ea-share a{padding:7px 14px;border-radius:999px;color:#fff;font-size:13px;font-weight:700}
.ea-sidebar .widget{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:20px}
.ea-sidebar .widget-title{font-family:Cinzel,serif;color:var(--a);font-size:16px;margin-bottom:12px}
.ea-sidebar ul{list-style:none}.ea-sidebar li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}
.ea-rank{display:flex;gap:10px}.ea-rank b{color:var(--g);font-family:Cinzel,serif}
.ea-community .btn,.ea-btn{display:inline-block;margin-top:10px;padding:10px 18px;border-radius:8px;background:linear-gradient(#f7d27a,#c98a1e);color:#1a0d2e!important;font-weight:800}
.pagination,.nav-links{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:8px}.page-numbers.current{background:var(--p);color:#fff}
.screen-reader-text{position:absolute;left:-9999px}
nav .sub-menu{display:none}
@media(max-width:900px){.ea-layout,.ea-grid{grid-template-columns:1fr}}