/*
Theme Name: OpenArcade Neon
Theme URI: https://example.com/openarcade-neon
Author: You
Description: A retro arcade/Ready Player One-inspired WordPress theme with neon glow and scanlines.
Version: 1.0.0
License: GPLv2 or later
Text Domain: openarcade-neon
*/
:root{--bg:#05060a;--panel:#0d0f16;--panel-2:#101424;--neon:#26f0ff;--magenta:#ff2cdf;--purple:#7a3cff;--text:#e7eaf3;--muted:#9aa3b2;--edge:#1b2033;--scanline: rgba(255,255,255,0.03);}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:radial-gradient(1200px 800px at 50% -10%, #10142a, #05060a);color:var(--text);font-family: Segoe UI, Roboto, system-ui, -apple-system, Arial, sans-serif;}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom, var(--scanline) 50%, transparent 50%);background-size:100% 2px;mix-blend-mode:overlay;pointer-events:none;z-index:1;opacity:.4;}
.neon-bar{height:4px;background:linear-gradient(90deg, var(--magenta), var(--neon), var(--purple), var(--magenta));filter:drop-shadow(0 0 8px var(--neon));}
header.site-header{position:relative;background:linear-gradient(180deg, #0c0f1a, #070912 60%, transparent);border-bottom:2px solid var(--edge);padding:24px 16px 10px;}
.container{max-width:1080px;margin:0 auto;padding:0 16px;position:relative;z-index:2;}
.site-title a{color:white;text-decoration:none;text-shadow:0 0 10px var(--neon),0 0 18px var(--magenta);font-weight:800;font-size:clamp(28px,4vw,42px);letter-spacing:.5px}
.site-tagline{color:var(--muted);margin-top:6px}
nav.main-nav ul{list-style:none;display:flex;gap:14px;padding:0;margin:12px 0 0;flex-wrap:wrap}
nav.main-nav a{display:inline-block;padding:8px 12px;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(180deg, #0c1030, #090d22);color:#d9e6ff;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 10px rgba(38,240,255,.12)}
nav.main-nav a:hover{box-shadow:0 0 16px rgba(122,60,255,.5), inset 0 0 0 1px rgba(255,255,255,.15)}
.searchform{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.searchform input[type="text"]{padding:10px 12px;border-radius:10px;border:1px solid var(--edge);background:#0a0d1d;color:var(--text)}
.searchform input[type="submit"]{padding:10px 14px;border-radius:10px;border:1px solid var(--edge);background:linear-gradient(180deg, #16204a, #0f1640);color:#d9e6ff;cursor:pointer}
.main{display:grid;grid-template-columns:1fr;gap:18px;margin:18px 0}
@media(min-width:980px){.main{grid-template-columns:1fr 300px}}
.card{background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--edge);border-radius:14px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.04) inset;position:relative;}
.post-title{margin:0 0 6px}
.post-title a{color:#fff;text-decoration:none;text-shadow:0 0 8px rgba(38,240,255,.35)}
.meta{color:var(--muted);font-size:.9rem;margin-bottom:8px}
.post-excerpt{line-height:1.6}
.widget{background:linear-gradient(180deg, #0d1023, #0b0f1d);border:1px solid var(--edge);border-radius:14px;padding:14px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--edge);text-decoration:none;color:#e7eaf3;background:linear-gradient(180deg, #1a2253, #12183b);box-shadow:0 0 12px rgba(38,240,255,.15);}
.btn:hover{box-shadow:0 0 20px rgba(122,60,255,.4)}
footer.site-footer{margin-top:24px;padding:18px 0;border-top:2px solid var(--edge);background:linear-gradient(180deg, #070912, #04050b);color:var(--muted);font-size:.9rem;}
.pagination{display:flex;gap:10px;align-items:center}
.pagination a{padding:8px 10px;border:1px solid var(--edge);border-radius:10px;background:#0c1030;color:#d9e6ff;text-decoration:none}
table{width:100%;border-collapse:collapse;border:1px solid var(--edge);} th,td{padding:10px;border-bottom:1px solid var(--edge)} th{background:#0c1030;text-align:left}