.account-page{--pp-bg:#f2eee6;--pp-surface:#fffdf8;--pp-ink:#1c2d28;--pp-ink-2:#3e4f49;--pp-muted:#66756f;--pp-line:#e4ded2;--pp-line-2:#d5cdbe;--pp-accent:#a8431f;--pp-accent-2:#c9582c;--pp-ok:#2f7d55;--pp-screen:#16201c;--pp-ivory:#f3efe4;--pp-lime:#ddf581;--pp-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 1px 2px rgba(28,45,40,.06),0 14px 32px -20px rgba(28,45,40,.28);min-height:100svh;color:var(--pp-ink);font-family:var(--font-ui);padding:0 max(20px,calc((100vw - 1200px) / 2)) 56px;background:radial-gradient(120% 60% at 50% -10%,#f8f5ef 0,transparent 60%),var(--pp-bg)}:where(.account-page) a{color:inherit;text-decoration:none}:where(.account-page) p{line-height:1.6}:where(.account-page) button{cursor:pointer;font:inherit}.account-page :is(a,button,summary,select):focus-visible{outline:3px solid var(--pp-accent);outline-offset:3px}.pp-masthead{height:84px;justify-content:space-between;gap:20px;border-bottom:1px solid var(--pp-line-2)}.pp-masthead,.pp-wordmark{display:flex;align-items:center}.pp-wordmark{gap:13px}.pp-wordmark img{display:block;height:21px;width:auto}.pp-wordmark span{font:15px/1 var(--font-arcade);letter-spacing:.2em;color:#6f766a;padding-top:1px}.pp-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--pp-line-2);border-radius:10px;font-size:13px;font-weight:700}.pp-back:hover{background:#ebe5d9}.pp-back{white-space:nowrap}.pp-back-short{display:none}.pp-layout{padding:28px 0 0}.account-page .account-note{color:var(--pp-muted);font-size:13px;line-height:1.6}.account-page .account-primary{background:var(--pp-accent);color:#fff8f0;display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:12px 18px;border:1px solid transparent;border-radius:12px;font-weight:750;font-size:14px;text-align:center}.account-primary:hover{background:#963a1a}.account-primary:disabled{opacity:.65;cursor:wait}.account-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;color:inherit;background:var(--pp-surface);border:1px solid var(--pp-line-2);border-radius:10px;font-size:13px!important;font-weight:700!important}.account-secondary:hover{background:#f4efe6}.account-secondary:disabled{cursor:wait;opacity:.55}.account-actions{display:flex;justify-content:space-between;gap:16px;margin:20px 0 0}.account-error{color:#8f2f16;background:#f8e6dc;border:1px solid #e3b7a2;border-radius:12px;padding:12px 14px;margin:0 0 16px}.pp-edit{margin-top:14px;background:var(--pp-surface);border-radius:20px;box-shadow:var(--pp-shadow)}.pp-edit>summary{list-style:none;display:flex;align-items:center;gap:14px;min-height:60px;padding:0 22px;font-size:15px;font-weight:750;cursor:pointer}.pp-edit>summary::-webkit-details-marker{display:none}.pp-edit>summary span{font-size:13px;font-weight:500;color:var(--pp-muted)}.pp-edit>summary:after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg) translateY(-3px);transition:transform .2s ease}.pp-edit[open]>summary:after{transform:rotate(-135deg) translateY(-2px)}.pp-edit-content{padding:4px 22px 22px;border-top:1px solid var(--pp-line);max-width:620px}.profile-form{margin-top:22px}.profile-form fieldset{border:0;padding:0;margin:0 0 24px}.profile-form legend,.profile-form>label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}.profile-form label span{color:var(--pp-muted);font-weight:500}.profile-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}.profile-avatar{position:relative;border:2px solid transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:2px;min-height:44px;min-width:44px;width:100%;max-width:64px;aspect-ratio:1;justify-self:center;transition:transform .15s ease}.profile-avatar:hover{transform:translateY(-2px)}.profile-avatar img{max-width:100%;height:auto;border-radius:50%}.profile-avatar.selected{border-color:var(--pp-accent);background:var(--disc,#f6ddd0)}.profile-colors{display:flex;flex-wrap:wrap;gap:10px}.profile-color{position:relative;width:44px;height:44px;border-radius:50%;background:var(--sw);cursor:pointer;box-shadow:inset 0 -4px 6px #0000002b,inset 0 2px 2px #ffffff4d;transition:transform .15s ease}.profile-color:hover{transform:translateY(-2px)}.profile-color.selected{box-shadow:inset 0 -4px 6px #0000002b,0 0 0 3px #fff,0 0 0 5px var(--pp-accent)}.profile-color input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.profile-color:has(input:focus-visible){outline:3px solid var(--pp-accent);outline-offset:5px}.profile-avatar input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.profile-avatar:has(input:focus-visible){outline:3px solid var(--pp-accent);outline-offset:3px}.profile-form>input{width:100%;min-height:48px;background:#fff;border:1px solid var(--pp-line-2);color:inherit;border-radius:12px;padding:10px 12px;font:inherit;font-size:16px}.profile-form>input:focus-visible{outline:2px solid var(--pp-accent);outline-offset:2px}.profile-form .account-note{margin:8px 0 22px}.profile-save-status{min-height:22px;margin:8px 0 0;color:var(--pp-ok);font-size:13px}.account-wallet{margin:26px 0 0;padding:18px 0 0;border-top:1px solid var(--pp-line)}.account-wallet summary{cursor:pointer;font-size:15px;font-weight:750;padding:6px 0 14px}.account-wallet summary span{display:block;font-size:12px;font-weight:500;color:var(--pp-muted);margin:6px 0 0 20px}.account-wallet-row{margin:0 0 18px}.account-wallet-row p{font-size:12px;color:var(--pp-muted);margin:0}.account-wallet code{display:block;overflow-wrap:anywhere;user-select:all;font-size:14px;line-height:1.7;margin:10px 0}@media (max-width:380px){.pp-back-long{display:none}.pp-back-short{display:inline}}@media (max-width:760px){.account-page{padding:0 16px 40px}.pp-masthead{height:64px}.pp-wordmark{gap:10px}.pp-wordmark img{height:17px}.pp-wordmark span{font-size:12px}.pp-back{padding:0 12px;font-size:12.5px}.pp-layout{padding-top:16px}.pp-edit>summary{padding:0 18px;flex-wrap:wrap;row-gap:0}.pp-edit>summary span{display:none}.pp-edit-content{padding:4px 18px 20px}}.tp-bronze{--tier:#c47a44;--tier-light:#f2bd90;--tier-glow:rgba(214,131,70,.42)}.tp-silver{--tier:#9ea9b3;--tier-light:#e1e8ee;--tier-glow:rgba(190,204,216,.36)}.tp-gold{--tier:#d6a21c;--tier-light:#f7d77c;--tier-glow:rgba(236,184,40,.44)}.tp-platinum{--tier:#86aee6;--tier-light:#d3e4ff;--tier-glow:rgba(140,182,245,.5)}.pp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pp-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--pp-muted)}.tp-cup{object-fit:contain;user-select:none}.tp-art,.tp-cup{display:block;flex:none}.tp-art{position:relative;border-radius:14px;background:#1b2522}.tp-art-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.tp-art-sm{width:48px;height:48px;border-radius:11px}.tp-art-md{width:72px;height:72px}.tp-art-lg{width:280px;height:280px;border-radius:26px}.tp-art-earned{box-shadow:0 0 0 2px var(--tier),0 6px 16px -6px var(--tier-glow)}.tp-art-locked{box-shadow:0 0 0 1px rgba(28,45,40,.12)}.tp-art-locked .tp-art-img{filter:grayscale(1) contrast(.85) brightness(.62)}.tp-art-lock{position:absolute;inset:0;display:grid;place-items:center;color:#f3efe4;border-radius:inherit;background:radial-gradient(circle,rgba(16,24,21,.15),rgba(16,24,21,.45))}.tp-art-sm .tp-art-lock svg{width:13px;height:13px}.tp-art-badge{position:absolute;right:-7px;bottom:-7px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.tp-meter{display:block;height:6px;border-radius:99px;background:rgba(28,45,40,.1);overflow:hidden}.tp-meter i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--pp-accent),var(--pp-accent-2));transform-origin:left;animation:tp-grow .9s cubic-bezier(.2,.8,.2,1) both}.tp-meter-dark{background:rgba(243,239,228,.14)}.tp-meter-dark i{background:linear-gradient(90deg,#b6de5c,var(--pp-lime))}.tp-rarity{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:1px 9px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;background:#eef0ea;color:#53625c}.tp-rarity b{font-weight:800;font-variant-numeric:tabular-nums}.tp-rarity-uncommon{background:#e3f1e8;color:#2b6a4c}.tp-rarity-rare{background:#e4ecfa;color:#2c5596}.tp-rarity-ultra{background:#efe5fa;color:#6a3aa1}.tp-rarity-none{background:transparent;color:var(--pp-muted);box-shadow:inset 0 0 0 1px var(--pp-line-2)}.tp-level{position:relative;display:inline-grid;place-items:center;flex:none}.tp-level svg{position:absolute;inset:0;width:100%;height:100%}.tp-level-arc{animation:tp-arc 1.2s cubic-bezier(.2,.8,.2,1) .15s both;filter:drop-shadow(0 0 6px rgba(221,245,129,.45))}.tp-level-text{position:relative;display:grid;justify-items:center;line-height:1}.tp-level-text small{font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:rgba(243,239,228,.6);margin-bottom:6px}.tp-level-text strong{font:40px/1 var(--font-arcade);font-weight:400;color:var(--pp-ivory)}.tp-ring{position:relative;display:inline-grid;place-items:center;flex:none;color:var(--pp-accent)}.tp-ring svg{position:absolute;inset:0;width:100%;height:100%}.tp-ring circle+circle{animation:tp-arc 1.1s cubic-bezier(.2,.8,.2,1) .1s both}.tp-ring strong{font-size:22px;font-weight:820;letter-spacing:-.02em;line-height:1;color:var(--pp-ink);font-variant-numeric:tabular-nums}.tp-ring small{font-size:12px;margin-left:1px}.pp-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:26px;padding:34px 40px 30px;border-radius:28px;color:var(--pp-ivory);background:radial-gradient(90% 120% at 0 110%,rgba(64,128,104,.28),transparent 60%),radial-gradient(70% 90% at 70% -20%,rgba(221,245,129,.1),transparent 60%),linear-gradient(160deg,#23332d,#17211d 58%,#121a17);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 32px 60px -34px rgba(16,26,22,.7),0 2px 8px rgba(16,26,22,.14)}.pp-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(rgba(243,239,228,.08) 1px,transparent 1.3px);background-size:18px 18px;mask-image:linear-gradient(100deg,#000 10%,transparent 75%)}.pp-hero-art{position:absolute;z-index:-1;right:0;bottom:0;width:min(40%,420px);height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 26%,#000 55%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 26%,#000 55%)}.pp-hero-id{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;max-width:780px}.pp-avatar{width:104px;height:104px;border-radius:50%;background:#2b3a34;box-shadow:0 0 0 3px var(--pp-ivory),0 0 0 8px rgba(221,245,129,.16),0 14px 30px -10px rgba(0,0,0,.6)}.pp-hero-name{min-width:0}.pp-hero-name .pp-eyebrow{color:rgba(221,245,129,.85)}.pp-hero-name h1{margin:6px 0 4px;font-family:var(--font-ui);color:var(--pp-ivory);font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.05;letter-spacing:-.03em;overflow-wrap:anywhere}.pp-hero-name p{margin:0;font-size:15px;color:rgba(243,239,228,.7)}.pp-hero-login{min-height:46px;padding:0 20px;border:0;border-radius:12px;background:var(--pp-lime);color:#1c2d28;font-size:14px!important;font-weight:800;box-shadow:0 8px 20px -10px rgba(221,245,129,.7)}.pp-hero-login:hover{background:#e8fa9c}.pp-hero-stats{flex-wrap:wrap;gap:22px 44px;padding-top:24px;border-top:1px solid rgba(243,239,228,.1);max-width:70%}.pp-hero-level,.pp-hero-stats{display:flex;align-items:center}.pp-hero-level{gap:20px}.pp-level-copy{display:grid;gap:8px;min-width:190px}.pp-level-copy strong{font-size:21px;font-weight:780;letter-spacing:-.01em}.pp-level-copy>span:last-child{font-size:13px;color:rgba(243,239,228,.66)}.pp-level-bar{display:block;height:6px;border-radius:99px;background:rgba(243,239,228,.14);overflow:hidden}.pp-level-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b6de5c,var(--pp-lime));transform-origin:left;animation:tp-grow 1.1s cubic-bezier(.2,.8,.2,1) .2s both}.pp-hero-tiers{display:flex;align-items:flex-end;gap:10px;margin:0;padding:0;list-style:none}.pp-hero-tiers li{display:grid;justify-items:center;gap:3px;min-width:64px}.pp-hero-tiers li img{filter:drop-shadow(0 8px 10px rgba(0,0,0,.45));transition:transform .25s cubic-bezier(.2,1.4,.4,1)}.pp-hero-tiers li:hover img{transform:translateY(-3px) rotate(-4deg)}.pp-hero-tiers strong{font:24px/1 var(--font-arcade);font-weight:400;margin-top:4px}.pp-hero-tiers span{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:rgba(243,239,228,.6)}.pp-hero-tiers .pp-tier-empty img{filter:grayscale(.9) brightness(.7) drop-shadow(0 8px 10px rgba(0,0,0,.45));opacity:.55}.pp-hero-tiers .pp-tier-empty strong{color:rgba(243,239,228,.45)}.pp-hero-total{align-self:stretch;justify-content:center;align-content:end;margin-left:12px;padding-left:22px;border-left:1px solid rgba(243,239,228,.12)}.pp-hero-total strong{font-size:32px;color:var(--pp-lime)}.pp-hero-first{display:flex;align-items:center;gap:14px;max-width:440px;padding:12px 18px 12px 12px;border:1px solid rgba(243,239,228,.12);border-radius:18px;background:rgba(243,239,228,.05);color:inherit;text-align:left;transition:background .2s ease}.pp-hero-first:hover{background:rgba(243,239,228,.09)}.pp-hero-first>span{display:grid;gap:2px}.pp-hero-first strong{font-size:15px}.pp-hero-first>span>span{font-size:13px;color:rgba(243,239,228,.66)}.pp-hero-wait{display:flex;align-items:center;gap:20px}.pp-skel{display:block;border-radius:10px;background:linear-gradient(90deg,rgba(243,239,228,.06),rgba(243,239,228,.13),rgba(243,239,228,.06));background-size:200% 100%;animation:pp-shimmer 1.4s linear infinite}.pp-skel-ring{width:132px;height:132px;border-radius:50%}.pp-skel-line{width:220px;height:14px}.pp-skel-short{width:150px}.pp-save-note{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px 14px 12px 20px;border-radius:18px;background:var(--pp-surface);box-shadow:var(--pp-shadow)}.pp-save-note>svg{flex:none;color:var(--pp-accent)}.pp-save-note p{flex:1;margin:0;font-size:14px;color:var(--pp-ink-2)}.pp-save-note strong{color:var(--pp-ink)}.pp-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.pp-notice{margin:14px 0 0;padding:12px 16px;border-radius:14px;background:#e3f1e8;color:#1f5a3d;font-size:14px}.pp-loading{margin-top:28px}.pp-loading p{color:var(--pp-muted);font-size:14px}.pp-skeleton{height:150px;border-radius:24px;background:linear-gradient(90deg,#ebe5da,#f4efe6,#ebe5da);background-size:200% 100%;animation:pp-shimmer 1.4s linear infinite;margin-bottom:14px}.pp-skeleton-short{height:420px}.pp-game{position:relative;display:grid;grid-template-columns:204px minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:28px;padding:18px 22px 18px 18px;border-radius:26px;background:var(--pp-surface);box-shadow:var(--pp-shadow)}.pp-game-cover{width:204px;height:182px;object-fit:cover;border-radius:18px;box-shadow:0 16px 30px -18px rgba(0,0,0,.7)}.pp-game-main h2{margin:6px 0 2px;font-size:32px;font-weight:820;letter-spacing:-.025em;line-height:1.1}.pp-game-sub{margin:0;font-size:14px;color:var(--pp-muted)}.pp-game-tiers{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 18px;padding:0;list-style:none}.pp-game-tiers li{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--pp-muted)}.pp-game-tiers b{color:var(--pp-ink);font-weight:800}.pp-play{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:13px;background:var(--pp-accent);color:#fff8f0!important;font-size:14.5px;font-weight:780;box-shadow:0 12px 22px -14px rgba(168,67,31,.9);transition:transform .15s ease,background .15s ease}.pp-play:hover{background:#963a1a;transform:translateY(-1px)}.pp-game-side{display:flex;align-items:center;gap:24px}.pp-game-new{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:2px dashed var(--pp-line-2);font-size:12px;font-weight:750;color:var(--pp-muted);text-align:center}.pp-platinum{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:310px;padding:12px 18px 12px 12px;border:0;border-radius:20px;color:var(--pp-ivory);text-align:left;background:radial-gradient(80% 120% at 0 0,rgba(140,182,245,.22),transparent 60%),linear-gradient(160deg,#22322c,#131b18);box-shadow:0 18px 30px -18px rgba(16,26,22,.8),inset 0 0 0 1px rgba(211,228,255,.1);transition:transform .2s ease}.pp-platinum:hover{transform:translateY(-2px)}.pp-platinum-copy{display:grid;gap:4px;min-width:0;flex:1}.pp-platinum-copy small{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#cfe0ff}.pp-platinum-copy strong{font-size:16px;font-weight:780}.pp-platinum-copy em{font-style:normal;font-size:12.5px;color:rgba(243,239,228,.66)}.pp-platinum-copy .tp-meter{margin-top:3px}.pp-platinum-won:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(211,228,255,.22) 48%,transparent 60%);background-size:260% 100%;animation:tt-sheen-slow 5s ease-in-out infinite}.pp-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;margin-top:24px}.pp-list{border-radius:26px;background:var(--pp-surface);box-shadow:var(--pp-shadow);overflow:hidden}.pp-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:22px 22px 16px;border-bottom:1px solid var(--pp-line)}.pp-list-head h2{margin:0;font-size:22px;font-weight:820;letter-spacing:-.02em}.pp-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pp-filters{display:flex;gap:2px;padding:4px;border-radius:13px;background:#eee8dc}.pp-filters button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--pp-ink-2);font-size:13px;font-weight:700}.pp-filters button span{font-size:12px;font-weight:800;color:var(--pp-muted);font-variant-numeric:tabular-nums}.pp-filters button[aria-pressed=true]{background:#fff;color:var(--pp-ink);box-shadow:0 1px 2px rgba(28,45,40,.12),0 4px 10px -6px rgba(28,45,40,.3)}.pp-sort{position:relative;display:inline-flex;align-items:center}.pp-sort select{appearance:none;min-height:44px;padding:0 36px 0 14px;border:1px solid var(--pp-line-2);border-radius:12px;background:#fff;color:var(--pp-ink);font:700 13px var(--font-ui);cursor:pointer}.pp-sort svg{position:absolute;right:12px;pointer-events:none;color:var(--pp-muted)}.pp-trophy-list{margin:0;padding:0;list-style:none}.pp-trophy-row{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 22px;border-top:1px solid var(--pp-line);transition:background .15s ease}.pp-trophy-row:first-child{border-top:0}.pp-trophy-row:hover{background:#faf6ee}.pp-trophy-row:has(.pp-row-open:focus-visible){outline:3px solid var(--pp-accent);outline-offset:-3px}.pp-trophy-row .tp-art-md{transition:transform .25s cubic-bezier(.2,1.4,.4,1)}.pp-trophy-row:hover .tp-art-md{transform:scale(1.04) rotate(-1.5deg)}.pp-row-main{min-width:0}.pp-row-main h3{margin:0 0 2px;font-size:16.5px;font-weight:780;letter-spacing:-.01em}.pp-row-open{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.pp-row-open:after{content:"";position:absolute;inset:0}.account-page .pp-row-open:focus-visible{outline:none}.pp-row-main p{margin:0 0 8px;font-size:14px;line-height:1.45;color:var(--pp-ink-2)}.pp-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12.5px;font-weight:650;color:var(--pp-muted)}.pp-row-meta .tp-rarity{margin-left:4px}.pp-row-progress{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12.5px;color:var(--pp-muted)}.pp-row-progress .tp-meter{width:min(200px,45%)}.pp-row-side{align-self:start;padding-top:3px}.pp-row-date{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--pp-ink-2);white-space:nowrap}.pp-row-date svg{color:var(--pp-ok)}.pp-row-locked{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:650;color:var(--pp-muted)}.pp-empty{margin:0;padding:26px 22px;color:var(--pp-muted);font-size:14px}.pp-rail{display:grid;gap:18px;position:sticky;top:20px}.pp-card{padding:20px;border-radius:24px;background:var(--pp-surface);box-shadow:var(--pp-shadow)}.pp-card h2{margin:0 0 12px;font-size:17px;font-weight:820;letter-spacing:-.01em}.pp-card ol,.pp-card ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.pp-card li>button{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:8px;margin:0 -8px;width:calc(100% + 16px);border:0;border-radius:14px;background:transparent;color:inherit;text-align:left;transition:background .15s ease}.pp-card li>button:hover{background:#f5f0e6}.pp-card li>button>span{display:grid;gap:5px;min-width:0}.pp-card li strong{font-size:14.5px;font-weight:750}.pp-card li small,.pp-card li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-card li small{font-size:12.5px;color:var(--pp-muted)}.pp-rail-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;font-size:13.5px;font-weight:780}.pp-rail-link:hover{color:var(--pp-accent)}.pp-complete{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;padding:0;border:0;background:none;color:var(--pp-ink-2);font-size:14px;line-height:1.5;text-align:left}.pp-records dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.pp-records dl div{padding:11px 12px;border-radius:14px;background:#f5f1e8}.pp-records dt{font-size:11.5px;font-weight:650;color:var(--pp-muted)}.pp-records dd{margin:4px 0 0;font:16px/1.1 var(--font-arcade);font-weight:400;color:var(--pp-ink);overflow-wrap:anywhere}.pp-records p{margin:0;font-size:13.5px;color:var(--pp-muted)}.pp-more{margin-top:28px}.pp-more h2{margin:0 0 12px;font-size:17px;font-weight:820}.pp-more>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pp-more a{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:20px;background:var(--pp-surface);box-shadow:var(--pp-shadow);transition:transform .15s ease}.pp-more a:hover{transform:translateY(-2px)}.pp-more img{width:96px;height:72px;object-fit:cover;border-radius:13px}.pp-more a>span{display:grid;gap:2px;flex:1}.pp-more strong{font-size:15px}.pp-more small{font-size:12.5px;color:var(--pp-muted)}.pp-storage-note{max-width:780px;margin:24px 0 0}.tp-sheet{position:fixed;inset:0;margin:auto;width:min(880px,calc(100vw - 32px));height:fit-content;max-width:none;max-height:calc(100svh - 32px);padding:0;border:0;background:transparent;color:var(--pp-ivory,#f3efe4);overflow:visible;font-family:var(--font-ui)}.tp-sheet::backdrop{background:rgba(14,20,18,.62);backdrop-filter:blur(6px)}.tp-sheet[open]{animation:tp-sheet-in .42s cubic-bezier(.2,1.2,.4,1) both}.tp-sheet-body{position:relative;display:grid;grid-template-columns:380px minmax(0,1fr);max-height:calc(100svh - 32px);overflow:auto;border-radius:30px;background:linear-gradient(160deg,#23332d,#141c19 70%);box-shadow:0 40px 90px -30px rgba(0,0,0,.75),inset 0 0 0 1px rgba(243,239,228,.07)}.tp-sheet-stage{position:relative;display:grid;place-items:center;min-height:380px;padding:40px 32px;background:radial-gradient(circle at 50% 44%,var(--tier-glow),transparent 62%),radial-gradient(circle at 50% 120%,rgba(0,0,0,.5),transparent 60%),#0f1714}.tp-sheet-stage .tp-art-lg{animation:tp-pop .5s cubic-bezier(.2,1.4,.4,1) both}.tp-sheet-earned .tp-sheet-stage .tp-art-lg{box-shadow:0 0 0 3px var(--tier),0 0 60px -6px var(--tier-glow),0 30px 50px -20px rgba(0,0,0,.8)}.tp-sheet-stage .tp-art-locked{box-shadow:0 0 0 1px rgba(243,239,228,.14),0 30px 50px -20px rgba(0,0,0,.8)}.tp-sheet-cup{position:absolute;right:30px;bottom:26px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.6));animation:tp-pop .5s cubic-bezier(.2,1.6,.4,1) .12s both}.tp-sheet:not(:has(.tp-sheet-earned)) .tp-sheet-cup{filter:grayscale(.8) brightness(.7) drop-shadow(0 10px 12px rgba(0,0,0,.6))}.tp-sheet-info{display:flex;flex-direction:column;gap:14px;padding:40px 36px 26px;min-width:0}.tp-kicker{font-size:12px;font-weight:780;letter-spacing:.12em;text-transform:uppercase;color:var(--tier-light)}.tp-sheet-info h2{margin:-6px 0 0;font-size:34px;font-weight:820;letter-spacing:-.025em;line-height:1.1}.tp-sheet-desc{margin:0;font-size:16px;line-height:1.55;color:rgba(243,239,228,.78)}.tp-sheet-note{margin:0;font-size:14px;color:rgba(243,239,228,.6)}.tp-sheet-status{padding:14px 0;border-top:1px solid rgba(243,239,228,.1);border-bottom:1px solid rgba(243,239,228,.1)}.tp-sheet-earned-line,.tp-sheet-locked-line{display:flex;align-items:center;gap:8px;margin:0;font-size:14.5px;font-weight:650}.tp-sheet-earned-line svg{color:#9fe0b8}.tp-sheet-locked-line{color:rgba(243,239,228,.66)}.tp-meter-block{display:grid;gap:8px;font-size:13.5px;color:rgba(243,239,228,.72)}.tp-sheet .tp-meter{background:rgba(243,239,228,.14)}.tp-sheet .tp-meter i{background:linear-gradient(90deg,#b6de5c,var(--pp-lime,#ddf581))}.tp-sheet-rarity{display:grid;gap:9px}.tp-sheet-rarity>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tp-sheet-rarity strong{font-size:26px;font-weight:820;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--pp-ivory,#f3efe4)}.tp-sheet-rarity span{font-size:13.5px;color:rgba(243,239,228,.7)}.tp-sheet .tp-meter-rarity i{background:#9fb0a8}.tp-sheet .tp-tone-uncommon .tp-meter-rarity i{background:#7fcf9f}.tp-sheet .tp-tone-rare .tp-meter-rarity i{background:#82aef0}.tp-sheet .tp-tone-ultra .tp-meter-rarity i{background:linear-gradient(90deg,#b58cf0,#e0b8ff)}.tp-sheet .tp-tone-ultra strong{color:#e6cffd}.tp-sheet a.tp-sheet-play{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:13px;background:var(--pp-lime,#ddf581);color:#1c2d28;font-size:14px;font-weight:800;text-decoration:none}.tp-sheet a.tp-sheet-play:hover{background:#e8fa9c}.tp-sheet-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;font-size:13px;color:rgba(243,239,228,.6)}.tp-sheet-close,.tp-sheet-nav button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(243,239,228,.08);color:var(--pp-ivory,#f3efe4);cursor:pointer}.tp-sheet-close:hover,.tp-sheet-nav button:hover:not(:disabled){background:rgba(243,239,228,.16)}.tp-sheet-nav button:disabled{opacity:.3;cursor:default}.tp-sheet-close{position:absolute;z-index:2;top:14px;right:14px}.tp-sheet :is(a,button):focus-visible{outline:3px solid var(--pp-lime,#ddf581);outline-offset:3px}@keyframes tp-grow{0%{transform:scaleX(0)}}@keyframes tp-arc{0%{stroke-dasharray:0 400}}@keyframes tp-pop{0%{opacity:0;transform:scale(.86)}}@keyframes tp-sheet-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}@keyframes pp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes tt-sheen-slow{0%,55%{background-position:130% 0}to{background-position:-30% 0}}@media (min-width:761px){.pp-hero-art{background:var(--pp-portrait) no-repeat 72% 16% /92% auto}}@media (max-width:1100px){.pp-main{grid-template-columns:minmax(0,1fr)}.pp-rail{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.pp-hero-stats{max-width:76%}}@media (max-width:960px){.pp-game{grid-template-columns:150px minmax(0,1fr)}.pp-game-cover{width:150px;height:150px}.pp-game-side{grid-column:1/-1;justify-content:space-between;padding-top:16px;border-top:1px solid var(--pp-line)}.pp-platinum{flex:1;max-width:380px}.pp-hero-stats{max-width:none}.pp-hero-art{width:46%;opacity:.55}}@media (max-width:760px){.pp-hero{gap:20px;padding:22px 18px 20px;border-radius:24px}.pp-hero-id{grid-template-columns:auto minmax(0,1fr);gap:16px}.pp-avatar{width:72px;height:72px;box-shadow:0 0 0 2px var(--pp-ivory),0 0 0 6px rgba(221,245,129,.16)}.pp-hero-name h1{font-size:28px}.pp-hero-name p{font-size:13.5px}.pp-hero-login{grid-column:1/-1;width:100%}.pp-hero-stats{display:grid;gap:18px;padding-top:18px}.pp-hero-level{gap:16px}.pp-hero-level .tp-level{width:104px!important;height:104px!important}.tp-level-text strong{font-size:32px}.pp-level-copy{min-width:0}.pp-level-copy strong{font-size:18px}.pp-hero-tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.pp-hero-tiers li{min-width:0}.pp-hero-tiers li img{width:38px;height:38px}.pp-hero-tiers strong{font-size:16px}.pp-hero-tiers span{font-size:9.5px;letter-spacing:.04em}.pp-hero-total{margin-left:0;padding-left:8px}.pp-hero-total strong{font-size:24px}.pp-save-note{flex-wrap:wrap;padding:14px 16px}.pp-save-note p{flex-basis:calc(100% - 40px);font-size:13.5px}.pp-inline-actions,.pp-save-note .account-secondary{width:100%}.pp-game{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px;padding:12px 12px 16px;border-radius:24px}.pp-game-cover{width:100%;height:150px;object-position:50% 32%;border-radius:16px}.pp-game-main{padding:0 6px}.pp-game-main h2{font-size:26px}.pp-play{width:100%;justify-content:center}.pp-game-side{gap:14px;padding:14px 6px 0}.pp-game-side .tp-ring{width:72px!important;height:72px!important}.pp-game-new{width:72px;height:72px;font-size:11px}.pp-platinum{width:auto;padding:10px 14px 10px 10px}.pp-platinum .tp-art-md{width:56px;height:56px}.pp-main{margin-top:18px;gap:18px}.pp-list{border-radius:24px}.pp-list-head{padding:18px 16px 14px}.pp-tools{width:100%}.pp-filters{flex:1}.pp-filters button{flex:1;justify-content:center;min-height:40px;padding:0 8px}.pp-sort,.pp-sort select{width:100%}.pp-trophy-row{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:14px 16px;align-items:start}.pp-trophy-row .tp-art-md{width:56px;height:56px;border-radius:12px}.pp-row-main h3{font-size:15.5px}.pp-row-main p{font-size:13.5px}.pp-row-side{grid-column:2;padding-top:0;margin-top:-4px}.pp-row-progress .tp-meter{width:45%}.pp-more>div,.pp-rail{grid-template-columns:minmax(0,1fr)}.tp-sheet{width:100vw;max-height:94svh;margin:auto 0 0}.pp-hero-art{display:none}.tp-sheet[open]{animation:tp-sheet-up .42s cubic-bezier(.2,1,.3,1) both}.tp-sheet-body{grid-template-columns:minmax(0,1fr);max-height:94svh;border-radius:26px 26px 0 0}.tp-sheet-stage{min-height:0;padding:30px 20px 18px}.tp-art-lg{width:min(230px,62vw);height:min(230px,62vw);border-radius:22px}.tp-sheet-cup{right:18px;bottom:12px;width:52px;height:52px}.tp-sheet-info{gap:12px;padding:18px 20px calc(18px + env(safe-area-inset-bottom))}.tp-sheet-info h2{font-size:26px;margin-top:-4px}.tp-sheet-desc{font-size:15px}.tp-sheet a.tp-sheet-play{align-self:stretch;justify-content:center}@keyframes tp-sheet-up{0%{transform:translateY(100%)}}}@media (pointer:coarse){.pp-filters button{min-height:44px}}@media (prefers-reduced-motion:reduce){.pp-level-bar i,.pp-platinum-won:after,.pp-skel,.pp-skeleton,.tp-level-arc,.tp-meter i,.tp-ring circle+circle,.tp-sheet-cup,.tp-sheet-stage .tp-art-lg,.tp-sheet[open]{animation:none}.pp-hero-tiers li:hover img,.pp-trophy-row:hover .tp-art-md{transform:none}}