/* Opus 5.5 RPG shell, reviewed for native Woo layout and keyboard/reflow.
 * Original model output stays private for comparison. No reference game art is bundled.
 */
body.pf-game-page {
 --pf-game-ink:#303c50; --pf-game-muted:#596579; --pf-game-blue:#2461a0;
 --pf-game-gold:#bd955d; --pf-game-paper:#fffaf0; --pf-game-line:#c4af8b;
 --pf-game-nav-height:76px; --pf-game-gap:18px; --pf-game-focus:#154c81;
 background:radial-gradient(ellipse at 14% 26%,#f7ddac 0,transparent 34%),linear-gradient(145deg,#775541,#c6a77d 50%,#76513e);
 color:var(--pf-game-ink); min-width:0; isolation:isolate;
 --pf-color-focus:var(--pf-game-focus); --pf-color-pink-strong:#205a95;
 --pf-color-pink-dark:#164777; --pf-control-focus:#164777;
 --pf-font-body:"Chiron GoRound TC","PingFang TC","Microsoft JhengHei",sans-serif;
}
.pf-game-page :where(a,button,input,select,textarea,[tabindex]):focus-visible {outline:3px solid var(--pf-game-focus);outline-offset:3px}
.pf-game-page :where(a,button,input,select,textarea) {scroll-margin-block:20px calc(var(--pf-game-nav-height) + 28px)}
.pf-game-page :where(.scene-background,.scene-lights,.ambient,.mobile-hud,.pf-site-footer) {display:none}
.pf-game-main {position:relative;display:grid;grid-template-columns:minmax(0,27fr) minmax(0,73fr);gap:var(--pf-game-gap);align-items:start;width:min(1800px,100%);min-height:100dvh;margin:0 auto;padding:26px 24px calc(var(--pf-game-nav-height) + 22px);isolation:isolate}
.pf-game-main--no-keeper {grid-template-columns:minmax(0,1fr);max-width:1380px}
/* Original CSS room geometry: wood beams, warm walls, and floor; decorative only. */
.pf-game-main::before {content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(0deg,#4b302a44,transparent 65%),repeating-linear-gradient(100deg,transparent 0 130px,#66422d40 132px 137px,transparent 139px 260px) bottom/100% 22% no-repeat,linear-gradient(#6b4632,#b38557 9px,#e0ba84 12px,#9b7048 18px,transparent 19px) 0 79%/100% 25px no-repeat,repeating-linear-gradient(90deg,#4d342a55 0 12px,transparent 13px 24%) 0 0/100% 79% no-repeat,linear-gradient(12deg,#5c3b2c 0 5%,transparent 5.2%) top/100% 21% no-repeat,radial-gradient(ellipse at 17% 25%,#fff0be9c,transparent 44%);box-shadow:inset 0 0 120px #37231955}
.pf-game-main::after {content:"";position:fixed;z-index:-1;pointer-events:none;left:3.8vw;top:6vh;width:21vw;max-width:340px;height:52vh;border:13px solid #866342;border-radius:140px 140px 5px 5px;background:linear-gradient(90deg,transparent 48%,#886644 48% 52%,transparent 52%),linear-gradient(0deg,transparent 46%,#886644 46% 49%,transparent 49%),radial-gradient(ellipse at 50% 30%,#fff5d1,#f7d398 65%,#c5c5a1);box-shadow:0 0 0 3px #e1bd80,inset 0 0 0 5px #b8905c,0 0 70px #ffe9ac77}
.pf-game-icon {display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* A separate keeper stage has no counter, awning or old sign. */
.pf-game-keeper {position:sticky;top:calc(var(--pf-admin-offset) + 22px);display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-self:start;min-width:0;height:calc(100dvh - var(--pf-admin-offset) - var(--pf-game-nav-height) - 50px);padding:0 0 10px;isolation:isolate}
.pf-game-keeper__stage {position:relative;display:grid;align-items:end;min-height:0;min-width:0;overflow:hidden}
.pf-game-keeper__canvas {display:flex;align-items:end;justify-content:center;width:100%;height:100%;min-width:0;padding:0;border:0;border-radius:10px;background:transparent;color:inherit}
.pf-game-keeper__canvas:where(button) {cursor:pointer}
.pf-game-keeper__art {display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px #3d251b66)}
.pf-game-dialogue {position:relative;z-index:1;min-width:0;margin:-22px 0 0;border:1px solid #e1c18b;border-radius:4px 14px 4px 14px;background:linear-gradient(120deg,#fffef3ec,#f1ead5dc);box-shadow:0 0 0 3px #4e49596b,0 8px 24px #31252055;backdrop-filter:blur(8px);color:#354253;padding:24px 46px 18px 18px;line-height:1.7;font-size:15px;overflow-wrap:anywhere}
.pf-game-dialogue__nameplate {position:absolute;left:12px;top:-16px;max-width:calc(100% - 24px);border:1px solid #e3c78f;border-radius:3px 10px 3px 10px;background:linear-gradient(#5d7892,#344f6e);box-shadow:0 2px 3px #3b2e2944;color:#fff9df;padding:3px 18px;font-size:13px;font-weight:800;overflow-wrap:anywhere}
.pf-game-dialogue__text {max-height:22dvh;overflow:auto;white-space:pre-line;scrollbar-width:thin}
.pf-game-dialogue__next {position:absolute;right:3px;bottom:3px;display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:8px;background:transparent;color:#335d8a}
.pf-game-dialogue__next:hover {background:#dce6ed}
.pf-game-keeper__collapse {display:flex;justify-self:end;align-items:center;justify-content:center;gap:4px;min-height:44px;min-width:44px;margin-top:8px;border:1px solid #e1c797;border-radius:6px;background:#3a4154d9;box-shadow:0 2px 5px #35291f44;color:#fff6dd;padding:5px 12px;font-size:12px}
.pf-game-keeper__collapse .pf-game-icon {width:14px;height:14px;transform:rotate(90deg)}
.pf-game-keeper.is-collapsed .pf-game-keeper__stage {visibility:hidden}
.pf-game-keeper.is-collapsed .pf-game-dialogue {display:none}
.pf-game-keeper.is-collapsed .pf-game-keeper__collapse .pf-game-icon {transform:rotate(-90deg)}
/* A single bounded scroll region on roomy desktop catalogs; forms use document flow. */
.pf-game-panel {position:relative;min-width:0;border:2px solid #a4875b;border-radius:12px;background:linear-gradient(140deg,#fffdf6,#f3ead7);box-shadow:0 0 0 3px #efe1ba,0 0 0 5px #8a745a,inset 0 0 0 4px #fffbee,0 14px 35px #30231e66;overflow:visible}
.pf-game-panel::before,.pf-game-panel::after {content:"✦";position:absolute;z-index:2;top:-11px;font:22px Georgia,serif;line-height:1;color:#ebd397;text-shadow:0 1px #745b3c;pointer-events:none}
.pf-game-panel::before {left:-9px}.pf-game-panel::after {right:-9px}
.pf-game-panel__inner {display:flex;flex-direction:column;min-height:0;min-width:0;border:3px double #b9a476;border-radius:9px;margin:4px;background:#faf7ef}
.pf-game-main--catalog .pf-game-panel {height:calc(100dvh - var(--pf-admin-offset) - var(--pf-game-nav-height) - 52px)}
.pf-game-main--catalog .pf-game-panel__inner {height:calc(100% - 8px)}
.pf-game-header {display:flex;flex:none;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:76px;padding:10px 18px;border-radius:6px 6px 0 0;border-bottom:1px solid #c9b68c;background:linear-gradient(#fefcf4,#eee5cf)}
.pf-game-header__brand {display:flex;flex-direction:column;min-width:0;gap:2px}
.pf-game-header__brand a {display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#344f6a}
.pf-game-header__brand img {width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 0 #fff8df)}
.pf-game-header__site-name {font-size:clamp(19px,1.8vw,26px);font-weight:900;letter-spacing:.035em;text-shadow:0 1px #fff}
.pf-game-header__tagline {font-size:12px;color:#625d52;overflow-wrap:anywhere}
.pf-game-cart-button {display:flex;flex:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 12px;border:1px solid #a4b1bc;border-radius:7px;background:linear-gradient(#f7fbff,#d2dce7);box-shadow:inset 0 1px #fff,0 2px #9aa2ab;color:#304d70;text-decoration:none;font-size:13px;font-weight:800}
.pf-game-cart-button:hover {background:linear-gradient(#fff,#e4effa);color:#254365}
.pf-game-cart-count {display:grid;place-items:center;min-width:23px;min-height:23px;border:1px solid #a3afbe;border-radius:50%;background:#fff8e5;color:#314a69;font-size:12px;line-height:1}
.pf-game-tabs {display:flex;flex:none;gap:3px;min-width:0;max-width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#96afc6 #e5e8ed;border-bottom:2px solid #9cb1c6;padding:10px 14px 0;background:#ece9df;scroll-padding-inline:10px}
.pf-game-tab {display:flex;flex:1 0 auto;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid #9baac0;border-radius:9px 9px 0 0;padding:8px 13px;background:linear-gradient(#fffef6,#d8e0e9);box-shadow:inset 0 2px #fff;color:#3b516e;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}
.pf-game-tab .pf-game-icon {width:18px;height:18px;color:#9d7739}
.pf-game-tab:hover {background:#f5f8fc;color:#254f7f}
.pf-game-tab--active,.pf-game-tab--active:hover {background:linear-gradient(#7597c3,#426d9d);border-color:#3e6697;color:#fff;text-shadow:0 1px #355677}
.pf-game-tab--active .pf-game-icon {color:#f4dfa4}
.pf-game-tools {display:flex;flex:none;gap:10px;min-width:0;max-width:100%;padding:10px 16px;border-bottom:1px solid #d0c4aa;background:#f5f1e6}
.pf-game-search,.pf-game-sort {display:flex;align-items:center;min-width:0;min-height:44px;border:1px solid #b2b9bd;border-radius:6px;background:#fffef9;box-shadow:inset 0 2px 3px #6a748017}
.pf-game-search {flex:1 1 0;padding-left:10px}
.pf-game-search:focus-within,.pf-game-sort:focus-within {outline:2px solid #255c91;outline-offset:2px}
.pf-game-search input[type=search] {width:100%;min-width:0;flex:1 1 0;min-height:42px;padding:5px;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px}
.pf-game-search button {display:grid;place-items:center;flex:none;width:44px;min-height:44px;border:0;background:transparent;color:#465c77}
.pf-game-sort {position:relative;flex:0 1 160px;padding:0 10px}
.pf-game-sort select {width:100%;min-width:0;min-height:44px;border:0;background:transparent;padding:5px 0;box-shadow:none;color:#40516a;font-size:13px}
.pf-game-sort>.pf-game-icon {display:none}
.pf-game-page .screen-reader-text:focus {position:static;width:auto;height:auto;margin:0;padding:8px;clip:auto;overflow:visible;white-space:normal}
.pf-game-sort:focus-within .screen-reader-text[type=submit] {position:absolute;z-index:5;right:0;bottom:100%;min-height:44px;border:1px solid #8398b2;border-radius:4px;background:#fffdf5;color:#294f7d;padding:8px 12px;white-space:nowrap}
.pf-game-scrollport {min-width:0;min-height:0;padding:16px;overflow:visible;overflow-wrap:anywhere;scrollbar-color:#7099bc #e0e5e9;scrollbar-width:thin;scroll-padding-block:16px;outline-offset:-4px}
.pf-game-main--catalog .pf-game-scrollport {flex:1 1 0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
.pf-game-scrollport::-webkit-scrollbar {width:10px}.pf-game-scrollport::-webkit-scrollbar-thumb {border:2px solid #e4e7e9;border-radius:7px;background:#7298b7}.pf-game-scrollport::-webkit-scrollbar-track {background:#e4e7e9}
/* Reset native float widths/clearfix pseudo cells inside the new scoped grid. */
body.pf-game-page .pf-game-panel ul.products {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;margin:0;padding:0;list-style:none}
body.pf-game-page .pf-game-panel ul.products::before,body.pf-game-page .pf-game-panel ul.products::after {content:none;display:none}
body.pf-game-page .pf-game-panel ul.products li.product {display:flex;float:none;clear:none;width:auto;max-width:none;min-width:0;margin:0;padding:0;border:0;background:transparent;text-align:left}
body.pf-game-page .pf-game-panel .product-card {position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;margin:0;border:1px solid #9eaec0;border-radius:8px;background:linear-gradient(145deg,#fffefa,#edf1f5);padding:8px;box-shadow:inset 0 0 0 2px #fff,0 2px 3px #33485e20;transform:none;overflow:visible}
body.pf-game-page .pf-game-panel .product-card:hover {border-color:#6287b1;box-shadow:inset 0 0 0 2px #fff,0 3px 8px #33485e30}
body.pf-game-page .pf-game-panel .product-image-button {display:grid;place-items:center;flex:none;width:100%;height:auto;aspect-ratio:1.17;min-height:0;margin:0 0 10px;border:1px solid #cfbd97;border-radius:5px;background:radial-gradient(ellipse at 40% 25%,#fffef8,#f0e7d4);padding:8px;overflow:hidden;box-shadow:inset 0 1px #fff}
body.pf-game-page .pf-game-panel .product-illustration {position:static;display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;transform:none;filter:none}
body.pf-game-page .pf-game-panel .product-illustration::before,body.pf-game-page .pf-game-panel .product-illustration::after {display:none}
body.pf-game-page .pf-game-panel .product-illustration img {display:block;width:100%;height:100%;max-height:200px;margin:0;object-fit:contain;border:0;border-radius:3px;background:transparent;box-shadow:none;transform:none}
body.pf-game-page .pf-game-panel .product-info {display:flex;flex:1;flex-direction:column;align-items:stretch;gap:6px;min-width:0;width:auto;padding:0 2px}
body.pf-game-page .pf-game-panel .product-name {margin:0;min-height:2.8em;font-size:14px;font-weight:800;line-height:1.4;color:#34455e;overflow-wrap:anywhere}
body.pf-game-page .pf-game-panel .product-name a {display:block;color:inherit;text-decoration:none}
body.pf-game-page .pf-game-panel .product-name a:hover {text-decoration:underline}
body.pf-game-page .pf-game-panel .product-tagline {margin:0;color:#626f7d;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
body.pf-game-page .pf-game-panel .product-buy-row {display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0;margin-top:auto;padding-top:7px}
body.pf-game-page .pf-game-panel .product-price {display:block;min-width:0;width:100%;border:1px solid #bac7d5;border-radius:4px;background:linear-gradient(#eef3fa,#d9e1ee);box-shadow:inset 0 1px #fff;color:#354e72;padding:5px 7px;text-align:right;font-size:15px;font-weight:900;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body.pf-game-page .pf-game-panel .product-price :is(.price,.price-main,.woocommerce-Price-amount,.price-minor,.price-major) {display:inline;margin:0;color:inherit;font-size:inherit;line-height:inherit}
body.pf-game-page .pf-game-panel .product-price .price-currency {display:inline;margin-right:4px;color:#5a6a7d;font-size:11px}
body.pf-game-page .pf-game-panel .product-price .price-value {display:inline;font-size:inherit}
body.pf-game-page .pf-game-panel .product-price del {color:#647084;font-size:12px;font-weight:500}
body.pf-game-page .pf-game-panel .product-price ins {background:transparent;text-decoration:none}
body.pf-game-page .pf-game-panel .product-action {display:flex;flex-direction:column;gap:5px;width:100%;min-width:0}
body.pf-game-page .pf-game-panel ul.products li.product .product-action :is(a.button,a.added_to_cart) {display:flex;position:relative;align-items:center;justify-content:center;gap:5px;width:100%;min-width:44px;min-height:44px;height:auto;margin:0;border:1px solid #b99c61;border-radius:6px;background:linear-gradient(#77a7db 0,#4a80bc 42%,#28609e 48%,#3475b7 100%);box-shadow:inset 0 0 0 2px #d4e5f88c,0 2px #9d8761;color:#fff;padding:8px 5px;font-size:13px;font-weight:800;line-height:1.35;text-shadow:0 1px #33587b;text-align:center;text-decoration:none;white-space:normal;transform:none}
body.pf-game-page .pf-game-panel ul.products li.product .product-action :is(a.button,a.added_to_cart):hover {background:linear-gradient(#90b9e5,#3a74b5);color:#fff}
body.pf-game-page .pf-game-panel ul.products li.product .product-action .button::before {content:none}
body.pf-game-page .pf-game-panel .pf-rpg-stock-label {position:absolute;z-index:2;left:12px;right:auto;top:35%;border:3px double #fff5ee;border-radius:4px;background:#bb3f51;box-shadow:0 0 0 2px #bb3f51;color:#fff;padding:2px 14px;font-size:17px;font-weight:900;letter-spacing:.12em;transform:rotate(-12deg);pointer-events:none}
.pf-game-page .pf-shop-empty {border:1px solid #d3c39e;border-radius:8px;background:#f5f0e4;color:#4c5d72;padding:24px}
/* True destinations only; no gacha/levels/favourites placeholders. */
.pf-game-nav {position:fixed;z-index:90;left:20px;right:20px;bottom:10px;display:flex;justify-content:center;align-items:center;gap:16px;min-height:64px;max-width:1760px;margin:auto;border:2px solid #b59b68;border-radius:10px;background:linear-gradient(#fffef5ed,#e6e7e7ed);box-shadow:0 0 0 2px #fff4cd,0 5px 14px #332c2555;backdrop-filter:blur(10px);padding:4px 16px calc(4px + env(safe-area-inset-bottom));color:#3f5472}
.pf-game-nav__primary {display:flex;justify-content:center;align-items:stretch;gap:8px;min-width:0;max-width:100%;flex:1}
.pf-game-nav__item {position:relative;display:flex;flex:1 1 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;max-width:180px;min-width:0;min-height:52px;border:1px solid transparent;border-radius:6px;color:#455771;padding:4px 8px;font-size:13px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;overflow-wrap:anywhere}
.pf-game-nav__item+.pf-game-nav__item::before {content:"";position:absolute;left:-5px;top:8px;bottom:8px;width:1px;background:#bcb6a655}
.pf-game-nav__item .pf-game-icon {width:24px;height:24px;filter:drop-shadow(0 1px #fff)}
.pf-game-nav__item:hover {background:#e2eaf4;color:#244d7c}
.pf-game-nav__item--current {background:linear-gradient(#e7effb,#cddbf0);border-color:#8aa0bf;box-shadow:inset 0 1px #fff;color:#234d80}
.pf-game-nav__secondary {display:flex;flex-wrap:wrap;justify-content:end;gap:6px;max-width:30%}
.pf-game-nav__extra {display:flex;align-items:center;min-height:44px;padding:4px 8px;color:#485975;font-size:12px}
/* Native commerce components keep their semantics; palette shares the panel. */
body.pf-game-page .pf-commerce {--pc-ink:#35465e;--pc-muted:#5d6b7c;--pc-section:#f5f0e4;--pc-card:#fffdf7;--pc-border:#c5c2b5;--pc-primary:#265e9c;--pc-primary-hover:#1f4b80;--pc-focus:#164777;--pa-ink:#35465e;--pa-muted:#5d6b7c;--pa-card:#fffdf7;--pa-border:#c5c2b5;--pa-primary:#265e9c;--pa-primary-hover:#1f4b80;max-width:none;padding:4px;min-width:0}
.pf-game-page .pf-commerce .pf-commerce__heading h1 {color:#344d6d}
.pf-game-page .pf-commerce .pf-commerce__progress {border-radius:7px;background:#edf1f5}
.pf-game-page .pf-commerce .pf-commerce__progress [aria-current=step] .pf-commerce__progress-number {background:#376da6;box-shadow:inset 0 1px #fff8,0 2px #8b9eb4;border-color:#376da6}
.pf-game-main--product .pf-game-panel div.product {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;min-width:0}
.pf-game-main--product .pf-game-panel div.product::before,.pf-game-main--product .pf-game-panel div.product::after {display:none}
.pf-game-main--product .pf-game-panel div.product>:is(.images,.summary,.woocommerce-tabs,.related,.upsells) {float:none;clear:none;width:100%;min-width:0;margin:0}
.pf-game-main--product .pf-game-panel div.product>:is(.woocommerce-tabs,.related,.upsells,.pf-commission-details) {grid-column:1/-1}
.pf-game-main--product .pf-game-panel div.product .product_title {margin-top:0;font-size:26px;color:#354f73}
.pf-game-main--product .pf-game-panel div.product .summary {min-width:0;overflow-wrap:anywhere}
.pf-game-main--product .pf-game-panel .product-route {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:8px 12px;border-bottom:1px solid #c7bdac;font-size:13px}
.pf-game-page .pf-game-panel .woocommerce :where(button.button,button.single_add_to_cart_button,input[type=submit],a.checkout-button) {min-height:44px;border:1px solid #b59d68;border-radius:6px;background:linear-gradient(#7a9fc9,#31659e);color:#fff;padding:9px 16px;font-weight:800}
.pf-game-page .pf-game-panel .woocommerce .button:disabled {background:#8295aa;opacity:.7}
.pf-game-page .pf-game-panel .woocommerce :where(select,input:not([type=checkbox]):not([type=radio])) {min-height:44px;max-width:100%}
.pf-game-page .pf-commission-intro {margin:0 0 16px;padding:16px;border:1px solid #b8c4cf;border-radius:8px;background:#f1f3f5}
.pf-game-page :is(.pf-commission-categories,.pf-commission-purposes) {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.pf-game-page :is(.pf-commission-categories,.pf-commission-purposes) a {display:flex;align-items:center;min-height:44px;border:1px solid #a4b4c5;border-radius:5px;background:#f4f6f9;color:#354f73;padding:6px 10px;text-decoration:none}
.pf-game-page .pf-commission-creators__scroller {display:flex;gap:8px;max-width:100%;overflow:auto}
.pf-game-page .pf-commission-creator {display:flex;align-items:center;min-height:44px;gap:6px;flex:none;padding:5px 8px;color:#354f73}
.pf-game-page :is(.pf-commission-creator__avatar,.pf-commission-byline__avatar) {display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #c9bc9c;border-radius:50%;overflow:hidden}
.pf-game-page :is(.pf-commission-creator__avatar,.pf-commission-byline__avatar) img {width:100%;height:100%;object-fit:cover}
.pf-game-page .pf-commission-creator__surface,.pf-game-page .pf-commission-byline {display:flex;align-items:center;gap:6px}
.pf-game-page .pf-commission-details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pf-game-page .pf-commission-panel {min-width:0;padding:16px;border:1px solid #c6bfad;border-radius:8px;background:#fffdf5;overflow-wrap:anywhere}
.pf-game-page .pf-commission-samples {display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}
.pf-game-page .pf-commission-samples img {width:100%;height:140px;object-fit:contain}
@media (max-width:1150px) and (min-width:1001px) {
 body.pf-game-page .pf-game-panel ul.products {grid-template-columns:repeat(3,minmax(0,1fr))}
 .pf-game-tab {padding-inline:10px;font-size:13px}.pf-game-scrollport {padding:12px}
}
@media (max-width:1000px),(max-height:650px) {
 .pf-game-main {display:flex;flex-direction:column;gap:12px;padding:14px 14px calc(var(--pf-game-nav-height) + 24px)}
 .pf-game-main::after {left:2vw;width:35vw;height:50vh;opacity:.4}
 .pf-game-keeper {position:relative;top:auto;display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:12px;width:100%;height:auto;padding:8px 0}
 .pf-game-keeper__stage {width:64px;height:72px;overflow:hidden;align-self:start;border:1px solid #ddc697;border-radius:7px;background:#f8e9d3}
 .pf-game-keeper__canvas {height:100%}
 .pf-game-keeper__art {height:100%;object-fit:cover;object-position:center 15%}
 .pf-game-dialogue {margin:0;padding:14px 38px 12px 12px;font-size:14px;border-radius:5px;box-shadow:0 0 0 2px #685c5b44,0 4px 8px #30252133}
 .pf-game-dialogue__nameplate {top:-13px;left:8px;font-size:11px;padding:2px 10px}
 .pf-game-dialogue__text {max-height:none;overflow:visible}
 .pf-game-keeper__collapse {margin:0;padding:4px 8px;font-size:11px;align-self:start}
 .pf-game-keeper.is-collapsed .pf-game-keeper__stage {visibility:visible}
 .pf-game-keeper.is-collapsed .pf-game-dialogue {display:block;max-height:74px;overflow:hidden}
 .pf-game-keeper.is-collapsed .pf-game-dialogue__text {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .pf-game-keeper.is-collapsed .pf-game-dialogue__next {display:none}
 .pf-game-panel {width:100%;margin:0}
 .pf-game-main--catalog .pf-game-panel {height:auto}
 .pf-game-main--catalog .pf-game-panel__inner {height:auto}
 .pf-game-main--catalog .pf-game-scrollport {overflow:visible;overscroll-behavior:auto}
 .pf-game-scrollport {padding:14px}
 body.pf-game-page .pf-game-panel ul.products {grid-template-columns:repeat(3,minmax(0,1fr))}
 .pf-game-main--product .pf-game-panel div.product {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .pf-game-nav {left:12px;right:12px;bottom:8px;padding-inline:8px;min-height:62px}
 .pf-game-nav__item {font-size:12px;padding-inline:5px}
 .pf-game-nav__secondary {display:none}
 .pf-game-nav__primary {gap:4px}
}
@media (max-width:600px) {
 body.pf-game-page {--pf-game-nav-height:72px}
 .pf-game-main {gap:10px;padding:10px 10px calc(var(--pf-game-nav-height) + env(safe-area-inset-bottom) + 18px)}
 .pf-game-keeper {grid-template-columns:45px minmax(0,1fr) auto;gap:8px;padding:8px 0}
 .pf-game-keeper__stage {width:45px;height:60px}
 .pf-game-dialogue {padding:13px 32px 10px 9px;font-size:13px;line-height:1.6}
 .pf-game-keeper__collapse {min-width:44px;padding:3px 4px;gap:0;font-size:11px}.pf-game-keeper__collapse .pf-game-icon {width:12px}
 .pf-game-keeper.is-collapsed .pf-game-dialogue {max-height:65px}
 .pf-game-header {gap:6px;min-height:65px;padding:8px 10px}
 .pf-game-header__brand img {width:36px;height:36px}.pf-game-header__brand a {gap:6px}
 .pf-game-header__site-name {font-size:17px}.pf-game-header__tagline {display:none}
 .pf-game-cart-button {gap:5px;padding:6px 8px;font-size:12px}.pf-game-cart-button .pf-game-icon {width:19px;height:19px}
 .pf-game-tabs {padding:7px 8px 0;gap:3px}.pf-game-tab {padding:6px 10px;font-size:13px}.pf-game-tab .pf-game-icon {width:16px;height:16px}
 .pf-game-tools {gap:6px;padding:8px}.pf-game-sort {flex:0 1 88px;padding-inline:5px}.pf-game-sort select {font-size:12px}.pf-game-search {padding-left:5px}.pf-game-search input[type=search] {font-size:13px}
 .pf-game-scrollport {padding:10px}
 body.pf-game-page .pf-game-panel ul.products {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body.pf-game-page .pf-game-panel .product-card {padding:6px;border-radius:6px}
 body.pf-game-page .pf-game-panel .product-image-button {aspect-ratio:1.12;margin-bottom:8px;padding:5px}
 body.pf-game-page .pf-game-panel .product-name {font-size:13px;min-height:2.8em}
 body.pf-game-page .pf-game-panel .product-tagline {font-size:11px}
 body.pf-game-page .pf-game-panel .product-buy-row {gap:6px;padding-top:5px}
 body.pf-game-page .pf-game-panel .product-price {font-size:14px;padding:5px}
 body.pf-game-page .pf-game-panel ul.products li.product .product-action :is(a.button,a.added_to_cart) {font-size:12px}
 .pf-game-nav {left:6px;right:6px;bottom:5px;min-height:60px;border-radius:8px;padding-inline:5px}
 .pf-game-nav__item {font-size:10px;min-height:50px;padding-inline:3px}.pf-game-nav__item .pf-game-icon {width:21px;height:21px}
 .pf-game-main--product .pf-game-panel div.product {grid-template-columns:minmax(0,1fr)}
 .pf-game-page .pf-commission-details {grid-template-columns:minmax(0,1fr)}
 .pf-game-page .pf-commerce {padding:0}.pf-game-page .pf-commerce__progress {gap:3px;padding:7px}.pf-game-page .pf-commerce__progress li {font-size:12px;gap:4px}
 .pf-game-page .pf-commerce__progress li+li::before {margin:0}
}
@media (prefers-reduced-motion:reduce) {html:has(.pf-game-page){scroll-behavior:auto}.pf-game-page *, .pf-game-page *::before,.pf-game-page *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reflow panels must size to native content rather than their desktop flex basis. */
@media (max-width:1000px),(max-height:650px) {
 .pf-game-panel {flex:0 0 auto}
 .pf-game-panel__inner {display:block}
 .pf-game-main--catalog .pf-game-scrollport {flex:none}
 .pf-game-keeper.is-collapsed .pf-game-dialogue {max-height:none;overflow:visible}
}

/* Native commerce actions inherit the same blue/gold hierarchy, including old high-specificity account rules. */
body.pf-game-page .pf-commerce :is(.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,.wc-block-components-totals-coupon__button),
body.pf-game-page.woocommerce-account .pf-commerce .woocommerce :is(button.button,input.button,.pf-account-order-action--pay) {
 border:1px solid #b59d68;border-radius:6px;background:linear-gradient(#7a9fc9,#31659e);box-shadow:inset 0 1px #e2edfa,0 2px #a98e60;color:#fff;min-height:44px
}
body.pf-game-page .pf-commerce :is(.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button,.wc-block-components-totals-coupon__button):disabled {background:#8b98a8;color:#fff;box-shadow:none}
@container commerce (max-width:560px) {
 body.pf-game-page .pf-commerce table.wc-block-cart-items .wc-block-cart-items__row {display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:12px}
 body.pf-game-page .pf-commerce table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {grid-column:1;grid-row:1;width:68px;min-width:68px;padding-right:0}
 body.pf-game-page .pf-commerce .wc-block-cart-item__image img {width:56px;height:56px}
 body.pf-game-page .pf-commerce table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {grid-column:2;grid-row:1;min-width:0}
 body.pf-game-page .pf-commerce table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {grid-column:2;grid-row:2;justify-self:end;width:auto;margin-top:8px;overflow-wrap:anywhere}
 body.pf-game-page .pf-commerce table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity {flex-wrap:wrap}
}
/* Product dragging retains the position chosen by the visitor. */
html body.pf-game-page.pf-components-page .pf-product-carousel__track {scroll-snap-type:none}
