/*
Theme Name: GAME EXPERT
Theme URI: http://1000yearoldbread.com/
Author: GAME EXPERT
Description: One-page static gaming guide theme for GAME EXPERT — Know the Game Before You Play. Menu links scroll to sections on the homepage. Includes SEO meta, schema JSON-LD, virtual robots.txt and auto setup on activation.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: game-expert
Tags: one-column, custom-menu, featured-images, threaded-comments, dark
*/

:root{
  --bg:#0B0D12; --bg2:#12151D; --card:#171B25; --line:#262B38;
  --orange:#FF7A00; --amber:#FFA51F; --yellow:#FFD21F;
  --silver:#D5D9E0; --muted:#9AA1B0; --white:#F5F6F8;
  --grad:linear-gradient(180deg,#FFD21F 0%,#FFA51F 50%,#FF6A00 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--silver);font:16px/1.7 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:Rajdhani,sans-serif;color:var(--white);line-height:1.15;letter-spacing:.5px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
section{padding:88px 0}
.eyebrow{display:inline-block;font:700 13px Rajdhani,sans-serif;letter-spacing:3px;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.title{font-size:clamp(30px,4vw,44px);margin-bottom:14px}
.title span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);max-width:720px}
.center{text-align:center}.center .lead{margin:0 auto}
.btn{display:inline-block;padding:13px 28px;border-radius:8px;font:700 16px Rajdhani,sans-serif;letter-spacing:1px;text-transform:uppercase;transition:.2s}
.btn-primary{background:var(--grad);color:#111;box-shadow:0 8px 24px rgba(255,122,0,.3)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{border:2px solid var(--silver);color:var(--white)}
.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}
.ph{background:linear-gradient(135deg,#232836,#151821);background-size:cover;background-position:center;position:relative}

/* header */
.ge-header{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(11,13,18,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo img{height:46px}
.logo .txt{font:700 24px Rajdhani,sans-serif;color:var(--white)}
nav ul{display:flex;gap:30px;list-style:none}
nav a{font:600 16px Rajdhani,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--silver);padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.active{color:var(--amber);border-color:var(--amber)}
.burger{display:none;background:none;border:0;color:var(--white);font-size:28px;cursor:pointer}

/* hero */
#home{min-height:100vh;display:flex;align-items:center;padding-top:120px;
  background:radial-gradient(circle at 75% 40%,rgba(255,122,0,.22),transparent 55%),linear-gradient(180deg,rgba(11,13,18,.55),var(--bg)),var(--hero-bg) center/cover,var(--bg)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(40px,6vw,72px);margin:10px 0 18px}
.hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:18px;color:var(--muted);margin-bottom:30px;max-width:560px}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-art img{width:100%;max-width:460px;margin-left:auto;filter:drop-shadow(0 20px 50px rgba(255,122,0,.35))}
.stats{display:flex;gap:40px;margin-top:44px;flex-wrap:wrap}
.stats b{display:block;font:700 34px Rajdhani,sans-serif;color:var(--yellow)}
.stats small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}

/* articles */
.grid{display:grid;gap:24px}
.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}
.card:hover{border-color:var(--orange);transform:translateY(-4px)}
.card .ph{height:200px}
.card .body{padding:22px}
.tag{display:inline-block;font:700 12px Rajdhani,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#111;background:var(--amber);padding:3px 10px;border-radius:4px;margin-bottom:12px}
.card h3{font-size:22px;margin-bottom:10px}
.card p{color:var(--muted);font-size:15px}
.meta{font-size:13px;color:#6f7686;margin-top:14px}
.featured{display:grid;grid-template-columns:1.2fr 1fr;margin-bottom:24px}
.featured .ph{height:100%;min-height:340px}
.featured .body{padding:36px}
.featured h3{font-size:30px}
.featured p+p{margin-top:12px}

/* games */
#games{background:var(--bg2)}
.game{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}
.game:last-child{border:0}
.game:nth-child(even) .ph{order:2}
.game .ph{height:340px;border-radius:16px;border:1px solid var(--line)}
.game .num{font:700 64px Rajdhani,sans-serif;color:transparent;-webkit-text-stroke:1px var(--orange);opacity:.6}
.game h3{font-size:34px;margin:-10px 0 12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.chips span{font-size:13px;border:1px solid var(--line);padding:4px 12px;border-radius:20px;color:var(--silver)}
.game ul{list-style:none;margin-top:10px}
.game li{padding-left:24px;position:relative;margin:6px 0;color:var(--muted)}
.game li:before{content:"▸";position:absolute;left:0;color:var(--amber)}

.game .sub{font-size:18px;margin-top:14px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.pc>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.pc h4{font-size:17px;margin-bottom:6px}
.pc .plus{border-top:3px solid #3BD16F}.pc .minus{border-top:3px solid #FF4D4D}
.game .pc li{font-size:14px;margin:4px 0}
.game .plus li:before{content:"✔";color:#3BD16F}.game .minus li:before{content:"✖";color:#FF4D4D}
@media(max-width:600px){.pc{grid-template-columns:1fr}}
.icon-wrap{position:relative;width:420px;max-width:100%;aspect-ratio:1;margin-left:auto;display:grid;place-items:center;animation:float 5s ease-in-out infinite}
.icon-wrap:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,165,31,.55),rgba(255,106,0,.15) 55%,transparent 72%);filter:blur(18px);animation:pulse 3s ease-in-out infinite}
.icon-wrap img{position:relative;width:74%;z-index:2;filter:drop-shadow(0 0 18px rgba(255,165,31,.6)) drop-shadow(0 18px 30px rgba(0,0,0,.6));animation:tilt 6s ease-in-out infinite}
.ring{position:absolute;inset:4%;border-radius:50%;border:2px solid transparent;background:conic-gradient(from 0deg,transparent 0 60%,#FFD21F 75%,#FF6A00 90%,transparent) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite}
.ring.r2{inset:12%;animation-duration:9s;animation-direction:reverse;opacity:.6}
.spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#FFD21F;box-shadow:0 0 12px 3px #FF8A00;animation:twinkle 2.4s ease-in-out infinite}
.s1{top:14%;left:20%}.s2{top:24%;right:10%;animation-delay:.6s}.s3{bottom:18%;left:12%;animation-delay:1.2s}.s4{bottom:10%;right:24%;animation-delay:1.8s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes tilt{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
.game .sub{font-size:18px;margin-top:14px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.pc>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.pc h4{font-size:17px;margin-bottom:6px}
.pc .plus{border-top:3px solid #3BD16F}.pc .minus{border-top:3px solid #FF4D4D}
.game .pc li{font-size:14px;margin:4px 0}
.game .plus li:before{content:"✔";color:#3BD16F}.game .minus li:before{content:"✖";color:#FF4D4D}
@media(max-width:600px){.pc{grid-template-columns:1fr}}
.game .facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:-4px 0 12px;font-size:13px;color:var(--muted)}
.game .facts b{color:var(--amber);font-weight:600;margin-right:6px}
.gimg{background-size:cover;background-position:center}
.gfall{display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background:radial-gradient(circle at 80% 20%,rgba(255,165,31,.35),transparent 55%),linear-gradient(135deg,#1d222e,#0f1218)}
.gfall .gt{font:700 34px Rajdhani,sans-serif;color:var(--white);line-height:1.1}
.gfall .gd{color:var(--amber);font-size:14px;margin-top:6px}
.gfall.loaded{background-size:cover}.gfall.loaded span{display:none}
.gphoto{position:relative;background-color:#151821}
.gcap{position:absolute;left:12px;bottom:12px;font-size:12px;color:#fff;background:rgba(11,13,18,.75);padding:4px 10px;border-radius:6px}
.about-img{position:relative;overflow:hidden}
.about-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,13,18,0) 45%,rgba(11,13,18,.85))}
.ab-badge{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;padding:12px 16px;border-radius:12px;background:rgba(11,13,18,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,165,31,.35)}
.ab-badge img{height:52px;width:auto}
.ab-icon{position:absolute;top:16px;right:16px;z-index:2;width:72px;filter:drop-shadow(0 0 12px rgba(255,140,0,.7));animation:float 5s ease-in-out infinite}
.about-show{position:relative;aspect-ratio:1;max-width:440px;width:100%;margin-left:auto;border:1px solid rgba(255,165,31,.25);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(255,140,0,.28),rgba(11,13,18,0) 62%),#0d1016;display:grid;place-items:center;overflow:hidden}
.about-show img{width:68%;position:relative;z-index:2;filter:drop-shadow(0 0 28px rgba(255,140,0,.55));animation:float 5s ease-in-out infinite}
.about-show .orbit{position:absolute;inset:9%;border:1px dashed rgba(255,165,31,.35);border-radius:50%;animation:spin 40s linear infinite}
.about-show .orbit.o2{inset:17%;border-style:solid;border-color:rgba(255,165,31,.12)}
.about-show .dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#FFC23D;box-shadow:0 0 10px #FF8A00;animation:twinkle 2.6s ease-in-out infinite}
.about-show .d1{top:16%;left:22%}.about-show .d2{bottom:20%;left:14%;animation-delay:.8s}.about-show .d3{bottom:14%;right:22%;animation-delay:1.6s}
.values.vals4{grid-template-columns:repeat(4,1fr);margin-top:44px}
.vals4 div{text-align:center;padding:24px 16px}
.vals4 b{color:var(--amber);font-size:20px;margin-bottom:6px}
@media(max-width:900px){.values.vals4{grid-template-columns:1fr 1fr}.about-show{margin:0 auto}}
/* playstyle */
.style{padding:30px;background:var(--card);border:1px solid var(--line);border-radius:14px;border-top:3px solid var(--orange)}
.style .ic{width:54px;height:54px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font-size:26px;margin-bottom:18px}
.style h3{font-size:22px;margin-bottom:8px}
.style p{color:var(--muted);font-size:15px}

/* careers */
#careers{background:var(--bg2)}
.job{display:flex;gap:18px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.job .ph{flex:0 0 120px;height:120px;border-radius:10px}
.job h3{font-size:20px;margin-bottom:6px}
.job p{font-size:14px;color:var(--muted)}
.job .skill{font-size:12px;color:var(--amber);margin-top:8px;font-weight:600}

/* tips */
.tips{counter-reset:t}
.tip{display:flex;gap:20px;padding:24px 0;border-bottom:1px dashed var(--line)}
.tip:before{counter-increment:t;content:counter(t,decimal-leading-zero);font:700 40px Rajdhani,sans-serif;color:var(--orange);min-width:60px}
.tip h3{font-size:21px;margin-bottom:6px}.tip p{color:var(--muted);font-size:15px}
.tips-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}
.tips-wrap .ph{height:520px;border-radius:16px;position:sticky;top:100px}

/* testimonial / cta */
.quote{padding:28px;background:var(--card);border-radius:14px;border:1px solid var(--line)}
.quote p{font-style:italic;color:var(--silver)}
.quote b{display:block;margin-top:14px;color:var(--amber);font-family:Rajdhani,sans-serif;font-size:18px}
.cta{background:var(--grad);border-radius:20px;padding:56px;text-align:center;color:#111}
.cta h2{color:#111;font-size:clamp(28px,4vw,42px)}
.cta p{margin:10px auto 26px;max-width:620px;color:#2a1a00}
.cta .btn{background:#0B0D12;color:var(--yellow)}

/* about */
#about{background:var(--bg2)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about .ph{height:460px;border-radius:16px}
.about p{color:var(--muted);margin-bottom:14px}
.values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.values div{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.values b{color:var(--white);font-family:Rajdhani,sans-serif;font-size:18px;display:block}
.values small{color:var(--muted)}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}
.info div{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}
.info b{display:block;color:var(--amber);font-family:Rajdhani,sans-serif;font-size:18px}
form{background:var(--card);padding:30px;border-radius:14px;border:1px solid var(--line)}
form label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}
input,textarea,select{width:100%;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--white);font:inherit}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--orange)}
form .btn{margin-top:20px;border:0;cursor:pointer}

/* policy */
#policy{background:var(--bg2)}
.policy{max-width:900px;margin:0 auto}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
summary{padding:18px 22px;cursor:pointer;font:700 19px Rajdhani,sans-serif;color:var(--white);list-style:none;display:flex;justify-content:space-between}
summary:after{content:"+";color:var(--amber);font-size:24px}
details[open] summary:after{content:"−"}
details .c{padding:0 22px 20px;color:var(--muted);font-size:15px}
details .c p+p{margin-top:10px}
details ul{margin:10px 0 0 20px}

/* footer */
footer{background:#07080C;border-top:1px solid var(--line);padding:60px 0 24px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer h4{font-size:18px;margin-bottom:14px}
footer p,footer li{color:var(--muted);font-size:14px}
footer ul{list-style:none}footer li{margin:7px 0}
footer li a:hover{color:var(--amber)}
.social{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.social a{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font:700 13px Rajdhani,sans-serif;color:var(--silver)}
.social a:hover{background:var(--grad);color:#111;border-color:transparent}
.copy{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:#6f7686}

@media(max-width:900px){
  nav ul{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line)}
  nav ul.open{display:flex}
  nav li a{display:block;padding:14px 20px;border:0}
  .burger{display:block}
  .hero,.featured,.game,.about,.contact,.tips-wrap,.fgrid{grid-template-columns:1fr}
  .g3,.g4,.g2{grid-template-columns:1fr}
  .game:nth-child(even) .ph{order:0}
  .tips-wrap .ph{position:static;height:280px}
  .hero-art{display:block}.icon-wrap{width:260px;margin:20px auto 0}
  section{padding:64px 0}
  .cta{padding:36px 22px}
}

/* ===== WordPress nav ===== */
nav #mn{display:flex;gap:30px;list-style:none;margin:0;padding:0}
nav #mn a{font:600 16px Rajdhani,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--silver);padding:6px 0;border-bottom:2px solid transparent}
nav #mn a:hover,nav #mn a.active{color:var(--amber);border-color:var(--amber)}
.logo img{height:46px;width:auto}
.admin-bar .ge-header{top:32px}
.totop{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:12px;background:var(--grad);color:#111;display:grid;place-items:center;font-weight:700;z-index:40;box-shadow:0 8px 20px rgba(255,122,0,.3)}
.chips a span{display:inline-block}
.fgrid{grid-template-columns:1.4fr 1fr 1fr 1fr}
/* ===== Inner pages ===== */
.ge-inner{padding-top:72px}
.ge-pagehead{padding:56px 0 40px;background:radial-gradient(circle at 80% 0,rgba(255,122,0,.18),transparent 60%),var(--bg2);border-bottom:1px solid var(--line);margin-bottom:40px}
.ge-pagehead h1{font-size:clamp(32px,5vw,48px);margin:10px 0}
.ge-pagehead p{color:var(--muted);max-width:720px;margin-bottom:18px}
.ge-breadcrumb{font-size:13px;color:var(--muted)}.ge-breadcrumb a{color:var(--amber)}
.ge-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding-bottom:70px}
.ge-inner .ge-layout{padding-top:8px}
.ge-inner>.ge-layout:first-child{padding-top:34px}
.ge-article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:34px}
.ge-article h1{font-size:clamp(30px,4vw,44px);margin:12px 0 10px}
.ge-article .featured{margin:22px 0;border-radius:12px;overflow:hidden}.ge-article .featured img{width:100%;height:auto}
.entry-content{color:var(--silver);font-size:17px}
.entry-content p,.entry-content ul,.entry-content ol,.entry-content table{margin:0 0 18px}
.entry-content h2{font-size:28px;margin:30px 0 12px}.entry-content h3{font-size:22px;margin:24px 0 10px}
.entry-content ul,.entry-content ol{padding-left:22px}.entry-content li{margin:6px 0}
.entry-content a{color:var(--amber);text-decoration:underline}
.entry-content strong{color:var(--white)}
.entry-content table{width:100%;border-collapse:collapse;font-size:15px}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 12px;text-align:left}.entry-content th{background:var(--bg2);color:var(--white)}
.entry-content .ge-box{background:var(--bg2);border-left:4px solid var(--orange);border-radius:10px;padding:16px 18px;margin:0 0 18px}
.ge-share{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.ge-share a{color:#fff;padding:7px 14px;border-radius:8px;font-size:14px;font-weight:600}
.ge-related{margin-top:40px}
.card-img img{width:100%;height:200px;object-fit:cover}
.ge-sidebar .widget{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:22px}
.widget-title{font-size:20px;margin-bottom:12px}
.ge-sidebar ul{list-style:none;margin:0;padding:0}.ge-sidebar li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:15px}
.ge-sidebar li:last-child{border:0}.ge-sidebar li a:hover{color:var(--amber)}
.ge-rank{display:flex;gap:12px;align-items:flex-start}.ge-rank b{font:700 22px Rajdhani,sans-serif;color:var(--orange);min-width:22px}
.ge-community p{color:var(--muted);font-size:14px;margin-bottom:14px}
.tagcloud a{display:inline-block;margin:0 6px 6px 0;padding:4px 10px;border:1px solid var(--line);border-radius:20px;font-size:13px!important}
.nav-links{display:flex;gap:8px;margin-top:30px}.page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:8px}.page-numbers.current{background:var(--grad);color:#111}
@media(max-width:900px){
 nav #mn{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line)}
 nav #mn.open{display:flex}nav #mn a{display:block;padding:14px 20px;border:0}
 .ge-layout{grid-template-columns:1fr}.ge-article{padding:22px}.fgrid{grid-template-columns:1fr}
}
@media(max-width:782px){.admin-bar .ge-header{top:46px}}