@layer theme, base, cards, components, utilities;@layer components{.pf-main:has(>.pfp-page){display:grid;grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0}:root:has(.pfp-page) .pf-toasts{bottom:calc(16px + var(--pf-tabbar-h) + var(--pfp-toast-lift, 0px));transition:bottom .3s var(--pf-ease)}@media (min-width:900px){:root:has(.pfp-page) .pf-toasts{bottom:calc(24px + var(--pfp-toast-lift, 0px))}}@media (prefers-reduced-motion:reduce){:root:has(.pfp-page) .pf-toasts{transition:none}}.pf-page.pfp-page{--pfp-arrange:stack;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding-bottom:0;overflow:clip}.pfp-head,.pfp-side{position:relative;z-index:55;transition:opacity .35s var(--pf-ease)}.pfp-head{grid-row:1;grid-column:1}.pfp-page:not([data-phase=sealed]) .pfp-head{opacity:0;pointer-events:none}.pfp-stagewrap{position:relative;display:grid;grid-row:1/-1;grid-column:1/-1;min-width:0;min-height:0}.pfp-side{grid-row:3;grid-column:1;align-self:end;display:grid;align-content:start;gap:12px;min-width:0;padding:4px var(--pf-m) 14px}.pfp-side:focus{outline:none}@media (max-width:899.98px){.pf-head.pfp-head{padding-block:14px 6px}}@media (max-height:560px) and (min-aspect-ratio:4/3),(min-width:900px){.pf-page.pfp-page{--pfp-arrange:side;grid-template-columns:minmax(340px,420px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.pf-head.pfp-head{grid-column:1;grid-row:1;padding-right:0}.pfp-side{grid-column:1;grid-row:2;align-self:stretch;align-content:center;gap:22px;padding:0 0 18vh var(--pf-m)}.pfp-stagewrap{grid-column:1/-1;grid-row:1/-1}}@media (max-height:560px) and (min-aspect-ratio:4/3){.pf-page.pfp-page{--pfp-arrange:short}.pf-head.pfp-head{padding-block:12px 4px}.pfp-side{gap:10px;padding-bottom:8px}}.pfp-count{display:flex;align-items:flex-end;gap:14px}.pfp-count__value{font-size:clamp(3.25rem,2.6rem + 2vw,4.5rem);font-weight:700;line-height:.9;letter-spacing:-.04em;color:var(--pf-gold)}@media (max-height:560px) and (min-aspect-ratio:4/3),(max-width:899.98px){.pfp-count__value{font-size:2.75rem}}.pfp-count[data-empty]{flex-wrap:wrap;row-gap:4px}.pfp-count__value--time{color:var(--pf-paper);font-variant-numeric:tabular-nums;white-space:nowrap}.pfp-count__label{padding-bottom:.35em;font-size:1.125rem;font-weight:600;line-height:1.15;letter-spacing:-.01em}.pfp-next{display:grid;gap:10px;max-width:380px}.pfp-next__text{font-size:var(--pf-t-small);color:var(--pf-mist)}.pfp-gauge,.pfp-next .pf-gauge{height:10px}.pfp-gauge{display:flex;align-items:center;gap:12px}.pfp-gauge>.pf-gauge{flex:1;min-width:0}.pfp-gauge[data-rows="2"]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:10px;height:auto}.pfp-gauge[data-rows="2"]>.pf-gauge{grid-column:1}.pfp-gauge[data-rows="2"]>.pfp-gifted{grid-row:1/span 2;grid-column:2}.pfp-gifted{flex:none;font-size:.9375rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--pf-gold)}.pfp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}@media (max-height:560px) and (min-aspect-ratio:4/3),(max-width:899.98px){.pfp-side .pfp-actions{gap:6px 12px}}.pfp-hint{font-size:var(--pf-t-small);color:var(--pf-mist)}.pfp-settings{display:grid;grid-template-columns:max-content max-content;justify-content:start;align-items:center;gap:10px 18px;padding-top:18px;border-top:1px solid var(--pf-rule-night)}.pfp-setting{display:contents}.pfp-setting__name{font-size:var(--pf-t-micro);font-weight:600;color:var(--pf-mist)}.pfp-fold{display:none;flex:none;place-items:center;width:52px;height:52px;padding:0;border:1.5px solid var(--pf-line-strong);border-radius:var(--pf-r-pill);background:transparent;color:var(--pf-paper);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.pfp-fold svg{width:22px;height:22px}.pfp-fold[aria-expanded=true]{border-color:var(--pf-paper);background:var(--pf-paper);color:var(--pf-night)}.pfp-side .pfp-fold:focus-visible{border-radius:var(--pf-r-pill)}@media (hover:hover){.pfp-fold:hover:not([aria-expanded=true]){border-color:var(--pf-paper)}}@media (max-height:560px) and (min-aspect-ratio:4/3),(max-width:899.98px){.pfp-fold{display:inline-grid}.pfp-settings{position:absolute;bottom:var(--pfp-plate-bottom,calc(100% + 8px));left:var(--pf-m);z-index:2;grid-template-columns:minmax(0,1fr);width:min(22rem,calc(100% - 2 * var(--pf-m)));gap:6px;padding:16px 16px 18px;border:0;border-radius:var(--pf-r-lg);background:var(--pf-night);box-shadow:inset 0 0 0 1px var(--pf-rule-night),0 24px 48px -26px oklch(.06 .03 256/.85)}.pfp-settings:not([data-open]){display:none}.pfp-setting+.pfp-setting .pfp-setting__name{margin-top:10px}.pfp-settings .pf-seg{display:grid;grid-template-columns:1fr 1fr;justify-self:stretch}}@media (max-height:560px) and (min-aspect-ratio:4/3){.pfp-settings{top:50%;bottom:auto;left:var(--pfp-plate-left,calc(100% + 16px));width:18.5rem;translate:0 -50%}}@media (pointer:coarse){.pfp-settings .pf-seg button{height:44px;padding-inline:16px}}.pfp-settings .pf-seg button:focus-visible{border-radius:var(--pf-r-pill);outline-offset:2px}.pfp-hint.pfp-error{flex-basis:100%;color:var(--pf-alert-text);font-weight:600}@media (max-width:899.98px) and (max-height:30em) and (max-aspect-ratio:1/1){.pfp-side .pfp-actions .pf-btn--lg{padding-inline:1.1em}}@media (max-height:20.5em) and (min-aspect-ratio:4/3){.pf-head.pfp-head{padding-block:8px 2px}.pfp-side{gap:8px}.pfp-count__value{font-size:2.25rem}.pfp-count__label{font-size:1rem}.pfp-hint:not(.pfp-error){display:none}}.pfp[data-empty] .pfp-scope{opacity:.4;transition:opacity .4s var(--pf-ease)}.pfp-recap{position:absolute;top:var(--pfp-bar,auto);right:0;left:var(--pfp-bar-left,0);z-index:56;display:grid;justify-items:center;padding:0 var(--pf-m);text-align:center;pointer-events:none}.pfp-recap .pfp-actions{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;width:min(100%,280px);pointer-events:auto;animation:pfp-arm 1s step-end}.pfp-recap .pfp-actions>.pf-btn:first-child,.pfp-recap .pfp-actions>.pf-btn:last-child,.pfp-recap .pfp-actions>.pf-btn:only-of-type+.pft>.pft-open{grid-column:1/-1}@keyframes pfp-arm{0%,to{pointer-events:none}}@media (prefers-reduced-motion:reduce){.pfp-recap .pfp-actions{animation-duration:.4s}}@media (max-height:560px) and (min-aspect-ratio:4/3),(min-width:900px){.pfp-recap .pfp-actions{display:flex;flex-direction:row;justify-content:center;gap:12px 18px;width:auto}}@media (max-height:560px) and (min-aspect-ratio:4/3){.pfp-recap{top:0;bottom:0;left:auto;width:15.5rem;align-content:center;padding:0 16px}.pfp-recap .pfp-actions{position:static;display:grid;align-items:stretch;gap:12px;width:100%}.pfp-recap .pf-btn{white-space:normal}}.pfp-invite{display:flex;align-items:center;justify-content:center;gap:6px;max-width:min(100%,34rem);min-height:24px;margin:16px 0 0;color:var(--pf-text);font-size:var(--pf-t-small);font-weight:600;line-height:1.3;pointer-events:auto;animation:pfp-invite-in .3s .85s both,pfp-arm 1.2s step-end}@keyframes pfp-invite-in{0%{opacity:0}}.pfp-invite__link{position:relative;min-width:0;color:inherit;text-decoration:underline;text-decoration-color:var(--pf-accent);text-decoration-thickness:2px;text-underline-offset:.25em;text-wrap:balance}.pfp-invite__close{position:relative;display:inline-grid;flex:none;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--pf-r-pill);background:transparent;color:var(--pf-mist);cursor:pointer}.pfp-invite__close svg{width:14px;height:14px}@media (hover:hover){.pfp-invite__close:hover{background:var(--pf-night-2);color:var(--pf-text)}}@media (pointer:coarse){.pfp-invite__close:after,.pfp-invite__link:after{content:"";position:absolute;inset:-5px -4px}.pfp-invite__close:after{inset:-5px -10px}}@media (prefers-reduced-motion:reduce){.pfp-invite{animation:pfp-arm .4s step-end}}.pfp{--pw-full:min(56vw,220px);--pw:var(--pw-full);--ph:calc(var(--pw) * 1.56);--cw:calc(var(--pw-full) * 0.76);position:relative;display:grid;min-width:0;min-height:0}@media (min-width:640px){.pfp{--pw-full:250px}}@media (min-width:1100px){.pfp{--pw-full:clamp(270px,22vw,350px)}}.pfp-defs{position:absolute}.pfp-stage{--pack-dy:calc(var(--pw) * 0.04);position:relative;min-width:0;min-height:0;user-select:none;-webkit-user-select:none}.pfp-scope{position:absolute;inset:0}.pfp[data-enter] .pfp-scope{animation:pfp-enter .3s var(--pf-ease-out) backwards}@keyframes pfp-enter{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pfp[data-enter] .pfp-scope{animation:none}}.pfp-ground{position:absolute;top:calc(50% + var(--pack-dy) + var(--ph) * .5 + 10px);left:50%;width:calc(var(--pw) * .92);height:calc(var(--pw) * .07);translate:-50% 0;border-radius:50%;background:oklch(.145 .04 256);transition:opacity .4s}.pfp:not([data-phase=sealed]) .pfp-ground{opacity:0}.pfp-layer{position:absolute;top:calc(50% + var(--pack-dy));left:50%;width:var(--pw);height:var(--ph);margin-top:calc(var(--ph) / -2);margin-left:calc(var(--pw) / -2);pointer-events:none}.pfp-layer--leak{z-index:1}.pfp-layer--body{z-index:8}.pfp-layer--strip{z-index:9}.pfp-hinge,.pfp-piece{position:absolute;inset:0}.pfp-hinge{transform-origin:calc(50% + var(--dir, 1) * 50%) 11.8%;transform:translateY(calc(var(--tear, 0) * -1.4%)) rotate(calc(var(--tear, 0) * var(--dir, 1) * -11deg))}.pfp-piece{container-type:inline-size}.pfp-leak{position:absolute;top:10.6%;right:3%;left:3%;height:2.4%;background:var(--pf-paper);opacity:var(--tear,0)}.pfp-rim{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:min(1,calc(var(--tear, 0) * 3))}.pfp-rim polyline{fill:none;stroke:var(--pf-paper);stroke-width:3px;vector-effect:non-scaling-stroke}.pfp-cards{position:absolute;inset:0}.pfp-slot{position:absolute;top:50%;left:50%;width:var(--cw);margin-top:calc(var(--cw) * -.6984);margin-left:calc(var(--cw) / -2);opacity:0;will-change:transform;touch-action:manipulation}.pfp-slot[data-done],.pfp-slot[data-tap]{cursor:pointer}@media (hover:hover) and (pointer:fine){.pfp-slot{transition:translate .25s var(--pf-ease)}.pfp-slot[data-next]:hover{translate:0 -6px}}.pfp-card{width:100%}.pfp-slot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:calc(var(--cw) * .044);box-shadow:0 0 0 calc(var(--cw) * .016) var(--pf-night),0 calc(var(--cw) * .05) calc(var(--cw) * .18) calc(var(--cw) * -.02) oklch(.16 .05 256/.55);opacity:0;transition:opacity .25s var(--pf-ease);pointer-events:none}.pfp-scope:has(>.pfp-poster[data-rarity]) .pfp-slot:before{opacity:1}.pfp{--ec-strike-delay:calc(var(--pfp-flip, 0.75s) * 0.47)}.pfp-card .ec-rotator{transition-duration:var(--pfp-flip,.75s)}.pfp-glint-clip{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:calc(var(--cw) * .06);pointer-events:none}.pfp-glint{position:absolute;inset:-5% -30%;background:linear-gradient(104deg,transparent 43%,oklch(1 0 0/.5) 43% 51%,transparent 51% 54%,oklch(1 0 0/.35) 54% 57%,transparent 57%);mix-blend-mode:overlay;opacity:0;transform:translateX(-130%)}.pfp-badge{position:absolute;top:-20px;right:-8px;z-index:3;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--pf-r-pill);font-size:.8125rem;font-weight:700;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 6px 16px -6px oklch(.08 .03 256/.7)}.pfp-badge[data-side=left]{right:auto;left:-8px}.pfp-badge[data-kind=new]{background:var(--pf-gold);color:var(--pf-night)}.pfp-badge[data-kind=dup]{background:var(--pf-paper);color:var(--pf-night);font-variant-numeric:tabular-nums}.pfp-toss{position:absolute;top:calc(var(--cw) * .05);left:calc(var(--cw) * .05);z-index:6;display:inline-flex;align-items:center;justify-content:center;width:clamp(26px,calc(var(--cw) * .17),40px);height:clamp(26px,calc(var(--cw) * .17),40px);border:1px solid oklch(1 0 0/.22);border-radius:var(--pf-r-pill);background:oklch(.16 .04 256/.74);color:var(--pf-paper);box-shadow:0 6px 16px -8px oklch(.08 .03 256/.8);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:pfp-arm .5s step-end;transition:background .18s var(--pf-ease),transform .18s var(--pf-ease),opacity .18s var(--pf-ease)}.pfp-toss svg{width:58%;height:58%}.pfp-toss:focus-visible,.pfp-toss:hover{background:oklch(.22 .05 256/.92);transform:translateY(-1px)}.pfp-toss[data-shiny]{border-color:var(--pf-gold);box-shadow:0 0 0 1px oklch(.84 .12 86/.55),0 6px 16px -8px oklch(.08 .03 256/.8)}@media (hover:hover) and (pointer:fine){.pfp-toss{opacity:0}.pfp-slot:hover .pfp-toss,.pfp-toss:focus-visible{opacity:1}}.pfp-slot[data-discarded] .pfp-card{filter:grayscale(.85) brightness(.62);opacity:.72;transition:filter .25s var(--pf-ease),opacity .25s var(--pf-ease)}.pfp-slot[data-discarded] .pfp-badge{opacity:.5}.pfp-toss-done{position:absolute;top:50%;left:50%;z-index:7;translate:-50% -50%;padding:4px 12px;border-radius:var(--pf-r-pill);background:oklch(.14 .03 256/.84);color:var(--pf-paper);font-size:.8125rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;pointer-events:none}@media (prefers-reduced-motion:reduce){.pfp-slot[data-discarded] .pfp-card,.pfp-toss{transition:none}}.pfp-poster{position:absolute;inset:clamp(8px,1.2vw,16px);z-index:4;overflow:hidden;border-radius:var(--pf-r-xl);background:var(--r);color:var(--pf-night);pointer-events:none;clip-path:inset(0 100% 0 0)}.pfp-poster__word{bottom:clamp(6px,1.4vw,20px);font-family:var(--pf-font-display),var(--pf-font),sans-serif;font-size:clamp(3rem,1rem + 7vw,8.5rem);line-height:.9;letter-spacing:-.045em;white-space:nowrap}.pfp-poster__count,.pfp-poster__word{position:absolute;left:clamp(14px,2.4vw,36px);font-weight:700}.pfp-poster__count{top:clamp(14px,2vw,28px);font-size:var(--pf-t-small)}.pfp-stamp{position:absolute;top:50%;left:50%;z-index:45;display:grid;place-items:center;width:calc(var(--cw) * .42);height:calc(var(--cw) * .42);border-radius:50%;background:var(--pf-night);box-shadow:0 0 0 calc(var(--cw) * .016) var(--pf-gold),0 0 0 calc(var(--cw) * .036) var(--pf-night),0 0 0 calc(var(--cw) * .043) var(--pf-gold);color:var(--pf-gold);opacity:0;pointer-events:none}.pfp-stamp svg{width:56%;height:56%}.pfp-grip{position:absolute;top:calc(50% + var(--pack-dy));left:50%;z-index:12;width:calc(var(--pw) * 1.12);height:var(--ph);margin-top:calc(var(--ph) / -2);margin-left:calc(var(--pw) * -.56);cursor:grab;touch-action:pan-y}.pfp-grip:active{cursor:grabbing}.pfp-grip:focus-visible{outline-offset:8px}.pfp-live{position:absolute;top:var(--pfp-bar,calc(100% - 62px));right:0;left:var(--pfp-bar-left,0);z-index:50;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;transition:opacity .2s var(--pf-ease)}@media (max-width:899.98px){.pfp-live{gap:32px}}@media (max-height:560px) and (min-aspect-ratio:4/3){.pfp-live{gap:12px}}.pfp-live>*{pointer-events:auto;touch-action:manipulation}.pfp-live[data-hidden]{opacity:0}.pfp-live[data-hidden]>*{pointer-events:none}.pfp-live .pfp-turn{min-width:200px;transition:background-color .15s,border-color .15s,color .15s,translate .1s}.pfp-live .pfp-turn[aria-disabled=true]{opacity:1;cursor:default}.pfp-turn__count{font-weight:600;font-variant-numeric:tabular-nums;opacity:.72;transition:opacity .2s var(--pf-ease)}.pfp-turn[aria-disabled=true] .pfp-turn__count{opacity:.32;transition-delay:.15s}.pfp-live .pfp-skip{min-height:44px;color:var(--pf-mist);text-decoration-color:color-mix(in oklab,var(--pf-mist) 45%,transparent)}@media (hover:hover){.pfp-live .pfp-skip:hover{color:var(--pf-paper);text-decoration-color:var(--pf-gold)}}.pfpt-pack-beside>.pfp-toss-beside{position:absolute;top:50%;right:calc(100% + 14px);translate:0 -50%;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid color-mix(in oklab,var(--pf-alert) 50%,transparent);border-radius:50%;background:color-mix(in oklab,var(--pf-alert) 13%,var(--pf-night));color:var(--pf-alert-text);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}.pfpt-pack-beside>.pfp-toss-beside svg{width:18px;height:18px}.pfp-toss-beside[data-shiny]{border-color:color-mix(in oklab,var(--pf-alert) 55%,var(--pf-gold))}@media (hover:hover){.pfpt-pack-beside>.pfp-toss-beside:hover{border-color:color-mix(in oklab,var(--pf-alert) 78%,transparent);background:color-mix(in oklab,var(--pf-alert) 22%,var(--pf-night))}}@media (max-height:560px) and (min-aspect-ratio:4/3){.pfpt-pack-beside>.pfp-toss-beside{top:calc(100% + 10px);right:auto;left:50%;translate:-50% 0}}.pfp-face{inset:0;overflow:hidden;background:var(--pf-night-2)}.pfp-face,.pfp-face>*{position:absolute}.pfp-face__rosette{top:31.5%;left:50%;width:104cqw;height:104cqw;translate:-50% -50%;fill:none;stroke:oklch(.84 .12 84/.3);stroke-width:.26}.pfp-face__seal{right:0;left:0;z-index:2;height:6.4%;background:repeating-linear-gradient(90deg,var(--pf-gold) 0 1.1cqw,var(--pf-gold-deep) 1.1cqw 1.55cqw)}.pfp-face__seal--top{top:0}.pfp-face__seal--bottom{bottom:0}.pfp-face__tear{top:11.8%;right:4.5cqw;left:4.5cqw;z-index:2;display:flex;align-items:center;height:0}.pfp-face__scissors{flex:none;width:5.6cqw;height:5.6cqw;margin-right:1.4cqw;fill:none;stroke:var(--pf-paper);stroke-width:1.5;stroke-linecap:round}.pfp-face__dash{flex:1;height:0;border-top:.6cqw dashed var(--pf-paper)}.pfp-face__series{top:7.4%;right:5cqw;z-index:2;font-size:max(.6875rem,5.4cqw);font-weight:600;line-height:1;color:var(--pf-paper)}@container (width < 180px){.pfp-face__series,.pfp-face__sub{display:none}}.pfp-face__medal{top:31.5%;left:50%;display:grid;place-items:center;width:31cqw;height:31cqw;translate:-50% -50%;border-radius:50%;background:var(--pf-night);box-shadow:0 0 0 1.1cqw var(--pf-gold),0 0 0 2.5cqw var(--pf-night),0 0 0 2.95cqw var(--pf-gold);color:var(--pf-gold)}.pfp-face__medal svg{width:60%;height:60%}.pfp-face__word{top:48.5%;right:0;left:0;display:flex;justify-content:center;line-height:1;color:var(--pf-paper)}.pfp-face__word>span{font-size:12.4cqw}.pfp-face__word svg{display:none}.pfp-face__sub{top:57.4%;right:0;left:0;font-size:max(.6875rem,5.2cqw);font-weight:600;text-align:center;color:var(--pf-paper)}.pfp-face__hints{top:63.5%;right:0;bottom:0;left:0;z-index:1}.pfp-mini{position:absolute;top:7%;left:50%;width:29cqw;aspect-ratio:63/88;margin-left:-14.5cqw;overflow:hidden;border:1.1cqw solid var(--pf-paper);border-radius:1.6cqw}.pfp-mini img{object-fit:cover}.pfp-mini[data-i="0"]{translate:-25cqw 5.5cqw;rotate:-12deg}.pfp-mini[data-i="1"]{z-index:1}.pfp-mini[data-i="2"]{translate:25cqw 5.5cqw;rotate:12deg}.pfp-face__fold{inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,oklch(.1 .03 256/.34) 0 4.5%,transparent 4.5% 95.5%,oklch(.1 .03 256/.34) 95.5%)}}