/* ==========================================================
   Pika Pro 3.0 - professional design layer
   Loaded LAST on every page. Calm ink-navy surfaces, one brand
   colour (violet) and one highlight colour (amber, from the logo).
   ========================================================== */
:root{
	--bg:#0b0e17; --bg2:#0f131e; --surface:#141926; --surface2:#1a2030; --surface3:#222939;
	--line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12);
	--text:#eef1f7; --muted:#98a1b6; --dim:#6d768b;
	--brand:#2f7bff; --brand-600:#1f66e5; --brand-300:#8fb8ff; --brand-soft:rgba(47,123,255,.14);
	--amber:#ff8c1a; --amber-soft:rgba(255,140,26,.13);
	--ok:#34d399; --danger:#f2546b;
	--r-sm:10px; --r:14px; --r-lg:20px;
	--sh-1:0 1px 2px rgba(0,0,0,.25),0 6px 18px rgba(0,0,0,.22);
	--sh-2:0 14px 34px rgba(0,0,0,.45);
	--ease:cubic-bezier(.22,1,.36,1);
	--head:"Poppins","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	/* old variables, re-pointed so older CSS follows the new palette */
	--pk-bg:var(--bg); --pk-bg2:var(--bg2); --pk-surface:var(--surface); --pk-surface2:var(--surface2); --pk-border:var(--line2);
	--pk-text:var(--text); --pk-muted:var(--muted); --pk-primary:var(--brand); --pk-primary2:var(--brand-600);
	--pk-accent:var(--brand-300); --pk-hot:var(--amber); --pk-ok:var(--ok); --pk-radius:var(--r);
	--pk-shadow:var(--sh-2); --pk-glow:0 0 0 1px rgba(47,123,255,.45),0 12px 30px rgba(0,0,0,.4);
	--pk-head:var(--head); --pk-ease:var(--ease);
	--pk-grad:linear-gradient(135deg,#2f7bff,#1f66e5); --pk-grad2:linear-gradient(90deg,#2f7bff,#8fb8ff);
	color-scheme:dark;
}

/* ---------- base ---------- */
html{scrollbar-color:#2c3447 var(--bg);scrollbar-width:thin}
body.pk-body{background:var(--bg)!important;background-image:radial-gradient(1200px 520px at 50% -220px,rgba(47,123,255,.13),transparent 70%)!important;background-attachment:scroll!important;color:var(--text);font-size:15px;line-height:1.6}
body.pk-body::before,body.pk-body::after,.pk-bgfx{display:none!important;animation:none!important}
h1,h2,h3,h4,h5,.item-title,.pk-hero-title{font-family:var(--head);letter-spacing:-.01em}
a{color:var(--brand-300)}
a:hover{color:#fff}
::selection{background:var(--brand);color:#fff}
:focus-visible{outline:2px solid var(--brand-300);outline-offset:2px}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#2c3447;border-radius:10px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:#3a4459}
.container{max-width:1280px}

/* calm the old decorative animations */
.item-title .fa,.pk-nav .pk-login,.pk-badge,.pk-play,.pk-move-new,.pk-hot .fa,.pk-gotd-art img,.pk-gotd-bg,.pk-gotd-ring,.pk-slider::before,.pk-live-dot,.pk-header::after,.pk-card:hover .pk-play{animation:none!important}
.pk-header::after,.pk-slider::before,.pk-gotd-ring,.pk-card::before,.pk-card-thumb::after,.pk-cat-tile::before{display:none!important}

/* ---------- buttons ---------- */
.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:12px;font-weight:700;font-size:14.5px;line-height:1;border:1px solid transparent;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;cursor:pointer;text-decoration:none}
.pk-btn-primary{background:var(--brand)!important;color:#fff!important;box-shadow:0 8px 22px rgba(47,123,255,.32)!important}
.pk-btn-primary:hover{background:var(--brand-600)!important;color:#fff;transform:translateY(-1px)}
.pk-btn-ghost{background:var(--surface2)!important;border-color:var(--line2)!important;color:var(--text)!important;box-shadow:none!important}
.pk-btn-ghost:hover{border-color:rgba(179,164,255,.45)!important;color:#fff!important}
.pk-btn:active{transform:translateY(1px)}

/* ---------- header ---------- */
.pk-header{background:rgba(11,14,23,.86)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)!important;box-shadow:none!important}
.pk-header.pk-scrolled{background:rgba(11,14,23,.95)!important;box-shadow:0 8px 24px rgba(0,0,0,.3)!important}
.pk-header-inner{min-height:64px;gap:20px}
.pk-brand{flex:0 0 auto;display:flex;align-items:center}
.pk-brand .site-logo{height:42px;width:auto;max-width:none}
.pk-footer-logo{max-height:none!important;width:190px;height:auto}
.pk-brand:hover .site-logo{transform:none!important;filter:none!important}
.pk-nav a.nav-link{color:var(--muted)!important;font-weight:600;font-size:14px;padding:8px 12px!important;border-radius:10px;background:none!important}
.pk-nav a.nav-link:hover{color:#fff!important;background:var(--surface2)!important}
.pk-nav a.nav-link::after{display:none!important}
.pk-nav a.nav-link .fa{display:none}
.pk-nav .pk-login{color:#fff!important;background:var(--surface2)!important;border:1px solid var(--line2);margin-left:6px}
.pk-nav .pk-login .fa{display:inline-block!important;color:var(--brand-300)}
.pk-search{background:var(--surface)!important;border:1px solid var(--line2)!important;border-radius:12px!important;box-shadow:none!important;height:42px}
.pk-search:focus-within{border-color:rgba(47,123,255,.6)!important;box-shadow:0 0 0 3px rgba(47,123,255,.18)!important}
.pk-search input.search{color:var(--text)!important;background:transparent!important}
.pk-search input.search::placeholder{color:var(--dim)}
.pk-search .btn-search{background:var(--brand)!important;border-radius:9px!important;font-weight:700;box-shadow:none!important}
.pk-suggest{background:var(--surface)!important;border:1px solid var(--line2)!important;border-radius:14px!important;box-shadow:var(--sh-2)!important}
.pk-sg-item:hover,.pk-sg-item.active{background:var(--surface2)!important}
.pk-sg-item mark{background:var(--amber-soft);color:var(--amber);padding:0 2px;border-radius:3px}
.pk-icon-btn{background:var(--surface)!important;border:1px solid var(--line2)!important;color:var(--text)!important;border-radius:11px!important;width:40px;height:40px;font-size:16px!important;place-items:center;position:relative;transition:border-color .2s,color .2s}
.pk-icon-btn.pk-mygames-btn{display:inline-grid;text-decoration:none}
.pk-icon-btn:hover{border-color:rgba(179,164,255,.45)!important;color:#fff!important}
.pk-mygames-btn .fa{color:#ff6b8a}
.pk-fav-count{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--amber);color:#1b1300;font-size:10.5px;font-weight:800;line-height:18px;text-align:center;font-style:normal}
.pk-install{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,140,26,.4);background:var(--amber-soft);color:#ffb877;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.pk-install[hidden]{display:none}
.pk-install:hover{background:rgba(255,140,26,.22);color:#fff}
.pk-header .user-avatar{border-color:var(--brand)!important}

/* category chip bar */
.pk-cats{background:var(--bg)!important;border-bottom:1px solid var(--line)!important}
.pk-chip-row{padding:10px 0!important}
.pk-chip{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--muted)!important;font-weight:600!important;font-size:13px!important;border-radius:999px!important;padding:7px 14px!important;box-shadow:none!important;transition:color .2s,border-color .2s,background .2s}
.pk-chip .fa{color:var(--dim)!important;font-size:13px!important}
.pk-chip:hover{color:#fff!important;border-color:var(--line2)!important;background:var(--surface2)!important}
.pk-chip.active{color:#fff!important;background:var(--brand-soft)!important;border-color:rgba(47,123,255,.55)!important}
.pk-chip.active .fa,.pk-chip:hover .fa{color:var(--brand-300)!important}

/* ---------- section heads ---------- */
.pk-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:40px 0 16px!important;padding:0!important;border:0!important}
.pk-section-head::after{display:none!important}
.item-title{display:flex;align-items:center;gap:12px;font-size:22px!important;font-weight:700!important;color:#fff;margin:0!important;line-height:1.2}
.item-title .fa{width:36px!important;height:36px!important;flex:0 0 36px;border-radius:10px!important;display:inline-grid!important;place-items:center;font-size:16px!important;color:var(--brand-300)!important;background:var(--brand-soft)!important;box-shadow:none!important;margin:0!important}
.item-title small{font-size:14px;color:var(--dim);font-weight:500;font-family:Inter,sans-serif}
.pk-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.pk-see-all,.pk-recent-clear{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:600;color:var(--muted)!important;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important;transform:none!important;cursor:pointer;text-decoration:none}
.pk-see-all:hover,.pk-recent-clear:hover{color:#fff!important;border-color:var(--line2)!important;background:var(--surface2)!important}
.pk-see-all small{color:var(--dim);font-weight:700}
.pk-row-nav{display:flex;gap:6px}
.pk-row-nav button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text);display:grid;place-items:center;cursor:pointer;transform:none!important;transition:background .2s,opacity .2s}
.pk-row-nav button:hover:not(:disabled){background:var(--surface3)!important}
.pk-row-nav button:disabled{opacity:.35;cursor:default}

/* ---------- horizontal rows: no visible scrollbar (fixes the white bars) ---------- */
.pk-hrow,.pk-catrow-track,.pk-recent-row,.pk-top-row{
	display:flex;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth;scroll-snap-type:x proximity;
	scrollbar-width:none!important;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
	padding:8px 2px 6px!important;margin:-8px -2px 0;gap:14px
}
.pk-hrow::-webkit-scrollbar,.pk-catrow-track::-webkit-scrollbar,.pk-recent-row::-webkit-scrollbar,.pk-top-row::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.pk-hrow.pk-more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 60px),transparent)}
.pk-hrow.pk-more-left.pk-more-right{-webkit-mask-image:linear-gradient(90deg,transparent,#000 50px,#000 calc(100% - 60px),transparent);mask-image:linear-gradient(90deg,transparent,#000 50px,#000 calc(100% - 60px),transparent)}
.pk-hrow.pk-more-left:not(.pk-more-right){-webkit-mask-image:linear-gradient(90deg,transparent,#000 50px);mask-image:linear-gradient(90deg,transparent,#000 50px)}
.pk-rowcard{flex:0 0 160px!important;gap:0!important}
.pk-recent .pk-rowcard{flex-basis:132px!important}
.pk-rowcard-img{border-radius:var(--r)!important;border:0!important;box-shadow:var(--sh-1);background:var(--surface2)}
.pk-rowcard:hover .pk-rowcard-img{transform:translateY(-4px)!important;box-shadow:0 0 0 2px rgba(47,123,255,.7),var(--sh-2)!important}
.pk-rowcard:hover .pk-rowcard-img img{transform:scale(1.05)!important}
.pk-rowcard strong{font-size:13.5px!important;font-weight:600!important;color:var(--text)!important;margin-top:9px!important}
.pk-rowcard:hover strong{color:#fff!important}
.pk-rowcard small{font-size:12px!important;color:var(--dim)!important;margin-top:1px}
.pk-rowcard small .fa{font-size:11px}

/* ---------- game cards ---------- */
.grid-layout{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:18px 14px!important;grid-auto-flow:row!important}
.grid-layout .span-2{grid-column:auto!important;grid-row:auto!important}
.grid-item{position:relative}
.pk-card{display:block;background:transparent!important;border:0!important;border-radius:var(--r)!important;box-shadow:none!important;transform:none;overflow:visible!important;color:var(--text)!important;text-decoration:none}
.pk-card:hover{transform:none!important;box-shadow:none!important}
.pk-card-thumb{aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--surface2);box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s}
.pk-card:hover .pk-card-thumb{transform:translateY(-4px);box-shadow:0 0 0 2px rgba(47,123,255,.75),var(--sh-2)}
.pk-card:hover .pk-card-thumb img{transform:scale(1.05)!important;filter:none!important}
.pk-card-title{padding:9px 2px 0!important;background:none!important;font-size:13.5px!important;font-weight:600!important;color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left!important;position:static!important}
.pk-card:hover .pk-card-title{color:#fff!important}
.pk-play{width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(47,123,255,.95)!important;box-shadow:0 8px 20px rgba(0,0,0,.4)!important;color:#fff;display:grid!important;place-items:center;font-size:16px;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s var(--ease)}
.pk-play .fa{margin-left:3px}
.pk-card:hover .pk-play,.pk-rowcard:hover .pk-play{opacity:1;transform:scale(1)}
.pk-badge{background:var(--amber)!important;color:#1b1300!important;font-size:10px!important;font-weight:800!important;letter-spacing:.8px!important;padding:3px 7px!important;border-radius:6px!important;box-shadow:0 4px 12px rgba(0,0,0,.35)}
.pk-card-meta em,.pk-card-meta b{background:rgba(11,14,23,.78)!important;color:#fff!important;font-weight:600!important}
.pk-card-meta em{color:var(--brand-300)!important}
.pk-card-meta{top:auto!important;bottom:8px;left:8px;right:auto!important;justify-content:flex-start;transform:translateY(6px)!important}
.pk-card:hover .pk-card-meta{transform:none!important}
.pk-card-meta em{display:none}

/* favourite heart on cards */
.pk-fav{border:0;cursor:pointer;font-size:14px;line-height:1}
.grid-item>.pk-fav{position:absolute;top:8px;right:8px;z-index:4;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(11,14,23,.72);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s var(--ease),background .2s}
.grid-item:hover>.pk-fav,.grid-item>.pk-fav:focus-visible,.grid-item>.pk-fav.on{opacity:1;transform:none}
.grid-item>.pk-fav:hover{background:rgba(11,14,23,.92)}
.pk-fav.on .fa{color:#ff5c7f}
.pk-fav.pk-pop .fa{animation:pkHeart .45s var(--ease)}
@keyframes pkHeart{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}
@media (hover:none){.grid-item>.pk-fav{opacity:1;transform:none;width:30px;height:30px;top:6px;right:6px}}

/* ---------- hero ---------- */
.pk-hero{margin:26px 0 18px!important;gap:16px!important}
.pk-slider{border-radius:var(--r-lg)!important;border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:var(--sh-2)!important;min-height:380px}
.pk-slider::after{display:none!important}
.pk-slide{padding:40px 44px!important}
.pk-slide-bg{filter:blur(2px) saturate(1.1) brightness(.62)!important;inset:-8px!important;transform:scale(1.03)!important}
.pk-slide-bg::after{background:linear-gradient(90deg,rgba(11,14,23,.96) 0%,rgba(11,14,23,.78) 45%,rgba(11,14,23,.25) 100%)!important}
.pk-slide .pk-hero-title{font-size:46px!important;font-weight:800!important;line-height:1.06!important;margin:14px 0 12px!important;text-shadow:none!important}
.pk-hero-text{color:#c3c9d6!important;font-size:15px!important;line-height:1.65;max-width:470px}
.pk-kicker{background:var(--amber-soft)!important;color:#ffb877!important;border:1px solid rgba(255,140,26,.35)!important;box-shadow:none!important;border-radius:999px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.8px;padding:5px 12px!important;text-transform:uppercase}
.pk-slide-art{border-radius:var(--r-lg)!important;box-shadow:0 20px 50px rgba(0,0,0,.55)!important;border:0!important;transform:none!important}
.pk-slide-meta .fa{color:var(--muted)!important}
.pk-slider-nav{background:rgba(11,14,23,.6)!important;border:1px solid var(--line2)!important;border-radius:12px!important;width:40px!important;height:40px!important}
.pk-slider-dots button{background:rgba(255,255,255,.28)!important;border:0}
.pk-slider-dots button.active{background:#fff!important;width:22px!important}
.pk-slider-progress span{background:var(--brand)!important}
.pk-hero-side{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;gap:6px!important}
.pk-side-title{font-family:var(--head);font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;padding:2px 4px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.pk-side-title .fa{color:var(--amber)}
.pk-mini{background:transparent!important;border:0!important;border-radius:12px!important;padding:8px!important;box-shadow:none!important;transform:none!important}
.pk-mini:hover{background:var(--surface2)!important}
.pk-mini img{border-radius:10px!important;width:56px!important;height:56px!important}
.pk-mini strong{font-size:14px;color:var(--text)!important}
.pk-mini small{color:var(--dim)!important}
.pk-mini-rank{background:var(--surface3)!important;color:var(--text)!important;border-radius:8px!important}

/* perks */
.pk-perks{gap:12px!important;margin:0 0 6px!important}
.pk-perks>div{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important;padding:14px 16px!important}
.pk-perks .fa{background:var(--brand-soft)!important;color:var(--brand-300)!important;box-shadow:none!important;border-radius:10px!important}
.pk-perks>div:nth-child(3) .fa{background:var(--amber-soft)!important;color:var(--amber)!important}
.pk-perks b{color:#fff}
.pk-perks span{color:var(--dim)}

/* ---------- Game of the Day ---------- */
.pk-gotd{border:1px solid rgba(255,140,26,.22)!important;background:var(--surface)!important;box-shadow:var(--sh-2)!important;border-radius:var(--r-lg)!important;padding:30px 36px!important;margin:30px 0 6px!important}
.pk-gotd-bg{filter:blur(40px) saturate(1.2) brightness(.35)!important;opacity:.8}
.pk-gotd::before{background:linear-gradient(90deg,rgba(20,25,38,.75),rgba(20,25,38,.35))!important}
.pk-gotd-art{width:210px!important}
.pk-gotd-art img{border-radius:var(--r-lg)!important;box-shadow:0 20px 44px rgba(0,0,0,.5)!important}
.pk-gotd-tag{background:var(--amber)!important;color:#1b1300!important;font-size:11.5px!important;letter-spacing:.8px!important}
.pk-gotd-body h2{font-size:40px!important;font-weight:800!important;text-shadow:none!important}
.pk-gotd-body p{color:#c3c9d6!important;font-size:15px!important}
.pk-gotd-next b{font-family:var(--head)!important;color:var(--amber)!important;font-size:18px!important;font-variant-numeric:tabular-nums}

/* ---------- Top 10 ---------- */
.pk-trend{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;padding:6px 24px 18px!important;margin-top:30px!important;box-shadow:none!important}
.pk-trend .pk-section-head{margin:20px 0 6px!important}
.pk-live{color:var(--dim)!important;font-size:12.5px;padding-left:48px!important}
.pk-live-dot{background:var(--ok)!important;box-shadow:0 0 0 3px rgba(52,211,153,.2)!important}
.pk-top-row{gap:6px!important;padding-top:14px!important}
.pk-top-item{flex:0 0 auto;display:flex;align-items:flex-end}
.pk-top-num{font-family:var(--head)!important;font-weight:800!important;font-size:104px!important;line-height:.8!important;color:transparent!important;-webkit-text-stroke:2px #3a4560!important;text-shadow:none!important;margin-right:-6px;letter-spacing:-6px;transform:none!important}
.pk-top-item:nth-child(-n+3) .pk-top-num{-webkit-text-stroke-color:rgba(255,140,26,.75)!important}
.pk-top-card{border:0!important;border-radius:var(--r)!important;box-shadow:var(--sh-1)!important;background:var(--surface2)!important}
.pk-top-item:hover .pk-top-card{transform:translateY(-4px);box-shadow:0 0 0 2px rgba(47,123,255,.75),var(--sh-2)!important}
.pk-top-item.is-hot .pk-top-card,.pk-top-item:nth-child(1) .pk-top-card{border:0!important}
.pk-top-name{background:linear-gradient(transparent,rgba(11,14,23,.92))!important;font-weight:600!important}
.pk-move-new{background:var(--brand)!important;color:#fff!important}
.pk-hot{color:var(--amber)!important}
.pk-hot .fa{color:var(--amber)!important}

/* ---------- collections ---------- */
.pk-coll-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.pk-coll-chip{--hue:var(--brand);display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--text)!important;text-decoration:none;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.pk-coll-chip:hover{border-color:color-mix(in srgb,var(--hue) 55%,transparent);background:var(--surface2);transform:translateY(-2px)}
.pk-coll-chip .fa{width:40px;height:40px;flex:0 0 40px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:var(--hue);background:color-mix(in srgb,var(--hue) 16%,transparent)}
.pk-coll-chip span{display:flex;flex-direction:column;line-height:1.25;font-weight:700;font-size:14.5px;min-width:0}
.pk-coll-chip small{font-weight:500;font-size:12px;color:var(--dim)}
.pk-coll-random{--hue:var(--amber);border-style:dashed}
.pk-coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:10px}
.pk-coll-card{--hue:var(--brand);display:block;border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--text)!important;transition:transform .25s var(--ease),border-color .2s,box-shadow .25s}
.pk-coll-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--hue) 55%,transparent);box-shadow:var(--sh-2)}
.pk-coll-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--surface2)}
.pk-coll-mosaic img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.pk-coll-info{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:14px 16px}
.pk-coll-info .fa{grid-row:1/3;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:var(--hue);background:color-mix(in srgb,var(--hue) 16%,transparent)}
.pk-coll-info strong{font-family:var(--head);font-size:16px}
.pk-coll-info small{color:var(--dim);font-size:12.5px}

/* ---------- category tiles ---------- */
.pk-cat-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:12px!important}
.pk-cat-tile{--hue:var(--brand);background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important;padding:12px 14px!important;color:var(--text)!important;transition:border-color .2s,background .2s,transform .2s var(--ease)!important}
.pk-cat-tile:hover{background:var(--surface2)!important;border-color:color-mix(in srgb,var(--hue) 55%,transparent)!important;transform:translateY(-2px);box-shadow:none!important}
.pk-cat-tile .fa{color:var(--hue)!important;background:color-mix(in srgb,var(--hue) 16%,transparent)!important;box-shadow:none!important;border-radius:11px!important;transform:none!important}
.pk-cat-tile span{font-weight:700;font-size:14px}
.pk-cat-tile small{color:var(--dim)!important}

/* ---------- home blog + about ---------- */
.pk-home-blog{margin-top:44px!important}
.pk-home-blog-top h2{font-size:22px!important}
.pk-home-blog-top h2 .fa{color:var(--brand-300)}
.pk-home-blog-top a{color:var(--muted)!important;font-weight:600}
.pk-bcard{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:none!important;transition:transform .25s var(--ease),border-color .2s!important}
.pk-bcard:hover{transform:translateY(-3px)!important;border-color:var(--line2)!important;box-shadow:var(--sh-2)!important}
.pk-bcover{background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 70%,#141926),color-mix(in srgb,var(--c2) 55%,#141926))!important}
.pk-orb{opacity:.25!important}
.pk-blog-cat{background:color-mix(in srgb,var(--c1) 16%,transparent)!important;color:color-mix(in srgb,var(--c1) 55%,#fff)!important;border:0!important}
.pk-about-box{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:none!important}
.pk-about-box h2{font-size:24px}
.pk-about-box p{color:#b9c0ce}
.pk-about-stats>div{background:var(--surface2)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important}
.pk-about-stats b{font-family:var(--head)!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}
.pk-about-stats>div:first-child b{color:var(--amber)!important;-webkit-text-fill-color:var(--amber)!important}

/* ---------- category / collection pages ---------- */
.pk-cat-hero{--hue:var(--brand);background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:none!important;margin-top:18px}
.pk-cat-hero-icon{background:color-mix(in srgb,var(--hue) 16%,transparent)!important;color:var(--hue)!important;box-shadow:none!important;border-radius:16px!important}
.pk-cat-hero-icon .fa{color:var(--hue)!important}
.pk-cat-hero-title{font-size:32px!important;font-weight:800!important}
.pk-cat-hero-intro{color:#b9c0ce!important}
.pk-cat-chips span{background:var(--surface2)!important;border:1px solid var(--line)!important;color:var(--muted)!important}
.pk-cat-chips .fa{color:var(--brand-300)!important}
.pk-cat-about{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:none!important}
.pk-cat-about-icon{background:var(--brand-soft)!important;color:var(--brand-300)!important;box-shadow:none!important}
.pk-coll-about .pk-cat-about-body{max-height:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.pk-sortbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 16px}
.pk-sortbar-label{color:var(--dim);font-size:13px;font-weight:600;margin-right:4px}
.pk-sortbar button{height:34px;padding:0 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s}
.pk-sortbar button:hover{color:#fff;border-color:var(--line2)}
.pk-sortbar button.on{background:var(--brand-soft);border-color:rgba(47,123,255,.55);color:#fff}
.pk-sortbar button .fa{font-size:12px}
.pk-page-head{margin:22px 0 8px}
.pk-page-head h1{font-size:32px;font-weight:800;margin:0 0 6px;display:flex;align-items:center;gap:12px}
.pk-page-head h1 .fa{color:#ff5c7f;font-size:26px}
.pk-page-head p{color:var(--muted);max-width:680px;margin:0}
.pk-breadcrumb{color:var(--dim)!important;font-size:13px}
.pk-breadcrumb a{color:var(--muted)!important}
.pk-breadcrumb a:hover{color:#fff!important}
.pagination .page-link{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;border-radius:10px!important;margin:0 3px}
.pagination .active .page-link{background:var(--brand)!important;border-color:var(--brand)!important}

/* My Games */
.pk-mg-block{margin-bottom:10px}
.pk-mg-block .pk-empty{background:var(--surface);border:1px dashed var(--line2);border-radius:var(--r-lg);padding:30px 20px;text-align:center}
.pk-mg-block .pk-empty .fa{font-size:30px;color:var(--dim)}
.pk-mg-block .pk-empty h2{font-size:18px;margin:10px 0 4px}
.pk-mg-block .pk-empty p{color:var(--muted);margin:0}
.pk-mg-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.pk-score-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);color:var(--text)!important;text-decoration:none}
.pk-score-row:hover{border-color:var(--line2);background:var(--surface2)}
.pk-score-row img{width:52px;height:52px;border-radius:10px;object-fit:cover}
.pk-score-row span{flex:1;min-width:0;display:flex;flex-direction:column}
.pk-score-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-score-row small{color:var(--dim)}
.pk-score-row b{font-family:var(--head);color:var(--amber);font-size:18px;white-space:nowrap}
.pk-mg-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:34px 0 10px}

/* ---------- game page ---------- */
.pk-ambient{opacity:.18!important;animation:none!important;filter:blur(90px)!important}
.pk-player{border-radius:var(--r-lg)!important;overflow:hidden;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--sh-2)!important}
.game-iframe-container{position:relative;background:#000;border-radius:0!important}
.pk-start{position:absolute;inset:0;z-index:5;display:grid;place-items:center;overflow:hidden;text-decoration:none!important;color:#fff!important;cursor:pointer;background:#0b0e17}
.pk-start-bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(22px) brightness(.45) saturate(1.2);transform:scale(1.05)}
.pk-start::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(11,14,23,.1),rgba(11,14,23,.75))}
.pk-start-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px}
.pk-start-card img{width:150px;height:150px;border-radius:24px;object-fit:cover;box-shadow:0 18px 44px rgba(0,0,0,.6);margin-bottom:10px;transition:transform .3s var(--ease)}
.pk-start:hover .pk-start-card img{transform:scale(1.04)}
.pk-start-title{font-family:var(--head);font-weight:800;font-size:28px;line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.pk-start-meta{color:#c9cfdc;font-size:13.5px}
.pk-start-meta .fa{color:var(--muted)}
.pk-start-btn{margin-top:14px;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 34px;border-radius:14px;background:var(--brand);font-weight:800;font-size:17px;box-shadow:0 12px 30px rgba(47,123,255,.45);transition:background .2s,transform .2s}
.pk-start:hover .pk-start-btn{background:var(--brand-600);transform:translateY(-2px)}
.pk-start-note{color:var(--muted);font-size:12.5px;margin-top:4px}
.game-iframe-container.is-playing .pk-start{display:none}
.pk-player-bar{background:var(--surface)!important;border-top:1px solid var(--line)!important;padding:12px 16px!important;gap:12px}
.pk-player-bar .single-title{font-size:20px!important;font-weight:700!important;margin:0!important}
.pk-player-icon{border-radius:12px!important}
.pk-meta{color:var(--dim)!important;font-size:13px!important;margin:2px 0 0!important}
.pk-best{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:1px 9px;border-radius:999px;background:var(--amber-soft);color:#ffb877;font-weight:600}
.pk-best[hidden]{display:none}
.pk-best b{color:var(--amber)}
.action-btn{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pk-tool{display:inline-flex!important;align-items:center;gap:6px;height:36px;padding:0 11px!important;border-radius:10px!important;background:var(--surface2)!important;border:1px solid var(--line)!important;color:var(--text)!important;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none!important;text-decoration:none!important;transition:border-color .2s,background .2s}
.pk-tool:hover,.pk-tool[aria-pressed="true"],.pk-tool[aria-expanded="true"]{background:var(--surface3)!important;border-color:var(--line2)!important;color:#fff!important}
.pk-tool .fa{font-size:14px;color:var(--muted)}
.pk-tool:hover .fa{color:#fff}
.pk-tool-wa .fa{color:#25d366!important}
.pk-fav-tool.on{border-color:rgba(255,92,127,.45)!important;background:rgba(255,92,127,.1)!important}
.pk-fav-tool.on .fa{color:#ff5c7f!important}
.stats-vote .icon-vote{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;background:var(--surface2);border:1px solid var(--line);color:var(--muted);cursor:pointer}
.stats-vote .icon-vote:hover{color:#fff;border-color:var(--line2)}
.pk-embed{padding:14px 16px 16px;border-top:1px solid var(--line);background:var(--bg2);display:grid;gap:10px}
.pk-embed[hidden]{display:none}
.pk-embed-head{display:flex;flex-direction:column;gap:2px}
.pk-embed-head small{color:var(--dim)}
.pk-embed textarea{width:100%;resize:vertical;background:var(--surface);border:1px solid var(--line2);border-radius:10px;color:#c9cfdc;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:10px 12px}
.pk-embed .pk-btn{justify-self:start;height:38px}
.pk-upnext{margin:16px 0 4px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pk-upnext-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.pk-upnext-head h2{font-size:17px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}
.pk-upnext-head h2 .fa{color:var(--brand-300)}
.pk-upnext-head a{color:var(--muted)!important;font-size:13px;font-weight:600}
.pk-upnext-head a:hover{color:#fff!important}
.pk-upnext-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:1199px){.pk-upnext-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pk-upnext-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;background:var(--surface2);border:1px solid transparent;color:var(--text)!important;text-decoration:none!important;transition:border-color .2s,background .2s}
.pk-upnext-item:hover{border-color:rgba(47,123,255,.55);background:var(--surface3)}
.pk-upnext-item img,.pk-dice{width:56px;height:56px;flex:0 0 56px;border-radius:10px;object-fit:cover}
.pk-dice{display:grid;place-items:center;background:var(--amber-soft);color:var(--amber);font-size:22px}
.pk-upnext-item>span:not(.pk-dice){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.pk-upnext-item strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-upnext-item small{font-size:12px;color:var(--dim)}
.pk-upnext-item>.fa{color:var(--dim);font-size:20px}
.pk-upnext-item:hover>.fa{color:var(--brand-300)}
.pk-upnext-random{border:1px dashed rgba(255,140,26,.35)}
.pk-panel{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;box-shadow:none!important}
.pk-side-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}
.pk-side-list .widget-title{font-size:15px;color:#fff}
.pk-side-list .widget-title .fa{color:var(--amber)}
.pk-mini-rank{font-family:var(--head)}

/* theater mode */
body.pk-theater .game-content{flex:0 0 100%!important;max-width:100%!important}
body.pk-theater .game-content+.col-lg-3{flex:0 0 100%;max-width:100%}
body.pk-theater .game-content+.col-lg-3 .pk-side-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px}
body.pk-theater .game-content+.col-lg-3 .pk-side-list .widget-title{grid-column:1/-1}
body.pk-theater .game-iframe-container{height:min(78vh,820px)!important;padding:0!important}
body.pk-theater .game-iframe-container iframe{position:absolute;inset:0;width:100%!important;height:100%!important}
body.pk-theater .pk-ambient{display:none}

/* toast */
.pk-toast{position:fixed;left:50%;bottom:24px;z-index:2000;transform:translate(-50%,20px);opacity:0;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:14px;background:#1f2638;border:1px solid var(--line2);color:var(--text);font-size:14px;box-shadow:var(--sh-2);transition:opacity .25s,transform .3s var(--ease)}
.pk-toast.show{opacity:1;transform:translate(-50%,0)}
.pk-toast[hidden]{display:none}
.pk-toast .fa-heart{color:#ff5c7f}
.pk-toast .fa-trophy{color:var(--amber)}
.pk-toast a{color:var(--brand-300);font-weight:700}
.pk-toast-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9px;background:#25d366;color:#04210f!important}

/* ---------- blog pages ---------- */
.pk-blog-hero,.pk-post-hero{border-radius:var(--r-lg)!important}
.pk-blog-body{color:#c9cfdc}
.pk-blog-body h2{font-size:26px;color:#fff;margin-top:38px}
.pk-blog-body h3{font-size:19px;color:#fff}
.pk-blog-body a{color:var(--brand-300)}
.pk-blog-body strong{color:#fff}
.pk-callout{background:var(--brand-soft)!important;border:1px solid rgba(47,123,255,.3)!important;border-left-width:4px!important;border-radius:12px!important}
.pk-keyfacts{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important}
.pk-blog-game{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important}
.pk-blog-game:hover{border-color:rgba(47,123,255,.5)!important}
.pk-blog-game-play{background:var(--brand)!important;box-shadow:none!important}
.pk-faq-item{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important}
.pk-blog-body table{border-color:var(--line2)}
.pk-blog-body th{background:var(--surface2);color:#fff}
.pk-blog-body td,.pk-blog-body th{border-color:var(--line2)!important}

/* ---------- footer ---------- */
.pk-footer::before,.pk-footer::after{display:none!important}
.pk-home-blog .pk-bgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:1199px){.pk-home-blog .pk-bgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:575px){.pk-home-blog .pk-bgrid{grid-template-columns:1fr!important}}
.pk-footer{background:var(--bg2)!important;border-top:1px solid var(--line)!important;margin-top:60px}
.pk-footer-grid{grid-template-columns:1.5fr repeat(4,1fr)!important;gap:28px!important}
.pk-footer h4{font-size:14px;letter-spacing:.4px;color:#fff;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:700}
.pk-footer a{color:var(--muted)!important}
.pk-footer a:hover{color:#fff!important}
.pk-footer p{color:var(--dim)}
.pk-copyright{border-top:1px solid var(--line)!important;background:transparent!important;color:var(--dim)}
.pk-to-top{background:var(--brand)!important;box-shadow:0 8px 22px rgba(0,0,0,.4)!important;border-radius:12px!important}
#pk-cookie{background:#1a2030!important;border:1px solid var(--line2)!important;border-radius:16px!important;box-shadow:var(--sh-2)!important}

/* ---------- responsive ---------- */
@media (max-width:1199px){
	.pk-footer-grid{grid-template-columns:1fr 1fr 1fr!important}
	.pk-footer-about{grid-column:1/-1}
}
@media (max-width:991px){
	.pk-slide .pk-hero-title{font-size:36px!important}
	.pk-top-num{font-size:84px!important}
	.pk-install span{display:none}
	.pk-install{width:40px;padding:0;justify-content:center}
	.pk-nav a.nav-link .fa{display:inline-block}
}
@media (max-width:767px){
	.container{padding-left:16px;padding-right:16px}
	.pk-section-head{margin:30px 0 12px!important}
	.item-title{font-size:18px!important;gap:10px}
	.item-title .fa{width:32px!important;height:32px!important;flex-basis:32px;font-size:14px!important}
	.pk-row-nav{display:none}
	.grid-layout{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 10px!important}
	.pk-card-title{font-size:12.5px!important;padding-top:7px!important}
	.pk-rowcard{flex-basis:128px!important}
	.pk-recent .pk-rowcard{flex-basis:112px!important}
	.pk-slide{padding:24px 20px!important}
	.pk-slide .pk-hero-title{font-size:28px!important}
	.pk-slider{min-height:440px!important}
	.pk-slide-art{width:42%!important}
	.pk-hero-text{font-size:14px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
	.pk-hero-side{padding:10px}
	.pk-trend{padding:4px 14px 14px!important;border-radius:var(--r)!important}
	.pk-live{padding-left:0!important}
	.pk-top-num{font-size:70px!important;margin-right:-10px;letter-spacing:-4px}
	.pk-gotd{padding:20px!important}
	.pk-gotd-art{width:150px!important}
	.pk-gotd-body h2{font-size:28px!important}
	.pk-coll-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.pk-coll-chip{padding:10px;gap:10px}
	.pk-coll-chip .fa{width:34px;height:34px;flex-basis:34px;font-size:15px}
	.pk-coll-chip span{font-size:13.5px}
	.pk-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.pk-footer-grid{grid-template-columns:1fr 1fr!important}
	.pk-start-card img{width:96px;height:96px;border-radius:18px;margin-bottom:4px}
	.pk-start-title{font-size:20px}
	.pk-start-btn{height:46px;padding:0 24px;font-size:15px;margin-top:8px}
	.pk-start-note{display:none}
	.pk-hide-sm{display:none}
	.pk-tool span{display:none}
	.pk-tool{width:38px;justify-content:center;padding:0!important}
	.pk-player-bar{flex-direction:column;align-items:flex-start!important}
	.header-right{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}
	.pk-upnext{padding:12px}
	.pk-upnext-grid{grid-template-columns:1fr 1fr}
	.pk-upnext-item{flex-direction:column;align-items:flex-start;gap:6px}
	.pk-upnext-item img,.pk-dice{width:100%;height:auto;aspect-ratio:1/1;flex-basis:auto}
	.pk-upnext-item>.fa{display:none}
	.pk-upnext-item>span:not(.pk-dice){width:100%}
	.pk-cat-hero-title,.pk-page-head h1{font-size:24px!important}
	.pk-toast{bottom:86px}
	.pk-bottomnav{background:rgba(20,25,38,.95)!important;border:1px solid var(--line2)!important;border-radius:18px!important}
	.pk-bottomnav a.on .fa{color:var(--brand-300)!important}
	.pk-bottomnav .pk-bn-trend .fa{color:var(--amber)!important}
	.pk-bottomnav a[href$="my-games"] .fa{color:#ff6b8a}
	.pk-header-inner{gap:10px}
	.pk-brand .site-logo{height:30px}
	.pk-footer-logo{width:160px}
}
@media (max-width:420px){
	.grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.pk-footer-grid{grid-template-columns:1fr!important}
}
@media (prefers-reduced-motion:reduce){
	*{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}