.category-page{grid-column:1/-1;min-width:0;width:100%;font-family:Nunito,Arial,sans-serif;color:#eef3e8;padding:8px 0 30px}
.cp-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:12px;color:#ced8c4;margin-bottom:16px}.cp-breadcrumb a{color:#ffbd84;text-decoration:none}
.cp-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.cp-heading h1{color:#fff;font-size:clamp(24px,4vw,34px);font-weight:900;line-height:1.25;margin:0 0 7px}.cp-heading p{font-size:14px;color:#d3ddca;margin:0}.cp-count{flex-shrink:0;padding:7px 12px;border:1px solid #8c7956;border-radius:20px;color:#ffce9e;background:#4a4534;font-weight:800;font-size:12px}
.cp-toolbar{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #ffffff20;font-size:12px;color:#d7e0ce}
.cp-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}
.cp-game{display:block;min-width:0;color:#fff;text-decoration:none}.cp-cover{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:11px;background:#30372b}.cp-cover img{display:block;width:100%;height:100%;object-fit:cover}.cp-cover::after{content:"";position:absolute;inset:0;border:3px solid transparent;border-radius:inherit;pointer-events:none}.cp-game:hover .cp-cover::after,.cp-game:focus-visible .cp-cover::after{border-color:#ed3237}.cp-name{display:block;padding:8px 2px 0;font-size:13px;line-height:1.4;font-weight:800;overflow-wrap:anywhere;color:#fff}.cp-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ff8427;color:#151b10;font-size:16px;opacity:0}.cp-game:hover .cp-play,.cp-game:focus-visible .cp-play{opacity:1}
.cp-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:28px 0}.cp-pagination a{display:grid;place-items:center;min-width:40px;min-height:40px;padding:0 12px;border:1px solid #6a765c;border-radius:8px;color:#fff;background:#394330;text-decoration:none;font-size:13px;font-weight:800}.cp-pagination a:hover{border-color:#ffab62}.cp-pagination a[aria-current]{background:#ff8427;border-color:#ffad64;color:#141a10}
.cp-description,.cp-faq{margin-top:32px;padding-top:24px;border-top:1px solid #ffffff24;line-height:1.8;font-size:15px;color:#e1e9d9}.cp-description h2,.cp-faq h2{color:#fff;font-weight:900;font-size:21px;margin:0 0 14px}.cp-description :where(p,span,div,font){color:inherit!important;background-color:transparent!important}.cp-description a{color:#ffbd84!important}.cp-description img{max-width:100%;height:auto}.cp-description ul,.cp-description ol{padding-left:22px;list-style:revert}.cp-description table{display:block;max-width:100%;overflow-x:auto}.cp-faq details{border-bottom:1px solid #ffffff20;padding:13px 0}.cp-faq summary{cursor:pointer;color:#fff;font-weight:800}.cp-faq p{margin-top:10px;color:#d9e3d0}.cp-empty{text-align:center;padding:40px 12px;color:#e2e9da}.cp-empty h2{font-size:20px;color:#fff;font-weight:800}.cp-empty a{display:inline-block;margin-top:15px;color:#ffba7b}.category-page a:focus-visible,.cp-faq summary:focus-visible{outline:2px solid #ffb16d;outline-offset:4px}
@media(max-width:1200px){.cp-games{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:768px){.cp-games{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.cp-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.cp-heading{align-items:flex-start;gap:8px}.cp-heading p{font-size:12px}.cp-count{padding:6px 9px}.cp-name{font-size:12px}.cp-description{font-size:14px}}
/* Category content must grow independently of the fixed home game grid. */
.m-grid-start.category-page-layout{display:block;min-width:0}
.category-page{padding-top:12px}
.cp-heading{padding:12px 0 26px;margin-bottom:0;position:relative}
.cp-heading-main{display:flex;align-items:center;gap:18px;min-width:0}
.cp-category-icon{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;font-size:38px;border-radius:22px;background:linear-gradient(145deg,#65654c,#343d30);border:1px solid #c6ac714a;box-shadow:inset 0 1px 0 #ffffff12}
.cp-eyebrow{display:block;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#ffc08b;margin-bottom:6px}
.cp-heading h1{font-size:clamp(24px,3vw,34px);margin-bottom:5px}
.cp-heading-links{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.cp-heading-links a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;border:1px solid #ffffff26;color:#f4eddf;font-size:12px;font-weight:800;text-decoration:none;background:#ffffff05}
.cp-heading-links a:hover{background:#ffffff0d;border-color:#ffb677}
.cp-heading-links a span{color:#ffb677;font-size:16px}
.cp-toolbar{align-items:center;padding:17px 0;border-top:1px solid #ffffff24}
.cp-library-title{display:flex;align-items:center;gap:10px;min-width:0}
.cp-library-title h2{font-size:16px;font-weight:900;color:#fff;margin:0}
.cp-accent{width:4px;height:19px;background:#ff8a36;border-radius:3px}
.cp-count{padding:3px 8px;font-size:11px;border-color:#ffffff20;background:#ffffff08;color:#e3eadc;border-radius:6px}
.cp-order{font-size:11px;color:#cbd5c4;white-space:nowrap}.cp-order span{margin:0 6px}
.cp-games{gap:18px 14px;align-items:start}
.cp-game{border-radius:12px;background:#30382db3;overflow:hidden;box-shadow:0 3px 8px #00000012}
.cp-cover{border-radius:12px 12px 0 0}
.cp-cover::after{border-radius:inherit}
.cp-name{padding:10px 10px 11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px;line-height:1.4}
.cp-game:hover .cp-name,.cp-game:focus-visible .cp-name{color:#ffd0a3}
.cp-game:hover{background:#293226}
.cp-description{margin-top:30px}
@media(max-width:768px){.cp-heading{align-items:flex-start;gap:16px;flex-direction:column;padding:6px 0 20px}.cp-heading-main{gap:12px}.cp-category-icon{width:58px;height:58px;font-size:29px;border-radius:17px}.cp-heading-links{gap:7px}.cp-heading-links a{padding:7px 10px;font-size:11px}.cp-eyebrow{font-size:9px;letter-spacing:1px}.cp-toolbar{gap:8px;flex-wrap:wrap;padding:14px 0}.cp-library-title h2{font-size:14px}.cp-order{font-size:10px}.cp-name{font-size:12px;padding:8px}.cp-games{gap:12px 10px}}
@media(prefers-reduced-motion:reduce){.category-page *{scroll-behavior:auto}}