/* Restored landing sections: the lobby remains a separate, unchanged hero. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored {
 display:block;width:100vw;max-width:none;margin:0 calc(50% - 50vw);padding:0;
}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group),
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-home-group.pf-home-group {
 box-sizing:border-box;position:relative;display:block;width:100%;min-width:0;height:calc(100svh - var(--store-admin-gap,0px));min-height:0;overflow-y:auto;margin:0;
 padding:calc(var(--pf-header-height) + var(--pf-ui-section-gap)) max(var(--pf-ui-side),calc((100% - var(--pf-ui-width))/2)) var(--pf-ui-section-gap);
 border:0;border-radius:0;box-shadow:none;
 --pf-section-colour:#fff9fb;
 background:linear-gradient(to bottom,transparent 0 99px,var(--pf-section-colour) 100px);
 background-attachment:local;
}
/* Incoming colour rises from a straight edge; the transparent remainder shows the previous layer. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group)::before {
 content:"";position:absolute;z-index:0;pointer-events:none;left:0;right:0;top:0;height:100px;
 background:var(--pf-divider-art) center bottom / 100% 100% no-repeat;
 clip-path:inset(calc((1 - var(--pf-divider-progress,1)) * 100%) 0 0);
}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group):nth-child(even) {--pf-section-colour:#f1faf6}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group):nth-child(1) {--pf-divider-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff9fb' d='M0 76 C170 76 160 8 340 28 S550 94 720 53 990 6 1200 57 V100 H0Z'/%3E%3C/svg%3E")}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group):nth-child(2) {--pf-divider-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23f1faf6' d='M0 80 C170 80 220 18 365 35 S590 92 755 48 1010 5 1200 60 V100 H0Z'/%3E%3C/svg%3E")}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group):nth-child(3) {--pf-divider-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff9fb' d='M0 37 C200 5 260 86 420 78 S650 10 830 28 1030 84 1200 65 V100 H0Z'/%3E%3C/svg%3E")}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group):nth-child(4) {--pf-divider-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23f1faf6' d='M0 64 C125 95 220 22 360 31 S570 87 700 57 890 11 1010 23 1140 69 1200 41 V100 H0Z'/%3E%3C/svg%3E")}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group) > * {position:relative;z-index:1;opacity:var(--pf-exit-opacity,1)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group)::after {content:'';position:absolute;z-index:0;inset:100px 0 0;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 48px,#d65e5e0b 48px 72px,transparent 72px 120px),radial-gradient(circle at 82% 30%,#a9639c14 0 4px,transparent 5px);background-size:auto,120px 120px}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-divider-morph-ready::before {display:none}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group) > .pf-morph-divider {position:absolute;z-index:0;top:0;left:0;width:100%;height:100px;pointer-events:none;opacity:1;fill:var(--pf-section-colour)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-home-group > .pf-landing-section {margin-top:clamp(2rem,4vw,3.5rem)}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-home-group > .pf-landing-section:first-child {margin-top:0}
body.pf-game-page.pf-components-page .pf-landing--restored [aria-labelledby="pf-restored-categories"] .pf-landing-categories {display:flex;gap:1rem;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}
body.pf-game-page.pf-components-page .pf-landing--restored [aria-labelledby="pf-restored-categories"] .pf-landing-category {flex:0 0 112px;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-height:0;padding:0;border:0;background:none;box-shadow:none;text-align:center}
body.pf-game-page.pf-components-page .pf-landing--restored :is(.pf-landing-products,.pf-demo-grid) {display:grid;grid-auto-flow:column;grid-auto-columns:min(320px,80vw);grid-template-columns:none;grid-template-rows:1fr;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 2px 12px}
body.pf-game-page.pf-components-page .pf-landing--restored :is(.pf-demo-grid,.pf-featured-collection .pf-landing-products):focus-visible {outline:3px solid #a93f3c;outline-offset:3px}
/* Sections that fit remain sticky; longer content flows without clipping. */
@media (prefers-reduced-motion:no-preference) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-lobby.pf-stack-hero {position:sticky;top:var(--store-admin-gap,0px);z-index:0}
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-stack-ready {position:sticky;top:var(--store-admin-gap,0px)}
 body.pf-game-page.pf-components-page .pf-landing--restored .pf-stack-ready :is(.pf-landing-products,.pf-demo-grid) img {transform:translateY(var(--pf-art-shift,0px))}
}
@media(min-width:900px){
 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))}
}
/* The official site's community section uses coloured rounded-square tiles,
   platform names and purpose badges; links are the published destinations. */
body.pf-game-page.pf-components-page .pf-community__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2.5rem)}
body.pf-game-page.pf-components-page .pf-community__grid a{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:clamp(110px,15vw,170px);min-height:44px;text-align:center;color:#5c4b4a;text-decoration:none}
body.pf-game-page.pf-components-page .pf-community__icon{display:grid;place-items:center;width:clamp(80px,10vw,128px);aspect-ratio:1;border:4px solid #fff;border-radius:32%;background:var(--pf-community-color);color:#fff;box-shadow:0 8px 20px #513b3222}
body.pf-game-page.pf-components-page .pf-community__icon .pf-material-symbol{font-size:clamp(32px,4vw,52px);line-height:1;font-variation-settings:'FILL' 1}
body.pf-game-page.pf-components-page .pf-community__icon svg{display:block;width:46%;height:46%}
body.pf-game-page.pf-components-page .pf-community__grid strong{font-size:1rem}
body.pf-game-page.pf-components-page .pf-community__grid small{padding:3px 10px;border-radius:999px;background:color-mix(in oklab,var(--pf-community-color) 20%,white);color:var(--pf-community-color);font-weight:800}
@media(max-width:760px){
 body.pf-game-page.pf-components-page .pf-community__grid{gap:12px}
 body.pf-game-page.pf-components-page .pf-community__grid a{width:calc((100% - 24px)/3);gap:4px}
 body.pf-game-page.pf-components-page .pf-community__icon{width:56px}
 body.pf-game-page.pf-components-page .pf-community__grid strong{font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}
 body.pf-game-page.pf-components-page .pf-community__grid small{font-size:.875rem;line-height:1.4;padding:2px 6px}
}

/* Clean draggable rails, with the product price held to the bottom. */
body.pf-game-page.pf-components-page .pf-landing--restored :is(.pf-landing-products,.pf-demo-grid)::-webkit-scrollbar {display:none}
body.pf-game-page.pf-components-page .pf-landing-product {display:flex;flex-direction:column}
body.pf-game-page.pf-components-page [data-pf-product-image] > [hidden] {display:none !important}
body.pf-game-page.pf-components-page .pf-product-image-fallback {display:grid;place-items:center;width:100%;height:100%;min-height:140px;padding:16px;box-sizing:border-box;background:#f8eceb;color:#8c3048;font-weight:700;text-align:center}
body.pf-game-page.pf-components-page .pf-landing-product__body {display:flex;flex:1;flex-direction:column}
body.pf-game-page.pf-components-page .pf-landing-product__price {margin-top:auto;padding-top:.6rem}
body.pf-game-page.pf-components-page .pf-landing--restored .pf-demo-card,
body.pf-game-page.pf-components-page .pf-landing--restored .pf-demo-card > a {height:100%}
body.pf-game-page.pf-components-page .pf-landing--restored .pf-demo-card > a {display:flex;flex-direction:column}
body.pf-game-page.pf-components-page .pf-landing--restored .pf-demo-copy {display:flex;flex:1;flex-direction:column}
body.pf-game-page.pf-components-page .pf-landing--restored .pf-demo-copy > span:last-child {margin-top:auto}
body.pf-game-page.pf-components-page .pf-commission-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:1.5rem 0;counter-reset:commission}
body.pf-game-page.pf-components-page .pf-commission-steps li {--pf-connector-opacity:1;--pf-step-tint:#fff2f1;counter-increment:commission;display:flex;flex-direction:column;gap:12px;min-height:150px;padding:20px;border-radius:20px;background:linear-gradient(155deg,#fff 48%,var(--pf-step-tint));box-shadow:0 6px 20px #513b3215;font-weight:700;line-height:1.5}
body.pf-game-page.pf-components-page .pf-commission-steps li:nth-child(2) {--pf-step-tint:#e7f6ed}
body.pf-game-page.pf-components-page .pf-commission-steps li:nth-child(3) {--pf-step-tint:#fff2d8}
body.pf-game-page.pf-components-page .pf-commission-steps li:nth-child(4) {--pf-step-tint:#eee8fa}
body.pf-game-page.pf-components-page .pf-commission-steps li::after {opacity:var(--pf-connector-opacity)}
body.pf-game-page.pf-components-page .pf-commission-steps li::before {content:counter(commission,decimal-leading-zero);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f7d8da;color:#a93f3c;font-weight:800}
@media(max-width:760px){body.pf-game-page.pf-components-page .pf-commission-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:.75rem 0} body.pf-game-page.pf-components-page .pf-commission-steps li {min-height:0;padding:12px;font-size:16px;gap:6px} body.pf-game-page.pf-components-page .pf-landing--restored :is(.pf-landing-products,.pf-demo-grid){grid-auto-columns:min(280px,78vw)}}

body.pf-game-page.pf-components-page .pf-landing-product__image {padding:4px}
body.pf-game-page.pf-components-page .pf-commission-steps li .pf-commission-step-icon {color:#a93f3c;font-size:32px;line-height:1;font-variation-settings:'FILL' 1}
@media (min-width:761px){body.pf-game-page.pf-components-page .pf-commission-steps li:not(:last-child)::after {content:"→";position:absolute;right:-14px;top:50%;z-index:2;color:#a93f3c;font-size:24px;transform:translateY(-50%)} body.pf-game-page.pf-components-page .pf-commission-steps li{position:relative}}
body.pf-game-page.pf-components-page .pf-products-swipe-hint {margin:0 0 8px;text-align:right;color:#783c4d;font-size:14px;line-height:1.4}
@media (max-width:760px){
 body.pf-game-page.pf-components-page .pf-commission-steps li {position:relative}
 body.pf-game-page.pf-components-page .pf-commission-steps li:nth-child(1)::after,
 body.pf-game-page.pf-components-page .pf-commission-steps li:nth-child(3)::after {content:"→";position:absolute;z-index:2;right:-13px;top:50%;color:#a93f3c;font-size:20px;transform:translateY(-50%)}
 body.pf-game-page.pf-components-page .pf-commission-steps li:nth-child(2)::after {content:"↙";position:absolute;z-index:2;left:0;bottom:-17px;color:#a93f3c;font-size:20px}
}
/* Four stages on a game-map path; the list remains meaningful without motion. */
body.pf-game-page.pf-components-page .pf-quest-map {position:relative;margin:1.5rem 0}
body.pf-game-page.pf-components-page .pf-quest-route {position:absolute;inset:25% 2% auto;width:96%;height:50%;overflow:visible;pointer-events:none}
body.pf-game-page.pf-components-page .pf-quest-route path {fill:none;stroke:#d9949b;stroke-width:5;stroke-dasharray:12 13;vector-effect:non-scaling-stroke}
body.pf-game-page.pf-components-page .pf-quest-route .pf-quest-progress {stroke:#a93f3c;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--pf-quest-progress,100))}
body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-steps {position:relative;margin:0;gap:clamp(12px,2vw,28px)}
body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-steps li {position:relative;min-height:150px;border:2px solid #fff;box-shadow:0 5px 0 #e7c4b5,0 10px 22px #513b3220;transform:translateY(var(--pf-step-offset,0px))}
body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-steps li:nth-child(even) {--pf-step-offset:24px}
body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-steps li::after {content:none}
body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-step-icon {font-size:38px}
@media(max-width:760px){
 body.pf-game-page.pf-components-page .pf-quest-map {margin:.75rem 0}
 body.pf-game-page.pf-components-page .pf-quest-route {inset:0 auto 0 8px;width:1px;height:100%;border-left:3px dashed #d9949b}
 body.pf-game-page.pf-components-page .pf-quest-route path {display:none}
 body.pf-game-page.pf-components-page .pf-quest-map::before {content:"";position:absolute;left:8px;top:0;width:3px;height:calc(var(--pf-quest-progress,100) * 1%);background:#a93f3c;pointer-events:none}
 body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-steps {grid-template-columns:1fr;gap:8px;padding-left:20px}
 body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-steps li,body.pf-game-page.pf-components-page .pf-quest-map .pf-commission-steps li:nth-child(even) {transform:none;min-height:0;display:grid;grid-template-columns:44px 38px 1fr;align-items:center;gap:10px;padding:8px 12px}
}

/* Two complete recommendation cards in the mobile rail. */
@media (max-width:760px) {
 body.pf-game-page.pf-components-page .pf-landing--restored .pf-landing-products {
  gap:8px;
  grid-auto-columns:calc((100% - 12px) / 2);
 }
}

/* Let the commission guide grow with copy and text zoom. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-landing-help {
 height:auto; min-height:calc(100svh - var(--store-admin-gap,0px)); overflow:visible;
}
body.pf-game-page.pf-components-page .pf-commission-info {margin-top:24px; max-width:52rem; line-height:1.6}
body.pf-game-page.pf-components-page .pf-commission-info p {margin:0 0 8px}
body.pf-game-page.pf-components-page .pf-commission-info a {display:inline-block; padding:8px 0; color:#8c3048; font-weight:800; text-decoration:underline; text-underline-offset:.2em}
@media (prefers-reduced-motion:no-preference) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-landing-help.pf-stack-ready {position:relative;top:auto}
}
body.pf-game-page.pf-components-page .pf-commission-faq {max-width:52rem;margin-top:24px;display:grid;gap:8px}
body.pf-game-page.pf-components-page .pf-commission-faq h3 {margin:0 0 8px;font-size:20px;line-height:1.4;color:#a93f3c}
body.pf-game-page.pf-components-page .pf-commission-faq details {padding:12px 16px;background:#fff;border-radius:16px;box-shadow:0 4px 14px #513b3215}
body.pf-game-page.pf-components-page .pf-commission-faq summary {min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-weight:800;line-height:1.5}
body.pf-game-page.pf-components-page .pf-commission-faq summary::after {content:'＋';color:#a93f3c;flex:none}
body.pf-game-page.pf-components-page .pf-commission-faq details[open] summary::after {content:'−'}
body.pf-game-page.pf-components-page .pf-commission-faq p {margin:0;padding:0 0 8px;line-height:1.6}

/* Local-only, source-labelled editorial preview of official works. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-work-showcase {height:auto;min-height:calc(100svh - var(--store-admin-gap,0px));overflow:visible}
body.pf-game-page.pf-components-page .pf-work-intro {margin:8px 0 24px;line-height:1.6}
body.pf-game-page.pf-components-page .pf-work-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
body.pf-game-page.pf-components-page .pf-work-item {display:grid;grid-template-columns:45% 1fr;min-width:0;overflow:hidden;border:3px solid #fff;border-radius:20px;background:#fff;box-shadow:0 6px 22px #513b321c;color:#513b32;text-decoration:none}
body.pf-game-page.pf-components-page .pf-work-item--featured {grid-row:span 2;display:flex;flex-direction:column}
body.pf-game-page.pf-components-page .pf-work-image {display:block;min-height:140px;background-color:#f6dfe3;background-position:center;background-size:cover}
body.pf-game-page.pf-components-page .pf-work-item--featured .pf-work-image {min-height:220px;flex:1}
body.pf-game-page.pf-components-page .pf-work-image--zommunity {background-image:url('https://paprikafactory.com.hk/wp-content/uploads/2026/08/KV_ZOMMUNITY.webp')}
body.pf-game-page.pf-components-page .pf-work-image--klock {background-image:url('https://paprikafactory.com.hk/wp-content/uploads/2026/08/KV_Klock-Klock.webp')}
body.pf-game-page.pf-components-page .pf-work-image--209 {background-image:url('https://paprikafactory.com.hk/wp-content/uploads/2026/07/KV_209.5.jpg')}
body.pf-game-page.pf-components-page .pf-work-copy {display:flex;flex-direction:column;gap:8px;padding:16px;line-height:1.5}
body.pf-game-page.pf-components-page .pf-work-copy small {color:#a93f3c;font-weight:800}
body.pf-game-page.pf-components-page .pf-work-copy strong {font-size:20px;line-height:1.35}
body.pf-game-page.pf-components-page .pf-work-copy span:last-child {color:#a93f3c;font-weight:800}
body.pf-game-page.pf-components-page .pf-work-source {margin:16px 0 0;font-size:14px}
body.pf-game-page.pf-components-page .pf-work-source a {color:#8c3048;font-weight:800}
@media(max-width:760px){body.pf-game-page.pf-components-page .pf-work-grid {grid-template-columns:1fr;gap:8px} body.pf-game-page.pf-components-page .pf-work-item--featured {grid-row:auto} body.pf-game-page.pf-components-page .pf-work-item--featured .pf-work-image {min-height:180px} body.pf-game-page.pf-components-page .pf-work-copy strong {font-size:18px}}
@media(prefers-reduced-motion:no-preference){body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > .pf-work-showcase.pf-stack-ready {position:relative;top:auto}}
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group):nth-child(5) {--pf-divider-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff9fb' d='M0 70 C180 85 240 20 390 28 S650 85 820 45 1060 10 1200 54 V100 H0Z'/%3E%3C/svg%3E")}

/* Sections grow with their content instead of introducing nested scrolling. */
body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group) {
 height:auto; min-height:calc(100svh - var(--store-admin-gap,0px)); overflow:visible;
}

/* Decorative background moves separately; text and controls remain fixed in flow. */
@media (prefers-reduced-motion:no-preference) {
 body.pf-game-page.pf-components-page .pf-game-main--landing .pf-landing--restored > :is(.pf-landing-section,.pf-home-group)::after {
  background-position:0 var(--pf-background-shift,0px), 0 calc(var(--pf-background-shift,0px) * -0.5);
 }
}
body.pf-game-page.pf-components-page .pf-work-image {box-sizing:border-box;width:100%;height:100%;object-fit:cover;pointer-events:none;color:#8c3048;text-align:center;font-weight:700}
body.pf-game-page.pf-components-page .pf-work-image {position:relative;overflow:hidden;display:grid;place-items:center}
body.pf-game-page.pf-components-page .pf-work-image img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.pf-game-page.pf-components-page .pf-work-image [hidden] {display:none}