*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#08060e;color:#f7f3ff;font:16px/1.75 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;padding-bottom:78px}a{color:#e9b9ff;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.26;margin:0 0 15px}h1{font-size:clamp(1.75rem,3.3vw,3rem)}h2{font-size:clamp(1.3rem,2vw,1.75rem)}h3{font-size:1.2rem}p{margin:0 0 16px;color:#d3cbdc}.container{width:min(1280px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;top:-80px;left:16px;z-index:9999;background:#fff;color:#111;padding:9px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #ffdb47;outline-offset:3px}.site-header{background:#100a1b;border-bottom:1px solid #6320a7;position:sticky;top:0;z-index:100;box-shadow:0 8px 22px #0009}.header-inner{min-height:84px;display:grid;grid-template-columns:180px 1fr auto auto;gap:18px;align-items:center}.brand img{display:block;width:168px}.site-nav ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;padding:0;margin:0;list-style:none}.site-nav a{display:inline-block;font-size:.86rem;font-weight:700;color:#f1e7ff;padding:9px 10px;border-radius:9px}.site-nav a:hover,.site-nav a:focus-visible{background:linear-gradient(135deg,#6b208f,#1f5d97);color:white;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#ffdb3d,#eca81c);color:#1a0c0f;border:0;border-radius:10px;padding:12px 20px;font-weight:800;text-decoration:none;min-height:44px;box-shadow:0 5px 18px #d78a2840}.btn:hover{filter:brightness(1.09);text-decoration:none}.menu-toggle{display:none;background:#251238;border:1px solid #9d43e4;color:white;border-radius:8px;padding:5px 12px;font-size:1.5rem}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#d6a4fc}.hero-slider{position:relative;margin:25px auto 18px;overflow:hidden;border:2px solid #641ba8;border-radius:20px;background:#130c23}.slide{position:relative;min-height:410px}.slide[hidden]{display:none}.slide>img{width:100%;height:440px;object-fit:cover;display:block}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080613df 0%,#08061399 47%,transparent 100%);pointer-events:none}.slide-content{position:absolute;z-index:2;top:50%;left:5%;transform:translateY(-50%);max-width:620px}.slide-content h1,.slide-headline{color:#ffe052;font-size:clamp(1.65rem,3.5vw,3.3rem);font-weight:900;line-height:1.14}.slide-content p{max-width:550px}.slider-controls{position:absolute;z-index:5;bottom:12px;right:20px;display:flex;gap:5px}.slider-controls button{min-width:39px;min-height:39px;background:#251533;color:#fff;border:1px solid #8547c3;border-radius:7px}.slider-controls button[aria-current=true]{color:#ffdf34;background:#4c236b}.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}.info-card,.article-card,.entry-card,.related-card,.page-title-card,.return-home{border:1px solid #6826a4;background:#171220;border-radius:16px;padding:23px;box-shadow:0 4px 18px #0005}.info-card:hover,.listing-card:hover{border-color:#bd60ec;transform:translateY(-2px);box-shadow:0 10px 22px #7421a430}.info-card,.listing-card{transition:transform .18s,border-color .18s,box-shadow .18s}.simple-link{font-weight:750;color:#ffdd49;display:inline-block;margin-right:14px}.section{margin:44px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}.section-heading>p{max-width:420px}.section-heading h2{color:#ffda39}.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listing-card{display:flex;align-items:center;gap:15px;padding:13px;background:#202020;border:2px solid #6902a5;border-radius:9px;color:#fff;min-width:0}.listing-card:hover{text-decoration:none}.listing-card img{width:86px;height:86px;object-fit:cover;border-radius:11px;flex:none}.listing-card h3{font-size:1.26rem;color:#ffe000;margin:0 0 5px}.listing-card p{font-size:.92rem;margin:0;color:#fff}.listing-card .arrow{margin-left:auto;font-size:1.5rem;color:#d5a6fc}.category-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.category-pill{display:inline-block;border:1px solid #7640ac;border-radius:100px;padding:9px 17px;background:#25162f;color:#fff}.lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lines h3{color:#f4da64}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-card h2{font-size:1.35rem;color:#ffdf52}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.split>img,.page-aside>img{border-radius:14px;border:1px solid #662da2}.section details{background:#1b1425;border:1px solid #6725a1;margin:10px 0;border-radius:12px;padding:13px 18px}.section summary{font-weight:700;cursor:pointer}.section details p{padding-top:12px}.internal-page{padding-top:30px;padding-bottom:45px}.page-title-card h1{color:#ffdb41}.page-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.75fr);gap:23px;margin-top:20px}.entry-card{margin-bottom:18px}.entry-card h2{color:#ffdc43}.the-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.the-content>h2{background:#1b1423;border:1px solid #7030a6;border-bottom:0;border-radius:15px 15px 0 0;padding:20px 20px 0;margin-bottom:-14px;color:#ffe15a;font-size:1.25rem;grid-column:span 1}.the-content>p{background:#1b1423;border-left:1px solid #7030a6;border-right:1px solid #7030a6;padding:12px 20px;margin:0}.the-content>h2+p{padding-top:15px}.the-content>p+p{border-bottom:1px solid #7030a6;border-radius:0 0 15px 15px;padding-bottom:24px}.the-content{display:block;columns:2;column-gap:15px}.the-content>h2{break-after:avoid;break-inside:avoid;margin:0;margin-top:14px}.the-content>p{break-inside:avoid}.the-content>h2:first-child{margin-top:0}.page-aside{display:flex;flex-direction:column;gap:16px}.related-card{margin-top:18px}.related-card .category-pill{margin:5px}.return-home{margin-top:18px;text-align:center}.return-home a{color:#ffe15b;font-weight:750}.games-gallery{display:grid;grid-template-columns:1fr;gap:15px}.game-detail{display:flex;gap:15px;break-inside:avoid;padding:12px;border:1px solid #7042af;border-radius:14px;margin-bottom:10px}.game-detail img{width:105px;height:105px;object-fit:cover}.footer{margin-top:50px;background:#100a19;border-top:2px solid #6722a9;padding:46px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:25px}.footer-brand img{width:180px}.footer h2{color:#ffd647;font-size:1.14rem}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:8px 0}.footer a{color:#eee4fa}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{font-size:.72rem;padding:4px 8px;border:1px solid #6735aa;border-radius:100px}.footer .social{display:block;padding:9px;background:#311a47;text-align:center;border:1px solid #7341b0;border-radius:9px;font-weight:800}.footer-bottom{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid #443450;margin-top:30px;padding-top:20px;font-size:.85rem}.footer-bottom a{margin:0 6px}.sticky-actions{position:fixed;z-index:102;bottom:0;left:0;right:0;background:#10081be8;display:flex;gap:12px;justify-content:center;padding:10px 20px max(10px,env(safe-area-inset-bottom));border-top:1px solid #7a25b1}.sticky-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:45px;min-width:min(220px,45vw);background:linear-gradient(110deg,#7421bd,#5128a6);border-radius:10px;color:#fff;font-weight:800}.floating-tools{position:fixed;right:12px;bottom:86px;display:flex;flex-direction:column;gap:8px;z-index:101}.floating-tools>*{width:46px;height:46px;background:#64219e;border:1px solid #b660ef;color:#fff;font-weight:800;border-radius:100px;display:grid;place-items:center;text-decoration:none}.floating-tools button{font-size:1.4rem}@media(max-width:1100px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3}.header-inner{grid-template-columns:145px 1fr auto}.brand img{width:145px}.site-nav a{padding:7px;font-size:.79rem}}@media(max-width:960px){html{scroll-padding-top:95px}.site-header{position:sticky}.header-inner{grid-template-columns:1fr auto auto;min-height:70px}.brand img{width:145px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1b102a;max-height:calc(100dvh - 95px);overflow:auto;padding:10px 20px 23px;border-bottom:2px solid #a23fe3}.site-nav.open{display:block}.site-nav ul{display:flex;flex-direction:column;align-items:stretch}.site-nav a{display:block;padding:12px;font-size:1rem}.header-enter{font-size:.8rem;padding:8px 11px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.page-columns{grid-template-columns:1fr}.page-aside{display:block}.page-aside>img{max-width:350px}.page-aside .info-card{margin-top:15px}.floating-tools{flex-direction:row;bottom:85px;right:8px}.floating-tools>*{width:40px;height:40px}}@media(max-width:650px){body{font-size:15px}.container{width:calc(100% - 26px)}.quick-links,.listing-grid,.article-grid,.lines,.split{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-links .info-card{padding:16px}.slide,.slide>img{height:385px;min-height:385px}.slide-content{left:22px;right:20px}.slide-content p{font-size:.92rem}.slider-controls{right:10px}.section-heading{display:block}.listing-card img{width:80px;height:80px}.listing-card h3{font-size:1.2rem}.listing-card p{font-size:.84rem}.article-grid{gap:11px}.the-content{columns:1}.footer-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-brand{grid-column:span 2}.footer-bottom{display:block}.footer-bottom div{margin-top:12px}.footer-bottom a{display:inline-block;margin:3px 8px 3px 0}.floating-tools{right:5px}.header-inner{gap:7px}.brand img{width:120px}.header-enter{font-size:.75rem;padding:7px}.page-title-card,.info-card,.article-card,.entry-card,.related-card{padding:17px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.info-card:hover,.listing-card:hover{transform:none}}
/* v1.1.0: viewport, typography and accessible controls */
.menu-toggle,.slider-controls button{min-width:44px;min-height:44px}
@media(max-width:960px){.site-header{position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px)}body{padding-top:75px}.site-nav{overscroll-behavior:contain}}
@media(max-width:650px){.slide-content{top:46%}.slider-controls{bottom:6px}.listing-card{gap:11px}.footer-bottom{padding-bottom:20px}}
@media(max-width:360px){.header-inner{grid-template-columns:minmax(0,1fr) auto auto}.brand img{width:99px}.header-enter{font-size:.7rem;padding:6px}.listing-card img{width:68px;height:68px}.listing-card h3{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.slide *{animation:none!important}}

/* v1.2.0 visual refresh: balanced neon-gold brand and readable overlay */
.slide:after{background:linear-gradient(90deg,rgba(9,4,17,.91) 0%,rgba(9,4,17,.78) 27%,rgba(9,4,17,.32) 65%,rgba(9,4,17,.08) 100%)}.brand img{height:auto;max-height:66px;object-fit:contain;object-position:left center}.footer-brand img{height:auto;max-height:90px;object-fit:contain;object-position:left center}.slide>img{object-position:center center}@media(max-width:650px){.slide:after{background:linear-gradient(90deg,rgba(9,4,17,.92),rgba(9,4,17,.54))}.brand img{max-height:54px}}

/* v1.2.1 — mobile fixed navigation, safe offsets and responsive drawer */
@media (max-width:960px) {
 html {scroll-padding-top:calc(var(--kbjili-header-height, 75px) + var(--kbjili-admin-height, 0px) + 12px)}
 body {padding-top:var(--kbjili-header-height, 75px)}
 .site-header {position:fixed;top:var(--kbjili-admin-height, 0px);inset-inline:0;width:100%;z-index:1000;transform:none;will-change:auto}
 .header-inner {min-height:70px;grid-template-columns:minmax(0,1fr) auto auto}
 .brand {min-width:0}
 .brand img {max-width:100%;object-fit:contain}
 .header-enter {white-space:nowrap}
 .menu-toggle {flex-shrink:0}
 .site-nav {top:100%;max-height:calc(100dvh - var(--kbjili-header-height, 75px) - var(--kbjili-admin-height, 0px) - env(safe-area-inset-bottom, 0px));overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 22px #000b}
 .skip-link:focus {top:calc(var(--kbjili-admin-height,0px) + 8px);z-index:1100}
}
@media (max-width:782px) {body.admin-bar {--kbjili-admin-height:46px}}
@media (min-width:783px) and (max-width:960px) {body.admin-bar {--kbjili-admin-height:32px}}
@media (max-width:360px) {.brand img{width:min(99px,100%)}}

/* v1.2.2 Social channels: footer and fixed shortcuts */
.footer-follow{background:#123044;border:1px solid #6d9bb4;border-radius:22px;padding:22px;align-self:start}
.footer-follow h2{font-size:1.24rem;color:#fff;margin-bottom:18px}
.footer-follow p{color:#edf4fc;line-height:1.7;font-size:.96rem}
.footer .footer-follow a.social{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:12px 17px;min-height:57px;color:#fff;font-size:1.06rem;background:#17668e;border:1px solid #3284ad;border-radius:11px;margin-top:12px;text-decoration:none}
.footer .footer-follow a.social-facebook{background:#3b609c;border-color:#5877b0}
.footer .footer-follow a.social:hover{filter:brightness(1.12)}
.footer-follow .social svg,.floating-tools .floating-social svg{display:block;flex:none}
.floating-tools .floating-social{background:#17668e;border:1px solid #4991b7;color:#fff;border-radius:12px}
.floating-tools .floating-facebook{background:#3b609c;border-color:#5579ba}
.floating-tools .to-top{background:#f2c762;border:1px solid #f2dc88;border-radius:12px;color:#0f1a24}
@media(max-width:960px){.floating-tools{right:10px;bottom:calc(83px + env(safe-area-inset-bottom));flex-direction:column;gap:8px}.floating-tools>*{width:48px;height:48px}.footer-follow{padding:18px}}
@media(max-width:650px){.footer-follow{grid-column:span 2}.floating-tools{right:8px}}

/* v1.2.4 – KBJILI purple-and-gold social treatment */
.footer-follow{background:linear-gradient(155deg,#21132f 0%,#120d20 75%);border:1px solid #7f35c2;border-radius:17px;padding:20px;box-shadow:inset 0 1px 0 #f1bfff18,0 10px 26px #05020b50}
.footer-follow h2{color:#ffe074;font-size:1.2rem;margin-bottom:12px}
.footer-follow p{color:#ded2ec;font-size:.94rem;line-height:1.68}
.footer .footer-follow a.social{background:linear-gradient(105deg,#46206f,#26163d);border:1px solid #ae65db;color:#fff0ff;box-shadow:inset 0 1px 0 #ffffff1a;min-height:52px;border-radius:12px;gap:12px;padding:10px 14px;font-weight:750;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.footer .footer-follow a.social-facebook{background:linear-gradient(105deg,#32245f,#211736);border-color:#8053c9}
.footer .footer-follow a.social svg{width:24px;height:24px;color:#ffda65}
.footer .footer-follow a.social:hover,.footer .footer-follow a.social:focus-visible{background:linear-gradient(105deg,#7132a2,#39205c);border-color:#f4c967;box-shadow:0 7px 18px #7037b93b;filter:none;text-decoration:none;transform:translateY(-1px)}
.floating-tools{right:14px;bottom:calc(91px + env(safe-area-inset-bottom));gap:9px}
.floating-tools .floating-social{width:48px;height:48px;background:#28163d;color:#ffdf80;border:1px solid #8a46cd;border-radius:14px;box-shadow:0 4px 16px #0008}
.floating-tools .floating-facebook{background:#271b47;border-color:#7455c6}
.floating-tools .floating-social svg{width:24px;height:24px}
.floating-tools .to-top{width:48px;height:48px;background:linear-gradient(135deg,#ffe07a,#ecb438);border:1px solid #ffe58d;border-radius:14px;color:#1c1032;box-shadow:0 4px 16px #0009}
.floating-tools>*:hover{filter:brightness(1.13)}
@media(max-width:960px){.floating-tools{right:10px;bottom:calc(88px + env(safe-area-inset-bottom));gap:7px;flex-direction:column}.floating-tools>*{width:44px!important;height:44px!important}.footer-follow{padding:18px}}
@media(max-width:650px){.floating-tools{right:8px;bottom:calc(84px + env(safe-area-inset-bottom))}.footer-follow{grid-column:span 2}.footer .footer-follow a.social{min-height:52px}}
@media(hover:none){.footer .footer-follow a.social:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.footer .footer-follow a.social{transition:none}.footer .footer-follow a.social:hover{transform:none}}
