/* Scoped games layout: independent of Elementor */
.pkpm-public-shell{max-width:1180px;margin:24px auto 70px;padding:0 clamp(12px,3vw,30px);min-height:55vh;color:#1a2142;font-family:inherit}
.pkpm-public-shell *{box-sizing:border-box}
.pkpm-public-hero{padding:clamp(18px,3vw,35px);border:1px solid #e3e6f0;border-radius:20px;margin-bottom:24px;background:#f7f9fd}
.pkpm-public-hero span{color:#8a6700;text-transform:uppercase;font-weight:800;letter-spacing:.09em;font-size:12px}
.pkpm-public-hero h1{font-size:clamp(25px,3.4vw,43px)!important;line-height:1.15!important;margin:8px 0!important}
.pkpm-public-hero p{font-size:clamp(15px,1.6vw,18px);line-height:1.6;margin:0}
.pkpm-public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}
.pkpm-public-card{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #dde1ec;border-radius:16px;background:#fff;box-shadow:0 5px 16px #1625500d;color:#222c4b!important;text-decoration:none!important;min-height:210px}
.pkpm-public-card:hover,.pkpm-public-card:focus-visible{outline:2px solid #ffcb05;outline-offset:2px;transform:translateY(-1px)}
.pkpm-public-card strong{font-size:20px;line-height:1.25}.pkpm-public-card__emoji{font-size:29px}.pkpm-public-card__arrow{margin-top:auto;font-weight:800;color:#776000}
.pkpm-public-shell .pkpm-cross,.pkpm-public-shell .pkpm-doku,.pkpm-public-shell .pkpm-lab,.pkpm-public-shell .pkpm-wordle{max-width:100%;margin-left:auto;margin-right:auto}
.pkpm-public-shell img{max-width:100%;height:auto}
@media(max-width:640px){.pkpm-public-shell{margin:12px auto 40px}.pkpm-public-grid{grid-template-columns:1fr}.pkpm-public-card{min-height:150px}}

/* 0.8.1: accessible editorial content, genuine FAQ and contextual discovery. */
.pkpm-editorial{max-width:970px;margin:34px auto 24px;padding:clamp(18px,3vw,34px);border:1px solid #e5e9f1;border-radius:18px;background:#fff;color:#24304a;line-height:1.75}
.pkpm-editorial h2{font-size:clamp(21px,2.5vw,28px);line-height:1.3;margin:25px 0 12px;color:#17213b}
.pkpm-editorial h2:first-child{margin-top:0}
.pkpm-editorial h3{font-size:clamp(17px,2vw,20px);line-height:1.4;margin:23px 0 9px;color:#24304a}
.pkpm-editorial p{margin:10px 0 16px}
.pkpm-editorial__note{padding:12px 16px;border-left:3px solid #e1b900;background:#fff9e3;border-radius:4px}
.pkpm-more-games{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:30px auto 40px;max-width:970px}
.pkpm-more-games h2{flex:1 1 100%;margin:0 0 6px;font-size:22px}
.pkpm-more-games a{display:inline-flex;align-items:center;min-height:43px;padding:9px 15px;border:1px solid #cfd6e7;border-radius:12px;background:#fff;color:#1d3d6b;text-decoration:none;font-weight:700}
.pkpm-more-games a:hover,.pkpm-more-games a:focus-visible{outline:2px solid #e9bd16;outline-offset:2px}
@media(max-width:640px){.pkpm-editorial{margin:24px 0;padding:18px}.pkpm-more-games a{flex:1 1 auto;justify-content:center}}
/* 0.9.0: privacy-safe daily quiz summary */
.pkpm-public-shell .pkpm-quiz-stats{max-width:980px;margin:24px auto;background:#f7faff;border:1px solid #dce5f3;border-radius:16px;padding:clamp(16px,2vw,26px)}
.pkpm-public-shell .pkpm-quiz-stats h2,.pkpm-public-shell .pkpm-quiz-stats h3{margin:0 0 14px;color:#1e2b50;font-size:clamp(19px,2vw,25px)}
.pkpm-public-shell .pkpm-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pkpm-public-shell .pkpm-stats-grid>div{background:white;border:1px solid #dfe5ef;border-radius:12px;padding:15px 9px;text-align:center}
.pkpm-public-shell .pkpm-stats-grid strong{display:block;color:#263862;font-size:clamp(22px,3vw,31px)}
.pkpm-public-shell .pkpm-stats-grid span{font-size:13px;color:#58647b}
.pkpm-public-shell .pkpm-stats-history{margin:8px 0 0;padding-left:20px;line-height:1.9}
.pkpm-public-shell .pkpm-quiz-stats [hidden]{display:none!important}
@media(max-width:460px){.pkpm-public-shell .pkpm-stats-grid{grid-template-columns:1fr}.pkpm-public-shell .pkpm-stats-grid>div{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}.pkpm-public-shell .pkpm-stats-grid strong{font-size:23px}}
