.page-pfp .pfp-head{padding-block:clamp(5.75rem,9vw,7rem) clamp(1.5rem,3vw,2.25rem)}.page-pfp .pfp-head h1{font-size:clamp(2.75rem,7vw,5.5rem)}.page-pfp .pfp-head .page-head-text{gap:.75rem}.page-pfp .pfp-band{padding-block:clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,6rem)}.pfp{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}@media (min-width:60em){.pfp{grid-template:"stage summary""stage controls"1fr/minmax(0,32.5rem) minmax(0,1fr);gap:1.75rem clamp(2rem,4vw,3.5rem)}.pfp-stage{grid-area:stage;position:sticky;inset-block-start:1.5rem}.pfp-summary{grid-area:summary}.pfp-controls{grid-area:controls}}.pfp-frame{aspect-ratio:1;background:var(--panel);width:100%;box-shadow:0 0 0 3px var(--violet-2), 0 30px 60px -18px #000000bf;border-radius:1.25rem;position:relative;overflow:hidden}.pfp-canvas{width:100%;height:100%;display:block}.pfp-spinner{border:3px solid #fff3dc4d;border-block-start-color:var(--cream);opacity:0;--animation-reduced:none;background:#0f072259;border-radius:50%;width:1.6rem;height:1.6rem;animation:.8s linear infinite pfp-spin;position:absolute;inset-block-start:.85rem;inset-inline-end:.85rem}.pfp[data-busy] .pfp-spinner,.pfp:not([data-ready]) .pfp-spinner{opacity:1;transition:opacity .15s ease-out}@keyframes pfp-spin{to{rotate:1turn}}@media not (min-width:60em){.pfp-stage{z-index:var(--z-raised);margin-inline:calc(-1 * var(--edge));padding:.75rem var(--edge);background:linear-gradient(var(--night) calc(100% - .75rem), #0f072200);justify-items:center;display:grid;position:sticky;inset-block-start:0}.pfp-frame{width:min(42svh - 1.5rem,100%)}.pfp-tabs{z-index:var(--z-raised);background:var(--night);position:sticky;inset-block-start:calc(42svh - .75rem)}.pfp :is(.pfp-summary,.pfp-controls) :is(button,a,summary){scroll-margin-block-start:calc(42svh + 4.5rem)}}@media (not (min-width:60em)) and (not (min-height:32rem)){.pfp-stage,.pfp-tabs{position:static}}.pfp-summary{align-content:start;gap:1rem;display:grid}.pfp-rarity{align-items:center;gap:.9rem;min-height:3.5rem;display:flex}.pfp-avatar{background:var(--panel-hi);width:48px;height:48px;box-shadow:0 0 0 2px var(--night), 0 0 0 4px var(--violet-2);border-radius:50%;flex:none}.pfp-odds{flex-wrap:wrap;align-items:baseline;gap:.15rem .75rem;display:flex}.pfp-odds strong{color:var(--cream);font:400 clamp(1.7rem, 3vw, 2.1rem) / 1 var(--font-display);letter-spacing:.02em;text-transform:uppercase}.pfp-odds-n{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.pfp-daily-tag{border:1px solid var(--sun-orange);color:var(--sun-orange);white-space:nowrap;border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:600}.pfp-tier[data-rank="1"],.pfp-badge[data-rank="1"],.pfp-legend [data-rank="1"]{color:var(--money)}.pfp-tier[data-rank="2"],.pfp-badge[data-rank="2"],.pfp-legend [data-rank="2"]{color:var(--cyan)}.pfp-tier[data-rank="3"],.pfp-badge[data-rank="3"],.pfp-legend [data-rank="3"]{color:#ffd24a}.pfp-status{color:var(--sun-orange);font-weight:600}.pfp-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.pfp-actions .btn{padding-inline:.5rem}.pfp-roll{gap:.6rem;font-size:1.15rem}@media (min-width:30em){.pfp-actions{flex-wrap:wrap;display:flex}.pfp-actions .btn{padding-inline:1.35rem}.pfp-roll{min-width:9.5rem}}@media not (min-width:40em){.page-pfp{--pfp-bar:calc(4rem + env(safe-area-inset-bottom,0px))}.page-pfp .pfp-band{padding-block-end:calc(3rem + var(--pfp-bar))}.page-pfp .pfp-head{padding-block:5.25rem 1.25rem}.page-pfp .pfp-head .page-head-text>p{font-size:1.05rem}.pfp,.pfp-summary{gap:.75rem}.pfp-lede-more{display:none}.pfp-summary{gap:.6rem}.pfp-summary .chip{min-height:2.5rem;padding-inline:.8rem}.pfp-frame{width:min(40svh - 1.5rem,100%)}.pfp-tabs{inset-block-start:calc(40svh - .75rem)}.page-pfp .pfp :is(.pfp-summary,.pfp-controls) :is(button,a,summary){scroll-margin-block-start:calc(40svh + 4.5rem)}.page-pfp .pfp :is(button,a,summary){scroll-margin-block-end:calc(var(--pfp-bar) + .75rem)}}.pfp-key{font:400 .7rem/1.4 var(--font-screen);border:1.5px solid #0f072280;border-radius:4px;padding:.05rem .4rem;display:none}@media (hover:hover) and (pointer:fine){.pfp-key{display:inline-block}}.pfp-more{flex-wrap:wrap;gap:.5rem;display:flex}.pfp-tabs{overscroll-behavior-x:contain;scrollbar-width:none;gap:.4rem;margin:-6px;padding:6px;display:flex;overflow-x:auto}.pfp-tabs::-webkit-scrollbar{display:none}@media (min-width:60em){.pfp-tabs{flex-wrap:wrap;overflow:visible}}.pfp-tab{border:2px solid var(--violet-2);min-height:2.75rem;color:var(--text);font:600 .95rem/1 var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.45rem 1rem}.pfp-tab:hover{border-color:var(--pink);color:var(--cream)}.pfp-tab[aria-selected=true]{border-color:var(--pink);background:var(--pink);color:var(--night)}.pfp-panels{margin-block-start:.9rem}.pfp-pick{flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;min-height:1.6em;margin-block-end:.75rem;display:flex}.pfp-pick-slot{color:var(--muted);font-size:.9rem}.pfp-pick-name{color:var(--cream);font-weight:600}.pfp-pick .pfp-tier{font-size:.9rem;font-weight:600}.pfp-pick .pfp-tier[data-rank="0"]{color:var(--muted)}.pfp-grid{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:.5rem;display:grid}@media (min-width:60em){.pfp-grid{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}}.pfp-opt{aspect-ratio:1;border:2px solid var(--violet-2);background:var(--panel);cursor:pointer;border-radius:12px;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.pfp-opt img{object-fit:cover;width:100%;height:100%}.pfp-opt:hover{border-color:#f0489aa6}.pfp-opt[aria-checked=true]{border-color:var(--pink);box-shadow:0 0 0 2px var(--pink), inset 0 0 0 2px var(--night)}.pfp-opt[aria-checked=true]:after{content:"✓";background:var(--pink);width:1.35rem;height:1.35rem;color:var(--night);font:700 .8rem/1.35rem var(--font-body);text-align:center;border-radius:50%;position:absolute;inset-block-start:5px;inset-inline-start:5px}.pfp-opt:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.pfp-badge{background:#0f0722e0;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.75rem;line-height:1;display:grid;position:absolute;inset-block-start:5px;inset-inline-end:5px}.pfp-opt-name{color:var(--cream);font:600 .72rem/1.15 var(--font-body);text-align:center;opacity:0;pointer-events:none;background:linear-gradient(#0f072200,#0f0722f0 55%);padding:1.1rem .3rem .3rem;transition:opacity .12s ease-out;position:absolute;inset-block-end:0;inset-inline:0}.pfp-opt:is(:hover,:focus-visible) .pfp-opt-name,.pfp-opt.is-none .pfp-opt-name{opacity:1}.pfp-opt.is-none .pfp-opt-name{color:var(--muted);background:0 0}.pfp-none-icon{border:3px solid var(--muted);border-radius:50%;position:absolute;inset:20% 26% 34%}.pfp-none-icon:after{content:"";background:var(--muted);height:3px;position:absolute;inset-block-start:50%;inset-inline:-3px;translate:0 -50%;rotate:-45deg}.pfp-legend{flex-wrap:wrap;gap:.3rem 1.1rem;margin-block-start:.9rem;font-size:.85rem;font-weight:600;display:flex}.pfp-about{color:var(--muted);margin-block-start:.75rem;font-size:.95rem}.pfp-about summary{min-height:2.75rem;color:var(--cream);cursor:pointer;align-items:center;font-weight:600;display:inline-flex}.pfp-about p{max-width:50ch}.pfp-drop{background:var(--sun-orange);max-width:calc(100% - 10px);color:var(--night);font:700 .62rem/1.3 var(--font-body);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:.1rem .4rem;position:absolute;inset-block-end:5px;inset-inline-start:5px;overflow:hidden}.pfp-pick-limited{color:var(--sun-orange);font-size:.85rem;font-weight:600}.pfp-pick-hint{color:var(--muted);font-size:.85rem}.pfp-more-label{color:var(--muted);align-self:center;font-size:.9rem;font-weight:600}.pfp-dialog{border:2px solid var(--violet-2);background:var(--panel);width:min(56rem,100vw - 2rem);max-height:calc(100svh - 2rem);color:var(--text);border-radius:1.25rem;padding:0;box-shadow:0 30px 80px #0009}.pfp-dialog::backdrop{background:#0f0722c7}.pfp-dialog-inner{gap:.9rem;padding:clamp(1rem,3vw,1.75rem);display:grid}.pfp-dialog-title{color:var(--cream);font:400 clamp(1.8rem, 4vw, 2.4rem) / 1 var(--font-display)}.pfp-dialog-choice{flex-wrap:wrap;gap:.5rem;display:flex}.pfp-dialog-frame{background:var(--night);border-radius:.9rem;place-items:center;padding:.75rem;display:grid}.pfp-dialog-frame:is([data-kind=sticker],[data-kind=transparent]){background:conic-gradient(var(--panel-hi) 25%, var(--panel-lo) 0 50%, var(--panel-hi) 0 75%, var(--panel-lo) 0) 0 0 / 24px 24px}.pfp-dialog-canvas{width:auto;max-width:100%;height:auto;max-height:min(52svh,32rem);display:block}.pfp-dialog-actions{justify-content:flex-start}.pfp-wall-sentinel{height:1px}.page-pfp .pfp-wall{border-block-start:1px solid #fff3dc14;row-gap:1.25rem;padding-block:clamp(2.5rem,6vw,4rem) clamp(4rem,8vw,6rem)}.pfp-wall-head{gap:.5rem;max-width:40rem;display:grid}.pfp-wall-head p{color:var(--muted)}.pfp-wall-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.pfp-wall-grid{grid-template-columns:repeat(auto-fill,minmax(min(9rem,28vw),1fr));gap:.75rem;display:grid}.pfp-wall-tile{border:2px solid var(--violet-2);background:var(--panel);min-width:0;color:var(--text);text-align:start;cursor:pointer;border-radius:14px;padding:0;display:grid;overflow:hidden}.pfp-wall-tile:hover{border-color:var(--pink)}.pfp-wall-tile:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.pfp-wall-canvas{aspect-ratio:1;background:var(--panel-hi);width:100%;height:auto;display:block}.pfp-wall-caption{color:var(--muted);font:600 .82rem/1.25 var(--font-body);text-overflow:ellipsis;white-space:nowrap;padding:.35rem .6rem .5rem;overflow:hidden}.pfp-fallback,.pfp-nojs{color:var(--cream);font-weight:600}.pfp-fallback,.pfp[data-failed]>:not(.pfp-fallback){display:none}.pfp[data-failed]>.pfp-fallback{display:block}.pfp-soon{text-align:center;justify-items:center;gap:1rem;max-width:34rem;margin-inline:auto;padding-block:clamp(2.5rem,8vw,5rem);display:grid}.pfp-soon img{border-radius:50%;width:9rem;height:auto}.pfp-soon h2{color:var(--cream);font-family:var(--font-display);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:400;line-height:1}.pfp-soon p{color:var(--muted)}