/* =============================================================
   GameKinhDi Theme — CSS extracted from HTML demo + WP extras
   ============================================================= */

:root{
  --bg:#050506;--bg2:#0b0b0f;--panel:rgba(18,18,24,.86);--panel2:rgba(26,26,34,.9);
  --red:#ff1b2d;--red2:#76000a;--cyan:#00ffd1;--yellow:#ffd166;
  --text:#f8f2ee;--muted:#aaa2a0;--line:rgba(255,255,255,.1);
  --radius:24px;--shadow:0 24px 90px rgba(255,0,35,.15)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 18% 5%,rgba(255,27,45,.2),transparent 32%),radial-gradient(circle at 82% 8%,rgba(0,255,209,.11),transparent 28%),linear-gradient(180deg,#030304 0%,#0a0a0d 38%,#050506 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;opacity:.5;mask-image:radial-gradient(circle,black,transparent 78%);z-index:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px);opacity:.12;z-index:1}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1220px,calc(100% - 36px));margin:auto;position:relative;z-index:2}.topbar{position:sticky;top:0;z-index:30;background:rgba(5,5,7,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle,#ff3548 0,#730009 62%,#190003 100%);box-shadow:0 0 30px rgba(255,27,45,.48);font-size:24px}.brand span{font-family:Creepster,cursive;font-size:31px;font-weight:400;text-shadow:0 0 22px rgba(255,27,45,.58)}.menu{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:800;color:#ddd3d0}.menu a:hover{color:var(--cyan);text-shadow:0 0 18px rgba(0,255,209,.5)}.search{width:230px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:999px;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted);font-size:13px}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:900;font-size:14px;cursor:pointer;transition:.22s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;box-shadow:0 14px 42px rgba(255,27,45,.3)}.btn-primary:hover,.game-card:hover,.cat-card:hover,.mini-game:hover,.rank-card:hover{transform:translateY(-5px)}.btn-ghost{background:rgba(255,255,255,.055);border-color:var(--line);color:#fff}.hero{min-height:720px;display:grid;align-items:center;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.96),rgba(5,5,6,.74) 40%,rgba(5,5,6,.22) 75%,rgba(5,5,6,.84)),url('https://images.unsplash.com/photo-1516410529446-2c777cb7366d?auto=format&fit=crop&w=2200&q=80') center/cover;filter:saturate(.62) contrast(1.15) brightness(.56);z-index:-3}.hero:after{content:"";position:absolute;inset:auto -10% -24% -10%;height:360px;background:radial-gradient(ellipse,rgba(255,27,45,.24),transparent 70%);z-index:-2}.fog{position:absolute;inset:0;pointer-events:none;opacity:.34;background:radial-gradient(circle at 35% 70%,rgba(255,255,255,.12),transparent 28%),radial-gradient(circle at 75% 55%,rgba(255,255,255,.08),transparent 24%);animation:drift 9s ease-in-out infinite alternate;z-index:-1}@keyframes drift{from{transform:translateX(-18px) translateY(5px) scale(1)}to{transform:translateX(24px) translateY(-12px) scale(1.04)}}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:40px;padding:70px 0 46px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,27,45,.28);border-radius:999px;color:#ffd7dc;background:rgba(255,27,45,.09);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero h1{margin:20px 0 16px;font-family:Creepster,cursive;font-size:clamp(58px,8vw,112px);line-height:.88;font-weight:400;text-shadow:4px 4px 0 #250004,0 0 36px rgba(255,27,45,.52)}.hero h1 strong{color:var(--red);font-weight:400}.hero p{color:#d7ceca;font-size:18px;line-height:1.75;max-width:680px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:26px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px}.meta-card{padding:15px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.meta-card b{display:block;font-size:23px}.meta-card span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:700}.featured-game{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:34px;padding:15px;box-shadow:var(--shadow);position:relative}.featured-game:before{content:'ĐANG HOT';position:absolute;top:28px;left:28px;z-index:2;background:rgba(255,27,45,.92);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900}.featured-cover{min-height:480px;border-radius:25px;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(0,0,0,.86) 82%),url('https://images.unsplash.com/photo-1509248961158-e54f6934749c?auto=format&fit=crop&w=1200&q=80') center/cover;display:flex;align-items:flex-end;padding:28px;position:relative}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,0,0,.38);font-size:12px;font-weight:900;color:#e9dfdb}.featured-content h2{font-size:34px;margin:0 0 9px}.featured-content p{font-size:15px;margin:0 0 16px;color:#c9c1be}section{padding:70px 0}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.035);overflow:hidden;padding:13px 0}.ticker-track{display:flex;gap:18px;white-space:nowrap;animation:move 24s linear infinite;color:#ded6d2;font-size:13px;font-weight:900}.ticker-track span{padding:8px 14px;border-radius:999px;background:rgba(255,27,45,.09);border:1px solid rgba(255,27,45,.18)}@keyframes move{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:24px}.section-kicker{color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:8px}.section-head h2{margin:0;font-size:clamp(31px,4vw,48px);letter-spacing:-.055em;line-height:1.03}.section-head p{color:var(--muted);max-width:520px;line-height:1.65;margin:0}.quick-play{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mini-game{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden;transition:.22s ease}.mini-thumb{height:104px;background:var(--img) center/cover;position:relative}.mini-thumb:after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.28);font-weight:900;text-shadow:0 0 18px red}.mini-game h3{font-size:13px;margin:0;padding:12px;line-height:1.35}.seo-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-card{min-height:156px;padding:20px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);position:relative;overflow:hidden;transition:.25s ease}.cat-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,rgba(255,27,45,.2),transparent 28%),radial-gradient(circle at 70% 65%,rgba(0,255,209,.11),transparent 24%);opacity:0;transition:.25s}.cat-card:hover:before{opacity:1}.cat-icon{font-size:30px;margin-bottom:22px;position:relative}.cat-card h3{margin:0 0 8px;font-size:18px;position:relative}.cat-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55;position:relative}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.content-stack{display:grid;gap:46px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.24s ease;position:relative}.thumb{height:176px;background:var(--img) center/cover;position:relative;filter:saturate(.82) contrast(1.05)}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.9))}.play-badge{position:absolute;right:12px;bottom:12px;z-index:2;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--red),#680007);box-shadow:0 0 26px rgba(255,27,45,.42)}.game-body{padding:16px}.game-body h3{margin:0 0 8px;font-size:17px}.game-stats{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:800}.rating{color:var(--yellow)}.sidebar{position:sticky;top:96px;display:grid;gap:16px}.side-box{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:18px}.side-box h3{margin:0 0 14px;font-size:20px}.rank-list{display:grid;gap:10px}.rank-card{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);transition:.22s}.rank-no{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,27,45,.18);color:#ffced3;font-weight:900}.rank-card b{display:block;font-size:14px}.rank-card span{font-size:12px;color:var(--muted)}.keyword-cloud{display:flex;gap:8px;flex-wrap:wrap}.keyword-cloud a{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--line);font-size:12px;font-weight:800;color:#d6cdca}.ad-box{min-height:260px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(255,27,45,.16),rgba(255,255,255,.035));border:1px dashed rgba(255,255,255,.18);border-radius:24px;color:var(--muted);font-weight:900}.dark-mode-banner{border-radius:34px;padding:38px;background:linear-gradient(90deg,rgba(5,5,6,.92),rgba(5,5,6,.66)),url('https://images.unsplash.com/photo-1505635552518-3448ff116af3?auto=format&fit=crop&w=1600&q=80') center/cover;border:1px solid rgba(255,255,255,.11);min-height:300px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;box-shadow:var(--shadow);overflow:hidden}.dark-mode-banner h2{font-size:clamp(34px,5vw,58px);line-height:1;margin:0 0 13px;letter-spacing:-.06em}.dark-mode-banner p{max-width:620px;margin:0;color:#d4cac6;line-height:1.72}.switch{width:120px;height:62px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.62);padding:7px;display:flex;align-items:center;cursor:pointer}.knob{width:48px;height:48px;border-radius:50%;background:var(--cyan);box-shadow:0 0 28px rgba(0,255,209,.75);margin-left:50px;transition:.3s ease}.blog-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.post-featured,.post-list article{border:1px solid var(--line);background:var(--panel2);border-radius:26px;overflow:hidden}.post-featured .post-img{height:320px;background:url('https://images.unsplash.com/photo-1520637836862-4d197d17c50a?auto=format&fit=crop&w=1300&q=80') center/cover}.post-content{padding:22px}.post-content h3{margin:8px 0 10px;font-size:29px;letter-spacing:-.045em}.post-content p,.post-list p{margin:0;color:var(--muted);line-height:1.65}.post-list{display:grid;gap:14px}.post-list article{padding:18px}.post-list h3{margin:8px 0;font-size:19px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-item{padding:22px;border:1px solid var(--line);background:var(--panel);border-radius:22px}.faq-item h3{margin:0 0 8px}.faq-item p{margin:0;color:var(--muted);line-height:1.65}.footer-cta{text-align:center;padding:80px 20px;border-radius:38px;background:radial-gradient(circle,rgba(255,27,45,.18),rgba(255,255,255,.03) 45%,rgba(0,0,0,.28));border:1px solid var(--line)}.footer-cta h2{font-family:Creepster,cursive;font-weight:400;font-size:clamp(48px,7vw,90px);line-height:.92;margin:0 0 15px;text-shadow:0 0 34px rgba(255,27,45,.5)}.footer-cta p{color:var(--muted);max-width:720px;margin:0 auto 26px;line-height:1.7}.site-footer{border-top:1px solid var(--line);padding:54px 0 30px;color:var(--muted);background:rgba(0,0,0,.28)}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px;margin-bottom:34px}.footer-grid h3,.footer-grid h4{color:#fff;margin:0 0 14px}.footer-grid p{line-height:1.7;margin:0}.footer-grid a{display:block;margin:9px 0;color:var(--muted);font-size:14px}.copyright{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}@media(max-width:1040px){.menu,.search{display:none}.hero-grid,.main-layout,.blog-grid,.dark-mode-banner{grid-template-columns:1fr}.sidebar{position:static}.quick-play{grid-template-columns:repeat(3,1fr)}.seo-cats{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.container{width:min(100% - 24px,1220px)}.nav{height:68px}.brand span{font-size:25px}.nav-actions .btn-ghost{display:none}.hero{min-height:auto}.hero-grid{padding:52px 0 34px}.hero p{font-size:16px}.hero-meta,.quick-play,.seo-cats,.game-grid,.faq-grid,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:12px}.featured-cover{min-height:390px}.dark-mode-banner{padding:26px}.copyright{display:block}.copyright div+div{margin-top:10px}}

/* =============================================================
   WordPress-specific additions
   ============================================================= */

/* Admin bar offset */
.admin-bar .topbar { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .topbar { top: 46px; } }

/* WP alignments */
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin: 0 auto 16px; }
.alignwide { max-width: 1400px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100%; max-width: 100%; }

/* WP captions */
.wp-caption { max-width: 100%; margin-bottom: 16px; }
.wp-caption-text { color: var(--muted); font-size: 13px; margin: 8px 0 0; text-align: center; }

/* WP pagination */
.wp-pagenavi, .pagination { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin: 40px 0; }
.wp-pagenavi a, .wp-pagenavi span, .pagination a, .pagination span { padding: 10px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); color: var(--text); font-size: 14px; font-weight: 700; transition: .22s; }
.wp-pagenavi a:hover, .pagination a:hover { background: rgba(255,27,45,.18); border-color: var(--red); color: #fff; }
.wp-pagenavi .current, .pagination .current { background: var(--red); border-color: var(--red); color: #fff; }

/* Archive/single layout */
.archive-hero { padding: 60px 0 40px; text-align: center; }
.archive-hero h1 { font-family: Creepster, cursive; font-size: clamp(40px,6vw,80px); margin: 0 0 12px; text-shadow: 0 0 30px rgba(255,27,45,.5); }
.archive-hero p { color: var(--muted); max-width: 600px; margin: 0 auto; line-height: 1.7; }
.archive-filter { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 28px; padding: 16px; background: var(--panel); border-radius: 18px; border: 1px solid var(--line); }
.archive-filter select { background: rgba(255,255,255,.07); border: 1px solid var(--line); color: var(--text); padding: 9px 14px; border-radius: 12px; font-size: 13px; font-weight: 700; cursor: pointer; outline: none; }
.archive-filter select option { background: #0a0a0d; color: var(--text); }
.archive-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 22px; align-items: start; }
@media (max-width: 1040px) { .archive-layout { grid-template-columns: 1fr; } .archive-filter select { width: 100%; } }

/* Single game layout */
.single-game-hero { padding: 40px 0 30px; }
.breadcrumb { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--muted); margin-bottom: 24px; flex-wrap: wrap; }
.breadcrumb a { color: var(--muted); }
.breadcrumb a:hover { color: var(--cyan); }
.breadcrumb span { color: rgba(255,255,255,.3); }
.game-detail-title { font-family: Creepster, cursive; font-size: clamp(36px,5vw,64px); margin: 0 0 14px; text-shadow: 0 0 30px rgba(255,27,45,.4); }
.game-detail-meta { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
.game-detail-meta .rating { font-size: 18px; font-weight: 900; }
.game-detail-meta .play-count { color: var(--muted); font-size: 14px; font-weight: 700; }
.game-detail-meta .warning-badge { padding: 6px 12px; border-radius: 999px; background: rgba(255,27,45,.15); border: 1px solid rgba(255,27,45,.3); color: #ffb3b9; font-size: 12px; font-weight: 900; }
.iframe-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; background: #000; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); margin-bottom: 16px; }
.iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.iframe-actions { display: flex; gap: 10px; margin-bottom: 28px; }
.iframe-actions button { padding: 10px 18px; background: var(--panel); border: 1px solid var(--line); color: var(--text); border-radius: 12px; font-size: 13px; font-weight: 700; cursor: pointer; transition: .22s; }
.iframe-actions button:hover { background: rgba(255,27,45,.18); border-color: var(--red); }
.game-content-section { padding: 28px; background: var(--panel); border-radius: 24px; border: 1px solid var(--line); margin-bottom: 20px; }
.game-content-section h3 { margin: 0 0 14px; font-size: 20px; }
.game-content-section p, .game-content-section li { color: #d4cac6; line-height: 1.75; }
.game-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.game-gallery img { border-radius: 14px; width: 100%; height: 160px; object-fit: cover; }
.single-game-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 22px; align-items: start; margin-top: 30px; }
@media (max-width: 1040px) { .single-game-layout { grid-template-columns: 1fr; } .game-gallery { grid-template-columns: repeat(2,1fr); } }

/* Taxonomy term hero */
.term-hero { padding: 60px 0 40px; position: relative; }
.term-hero h1 { font-family: Creepster, cursive; font-size: clamp(40px,6vw,80px); margin: 0 0 12px; }
.term-hero .term-description { color: var(--muted); max-width: 680px; line-height: 1.75; }
.term-seo-content { background: var(--panel); border: 1px solid var(--line); border-radius: 24px; padding: 32px; margin-top: 50px; }
.term-seo-content h2 { margin-top: 0; }
.term-seo-content p { color: #d4cac6; line-height: 1.8; }

/* Search form */
.search-form { display: flex; gap: 10px; }
.search-field { flex: 1; padding: 12px 18px; background: var(--panel); border: 1px solid var(--line); border-radius: 999px; color: var(--text); font-size: 14px; outline: none; }
.search-submit { padding: 12px 20px; background: var(--red); border: none; border-radius: 999px; color: #fff; font-weight: 700; cursor: pointer; }

/* Comments */
#comments { margin-top: 40px; }
.comment-form label { display: block; margin-bottom: 6px; color: var(--muted); font-size: 13px; font-weight: 700; }
.comment-form input, .comment-form textarea { width: 100%; padding: 12px 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; color: var(--text); font-size: 14px; margin-bottom: 16px; outline: none; }
.comment-form textarea { min-height: 120px; resize: vertical; }
.comment-form .submit { background: var(--red); border: none; color: #fff; padding: 12px 28px; border-radius: 999px; font-weight: 900; cursor: pointer; }
.comment-list { list-style: none; padding: 0; }
.comment-body { padding: 20px; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; margin-bottom: 14px; }
.comment-meta { font-size: 13px; color: var(--muted); margin-bottom: 10px; }
.comment-content p { color: #d4cac6; line-height: 1.7; margin: 0; }

/* Related games */
.related-games-title { font-size: 18px; margin: 0 0 14px; }
.related-game-item { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); margin-bottom: 10px; transition: .22s; }
.related-game-item:hover { background: rgba(255,27,45,.1); border-color: rgba(255,27,45,.2); }
.related-game-thumb { width: 60px; height: 60px; border-radius: 10px; object-fit: cover; flex-shrink: 0; background: var(--panel2); }
.related-game-info b { display: block; font-size: 14px; margin-bottom: 4px; }
.related-game-info span { color: var(--muted); font-size: 12px; }

/* Page template */
.page-content { max-width: 800px; margin: 0; }
.page-content h1 { font-family: Creepster, cursive; font-size: clamp(36px,5vw,60px); margin-bottom: 20px; }
.page-content h2 { font-family: Creepster, cursive; font-size: clamp(20px,2.8vw,32px); margin: 32px 0 12px; color: var(--text); }
.page-content h3 { font-size: 16px; font-weight: 700; margin: 20px 0 8px; color: var(--text); }
.page-content p, .page-content li { color: #d4cac6; line-height: 1.8; font-size: 15px; }
.page-content ul, .page-content ol { padding-left: 24px; margin: 12px 0; }
.page-content li { margin-bottom: 6px; }
.page-content strong { color: var(--text); }
.page-content a { color: var(--cyan); }
.page-content a:hover { text-decoration: underline; }
.page-content table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 13px; }
.page-content th { background: var(--panel); padding: 10px 12px; text-align: left; border: 1px solid var(--line); color: var(--text); }
.page-content td { padding: 8px 12px; border: 1px solid var(--line); color: #d4cac6; }
/* Blog post content */
.post-content h2 { font-family: Creepster, cursive; font-size: clamp(20px,2.8vw,32px); margin: 32px 0 12px; color: var(--text); }
.post-content h3 { font-size: 16px; font-weight: 700; margin: 20px 0 8px; color: var(--text); }
.post-content p { margin-bottom: 16px; }
.post-content ul, .post-content ol { padding-left: 24px; margin: 12px 0 16px; }
.post-content li { margin-bottom: 6px; }
.post-content a { color: var(--cyan); }
.post-content a:hover { text-decoration: underline; }
.post-content strong { color: var(--text); }

/* Not found */
.not-found { text-align: center; padding: 100px 20px; }
.not-found h1 { font-family: Creepster, cursive; font-size: clamp(80px,15vw,180px); margin: 0; color: var(--red); text-shadow: 0 0 60px rgba(255,27,45,.5); line-height: 1; }
.not-found h2 { font-size: 28px; margin: 10px 0 20px; }
.not-found p { color: var(--muted); margin-bottom: 28px; }

/* Fake live badge */
.fake-live { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: rgba(0,255,209,.08); border: 1px solid rgba(0,255,209,.2); border-radius: 999px; color: var(--cyan); font-size: 13px; font-weight: 700; margin-bottom: 16px; }
.fake-live:before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); animation: blink 1.2s ease infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.2} }

/* Horror mode active */
body.horror-mode { --bg: #000; }
body.horror-mode .topbar { background: rgba(0,0,0,.9); }

/* Custom admin bar fix for sticky header */
body.admin-bar header.topbar { top: 32px; }
@media screen and (max-width: 782px) { body.admin-bar header.topbar { top: 46px; } }

/* New-mechanic badge & featured card layouts */
.new-mechanic-badge { position:absolute; top:12px; left:12px; z-index:3; background:linear-gradient(135deg,#ff1b2d,#760008); color:#fff; padding:5px 10px; border-radius:999px; font-size:11px; font-weight:900; letter-spacing:.04em; box-shadow:0 0 14px rgba(255,27,45,.55); white-space:nowrap; }
.game-card--hero { grid-column:1/-1; display:grid; grid-template-columns:1fr 1.1fr; }
.game-card--hero .thumb { height:auto; min-height:210px; border-radius:0; }
.game-card--hero .game-body { display:flex; flex-direction:column; justify-content:center; padding:28px; }
.game-card--hero .game-body h3 { font-size:22px; margin-bottom:14px; }
.game-card--hero .game-stats { flex-wrap:wrap; gap:6px; }
.game-card--featured-new { border-color:rgba(255,27,45,.28); }
.mini-game--featured { border-color:rgba(255,27,45,.4); background:rgba(255,27,45,.07); box-shadow:0 0 18px rgba(255,27,45,.15); }
.mini-game--featured .mini-thumb:after { background:rgba(255,27,45,.18); }
@media(max-width:1040px){ .game-card--hero{ grid-template-columns:1fr; } }