*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--pxa-primary:#1a237e;--pxa-pink:#e91e63;--pxa-green:#76ff03;--pxa-white:#fff;--pxa-dark:#0d1117;--pxa-font-title:'Press Start 2P',cursive;--pxa-font-sub:'VT323',monospace;--pxa-font-body:'Quicksand',sans-serif;--pxa-font-thai:'Poppins',sans-serif;--pxa-radius:0px;--pxa-pixel-border:4px solid}
body{font-family:var(--pxa-font-body);background:var(--pxa-dark);color:var(--pxa-white);line-height:1.7;font-size:16px;overflow-x:hidden}
.pxa-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:all .2s}
/* Pixel Animation */
@keyframes pxa-blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes pxa-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pxa-glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}100%{transform:translate(0)}}
/* Header */
.pxa-header{background:var(--pxa-primary);border-bottom:var(--pxa-pixel-border) var(--pxa-pink);padding:12px 0;position:sticky;top:0;z-index:1000}
.pxa-header-inner{display:flex;align-items:center;justify-content:space-between}
.pxa-logo-text{font-family:var(--pxa-font-title);font-size:14px;color:var(--pxa-green);text-shadow:2px 2px 0 var(--pxa-pink)}
.pxa-menu{display:flex;list-style:none;gap:8px}
.pxa-menu li a{font-family:var(--pxa-font-sub);font-size:18px;color:var(--pxa-white);padding:6px 12px;border:2px solid transparent;transition:all .2s}
.pxa-menu li a:hover{border-color:var(--pxa-green);color:var(--pxa-green);box-shadow:0 0 8px var(--pxa-green)}
.pxa-menu-toggle{display:none;background:none;border:2px solid var(--pxa-green);color:var(--pxa-green);font-size:24px;padding:4px 10px;cursor:pointer}
/* Hero */
.pxa-hero{background:linear-gradient(135deg,var(--pxa-primary),#0d47a1);padding:80px 0;text-align:center;position:relative;overflow:hidden;border-bottom:4px solid var(--pxa-green)}
.pxa-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none}
.pxa-hero-title{font-family:var(--pxa-font-title);font-size:clamp(16px,4vw,28px);color:var(--pxa-green);margin-bottom:16px;text-shadow:3px 3px 0 var(--pxa-pink);animation:pxa-glitch 3s infinite}
.pxa-hero-sub{font-family:var(--pxa-font-thai);font-size:18px;color:var(--pxa-white);margin-bottom:24px;opacity:.9}
/* Buttons */
.pxa-btn{display:inline-block;font-family:var(--pxa-font-title);font-size:12px;padding:12px 24px;border:var(--pxa-pixel-border) var(--pxa-green);color:var(--pxa-green);background:transparent;cursor:pointer;text-transform:uppercase;transition:all .2s;box-shadow:4px 4px 0 var(--pxa-pink)}
.pxa-btn:hover{background:var(--pxa-green);color:var(--pxa-dark);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pxa-pink)}
.pxa-btn-primary{background:var(--pxa-pink);border-color:var(--pxa-pink);color:var(--pxa-white)}
.pxa-btn-primary:hover{background:var(--pxa-green);color:var(--pxa-dark);border-color:var(--pxa-green)}
.pxa-btn-sm{font-size:10px;padding:8px 16px}
.pxa-btn-lg{font-size:14px;padding:16px 32px}
/* Trust Bar */
.pxa-trust-bar{background:#0d47a1;padding:20px 0;border-bottom:3px solid var(--pxa-pink)}
.pxa-trust-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;text-align:center}
.pxa-trust-item{font-family:var(--pxa-font-thai);font-size:14px}
.pxa-trust-item span:first-child{display:block;font-size:24px;margin-bottom:4px}
/* Game Grid */
.pxa-games{padding:60px 0}
.pxa-section-title{font-family:var(--pxa-font-title);font-size:clamp(12px,3vw,18px);color:var(--pxa-green);text-align:center;margin-bottom:40px}
.pxa-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.pxa-game-card{background:var(--pxa-primary);border:var(--pxa-pixel-border) var(--pxa-pink);padding:16px;text-align:center;transition:transform .2s}
.pxa-game-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 var(--pxa-green)}
.pxa-game-img{height:140px;display:flex;align-items:center;justify-content:center;background:#0d1117;margin-bottom:12px;border:2px solid var(--pxa-green)}
.pxa-placeholder-pixel{font-family:var(--pxa-font-title);font-size:12px;color:var(--pxa-green);animation:pxa-blink 1.5s infinite}
.pxa-game-name{font-family:var(--pxa-font-sub);font-size:20px;margin-bottom:8px}
.pxa-game-hp{width:100%;height:10px;background:#333;margin-bottom:12px;border:2px solid #555}
.pxa-hp-bar{display:block;height:100%;background:linear-gradient(90deg,#f44336,var(--pxa-green))}
/* Advantages */
.pxa-advantages{padding:60px 0;background:linear-gradient(180deg,#0d1117,var(--pxa-primary))}
.pxa-adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.pxa-adv-card{background:rgba(255,255,255,.05);border:2px solid var(--pxa-pink);padding:24px;transition:all .3s}
.pxa-adv-card:hover{border-color:var(--pxa-green);box-shadow:0 0 16px rgba(118,255,3,.2)}
.pxa-adv-card h3{font-family:var(--pxa-font-sub);font-size:22px;margin-bottom:8px;color:var(--pxa-green)}
.pxa-adv-card p{font-family:var(--pxa-font-thai);font-size:14px;color:#ccc}
/* FAQ */
.pxa-faq{padding:60px 0}
.pxa-faq-item{border:2px solid var(--pxa-pink);margin-bottom:8px}
.pxa-faq-q{width:100%;text-align:left;background:var(--pxa-primary);border:none;color:var(--pxa-white);font-family:var(--pxa-font-thai);font-size:16px;padding:16px;cursor:pointer}
.pxa-faq-q:hover{background:#283593}
.pxa-faq-a{display:none;padding:16px;background:#0d1117;font-family:var(--pxa-font-thai);border-top:2px solid var(--pxa-green)}
.pxa-faq-item.active .pxa-faq-a{display:block}
/* Posts */
.pxa-posts{padding:60px 0;background:var(--pxa-primary)}
.pxa-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
.pxa-post-card{background:#0d1117;border:2px solid var(--pxa-pink);overflow:hidden}
.pxa-post-card img{width:100%;height:160px;object-fit:cover}
.pxa-post-placeholder{height:160px;display:flex;align-items:center;justify-content:center;background:#1a237e;font-size:40px}
.pxa-post-card h3{font-family:var(--pxa-font-thai);padding:12px 16px 4px;font-size:16px}
.pxa-post-card h3 a:hover{color:var(--pxa-green)}
.pxa-post-card time{display:block;padding:0 16px 12px;font-size:13px;color:#999}
/* CTA */
.pxa-cta{padding:60px 0;text-align:center;background:linear-gradient(135deg,var(--pxa-pink),var(--pxa-primary));border-top:4px solid var(--pxa-green)}
.pxa-cta h2{font-family:var(--pxa-font-title);font-size:clamp(12px,3vw,20px);margin-bottom:12px}
.pxa-cta p{font-family:var(--pxa-font-thai);margin-bottom:24px;font-size:18px}
/* Page/Single */
.pxa-page-layout,.pxa-single-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;padding:40px 0}
.pxa-page-title{font-family:var(--pxa-font-title);font-size:clamp(14px,3vw,22px);color:var(--pxa-green);margin-bottom:24px}
.pxa-page-content,.pxa-article-content{font-family:var(--pxa-font-thai);line-height:1.8}
.pxa-article-header h1{font-family:var(--pxa-font-title);font-size:clamp(12px,3vw,20px);color:var(--pxa-green);margin-bottom:12px}
.pxa-meta{font-family:var(--pxa-font-thai);font-size:14px;color:#aaa;margin-bottom:24px;display:flex;gap:16px;flex-wrap:wrap}
.pxa-author-card{background:var(--pxa-primary);border:2px solid var(--pxa-pink);padding:20px;text-align:center;margin-bottom:20px}
.pxa-author-avatar{font-size:40px;margin-bottom:8px}
.pxa-eeat-badge{display:inline-block;background:var(--pxa-green);color:var(--pxa-dark);font-size:11px;padding:4px 8px;margin-top:8px;font-weight:700}
.pxa-sidebar{font-family:var(--pxa-font-thai)}
.pxa-related{background:var(--pxa-primary);border:2px solid var(--pxa-pink);padding:16px}
.pxa-related h3{font-family:var(--pxa-font-sub);margin-bottom:12px;color:var(--pxa-green)}
.pxa-related-item{display:block;padding:8px 0;border-bottom:1px solid #333;font-size:14px}
.pxa-related-item:hover{color:var(--pxa-green)}
.pxa-tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.pxa-tag{background:var(--pxa-primary);border:1px solid var(--pxa-pink);padding:4px 10px;font-size:12px}
/* Breadcrumb */
.pxa-breadcrumb{padding:12px 0;font-size:13px}
.pxa-breadcrumb ol{display:flex;list-style:none;gap:8px;flex-wrap:wrap}
.pxa-breadcrumb li::after{content:'>';margin-left:8px;color:#666}
.pxa-breadcrumb li:last-child::after{content:''}
.pxa-breadcrumb a{color:var(--pxa-green)}
.pxa-breadcrumb .current{color:#999}
/* Footer */
.pxa-footer{background:#0a0e27;padding:40px 0 20px;border-top:4px solid var(--pxa-pink)}
.pxa-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:30px}
.pxa-widget-title{font-family:var(--pxa-font-sub);color:var(--pxa-green);font-size:18px;margin-bottom:12px}
.pxa-trust-section{text-align:center;padding:20px 0;border-top:2px solid #1a237e}
.pxa-trust-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.pxa-badge{background:var(--pxa-primary);padding:6px 12px;font-size:12px;border:1px solid var(--pxa-pink)}
.pxa-responsible{font-family:var(--pxa-font-thai);font-size:13px;color:#f44336;margin-bottom:12px}
.pxa-payment-icons{display:flex;justify-content:center;gap:16px;font-size:13px;color:#aaa}
.pxa-copyright{text-align:center;padding-top:20px;border-top:1px solid #1a237e;font-size:13px;color:#666}
/* Responsive */
@media(max-width:768px){
.pxa-menu-toggle{display:block}
.pxa-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--pxa-primary);border-bottom:3px solid var(--pxa-pink);padding:16px}
.pxa-nav.active{display:block}
.pxa-menu{flex-direction:column}
.pxa-page-layout,.pxa-single-layout{grid-template-columns:1fr}
.pxa-hero{padding:50px 0}
}

/* Extra nav items - added by deploy script */
.extra-nav-item {
    display: inline-block !important;
    padding: 6px 14px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
}
.extra-nav-item:hover {
    opacity: 0.85 !important;
    text-decoration: underline !important;
}