:root {
  --pp-theme-accent: #7c3aed;
  --pp-theme-ink: #181821;
  --pp-theme-muted: #6f6f80;
  --pp-theme-bg: #f6f6fb;
  --pp-theme-surface: #ffffff;
  --pp-theme-line: #e9e8f1;
}

html { scroll-behavior:smooth; }
body.playpicky-site { color:var(--pp-theme-ink); background:var(--pp-theme-bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease; }
.grid-container { max-width:1320px; }
.site-content { padding-top:28px; }
.inside-article { border-radius:24px; box-shadow:none; }

.site-header { position:relative; z-index:20; border-bottom:1px solid rgba(24,24,33,.07); background:rgba(255,255,255,.94); backdrop-filter:blur(14px); }
.inside-header { min-height:82px; padding-block:14px; }
.site-logo img { max-height:46px; }
.site-branding .main-title a { color:var(--pp-theme-ink); font-size:1.65rem; font-weight:900; letter-spacing:-.045em; }
.site-branding .main-title a::after { content:"●"; margin-left:3px; color:var(--pp-theme-accent); font-size:.72em; }
.site-description { color:var(--pp-theme-muted); }
.main-navigation { background:transparent; }
.main-navigation .main-nav ul li a { color:#383746; font-weight:750; }
.main-navigation .main-nav ul li:hover > a,.main-navigation .main-nav ul li[class*="current-menu-"] > a { color:var(--pp-theme-accent); background:transparent; }
.menu-toggle { border-radius:12px; color:#fff; background:var(--pp-theme-accent); }

.pp-category-bar { overflow:auto; border-bottom:1px solid var(--pp-theme-line); background:#fff; scrollbar-width:none; }
.pp-category-bar::-webkit-scrollbar { display:none; }
.pp-category-bar__inner { display:flex; align-items:center; gap:8px; min-width:max-content; padding-block:10px; }
.pp-category-bar a { display:inline-flex; padding:7px 12px; border-radius:999px; color:#626174; background:#f5f4f9; font-size:.78rem; font-weight:800; text-decoration:none; }
.pp-category-bar a:first-child,.pp-category-bar a:hover { color:#fff; background:var(--pp-theme-accent); }

.pp-homepage .inside-article { padding-top:0; background:transparent; }
.pp-homepage__inside > .entry-content { margin:0; }
.pp-homepage__inside > .entry-content > *:first-child { margin-top:0; }

.pp-game-header { padding:14px 0 4px; }
.pp-game-header h1,.pp-archive-header h1 { margin:10px 0 8px; font-size:clamp(2.35rem,5vw,4.9rem); line-height:.98; letter-spacing:-.06em; }
.pp-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--pp-theme-muted); font-size:.8rem; font-weight:700; }
.pp-breadcrumbs a { color:var(--pp-theme-muted); text-decoration:none; }
.pp-breadcrumbs a:hover { color:var(--pp-theme-accent); }
.pp-game-meta { display:flex; align-items:center; gap:15px; color:var(--pp-theme-muted); font-size:.87rem; font-weight:750; }
.pp-game-meta span + span::before { content:"•"; margin-right:15px; color:#c6c4cf; }

.pp-game-information { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr); gap:28px; margin:42px 0; }
.pp-game-description,.pp-game-guide { padding:clamp(24px,4vw,40px); border:1px solid var(--pp-theme-line); border-radius:22px; background:#fff; }
.pp-game-description h2,.pp-game-guide h2 { margin-top:0; font-size:clamp(1.5rem,3vw,2.2rem); letter-spacing:-.035em; }
.pp-game-guide { align-self:start; background:linear-gradient(145deg,#1b1529,#2c1d4d); color:#eee9fa; }
.pp-game-guide h2,.pp-game-guide h3 { color:#fff; }
.pp-game-guide p { color:#d1c9e4; }
.pp-license-info { margin-top:24px; padding-top:18px; border-top:1px solid rgba(255,255,255,.14); color:#c5badb; font-size:.84rem; }
.pp-ad-slot { display:grid; place-items:center; min-height:100px; margin:30px 0; padding:18px; border:1px dashed #cfcbdc; border-radius:18px; color:var(--pp-theme-muted); background:#faf9fd; text-align:center; }

.pp-archive-header { margin-bottom:34px; padding:clamp(28px,5vw,54px); border-radius:26px; background:radial-gradient(circle at 84% 18%,rgba(250,204,21,.28),transparent 23%),linear-gradient(135deg,#1a1329,#5b21b6); color:#fff; }
.pp-archive-header > span { display:inline-block; color:#d9ccf7; font-size:.75rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.pp-archive-header h1 { color:#fff; }
.pp-archive-description { max-width:720px; color:#ddd3ef; }
.pp-archive-header .ppg-search { margin-top:24px; }
.pp-archive-grid { margin-bottom:38px; }

.site-footer { margin-top:72px; }
.footer-widgets { color:#d6d1df; background:#17131f; }
.footer-widgets a { color:#fff; }
.site-info { color:#a9a3b4; background:#100d15; }
.site-info a { color:#fff; }

.wp-block-button__link { border-radius:14px; background:var(--pp-theme-accent); font-weight:800; }
.entry-content h1,.entry-content h2,.entry-content h3 { letter-spacing:-.035em; }
.entry-content p { color:#555464; }

@media (max-width:900px) {
  .pp-game-information { grid-template-columns:1fr; }
  .pp-game-guide { width:auto; }
}
@media (max-width:768px) {
  .site-content { padding-top:18px; }
  .inside-article { padding:20px; border-radius:18px; }
  .pp-homepage .inside-article { padding-inline:0; }
  .inside-header { min-height:66px; }
  .pp-game-header h1,.pp-archive-header h1 { font-size:2.55rem; }
  .pp-archive-header { padding:28px 22px; }
}