/*
Theme Name: Herna
Description: Editorial gaming magazine theme for herna.org
Version: 6.0
*/

:root{
  --paper:#f3f0e8;      /* teplý papír */
  --paper2:#eae5d9;
  --panel:#fffdf8;      /* karta / panel */
  --ink:#17140d;        /* nadpisy, tmavá */
  --ink2:#55504593;
  --text:#3a362d;       /* běžný text */
  --muted:#6f695c;      /* sekundární */
  --rule:#d7d0c1;       /* vlasové linky */
  --accent:#c22d1e;     /* magazínová červená */
  --accent2:#971f10;
  --max:1180px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--text);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
  font-feature-settings:"kern","liga";
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px;}
.main{padding:8px 24px 60px;}
h1,h2,h3,h4{font-family:'Fraunces','Georgia',serif;color:var(--ink);font-weight:600;line-height:1.13;letter-spacing:-.012em;margin:0;}
strong{color:var(--ink);}

.kicker{font-family:'Space Mono','Courier New',monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);display:inline-block;}

/* ===================== MASTHEAD ===================== */
.masthead{background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:30;}
.masthead-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 16px;}
.brand{font-family:'Fraunces',serif;font-weight:700;font-size:2rem;letter-spacing:-.025em;color:var(--ink);line-height:1;}
.brand .dot{color:var(--accent);}
.brand-tag{font-family:'Space Mono',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);display:block;margin-top:4px;}
.mh-right{display:flex;align-items:center;gap:18px;}
.navsearch{display:flex;align-items:center;border:1px solid var(--ink);background:var(--panel);}
.navsearch input{border:0;background:transparent;padding:8px 11px;font:inherit;font-size:.85rem;width:150px;outline:none;color:var(--ink);}
.navsearch input::placeholder{color:var(--muted);}
.navsearch button{border:0;background:var(--ink);color:#fff;padding:8px 13px;cursor:pointer;font-size:.8rem;}
.navsearch button:hover{background:var(--accent);}
.mainnav{border-top:1px solid var(--rule);}
.mainnav ul{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:0;padding:11px 0;list-style:none;}
.mainnav a{font-family:'Space Mono',monospace;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);padding:3px 0;border-bottom:2px solid transparent;transition:.12s;}
.mainnav a:hover,.mainnav .current-menu-item>a{border-bottom-color:var(--accent);color:var(--accent);}
.mainnav .nav-cat{color:var(--accent);}

/* ===================== HERO / LEAD STORY ===================== */
.lead{display:grid;grid-template-columns:1.45fr 1fr;border:1px solid var(--ink);background:var(--panel);margin:30px 0 10px;}
.lead-media{position:relative;overflow:hidden;background:var(--ink);min-height:360px;}
.lead-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.lead:hover .lead-media img{transform:scale(1.04);}
.lead-body{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;}
.lead-body h2{font-size:clamp(2rem,3.6vw,3rem);margin:14px 0 16px;}
.lead-body h2 a:hover{color:var(--accent);}
.lead-dek{font-size:1.08rem;color:var(--muted);margin:0 0 26px;max-width:46ch;}
.lead-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}

/* ===================== SECTION HEAD ===================== */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-top:2px solid var(--ink);padding-top:12px;margin:52px 0 28px;}
.section-head h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin:6px 0 0;}
.section-more{font-family:'Space Mono',monospace;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);white-space:nowrap;border-bottom:2px solid var(--accent);padding-bottom:2px;transition:.12s;}
.section-more:hover{color:var(--accent);}

/* ===================== EDITORIAL CARD ===================== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:38px 30px;}
.ecard{display:flex;flex-direction:column;}
.ecard-media{position:relative;display:block;overflow:hidden;background:var(--ink);aspect-ratio:3/2;}
.ecard-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.ecard:hover .ecard-media img{transform:scale(1.05);}
.ecard-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#fff;font-family:'Fraunces',serif;font-size:1.15rem;background:linear-gradient(160deg,#262219,#17140d);}
.ecard-cat{position:absolute;top:0;left:0;background:var(--accent);color:#fff;font-family:'Space Mono',monospace;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:5px 10px;}
.ecard-score{position:absolute;top:0;right:0;background:var(--ink);color:#fff;font-family:'Fraunces',serif;font-weight:600;font-size:1.02rem;padding:4px 12px;}
.ecard-flag{position:absolute;bottom:0;left:0;background:#fff;color:var(--ink);font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 9px;border-top:2px solid var(--accent);}
.ecard-body{padding:15px 0 0;display:flex;flex-direction:column;flex:1;}
.ecard-title{font-size:1.3rem;margin:9px 0 9px;line-height:1.18;}
.ecard-title a:hover{color:var(--accent);}
.ecard-dek{color:var(--muted);font-size:.93rem;line-height:1.55;margin:0 0 16px;}
.ecard-foot{display:flex;align-items:center;gap:16px;margin-top:auto;}

/* ===================== TLAČÍTKA ===================== */
.btn-play{display:inline-block;background:var(--ink);color:#fff;font-family:'Space Mono',monospace;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:11px 18px;transition:.14s;white-space:nowrap;}
.btn-play:hover{background:var(--accent);color:#fff;}
.btn-read{font-family:'Space Mono',monospace;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:2px;transition:.12s;}
.btn-read:hover{color:var(--accent);}
.btn-big{padding:14px 26px;font-size:.82rem;}

/* ===================== HODNOCENÍ ===================== */
.rating-box{display:inline-flex;align-items:stretch;border:1px solid var(--ink);}
.rating-num{font-family:'Fraunces',serif;font-weight:600;font-size:1.35rem;background:var(--ink);color:#fff;padding:5px 13px;display:flex;align-items:center;}
.rating-label{font-family:'Space Mono',monospace;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);display:flex;align-items:center;padding:0 13px;}

/* ===================== ŽÁNROVÁ LIŠTA ===================== */
.genre-bar{border-bottom:1px solid var(--rule);background:var(--paper);}
.genre-bar ul{display:flex;gap:0;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.genre-bar li{border-right:1px solid var(--rule);}
.genre-bar a{display:block;font-family:'Space Mono',monospace;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:11px 18px;transition:.12s;}
.genre-bar a:hover{color:var(--accent);background:var(--panel);}

/* ===================== JEDNOTLIVÝ ČLÁNEK ===================== */
.article{max-width:780px;margin:0 auto;padding:34px 0 10px;}
.breadcrumbs{font-family:'Space Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 22px;}
.breadcrumbs a:hover{color:var(--accent);}
.breadcrumbs span{color:var(--ink);}
.post-cat{font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);}
.post-title{font-size:clamp(2.1rem,4.6vw,3.3rem);margin:12px 0 18px;line-height:1.07;}
.standfirst{font-family:'Fraunces',serif;font-size:1.3rem;line-height:1.5;color:var(--ink);font-weight:400;margin:0 0 22px;}
.post-byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:11px 0;margin:0 0 26px;}
.post-byline a:hover{color:var(--accent);}
.post-byline .dot{color:var(--rule);}
.post-hero{margin:0 0 8px;}
.post-hero img{width:100%;}
.post-hero figcaption,.post-hero .cap{font-family:'Space Mono',monospace;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 0 0;}
.post-content{font-size:1.13rem;line-height:1.78;color:#33302a;margin-top:26px;}
.post-content>p:first-of-type::first-letter{font-family:'Fraunces',serif;float:left;font-size:3.6em;line-height:.74;font-weight:600;margin:.05em .1em 0 0;color:var(--accent);}
.post-content p{margin:0 0 1.25em;}
.post-content h2{font-size:1.7rem;margin:1.7em 0 .5em;}
.post-content h3{font-size:1.28rem;margin:1.5em 0 .4em;}
.post-content a{color:var(--accent);border-bottom:1px solid rgba(194,45,30,.4);}
.post-content a:hover{border-bottom-color:var(--accent);}
.post-content ul,.post-content ol{padding-left:1.3em;margin:0 0 1.25em;}
.post-content li{margin:.42em 0;}
.post-content blockquote{border-left:3px solid var(--accent);margin:1.5em 0;padding:.2em 0 .2em 24px;font-family:'Fraunces',serif;font-size:1.45rem;line-height:1.4;font-style:italic;color:var(--ink);}
.post-content img{margin:1.4em 0;}
.post-content table{width:100%;border-collapse:collapse;margin:1.7em 0;font-size:.98rem;}
.post-content th,.post-content td{padding:11px 13px;text-align:left;border-bottom:1px solid var(--rule);}
.post-content thead th{border-bottom:2px solid var(--ink);font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);}
.post-content tbody tr:hover{background:var(--paper);}

/* Přepis starých inline CTA / shrnutí boxů v těle článku na editorial */
.post-content div[style*="border:2px"]{border:1px solid var(--ink) !important;border-radius:0 !important;background:var(--panel) !important;padding:20px 24px !important;}
.post-content div[style*="border-left:5px"],.post-content div[style*="border-left: 5px"]{border:0 !important;border-left:3px solid var(--accent) !important;border-radius:0 !important;background:var(--paper2) !important;padding:16px 22px !important;}
.post-content a[style*="background"]{background:var(--ink) !important;border-radius:0 !important;color:#fff !important;box-shadow:none !important;font-family:'Space Mono',monospace !important;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem !important;border-bottom:0 !important;padding:12px 20px !important;}
.post-content a[style*="background"]:hover{background:var(--accent) !important;color:#fff !important;}

/* ===================== SILO BOX ===================== */
.silo-box{max-width:780px;margin:40px auto;border:1px solid var(--ink);background:var(--panel);padding:24px 28px;}
.silo-title{font-size:1.35rem;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--rule);}
.silo-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 30px;}
.silo-list li{border-bottom:1px solid var(--rule);counter-increment:silo;}
.silo-list a{display:block;padding:10px 4px 10px 0;color:var(--ink);font-weight:500;font-size:.96rem;transition:.12s;}
.silo-list a:hover{color:var(--accent);}

/* ===================== STICKY CTA ===================== */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:#fff;padding:11px 16px;border-top:2px solid var(--accent);flex-wrap:wrap;}
.sticky-cta-text{font-size:.92rem;}
.sticky-cta-text strong{color:#fff;}
.sticky-cta-btn{background:var(--accent);color:#fff;font-family:'Space Mono',monospace;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:10px 22px;transition:.14s;white-space:nowrap;}
.sticky-cta-btn:hover{background:#fff;color:var(--ink);}
@media(max-width:600px){.sticky-cta-text{display:none;}.sticky-cta-btn{flex:1;text-align:center;}}

/* ===================== ARCHIV / KATEGORIE ===================== */
.arch-head{border-bottom:2px solid var(--ink);padding:30px 0 18px;margin-bottom:30px;}
.arch-head h1{font-size:clamp(2rem,4vw,2.8rem);}
.arch-desc{color:var(--muted);max-width:62ch;margin:14px 0 0;font-size:1.02rem;}
.arch-desc a{color:var(--accent);border-bottom:1px solid rgba(194,45,30,.4);}

/* ===================== KATALOG / FILTRY ===================== */
.catalog-intro{color:var(--muted);max-width:60ch;margin:0 0 24px;font-size:1.05rem;}
.catalog-filters{border:1px solid var(--ink);background:var(--panel);margin:0 0 34px;}
.filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 20px;}
.filter-group+.filter-group{border-top:1px solid var(--rule);}
.filter-label{font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-right:8px;min-width:92px;}
.fbtn{border:1px solid var(--rule);background:transparent;color:var(--muted);font-family:'Space Mono',monospace;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:7px 14px;cursor:pointer;transition:.12s;}
.fbtn:hover{border-color:var(--ink);color:var(--ink);}
.fbtn.active{background:var(--ink);color:#fff;border-color:var(--ink);}
.catalog-empty{text-align:center;color:var(--muted);font-size:1.05rem;padding:40px;}

/* ===================== STRÁNKY (page) ===================== */
.page-body{max-width:760px;margin:0 auto;padding:36px 0 20px;}
.page-body h1{font-size:clamp(2rem,4vw,2.9rem);margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid var(--ink);}
.page-body h2{font-size:1.5rem;margin:1.5em 0 .4em;}
.page-body p,.page-body li{font-size:1.08rem;line-height:1.75;color:#33302a;}
.page-body a{color:var(--accent);border-bottom:1px solid rgba(194,45,30,.4);}
.page-body code{background:var(--paper2);padding:2px 6px;font-size:.9em;}

/* ===================== PAGINACE ===================== */
.pagination{margin:44px 0 0;border-top:1px solid var(--rule);padding-top:20px;}
.pagination .page-numbers{display:inline-block;font-family:'Space Mono',monospace;font-weight:700;padding:9px 15px;margin:3px;border:1px solid var(--rule);color:var(--ink);}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink);}
.pagination a:hover{border-color:var(--ink);}

/* ===================== PATIČKA ===================== */
.site-foot{background:var(--ink);color:#bdb6a6;border-top:4px solid var(--accent);margin-top:60px;padding:48px 0 36px;}
.foot-brand{font-family:'Fraunces',serif;font-weight:700;font-size:1.6rem;color:#fff;}
.foot-brand .dot{color:var(--accent);}
.foot-tag{font-family:'Space Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin:6px 0 22px;color:#8c8475;}
.foot-nav{display:flex;gap:22px;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 22px;padding:18px 0;border-top:1px solid #34302750;border-bottom:1px solid #342f27;}
.foot-nav a{color:#cfc8b8;}
.foot-nav a:hover{color:var(--accent);}
.foot-disc{font-size:.84rem;color:#857d6e;max-width:680px;line-height:1.6;}

/* ===================== RESPONSIVE ===================== */
@media(max-width:860px){
  .lead{grid-template-columns:1fr;}
  .lead-media{min-height:240px;position:relative;}
  .lead-media img{position:relative;}
}
@media(max-width:640px){
  body{font-size:16px;}
  .masthead-top{flex-wrap:wrap;gap:12px;}
  .navsearch input{width:120px;}
  .lead-body{padding:26px 22px;}
  .post-content{font-size:1.06rem;}
  .mainnav ul{gap:16px;}
}

/* ===================== v6.1 — AUDIT FIXES (rytmus, čitelnost, brand) ===================== */
:root{ --baseline:8px; }
/* #1 délka řádku ~66 znaků */
.post-content{max-width:38rem;line-height:1.6;}
/* #2 baseline rytmus 8px */
.post-content p{margin:0 0 24px;}
.post-content ul,.post-content ol{margin:0 0 24px;}
.post-content table,.post-content figure{margin:40px 0;}
/* #8 jedna typografická škála */
.post-title{font-size:clamp(2.2rem,1.5rem + 3vw,3.4rem);line-height:1.05;letter-spacing:-.02em;}
.post-content h2{font-size:2rem;line-height:1.15;letter-spacing:-.01em;margin:48px 0 16px;padding-top:24px;border-top:1px solid var(--rule);}
.post-content h2 + p{margin-top:0;}
.post-content h3{font-size:1.45rem;line-height:1.2;margin:32px 0 8px;}
/* #6 skutečný drop-cap (červená iniciála) */
.post-content > p:first-of-type::first-letter{font-family:'Fraunces',Georgia,serif;font-weight:600;float:left;font-size:4.6em;line-height:.8;margin:.02em .14em -.04em 0;color:var(--accent);}
/* #7 standfirst */
.standfirst{font-size:1.5rem;line-height:1.4;color:#2a2620;max-width:34rem;}
/* #3 legacy barevné CTA boxy → editorial + skrytí emoji */
.post-content div[style*="2f6e3a"],.post-content div[style*="c0392b"],.post-content div[style*="1f4d6b"],.post-content div[style*="a4571f"],.post-content div[style*="4a5a2f"],.post-content div[style*="3a2f6e"],.post-content div[style*="6c3483"],.post-content div[style*="5a2f6e"],.post-content div[style*="1a3a5e"],.post-content div[style*="6b1f3a"]{border:1px solid var(--rule)!important;border-top:3px solid var(--accent)!important;background:var(--card)!important;border-radius:0!important;}
.post-content img.emoji{display:none!important;}
/* #11 žebříček karta bez fotky — designový placeholder místo černé díry */
.ecard-ph{background:linear-gradient(150deg,rgba(194,45,30,.2),transparent 60%),linear-gradient(150deg,#2c2e3d,#17140d);color:#fff;border-bottom:3px solid var(--accent);font-family:'Fraunces','Georgia',serif;font-weight:600;font-size:1.5rem;line-height:1.2;letter-spacing:.01em;text-transform:uppercase;padding:24px 22px 42px;text-align:center;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.35);}
.ecard-ph::after{content:"Číst recenzi ›";position:absolute;left:0;right:0;bottom:14px;text-align:center;font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffb4ab;text-shadow:none;}
.cat-zebricky .ecard-ph::after{content:"Zobrazit žebříček ›";}
.ecard:has(.ecard-ph) .ecard-cat{display:none;}
/* #13 brand mikro-podpisy */
::selection{background:var(--accent);color:#fff;}
::-moz-selection{background:var(--accent);color:#fff;}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 4px var(--paper),0 0 0 6px var(--accent);}
.btn-play{transition:transform .12s,box-shadow .12s,background .12s;}
.btn-play:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--accent);background:var(--ink);color:#fff;}
.post-content a{border-bottom:0;background-image:linear-gradient(var(--accent),var(--accent));background-size:100% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s;padding-bottom:1px;}
.post-content a:hover{background-size:100% 2px;}
/* #15 pull-quote + prázdný katalog */
.pullquote{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:1.75rem;line-height:1.25;color:var(--ink);border-top:2px solid var(--accent);padding-top:16px;margin:40px 0;max-width:30rem;}
.catalog-empty{font-family:'Fraunces',serif;font-style:italic;font-size:1.3rem;color:var(--ink);}
/* #14 sticky CTA — sjednocení s editorial */
.sticky-cta-text{font-family:'Fraunces',Georgia,serif;}
/* VERDIKT box — auto na konci recenzí (#5) */
.ed-verdict{max-width:38rem;margin:44px 0;background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--accent);padding:26px 28px;}
.ed-verdict-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--rule);padding-bottom:14px;gap:16px;}
.ed-vk{font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--accent);}
.silo-box .ed-vk{display:block;margin-bottom:6px;}
.ed-verdict-score{font-family:'Fraunces',serif;font-size:54px;line-height:.9;color:var(--accent);}
.ed-verdict-score small{font-size:18px;color:var(--muted);}
.ed-verdict-sum{font-family:'Fraunces',serif;font-size:1.25rem;font-style:italic;line-height:1.45;margin:16px 0 20px;color:var(--ink);}
.ed-disclosure{font-family:'Space Mono',monospace;font-size:11px;line-height:1.6;color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:12px;margin:0 0 18px;}
.ed-disclosure a{color:var(--accent);}
.ed-cta{display:inline-block;background:var(--accent);color:#fff;font-family:'Space Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:13px;padding:14px 28px;border:1px solid var(--accent);transition:.15s;}
.ed-cta:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
@media(max-width:640px){
  .post-content > p:first-of-type::first-letter{font-size:3.4em;}
  .ed-verdict-score{font-size:42px;}
}

/* ===== ZELENÉ "HRÁT ZDARMA" CTA — vráceno (panel: #1 konverzní prvek) ===== */
:root{ --play:#1aa64b; --play-d:#147f38; }
.btn-play{background:var(--play) !important;color:#fff !important;padding:13px 24px;font-size:.82rem;box-shadow:0 3px 0 var(--play-d);border:0 !important;}
.btn-play:hover{background:var(--play-d) !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 5px 0 #0e6029;}
.sticky-cta-btn{background:var(--play) !important;color:#fff !important;}
.sticky-cta-btn:hover{background:var(--play-d) !important;color:#fff !important;}
.ed-cta{background:var(--play) !important;border-color:var(--play) !important;color:#fff !important;font-size:14px;padding:16px 32px;box-shadow:0 3px 0 var(--play-d);}
.ed-cta:hover{background:var(--play-d) !important;border-color:var(--play-d) !important;color:#fff !important;}
.lead-foot .btn-play,.fb-cta{padding:15px 32px;font-size:.92rem;}
/* zelené i přepsané inline CTA tlačítka uvnitř článků */
.post-content a[style*="background"]{background:var(--play) !important;}
.post-content a[style*="background"]:hover{background:var(--play-d) !important;}

/* ===== HERO — cover-story banner (velké HRÁT ZDARMA přes půl obrazovky) ===== */
.hero{background:var(--paper);border-bottom:2px solid var(--ink);overflow:hidden;}
.hero__grid{display:grid;grid-template-columns:54% 46%;align-items:center;gap:44px;min-height:clamp(420px,52vh,560px);padding-top:30px;padding-bottom:30px;}
.hero__kicker{margin:0 0 14px;font-family:'Space Mono',monospace;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);}
.hero__title{margin:0 0 16px;font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(40px,5.4vw,72px);line-height:1;letter-spacing:-.01em;color:var(--ink);}
.hero__lead{margin:0 0 18px;max-width:34em;font-family:'Inter',sans-serif;font-size:1.08rem;line-height:1.55;color:var(--text);}
.hero__rating{display:flex;align-items:baseline;gap:8px;margin:0 0 26px;}
.hero__stars{color:var(--accent);font-size:18px;letter-spacing:2px;}
.hero__score{font-family:'Fraunces',serif;font-weight:600;font-size:22px;color:var(--ink);}
.hero__count{font-family:'Space Mono',monospace;font-size:.74rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;}
.hero__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.hero__cta{display:inline-flex !important;align-items:center;gap:12px;font-size:1.05rem !important;letter-spacing:.06em;padding:20px 48px !important;box-shadow:0 4px 0 var(--play-d) !important;}
.hero__cta:hover{transform:translateY(-3px);box-shadow:0 7px 0 #0e6029 !important;}
.hero__cta:active{transform:translateY(0);box-shadow:0 2px 0 #0e6029 !important;}
.hero__cta-ico{font-size:.7em;line-height:1;}
.hero__ghost{font-family:'Inter',sans-serif;font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:none;padding:14px 22px;border:1px solid var(--ink);transition:background .12s,color .12s;}
.hero__ghost:hover{background:var(--ink);color:var(--paper);}
.hero__note{margin:20px 0 0;font-family:'Space Mono',monospace;font-size:.74rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;}
.hero__media{position:relative;display:block;height:100%;min-height:300px;border:2px solid var(--ink);overflow:hidden;box-shadow:6px 6px 0 var(--ink);}
.hero__media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.02);transition:transform .4s;}
.hero__media:hover img{transform:scale(1.04);}
.hero__badge{position:absolute;top:14px;left:14px;font-family:'Space Mono',monospace;font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--paper);padding:6px 10px;border:1px solid var(--rule);}
@media(max-width:760px){
  .hero__grid{grid-template-columns:1fr;min-height:0;gap:20px;padding-top:20px;padding-bottom:24px;}
  .hero__media{order:-1;min-height:0;box-shadow:4px 4px 0 var(--ink);}
  .hero__media img{aspect-ratio:16/10;height:auto;}
  .hero__title{font-size:clamp(34px,11vw,52px);}
  .hero__lead{font-size:1rem;}
  .hero__actions{flex-direction:column;align-items:stretch;}
  .hero__cta{justify-content:center;width:100%;padding:20px 24px !important;}
  .hero__ghost{text-align:center;}
}
/* obrázek uvnitř článku */
.incontent-img{margin:34px 0;border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);max-width:720px;}
.incontent-img img{width:100%;display:block;}
.incontent-img figcaption{font-family:'Space Mono',monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px;border-top:1px solid var(--rule);}
/* autorský box (E-E-A-T) */
.author-box{max-width:38rem;display:flex;gap:18px;align-items:flex-start;margin:38px 0;padding:22px 24px;border:1px solid var(--rule);background:var(--panel);}
.author-box-av{flex:0 0 54px;width:54px;height:54px;background:var(--ink);color:#fff;font-family:'Fraunces',serif;font-weight:700;font-size:1.7rem;display:flex;align-items:center;justify-content:center;}
.author-box-name{font-size:1.25rem;margin:2px 0 6px;}
.author-box-body p{font-size:.95rem;color:var(--muted);margin:0;line-height:1.6;}
.author-box-body a{color:var(--accent);}
/* CTA nad přehyb */
.top-cta{max-width:38rem;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 26px;padding:14px 20px;border:1px solid var(--ink);background:var(--panel);}
.top-cta-text{font-size:.98rem;color:var(--ink);}
.top-cta-btn{font-size:.86rem !important;padding:12px 24px !important;}

/* === Info-tabulka hry (game profile, MMOs.com styl) === */
.game-info{width:100%;border-collapse:collapse;margin:0 0 30px;border:1px solid var(--ink);background:var(--panel,#faf8f2);font-size:.95rem}
.game-info caption{text-align:left;font-family:'Space Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;padding:11px 16px;border-bottom:1px solid var(--ink);background:var(--ink);color:var(--paper,#f3f0e8)}
.game-info th,.game-info td{padding:11px 16px;border-bottom:1px solid rgba(23,20,13,.12);text-align:left;vertical-align:middle}
.game-info th{width:40%;font-weight:600;color:#5b5648;font-family:inherit}
.game-info tr:last-child th,.game-info tr:last-child td{border-bottom:0}
.game-info .gi-tag{display:inline-block;margin-left:8px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--play,#1aa64b);border:1px solid var(--play,#1aa64b);border-radius:3px;padding:1px 6px;vertical-align:middle}
@media(max-width:560px){.game-info th{width:46%}}
/* === Klady / Zapory box === */
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 30px;border:1px solid var(--ink)}
.pc-col{padding:16px 18px}
.pc-pros{border-right:1px solid var(--ink);background:rgba(26,166,75,.06)}
.pc-cons{background:rgba(194,45,30,.05)}
.pc-col h3{margin:0 0 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-family:'Space Mono',monospace;display:flex;align-items:center;gap:8px}
.pc-pros h3{color:var(--play,#1aa64b)}
.pc-cons h3{color:var(--mag,#c22d1e)}
.pc-ico{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;font-size:.95rem;line-height:1}
.pc-pros .pc-ico{background:var(--play,#1aa64b)}
.pc-cons .pc-ico{background:var(--mag,#c22d1e)}
.proscons ul{margin:0;padding:0;list-style:none}
.proscons li{position:relative;padding:6px 0 6px 16px;font-size:.92rem;line-height:1.45;border-bottom:1px solid rgba(23,20,13,.07);color:#1d1a12}
.proscons li:last-child{border-bottom:0}
.proscons li:before{content:'';position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35}
@media(max-width:560px){.proscons{grid-template-columns:1fr}.pc-pros{border-right:0;border-bottom:1px solid var(--ink)}}
/* === Video ze hry (lazy YouTube facade) === */
.game-video{margin:0 0 30px}
.ytfacade{position:relative;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden;border:1px solid var(--ink)}
.ytfacade img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86;transition:opacity .2s}
.ytfacade:hover img{opacity:1}
.ytfacade iframe{width:100%;height:100%;border:0;display:block}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:50px;border:0;border-radius:12px;background:rgba(194,45,30,.92);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.ytfacade:hover .yt-play{background:var(--mag,#c22d1e);transform:translate(-50%,-50%) scale(1.06)}
.game-video figcaption{font-family:'Space Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#5b5648;padding:9px 2px 0}
.game-info .gi-sub{font-size:.8rem;color:#8a8472;font-weight:400}
.gi-source{font-family:'Space Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#5b5648;padding:9px 0 0;margin:0}
.gi-source .gi-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1aa64b;margin-right:5px;vertical-align:middle;box-shadow:0 0 0 3px rgba(26,166,75,.18)}
.ecard-live{display:flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:.72rem;color:#1a7a38;font-weight:700;margin:0 0 10px;letter-spacing:.02em;text-transform:uppercase}
.ecard-live .gi-dot{width:7px;height:7px;border-radius:50%;background:#1aa64b;box-shadow:0 0 0 3px rgba(26,166,75,.18);flex:none;display:inline-block}
.top-cta-info{display:flex;flex-direction:column;gap:2px}
.top-cta-perks{list-style:none;display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 0;padding:0;font-size:.78rem;color:#5b5648;font-family:'Space Mono',monospace}
.top-cta-perks li{position:relative;padding-left:16px}
.top-cta-perks li:before{content:"\2713";position:absolute;left:0;color:#1aa64b;font-weight:700}
.mid-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:32px 0;padding:18px 22px;background:linear-gradient(180deg,#f1f7f2,#e7f2ea);border:1px solid #cfe6d6;border-radius:10px}
.mid-cta-text{margin:0;font-size:1.02rem;color:#17140d;flex:1 1 240px;line-height:1.45}
.mid-cta-btn{flex:none}
.gamedb-wrap{margin:22px 0 36px;overflow-x:auto}
.gamedb{width:100%;border-collapse:collapse;font-size:.95rem}
.gamedb th{text-align:left;font-family:'Space Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#8a8472;border-bottom:2px solid var(--ink);padding:8px 12px}
.gamedb td{padding:11px 12px;border-bottom:1px solid var(--rule);vertical-align:middle}
.gamedb tr:hover td{background:var(--panel)}
.gamedb-name a{font-weight:700;color:var(--ink)}
.gamedb-name a:hover{color:var(--accent)}
.gamedb-score strong{font-size:1.1rem}
.gamedb-live{font-size:.85rem;color:#1a7a38;font-family:'Space Mono',monospace;white-space:nowrap}
.gamedb-live .gi-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1aa64b;box-shadow:0 0 0 3px rgba(26,166,75,.18)}
.gamedb-btn{padding:7px 16px;font-size:.85rem;white-space:nowrap}
.gf-form{max-width:680px;margin:10px auto 0}
.gf-q{border:1px solid var(--rule);padding:16px 20px;margin:0 0 16px;border-radius:8px}
.gf-q legend{font-weight:700;font-family:'Fraunces',serif;font-size:1.12rem;padding:0 8px}
.gf-q label{display:block;padding:8px 4px;cursor:pointer;font-size:1rem}
.gf-q input{margin-right:10px}
.gf-submit{font-size:1.05rem;padding:14px 32px;margin:6px auto 0;display:block}
.gf-result{max-width:760px;margin:36px auto 0}
.gf-rh{text-align:center;margin:0 0 20px}
.gf-cards{display:grid;gap:16px}
.gf-card{border:1px solid var(--rule);border-radius:10px;padding:18px 22px;background:#fff}
.gf-card.gf-top{border:2px solid var(--play);background:linear-gradient(180deg,#f1f7f2,#fff);position:relative}
.gf-badge{position:absolute;top:-11px;left:18px;background:var(--play);color:#fff;font-family:'Space Mono',monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:4px}
.gf-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.gf-card-h h3{margin:0;font-size:1.4rem}
.gf-score{background:var(--ink);color:#fff;font-family:'Fraunces',serif;font-weight:700;font-size:1.2rem;padding:4px 12px;border-radius:6px;flex:none}
.gf-blurb{margin:0 0 14px;color:var(--muted);line-height:1.5}
.gf-card-f{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.gf-again{text-align:center;margin:22px 0 0;color:var(--muted)}
.mainnav .nav-finder{color:var(--play);font-weight:700}
.mainnav .nav-finder:hover{color:var(--play);opacity:.8}
.finder-banner{background:var(--ink);color:#fff}
.finder-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;flex-wrap:wrap}
.finder-banner__kicker{font-family:'Space Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#3ad07a}
.finder-banner__text h2{margin:4px 0 4px;color:#fff;font-size:1.55rem}
.finder-banner__text p{margin:0;color:#cfc9ba;font-size:1rem}
.finder-banner__btn{flex:none;font-size:1.05rem;padding:14px 30px}
.hra-dne{display:flex;gap:24px;align-items:center;border:2px solid var(--play);border-radius:12px;padding:20px 24px;margin:0 0 34px;background:linear-gradient(180deg,#f1f7f2,#fff)}
.hra-dne__media{flex:0 0 200px;max-width:200px;border-radius:8px;overflow:hidden;line-height:0}
.hra-dne__media img{width:100%;height:auto;display:block}
.hra-dne__body{flex:1}
.hra-dne__kicker{font-family:'Space Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#1a7a38;font-weight:700}
.hra-dne__title{margin:4px 0 6px;font-size:1.7rem}
.hra-dne__dek{margin:0 0 8px;color:var(--muted);line-height:1.5}
.hra-dne__live{font-family:'Space Mono',monospace;font-size:.8rem;color:#1a7a38;font-weight:700;margin:0 0 12px;text-transform:uppercase}
.hra-dne__live .gi-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1aa64b;box-shadow:0 0 0 3px rgba(26,166,75,.18)}
.hra-dne__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:640px){.hra-dne{flex-direction:column;align-items:stretch}.hra-dne__media{flex:none;max-width:none}}
.end-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin:36px 0 10px;padding:24px 28px;background:var(--ink);color:#fff;border-radius:12px}
.end-cta-kicker{font-family:'Space Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#3ad07a;font-weight:700}
.end-cta-title{margin:4px 0 10px;color:#fff;font-size:1.5rem}
.end-cta-perks{list-style:none;display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;font-size:.82rem;color:#cfc9ba;font-family:'Space Mono',monospace}
.end-cta-perks li{position:relative;padding-left:18px}
.end-cta-perks li:before{content:"\2713";position:absolute;left:0;color:#3ad07a;font-weight:700}
.end-cta-btn{flex:none;font-size:1.08rem;padding:15px 32px}
@media(max-width:600px){.end-cta{flex-direction:column;align-items:stretch}}
/* ============ v6.1 DESIGN POLISH ============ */
.gcard,.ecard{transition:transform .16s ease;}
.gcard:hover,.ecard:hover{transform:translateY(-4px);}
.ecard-media{box-shadow:0 6px 16px -13px rgba(23,20,13,.55);}
.ecard:hover .ecard-media{box-shadow:0 18px 32px -16px rgba(23,20,13,.45);}
/* méně vizuálního šumu: sekundární kickery neutrální místo červené */
.section-head .kicker{color:var(--muted);}

/* ============================================================
   v7 — TMAVÝ HERNÍ SKIN (override světlého editorial témata)
   ============================================================ */
:root{
  --paper:#0d0f16; --paper2:#141a27; --panel:#161c2b; --ink:#f3f5fa;
  --text:#c3c9d6; --muted:#8791a5; --rule:#26304a; --accent:#28e070;
  --accent2:#16b257; --hot:#ff4d3d; --chip:#1c2338;
}
body{background:var(--paper);color:var(--text);font-family:'Space Grotesk','Inter',system-ui,sans-serif;}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(1100px 620px at 82% -12%,rgba(40,224,112,.08),transparent 60%),
  radial-gradient(900px 520px at -12% 8%,rgba(70,110,255,.07),transparent 55%);}
h1,h2,h3,h4{font-family:'Sora','Space Grotesk',system-ui,sans-serif;color:var(--ink);letter-spacing:-.02em;}
.brand{font-family:'Sora','Space Grotesk',sans-serif;color:var(--ink);letter-spacing:-.03em;}
.brand .dot{color:var(--accent);}
.kicker{color:var(--accent);}
strong{color:var(--ink);}

/* MASTHEAD */
.masthead{background:rgba(10,12,19,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);position:sticky;top:0;}
.brand-tag{color:var(--muted);}
.navsearch{border:1px solid var(--rule);background:#0f1420;border-radius:9px;overflow:hidden;}
.navsearch input{color:var(--ink);} .navsearch input::placeholder{color:var(--muted);}
.navsearch button{background:var(--accent);color:#04140a;} .navsearch button:hover{background:#fff;}
.mainnav{border-top:1px solid var(--rule);}
.mainnav a{font-family:'Space Grotesk',sans-serif;text-transform:none;letter-spacing:0;font-size:.94rem;font-weight:600;color:var(--text);}
.mainnav a:hover,.mainnav .current-menu-item>a{color:var(--accent);border-bottom-color:var(--accent);}
.mainnav .nav-cat{color:var(--accent);}

/* HERO */
.lead{border:1px solid var(--rule);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 24px 60px -34px #000;}
.lead-media{background:#0a0d14;}
.lead-dek{color:var(--muted);}

/* SECTIONS */
.section-head{border-top:1px solid var(--rule);}
.section-more{color:var(--muted);border-bottom-color:var(--accent);}
.section-more:hover{color:var(--accent);}

/* CTA + tlačítka */
.btn-play{background:var(--accent);color:#04140a;border-radius:9px;box-shadow:0 8px 22px -10px rgba(40,224,112,.7);font-family:'Space Grotesk',sans-serif;transition:.15s;}
.btn-play:hover{background:#41ff8d;color:#04140a;box-shadow:0 10px 28px -8px rgba(40,224,112,.9);transform:translateY(-2px);}
.btn-read{color:var(--text);border-bottom:2px solid var(--accent);}
.btn-read:hover{color:var(--accent);}

/* RATING */
.rating-box{border:1px solid var(--rule);border-radius:9px;overflow:hidden;}
.rating-num{background:var(--accent);color:#04140a;} .rating-label{color:var(--text);}

/* GENRE BAR */
.genre-bar{background:transparent;border-bottom:1px solid var(--rule);}
.genre-bar li{border-right:1px solid var(--rule);}
.genre-bar a{color:var(--muted);} .genre-bar a:hover{color:var(--accent);background:var(--panel);}

/* KARTY */
.ecard-media{border-radius:12px;overflow:hidden;background:#0a0d14;border:1px solid var(--rule);box-shadow:0 10px 24px -18px #000;}
.ecard:hover .ecard-media{box-shadow:0 20px 40px -18px rgba(0,0,0,.7),0 0 0 1px var(--accent);}
.ecard-title a:hover{color:var(--accent);} .ecard-dek{color:var(--muted);}
.ecard-cat{background:rgba(8,10,16,.72);backdrop-filter:blur(4px);color:#fff;}
.ecard-score{background:var(--accent);color:#04140a;}
.ecard-flag{background:var(--hot);color:#fff;border-top:0;}

/* ŽÁNROVÉ GRADIENT PLAKÁTY (karty bez fotky) */
.ecard-ph{font-family:'Sora','Space Grotesk',sans-serif;color:#fff;border-bottom:0;font-size:1.55rem;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.4);background:linear-gradient(150deg,#33405f,#12161f);}
.ecard-ph::after{color:rgba(255,255,255,.85);}
.cat-mmorpg .ecard-ph{background:linear-gradient(150deg,#8b3cf0,#2a1259);}
.cat-valecne-hry .ecard-ph{background:linear-gradient(150deg,#e83c2c,#4f1610);}
.cat-tankove-hry .ecard-ph{background:linear-gradient(150deg,#d1500e,#4a1d04);}
.cat-vesmirne-hry .ecard-ph{background:linear-gradient(150deg,#0aa7cc,#0a3346);}
.cat-strategicke-hry .ecard-ph{background:linear-gradient(150deg,#e0850a,#4f2c05);}
.cat-bojove-hry .ecard-ph{background:linear-gradient(150deg,#f01d4e,#4f0d1f);}
.cat-prohlizecove-hry .ecard-ph{background:linear-gradient(150deg,#10a99a,#0a3833);}
.cat-mobilni-hry .ecard-ph{background:linear-gradient(150deg,#ec2b83,#4f0d30);}
.cat-fantasy-hry .ecard-ph{background:linear-gradient(150deg,#5b52ea,#1c1a45);}
.cat-farmarske-hry .ecard-ph{background:linear-gradient(150deg,#4d9e1f,#173a0d);}
.cat-zebricky .ecard-ph{background:linear-gradient(150deg,#3a465e,#0f1720);}

/* ČLÁNEK / READING */
.article,.post-content{color:var(--text);}
.post-content h2,.post-content h3,.post-content h4{color:var(--ink);}
.post-content a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(40,224,112,.4);}
.post-content strong{color:var(--ink);}
.post-content table th{background:var(--panel);color:var(--ink);}
.post-content table td,.post-content table th{border-color:var(--rule)!important;}
.post-content blockquote{border-left:3px solid var(--accent);color:var(--muted);}
hr{border-color:var(--rule);}

/* obecné panely na dark */
.panel,.box,aside,.card,.widget{background:var(--panel);border-color:var(--rule);}
input,textarea,select{background:#0f1420;color:var(--ink);border-color:var(--rule);}

/* ============ v7 FIX — ztmavení zbylých světlých komponent ============ */
h1,h2,h3,h4,.brand,.lead-body h2,.ecard-title,.section-head h2,.hra-dne__title,.end-cta-title{font-family:'Sora','Space Grotesk',system-ui,sans-serif !important;}
.lead-dek,.post-excerpt,.dek{font-family:'Inter',system-ui,sans-serif !important;}
.finder-banner{background:var(--panel) !important;border:1px solid var(--rule);border-radius:14px;color:var(--ink);}
.hra-dne{background:linear-gradient(150deg,#182338,#11151f) !important;border:1px solid var(--accent) !important;}
.hra-dne__title{color:var(--ink);} .hra-dne__dek{color:var(--muted);}
.hra-dne__kicker,.finder-banner .kicker{color:var(--accent);}
.end-cta{background:linear-gradient(150deg,#182338,#0f1420) !important;border:1px solid var(--rule);}
.end-cta-title{color:var(--ink);} .end-cta-perks{color:var(--muted);}
.sticky-cta{background:rgba(11,14,21,.97) !important;backdrop-filter:blur(10px);border-top:1px solid var(--accent) !important;color:var(--ink) !important;}
.sticky-cta strong,.sticky-cta span{color:var(--ink) !important;}
.sticky-cta .btn-play,.sticky-cta-btn{background:var(--accent) !important;color:#04140a !important;}
.sticky-cta-btn:hover{background:#fff !important;color:#04140a !important;}
.mid-cta{background:linear-gradient(150deg,#16241a,#0f1720) !important;border:1px solid var(--accent2) !important;color:var(--text);}
.mid-cta strong{color:var(--ink);}
.gf-card{background:var(--panel) !important;border-color:var(--rule) !important;}
.gf-card.gf-top{background:linear-gradient(150deg,#16241a,#0f1720) !important;border-color:var(--accent) !important;}
.gf-score{background:var(--accent) !important;color:#04140a !important;}
.site-foot{background:#080a10 !important;color:var(--muted) !important;border-top:3px solid var(--accent);}
.site-foot a{color:var(--text);} .site-foot a:hover{color:var(--accent);}
.game-info,.game-info td,.game-info th{border-color:var(--rule) !important;color:var(--text);}
.game-info caption{background:var(--panel) !important;color:var(--ink) !important;border-color:var(--rule) !important;}
.game-info th{color:var(--muted);}
.author-box{background:var(--panel);border-color:var(--rule) !important;}
.author-box-av{background:var(--accent) !important;color:#04140a !important;}
.fbtn{background:var(--panel);color:var(--text);border-color:var(--rule);}
.fbtn.active,.pagination .current{background:var(--accent) !important;color:#04140a !important;border-color:var(--accent) !important;}
.pagination a{color:var(--text);border-color:var(--rule);}
.post-content a[style*="background"]{background:var(--accent) !important;color:#04140a !important;}
.breadcrumbs,.breadcrumb{color:var(--muted);}

/* ============ PORTÁL LAYOUT — 2 sloupce (jako MMObomb/MMOs.com) ============ */
.portal{display:grid;grid-template-columns:1fr 322px;gap:40px;align-items:start;max-width:var(--max);margin:34px auto 60px;padding:0 24px;}
.portal__main{min-width:0;}
.portal__side{position:sticky;top:92px;display:flex;flex-direction:column;gap:22px;}
.grid--2{grid-template-columns:repeat(auto-fill,minmax(226px,1fr))!important;gap:30px 24px!important;}
.portal__main .section-head{margin:38px 0 22px;}
.portal__main .section-head:first-child{margin-top:6px;}
@media(max-width:980px){.portal{grid-template-columns:1fr;}.portal__side{position:static;}}

.side-box{background:var(--panel);border:1px solid var(--rule);border-radius:14px;overflow:hidden;}
.side-box__head{font-family:'Sora','Space Grotesk',sans-serif;font-weight:700;font-size:1.02rem;color:var(--ink);padding:14px 18px;border-bottom:1px solid var(--rule);background:linear-gradient(180deg,rgba(40,224,112,.09),transparent);}

.ranklist{list-style:none;margin:0;padding:6px 0;}
.rank-item{display:flex;align-items:center;gap:12px;padding:9px 18px;border-left:3px solid var(--rule);transition:.12s;}
.rank-item:hover{background:rgba(255,255,255,.035);}
.rank-num{font-family:'Sora',sans-serif;font-weight:700;font-size:.95rem;color:var(--muted);width:18px;text-align:center;flex:none;}
.rank-item:nth-child(-n+3) .rank-num{color:var(--accent);}
.rank-name{flex:1;color:var(--text);font-size:.9rem;font-weight:500;line-height:1.22;min-width:0;}
.rank-name:hover{color:var(--accent);}
.rank-score{font-family:'Sora',sans-serif;font-weight:700;font-size:.8rem;color:#04140a;background:var(--accent);padding:2px 8px;border-radius:5px;flex:none;}
.rank-item.cat-mmorpg{border-left-color:#8b3cf0;}.rank-item.cat-valecne-hry{border-left-color:#e83c2c;}
.rank-item.cat-vesmirne-hry{border-left-color:#0aa7cc;}.rank-item.cat-strategicke-hry{border-left-color:#e0850a;}
.rank-item.cat-bojove-hry{border-left-color:#f01d4e;}.rank-item.cat-tankove-hry{border-left-color:#d1500e;}
.rank-item.cat-mobilni-hry{border-left-color:#ec2b83;}.rank-item.cat-prohlizecove-hry{border-left-color:#10a99a;}

.side-box--cta{padding:22px 20px;text-align:center;background:linear-gradient(160deg,#16241a,#0f1720);border-color:var(--accent2);}
.side-cta__ico{font-size:1.7rem;}
.side-cta__title{font-size:1.15rem;margin:6px 0;color:var(--ink);}
.side-cta__dek{color:var(--muted);font-size:.9rem;margin:0 0 15px;}
.side-cta__btn{width:100%;text-align:center;justify-content:center;}

.side-genres{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px;}
.side-genre{font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;color:var(--text);background:#0f1420;border:1px solid var(--rule);border-radius:20px;padding:6px 14px;transition:.12s;}
.side-genre:hover{border-color:var(--accent);color:var(--accent);}

/* hero titulek → Sora (dorovnání) */
.hero__title{font-family:'Sora','Space Grotesk',system-ui,sans-serif !important;font-weight:800 !important;letter-spacing:-.03em;}
.hero__lead{color:var(--muted);}
.hero__kicker{color:var(--accent);}

/* ============================================================
   v8 — ČISTÝ SVĚTLÝ SKIN (profesionální, zdrženlivý, ne-AI)
   ============================================================ */
:root{
  --paper:#ffffff; --paper2:#f6f7f9; --panel:#ffffff; --ink:#181a1f;
  --text:#42474f; --muted:#8b91a0; --rule:#e6e8ec; --accent:#d23b2c; --accent2:#b02b1e;
}
body{background:var(--paper) !important;color:var(--text) !important;font-family:'Inter',system-ui,sans-serif !important;}
body::before{display:none !important;}
h1,h2,h3,h4,.brand,.hero__title,.ecard-title,.section-head h2,.side-box__head,.hra-dne__title,.end-cta-title,.side-cta__title,.rank-score{font-family:'Sora','Space Grotesk',system-ui,sans-serif !important;}
h1,h2,h3,h4,.hero__title,.ecard-title,.section-head h2,.side-box__head{color:var(--ink) !important;}

.masthead{background:rgba(255,255,255,.93) !important;backdrop-filter:blur(10px);border-bottom:1px solid var(--rule) !important;}
.brand{color:var(--ink) !important;} .brand .dot{color:var(--accent) !important;} .brand-tag{color:var(--muted) !important;}
.navsearch{background:#fff !important;border:1px solid var(--rule) !important;} .navsearch input{color:var(--ink) !important;}
.navsearch button{background:var(--ink) !important;color:#fff !important;} .navsearch button:hover{background:var(--accent) !important;}
.mainnav a{color:var(--text) !important;} .mainnav a:hover,.mainnav .current-menu-item>a{color:var(--accent) !important;border-bottom-color:var(--accent) !important;} .mainnav .nav-cat{color:var(--accent) !important;}

.hero{background:var(--paper2) !important;border-bottom:1px solid var(--rule);}
.hero__lead{color:var(--muted) !important;} .hero__kicker{color:var(--accent) !important;} .hero__stars{color:var(--accent) !important;} .hero__score{color:var(--ink) !important;} .hero__count{color:var(--muted) !important;}
.lead,.lead-media{background:#eceef1 !important;}

/* CTA — čisté, sentence-case, ne neon, ne monospace */
.btn-play,.hero__cta,.side-cta__btn,.hra-dne .btn-play{background:var(--accent) !important;color:#fff !important;font-family:'Sora','Space Grotesk',sans-serif !important;text-transform:none !important;letter-spacing:0 !important;font-weight:700 !important;font-size:.92rem !important;border-radius:8px !important;box-shadow:none !important;}
.btn-play:hover{background:var(--accent2) !important;color:#fff !important;transform:none !important;box-shadow:none !important;}
.btn-read{color:var(--ink) !important;border-bottom:2px solid var(--accent) !important;text-transform:none !important;letter-spacing:0 !important;font-family:'Sora',sans-serif !important;}
.hero__ghost{color:var(--ink) !important;border:1px solid var(--rule) !important;background:#fff !important;text-transform:none !important;letter-spacing:0 !important;}

.section-head{border-top:1px solid var(--rule) !important;}
.kicker{color:var(--muted) !important;font-family:'Inter',sans-serif !important;letter-spacing:.1em;font-weight:600;}
.section-more{color:var(--muted) !important;border-bottom-color:var(--accent) !important;text-transform:none !important;letter-spacing:0 !important;font-family:'Sora',sans-serif !important;}

.ecard-media{background:#eceef1 !important;border:1px solid var(--rule) !important;border-radius:10px !important;box-shadow:none !important;}
.ecard:hover .ecard-media{box-shadow:0 10px 26px -16px rgba(20,22,30,.28) !important;}
.ecard-title a{color:var(--ink) !important;} .ecard-title a:hover{color:var(--accent) !important;} .ecard-dek{color:var(--muted) !important;}
.ecard-cat{background:rgba(255,255,255,.92) !important;color:var(--ink) !important;font-family:'Inter',sans-serif !important;}
.ecard-score{background:var(--ink) !important;color:#fff !important;font-family:'Sora',sans-serif !important;}
.ecard-flag{background:var(--accent) !important;color:#fff !important;}
/* placeholder — jemná světlá dlaždice, ŽÁDNÉ barevné gradienty */
.ecard-ph,.cat-mmorpg .ecard-ph,.cat-valecne-hry .ecard-ph,.cat-tankove-hry .ecard-ph,.cat-vesmirne-hry .ecard-ph,.cat-strategicke-hry .ecard-ph,.cat-bojove-hry .ecard-ph,.cat-prohlizecove-hry .ecard-ph,.cat-mobilni-hry .ecard-ph,.cat-fantasy-hry .ecard-ph,.cat-farmarske-hry .ecard-ph,.cat-zebricky .ecard-ph{background:#eceef1 !important;color:#a7adba !important;border-bottom:0 !important;font-family:'Sora','Space Grotesk',sans-serif !important;font-weight:600 !important;font-size:1.12rem !important;text-transform:uppercase;letter-spacing:.05em;text-shadow:none !important;}
.ecard-ph::after{color:#bcc1cb !important;}

.side-box{background:#fff !important;border:1px solid var(--rule) !important;}
.side-box__head{color:var(--ink) !important;background:var(--paper2) !important;border-bottom:1px solid var(--rule) !important;}
.rank-item:hover{background:var(--paper2) !important;} .rank-num{color:var(--muted) !important;} .rank-item:nth-child(-n+3) .rank-num{color:var(--accent) !important;}
.rank-name{color:var(--text) !important;} .rank-name:hover{color:var(--accent) !important;} .rank-score{background:var(--ink) !important;color:#fff !important;}
.side-box--cta{background:var(--paper2) !important;border-color:var(--rule) !important;} .side-cta__dek{color:var(--muted) !important;}
.side-genre{background:#fff !important;border:1px solid var(--rule) !important;color:var(--text) !important;} .side-genre:hover{border-color:var(--accent) !important;color:var(--accent) !important;}

.hra-dne{background:var(--paper2) !important;border:1px solid var(--rule) !important;} .hra-dne__title{color:var(--ink) !important;} .hra-dne__dek{color:var(--muted) !important;} .hra-dne__kicker{color:var(--accent) !important;} .hra-dne__live{color:var(--accent) !important;}
.mid-cta{background:var(--paper2) !important;border:1px solid var(--rule) !important;color:var(--text) !important;} .mid-cta strong{color:var(--ink) !important;}
.end-cta{background:var(--ink) !important;color:#fff !important;border:0 !important;} .end-cta-title{color:#fff !important;} .end-cta-perks{color:#c7ccd4 !important;}
.sticky-cta{background:rgba(255,255,255,.97) !important;border-top:1px solid var(--rule) !important;color:var(--ink) !important;box-shadow:0 -4px 20px -12px rgba(0,0,0,.18);} .sticky-cta strong,.sticky-cta span{color:var(--ink) !important;}
.finder-banner{background:var(--paper2) !important;border:1px solid var(--rule) !important;color:var(--ink) !important;}

.article,.post-content{color:var(--text) !important;} .post-content h2,.post-content h3,.post-content h4{color:var(--ink) !important;} .post-content a{color:var(--accent) !important;}
.game-info caption{background:var(--ink) !important;color:#fff !important;} .author-box{background:var(--paper2) !important;} .author-box-av{background:var(--ink) !important;color:#fff !important;}
.site-foot{background:#17181c !important;color:#9aa0ac !important;border-top:3px solid var(--accent);}
.fbtn.active,.pagination .current{background:var(--ink) !important;color:#fff !important;border-color:var(--ink) !important;}
input,textarea,select{background:#fff !important;color:var(--ink) !important;border-color:var(--rule) !important;}

/* širší obsah — méně prázdna po stranách */
:root{--max:1480px;}
.portal{grid-template-columns:1fr 340px;gap:46px;}
.grid--2{grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;}
.hero__cta-ico{display:none;}