/* ==========================================================
   Pika Neon 2.0 - design + animation layer
   Loaded last, on every page. Overrides style.css / pk-blog.css.
   ========================================================== */
:root{
	--pk-bg:#0b0e17;
	--pk-bg2:#10141f;
	--pk-surface:#151a27;
	--pk-surface2:#1b2132;
	--pk-border:#262d40;
	--pk-ease:cubic-bezier(.22,1,.36,1);
	--pk-grad:linear-gradient(135deg,#2f7bff 0%,#5b8cff 55%,#ff8c1a 100%);
	--pk-grad2:linear-gradient(135deg,#8fb8ff,#2f7bff);
}

/* ---------- animated background ---------- */
body.pk-body{background:var(--pk-bg);position:relative}
body.pk-body::before{
	content:"";position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;
	background:
		radial-gradient(28vmax 28vmax at 18% 22%,rgba(47,123,255,.22),transparent 70%),
		radial-gradient(24vmax 24vmax at 82% 14%,rgba(143,184,255,.13),transparent 70%),
		radial-gradient(30vmax 30vmax at 70% 85%,rgba(91,140,255,.12),transparent 70%);
	animation:pkAurora 26s ease-in-out infinite alternate;
}
body.pk-body::after{
	content:"";position:fixed;inset:0;z-index:-1;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:46px 46px;
	-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 70%);
}
@keyframes pkAurora{
	0%{transform:translate3d(0,0,0) rotate(0deg)}
	50%{transform:translate3d(3vmax,-2vmax,0) rotate(8deg)}
	100%{transform:translate3d(-3vmax,2vmax,0) rotate(-6deg)}
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--pk-bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a2a7a,#5a2a6a);border-radius:10px;border:2px solid var(--pk-bg)}
:focus-visible{outline:2px solid var(--pk-accent);outline-offset:3px;border-radius:8px}

/* ---------- header ---------- */
.pk-header{transition:background .3s,box-shadow .3s}
.pk-header::after{
	content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
	background:linear-gradient(90deg,transparent,#2f7bff,#8fb8ff,#5b8cff,transparent);background-size:200% 100%;
	animation:pkSlideGrad 8s linear infinite;opacity:.7;
}
.pk-header.pk-scrolled{background:rgba(11,14,23,.92);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.pk-header-inner{transition:min-height .3s var(--pk-ease)}
.pk-header.pk-scrolled .pk-header-inner{min-height:58px}
.pk-brand .site-logo{transition:transform .4s var(--pk-ease),filter .3s}
.pk-brand:hover .site-logo{transform:scale(1.04) rotate(-1.5deg);filter:drop-shadow(0 0 12px rgba(47,123,255,.6))}
.pk-nav a.nav-link{position:relative}
.pk-nav a.nav-link:not(.pk-login)::after{
	content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;
	background:var(--pk-grad2);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--pk-ease);
}
.pk-nav a.nav-link:not(.pk-login):hover::after{transform:scaleX(1)}
.pk-nav .pk-login{background:var(--pk-grad);background-size:160% 160%;animation:pkGradMove 6s ease infinite}
@keyframes pkSlideGrad{to{background-position:-200% 0}}
@keyframes pkGradMove{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

ul.pk-chips li{opacity:1}
.pk-chip{transition:transform .25s var(--pk-ease),box-shadow .25s,border-color .25s,background .25s}
.pk-chip:hover{transform:translateY(-2px)}

/* ---------- buttons ---------- */
.pk-btn{position:relative;overflow:hidden;isolation:isolate}
.pk-btn-primary{background:var(--pk-grad);background-size:170% 170%;animation:pkGradMove 7s ease infinite}
.pk-btn::after{
	content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;z-index:-1;
	background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);
	transition:left .6s var(--pk-ease);
}
.pk-btn:hover::after,.pk-slide:hover .pk-btn::after{left:130%}

/* ---------- hero ---------- */
.pk-slider{isolation:isolate}
.pk-slider{box-shadow:0 24px 60px rgba(47,123,255,.16)}
.pk-slide.active .pk-slide-bg{animation:pkKenBurns 9s ease-out both}
@keyframes pkKenBurns{from{transform:scale(1.22)}to{transform:scale(1.08)}}
.pk-slide .pk-kicker,.pk-slide .pk-hero-title,.pk-slide .pk-hero-text,.pk-slide .pk-slide-actions{opacity:0;transform:translateY(16px);transition:opacity .6s var(--pk-ease),transform .6s var(--pk-ease)}
.pk-slide.active .pk-kicker{opacity:1;transform:none;transition-delay:.15s}
.pk-slide.active .pk-hero-title{opacity:1;transform:none;transition-delay:.25s}
.pk-slide.active .pk-hero-text{opacity:1;transform:none;transition-delay:.35s}
.pk-slide.active .pk-slide-actions{opacity:1;transform:none;transition-delay:.45s}
.pk-slide .pk-hero-title{background:linear-gradient(90deg,#fff 0%,#fff 40%,#c9b6ff 50%,#fff 60%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pkShimmer 5s linear infinite}
@keyframes pkShimmer{from{background-position:100% 0}to{background-position:-150% 0}}
.pk-slide-art{box-shadow:0 30px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
.pk-slide.active .pk-slide-art img{animation:pkFloat 6s ease-in-out infinite}
@keyframes pkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.pk-mini{transition:transform .3s var(--pk-ease),border-color .3s,box-shadow .3s,background .3s}
.pk-mini:hover{transform:translateX(4px)}
.pk-mini-rank{flex:0 0 auto;width:24px;font-family:var(--pk-head);font-weight:700;font-size:20px;text-align:center;color:var(--pk-muted)}
.pk-mini:nth-of-type(1) .pk-mini-rank,.pk-aside-game:nth-of-type(1) .pk-mini-rank{color:#ffb066}
.pk-mini .pk-move{margin-left:auto}

/* ---------- perks ---------- */
.pk-perks>div{background:linear-gradient(160deg,rgba(27,27,56,.75),rgba(16,20,31,.75));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pk-perks .fa{color:#fff;background:var(--pk-grad2);box-shadow:0 6px 18px rgba(143,184,255,.25);transition:transform .4s var(--pk-ease)}
.pk-perks>div:nth-child(2) .fa{background:linear-gradient(135deg,#2f7bff,#5b8cff);box-shadow:0 6px 18px rgba(91,140,255,.25)}
.pk-perks>div:nth-child(3) .fa{background:linear-gradient(135deg,#ff8c1a,#ff8a3d);box-shadow:0 6px 18px rgba(255,140,60,.25)}
.pk-perks>div:nth-child(4) .fa{background:linear-gradient(135deg,#34d399,#5b8cff);box-shadow:0 6px 18px rgba(52,211,153,.25)}
.pk-perks>div:hover .fa{transform:rotate(-10deg) scale(1.1)}

/* ---------- section heads ---------- */
.pk-section-head{position:relative;border-bottom:1px solid rgba(255,255,255,.06)}
.pk-section-head::after{content:"";position:absolute;left:0;bottom:-1px;width:90px;height:2px;border-radius:2px;background:var(--pk-grad2);transition:width .8s var(--pk-ease)}
.pk-section-head:hover::after{width:180px}
.item-title .fa{background:var(--pk-grad)!important;background-size:170% 170%!important;animation:pkGradMove 6s ease infinite;box-shadow:0 6px 18px rgba(47,123,255,.35)}

/* ---------- Top 10 Trending ---------- */
.pk-trend{position:relative;margin-top:26px;padding:4px 22px 10px;border-radius:24px;
	background:radial-gradient(600px 220px at 0% 0%,rgba(255,184,0,.10),transparent 70%),radial-gradient(600px 260px at 100% 100%,rgba(47,123,255,.16),transparent 70%),linear-gradient(160deg,rgba(23,23,48,.85),rgba(11,11,22,.85));
	border:1px solid var(--pk-border);overflow:hidden}
.pk-trend .pk-section-head{margin-top:16px}
.pk-trend-titles{display:flex;flex-direction:column;gap:4px}
.pk-live{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--pk-muted);padding-left:2px}
.pk-live-dot{width:8px;height:8px;border-radius:50%;background:#ff3d5e;box-shadow:0 0 0 0 rgba(91,140,255,.6);animation:pkPulse 1.6s infinite}
@keyframes pkPulse{0%{box-shadow:0 0 0 0 rgba(91,140,255,.55)}70%{box-shadow:0 0 0 9px rgba(91,140,255,0)}100%{box-shadow:0 0 0 0 rgba(91,140,255,0)}}
.pk-row-nav button{transition:transform .2s,background .2s,border-color .2s}
.pk-row-nav button:hover{transform:scale(1.08);border-color:var(--pk-primary)}
.pk-top-row{padding-top:16px}
.pk-top-num{transition:transform .4s var(--pk-ease),-webkit-text-stroke-color .3s}
.pk-top-item:hover .pk-top-num{transform:translateX(-6px) scale(1.06)}
.pk-top-card{transition:transform .4s var(--pk-ease),box-shadow .4s,border-color .3s}
.pk-top-item.is-hot .pk-top-card{border-color:rgba(255,184,0,.45);box-shadow:0 10px 30px rgba(255,140,40,.18)}
.pk-top-item:nth-child(1) .pk-top-card{border-color:rgba(255,176,102,.7)}
.pk-top-card img{transition:transform .6s var(--pk-ease)}
.pk-top-item:hover .pk-top-card img{transform:scale(1.1)}
.pk-move{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:2px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pk-move .fa{font-size:13px}
.pk-move-up{background:rgba(52,211,153,.9);color:#062a1b}
.pk-move-down{background:rgba(91,140,255,.88);color:#fff}
.pk-move-same{background:rgba(11,14,23,.6);color:#cfd0e6}
.pk-move-new{background:linear-gradient(135deg,#8fb8ff,#2f7bff);color:#fff;animation:pkPop 2.4s ease-in-out infinite}
.pk-mini .pk-move,.pk-aside-game .pk-move{position:static}
@keyframes pkPop{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.pk-hot{position:absolute;top:7px;right:8px;z-index:2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(11,14,23,.55);color:#ff8c1a;font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pk-hot .fa{animation:pkFlicker 1.3s ease-in-out infinite;transform-origin:50% 90%}
@keyframes pkFlicker{0%,100%{transform:scale(1) rotate(-3deg);color:#ff8c1a}50%{transform:scale(1.18) rotate(3deg);color:#ff8a3d}}

/* ---------- game cards ---------- */
.pk-card{transform-style:preserve-3d;will-change:transform;transition:transform .35s var(--pk-ease),box-shadow .35s,border-color .3s}
.pk-card:hover{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}
.pk-card-thumb::after{
	content:"";position:absolute;inset:0;pointer-events:none;
	background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%);
	transform:translateX(-120%);transition:transform .8s var(--pk-ease);
}
.pk-card:hover .pk-card-thumb::after{transform:translateX(120%)}
.pk-play{background:var(--pk-grad)!important;box-shadow:0 10px 26px rgba(91,140,255,.45)}
.pk-card:hover .pk-play{animation:pkPop 1.6s ease-in-out infinite}
.pk-badge{background:linear-gradient(135deg,#8fb8ff,#34d399)!important;color:#05231a!important;animation:pkPop 2.6s ease-in-out infinite}
.pk-card-title{transition:color .3s}
.pk-card:hover .pk-card-title{color:var(--pk-accent)}
.pk-card img.small-thumb{transition:transform .6s var(--pk-ease),filter .4s}
.pk-card:hover img.small-thumb{filter:saturate(1.2) brightness(1.06)}

/* ---------- categories ---------- */
.pk-cat-tile{position:relative;overflow:hidden;isolation:isolate}
.pk-cat-tile::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(240px 120px at var(--mx,50%) var(--my,50%),rgba(47,123,255,.35),transparent 70%);transition:opacity .3s}
.pk-cat-tile:hover::before{opacity:1}
.pk-cat-tile span{display:flex;flex-direction:column;line-height:1.25}
.pk-cat-tile small{font-size:11.5px;color:var(--pk-muted);font-weight:500}
.pk-cat-tile:hover .fa{transform:rotate(-12deg) scale(1.1)}

/* ---------- home blog + about ---------- */
.pk-about-box{position:relative;overflow:hidden}
.pk-about-box::before{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(47,123,255,.25),transparent 70%);pointer-events:none;animation:pkFloat 9s ease-in-out infinite}
.pk-about-text h3{font-size:19px;margin:18px 0 8px;color:#fff}
.pk-about-stats{grid-template-columns:1fr 1fr}
.pk-about-stats>div{transition:transform .3s var(--pk-ease),border-color .3s}
.pk-about-stats>div:hover{transform:translateY(-3px);border-color:var(--pk-primary)}
.pk-about-stats b{background:var(--pk-grad2);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- footer ---------- */
.pk-footer::before{background:linear-gradient(90deg,transparent,#2f7bff,#8fb8ff,#5b8cff,transparent)!important;background-size:200% 100%!important;animation:pkSlideGrad 10s linear infinite}
.pk-footer li a{display:inline-block;transition:color .2s,transform .25s var(--pk-ease)}
.pk-footer li a:hover{transform:translateX(4px)}
.pk-to-top{background:var(--pk-grad)!important;border:0!important;box-shadow:0 10px 26px rgba(47,123,255,.4)}

/* ---------- scroll reveal (only when JS is running) ---------- */
html.pk-js .pk-reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s var(--pk-ease),transform .7s var(--pk-ease);transition-delay:var(--rd,0ms)}
html.pk-js .pk-reveal.pk-in{opacity:1;transform:none}
html.pk-js .pk-top-item.pk-reveal{transform:translateX(30px)}
html.pk-js .pk-top-item.pk-reveal.pk-in{transform:none}

/* ==========================================================
   BLOG
   ========================================================== */
.pk-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:0}
.pk-orb-a{width:220px;height:220px;right:-60px;top:-80px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.45),rgba(255,255,255,0) 65%);animation:pkOrbA 12s ease-in-out infinite}
.pk-orb-b{width:160px;height:160px;left:-50px;bottom:-70px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);animation:pkOrbB 14s ease-in-out infinite}
@keyframes pkOrbA{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,24px)}}
@keyframes pkOrbB{0%,100%{transform:translate(0,0)}50%{transform:translate(36px,-18px)}}

/* index */
.pk-blog-head{padding:46px 40px 40px;border-radius:26px}
.pk-blog-head>*{position:relative;z-index:1}
.pk-blog-head .pk-orb-a{background:radial-gradient(circle,rgba(91,140,255,.45),transparent 65%);width:320px;height:320px}
.pk-blog-head .pk-orb-b{background:radial-gradient(circle,rgba(143,184,255,.35),transparent 65%);width:260px;height:260px}
.pk-blog-head h1{font-size:52px;background:linear-gradient(90deg,#fff,#d9ccff 50%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.pk-blog-search{display:flex;align-items:center;gap:10px;margin:22px 0 0;max-width:460px;padding:6px 8px 6px 16px;border-radius:999px;background:rgba(11,14,23,.55);border:1px solid rgba(255,255,255,.14);transition:border-color .25s,box-shadow .25s}
.pk-blog-search:focus-within{border-color:var(--pk-accent);box-shadow:0 0 0 4px rgba(143,184,255,.15)}
.pk-blog-search i{color:var(--pk-muted)}
.pk-blog-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:15px;padding:8px 4px}
.pk-blog-search input::placeholder{color:var(--pk-muted)}
.pk-blog-empty{text-align:center;color:var(--pk-muted);padding:40px 0}
.pk-blog-chips .pk-chip{transition:all .25s var(--pk-ease)}
.pk-bcard{position:relative;transition:transform .4s var(--pk-ease),box-shadow .4s,border-color .3s}
.pk-bcard:hover{transform:translateY(-6px)}
.pk-bcover{height:170px;isolation:isolate}
.pk-bcover i{z-index:1;transition:transform .6s var(--pk-ease)}
.pk-bcover em{z-index:2}
.pk-bcard:hover .pk-bcover i{transform:rotate(0deg) scale(1.12) translateY(-6px)}
.pk-bcard:hover .pk-orb-a{animation-duration:4s}
.pk-bcard strong{transition:color .3s}
.pk-bcard:hover strong{color:#e4dcff}
.pk-bcard-feat{min-height:320px}
.pk-bcard-feat .pk-bcover{height:auto}
.pk-bcard-feat::after{content:"\f005  Featured";font-family:FontAwesome,Inter,sans-serif;position:absolute;top:14px;right:14px;z-index:3;padding:5px 12px;border-radius:999px;background:rgba(11,14,23,.65);color:#ffb066;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* single post */
.pk-blog.pk-blog-single.pk-page-wrap{max-width:1240px}
.pk-blog-single .pk-post-hero{max-width:none;padding:54px 48px 30px;border-radius:28px;margin-top:14px}
.pk-blog-single .pk-post-hero h1{font-size:46px;max-width:860px}
.pk-blog-single .pk-post-hero-desc{max-width:780px;font-size:17.5px}
.pk-post-hero .pk-orb{z-index:0!important;position:absolute!important}
.pk-post-hero-ico{animation:pkFloat 7s ease-in-out infinite}
.pk-author-chip{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#fff}
.pk-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(11,14,23,.45);border:1px solid rgba(255,255,255,.35);font-family:var(--pk-head);font-weight:700;font-size:15px;color:#fff}
.pk-avatar-lg{width:58px;height:58px;font-size:28px;flex:0 0 auto;background:var(--pk-grad);border:0;box-shadow:0 10px 26px rgba(47,123,255,.35)}

.pk-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.pk-blog-single .pk-prose{max-width:none;margin:0;min-width:0}
.pk-blog-single .pk-blog-body{font-size:17px;line-height:1.9;color:#dcdcf0}
.pk-blog-single .pk-blog-body p{margin-bottom:1.15em}
.pk-blog-single .pk-blog-body>p:first-child::first-letter{float:left;font-family:var(--pk-head);font-weight:700;font-size:64px;line-height:.85;margin:6px 10px 0 0;background:var(--pk-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pk-blog-body h2{font-size:28px}
.pk-blog-body h3{font-size:21px;color:#fff}
.pk-blog-body blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--pk-accent);border-radius:0 14px 14px 0;background:rgba(143,184,255,.06);font-style:italic;color:#e6e6f7}
.pk-blog-body .pk-steps{counter-reset:pkstep;list-style:none;padding-left:0}
.pk-blog-body .pk-steps>li{counter-increment:pkstep;position:relative;display:block;padding:14px 16px 14px 62px;margin-bottom:10px;border-radius:14px;background:var(--pk-surface2);border:1px solid var(--pk-border)}
.pk-blog-body .pk-steps>li::before{content:counter(pkstep);position:absolute;left:14px;top:12px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--pk-head);font-weight:700;color:#fff;background:var(--pk-grad)}
.pk-proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.pk-proscons>div{padding:16px 18px;border-radius:14px;border:1px solid var(--pk-border);background:var(--pk-surface2)}
.pk-proscons .t{display:block;font-family:var(--pk-head);font-size:18px;font-weight:700;margin-bottom:6px}
.pk-proscons .pros .t{color:var(--pk-ok)}
.pk-proscons .cons .t{color:#ff6b8b}
.pk-proscons ul{margin:0;padding-left:18px}
.pk-blog-body .pk-tip{display:flex;gap:12px;margin:20px 0;padding:14px 16px;border-radius:14px;background:rgba(255,184,0,.08);border:1px solid rgba(255,184,0,.3);transform:none!important}
.pk-blog-body .pk-tip::before{content:"\f0eb";position:static;font-family:FontAwesome;font-size:20px;color:#ff8c1a;line-height:1.5}
.pk-blog-body .pk-tip::after{display:none}
.pk-blog-body .pk-tip>p{margin:0;font-size:inherit;line-height:1.75;color:#e6e6f7}
.pk-toc-inline{display:none}
.pk-blog-game{transition:transform .3s var(--pk-ease),box-shadow .3s,border-color .3s}
.pk-blog-game:hover{transform:translateY(-3px)}
.pk-blog-game-play{transition:transform .3s var(--pk-ease)}
.pk-blog-game:hover .pk-blog-game-play{transform:scale(1.06)}

/* aside */
.pk-post-aside{position:relative;height:100%}
.pk-aside-sticky{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.pk-aside-card{padding:16px;border-radius:18px;background:linear-gradient(160deg,rgba(27,27,56,.9),rgba(15,15,30,.9));border:1px solid var(--pk-border)}
.pk-aside-title{display:flex;align-items:center;gap:8px;font-family:var(--pk-head);font-weight:700;font-size:17px;color:#fff;margin-bottom:10px}
.pk-aside-title .fa{color:var(--pk-accent)}
.pk-toc-side ol{list-style:none;margin:0;padding:0;max-height:46vh;overflow:auto;scrollbar-width:thin}
.pk-toc-side li{margin:0}
.pk-toc-side a{display:block;padding:6px 10px;border-left:2px solid var(--pk-border);font-size:13.5px;line-height:1.4;color:var(--pk-muted);transition:color .2s,border-color .2s,background .2s,padding .2s}
.pk-toc-side a:hover{color:#fff;background:rgba(47,123,255,.08)}
.pk-toc-side a.active{color:#fff;border-left-color:var(--pk-accent);background:rgba(143,184,255,.08);padding-left:14px}
.pk-toc-progress{height:3px;border-radius:3px;background:var(--pk-border);margin-top:12px;overflow:hidden}
.pk-toc-progress span{display:block;height:100%;width:0;background:var(--pk-grad2)}
.pk-aside-game{display:flex;align-items:center;gap:10px;padding:7px;border-radius:12px;color:var(--pk-text);font-size:14px;font-weight:600;transition:background .2s,transform .25s var(--pk-ease)}
.pk-aside-game:hover{background:rgba(47,123,255,.12);color:#fff;transform:translateX(3px)}
.pk-aside-game img{width:44px;height:44px;border-radius:10px;object-fit:cover}

/* share buttons (blog) */
.pk-share-btns{display:flex;flex-wrap:wrap;gap:8px}
.pk-sb{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-width:42px;padding:0 14px;border-radius:12px;border:0;cursor:pointer;
	font-size:14px;font-weight:600;color:#fff!important;text-decoration:none!important;transition:transform .25s var(--pk-ease),box-shadow .25s,filter .25s}
.pk-sb .fa{font-size:18px}
.pk-sb:hover{transform:translateY(-3px);filter:brightness(1.1);color:#fff}
.pk-sb-wa{background:#25d366}.pk-sb-wa:hover{box-shadow:0 8px 22px rgba(37,211,102,.45)}
.pk-sb-fb{background:#1877f2}.pk-sb-fb:hover{box-shadow:0 8px 22px rgba(24,119,242,.45)}
.pk-sb-x{background:#0f0f14;border:1px solid #3a3a48}.pk-sb-x:hover{box-shadow:0 8px 22px rgba(255,255,255,.12)}
.pk-sb-tg{background:#229ed9}.pk-sb-tg:hover{box-shadow:0 8px 22px rgba(34,158,217,.45)}
.pk-sb-in{background:#0a66c2}.pk-sb-in:hover{box-shadow:0 8px 22px rgba(10,102,194,.45)}
.pk-sb-rd{background:#ff4500}.pk-sb-rd:hover{box-shadow:0 8px 22px rgba(255,69,0,.45)}
.pk-sb-pi{background:#e60023}.pk-sb-pi:hover{box-shadow:0 8px 22px rgba(230,0,35,.45)}
.pk-sb-em{background:#5b5b7a}
.pk-sb-copy,.pk-sb-native{background:var(--pk-surface2);border:1px solid var(--pk-border);color:var(--pk-text)!important}
.pk-sb-copy:hover,.pk-sb-native:hover{border-color:var(--pk-primary);box-shadow:var(--pk-glow)}
.pk-sb-copy.done{background:var(--pk-ok);color:#06281a!important;border-color:transparent}
.pk-share-icons .pk-sb{padding:0;width:42px;flex:0 0 42px}
.pk-share-icons .pk-sb span{display:none}

.pk-article-share{margin-top:34px;padding:22px;border-radius:20px;position:relative;overflow:hidden;
	background:radial-gradient(400px 160px at 100% 0%,rgba(91,140,255,.18),transparent 70%),linear-gradient(135deg,rgba(47,123,255,.16),rgba(143,184,255,.06));border:1px solid rgba(47,123,255,.35)}
.pk-article-share-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.pk-article-share-head strong{display:block;font-family:var(--pk-head);font-size:22px;color:#fff;line-height:1.2}
.pk-article-share-head small{color:var(--pk-muted);font-size:13.5px}
.pk-article-share-ico{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;color:#fff;background:var(--pk-grad);animation:pkPop 3s ease-in-out infinite}

.pk-author-box{display:flex;gap:16px;align-items:flex-start;margin-top:18px;padding:20px;border-radius:18px;background:var(--pk-surface);border:1px solid var(--pk-border)}
.pk-author-box strong{display:block;color:#fff;font-family:var(--pk-head);font-size:19px;margin-bottom:4px}
.pk-author-box p{margin:0;color:var(--pk-muted);font-size:14.5px;line-height:1.65}

/* mobile share dock */
.pk-share-dock{position:fixed;left:50%;bottom:14px;z-index:1040;display:none;align-items:center;gap:6px;padding:8px 8px 8px 16px;border-radius:999px;
	background:rgba(16,20,31,.92);border:1px solid var(--pk-border);box-shadow:0 14px 40px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
	transform:translate(-50%,140%);transition:transform .45s var(--pk-ease)}
.pk-share-dock>span{font-size:13px;font-weight:700;color:#fff;margin-right:4px}
.pk-share-dock .pk-sb{width:40px;height:40px;min-width:40px;padding:0;border-radius:50%}
.pk-share-dock .pk-sb span{display:none}
.pk-share-dock.show{transform:translate(-50%,0)}

/* faq + sources */
.pk-blog-faq{margin-top:36px}
.pk-blog-faq h2{font-size:28px;margin-bottom:14px;scroll-margin-top:80px}
.pk-faq-item{margin-bottom:10px;border-radius:14px;background:var(--pk-surface2);border:1px solid var(--pk-border);overflow:hidden;transition:border-color .25s}
.pk-faq-item[open]{border-color:rgba(47,123,255,.55)}
.pk-faq-item summary{list-style:none;cursor:pointer;padding:15px 48px 15px 18px;position:relative;font-weight:600;color:#fff;font-size:15.5px}
.pk-faq-item summary::-webkit-details-marker{display:none}
.pk-faq-item summary::after{content:"+";position:absolute;right:16px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:8px;display:grid;place-items:center;font-size:18px;background:rgba(47,123,255,.2);color:#fff;transition:transform .3s var(--pk-ease)}
.pk-faq-item[open] summary::after{transform:rotate(45deg)}
.pk-faq-a{padding:0 18px 14px;color:#cfd0e6;line-height:1.75;animation:pkFadeDown .35s var(--pk-ease)}
.pk-faq-a p{margin:0}
@keyframes pkFadeDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pk-sources h3{font-size:19px;margin:0 0 6px}
.pk-sources h3 .fa{color:var(--pk-ok)}

/* ---------- responsive ---------- */
@media (max-width:1199px){
	.pk-post-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
}
@media (max-width:991px){
	.pk-post-layout{grid-template-columns:minmax(0,1fr)}
	.pk-toc ol{columns:1}
	.pk-post-aside{display:none}
	.pk-toc-inline{display:block}
	.pk-share-dock{display:flex}
	.pk-blog-single .pk-post-hero h1{font-size:36px}
	.pk-trend{padding:2px 14px 8px;border-radius:20px}
}
@media (max-width:575px){
	.pk-blog-head{padding:30px 20px}
	.pk-blog-head h1{font-size:34px}
	.pk-blog-single .pk-post-hero{padding:32px 20px 20px;border-radius:20px}
	.pk-blog-single .pk-post-hero h1{font-size:28px}
	.pk-blog-single .pk-post-hero-desc{font-size:15.5px}
	.pk-blog-single .pk-blog-body{font-size:16px;line-height:1.8}
	.pk-blog-body h2{font-size:23px}
	.pk-bcard-feat{flex-direction:column;min-height:0}
	.pk-bcard-feat .pk-bcover{flex:0 0 auto;height:170px}
	.pk-bcard-feat strong{font-size:24px}
	.pk-bcard-feat .pk-bcard-body{padding:18px}
	.pk-proscons{grid-template-columns:1fr}
	.pk-article-share{padding:18px}
	.pk-article-share .pk-sb{flex:1 1 calc(50% - 8px)}
	.pk-trend{margin-left:-4px;margin-right:-4px;padding:0 10px 6px}
	.pk-live{font-size:11.5px}
	.pk-about-stats{grid-template-columns:1fr 1fr}
	.pk-author-box{flex-direction:column;gap:10px}
	.pk-hero-side .pk-mini:nth-of-type(n+3){display:none}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
	html.pk-js .pk-reveal{opacity:1;transform:none}
	.pk-slide .pk-kicker,.pk-slide .pk-hero-title,.pk-slide .pk-hero-text,.pk-slide .pk-slide-actions{opacity:1;transform:none}
}

/* ==========================================================
   Pika Neon 2.1 - richer home, cards, game page, mobile menu
   ========================================================== */
/* floating neon shapes behind everything */
.pk-bgfx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.pk-bgfx i{position:absolute;display:block;border-radius:30%;opacity:.16;filter:blur(1px);border:2px solid;animation:pkDrift 28s linear infinite}
.pk-bgfx i:nth-child(1){width:70px;height:70px;left:6%;top:70%;border-color:#2f7bff;animation-duration:32s}
.pk-bgfx i:nth-child(2){width:34px;height:34px;left:22%;top:20%;border-color:#8fb8ff;border-radius:50%;animation-duration:26s;animation-delay:-6s}
.pk-bgfx i:nth-child(3){width:0;height:0;border:none;left:48%;top:85%;border-left:26px solid transparent;border-right:26px solid transparent;border-bottom:44px solid #5b8cff;border-radius:0;animation-duration:36s;animation-delay:-12s}
.pk-bgfx i:nth-child(4){width:52px;height:52px;left:78%;top:30%;border-color:#ff8c1a;animation-duration:30s;animation-delay:-3s}
.pk-bgfx i:nth-child(5){width:24px;height:24px;left:90%;top:80%;border-color:#34d399;border-radius:50%;animation-duration:24s;animation-delay:-15s}
.pk-bgfx i:nth-child(6){width:90px;height:90px;left:60%;top:8%;border-color:#2f7bff;border-radius:50%;opacity:.08;animation-duration:40s;animation-delay:-20s}
@keyframes pkDrift{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-120px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}

/* hero: show more of the game art */
.pk-slide-bg{filter:blur(6px) saturate(1.35) brightness(.5)!important}
.pk-slide .pk-hero-title{font-size:54px}
.pk-kicker{box-shadow:0 0 0 1px rgba(255,176,102,.35),0 0 18px rgba(255,176,102,.18)}

/* section head link */
.pk-see-all,.pk-recent-clear{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;color:var(--pk-text);background:var(--pk-surface);border:1px solid var(--pk-border);transition:all .25s var(--pk-ease);cursor:pointer}
.pk-see-all small{opacity:.6}
.pk-see-all:hover,.pk-recent-clear:hover{color:#fff;border-color:var(--pk-primary);box-shadow:var(--pk-glow);transform:translateX(2px)}

/* horizontal rows (category rows + continue playing) */
.pk-catrow-track,.pk-recent-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px;scrollbar-width:thin}
.pk-rowcard{flex:0 0 168px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;color:var(--pk-text);text-decoration:none}
.pk-rowcard-img{position:relative;display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid var(--pk-border);background:var(--pk-surface2);transition:transform .4s var(--pk-ease),box-shadow .4s,border-color .3s}
.pk-rowcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--pk-ease)}
.pk-rowcard:hover .pk-rowcard-img{transform:translateY(-5px);border-color:var(--pk-primary);box-shadow:var(--pk-glow)}
.pk-rowcard:hover .pk-rowcard-img img{transform:scale(1.08)}
.pk-rowcard .pk-play{opacity:0;transform:scale(.6)}
.pk-rowcard:hover .pk-play{opacity:1;transform:scale(1)}
.pk-rowcard strong{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.pk-rowcard small{font-size:12px;color:var(--pk-muted)}
.pk-rowcard:hover strong{color:var(--pk-accent)}
.pk-recent .pk-rowcard{flex-basis:128px}
.pk-recent .pk-rowcard strong{font-size:13px}

/* Game of the Day */
.pk-gotd{position:relative;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;margin:28px 0 6px;padding:30px 36px;border-radius:28px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,176,102,.35);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.pk-gotd-bg{position:absolute;inset:-40px;z-index:-2;background-size:cover;background-position:center;filter:blur(26px) saturate(1.5) brightness(.45);transform:scale(1.1);animation:pkKenBurns 14s ease-in-out infinite alternate}
.pk-gotd::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,14,23,.65),rgba(11,14,23,.25) 60%,rgba(11,14,23,.55)),radial-gradient(500px 220px at 85% 0%,rgba(255,184,0,.18),transparent 70%)}
.pk-gotd-art{position:relative;display:block;width:230px;aspect-ratio:1/1;border-radius:26px;overflow:visible}
.pk-gotd-art img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:26px;box-shadow:0 24px 50px rgba(0,0,0,.55);transition:transform .5s var(--pk-ease);animation:pkFloat 6s ease-in-out infinite}
.pk-gotd-art:hover img{transform:scale(1.05) rotate(-2deg)}
.pk-gotd-ring{position:absolute;inset:-8px;border-radius:32px;background:conic-gradient(from 0deg,#ffb066,#5b8cff,#2f7bff,#8fb8ff,#ffb066);filter:blur(10px);opacity:.75;animation:pkRotate 6s linear infinite}
@keyframes pkRotate{to{transform:rotate(360deg)}}
.pk-gotd-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#ffb066,#ff8c1a);color:#2a1600;font-size:12.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.pk-gotd-body h2{font-size:44px;line-height:1.05;margin:14px 0 10px;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.pk-gotd-body p{color:#e3e3f3;font-size:15.5px;line-height:1.7;max-width:640px;margin:0 0 18px}
.pk-gotd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.pk-gotd-next{color:#d3d8e3;font-size:13.5px}
.pk-gotd-next b{font-family:var(--pk-head);font-size:20px;color:#ffb066;letter-spacing:1px;margin-left:4px}

/* colourful category tiles */
.pk-cat-tile{--g1:#2f7bff;--g2:#8fb8ff;background:linear-gradient(160deg,color-mix(in srgb,var(--g1) 18%,var(--pk-surface)),var(--pk-surface) 70%)!important}
.pk-cat-tile .fa{color:#fff!important;background:linear-gradient(135deg,var(--g1),var(--g2))!important;box-shadow:0 8px 20px color-mix(in srgb,var(--g1) 40%,transparent)}
.pk-cat-tile:hover{border-color:var(--g1)!important;box-shadow:0 10px 30px color-mix(in srgb,var(--g1) 35%,transparent)!important}
.pk-ct-1{--g1:#5b8cff;--g2:#ff8c1a}.pk-ct-2{--g1:#8fb8ff;--g2:#5b8cff}.pk-ct-3{--g1:#34d399;--g2:#5b8cff}
.pk-ct-4{--g1:#ff8c1a;--g2:#ff8a3d}.pk-ct-5{--g1:#2f7bff;--g2:#5b8cff}.pk-ct-6{--g1:#5b8cff;--g2:#2f7bff}.pk-ct-7{--g1:#ff8a3d;--g2:#ff8c1a}

/* richer game cards */
.pk-card{border-radius:18px!important;background:var(--pk-surface)}
.pk-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:3;pointer-events:none;background:linear-gradient(135deg,#2f7bff,#8fb8ff,#5b8cff);opacity:0;transition:opacity .35s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.pk-card:hover::before{opacity:1}
.pk-card-meta{position:absolute;top:8px;right:8px;left:8px;z-index:2;display:flex;justify-content:space-between;gap:6px;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .35s var(--pk-ease);pointer-events:none}
.pk-card-meta em,.pk-card-meta b{font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(11,14,23,.72);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-card-meta em{color:var(--pk-accent);max-width:60%}
.pk-card:hover .pk-card-meta{opacity:1;transform:none}
.pk-card .pk-badge+.pk-card-meta,.pk-badge~.pk-card-meta{left:auto}
.pk-card:hover .pk-badge{opacity:0}

/* game page ambient glow */
.game-content{position:relative}
.pk-ambient{position:absolute;left:5%;right:5%;top:10px;height:520px;z-index:-1;background-size:cover;background-position:center;filter:blur(70px) saturate(1.6);opacity:.45;border-radius:40px;pointer-events:none;animation:pkBreathe 6s ease-in-out infinite}
@keyframes pkBreathe{0%,100%{opacity:.35;transform:scale(.97)}50%{opacity:.55;transform:scale(1.02)}}
.pk-player{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}

/* mobile bottom menu */
.pk-bottomnav{display:none}
@media (max-width:767px){
	body.pk-body{padding-bottom:70px}
	.pk-bottomnav{position:fixed;left:10px;right:10px;bottom:10px;z-index:1045;display:flex;justify-content:space-around;align-items:center;height:60px;padding:0 6px;border-radius:20px;background:rgba(16,20,31,.92);border:1px solid var(--pk-border);box-shadow:0 16px 40px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
	.pk-bottomnav a,.pk-bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border:0;background:none;color:var(--pk-muted);font-size:10.5px;font-weight:600;text-decoration:none;cursor:pointer}
	.pk-bottomnav .fa{font-size:19px;transition:transform .25s var(--pk-ease),color .2s}
	.pk-bottomnav a.on,.pk-bottomnav a.on .fa{color:#fff}
	.pk-bottomnav a.on .fa{color:var(--pk-accent);transform:translateY(-2px)}
	.pk-bottomnav .pk-bn-trend .fa{color:#ff8c1a}
	.pk-bottomnav a:active .fa,.pk-bottomnav button:active .fa{transform:scale(.85)}
	.pk-to-top{bottom:84px!important}
	.pk-share-dock{bottom:82px}
	#pk-cookie{bottom:80px!important}
	.pk-gotd{grid-template-columns:1fr;gap:18px;padding:22px 18px;border-radius:22px;text-align:left}
	.pk-gotd-art{width:150px}
	.pk-gotd-body h2{font-size:30px}
	.pk-rowcard{flex-basis:132px}
	.pk-slide .pk-hero-title{font-size:30px}
	.pk-card-meta{display:none}
	.pk-bgfx{display:none}
}
@media (min-width:768px) and (max-width:991px){
	.pk-gotd-art{width:170px}
	.pk-gotd-body h2{font-size:34px}
}
@media (prefers-reduced-motion:reduce){.pk-bgfx{display:none}}