/* Profile and market: content hierarchy, quiet surfaces and actual product artwork.
   Deliberately scoped: the application header and game boards are owned elsewhere. */
.account-shell:has(#progression-app){width:100%;max-width:1280px;margin-inline:auto;padding:clamp(16px,3.5vw,48px);min-width:0}
.account-shell:has(#progression-app)>.account-card{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;min-width:0}
.account-shell:has(#progression-app)>.account-card>.profile-head{margin:0 0 24px;border-bottom:1px solid #394238;padding-bottom:16px;align-items:center}
.account-shell:has(#progression-app)>.account-card>.profile-head>.account-link{visibility:hidden;pointer-events:none}
.account-shell:has(#progression-app) .admin-page-link{font-family:var(--bw-font,system-ui,sans-serif);text-transform:none;letter-spacing:0}
.pg{--pg-line:#394238;--pg-gold:#dbc17b;--pg-muted:#b3b9ac;--bw-heading:var(--bw-font,system-ui,sans-serif);font:400 15px/1.6 var(--bw-font,system-ui,sans-serif)!important;color:#f1f0e9;max-width:none;overflow:visible!important}
.pg :is(h1,h2,h3,h4,h5){font-family:var(--bw-font,system-ui,sans-serif)!important;font-weight:650!important;letter-spacing:-.025em!important;text-transform:none!important;color:#f1f0e9;line-height:1.25}
.pg :is(button,input,select,textarea,.pg-link,summary){font-family:var(--bw-font,system-ui,sans-serif)!important;letter-spacing:0!important;text-transform:none!important}
.pg h1{font-size:clamp(30px,3.4vw,46px);margin:0}
.pg h2{font-size:clamp(22px,2.4vw,30px)}
.pg h3{font-size:18px}
.pg p{color:var(--pg-muted);font-size:15px;line-height:1.7}
.pg small{font-size:12px;line-height:1.55;color:var(--pg-muted)}
.pg .eyebrow{font:600 11px/1.4 var(--bw-font,system-ui,sans-serif)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#dbc17b}
.pg :is(button,.pg-link){min-height:44px!important;border:1px solid #4a5545;border-radius:4px!important;background:#202a20;color:#eeeede;box-shadow:none!important;font-size:14px;font-weight:600;line-height:1.45!important;padding:10px 14px;transition:background .16s,border-color .16s,color .16s}
.pg :is(button,.pg-link):hover:not(:disabled){background:#2a3727;border-color:#7c8766;color:#fff9df;transform:none}
.pg :is(button,.pg-link):focus-visible,.pg :is(input,select,textarea,summary):focus-visible{outline:2px solid #eed79e;outline-offset:3px}
.pg button.primary{background:#dbc17b!important;color:#191e15!important;border-color:#dbc17b!important;font-weight:700}
.pg button.primary:hover:not(:disabled){background:#ead59d!important;border-color:#ead59d!important}
.pg button:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}
.pg :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#111711;color:#f1f0e9;border:1px solid #53604b;border-radius:4px!important;font-size:14px;min-height:46px;line-height:1.4;padding:11px 12px}
.pg :is(input,textarea)::placeholder{color:#929d89;opacity:1}
.pg .pg-field{font-size:12px;font-weight:600;color:#cbd1c2;gap:8px}
.pg :is(input[type=checkbox],input[type=radio]){accent-color:#dbc17b}
.pg .pg-wallet{font-size:15px;font-weight:650;color:#ecd79e;gap:8px;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pg .pg-wallet>img{width:22px!important;height:22px!important;min-width:22px;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0!important}
.pg .pg-progress{height:5px;border-radius:0;background:#293426;accent-color:#bca86b;margin:16px 0 10px}
.pg .pg-progress::-webkit-progress-bar{background:#293426;border-radius:0}
.pg .pg-progress::-webkit-progress-value{background:#c6af70;border-radius:0}
.pg .pg-progress::-moz-progress-bar{background:#c6af70;border-radius:0}

/* The overview carries the portrait; task pages use a compact identity line. */
.pg>.pg-hero{grid-template-columns:176px minmax(0,1fr);gap:36px;position:relative;margin:0 0 36px;padding:32px 38px;background:linear-gradient(115deg,#1b251b,#111711 76%);border:1px solid #3b4835;border-left:1px solid #8e8051;border-radius:6px!important;box-shadow:none}
.pg .pg-hero-avatar{max-width:176px;background:none;padding:0;border:0;border-radius:0!important}
.pg .pg-hero-avatar .pg-avatar{max-width:176px;width:100%;border-radius:4px!important}
.pg .pg-hero-copy h1,.pg .pg-hero-copy h2{color:#f4f2e9;font-size:clamp(30px,4vw,48px);font-weight:650!important;letter-spacing:-.04em!important;margin:8px 0 0}
.pg .pg-handle{font:400 13px/1.5 var(--bw-font,system-ui,sans-serif)!important;letter-spacing:0;color:#aeb9a6!important;margin:5px 0 12px!important}
.pg .pg-hero-copy>p:not(.pg-handle){font-weight:500;font-size:14px;color:#d1c48e}
.pg .pg-badges{gap:8px;margin:18px 0 4px}
.pg .pg-badge{border:1px solid #45513e;padding:5px 10px;border-radius:4px!important;background:#ffffff04;font-size:12px;font-weight:500;color:#d8dece}
.pg .pg-badges>.pg-wallet{margin-left:8px}
.pg:not([data-view=overview])>.pg-hero{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;padding:0 0 20px;margin:0 0 20px;background:none;border:0;border-bottom:1px solid #394238;border-radius:0!important}
.pg:not([data-view=overview]) .pg-hero-avatar .pg-avatar{width:48px!important;height:58px!important;max-width:48px;overflow:hidden}
.pg:not([data-view=overview]) .pg-hero-copy h2{font-size:18px!important;letter-spacing:-.01em!important;margin:0}
.pg:not([data-view=overview]) .pg-hero-copy>.pg-handle{font-size:12px!important;margin:2px 0 0!important}
.pg:not([data-view=overview]) .pg-hero-copy>.eyebrow,.pg:not([data-view=overview]) .pg-hero-copy>p:not(.pg-handle),.pg:not([data-view=overview]) .pg-hero-copy>.pg-progress,.pg:not([data-view=overview]) .pg-hero-copy>small{display:none}
.pg:not([data-view=overview]) .pg-badges{margin:7px 0 0;gap:6px}
.pg:not([data-view=overview]) .pg-badge{border:0;background:none;padding:0 10px 0 0;font-size:12px}
.pg:not([data-view=overview]) .pg-badges>.pg-wallet{font-size:13px;margin-left:0}
.pg .pg-profile-navigation{position:relative;z-index:6;align-items:center;margin:0 0 28px}
.pg .pg-profile-navigation>.pg-link{background:none;border-color:transparent;padding-left:0;font-weight:500;color:#bbc7ad}
.pg .pg-section-menu{min-width:170px}
.pg .pg-section-menu>summary{min-height:44px;padding:10px 14px;border:1px solid #4a5545;border-radius:4px;color:#e4e7dc;font-weight:500;font-size:14px;background:#171e16}
.pg .pg-section-menu .pg-subnav{top:calc(100% + 8px);z-index:40;padding:10px;gap:4px;background:#161d15;border:1px solid #53604b;border-radius:6px;box-shadow:0 18px 40px #0008}
.pg .pg-section-menu .pg-subnav a{padding:12px;font-size:13px;border:0;border-radius:3px;min-height:44px;color:#cbd4c3}
.pg .pg-section-menu .pg-subnav a[aria-current=page]{background:#34412c;color:#f0dfb2}
.pg .pg-page-heading{margin:0 0 28px;align-items:center}
.pg[data-view=shop]>.pg-page-heading{display:flex}
.pg .pg-page-heading h1{margin-top:6px}
.pg .pg-shop-shortcut{display:inline-flex;align-items:center;gap:16px;border:0;border-left:1px solid #4a5545;background:none;padding:8px 0 8px 20px;font-size:12px;white-space:normal}
.pg .pg-shop-shortcut>span:last-child{color:#bdc7b2}

/* Distinct information shapes: career lines, a quiet showcase, then navigation. */
.pg .pg-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px}
.pg .pg-card{border:1px solid #394238;border-radius:4px!important;background:#151a15;padding:22px;box-shadow:none!important}
.pg .pg-overview-grid>.pg-card{border:0;border-radius:0!important;background:none;padding:0}
.pg .pg-overview-grid>.pg-card:first-child{padding-right:30px;border-right:1px solid #394238}
.pg .pg-overview-grid h3{font-size:22px;margin:6px 0 18px}
.pg .pg-statline{padding:13px 0;border-color:#303b2b;font-size:14px;gap:20px}
.pg .pg-statline>span{color:#b3bfa8}
.pg .pg-statline>strong{font-weight:600;color:#e6e9dd;text-align:right;font-variant-numeric:tabular-nums}
.pg .pg-showcase{gap:12px;margin:14px 0 20px}
.pg .pg-showcase article{min-width:0}
.pg .pg-showcase :is(img,.pg-animated-art){display:block;width:100%;height:130px;object-fit:contain;background:#1a2318;border:1px solid #35422e;border-bottom:1px solid #6e6946;border-radius:4px;padding:12px}
.pg .pg-showcase .pg-animated-art svg{width:100%;height:100%}
.pg .pg-showcase h3{font-size:13px!important;line-height:1.45;margin:10px 0 4px;font-weight:600!important}
.pg .pg-quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:34px 0}
.pg .pg-quick-links .pg-section-link{border:0;border-top:1px solid #394238;padding:20px 0;background:none}
.pg .pg-section-link>span{font-size:15px;font-weight:600}
.pg .pg-section-link small{font-size:12px;margin-top:3px}
.pg .pg-section-link b{color:#9fae8d;font-size:18px;font-weight:400}
.pg .pg-directory{gap:28px}
.pg .pg-directory>div{background:none;border:0;padding:0}
.pg .pg-daily-summary{margin-top:30px;padding-top:28px;border-color:#394238}
.pg .pg-daily-summary h3{font-size:20px}
.pg .pg-more{margin:24px 0;border-color:#394238}
.pg .pg-more>summary{font-weight:500;font-size:14px;color:#d0d9c7}
.pg .pg-veteran{border:1px solid #766b46;background:linear-gradient(115deg,#292b1c,#171f15);border-left-width:2px;gap:24px;padding:24px;margin-bottom:30px}

/* Market gallery: products are images with clear labels, not another wall of boxes. */
.pg .pg-shop-head{padding:0 0 22px;margin:0 0 24px;border-color:#394238;align-items:center}
.pg .pg-shop-head h2{font-size:24px;margin:5px 0}
.pg .pg-shop-head>.pg-wallet{font-size:18px}
.pg .pg-game-shop-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:28px 0;padding:0 0 16px;background:none;border:0;border-bottom:1px solid #394238;box-shadow:none}
.pg .pg-game-shop-tabs button{background:none;border-color:transparent;font-size:14px;font-weight:500;box-shadow:none!important}
.pg .pg-game-shop-tabs button.is-active{background:#2a3726;color:#f2dfad;border-color:#66714d}
.pg .pg-game-shop-tabs>a{font-size:13px;color:#c9d3bf;margin-left:auto;text-decoration:none}
.pg .pg-shop-layout:not(.is-inventory),.pg .pg-shop-layout.has-game-preview:not(.is-inventory){grid-template-columns:160px minmax(0,1fr) 250px;gap:26px;align-items:start}
.pg .pg-shop-layout.is-inventory{grid-template-columns:160px minmax(0,1fr);gap:28px}
.pg .pg-shop-sidebar{padding:0;border:0;background:none;max-height:calc(100dvh - 132px);top:calc(var(--bw-header-height,72px) + 20px)}
.pg .pg-shop-sidebar>strong{padding:0 0 12px;color:#d2daca;font-family:var(--bw-font,system-ui,sans-serif);font-size:12px;letter-spacing:0;text-transform:none}
.pg .pg-shop-sidebar>a{min-height:42px;padding:10px 10px;font-size:13px;border-left:1px solid transparent;border-radius:0;color:#b6c3ac;line-height:1.45}
.pg .pg-shop-sidebar>a.is-active{color:#f0d99b;background:#273321;border-color:#a6a36d}
.pg .pg-shop-main>.pg-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;padding:0 0 22px;border:0;border-bottom:1px solid #394238;background:none}
.pg .pg-toolbar>.pg-field:has(#pg-search){grid-column:1/-1;grid-row:1}
.pg .pg-toolbar #pg-search{min-height:48px;padding-left:15px;background:#1a2218;font-size:15px}
.pg .pg-toolbar.pg-collection-filters{background:none;border:0;padding:0;max-width:560px;grid-template-columns:1fr 1fr;margin:24px 0}
.pg .pg-catalog,.pg .pg-shop-layout.has-game-preview .pg-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:28px 20px;align-items:stretch}
.pg .pg-catalog>.pg-product{display:flex;flex-direction:column;gap:0;background:none;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 10px}
.pg .pg-product>:is(img,.pg-animated-art){display:block;width:100%;height:180px;aspect-ratio:4/3;object-fit:contain;border:1px solid #35422e;background:radial-gradient(ellipse at 50% 38%,#283323,#141c13 85%);border-radius:5px!important;padding:16px;margin:0 0 12px}
.pg .pg-product>.pg-animated-art svg{width:100%;height:100%;max-height:100%}
.pg .pg-product h3{font-size:15px!important;font-weight:600!important;letter-spacing:-.01em!important;line-height:1.45;min-height:2.9em;margin:5px 0;color:#f1f0e9}
.pg .pg-product>small{font-size:12px;line-height:1.5}
.pg .pg-product>p{margin:12px 0;font-size:14px;color:#dfd6b2}
.pg .pg-product .pg-actions{margin:0;margin-top:auto;padding-top:6px;gap:8px}
.pg .pg-product .pg-actions button{font-size:12px;padding:9px 11px;flex:1}
.pg .pg-product .pg-actions button.primary{background:#34482c!important;color:#edf2dc!important;border-color:#60744e!important}
.pg .pg-product .pg-actions button.primary:hover{background:#415a37!important}
.pg .pg-rarity{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:600 11px/1.4 var(--bw-font,system-ui,sans-serif)!important;letter-spacing:.025em!important;text-transform:none!important;margin:6px 0;color:#b3c3a5;max-width:100%;white-space:normal}
.pg .pg-rarity:before{content:'';width:5px;height:5px;min-width:5px;border-radius:50%;background:currentColor}
.pg .pg-rarity.rare{color:#a7c9dc}.pg .pg-rarity.epic{color:#c7b7e2}.pg .pg-rarity.legendary{color:#e7cd8b}
.pg .pg-owned-state{color:#b6cba5;padding:8px 0;font-size:12px;font-weight:500}
.pg .pg-pager{margin:26px 0;padding:18px 0;border-color:#394238;gap:16px}
.pg .pg-pager>span{font-size:12px;color:#b3bfa8}
.pg .pg-pager>div{display:flex;gap:8px}
.pg .pg-pager button{font-size:13px;padding:9px 14px}
.pg .pg-preview,.pg .pg-shop-layout.has-game-preview:not(.is-inventory)>.pg-preview.pg-game-preview{background:#161e14;border:1px solid #46533c;border-top:2px solid #9e9460;border-radius:5px!important;box-shadow:none;padding:20px;top:calc(var(--bw-header-height,72px) + 20px)}
.pg .pg-preview h3{font-size:17px!important;line-height:1.4;margin:12px 0 8px}
.pg .pg-preview p{font-size:13px}
.pg .pg-preview>.pg-link{font-size:12px!important;font-weight:500;padding:10px!important;min-height:44px}
.pg .pg-preview .pg-actions{gap:8px}
.pg .pg-preview .pg-actions button{font-size:12px!important}
.pg .pg-item-detail{grid-template-columns:75px minmax(0,1fr);gap:14px;padding-bottom:18px;border-color:#394238}
.pg .pg-item-detail>img{height:95px;border-color:#394238;background:#1b2519}
.pg .pg-preview-avatar svg{max-height:280px}
.pg .pg-category-drawer{border-color:#46533c;border-radius:4px;background:#151d13}
.pg .pg-category-drawer>summary{font-size:14px;color:#d9dfce;padding:12px 14px}

/* One featured game case; the four avatar cases remain a separate, compact shelf. */
.pg .pg-loot-section{padding:24px;margin:26px 0 34px;border:1px solid #46513d;border-left-width:1px;border-radius:6px;background:#151d14}
.pg .pg-loot-section>header{align-items:start;margin-bottom:20px;gap:28px}
.pg .pg-loot-section h3{font-size:22px;letter-spacing:-.02em!important;color:#eee9d8}
.pg .pg-loot-section>header p{max-width:530px;font-size:13px;color:#b9c4af;line-height:1.65}
.pg .pg-loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pg .pg-loot-grid>.pg-loot-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;padding:16px;border:1px solid #35432e;border-radius:4px;background:#11180f}
.pg .pg-loot-card>.pg-case-art{width:74px;height:86px;grid-column:1;grid-row:1;object-fit:contain;align-self:center}
.pg .pg-loot-card>div:first-of-type{min-width:0}
.pg .pg-loot-card h4{font-size:17px;line-height:1.4;margin:3px 0 7px;color:#e9e7d9}
.pg .pg-loot-card p{font-size:12px;line-height:1.6;margin:0 0 9px;color:#b3c0a9}
.pg .pg-loot-card>div:first-of-type>button{font-size:12px;min-height:44px;padding:8px 10px;background:none;border-color:#4a5840}
.pg .pg-loot-card .pg-loot-buy{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #303c2a;padding-top:12px}
.pg .pg-loot-buy>button{font-size:13px;min-height:44px;line-height:1.5}
.pg .pg-loot-grid>.pg-loot-game_skins{grid-column:1/-1;order:-1;grid-template-columns:138px minmax(0,1fr) auto;align-items:center;background:linear-gradient(110deg,#23301d,#131b11 78%);border-color:#646b46;padding:20px}
.pg .pg-loot-game_skins>.pg-case-art{width:138px;height:122px;grid-row:1}
.pg .pg-loot-game_skins h4{font-size:22px}
.pg .pg-loot-game_skins .pg-loot-buy{grid-column:3;display:flex;flex-direction:column;align-items:stretch;border:0;padding:0;gap:14px}
.pg .pg-loot-game_skins .pg-loot-buy>.pg-wallet{justify-content:center;font-size:18px}

/* Native dialogs stay in the top layer, with typography and media sized for inspection. */
.pg.pg-case-dialog,.pg.pg-item-picker,.pg.pg-loot-dialog{background:#141b12;color:#f1f0e9;border:1px solid #788064;border-radius:6px!important;padding:26px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 90px #0009}
.pg.pg-case-dialog{width:min(1120px,calc(100vw - 32px))}
.pg.pg-case-dialog::backdrop,.pg.pg-item-picker::backdrop,.pg.pg-loot-dialog::backdrop{background:#060a06d9;backdrop-filter:blur(4px)}
.pg .pg-case-header{align-items:start;gap:24px;padding-bottom:22px;border-color:#394238}
.pg .pg-case-header h2{font-size:28px!important;font-weight:600!important;letter-spacing:-.03em!important;margin:6px 0 10px}
.pg .pg-case-filters{grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}
.pg .pg-case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;margin-top:24px}
.pg .pg-case-grid>.pg-card{border:0;background:none;box-shadow:none;padding:0 0 16px;border-bottom:1px solid #394238;border-radius:0!important}
.pg.pg-case-dialog button.pg-case-inspect{background:none!important;padding:0!important;border:0!important;box-shadow:none!important;font-size:14px;font-weight:600;gap:10px!important}
.pg.pg-case-dialog button.pg-case-inspect>img,.pg.pg-case-dialog button.pg-case-inspect>.pg-animated-art{border:1px solid #394b31;border-radius:4px;background:#1b2618;padding:6px;aspect-ratio:3/2}
.pg.pg-case-dialog button.pg-case-inspect>strong{font-size:13px;line-height:1.5!important;font-weight:600}
.pg .pg-case-grid .pg-rarity{margin-top:12px}
.pg .pg-case-grid>.pg-card>small{font-size:11px;color:#b8c5ab;margin:6px 0}
.pg .pg-case-grid>.pg-card>p{font-size:12px;color:#e7dbaf}
.pg .pg-case-pager{padding-top:18px;border-top:1px solid #394238;margin:12px 0 0}
.pg .pg-case-detail{padding:28px 0;gap:30px}
.pg .pg-case-detail h3{font-size:25px}
.pg .pg-picker-grid{gap:18px}
.pg .pg-picker-grid>button{height:auto!important;min-height:190px!important;display:flex!important;flex-direction:column!important;align-items:stretch;justify-content:start;padding:12px;background:#1b2517;border-color:#3d4b33}
.pg .pg-picker-grid>button>strong{font-size:13px;font-weight:600}
.pg .pg-picker-grid>button>small{font-size:11px}
.pg .pg-picker-grid>button[aria-pressed=true]{border-color:#d0bd7c;background:#2d3823}
.pg.pg-loot-dialog{width:min(650px,calc(100vw - 32px));isolation:isolate}
.pg .pg-loot-dialog h2{font-size:28px}
.pg .pg-loot-reward>.pg-animated-art{width:220px;height:160px;margin:0 auto 12px}
.pg .pg-loot-reward>.pg-animated-art svg{width:100%;height:100%}
.pg .pg-loot-result-grid article{border-color:#46563a;background:#1a2516;border-radius:4px;padding:12px}
.pg .pg-loot-result-grid strong{font-size:12px;line-height:1.45}

/* Wardrobe/editor: a work surface and a portrait, not another market shelf. */
.pg .pg-editor{grid-template-columns:minmax(0,1fr) 280px;gap:36px}
.pg .pg-editor>.pg-preview{align-self:start;position:sticky}
.pg .pg-editor-section{padding:26px 0;border-color:#394238}
.pg .pg-editor-section h3{font-size:19px;color:#eadfbd;margin:0 0 20px}
.pg .pg-palette legend{font-size:14px;color:#dce2d2}
.pg .pg-palette small{font-size:11px;color:#c0ccb3}
.pg .pg-palette>div{gap:14px 10px}
.pg .pg-hair-options{gap:12px}
.pg .pg-hair-options label>span{border-color:#46543b;background:#192315;border-radius:4px;padding:10px}
.pg .pg-hair-options input:checked+span{background:#2c3922;border-color:#d0b976;box-shadow:inset 0 -2px #d0b976}
.pg .pg-hair-options small{font-size:12px}
.pg .pg-wardrobe-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}
.pg .pg-wardrobe-categories{background:none;border:0;padding:0;gap:4px}
.pg .pg-wardrobe-categories>strong{font-size:12px;font-family:var(--bw-font,system-ui,sans-serif);letter-spacing:0;text-transform:none;color:#d2dcc7;padding:0 0 12px}
.pg .pg-wardrobe-categories button{border:0;border-left:1px solid transparent;background:none;text-align:left;justify-content:start;font-size:13px;font-weight:500}
.pg .pg-wardrobe-categories button.is-active{border-left-color:#b5a970;background:#293621;color:#ebdcae}
.pg .pg-draft-notice{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px;padding:22px 24px;background:#27311f;border:1px solid #8c8759;border-radius:4px}
.pg .pg-draft-notice h2{font-size:23px;margin:5px 0}
.pg .pg-draft-notice p{font-size:13px;margin:0;color:#c9d2bb}
.pg .pg-draft-notice .pg-actions{margin:0;flex-shrink:0}
.pg .pg-showcase-slots{gap:20px;margin:24px 0}
.pg button.pg-showcase-slot{height:auto!important;min-height:240px!important;display:flex!important;flex-direction:column!important;gap:12px;border:1px dashed #68775a;background:#172113;border-radius:5px!important;padding:18px;box-shadow:none}
.pg .pg-showcase-slot strong{font-size:14px;font-weight:600}
.pg .pg-showcase-slot small{font-size:12px}
.pg .pg-collection-total{max-width:560px;padding:24px;background:#1a2417;border-color:#a89b67;border-radius:4px}
.pg .pg-collection-total strong{font-size:36px;font-weight:600;color:#e5d59d}
.pg .pg-collection-total strong small{font-size:17px;color:#b4c2a7}
.pg .pg-collection-item{padding:0 0 16px;border:0;border-radius:0!important;background:none}
.pg .pg-collection-item>:is(img,.pg-animated-art){height:140px;width:100%;object-fit:contain;padding:12px;background:#1c2718;border:1px solid #3b4a31;border-radius:4px}
.pg .pg-collection-item h4{font-size:13px;font-weight:600;margin:12px 0 5px}
.pg .pg-collection-item small{font-size:11px}
.pg .pg-outfit{padding:22px;border-color:#46533b}
.pg .pg-outfit h3{font-size:19px}
.pg .pg-game-looks-grid{gap:24px}
.pg .pg-game-look{border:1px solid #46523c!important;box-shadow:none!important;padding:0;background:#172013;border-radius:5px!important;overflow:hidden}
.pg .pg-game-look-copy{background:none;padding:22px}
.pg .pg-game-look-copy h3{font-size:20px!important;color:#ece5ce}
.pg .pg-game-look-copy p{font-size:13px}
.pg .pg-game-look-default{background:linear-gradient(135deg,#263120,#141d11);height:200px}
.pg .pg-game-look-default>strong{font-size:23px;font-weight:500!important}
.pg .pg-game-look-default>span{font-size:11px;letter-spacing:.1em}

/* Activity and privacy use readable rows instead of nested gold-bordered tiles. */
.pg[data-view=stats] .pg-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:24px}
.pg[data-view=stats] .pg-grid>.pg-card{border:0;border-top:1px solid #4c5941;border-radius:0!important;background:none;padding:20px 0}
.pg[data-view=stats] .pg-grid h3{font-size:20px;margin-bottom:14px}
.pg .pg-ledger{max-height:560px;overflow:auto}
.pg .pg-ledger article{padding:18px 0;border-color:#394238;font-size:14px}
.pg .pg-ledger time{font-size:12px}
.pg .pg-ledger strong{color:#ddd2a6;font-weight:600}
.pg .profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0}
.pg .profile-stat{padding:18px 0;border:0;border-top:1px solid #394238;background:none;box-shadow:none}
.pg .profile-stat-label{font:500 12px/1.6 var(--bw-font,system-ui,sans-serif)!important;letter-spacing:0!important;text-transform:none!important;color:#b3b9ac!important}
.pg .profile-stat-value{font:600 24px/1.4 var(--bw-font,system-ui,sans-serif);color:#f1f0e9;overflow-wrap:anywhere}
.pg #pg-profile-form:not([data-showcase]){max-width:650px}
.pg #pg-profile-form .pg-check{padding:12px 0;border-bottom:1px solid #303c29;line-height:1.5;font-size:14px;align-items:start}
.pg .pg-check input{flex:0 0 20px;margin-top:2px}
.pg .pg-quest-card{background:#172013;border-color:#3e4b34}
.pg .pg-quest-card header h3{font-size:19px}
.pg .pg-quest-description{font-size:14px}
.pg .pg-achievement{padding:24px 0;border-color:#394238}
.pg .pg-achievement h3{font-size:18px}
.pg .pg-achievement .pg-achievement-target{font-size:14px}
html[data-bw-motion=off] .pg svg *,html.bw-art-paused .pg svg *{animation-play-state:paused!important}

@media(min-width:1600px){.pg .pg-product>:is(img,.pg-animated-art){height:205px}}
@media(max-width:1250px){
 .pg .pg-shop-layout:not(.is-inventory),.pg .pg-shop-layout.has-game-preview:not(.is-inventory){grid-template-columns:150px minmax(0,1fr);gap:24px}
 .pg .pg-shop-layout:not(.is-inventory)>.pg-preview,.pg .pg-shop-layout.has-game-preview:not(.is-inventory)>.pg-preview.pg-game-preview{grid-column:2;position:static;display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px 22px}
 .pg .pg-shop-layout>.pg-preview>.pg-item-detail{grid-column:1/-1}
 .pg .pg-shop-layout>.pg-preview>#pg-preview-avatar{grid-column:1;grid-row:1/6}
 .pg .pg-shop-layout>.pg-preview>#pg-preview-avatar .pg-avatar svg{max-height:240px}
 .pg .pg-shop-layout>.pg-preview>h3,.pg .pg-shop-layout>.pg-preview>p,.pg .pg-shop-layout>.pg-preview>.pg-actions,.pg .pg-shop-layout>.pg-preview>.pg-link,.pg .pg-shop-layout>.pg-preview>.pg-wallet{grid-column:2}
 .pg .pg-shop-layout>.pg-preview.pg-game-preview>:is(img,.pg-animated-art){grid-column:1;grid-row:1/6;width:100%;align-self:center}
 .pg .pg-shop-main>.pg-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pg .pg-case-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pg .pg-case-filters>.pg-field:first-child{grid-column:span 2}
}
@media(max-width:950px){
 .account-shell:has(#progression-app){padding:24px}
 .pg>.pg-hero{grid-template-columns:140px minmax(0,1fr);gap:26px;padding:26px}
 .pg .pg-overview-grid{gap:24px}
 .pg .pg-loot-grid{grid-template-columns:1fr}
 .pg .pg-loot-grid>.pg-loot-game_skins{grid-template-columns:108px minmax(0,1fr)}
 .pg .pg-loot-game_skins>.pg-case-art{width:108px}
 .pg .pg-loot-game_skins .pg-loot-buy{grid-column:1/-1;flex-direction:row;align-items:center;border-top:1px solid #3f4b32;padding-top:14px}
 .pg .pg-shop-layout:not(.is-inventory),.pg .pg-shop-layout.has-game-preview:not(.is-inventory),.pg .pg-shop-layout.is-inventory{grid-template-columns:1fr;gap:22px}
 .pg .pg-shop-layout:not(.is-inventory)>.pg-preview,.pg .pg-shop-layout.has-game-preview:not(.is-inventory)>.pg-preview.pg-game-preview{grid-column:1}
 .pg .pg-shop-sidebar{display:none}
 .pg .pg-editor{grid-template-columns:minmax(0,1fr) 240px;gap:24px}
 .pg .pg-wardrobe-layout{grid-template-columns:1fr}
 .pg .pg-wardrobe-categories{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .pg .pg-wardrobe-categories>strong{grid-column:1/-1}
 .pg .pg-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pg .pg-draft-notice{flex-wrap:wrap}
}
@media(max-width:650px){
 .account-shell:has(#progression-app){padding:18px 16px}
 .pg{font-size:14px}
 .pg h1{font-size:30px}
 .pg p{font-size:14px}
 .pg>.pg-hero{grid-template-columns:92px minmax(0,1fr);gap:18px;padding:20px 16px;margin-bottom:28px}
 .pg .pg-hero-avatar .pg-avatar{width:92px}
 .pg .pg-hero-copy h1{font-size:28px!important}
 .pg .pg-hero-copy>.eyebrow{font-size:10px!important}
 .pg .pg-hero-copy .pg-badges{gap:6px}
 .pg .pg-hero-copy .pg-badges>.pg-wallet{margin-left:0;flex-basis:100%;font-size:14px}
 .pg .pg-profile-navigation{gap:10px;align-items:center}
 .pg .pg-section-menu{min-width:150px}
 .pg .pg-section-menu .pg-subnav{grid-template-columns:1fr;width:min(340px,calc(100vw - 32px))}
 .pg .pg-page-heading{gap:18px;margin-bottom:24px}
 .pg .pg-shop-shortcut{border:0;padding:0;gap:12px}
 .pg .pg-overview-grid{grid-template-columns:1fr;gap:28px}
 .pg .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .pg .pg-overview-grid>.pg-card:first-child{border:0;border-bottom:1px solid #394238;padding:0 0 26px}
 .pg .pg-showcase{gap:10px}
 .pg .pg-showcase :is(img,.pg-animated-art){height:110px;padding:8px}
 .pg .pg-quick-links{gap:0 20px;margin:24px 0}
 .pg .pg-quick-links .pg-section-link{padding:17px 0}
 .pg .pg-quick-links .pg-section-link>span{font-size:14px}
 .pg .pg-quick-links .pg-section-link small{font-size:11px}
 .pg .pg-veteran{padding:20px;align-items:start;flex-direction:column;gap:14px}
 .pg .pg-shop-head{gap:16px}
 .pg .pg-shop-head h2{font-size:22px}
 .pg .pg-shop-head>.pg-wallet{font-size:16px}
 .pg .pg-game-shop-tabs{gap:4px;margin:24px 0;padding-bottom:14px}
 .pg .pg-game-shop-tabs button{padding:9px 10px;font-size:12px}
 .pg .pg-game-shop-tabs>a{width:100%;margin:10px 0 0;font-size:13px}
 .pg .pg-catalog,.pg .pg-shop-layout.has-game-preview .pg-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .pg .pg-product>:is(img,.pg-animated-art){height:145px;padding:10px}
 .pg .pg-product h3{font-size:14px!important;line-height:1.45}
 .pg .pg-product>small{font-size:11px}
 .pg .pg-product .pg-actions{gap:6px}
 .pg .pg-product .pg-actions button{padding:8px 10px;font-size:12px;flex-basis:100%}
 .pg .pg-loot-section{padding:18px 14px;margin:24px 0}
 .pg .pg-loot-section>header{display:block}
 .pg .pg-loot-section>header p{margin-top:12px}
 .pg .pg-loot-grid>.pg-loot-card{padding:14px;grid-template-columns:64px minmax(0,1fr);gap:12px}
 .pg .pg-loot-card>.pg-case-art{width:64px;height:76px}
 .pg .pg-loot-card h4{font-size:17px}
 .pg .pg-loot-game_skins h4{font-size:20px}
 .pg .pg-loot-card .pg-loot-buy{gap:12px}
 .pg .pg-loot-buy>button{width:auto}
 .pg .pg-loot-game_skins .pg-loot-buy>.pg-wallet{font-size:16px}
 .pg .pg-editor{display:flex;flex-direction:column-reverse;gap:20px}
 .pg .pg-editor>.pg-preview{position:static;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 16px;padding:18px}
 .pg .pg-editor .pg-preview #pg-preview-avatar{grid-column:1;grid-row:1/5}
 .pg .pg-editor .pg-preview :is(h3,p,.pg-actions){grid-column:2}
 .pg .pg-editor .pg-preview .pg-actions{display:flex}
 .pg .pg-editor .pg-preview .pg-avatar svg{max-height:180px}
 .pg .pg-showcase-slots{grid-template-columns:1fr;gap:18px}
 .pg button.pg-showcase-slot{min-height:180px!important;display:grid!important;grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 18px;text-align:left;align-content:center}
 .pg .pg-showcase-slot>:is(img,.pg-animated-art,.pg-slot-plus){grid-column:1;grid-row:1/3;width:100%;height:120px;object-fit:contain;display:grid;place-items:center}
 .pg .pg-showcase-slot>strong,.pg .pg-showcase-slot>small{grid-column:2}
 .pg .pg-showcase-slot>strong{font-size:15px}
 .pg .pg-draft-notice{padding:20px}
 .pg .pg-draft-notice .pg-actions{flex-wrap:wrap;flex-shrink:1}
 .pg .pg-wardrobe-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pg .pg-shop-layout:not(.is-inventory)>.pg-preview,.pg .pg-shop-layout.has-game-preview:not(.is-inventory)>.pg-preview.pg-game-preview{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:16px}
 .pg.pg-case-dialog,.pg.pg-item-picker,.pg.pg-loot-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}
 .pg .pg-case-header h2{font-size:24px!important}
 .pg .pg-case-header{gap:16px;padding-bottom:18px}
 .pg .pg-case-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
 .pg .pg-case-filters>.pg-field:first-child{grid-column:1/-1}
 .pg .pg-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .pg.pg-case-dialog button.pg-case-inspect>strong{font-size:12px;line-height:1.5!important}
 .pg .pg-case-pager{gap:12px;align-items:center}
 .pg .pg-case-pager button{font-size:12px;padding:9px 11px!important}
 .pg .pg-case-pager>span{font-size:11px}
 .pg .pg-case-detail{grid-template-columns:1fr;gap:20px}
 .pg .pg-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .pg .pg-picker-grid>button{min-height:180px!important;padding:10px}
 .pg .pg-picker-grid img{height:105px}
 .pg .pg-pager{align-items:start;gap:12px}
 .pg .pg-pager>span{max-width:135px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.pg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
