.pg-banner{background-color:var(--pg-banner);border-bottom:4px solid color-mix(in srgb,var(--pg-banner)68%,#000);position:relative}.pg-banner:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.13' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M10 10l14 14M24 10L10 24'/%3E%3Ccircle cx='54' cy='54' r='8'/%3E%3C/g%3E%3C/svg%3E");background-size:72px 72px;background-position:0 var(--pg-pattern-offset,0px);position:absolute;inset:0}.pg-strip-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.13' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M10 10l14 14M24 10L10 24'/%3E%3Ccircle cx='54' cy='54' r='8'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0;background-size:72px 72px}.pg-banner>*{z-index:1;position:relative}.pg-avatar{background-color:var(--app-page-bg,#181d21);box-shadow:0 5px 0 var(--color-surface-edge,#0e1215);box-sizing:border-box;border-radius:9999px}.pg-avatar__inner{border:3px solid color-mix(in srgb,var(--pg-banner)82%,#fff);background-color:color-mix(in srgb,var(--pg-banner)68%,#000);box-sizing:border-box;border-radius:9999px;width:100%;height:100%;overflow:hidden}.pg-banner-tile{box-sizing:border-box;width:42px;height:40px;color:var(--color-snow-white,#fff);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0e121538;border:1px solid #ffffff24;border-radius:13px;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 3px #00000038,inset 0 1px #ffffff2e}.pg-banner-tile:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff2e}.pg-chip{background:var(--color-input-well,#13181c);height:26px;box-shadow:inset 0 2px 0 var(--color-surface-edge,#0e1215);color:var(--color-mist,#aab4bf);white-space:nowrap;box-sizing:border-box;border-radius:9px;flex-shrink:0;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.pg-chip--rank{cursor:pointer;background:var(--color-gold-surface,#f1aa0529);box-shadow:inset 0 0 0 1px var(--color-gold-bright-border,#ffca4b8c);color:var(--color-medal-gold-light,#ffd84d);-webkit-tap-highlight-color:transparent;border:0;font-family:inherit;font-weight:900}.pg-raised{border:1px solid var(--color-steel,#2b3744);background:linear-gradient(180deg,var(--color-slate-raised,#273039),var(--color-slate,#1f262d));box-shadow:0 4px 0 var(--color-surface-edge,#0e1215),inset 0 1px 0 #ffffff14;box-sizing:border-box}.pg-stat{border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;height:46px;display:flex}.pg-stat__value{color:var(--color-cloud-white,#f2f5f8);font-size:17px;font-weight:900}.pg-stat__label{color:var(--color-mist,#aab4bf);white-space:nowrap;font-size:12px;font-weight:700}.pg-btn{letter-spacing:.01em;white-space:nowrap;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-width:0;height:52px;padding:0 16px;font-family:inherit;font-size:16px;font-weight:900;transition:transform .1s,box-shadow .1s;display:flex}.pg-btn:disabled{opacity:.6;cursor:default}.pg-btn--primary{color:var(--color-snow-white,#fff);text-shadow:0 1px #00000038;background:linear-gradient(180deg,var(--color-splash-sky-top,#33b1ff),var(--color-azure,#0093fd)60%);box-shadow:0 4px 0 var(--color-azure-shadow,#0075ca),inset 0 2px 0 #ffffff59}.pg-btn--green{color:var(--color-snow-white,#fff);text-shadow:0 1px #00000038;background:linear-gradient(180deg,color-mix(in srgb,var(--color-duo-green,#58cc02)80%,#fff),var(--color-duo-green,#58cc02)60%);box-shadow:0 4px 0 var(--color-duo-green-shadow,#46a302),inset 0 2px 0 #ffffff59}.pg-btn--secondary{color:var(--color-cloud-white,#f2f5f8);border:1px solid var(--color-steel,#2b3744);background:linear-gradient(180deg,var(--color-slate-raised,#273039),var(--color-slate,#1f262d));box-shadow:0 4px 0 var(--color-surface-edge,#0e1215),inset 0 1px 0 #ffffff14;font-weight:800}.pg-btn--muted{color:var(--color-mist,#aab4bf)}.pg-btn--square{flex:none;width:56px;padding:0}.pg-btn--sm{border-radius:14px;min-width:200px;height:46px;padding:0 22px;font-size:15px}.pg-btn:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 2px #fff3}.pg-section-head{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.pg-section-title{font-family:var(--font-primary);letter-spacing:.02em;text-transform:uppercase;color:var(--color-cloud-white,#f2f5f8);align-items:baseline;gap:7px;margin:0;font-size:15px;font-weight:900;display:flex}.pg-section-count{font-size:13px;font-weight:900}.pg-all{background:var(--color-input-well,#13181c);height:28px;box-shadow:inset 0 2px 0 var(--color-surface-edge,#0e1215);color:var(--color-accent,#2ea8ff);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:2px;padding:0 8px 0 12px;font-family:inherit;font-size:12px;font-weight:800;display:flex}.pg-gift{border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;padding:0;display:flex;position:relative}.pg-gift--featured{border:1px solid var(--color-gem-bright,#dd37f9);background:radial-gradient(120% 90% at 50% 25%,var(--shop-hero-gem-hi,#d46cff)0%,var(--shop-hero-gem-mid,#8a2fc4)60%,var(--shop-hero-gem-lo,#4d1a73)100%);box-shadow:0 4px 0 var(--shop-hero-gem-lo,#4d1a73),inset 0 1px 0 #ffffff4d;box-sizing:border-box}.pg-gift-star{top:-6px;background:linear-gradient(180deg,var(--color-gem-bright,#dd37f9),var(--color-gem,#ba2be5));width:18px;height:18px;box-shadow:0 2px 0 var(--color-gem-shadow,#8926b4);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-start:-6px}.pg-menu{border:1px solid var(--color-steel,#2b3744);background:linear-gradient(180deg,var(--color-slate-raised,#273039),var(--color-slate,#1f262d));box-shadow:0 4px 0 var(--color-surface-edge,#0e1215),0 14px 30px #00000073,inset 0 1px 0 #ffffff14;box-sizing:border-box;border-radius:18px;overflow:hidden}.pg-menu__sep{background:var(--color-steel,#2b3744);height:1px;margin:0 12px}.pg-record{border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:8px;width:96px;padding:10px 0 9px;display:flex}.pg-record-wl{background:var(--color-input-well,#13181c);height:24px;box-shadow:inset 0 2px 0 var(--color-surface-edge,#0e1215);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:900;display:flex}.pg-record-wl__w{color:var(--color-duo-green,#58cc02)}.pg-record-wl__l{color:var(--color-destructive,#ec3942)}.pg-empty{border-radius:18px;flex-direction:column;align-items:center;gap:14px;padding:16px 14px 18px;display:flex}.pg-empty__text{text-align:center;max-width:260px;color:var(--color-mist,#aab4bf);margin:0;font-size:14px;font-weight:700;line-height:20px}.pg-well{background:var(--color-input-well,#13181c);box-shadow:inset 0 2px 0 var(--color-surface-edge,#0e1215)}.pg-ghost-cover{filter:grayscale();opacity:.28}.shop-card.shop-card--game.pg-card--owned{--sg-hero-hi:color-mix(in srgb,var(--color-steel,#2b3744)70%,#fff);--sg-hero-mid:var(--color-steel,#2b3744);--sg-hero-lo:var(--color-slate,#1f262d)}.shop-card.shop-card--game.pg-card--owned .shop-card-buy-wrap .list-action-pill.list-action-pill--muted{color:var(--color-mist,#aab4bf)!important}.shop-card.shop-card--game.pg-card--equipped{border:2px solid var(--color-turn-active,#31d158);box-shadow:0 4px 0 color-mix(in srgb,var(--color-turn-active,#31d158)55%,#000),inset 0 1px 0 #ffffff14}@media (prefers-reduced-motion:reduce){.pg-banner-tile,.pg-btn{transition:none}}