/* The landing card is the owner-approved catalogue baseline. */
body.pf-game-page.pf-components-page {
 --pf-card-edge:#f0d8d3;--pf-card-surface:#fffdfa;--pf-card-shadow:0 4px 0 #e9d2c7;
 --pf-shop-frame-edge:#93643d;--pf-shop-frame-wood:repeating-linear-gradient(3deg,#d3a36b 0 2px,#dfba83 3px 9px,#d9ae78 10px 12px);
 --pf-shop-frame-shadow:inset 0 1px 2px #fff4c7,0 3px 0 #865736,0 8px 22px #3c261f30;
}
body.pf-game-page.pf-components-page .pf-game-main:not(.pf-retail-storefront) .pf-game-panel {
 box-sizing:border-box;padding:8px;border:1px solid var(--pf-shop-frame-edge);border-radius:28px;
 background:var(--pf-shop-frame-wood);box-shadow:var(--pf-shop-frame-shadow);
}
body.pf-game-page.pf-components-page .pf-game-main:not(.pf-retail-storefront) .pf-game-panel__inner {border:1px solid #bb9269;border-radius:19px;background:#fffdf7;box-shadow:none}
/* Offset the frame's new rim so the approved home cards retain their width. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing {width:min(1200px,calc(100% - 1rem))}
body.pf-game-page.pf-components-page .pf-game-panel ul.products {grid-template-columns:repeat(auto-fill,minmax(260px,280px));gap:16px;align-items:stretch}
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product {width:auto;min-width:0;margin:0}
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product .product-card {
 min-height:0;height:100%;padding:0;overflow:hidden;border:2px solid var(--pf-card-edge);border-radius:1.2rem;background:var(--pf-card-surface);box-shadow:var(--pf-card-shadow);
}
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product .product-image-button {
 display:grid;place-items:center;box-sizing:border-box;width:100%;max-width:none;height:auto;aspect-ratio:1;margin:0;padding:1rem;border:0;border-radius:0;background:#fff0f2;box-shadow:none;
}
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product:nth-child(even) .product-image-button {background:#e9f7f1}
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product .product-info {padding:1rem;gap:0}
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product .product-name {min-height:0;margin:0 0 .5rem;font-size:1rem;line-height:1.45}
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product .product-price,
body.pf-game-page.pf-components-page .pf-game-panel ul.products li.product .pf-commission-price-label {margin:0;font-size:1rem;color:#a4314b;font-weight:800;line-height:1.55}
/* Availability remains readable, without a decorative badge. */
body.pf-game-page.pf-components-page .pf-commission-intake {display:block;align-self:auto;margin:0 0 .4rem;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#526750;font-size:.8125rem}
body.pf-game-page.pf-components-page .pf-game-panel .onsale {display:none}
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-game-main--catalog:not(.pf-retail-storefront) .pf-game-panel ul.products {grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
}
@media(max-width:899px) {
 body.pf-game-page.pf-components-page .pf-game-panel ul.products {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing {width:min(600px,calc(100% - .25rem))}
}

/* Distinct shopkeeper feature, clearer intent choices and an enlarged guide. */
body.pf-game-page.pf-components-page .pf-landing-editorial {
 position:relative;display:flex;align-items:stretch;justify-content:end;min-height:280px;padding:0;overflow:hidden;
 border:7px solid transparent;border-radius:1.2rem;
 background:linear-gradient(145deg,#fce0eb,#e5f5e9) padding-box,var(--pf-shop-frame-wood) border-box;
 box-shadow:var(--pf-shop-frame-shadow);
}
body.pf-game-page.pf-components-page .pf-landing-editorial img {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom}
body.pf-game-page.pf-components-page .pf-landing-editorial p {position:relative;align-self:end;margin:0 .4rem .4rem;padding:.45rem .6rem;border-radius:.7rem;background:#fffdf4eb;color:#653c4b;line-height:1.4}
body.pf-game-page.pf-components-page .pf-intent-grid a {min-height:120px;gap:.8rem;padding:1rem;border-radius:1.2rem}
body.pf-game-page.pf-components-page .pf-intent-visual {display:grid;flex:0 0 54px;place-items:center;width:54px;height:54px;border-radius:50%;background:#fffdf8b8;color:#874358}
body.pf-game-page.pf-components-page .pf-intent-visual .material-symbols-rounded {font-size:28px;font-variation-settings:'FILL' 1}
body.pf-game-page.pf-components-page .pf-intent-grid strong {font-size:1rem;line-height:1.35}
body.pf-game-page.pf-components-page .pf-landing-service__guide img {width:190px;height:230px;object-fit:contain;object-position:center bottom}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-categories {padding:8px 8px 12px;scroll-padding-inline:8px}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing-editorial {grid-column:1/-1;min-height:280px}
 body.pf-game-page.pf-components-page .pf-intent-grid a {min-height:76px;padding:.65rem .8rem}
 body.pf-game-page.pf-components-page .pf-intent-visual {flex-basis:48px;width:48px;height:48px}
 body.pf-game-page.pf-components-page .pf-landing-service__guide {justify-content:center}
 body.pf-game-page.pf-components-page .pf-landing-service__guide img {width:160px;height:180px}
}

/* Compact mobile action surfaces retain a 44px touch target and one type scale. */
@media(max-width:760px) {
 body.pf-game-page.pf-components-page :is(
  .pf-commerce .wc-block-components-button,
  .pf-account-order-action,.pf-account-secondary,.pf-retail-controls button,
  .pf-checkout-coupon-intro button,.pf-coupon-block-entry button,.pf-empty-cart-coupon-entry button,
  .pf-coupon-ticket__action,.pf-coupon-filter,.pf-coupon-load-more
 ) {min-height:44px;padding:.4rem .7rem;font-size:var(--pf-ui-button);line-height:1.25}
}

/* Individual wood-framed groups retain the shop's material without enclosing the page. */
body.pf-game-page.pf-components-page :is(
 .pf-game-main--landing .pf-home-group,
 .pf-game-main--landing .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"],
 .pf-landing-footer
) {
 box-sizing:border-box;border:8px solid transparent;border-radius:28px;
 background:linear-gradient(#fffdf7,#fffdf7) padding-box,var(--pf-shop-frame-wood) border-box;
 box-shadow:var(--pf-shop-frame-shadow);padding:clamp(16px,2vw,24px);
}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero {
 box-sizing:border-box;height:420px;border:8px solid transparent;border-radius:28px;
 background:linear-gradient(125deg,#ffe7ef 0%,#fff9e8 58%,#def5ed 100%) padding-box,var(--pf-shop-frame-wood) border-box;
 box-shadow:var(--pf-shop-frame-shadow);
}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group {margin-top:clamp(3rem,5vw,5rem)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group > .pf-landing-section {margin-top:2.5rem}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group > .pf-landing-section:first-child {margin-top:0}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page :is(.pf-game-main--landing .pf-home-group,.pf-game-main--landing .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"],.pf-landing-footer) {padding:14px;border-width:7px}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero {border-width:7px}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero {height:clamp(580px,calc(718px - 35.7vw),605px);grid-template-rows:auto minmax(0,1fr)}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero__character {min-height:0;max-height:none;height:100%}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group {margin-top:3rem}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group > .pf-landing-section {margin-top:2rem}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group > .pf-landing-section:first-child {margin-top:0}
}
@media(max-width:480px) {
 body.pf-game-page.pf-components-page .pf-game-main:not(.pf-retail-storefront) .pf-game-panel__inner {border-radius:15px}
}

/* The homepage is a sequence of independent sections, without a shop-window shell. */
body.pf-game-page.pf-components-page .pf-game-main--landing:not(.pf-retail-storefront) > .pf-game-panel {
 width:100%;max-width:none;margin:105px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.pf-game-page.pf-components-page .pf-game-main--landing:not(.pf-retail-storefront) > .pf-game-panel > .pf-game-panel__inner {
 margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-game-scrollport {padding:0}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing {width:min(1200px,calc(100% - 2rem));margin:0 auto 4rem}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-section {margin-top:clamp(3rem,5vw,5rem)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] {margin:0 0 1.5rem}
body.pf-game-page.pf-components-page :is(.pf-game-main--landing,.pf-landing-footer) a,
body.pf-game-page.pf-components-page :is(.pf-game-main--landing,.pf-landing-footer) a:is(:link,:visited,:hover,:active,:focus-visible) {text-decoration:none}
body.pf-game-page.pf-components-page .pf-landing-footer a {font-weight:700}
body.pf-game-page.pf-components-page .pf-landing-footer a:hover {color:#9b3b49}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing:not(.pf-retail-storefront) > .pf-game-panel {margin-top:100px}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing {width:calc(100% - 2rem);margin:0 auto 3rem}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-section {margin-top:3rem}
}

/* A separate full-width shop frame holds the existing brand and shortcuts. */
body.pf-game-page.pf-components-page .pf-game-main--landing {padding-inline:0}
body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header {
 position:relative;left:auto;top:auto;width:100%;max-width:none;height:auto;min-height:86px;margin:0;padding:8px;
 border:1px solid var(--pf-shop-frame-edge);border-radius:0 0 28px 28px;background:var(--pf-shop-frame-wood);box-shadow:var(--pf-shop-frame-shadow)
}
body.pf-game-page.pf-components-page .pf-home-header .pf-game-header {
 display:flex;position:relative;left:auto;top:auto;width:100%;max-width:none;min-height:68px;box-sizing:border-box;
 padding:10px 220px 10px 18px;border:1px solid #bb9269;border-radius:0 0 19px 19px;background:#fffdf7
}
body.pf-components-page .pf-home-header .pf-bubble-navigation {position:absolute;top:12px;right:16px}
body.pf-game-page.pf-components-page .pf-game-main--landing:not(.pf-retail-storefront) > .pf-game-panel:not(.pf-home-header) {margin-top:0}

/* Category entries share the menu cards' rounded edge, depth and pastel colour. */
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category {
 --menu-edge:#f0a0a2;--menu-depth:#dfb4bb;--menu-top:#fff8f7;--menu-bottom:#ffe1e5;
 flex:0 0 132px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:.4rem;
 min-height:108px;padding:.75rem;border:1.5px solid var(--menu-edge);border-radius:1.3rem;
 background:linear-gradient(155deg,var(--menu-top),var(--menu-bottom));
 box-shadow:inset 0 .15rem 0 #ffffffdb,inset 0 -.0625rem 0 #ffffff88,0 .2rem 0 var(--menu-depth),0 .4rem .55rem #7444261c;
}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:nth-child(4n + 2) {--menu-edge:#a5d196;--menu-depth:#a9cfb8;--menu-top:#fafff7;--menu-bottom:#dff4e9}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:nth-child(4n + 3) {--menu-edge:#e7bf77;--menu-depth:#dfc78f;--menu-top:#fffdf4;--menu-bottom:#fff0c9}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:nth-child(4n + 4) {--menu-edge:#b4a7de;--menu-depth:#c0b5df;--menu-top:#fcfaff;--menu-bottom:#e7e4fb}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-category-portrait {width:auto;height:auto;border-radius:0;background:none}
@media(max-width:899px) {
 body.pf-game-page.pf-components-page .pf-home-header .pf-game-header {min-height:62px;padding:8px 168px 8px 10px}
 body.pf-components-page .pf-home-header .pf-bubble-navigation {top:10px;right:12px}
}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing {width:calc(100% - 52px)}
}
@media(max-width:350px) {
 body.pf-game-page.pf-components-page .pf-home-header .pf-game-header {padding-right:150px}
}

/* Shared visual roles: the same scale follows customers through the shop. */
body.pf-game-page.pf-components-page {
 --pf-ui-text:16px;--pf-ui-secondary:14px;--pf-ui-label:14px;--pf-ui-button:16px;--pf-ui-caption:12px;--pf-ui-line:1.5;--pf-ui-title-line:1.25;
 --pf-ui-h1:32px;--pf-ui-title:24px;--pf-ui-h3:18px;--pf-ui-side:24px;--pf-ui-radius:16px;--pf-ui-width:1200px;
 --pf-ui-control:44px;--pf-ui-icon:20px;--pf-ui-gap:16px;--pf-ui-section-gap:64px;
}
@media(max-width:1023px){body.pf-game-page.pf-components-page{--pf-ui-h1:28px;--pf-ui-title:22px;--pf-ui-h3:18px;--pf-ui-side:20px;--pf-ui-section-gap:48px}}
@media(max-width:600px){body.pf-game-page.pf-components-page{--pf-ui-h1:24px;--pf-ui-title:20px;--pf-ui-h3:16px;--pf-ui-side:16px;--pf-ui-section-gap:40px}}
body.pf-game-page.pf-components-page :is(.pf-landing,.pf-game-panel,.pf-quick-cart,.pf-drawer,.pf-search-panel) {font-size:var(--pf-ui-text);line-height:var(--pf-ui-line)}
body.pf-game-page.pf-components-page :is(.pf-game-panel,.pf-quick-cart,.pf-drawer,.pf-search-panel) :where(label,small) {font-size:var(--pf-ui-secondary);line-height:1.4}
body.pf-game-page.pf-components-page :is(.pf-game-panel,.pf-quick-cart,.pf-drawer,.pf-search-panel) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button) {min-height:var(--pf-ui-control)}
body.pf-game-page.pf-components-page .pf-home-header .bubble-caption {font-size:var(--pf-ui-caption);line-height:1.2}
body.pf-game-page.pf-components-page :is(.pf-catalog-hero h1,.pf-entry__title,.product_title,.pf-landing-hero h1) {font-size:var(--pf-ui-h1);font-weight:900;line-height:var(--pf-ui-title-line)}
body.pf-game-page.pf-components-page :is(.pf-landing-heading h2,.pf-landing-service h2,.pf-feature-collections > h2,.pf-landing-story h2,.pf-landing-help h2,.pf-commerce #customer_login h2) {font-size:var(--pf-ui-title);font-weight:900;line-height:var(--pf-ui-title-line)}
body.pf-game-page.pf-components-page :is(.pf-landing-product h3,.pf-account-order-card h3) {font-size:var(--pf-ui-h3);font-weight:700;line-height:1.4}
body.pf-game-page.pf-components-page :is(.pf-landing-button,.pf-collection-tabs button,.pf-retail-controls button,.pf-quick-cart__actions a,.pf-quick-cart__continue) {min-height:var(--pf-ui-control)}
body.pf-game-page.pf-components-page :is(.pf-landing-button,.pf-quick-cart__actions a,.pf-quick-cart__continue) :is(.pf-material-symbol,.material-symbols-rounded) {font-size:var(--pf-ui-icon)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group {margin-top:var(--pf-ui-section-gap);border-width:6px}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group > .pf-landing-section {margin-top:clamp(2rem,3.5vw,3.5rem)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group > .pf-landing-section:first-child {margin-top:0}
/* One shared interval separates the independent wood-framed sections. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > * + * {margin-top:var(--pf-ui-section-gap)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] {margin-bottom:0}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing {margin-bottom:var(--pf-ui-section-gap)}
body.pf-game-page.pf-components-page :is(.product-card,.pf-landing-product) .woocommerce-Price-amount {display:inline-block;white-space:nowrap;overflow-wrap:normal}
@media (min-width:761px) and (max-width:1023px) {
 body.pf-game-page.pf-components-page .pf-landing-section[aria-labelledby="pf-landing-creators"] .pf-landing-categories {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.pf-game-page.pf-components-page .pf-landing-section[aria-labelledby="pf-landing-creators"] .pf-landing-category strong {word-break:normal;overflow-wrap:normal}
}
/* Compact menu-shaped category cards give the illustrated hero breathing room. */
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category {flex-basis:112px;min-height:84px;padding:.5rem;gap:.25rem}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-category-portrait .material-symbols-rounded {font-size:26px}
body.pf-game-page.pf-components-page .pf-collection-tiles a > .pf-collection-tiles__icon {aspect-ratio:auto;min-height:76px}
body.pf-game-page.pf-components-page .pf-collection-tiles__icon .material-symbols-rounded {font-size:32px;color:#8c4257;font-variation-settings:'FILL' 1}
body.pf-game-page.pf-components-page .pf-more-directions a > .material-symbols-rounded {display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:.7rem;background:#fce8ed;color:#8c4257;font-size:25px;font-variation-settings:'FILL' 1}
/* Motion is decorative: no translated text, controls, or document scrolling. */
@supports (animation-timeline:view()) {
 @media (prefers-reduced-motion:no-preference) {
  body.pf-game-page.pf-components-page .pf-game-main {view-timeline-name:--pf-page}
  @keyframes pf-stage-drift {from {transform:translateY(-10px)} to {transform:translateY(10px)}}
 }
}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category {flex-basis:92px;min-height:76px;font-size:.8125rem}
 body.pf-game-page.pf-components-page .pf-collection-tiles a > .pf-collection-tiles__icon {min-height:56px}
}
/* Graphic stage accents are CSS-only; the original character remains unaltered. */
body.pf-game-page.pf-components-page .pf-landing-hero::before {
 content:'';position:absolute;inset:0;pointer-events:none;opacity:.42;
 background:radial-gradient(circle at 15% 16%,#e989a1 1.4px,transparent 1.7px) 0 0/14px 14px,
  linear-gradient(125deg,transparent 0 63%,#c9eee7 63.2% 68%,transparent 68.2%);
 mask-image:linear-gradient(90deg,#000 0%,transparent 46%,transparent 70%,#000 100%);
}
body.pf-game-page.pf-components-page .pf-landing-hero__copy {z-index:1}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-feature-collections) {background:linear-gradient(#fff8fb,#fffdf7) padding-box,var(--pf-shop-frame-wood) border-box}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-story) {background:linear-gradient(#f1fbf6,#fffdf7) padding-box,var(--pf-shop-frame-wood) border-box}
/* Collection shelves and guidance use lighter rims than the hero and main shelf. */
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail),
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-help) {border-width:3px;box-shadow:0 3px 0 #b3896255}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail) {background:linear-gradient(135deg,#fff7ec,#f2faf4) padding-box,var(--pf-shop-frame-wood) border-box}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-help) {background:#eff9f4 padding-box,var(--pf-shop-frame-wood) border-box}
.pf-category-scroll-hint {display:none;margin:0 8px;color:#73505a;font-size:.75rem;font-weight:700;line-height:1.25;text-align:right}
.pf-category-scroll-hint .pf-material-symbol {font-size:16px;vertical-align:middle}
@media(max-width:900px) {body.pf-game-page.pf-components-page .pf-category-scroll-hint {display:block}}
@media(max-width:380px) {
 body.pf-game-page.pf-components-page .product-card .pf-commission-byline {gap:4px}
 body.pf-game-page.pf-components-page .product-card .pf-commission-byline__avatar {width:20px;height:20px}
}
body.pf-game-page.pf-components-page .pf-commission-search-state {display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin:0 0 12px;color:#543b47;font-size:.875rem;overflow-wrap:anywhere}
body.pf-game-page.pf-components-page .pf-commission-search-state a {display:inline-flex;align-items:center;gap:4px;min-height:44px;color:#963b56;font-weight:800;text-decoration:none}
body.pf-game-page.pf-components-page .pf-commission-search-state a:focus-visible {outline:3px solid #244c3a;outline-offset:2px}
/* Purpose entries form one editorial feature and two supporting choices. */
body.pf-game-page.pf-components-page .pf-intent-grid {grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px}
body.pf-game-page.pf-components-page .pf-intent-grid a:first-child {grid-row:span 2;min-height:184px;align-items:flex-end;background:linear-gradient(145deg,#c9f3e6,#e8faf2)}
body.pf-game-page.pf-components-page .pf-intent-grid a:first-child .pf-intent-visual {width:68px;height:68px;flex-basis:68px}
body.pf-game-page.pf-components-page .pf-intent-grid a:first-child .pf-intent-visual .material-symbols-rounded {font-size:34px}
body.pf-game-page.pf-components-page .pf-intent-grid a:not(:first-child) {min-height:86px}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-intent-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.pf-game-page.pf-components-page .pf-intent-grid a:first-child {grid-column:1/-1;grid-row:auto;min-height:100px}
 body.pf-game-page.pf-components-page .pf-intent-grid a:first-child .pf-intent-visual {width:54px;height:54px;flex-basis:54px}
 body.pf-game-page.pf-components-page .pf-intent-grid a:not(:first-child) {align-items:flex-start;flex-wrap:wrap;min-height:120px}
 body.pf-game-page.pf-components-page .pf-intent-grid a:not(:first-child) strong {flex-basis:100%}
}
@media(max-width:480px) {
 body.pf-game-page.pf-components-page .pf-intent-grid {grid-template-columns:minmax(0,1fr)}
 body.pf-game-page.pf-components-page .pf-intent-grid a:first-child {grid-column:auto}
 body.pf-game-page.pf-components-page .pf-intent-grid a:not(:first-child) {align-items:center;flex-wrap:nowrap;min-height:80px}
 body.pf-game-page.pf-components-page .pf-intent-grid a:not(:first-child) strong {flex-basis:auto}
}
/* The brand is already present in the full-width header; give hero art more space. */
body.pf-game-page.pf-components-page .pf-home-header ~ .pf-game-panel .pf-landing-brand-logo {display:none}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing-hero__copy {padding:1.4rem 1.4rem .5rem}
 body.pf-game-page.pf-components-page .pf-landing-hero__character img {max-height:none}
}
/* Pair the purpose choices with the existing manager-led service feature. */
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-service) {display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:clamp(18px,2vw,28px)}
 body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-service) > .pf-landing-section {margin:0;min-width:0}
 body.pf-game-page.pf-components-page .pf-home-group .pf-landing-service {grid-template-columns:minmax(0,1fr);align-content:center;justify-items:start}
 body.pf-game-page.pf-components-page .pf-home-group .pf-landing-service__guide {justify-self:end;margin-top:-2rem}
 body.pf-game-page.pf-components-page .pf-home-group .pf-landing-service__guide img {width:220px;height:250px}
 body.pf-game-page.pf-components-page .pf-intent-grid a:first-child {align-items:center;min-height:184px}
}
@media(max-width:480px) {
 body.pf-game-page.pf-components-page .pf-intent-grid a:first-child .pf-intent-visual {width:44px;height:44px;flex-basis:44px}
 body.pf-game-page.pf-components-page .pf-intent-grid strong {font-size:.875rem}
}
/* Manga-shop accents differentiate section titles without extra nested frames. */
body.pf-game-page.pf-components-page .pf-landing-heading h2,
body.pf-game-page.pf-components-page :is(.pf-feature-collections,.pf-landing-story,.pf-landing-help) > h2 {
 position:relative;display:inline-block;padding-left:14px;
}
body.pf-game-page.pf-components-page .pf-landing-heading h2::before,
body.pf-game-page.pf-components-page :is(.pf-feature-collections,.pf-landing-story,.pf-landing-help) > h2::before {
 content:'';position:absolute;left:0;top:.15em;bottom:.15em;width:6px;border-radius:6px;background:#e65a78;
 box-shadow:3px 3px 0 #ffce77;
}
body.pf-game-page.pf-components-page .pf-feature-split {background:linear-gradient(125deg,#ffedf3,#fff8e9 55%,#dbf5ec)}
body.pf-game-page.pf-components-page .pf-landing-story {background:linear-gradient(125deg,#d9f5e7,#f7f9e9)}
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-intent-grid a:first-child {flex-direction:column;align-items:flex-start;justify-content:center;gap:.65rem}
}
.pf-hero-motion {position:absolute;left:6%;top:12%;width:18%;height:24%;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#f2a4b260 0 3px,transparent 4px) 0 0/16px 16px}
@supports (animation-timeline:view()) {
 @media (prefers-reduced-motion:no-preference) {
  body.pf-game-page.pf-components-page .pf-landing-hero {view-timeline-name:--pf-hero}
  body.pf-game-page.pf-components-page .pf-hero-motion {animation:pf-stage-drift linear both;animation-duration:auto;animation-timeline:--pf-hero;animation-range:entry 0% exit 100%}
 }
}
.pf-page-motion {position:absolute;z-index:-1;right:0;top:120px;width:80px;height:160px;pointer-events:none;background:radial-gradient(circle,#dba4c74d 0 2px,transparent 3px) 0 0/14px 14px}
@supports (animation-timeline:view()) {
 @media (prefers-reduced-motion:no-preference) {
  body.pf-game-page.pf-components-page .pf-page-motion {animation:pf-stage-drift linear both;animation-duration:auto;animation-timeline:--pf-page;animation-range:entry 0% exit 100%}
 }
}
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-intent-grid {grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
}
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-story):has(.pf-keeper-band) {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(18px,2vw,28px)}
 body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-story):has(.pf-keeper-band) > .pf-landing-section {margin:0;min-width:0}
 body.pf-game-page.pf-components-page .pf-landing-story {display:flex;flex-direction:column;justify-content:center}
}
@media(max-width:480px) {
 body.pf-game-page.pf-components-page .pf-intent-grid a > .pf-material-symbol:last-child {display:none}
 body.pf-game-page.pf-components-page .pf-intent-grid a {gap:.5rem}
 body.pf-game-page.pf-components-page .pf-intent-grid .pf-intent-visual,
 body.pf-game-page.pf-components-page .pf-intent-grid a:first-child .pf-intent-visual {width:40px;height:40px;flex-basis:40px}
}
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-home-group .pf-landing-service {grid-template-columns:minmax(0,1fr) minmax(150px,42%);align-content:center;gap:12px;padding:clamp(18px,2vw,28px)}
 body.pf-game-page.pf-components-page .pf-home-group .pf-landing-service__guide {justify-self:center;margin:0}
 body.pf-game-page.pf-components-page .pf-home-group .pf-landing-service__guide img {width:100%;height:250px}
}
/* A small shop display uses genuine catalogue artwork behind the manager. */
body.pf-game-page.pf-components-page .pf-landing-service__guide {position:relative;isolation:isolate;min-width:0}
body.pf-game-page.pf-components-page .pf-service-stage__samples {position:absolute;inset:8% 0 10%;z-index:-1;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
body.pf-game-page.pf-components-page .pf-landing-service__guide .pf-service-stage__samples img {width:44%;height:auto;aspect-ratio:1;object-fit:contain;border:4px solid #fffaf0;border-radius:14px;background:#fffdf6;box-shadow:0 4px 0 #dba88b55;transform:rotate(-7deg)}
body.pf-game-page.pf-components-page .pf-landing-service__guide .pf-service-stage__samples img:last-child {transform:rotate(7deg)}
body.pf-game-page.pf-components-page .pf-landing-service__guide .pf-service-stage__keeper {position:relative;z-index:1}
/* Small awning detail distinguishes the service display from product shelves. */
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-service) {position:relative}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-service)::before {content:'';position:absolute;top:-6px;right:24px;width:80px;height:8px;border-radius:0 0 8px 8px;background:repeating-linear-gradient(90deg,#ec8195 0 16px,#fff5e6 16px 32px);pointer-events:none}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail) {background:linear-gradient(#fff8f3,#fffdf7) padding-box,var(--pf-shop-frame-wood) border-box}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-collection-products) {background:linear-gradient(#f3fbfa,#fffdf7) padding-box,var(--pf-shop-frame-wood) border-box}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-categories {gap:8px}
 body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category {flex-basis:78px;min-height:72px;padding:.4rem .25rem;font-size:.75rem}
}
/* Account forms retain the guide in a bounded mobile dock, with scroll clearance. */
@media(max-width:899px) {
 html:has(body.pf-components-page .pf-game-main--account > .pf-floating-guide) {scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom))}
 body.pf-game-page.pf-components-page .pf-game-main--account:has(> .pf-floating-guide) {padding-bottom:calc(108px + env(safe-area-inset-bottom))}
 body.pf-components-page .pf-game-main--account :is(a,button,input,select,summary) {scroll-margin-bottom:calc(112px + env(safe-area-inset-bottom))}
 body.pf-components-page .pf-game-main--account > .pf-floating-guide,
 body.pf-components-page .pf-game-main--account > .pf-floating-guide.is-expanded {left:0;right:0;bottom:0;width:auto;height:calc(94px + env(safe-area-inset-bottom));padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;align-items:center;gap:8px;border:1px solid #dba685;border-radius:16px 16px 0 0;background:#fff8ef;box-shadow:0 -3px 12px #51332324}
 body.pf-components-page .pf-game-main--account > .pf-floating-guide .pf-floating-guide__trigger {order:-1;flex:0 0 70px;width:70px;height:82px}
 body.pf-components-page .pf-game-main--account > .pf-floating-guide .pf-floating-guide__dialogue {position:static;flex:1;min-width:0;width:auto;max-height:82px;padding:7px 8px;border-radius:12px;box-shadow:none;font-size:14px;line-height:1.35}
 body.pf-components-page .pf-game-main--account > .pf-floating-guide.is-expanded .pf-floating-guide__dialogue {position:absolute;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:calc(100% + 8px);width:auto;max-height:min(45dvh,320px);padding:12px;box-shadow:0 5px 20px #49312433}
 body.pf-components-page .pf-game-main--account > .pf-floating-guide:has(.pf-floating-guide__dialogue[hidden]) .pf-floating-guide__dock-name {display:block;min-width:0;color:#683c36;font-weight:900;overflow-wrap:anywhere}
}
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-game-main--account:has(> .pf-floating-guide) > .pf-game-panel {width:calc(100% - 252px);margin-left:238px;margin-right:14px}
}
/* Empty native Woo notices must not consume an account form grid row. */
body.pf-game-page.pf-components-page.woocommerce-account:not(.logged-in) .pf-entry__content > .woocommerce > .woocommerce-notices-wrapper:empty {display:none}
body.pf-game-page.pf-components-page.woocommerce-account:not(.logged-in) .pf-entry__content > .woocommerce > .woocommerce-notices-wrapper:not(:empty) {grid-column:1/-1}
@media(min-width:701px) {
 body.pf-game-page.pf-components-page.woocommerce-account:not(.logged-in) .pf-entry__content > .woocommerce > .pf-account-login-aside {grid-row:span 2}
}
body.pf-game-page.pf-components-page .pf-keeper-band__art {position:relative;isolation:isolate;flex:0 0 180px;display:grid;place-items:end center;min-width:0;min-height:210px}
body.pf-game-page.pf-components-page .pf-keeper-band__art:has(.pf-keeper-band__sample) {min-height:0;aspect-ratio:16/10}
body.pf-game-page.pf-components-page .pf-keeper-band__sample {position:absolute;inset:0;overflow:hidden;border-radius:16px;background:#fffdf5}
body.pf-game-page.pf-components-page .pf-keeper-band .pf-keeper-band__sample img {width:100%;height:100%;object-fit:contain;object-position:center}
body.pf-game-page.pf-components-page .pf-keeper-band .pf-keeper-band__keeper {position:relative;width:150px;height:200px;object-fit:contain;object-position:bottom}
@media(max-width:480px) {
 body.pf-game-page.pf-components-page .pf-keeper-band {flex-direction:column;align-items:stretch}
 body.pf-game-page.pf-components-page .pf-keeper-band__art {flex-basis:120px;min-height:168px}
 body.pf-game-page.pf-components-page .pf-keeper-band__art:has(.pf-keeper-band__sample) {flex-basis:auto;min-height:0}
 body.pf-game-page.pf-components-page .pf-keeper-band .pf-keeper-band__keeper {width:112px;height:158px}
}
/* The service window showcases real artwork, leaving the manager's portrait
   as the welcome and editorial focal point instead of repeating it everywhere. */
body.pf-game-page.pf-components-page .pf-landing-service__guide:has(.pf-service-stage__samples) {display:block;width:100%;min-height:0}
body.pf-game-page.pf-components-page .pf-service-stage__samples {position:relative;inset:auto;z-index:auto;display:block;width:100%;aspect-ratio:1.15;min-height:0}
body.pf-game-page.pf-components-page .pf-landing-service__guide .pf-service-stage__samples img:first-child {position:absolute;inset:4% auto auto 0;width:82%;height:auto;aspect-ratio:4/3;transform:rotate(-3deg);object-fit:contain}
body.pf-game-page.pf-components-page .pf-landing-service__guide .pf-service-stage__samples img:not(:first-child) {position:absolute;right:0;bottom:2%;width:48%;height:auto;aspect-ratio:4/3;transform:rotate(7deg);object-fit:contain}
body.pf-game-page.pf-components-page .pf-landing-service__guide > p {position:relative;margin:.5rem 0 0}
body.pf-game-page.pf-components-page .pf-skip-link:focus {z-index:1000000}
/* Light navigation replaces the heavy wooden outer header. */
body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header {
 padding:0;border:0;border-radius:0;background:#fffaf2;box-shadow:0 2px 0 #e7b8b7;
}
body.pf-game-page.pf-components-page .pf-home-header .pf-game-header {
 border:0;border-radius:0;background:transparent;
}
/* Full-width opaque section scenery; content remains in its reading column. */
body.pf-game-page.pf-components-page .pf-game-main--landing {container-type:inline-size}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-feature-collections),
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail),
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-collection-products) {position:relative;isolation:isolate}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-feature-collections)::after,
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail)::after,
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-collection-products)::after {
 content:'';position:absolute;top:0;bottom:0;left:50%;width:100vw;width:100cqw;translate:-50% 0;z-index:-1;pointer-events:none;
 border-radius:48% 52% 45% 55% / 5% 7% 6% 8%;background:#f9e4eb;
}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail)::after {background:#e0f2e8;border-radius:56% 44% 54% 46% / 7% 5% 8% 6%}
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-collection-products)::after {background:#f9efce;border-radius:45% 55% 40% 60% / 6% 8% 5% 7%}
@media(max-width:380px) {
 body.pf-game-page.pf-components-page .pf-feature-split__copy h3 {font-size:1.25rem;line-height:1.3}
}
@supports (animation-timeline:view()) {
 @media (prefers-reduced-motion:no-preference) {
  @keyframes pf-art-depth {from {transform:translateY(-28px)} to {transform:translateY(0)}}
  @keyframes pf-panel-depth {from {transform:translateY(-34px)} to {transform:translateY(34px)}}
  body.pf-game-page.pf-components-page .pf-landing-hero__art img {animation:pf-art-depth linear both;animation-duration:auto;animation-timeline:--pf-hero;animation-range:entry 0% exit 100%}
  body.pf-game-page.pf-components-page .pf-home-group:has(.pf-feature-collections),
  body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail),
  body.pf-game-page.pf-components-page .pf-home-group:has(.pf-collection-products) {view-timeline-name:--pf-section}
  body.pf-game-page.pf-components-page .pf-home-group:has(.pf-feature-collections)::after,
  body.pf-game-page.pf-components-page .pf-home-group:has(.pf-showcase-rail)::after,
  body.pf-game-page.pf-components-page .pf-home-group:has(.pf-collection-products)::after {animation:pf-panel-depth linear both;animation-duration:auto;animation-timeline:--pf-section;animation-range:entry 0% exit 100%}
 }
}
/* Flat, hand-drawn shop scenery; product and reading surfaces remain opaque. */
body.pf-game-page.pf-components-page {
 background:#fff7eb url('../svg/shop-illustrated-backdrop.svg?v=shop-2') center top / 100% auto fixed no-repeat;
}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page {
  background-image:linear-gradient(#fffaf066,#fffaf066),url('../svg/shop-illustrated-backdrop-mobile.svg?v=shop-2');
  background-size:cover,100% 100vh;background-position:center,center top;
 }
}
@media (prefers-reduced-motion:reduce) {
 body.pf-game-page.pf-components-page {background-attachment:scroll}
}
/* The shop sign, hero and manager editorial keep their wood; the surrounding
   shelves breathe on the page instead of receiving identical outer frames. */
body.pf-game-page.pf-components-page :is(
 .pf-game-main--landing .pf-home-group:not(:has(.pf-landing-story)),
 .pf-game-main--landing .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"],
 .pf-landing-footer
) {border:0;background:transparent;box-shadow:none;padding:0}

/* Product and transaction pages use the same shop palette without turning the
   entire reading area into a wooden display. The catalogue keeps its frame. */
body.pf-game-page.pf-components-page :is(.pf-game-main--product,.pf-game-main--cart,.pf-game-main--checkout,.pf-game-main--account):not(.pf-retail-storefront) > .pf-game-panel {
 padding:0;border:0;border-radius:24px;background:#fffdf8;
 box-shadow:0 5px 20px #7048291a;
}
body.pf-game-page.pf-components-page :is(.pf-game-main--product,.pf-game-main--cart,.pf-game-main--checkout,.pf-game-main--account):not(.pf-retail-storefront) > .pf-game-panel > .pf-game-panel__inner {
 border:1px solid #f0d8d3;border-radius:24px;background:#fffdf8;
}
body.pf-game-page.pf-components-page .pf-game-main--product .pf-game-panel div.product .product_title,
body.pf-game-page.pf-components-page .pf-commerce .pf-commerce__heading .pf-entry__title {color:var(--pf-heading-color,#a93f3c);font-size:var(--pf-ui-h1);line-height:var(--pf-ui-title-line);font-weight:900}
body.pf-game-page.pf-components-page .pf-game-main--product .pf-game-panel .woocommerce-tabs ul.tabs li.active a {
 color:#a4314b;border-bottom-color:#d45b73;
}
body.pf-game-page.pf-components-page .pf-game-main--product .product-route a:hover,
body.pf-game-page.pf-components-page .pf-commerce__path a:hover,
body.pf-game-page.pf-components-page .pf-commerce__progress a:hover,
body.pf-game-page.pf-components-page .wc-block-cart-item__product .wc-block-components-product-name:hover,
.pf-quick-cart .pf-quick-cart__name:hover {color:#a4314b;text-decoration:none}
body.pf-game-page.pf-components-page.woocommerce-account .pf-commerce .woocommerce-MyAccount-navigation li.is-active a,
body.pf-game-page.pf-components-page.woocommerce-account .pf-commerce .woocommerce-MyAccount-navigation a[aria-current="page"] {
 background-image:linear-gradient(#ffe3ec,#ffe3ec);color:#783c4d;
 box-shadow:inset 0 1px #fff,0 1px #e4b4c1;
}
body.pf-game-page.pf-components-page .pf-commerce :is(.wc-block-cart__main,.wc-block-cart__sidebar,.wc-block-checkout__sidebar,.wc-block-components-checkout-step),
body.pf-game-page.pf-components-page .pf-commerce .wc-block-checkout__form > fieldset.wc-block-components-checkout-step {
 --pc-border:#ecd8d3;
}
@media(max-width:600px) {
 body.pf-game-page.pf-components-page :is(.pf-game-main--product,.pf-game-main--cart,.pf-game-main--checkout,.pf-game-main--account):not(.pf-retail-storefront) > .pf-game-panel,
 body.pf-game-page.pf-components-page :is(.pf-game-main--product,.pf-game-main--cart,.pf-game-main--checkout,.pf-game-main--account):not(.pf-retail-storefront) > .pf-game-panel > .pf-game-panel__inner {border-radius:18px}
}
/* The transaction journey uses the same coral selection and mint/pink
   supporting surfaces as the storefront, including native Woo states. */
body.pf-game-page.pf-components-page .pf-commerce {
 --pc-ink:#513b32;--pc-muted:#756457;--pc-card:#fffdf8;--pc-border:#ecd8d3;
 --pc-primary:#b83d54;--pc-primary-hover:#9f3048;
 --pa-ink:#513b32;--pa-muted:#756457;--pa-card:#fffdf8;--pa-border:#ecd8d3;
 --pa-primary:#b83d54;--pa-primary-hover:#9f3048;
}
body.pf-game-page.pf-components-page .pf-commerce .pf-commerce__progress [aria-current=step] .pf-commerce__progress-number {
 border-color:#b83d54;background:#b83d54;box-shadow:inset 0 1px #ffffff88,0 2px #d99ba8;color:#fff;
}
body.pf-game-page.pf-components-page .pf-game-main--product .pf-commission-panel {
 border-color:#ecd8d3;border-radius:18px;background:#fffaf8;box-shadow:none;
}
body.pf-game-page.pf-components-page .pf-game-main--product .pf-commission-panel h2 {color:#963b56;font-weight:900}

/* Commission filters and native sort share one responsive control row. */
body.pf-game-page.pf-components-page .pf-commission-controls {
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 0 12px;min-width:0;
}
body.pf-game-page.pf-components-page .pf-commission-current-state {
 display:flex;flex:1 1 180px;align-items:center;flex-wrap:wrap;gap:4px 12px;min-width:0;
 color:#543b47;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;
}
body.pf-game-page.pf-components-page .pf-commission-filter-summary {min-width:0;margin:0;overflow-wrap:anywhere}
body.pf-game-page.pf-components-page .pf-commission-current-state .pf-commission-search-state {min-width:0;margin:0}
body.pf-game-page.pf-components-page .pf-commission-sort-controls {
 display:block;flex:0 1 auto;min-width:0;max-width:100%;margin:0;
}
body.pf-game-page.pf-components-page .pf-commission-sort-controls .pf-retail-sort {width:auto;max-width:100%;margin:0}
body.pf-game-page.pf-components-page .pf-commission-sort-controls .pf-retail-sort:not(.is-enhanced) .pf-sort-trigger {
 box-sizing:border-box;max-width:100%;height:auto;min-height:46px;
}
body.pf-game-page.pf-components-page .pf-commission-sort-controls .pf-retail-sort:not(.is-enhanced) select {min-width:0;max-width:100%;font-size:16px}
@media(max-width:480px) {
 body.pf-game-page.pf-components-page .pf-commission-current-state {flex-basis:160px}
 body.pf-game-page.pf-components-page .pf-commission-sort-controls .pf-retail-sort:not(.is-enhanced) .pf-sort-trigger {flex-wrap:wrap;padding:4px}
}
/* Preserve two readable retail cards at the narrowest supported width. */
@media(max-width:350px) {
 body.pf-game-page.pf-components-page .pf-retail-storefront .pf-game-panel ul.products li.product .product-image-button {padding:.5rem}
 body.pf-game-page.pf-components-page .pf-retail-storefront .pf-game-panel ul.products li.product .product-info {padding:.5rem}
 body.pf-game-page.pf-components-page .pf-retail-storefront .pf-game-panel ul.products li.product .product-name {overflow-wrap:anywhere}
}

/* Keep mobile commerce fields and keyboard-focused actions clear of the
   guide; focus within the guide itself leaves it available to operate. */
@media(max-width:899px) {
 html:has(body.pf-components-page :is(.pf-game-main--cart,.pf-game-main--account) > .pf-floating-guide) {
  scroll-padding-bottom:calc(120px + env(safe-area-inset-bottom));
 }
 body.pf-game-page.pf-components-page :is(.pf-game-main--cart,.pf-game-main--account):has(> .pf-floating-guide) {
  padding-bottom:calc(120px + env(safe-area-inset-bottom));
 }
 body.pf-components-page :is(.pf-game-main--cart,.pf-game-main--account) .pf-commerce :is(a,button,input,select,textarea,summary,[tabindex]) {
  scroll-margin-bottom:calc(120px + env(safe-area-inset-bottom));
 }
 body.pf-game-page.pf-components-page :is(.pf-game-main--cart,.pf-game-main--account):has(
  .pf-commerce :is(input:not([type="hidden"]),select,textarea,[contenteditable="true"]):focus
 ) > .pf-floating-guide,
 body.pf-game-page.pf-components-page :is(.pf-game-main--cart,.pf-game-main--account):has(
  .pf-commerce :is(a,button,summary,[tabindex]):focus-visible
 ) > .pf-floating-guide {visibility:hidden;pointer-events:none}
}
/* On wider commerce pages reserve the guide's own column so it cannot sit
   over checkout fields or account/cart actions. Pages without a guide retain
   the full available width. */
@media(min-width:900px) {
 body.pf-game-page.pf-components-page :is(.pf-game-main--cart,.pf-game-main--checkout,.pf-game-main--account):has(> .pf-floating-guide) > .pf-game-panel {
  left:auto;width:calc(100% - 252px);margin-left:238px;margin-right:14px;
 }
}
/* Bring the mobile character stage closer to the copy while retaining one
   shared carousel frame, undistorted artwork, and room for slide controls. */
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero:not(.pf-landing-hero--solo) {
  height:clamp(520px,calc(384px + 42.86vw),550px);
 }
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero__character {padding-top:.25rem}
}
/* A shared minimum keeps the usual carousel slides equal, while allowing
   unusually long site names or enlarged text to grow without clipping. */
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero:not(.pf-landing-hero--solo) {
  height:auto;min-height:clamp(520px,calc(384px + 42.86vw),550px);
  grid-template-rows:auto minmax(240px,1fr);
 }
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero--solo {
  height:auto;min-height:290px;grid-template-rows:auto;
 }
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero--solo .pf-landing-hero__copy {padding-bottom:4.5rem}
 body.pf-game-page.pf-components-page .pf-landing-speech {
  max-width:min(14rem,calc(100% - 2rem));max-height:45%;overflow:auto;overflow-wrap:anywhere;
 }
}
/* All slides share the measured maximum, but content can still grow naturally. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero {
 height:auto;min-height:max(420px,var(--pf-hero-content-min-height,0px));
}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero:not(.pf-landing-hero--solo) {
  height:auto;min-height:max(clamp(520px,calc(384px + 42.86vw),550px),var(--pf-hero-content-min-height,0px));
 }
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero--solo {
  height:auto;min-height:max(290px,var(--pf-hero-content-min-height,0px));
 }
}
body.pf-game-page.pf-components-page .pf-landing-speech .pf-landing-speech-next {
 min-height:44px;border:0;border-radius:999px;background:transparent;color:#87394f;
 padding:.35rem .75rem;font:inherit;font-weight:800;cursor:pointer;
}
body.pf-game-page.pf-components-page .pf-landing-speech .pf-landing-speech-next:focus-visible {outline:3px solid #823c70;outline-offset:2px}
/* Checkout guide is part of the flow on mobile: opening dialogue makes room
   instead of covering shipping and payment controls. */
@media(max-width:899px) {
 body.pf-game-page.pf-components-page .pf-game-main--checkout > .pf-floating-guide,
 body.pf-game-page.pf-components-page .pf-game-main--checkout > .pf-floating-guide.is-expanded {
  position:relative;inset:auto;order:3;display:flex;align-items:center;gap:8px;
  box-sizing:border-box;width:100%;height:auto;min-height:0;padding:6px;border-radius:16px;
 }
 body.pf-game-page.pf-components-page .pf-game-main--checkout > .pf-floating-guide .pf-floating-guide__trigger,
 body.pf-game-page.pf-components-page .pf-game-main--checkout > .pf-floating-guide.is-expanded .pf-floating-guide__trigger {
  order:-1;flex:0 0 70px;width:70px;height:84px;
 }
 body.pf-game-page.pf-components-page .pf-game-main--checkout > .pf-floating-guide .pf-floating-guide__dialogue,
 body.pf-game-page.pf-components-page .pf-game-main--checkout > .pf-floating-guide.is-expanded .pf-floating-guide__dialogue {
  position:static;flex:1;min-width:0;width:auto;max-height:none;padding:8px;box-shadow:none;
 }
 body.pf-game-page.pf-components-page .pf-game-main--checkout > .pf-floating-guide:has(.pf-floating-guide__dialogue[hidden]) .pf-floating-guide__dock-name {
  display:block;min-width:0;color:#683c36;font-weight:900;overflow-wrap:anywhere;
 }
}
body.pf-game-page.pf-components-page .pf-landing-speech:focus-visible {outline:3px solid #823c70;outline-offset:2px}

/* The first screen is one Bento group: source order remains hero then real
   category links, including when the narrow layout stacks them. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing:has(> .pf-landing-section[aria-labelledby="pf-landing-categories"]) {
 display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:16px;
}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing:has(> .pf-landing-section[aria-labelledby="pf-landing-categories"]) > * {grid-column:1 / -1;min-width:0}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-landing-hero {grid-column:1;grid-row:1;margin-top:0}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] {grid-column:2;grid-row:1;margin:0;min-width:0;display:flex;flex-direction:column}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-categories {
 display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(78px,1fr);gap:10px;padding:0;overflow:visible;
}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category {
 width:auto;min-width:0;min-height:78px;flex-basis:auto;padding:.5rem;overflow-wrap:anywhere;
}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:last-child:nth-child(odd) {grid-column:1 / -1}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-category-scroll-hint {display:none}
@media(max-width:899px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing:has(> .pf-landing-section[aria-labelledby="pf-landing-categories"]) {grid-template-columns:minmax(0,1fr)}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-landing-hero {grid-column:1;grid-row:1}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] {grid-column:1;grid-row:2;margin-top:16px}
}
/* The rejected illustrated scenery and section backplates are removed. */
body.pf-game-page.pf-components-page {
 --pf-scene-colours:radial-gradient(ellipse at 9% 18%,#ffe4e8 0 12%,transparent 34%),radial-gradient(ellipse at 35% 10%,#e6f4ea 0 10%,transparent 31%),radial-gradient(ellipse at 58% 6%,#fff8e1 0 9%,transparent 30%),radial-gradient(ellipse at 87% 14%,#f3e8ff 0 11%,transparent 33%),radial-gradient(ellipse at 7% 82%,#ffe0b2 0 9%,transparent 30%),radial-gradient(ellipse at 35% 91%,#fce4ec 0 11%,transparent 33%),radial-gradient(ellipse at 66% 86%,#e8eaf6 0 10%,transparent 31%),radial-gradient(ellipse at 95% 78%,#efebe9 0 12%,transparent 33%),#f8f4f5;
 background:var(--pf-scene-colours);background-attachment:fixed;
}
body.pf-game-page.pf-components-page::before {
 content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(circle at 16% 22%,#ffffffa6 0 3px,transparent 4px) 0 0/74px 74px,radial-gradient(circle at 70% 73%,#dc9db5a6 0 2px,transparent 3px) 0 0/96px 96px,linear-gradient(127deg,transparent 22%,#ffffff56 22% 27%,transparent 27% 60%,#ffffff49 60% 64%,transparent 64%),repeating-linear-gradient(45deg,transparent 0 28px,#ffffff1f 29px 31px,transparent 32px 60px);
}
body.pf-game-page.pf-components-page .pf-game-main::before {content:none}
body.pf-game-page.pf-components-page .pf-home-group {border:0;background:transparent;box-shadow:none;padding:0}
body.pf-game-page.pf-components-page .pf-home-group::before,
body.pf-game-page.pf-components-page .pf-home-group::after {content:none;animation:none}
body.pf-game-page.pf-components-page :is(.pf-landing-service,.pf-landing-story,.pf-keeper-band,.pf-landing-help) {background:#fffdf8}
/* Keep the global header clear and align the brand to the action row. */
body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header,
body.pf-game-page.pf-components-page .pf-home-header .pf-game-header,
body.pf-game-page.pf-components-page .pf-game-header {background:transparent;border:0;box-shadow:none}
body.pf-components-page .pf-game-brand {min-height:57px;padding:0;background:transparent}
body.pf-components-page .pf-game-brand img {width:auto;height:auto;max-width:90px;max-height:48px;object-fit:contain}
@media(max-width:899px) {
 body.pf-components-page .pf-game-brand {min-height:48px}
 body.pf-components-page .pf-game-brand img {width:auto;height:auto;max-width:70px;max-height:40px;object-fit:contain}
}
body.pf-game-page.pf-components-page .pf-page-motion,
body.pf-game-page.pf-components-page .pf-hero-motion {display:none}
body.pf-game-page.pf-components-page .pf-landing-hero::before {content:none}
body.pf-game-page.pf-components-page .pf-feature-split {background:#fffdf8}
/* Match earlier :has() specificity when removing the rejected backplates. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-home-group,
body.pf-game-page.pf-components-page .pf-home-group:has(:is(.pf-feature-collections,.pf-landing-story,.pf-showcase-rail,.pf-landing-help,.pf-collection-products)) {
 border:0;background:transparent;box-shadow:none;padding:0;
}
body.pf-game-page.pf-components-page .pf-home-group:has(:is(.pf-feature-collections,.pf-showcase-rail,.pf-collection-products))::after,
body.pf-game-page.pf-components-page .pf-home-group:has(.pf-landing-service)::before {content:none;animation:none}
/* Explicit placement outranks the full-row rule for following sections. */
@media(min-width:900px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing:has(> .pf-landing-section[aria-labelledby="pf-landing-categories"]) > .pf-landing-hero {grid-column:1;grid-row:1;width:100%}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing:has(> .pf-landing-section[aria-labelledby="pf-landing-categories"]) > .pf-landing-section[aria-labelledby="pf-landing-categories"] {grid-column:2;grid-row:1}
}
/* Vertical touch scrolling remains native while the hero supports dragging. */
body.pf-game-page.pf-components-page .pf-landing-hero {touch-action:pan-y}
/* Earlier grouped :is() rules carry the specificity of their most specific
   branch, so explicitly reset every landing group and its backplates. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-home-group.pf-home-group {
 border:0;background:none;box-shadow:none;padding:0;
}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-home-group.pf-home-group::before,
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing > .pf-home-group.pf-home-group::after {
 content:none;background:none;box-shadow:none;animation:none;
}
/* Keep vertical panning and pinch zoom available on the draggable banner. */
body.pf-game-page.pf-components-page .pf-landing-hero {touch-action:pan-y pinch-zoom}
body.pf-game-page.pf-components-page .pf-landing-hero[data-pf-draggable="1"] {cursor:grab}
body.pf-game-page.pf-components-page .pf-landing-hero.is-dragging {cursor:grabbing;user-select:none}
body.pf-game-page.pf-components-page .pf-landing-hero:focus-visible {outline:3px solid #823c70;outline-offset:-5px}
body.pf-game-page.pf-components-page .pf-hero-controls {right:1rem;max-width:calc(100% - 2rem);flex-wrap:wrap;gap:4px}
body.pf-game-page.pf-components-page .pf-hero-pagination {display:inline-flex;flex:none;align-items:center;gap:4px}
body.pf-game-page.pf-components-page .pf-hero-controls button {flex:none;min-width:44px;min-height:44px}
body.pf-game-page.pf-components-page .pf-hero-pagination button[aria-current="true"] {border-color:#a4314b;background:#a4314b;color:#fff}
@media(max-width:350px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero {padding-bottom:108px}
 body.pf-game-page.pf-components-page .pf-hero-controls {left:1rem;bottom:.5rem;right:1rem}
}
/* Banner awning belongs to the banner only, never the adjacent categories. */
body.pf-game-page.pf-components-page .pf-landing-hero > .pf-banner-awning {position:absolute;inset:0 0 auto;width:100%;z-index:2;pointer-events:none}
body.pf-game-page.pf-components-page .pf-landing-hero > .pf-banner-awning > .menu-awning {width:100%;margin:0}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing-hero__copy {padding-top:2.4rem}
}
/* The website information entry has its own colour even when terms are absent. */
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:last-child:nth-child(odd) {grid-column:auto}

body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:nth-child(5) {--menu-edge:#e3a7b8;--menu-depth:#d9acb8;--menu-top:#fff8fa;--menu-bottom:#fbe7ef}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:nth-child(6) {--menu-edge:#91c9c4;--menu-depth:#9ecdc6;--menu-top:#f7fffd;--menu-bottom:#d9f4f0}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:nth-child(7) {--menu-edge:#e4ae87;--menu-depth:#d9b69e;--menu-top:#fffbf6;--menu-bottom:#ffead7}
body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category:nth-child(8) {--menu-edge:#9ebcd3;--menu-depth:#a9c5d7;--menu-top:#f8fcff;--menu-bottom:#e3f2fd}

body.pf-game-page.pf-components-page .pf-landing > .pf-landing-section[aria-labelledby="pf-landing-categories"] .pf-landing-category--website {--menu-edge:#9ebcd3;--menu-depth:#a9c5d7;--menu-top:#f8fcff;--menu-bottom:#e3f2fd}
/* Promotional art comes from published Woo products, kept undistorted. */
body.pf-game-page.pf-components-page .pf-landing-hero__art img {width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}
/* The manager editorial uses the same clean frame as the product cards. */
body.pf-game-page.pf-components-page .pf-landing-editorial {
 border:2px solid #f0d8d3;border-radius:1.2rem;background:#fff0f2;box-shadow:0 4px 0 #e9d2c7;
}
body.pf-game-page.pf-components-page .pf-landing-editorial img {
 inset:0;width:100%;height:100%;max-width:100%;padding:0;object-fit:contain;object-position:center bottom;
}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing-editorial {grid-column:auto;min-height:190px}
}
/* Compact visible dots retain 44px targets and a clear keyboard focus ring. */
body.pf-game-page.pf-components-page .pf-hero-controls {gap:0}
body.pf-game-page.pf-components-page .pf-hero-pagination {display:inline-flex;gap:0}
body.pf-game-page.pf-components-page .pf-hero-pagination button {
 display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;
}
body.pf-game-page.pf-components-page .pf-hero-pagination button[aria-current="true"] {background:transparent}
body.pf-game-page.pf-components-page .pf-hero-dot {display:block;width:10px;height:10px;border:2px solid #963b56;border-radius:50%;background:#fffdf8}
body.pf-game-page.pf-components-page .pf-hero-pagination button[aria-current="true"] .pf-hero-dot {background:#a4314b}
body.pf-game-page.pf-components-page .pf-hero-pagination button:focus-visible {outline:3px solid #823c70;outline-offset:-3px}
@media(max-width:350px) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing-hero {padding-bottom:56px}
}
/* The real product rail is separate from the fixed manager editorial card. */
body.pf-game-page.pf-components-page .pf-landing-products--carousel {
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:16px;align-items:stretch;
}
body.pf-game-page.pf-components-page .pf-landing-products--carousel.pf-landing-products--no-keeper {grid-template-columns:minmax(0,1fr)}
body.pf-game-page.pf-components-page .pf-product-carousel {min-width:0}
body.pf-game-page.pf-components-page .pf-product-carousel__track {
 display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;min-width:0;
 overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;
 touch-action:pan-x pan-y pinch-zoom;
}
body.pf-game-page.pf-components-page .pf-product-carousel__track > * {min-width:0;scroll-snap-align:start}
body.pf-game-page.pf-components-page .pf-product-carousel__track:focus-visible {outline:3px solid #823c70;outline-offset:3px}
body.pf-game-page.pf-components-page .pf-product-carousel__controls {display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px}
body.pf-game-page.pf-components-page .pf-product-carousel__controls[hidden] {display:none}
body.pf-game-page.pf-components-page .pf-product-carousel__controls button {display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:4px;border:1px solid #d8b7b1;border-radius:50%;background:#fffdf8;color:#783c4d;font:inherit;cursor:pointer}
body.pf-game-page.pf-components-page .pf-product-carousel__controls button:disabled {opacity:.5;cursor:default}
body.pf-game-page.pf-components-page .pf-product-carousel__controls button:focus-visible {outline:3px solid #823c70;outline-offset:2px}
body.pf-game-page.pf-components-page .pf-landing-editorial {background:#fffdf8}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing-products--carousel {grid-template-columns:minmax(0,1fr)}
 body.pf-game-page.pf-components-page .pf-landing-products--carousel > .pf-landing-editorial {justify-self:center;width:calc((100% - 16px)/2);min-width:0}
 body.pf-game-page.pf-components-page .pf-product-carousel__track {grid-auto-columns:calc((100% - 10px)/2);gap:10px}
}
body.pf-game-page.pf-components-page .pf-product-carousel__track.is-dragging {scroll-snap-type:none;user-select:none;cursor:grabbing}
body.pf-game-page.pf-components-page .pf-product-carousel__controls [data-pf-product-pages] {display:inline-flex;align-items:center}
body.pf-game-page.pf-components-page .pf-product-carousel__controls .pf-product-page {border:0;background:transparent;box-shadow:none}
body.pf-game-page.pf-components-page .pf-product-carousel__controls .pf-product-dot {display:block;width:10px;height:10px;border:2px solid #963b56;border-radius:50%;background:#fffdf8}
body.pf-game-page.pf-components-page .pf-product-carousel__controls .pf-product-page[aria-current="true"] .pf-product-dot {background:#a4314b}
body.pf-game-page.pf-components-page .pf-product-carousel__controls {flex-wrap:wrap}
body.pf-game-page.pf-components-page .pf-product-carousel__controls [data-pf-product-pages] {flex-wrap:wrap;justify-content:center;max-width:100%}
/* Keep the desktop editorial card aligned to product cards, not their controls. */
@supports (grid-template-rows:subgrid) {
 @media(min-width:761px) {
  body.pf-game-page.pf-components-page .pf-landing-products--carousel:has(> .pf-landing-editorial) {grid-template-rows:auto auto;row-gap:0}
  body.pf-game-page.pf-components-page .pf-landing-products--carousel > .pf-landing-editorial {grid-row:1}
  body.pf-game-page.pf-components-page .pf-landing-products--carousel > .pf-product-carousel {display:grid;grid-template-rows:subgrid;grid-row:1 / span 2}
 }
}
/* Dialogue has its own scrollable area inside the existing editorial card;
   the artwork stays in its own contained area and is never covered. */
body.pf-game-page.pf-components-page .pf-landing-editorial {display:flex;flex-direction:column;justify-content:stretch;align-items:stretch}
body.pf-game-page.pf-components-page .pf-editorial-art {position:relative;flex:1 1 0;min-height:72px;min-width:0;width:100%}
body.pf-game-page.pf-components-page .pf-editorial-art img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
body.pf-game-page.pf-components-page .pf-editorial-speech {flex:0 1 auto;min-height:0;max-height:96px;overflow:auto;padding:6px 8px;color:#513b32;font-size:var(--pf-ui-secondary);line-height:1.35;overflow-wrap:anywhere}
body.pf-game-page.pf-components-page .pf-editorial-speech p {position:static;margin:.2rem 0;padding:0;background:transparent;color:inherit;font-size:inherit;line-height:inherit}
body.pf-game-page.pf-components-page .pf-editorial-speech [data-pf-editorial-mute] {float:right}
body.pf-game-page.pf-components-page .pf-editorial-speech button,
body.pf-game-page.pf-components-page .pf-editorial-reopen {min-width:44px;min-height:44px;border:0;border-radius:10px;background:transparent;color:#87394f;padding:4px 8px;font:inherit;font-weight:800;cursor:pointer}
body.pf-game-page.pf-components-page :is(.pf-editorial-speech,.pf-editorial-speech button,.pf-editorial-reopen):focus-visible {outline:3px solid #823c70;outline-offset:-3px}
/* Official member artwork is a separate, keyboard-scrollable editorial card. */
body.pf-game-page.pf-components-page .pf-landing-editorial {overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin}
body.pf-game-page.pf-components-page .pf-landing-editorial:focus-visible {outline:3px solid #823c70;outline-offset:3px}
body.pf-game-page.pf-components-page .pf-member-rail {display:flex;flex:1;min-width:0;min-height:0;width:100%;align-items:stretch}
body.pf-game-page.pf-components-page .pf-member-art {position:relative;display:flex;flex:0 0 100%;flex-direction:column;align-items:center;min-width:0;min-height:0;margin:0;background:var(--pf-member-color);scroll-snap-align:start}
body.pf-game-page.pf-components-page .pf-member-art img {position:static;display:block;flex:1 1 0;min-height:0;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom}
body.pf-game-page.pf-components-page .pf-member-art figcaption {flex:none;max-width:100%;padding:4px 8px;color:#513b32;font-size:.8125rem;font-weight:800;line-height:1.3;text-align:center;overflow-wrap:anywhere}
/* Configured shopkeeper dialogue is not attributed to the official member. */
body.pf-game-page.pf-components-page .pf-independent-guide {display:flex;align-items:center;gap:8px;max-width:480px;margin-top:12px;padding:6px;border:1px solid #ecd8d3;border-radius:16px;background:#fffdf8}
body.pf-game-page.pf-components-page .pf-independent-guide > img {flex:none;width:64px;height:84px;object-fit:contain;object-position:center bottom}
body.pf-game-page.pf-components-page .pf-independent-guide .pf-editorial-speech {flex:1;min-width:0}
/* Empty catalogue copy occupies the rail area without fabricating cards. */
body.pf-game-page.pf-components-page .pf-landing-products--carousel > .pf-landing-empty {align-self:start;min-width:0;margin:0}
/* A failed image retains the exact card frame, verified colour and name. */
body.pf-game-page.pf-components-page .pf-member-fallback {display:grid;flex:1 1 0;place-items:center;min-height:0;width:100%;padding:1rem;color:#513b32;font-size:.875rem;font-weight:700;line-height:1.5;text-align:center;overflow-wrap:anywhere}
/* Dots are centred; page changes remain available to keyboard and touch. */
body.pf-game-page.pf-components-page .pf-hero-controls {justify-content:center}
body.pf-game-page.pf-components-page .pf-product-carousel__controls :is([data-pf-product-prev],[data-pf-product-next]) {display:none}
body.pf-game-page.pf-components-page .pf-landing-heading > a {display:inline-flex;align-items:center;gap:.25rem;line-height:1.4;text-decoration:none}
body.pf-game-page.pf-components-page .pf-landing-heading > a:hover {color:#a4314b;text-decoration:none}
body.pf-game-page.pf-components-page .pf-game-panel .product-name a:hover {color:#a4314b;text-decoration:none}
/* Member selection preserves the verified card colour and image proportions. */
body.pf-game-page.pf-components-page .pf-member-select {display:flex;flex:1 1 0;align-items:stretch;justify-content:center;min-width:0;min-height:0;width:100%;padding:3px;border:3px solid transparent;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
body.pf-game-page.pf-components-page .pf-member-select[aria-pressed="true"] {border-color:#87394f;box-shadow:inset 0 0 0 2px #fff}
body.pf-game-page.pf-components-page .pf-member-select:focus-visible {outline:3px solid #244c3a;outline-offset:-5px}
body.pf-game-page.pf-components-page .pf-member-select:disabled {opacity:1;cursor:default}

/* Keep the reception hint above the artwork and the counter below it. */
body.pf-game-page.pf-components-page .pf-member-speech {flex:none;max-width:calc(100% - 16px);margin:8px 8px 2px;padding:5px 8px;border:1px solid #dfcfc8;border-radius:10px;background:#fffdf8;color:#513b32;text-align:center;font-size:.75rem;line-height:1.3}
body.pf-game-page.pf-components-page .pf-member-speech p {margin:0}
body.pf-game-page.pf-components-page .pf-member-counter {flex:none;width:100%;height:10px;border-top:2px solid #d3b8a8;background:#f8eee4}
body.pf-game-page.pf-components-page .pf-member-counter span {display:block;width:34%;height:2px;margin:3px auto 0;border-radius:2px;background:#ddc9bd}
/* Native touch snaps to the same groups represented by the pagination dots. */
body.pf-game-page.pf-components-page .pf-product-carousel__track > * {scroll-snap-align:none}
body.pf-game-page.pf-components-page .pf-product-carousel__track > :nth-child(3n + 1) {scroll-snap-align:start}
@media (max-width:760px) {
 body.pf-game-page.pf-components-page .pf-product-carousel__track > :nth-child(3n + 1) {scroll-snap-align:none}
 body.pf-game-page.pf-components-page .pf-product-carousel__track > :nth-child(2n + 1) {scroll-snap-align:start}
}
body.pf-game-page.pf-components-page .pf-member-speech p {padding:0;font:inherit;color:inherit}
@media (max-width:760px) {
 body.pf-game-page.pf-components-page .pf-member-speech {margin:5px 5px 2px;padding:3px 4px;font-size:.75rem;line-height:1.25}
}

/* Character tile: the verified member hue is intensified for the tile only. */
body.pf-game-page.pf-components-page .pf-landing-editorial {border:0;border-radius:8px 58px 8px 58px;box-shadow:none}
body.pf-game-page.pf-components-page .pf-member-art {overflow:hidden;border-radius:8px 58px 8px 58px;background:var(--pf-member-color);background:oklch(from var(--pf-member-color) calc(l * .84) calc(c * 2.5) h)}
body.pf-game-page.pf-components-page .pf-member-speech {align-self:flex-start;margin:8px 8px 2px;max-width:calc(100% - 32px);text-align:left;border-radius:8px 14px 14px 3px}
body.pf-game-page.pf-components-page .pf-member-select {padding:2px;border-radius:6px 50px 6px 42px}
body.pf-game-page.pf-components-page .pf-member-art figcaption {padding:3px 8px;background:#fffdf8e8;border-radius:8px 8px 0 0}
@media(max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing-editorial,
 body.pf-game-page.pf-components-page .pf-member-art {border-radius:6px 36px 6px 36px}
 body.pf-game-page.pf-components-page .pf-member-speech {margin:5px 5px 2px;max-width:calc(100% - 20px)}
 body.pf-game-page.pf-components-page .pf-member-select {border-radius:5px 30px 5px 30px}
}
/* Enlarge the six reviewed portraits proportionally; keep the top clear. */
body.pf-game-page.pf-components-page .pf-member-select {overflow:hidden}
body.pf-game-page.pf-components-page .pf-member-art:nth-child(-n+6) .pf-member-select img {transform:scale(1.18);transform-origin:center top}

/* One shared header for the storefront and every native component page. */
body.pf-game-page.pf-components-page {--pf-safe-top:env(safe-area-inset-top,0px);--pf-header-height:calc(80px + var(--pf-safe-top));--pf-return-row-height:0px;--pf-header-offset:calc(var(--pf-header-height) + var(--pf-return-row-height))}
body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header{position:fixed;top:var(--store-admin-gap,0px);left:0;z-index:900;width:100%;max-width:none;min-height:var(--pf-header-height);margin:0;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none}
body.pf-game-page.pf-components-page .pf-game-main{isolation:auto;padding-top:calc(var(--pf-header-offset) + var(--store-admin-gap,0px));scroll-padding-top:calc(var(--pf-header-offset) + var(--store-admin-gap,0px))}
body.pf-game-page.pf-components-page .pf-game-main--landing{padding-top:var(--store-admin-gap,0px)}
body.pf-game-page.pf-components-page .pf-game-main > .pf-game-panel:not(.pf-home-header){margin-top:0}
body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header .pf-game-header{position:relative;left:auto;top:auto;width:100%;max-width:none;min-height:68px;padding:calc(10px + var(--pf-safe-top)) 220px 10px 18px;background:transparent;border:0;box-shadow:none}
body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header .pf-bubble-navigation{position:absolute;top:calc(12px + var(--pf-safe-top));right:16px}
body.pf-game-page.pf-components-page .pf-category-rail__title{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 12px;color:#683c36;font-size:1rem;font-weight:900;line-height:1.3}
@media(min-width:900px){
 body.pf-game-page.pf-components-page .pf-game-main--catalog.pf-retail-storefront{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;align-content:start;column-gap:14px;row-gap:0;height:auto;min-height:100dvh;padding:calc(var(--pf-header-offset) + var(--store-admin-gap,0px)) 14px 40px}
 body.pf-game-page.pf-components-page .pf-game-main--catalog.pf-retail-storefront > .pf-home-header{grid-column:1 / -1;grid-row:1}
 body.pf-game-page.pf-components-page .pf-game-main--catalog.pf-retail-storefront > .pf-catalog-sidebar{position:sticky;z-index:35;display:flex;flex-direction:column;gap:12px;grid-column:1;grid-row:2;left:auto;top:calc(var(--pf-header-offset) + var(--store-admin-gap,0px));width:100%;max-height:calc(100dvh - var(--pf-header-offset) - var(--store-admin-gap,0px));align-self:start}
 body.pf-game-page.pf-components-page .pf-game-main--catalog.pf-retail-storefront:is(.pf-game-main--no-keeper,:not(.pf-game-main--no-keeper)) > .pf-game-panel{position:relative;grid-column:2;grid-row:2;inset:auto;width:auto;height:auto;min-width:0;margin:0}
 body.pf-game-page.pf-components-page .pf-game-main--catalog.pf-retail-storefront > .pf-game-panel > .pf-game-panel__inner{height:auto}
 body.pf-game-page.pf-components-page .pf-game-main--catalog.pf-retail-storefront .pf-game-scrollport{height:auto;overflow:visible}
 body.pf-game-page.pf-components-page .pf-retail-storefront .pf-category-rail__title{border-radius:18px 18px 0 0;background:#fffdf7}
}
@media(max-width:899px){
 body.pf-game-page.pf-components-page .pf-game-main--landing:not(.pf-retail-storefront) > .pf-game-panel:not(.pf-home-header){margin-top:0}
 body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header .pf-game-header{min-height:62px;padding:calc(8px + var(--pf-safe-top)) 168px 8px 10px}
 body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header .pf-bubble-navigation{top:calc(10px + var(--pf-safe-top));right:12px}
 body.pf-game-page.pf-components-page .pf-retail-storefront .pf-mobile-category-strip .pf-retail-categories{flex-wrap:wrap;overflow:visible;padding:2px 2px 9px}
 body.pf-game-page.pf-components-page .pf-retail-storefront .pf-mobile-category-strip .pf-retail-categories a{flex:0 1 auto;white-space:normal}
}
@media(max-width:350px){body.pf-game-page.pf-components-page .pf-game-main > .pf-home-header .pf-game-header{padding-right:150px}body.pf-components-page .pf-game-brand:has(img) > span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
/* The optional back row is part of the fixed header and needs its own clearance. */
body.pf-game-page.pf-components-page:has(.pf-game-header__destination) {--pf-return-row-height:52px}

/* One heading/sort row; category links and active filters can wrap below it. */
body.pf-game-page.pf-components-page .pf-retail-storefront .pf-retail-controls:not(.pf-commission-sort-controls){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
body.pf-game-page.pf-components-page .pf-retail-controls__title{grid-column:1;grid-row:1;min-width:0;margin:0;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.3;overflow-wrap:anywhere}
body.pf-game-page.pf-components-page .pf-retail-storefront .pf-retail-controls:not(.pf-commission-sort-controls) .pf-retail-sort{grid-column:2;grid-row:1;width:auto;margin:0}
body.pf-game-page.pf-components-page .pf-retail-storefront .pf-retail-controls:not(.pf-commission-sort-controls) .pf-mobile-category-strip{grid-column:1 / -1;grid-row:2}
body.pf-game-page.pf-components-page .pf-retail-storefront .pf-retail-controls:not(.pf-commission-sort-controls) .pf-retail-filters{grid-column:1 / -1;grid-row:3}
body.pf-game-page.pf-components-page .pf-retail-storefront .woocommerce-products-header__title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.pf-game-page.pf-components-page .pf-retail-storefront .pf-game-scrollport h1.page-title{display:none}

/* The navigation dashboard is shared by every component-store route. */
.pf-shared-dashboard .pf-category-rail{box-sizing:border-box;border:1px solid #dba685;border-radius:18px;background:#fff8ef;box-shadow:0 3px 12px #5133231a}
.pf-shared-dashboard .pf-retail-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0 10px 12px}
.pf-shared-dashboard .pf-retail-categories a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #d8b7b1;border-radius:12px;background:#fffdf8;color:#683c36;font-weight:800;text-decoration:none}
.pf-shared-dashboard .pf-retail-categories a[aria-current=page]{background:#b74845;color:#fff;border-color:#a83d39}
@media(min-width:900px){
 body.pf-game-page.pf-components-page .pf-game-main:has(> .pf-shared-dashboard){display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;align-content:start;gap:0 14px;height:auto;min-height:100dvh;padding:0 14px 40px}
 body.pf-game-page.pf-components-page .pf-game-main:has(> .pf-shared-dashboard) > .pf-home-header{grid-column:1 / -1;grid-row:1}
 body.pf-game-page.pf-components-page .pf-game-main > .pf-shared-dashboard{position:sticky;z-index:35;top:0;grid-column:1;grid-row:2;max-height:100dvh;overflow:auto}
 body.pf-game-page.pf-components-page .pf-game-main > .pf-shared-dashboard .pf-retail-categories{flex-direction:column}
 body.pf-game-page.pf-components-page .pf-game-main:has(> .pf-shared-dashboard) > .pf-game-panel{position:relative;grid-column:2;grid-row:2;inset:auto;width:auto;height:auto;min-width:0;margin:0}
 body.pf-game-page.pf-components-page .pf-game-main--landing:has(> .pf-shared-dashboard) .pf-lobby{width:100%;margin:0}
 body.pf-game-page.pf-components-page .pf-game-main--landing:has(> .pf-shared-dashboard) .pf-landing--restored{width:calc(100% + 224px);margin-left:-224px;margin-right:0}
 body.pf-game-page.pf-components-page .pf-game-main--landing:has(> .pf-shared-dashboard) .pf-landing--restored > .pf-landing-section{padding-left:max(244px,calc((100% - 1200px)/2))}
}
@media(max-width:899px){
 body.pf-game-page.pf-components-page .pf-game-main > .pf-shared-dashboard{order:1;width:100%;min-width:0}
 body.pf-game-page.pf-components-page .pf-game-main:has(> .pf-shared-dashboard) > .pf-game-panel{order:2}
 body.pf-game-page.pf-components-page .pf-game-main .pf-shared-dashboard .pf-category-rail .pf-retail-categories{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
 body.pf-game-page.pf-components-page .pf-game-main .pf-shared-dashboard .pf-category-rail .pf-retail-categories a{flex:0 0 auto;white-space:nowrap}
}

/* One catalogue shell and toolbar for both product areas. */
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-catalog-hero {box-sizing:border-box;display:block;min-height:90px;margin:0 0 16px;padding:16px;border:0;border-radius:0;box-shadow:none}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-catalog-hero h1 {margin:0;color:var(--pf-category-text,var(--pf-heading-color));font-size:var(--pf-ui-h1);line-height:var(--pf-ui-title-line)}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-filter-unavailable {display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#394047;font:inherit;font-weight:700;opacity:.65}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-filter-popover--type > .pf-retail-categories {display:flex;flex-direction:column;flex-wrap:nowrap}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-grid {grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px}
@media(max-width:760px){body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-card {border-color:var(--pf-card-edge);border-radius:1.2rem;background:var(--pf-card-surface);box-shadow:var(--pf-card-shadow)}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-art {box-sizing:border-box;aspect-ratio:1;padding:1rem;background:#fff0f2}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-card:nth-child(even) .pf-demo-art {background:#e9f7f1}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-art svg {border-radius:.5rem;background:var(--pf-demo-color)}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-copy {padding:1rem}
@media(max-width:350px){body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-art,body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-demo-copy {padding:.5rem}}

/* Live list polish, 2026-11-05: appearance only; retain native GET sorting. */
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-retail-sort .pf-sort-trigger {
 display:flex;width:auto;height:auto;min-height:44px;border-radius:14px;
}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-retail-sort .pf-sort-trigger > .pf-material-symbol {display:none}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-retail-sort .pf-sort-trigger select {
 position:static;inset:auto;width:auto;max-width:100%;min-width:145px;min-height:44px;
 margin:0;padding:8px 28px 8px 12px;opacity:1;border:0;border-radius:14px;
 background-color:transparent;color:inherit;font-size:16px;line-height:1.5;
}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-commission-controls {
 column-gap:12px;row-gap:8px;margin-bottom:16px;
}
body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-game-panel ul.products li.product .product-name {
 min-height:2.9em;margin-bottom:8px;line-height:1.45;
}
body.pf-game-page.pf-components-page .pf-game-main--catalog .product-card--commission .pf-commission-card-creators {
 min-height:2.9em;margin-bottom:8px;font-size:.8125rem;line-height:1.45;
}
body.pf-game-page.pf-components-page .pf-game-main--catalog .product-card--commission .product-buy-row {
 margin-top:auto;gap:8px;
}
body.pf-game-page.pf-components-page .pf-game-main--catalog .product-card--commission .product-price {
 justify-content:flex-start;text-align:left;
}
@media(max-width:600px){
 body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-commission-sort-controls {
  flex-basis:100%;margin-left:0;
 }
 body.pf-game-page.pf-components-page .pf-game-main--catalog .pf-commission-sort-controls .pf-retail-sort {margin:0}
}