@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.pn-ui,.pn-ui *,.pn-ui :before,.pn-ui :after,.pn-ui ::backdrop{--pn-tw-translate-x:0;--pn-tw-translate-y:0;--pn-tw-translate-z:0;--pn-tw-space-x-reverse:0;--pn-tw-border-style:solid;--pn-tw-leading:initial;--pn-tw-font-weight:initial;--pn-tw-tracking:initial;--pn-tw-shadow:0 0 #0000;--pn-tw-shadow-color:initial;--pn-tw-shadow-alpha:100%;--pn-tw-inset-shadow:0 0 #0000;--pn-tw-inset-shadow-color:initial;--pn-tw-inset-shadow-alpha:100%;--pn-tw-ring-color:initial;--pn-tw-ring-shadow:0 0 #0000;--pn-tw-inset-ring-color:initial;--pn-tw-inset-ring-shadow:0 0 #0000;--pn-tw-ring-inset:initial;--pn-tw-ring-offset-width:0px;--pn-tw-ring-offset-color:#fff;--pn-tw-ring-offset-shadow:0 0 #0000;--pn-tw-duration:initial;--pn-tw-content:"";--pn-tw-outline-style:solid}}}@layer theme{.pn-ui{--pn-color-black:#000;--pn-spacing:.25rem;--pn-container-lg:32rem;--pn-text-xs:.75rem;--pn-text-xs--line-height:calc(1 / .75);--pn-text-sm:.875rem;--pn-text-sm--line-height:calc(1.25 / .875);--pn-text-base:1rem;--pn-text-base--line-height:1.5;--pn-text-lg:1.125rem;--pn-text-lg--line-height:calc(1.75 / 1.125);--pn-font-weight-medium:500;--pn-font-weight-semibold:600;--pn-tracking-tight:-.025em;--pn-leading-relaxed:1.625;--pn-radius-xs:.125rem;--pn-animate-spin:pn-library-spin 1s linear infinite;--pn-animate-pulse:pn-library-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--pn-default-transition-duration:.15s;--pn-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{.pn-ui :where(*){border:0 solid var(--pn-border)}}@layer components;@layer utilities{.pn\:\@container\/card-header{container:card-header/inline-size}.pn\:\@container\/pn-grid{container:pn-grid/inline-size}.pn\:pointer-events-none{pointer-events:none}.pn\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pn\:absolute{position:absolute}.pn\:fixed{position:fixed}.pn\:relative{position:relative}.pn\:inset-0{inset:0}.pn\:top-1\/2{top:50%}.pn\:top-4{top:calc(var(--pn-spacing) * 4)}.pn\:top-\[50\%\]{top:50%}.pn\:right-0{right:0}.pn\:right-3\.5{right:calc(var(--pn-spacing) * 3.5)}.pn\:right-4{right:calc(var(--pn-spacing) * 4)}.pn\:bottom-0{bottom:0}.pn\:left-\[50\%\]{left:50%}.pn\:z-10{z-index:10}.pn\:z-50{z-index:50}.pn\:col-span-\[var\(--pn-span\)\]{grid-column:span var(--pn-span) / span var(--pn-span)}.pn\:col-start-2{grid-column-start:2}.pn\:row-span-2{grid-row:span 2/span 2}.pn\:row-start-1{grid-row-start:1}.pn\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pn\:block{display:block}.pn\:flex{display:flex}.pn\:grid{display:grid}.pn\:inline-flex{display:inline-flex}.pn\:aspect-square{aspect-ratio:1}.pn\:size-2\.5{width:calc(var(--pn-spacing) * 2.5);height:calc(var(--pn-spacing) * 2.5)}.pn\:size-3\.5{width:calc(var(--pn-spacing) * 3.5);height:calc(var(--pn-spacing) * 3.5)}.pn\:size-4{width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:size-6{width:calc(var(--pn-spacing) * 6);height:calc(var(--pn-spacing) * 6)}.pn\:size-8{width:calc(var(--pn-spacing) * 8);height:calc(var(--pn-spacing) * 8)}.pn\:size-9{width:calc(var(--pn-spacing) * 9);height:calc(var(--pn-spacing) * 9)}.pn\:size-10{width:calc(var(--pn-spacing) * 10);height:calc(var(--pn-spacing) * 10)}.pn\:size-full{width:100%;height:100%}.pn\:h-2{height:calc(var(--pn-spacing) * 2)}.pn\:h-6{height:calc(var(--pn-spacing) * 6)}.pn\:h-8{height:calc(var(--pn-spacing) * 8)}.pn\:h-9{height:calc(var(--pn-spacing) * 9)}.pn\:h-10{height:calc(var(--pn-spacing) * 10)}.pn\:h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.pn\:h-full{height:100%}.pn\:min-h-4{min-height:calc(var(--pn-spacing) * 4)}.pn\:w-auto{width:auto}.pn\:w-fit{width:fit-content}.pn\:w-full{width:100%}.pn\:max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.pn\:min-w-0{min-width:0}.pn\:min-w-8{min-width:calc(var(--pn-spacing) * 8)}.pn\:min-w-9{min-width:calc(var(--pn-spacing) * 9)}.pn\:min-w-10{min-width:calc(var(--pn-spacing) * 10)}.pn\:flex-1{flex:1}.pn\:shrink-0{flex-shrink:0}.pn\:origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.pn\:translate-x-\[-50\%\]{--pn-tw-translate-x:-50%;translate:var(--pn-tw-translate-x) var(--pn-tw-translate-y)}.pn\:-translate-y-1\/2,.pn\:translate-y-\[-50\%\]{--pn-tw-translate-y:-50%;translate:var(--pn-tw-translate-x) var(--pn-tw-translate-y)}.pn\:translate-y-\[calc\(-50\%_-_2px\)\]{--pn-tw-translate-y:calc(-50% - 2px);translate:var(--pn-tw-translate-x) var(--pn-tw-translate-y)}.pn\:rotate-45{rotate:45deg}.pn\:animate-pulse{animation:var(--pn-animate-pulse)}.pn\:animate-spin{animation:var(--pn-animate-spin)}.pn\:appearance-none{appearance:none}.pn\:auto-rows-min{grid-auto-rows:min-content}.pn\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.pn\:grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.pn\:grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.pn\:flex-col{flex-direction:column}.pn\:flex-col-reverse{flex-direction:column-reverse}.pn\:place-content-center{place-content:center}.pn\:items-center{align-items:center}.pn\:items-start{align-items:flex-start}.pn\:justify-center{justify-content:center}.pn\:justify-items-start{justify-items:start}.pn\:gap-0{gap:0}.pn\:gap-1{gap:var(--pn-spacing)}.pn\:gap-1\.5{gap:calc(var(--pn-spacing) * 1.5)}.pn\:gap-2{gap:calc(var(--pn-spacing) * 2)}.pn\:gap-4{gap:calc(var(--pn-spacing) * 4)}.pn\:gap-6{gap:calc(var(--pn-spacing) * 6)}.pn\:gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--pn-spacing) * var(--gap))}.pn\:gap-x-\[min\(var\(--pn-grid-gap\)\,calc\(100\%\/24\)\)\]{column-gap:min(var(--pn-grid-gap),calc(100% / 24))}:where(.pn\:-space-x-2>:not(:last-child)){--pn-tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--pn-spacing) * -2) * var(--pn-tw-space-x-reverse));margin-inline-end:calc(calc(var(--pn-spacing) * -2) * calc(1 - var(--pn-tw-space-x-reverse)))}.pn\:gap-y-0\.5{row-gap:calc(var(--pn-spacing) * .5)}.pn\:gap-y-\[var\(--pn-grid-gap\)\]{row-gap:var(--pn-grid-gap)}.pn\:self-start{align-self:flex-start}.pn\:justify-self-end{justify-self:flex-end}.pn\:overflow-hidden{overflow:hidden}.pn\:rounded-\[2px\]{border-radius:2px}.pn\:rounded-\[4px\]{border-radius:4px}.pn\:rounded-full{border-radius:2147483647px}.pn\:rounded-lg{border-radius:var(--pn-radius-panel)}.pn\:rounded-md{border-radius:var(--pn-radius-control)}.pn\:rounded-xl{border-radius:var(--pn-radius-panel)}.pn\:rounded-xs{border-radius:var(--pn-radius-xs)}.pn\:border{border-style:var(--pn-tw-border-style);border-width:1px}.pn\:border-border{border-color:var(--pn-border)}.pn\:border-input{border-color:var(--pn-input-border)}.pn\:border-transparent{border-color:#0000}.pn\:bg-\[Canvas\]{background-color:canvas}.pn\:bg-accent{background-color:var(--pn-raised)}.pn\:bg-background{background-color:var(--pn-bg)}.pn\:bg-black\/50{background-color:var(--pn-color-black)}@supports (color:color-mix(in lab,red,red)){.pn\:bg-black\/50{background-color:color-mix(in oklab,var(--pn-color-black) 50%,transparent)}}.pn\:bg-border{background-color:var(--pn-border)}.pn\:bg-card{background-color:var(--pn-panel)}.pn\:bg-destructive{background-color:var(--pn-danger)}.pn\:bg-foreground{background-color:var(--pn-text)}.pn\:bg-muted{background-color:var(--pn-raised)}.pn\:bg-primary,.pn\:bg-primary\/20{background-color:var(--pn-accent)}@supports (color:color-mix(in lab,red,red)){.pn\:bg-primary\/20{background-color:color-mix(in oklab,var(--pn-accent) 20%,transparent)}}.pn\:bg-secondary{background-color:var(--pn-raised)}.pn\:bg-transparent{background-color:#0000}.pn\:fill-foreground{fill:var(--pn-text)}.pn\:p-6{padding:calc(var(--pn-spacing) * 6)}.pn\:p-\[3px\]{padding:3px}.pn\:px-1\.5{padding-inline:calc(var(--pn-spacing) * 1.5)}.pn\:px-2{padding-inline:calc(var(--pn-spacing) * 2)}.pn\:px-2\.5{padding-inline:calc(var(--pn-spacing) * 2.5)}.pn\:px-3{padding-inline:calc(var(--pn-spacing) * 3)}.pn\:px-4{padding-inline:calc(var(--pn-spacing) * 4)}.pn\:px-6{padding-inline:calc(var(--pn-spacing) * 6)}.pn\:py-0\.5{padding-block:calc(var(--pn-spacing) * .5)}.pn\:py-1{padding-block:var(--pn-spacing)}.pn\:py-1\.5{padding-block:calc(var(--pn-spacing) * 1.5)}.pn\:py-2{padding-block:calc(var(--pn-spacing) * 2)}.pn\:py-3{padding-block:calc(var(--pn-spacing) * 3)}.pn\:py-6{padding-block:calc(var(--pn-spacing) * 6)}.pn\:pr-9{padding-right:calc(var(--pn-spacing) * 9)}.pn\:text-center{text-align:center}.pn\:text-base{font-size:var(--pn-text-base);line-height:var(--pn-tw-leading,var(--pn-text-base--line-height))}.pn\:text-lg{font-size:var(--pn-text-lg);line-height:var(--pn-tw-leading,var(--pn-text-lg--line-height))}.pn\:text-sm{font-size:var(--pn-text-sm);line-height:var(--pn-tw-leading,var(--pn-text-sm--line-height))}.pn\:text-xs{font-size:var(--pn-text-xs);line-height:var(--pn-tw-leading,var(--pn-text-xs--line-height))}.pn\:leading-none{--pn-tw-leading:1;line-height:1}.pn\:font-medium{--pn-tw-font-weight:var(--pn-font-weight-medium);font-weight:var(--pn-font-weight-medium)}.pn\:font-semibold{--pn-tw-font-weight:var(--pn-font-weight-semibold);font-weight:var(--pn-font-weight-semibold)}.pn\:tracking-tight{--pn-tw-tracking:var(--pn-tracking-tight);letter-spacing:var(--pn-tracking-tight)}.pn\:text-balance{text-wrap:balance}.pn\:whitespace-nowrap{white-space:nowrap}.pn\:text-\[CanvasText\]{color:canvastext}.pn\:text-background{color:var(--pn-bg)}.pn\:text-card-foreground{color:var(--pn-text)}.pn\:text-current{color:currentColor}.pn\:text-destructive{color:var(--pn-danger)}.pn\:text-foreground,.pn\:text-foreground\/60{color:var(--pn-text)}@supports (color:color-mix(in lab,red,red)){.pn\:text-foreground\/60{color:color-mix(in oklab,var(--pn-text) 60%,transparent)}}.pn\:text-muted-foreground{color:var(--pn-muted)}.pn\:text-primary{color:var(--pn-accent)}.pn\:text-primary-foreground{color:var(--pn-accent-text)}.pn\:text-secondary-foreground{color:var(--pn-text)}.pn\:underline-offset-4{text-underline-offset:4px}.pn\:opacity-50{opacity:.5}.pn\:opacity-70{opacity:.7}.pn\:shadow-lg{--pn-tw-shadow:0 10px 15px -3px var(--pn-tw-shadow-color,#0000001a), 0 4px 6px -4px var(--pn-tw-shadow-color,#0000001a);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:shadow-sm{--pn-tw-shadow:0 1px 3px 0 var(--pn-tw-shadow-color,#0000001a), 0 1px 2px -1px var(--pn-tw-shadow-color,#0000001a);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:shadow-xs{--pn-tw-shadow:0 1px 2px 0 var(--pn-tw-shadow-color,#0000000d);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:ring-0{--pn-tw-ring-shadow:var(--pn-tw-ring-inset,) 0 0 0 calc(0px + var(--pn-tw-ring-offset-width)) var(--pn-tw-ring-color,currentcolor);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:ring-2{--pn-tw-ring-shadow:var(--pn-tw-ring-inset,) 0 0 0 calc(2px + var(--pn-tw-ring-offset-width)) var(--pn-tw-ring-color,currentcolor);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:ring-background{--pn-tw-ring-color:var(--pn-bg)}.pn\:ring-offset-background{--pn-tw-ring-offset-color:var(--pn-bg)}.pn\:transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--pn-tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--pn-tw-duration,var(--pn-default-transition-duration))}.pn\:transition-all{transition-property:all;transition-timing-function:var(--pn-tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--pn-tw-duration,var(--pn-default-transition-duration))}.pn\:transition-opacity{transition-property:opacity;transition-timing-function:var(--pn-tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--pn-tw-duration,var(--pn-default-transition-duration))}.pn\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--pn-tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--pn-tw-duration,var(--pn-default-transition-duration))}.pn\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--pn-tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--pn-tw-duration,var(--pn-default-transition-duration))}.pn\:transition-none{transition-property:none}.pn\:duration-200{--pn-tw-duration:.2s;transition-duration:.2s}.pn\:outline-none{--pn-tw-outline-style:none;outline-style:none}.pn\:select-none{-webkit-user-select:none;user-select:none}.pn\:group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.pn\:group\/avatar-group):has([data-size=lg]) *){width:calc(var(--pn-spacing) * 10);height:calc(var(--pn-spacing) * 10)}.pn\:group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.pn\:group\/avatar-group):has([data-size=sm]) *){width:calc(var(--pn-spacing) * 6);height:calc(var(--pn-spacing) * 6)}.pn\:group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.pn\:group)[data-disabled=true] *){pointer-events:none}.pn\:group-data-\[disabled\=true\]\:opacity-50:is(:where(.pn\:group)[data-disabled=true] *){opacity:.5}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *){height:calc(var(--pn-spacing) * 9)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){height:fit-content}.pn\:group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){width:100%}.pn\:group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){flex-direction:column}.pn\:group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.pn\:group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.pn\:group\/avatar)[data-size=default] *){width:calc(var(--pn-spacing) * 2.5);height:calc(var(--pn-spacing) * 2.5)}.pn\:group-data-\[size\=default\]\/switch\:size-4:is(:where(.pn\:group\/switch)[data-size=default] *){width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.pn\:group\/avatar)[data-size=lg] *){width:calc(var(--pn-spacing) * 3);height:calc(var(--pn-spacing) * 3)}.pn\:group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.pn\:group\/avatar)[data-size=sm] *){width:calc(var(--pn-spacing) * 2);height:calc(var(--pn-spacing) * 2)}.pn\:group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.pn\:group\/avatar)[data-size=sm] *){font-size:var(--pn-text-xs);line-height:var(--pn-tw-leading,var(--pn-text-xs--line-height))}.pn\:group-data-\[size\=sm\]\/switch\:size-3:is(:where(.pn\:group\/switch)[data-size=sm] *){width:calc(var(--pn-spacing) * 3);height:calc(var(--pn-spacing) * 3)}.pn\:group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *){background-color:#0000}.pn\:peer-disabled\:cursor-not-allowed:is(:where(.pn\:peer):disabled~*){cursor:not-allowed}.pn\:peer-disabled\:opacity-50:is(:where(.pn\:peer):disabled~*){opacity:.5}.pn\:selection\:bg-primary ::selection,.pn\:selection\:bg-primary::selection{background-color:var(--pn-accent)}.pn\:selection\:text-primary-foreground ::selection,.pn\:selection\:text-primary-foreground::selection{color:var(--pn-accent-text)}.pn\:file\:inline-flex::file-selector-button{display:inline-flex}.pn\:file\:h-7::file-selector-button{height:calc(var(--pn-spacing) * 7)}.pn\:file\:border-0::file-selector-button{border-style:var(--pn-tw-border-style);border-width:0}.pn\:file\:bg-transparent::file-selector-button{background-color:#0000}.pn\:file\:text-sm::file-selector-button{font-size:var(--pn-text-sm);line-height:var(--pn-tw-leading,var(--pn-text-sm--line-height))}.pn\:file\:font-medium::file-selector-button{--pn-tw-font-weight:var(--pn-font-weight-medium);font-weight:var(--pn-font-weight-medium)}.pn\:file\:text-foreground::file-selector-button{color:var(--pn-text)}.pn\:placeholder\:text-muted-foreground::placeholder{color:var(--pn-muted)}.pn\:after\:absolute:after{content:var(--pn-tw-content);position:absolute}.pn\:after\:bg-foreground:after{content:var(--pn-tw-content);background-color:var(--pn-text)}.pn\:after\:opacity-0:after{content:var(--pn-tw-content);opacity:0}.pn\:after\:transition-opacity:after{content:var(--pn-tw-content);transition-property:opacity;transition-timing-function:var(--pn-tw-ease,var(--pn-default-transition-timing-function));transition-duration:var(--pn-tw-duration,var(--pn-default-transition-duration))}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--pn-tw-content);inset-inline:0}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--pn-tw-content);bottom:-5px}.pn\:group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.pn\:group\/tabs)[data-orientation=horizontal] *):after{content:var(--pn-tw-content);height:calc(var(--pn-spacing) * .5)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--pn-tw-content);inset-block:0}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--pn-tw-content);right:calc(var(--pn-spacing) * -1)}.pn\:group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.pn\:group\/tabs)[data-orientation=vertical] *):after{content:var(--pn-tw-content);width:calc(var(--pn-spacing) * .5)}@media (hover:hover){.pn\:hover\:bg-accent:hover{background-color:var(--pn-raised)}.pn\:hover\:bg-destructive\/90:hover{background-color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){.pn\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--pn-danger) 90%,transparent)}}.pn\:hover\:bg-muted:hover{background-color:var(--pn-raised)}.pn\:hover\:bg-primary\/90:hover{background-color:var(--pn-accent)}@supports (color:color-mix(in lab,red,red)){.pn\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--pn-accent) 90%,transparent)}}.pn\:hover\:bg-secondary\/80:hover{background-color:var(--pn-raised)}@supports (color:color-mix(in lab,red,red)){.pn\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--pn-raised) 80%,transparent)}}.pn\:hover\:text-accent-foreground:hover,.pn\:hover\:text-foreground:hover{color:var(--pn-text)}.pn\:hover\:text-muted-foreground:hover{color:var(--pn-muted)}.pn\:hover\:underline:hover{text-decoration-line:underline}.pn\:hover\:opacity-100:hover{opacity:1}}.pn\:focus\:z-10:focus{z-index:10}.pn\:focus\:ring-2:focus{--pn-tw-ring-shadow:var(--pn-tw-ring-inset,) 0 0 0 calc(2px + var(--pn-tw-ring-offset-width)) var(--pn-tw-ring-color,currentcolor);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:focus\:ring-ring:focus{--pn-tw-ring-color:var(--pn-focus)}.pn\:focus\:ring-offset-2:focus{--pn-tw-ring-offset-width:2px;--pn-tw-ring-offset-shadow:var(--pn-tw-ring-inset,) 0 0 0 var(--pn-tw-ring-offset-width) var(--pn-tw-ring-offset-color)}.pn\:focus\:outline-hidden:focus{--pn-tw-outline-style:none;outline-style:none}@media (forced-colors:active){.pn\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.pn\:focus-visible\:z-10:focus-visible{z-index:10}.pn\:focus-visible\:border-ring:focus-visible{border-color:var(--pn-focus)}.pn\:focus-visible\:ring-\[3px\]:focus-visible{--pn-tw-ring-shadow:var(--pn-tw-ring-inset,) 0 0 0 calc(3px + var(--pn-tw-ring-offset-width)) var(--pn-tw-ring-color,currentcolor);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:focus-visible\:ring-destructive\/20:focus-visible{--pn-tw-ring-color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){.pn\:focus-visible\:ring-destructive\/20:focus-visible{--pn-tw-ring-color:color-mix(in oklab, var(--pn-danger) 20%, transparent)}}.pn\:focus-visible\:ring-ring\/50:focus-visible{--pn-tw-ring-color:var(--pn-focus)}@supports (color:color-mix(in lab,red,red)){.pn\:focus-visible\:ring-ring\/50:focus-visible{--pn-tw-ring-color:color-mix(in oklab, var(--pn-focus) 50%, transparent)}}.pn\:focus-visible\:outline-1:focus-visible{outline-style:var(--pn-tw-outline-style);outline-width:1px}.pn\:focus-visible\:outline-ring:focus-visible{outline-color:var(--pn-focus)}.pn\:disabled\:pointer-events-none:disabled{pointer-events:none}.pn\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.pn\:disabled\:opacity-50:disabled{opacity:.5}.pn\:has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.pn\:has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.pn\:has-\[\>svg\]\:grid-cols-\[calc\(var\(--pn-spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--pn-spacing) * 4) 1fr}.pn\:has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--pn-spacing) * 1.5)}.pn\:has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--pn-spacing) * 2.5)}.pn\:has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--pn-spacing) * 3)}.pn\:has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--pn-spacing) * 4)}.pn\:aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--pn-danger)}.pn\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--pn-tw-ring-color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){.pn\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--pn-tw-ring-color:color-mix(in oklab, var(--pn-danger) 20%, transparent)}}.pn\:data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.pn\:data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.pn\:data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.pn\:data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.pn\:data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.pn\:data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.pn\:data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--pn-spacing) * 8)}.pn\:data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--pn-spacing) * 10);height:calc(var(--pn-spacing) * 10)}.pn\:data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--pn-spacing) * 6);height:calc(var(--pn-spacing) * 6)}.pn\:data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--pn-spacing) * 3.5)}.pn\:data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--pn-spacing) * 8)}.pn\:data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--pn-spacing) * 6)}.pn\:data-\[size\=sm\]\:py-1[data-size=sm]{padding-block:var(--pn-spacing)}:is(.pn\:\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){:is(.pn\:\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--pn-danger) 90%,transparent)}}:is(.pn\:\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--pn-tw-ring-shadow:var(--pn-tw-ring-inset,) 0 0 0 calc(2px + var(--pn-tw-ring-offset-width)) var(--pn-tw-ring-color,currentcolor);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}:is(.pn\:\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--pn-tw-ring-color:var(--pn-bg)}.pn\:data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{border-radius:0}.pn\:data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{--pn-tw-shadow:0 0 #0000;box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:var(--pn-radius-control);border-bottom-left-radius:var(--pn-radius-control)}.pn\:data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:var(--pn-radius-control);border-bottom-right-radius:var(--pn-radius-control)}.pn\:data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--pn-bg)}.pn\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--pn-text)}.pn\:group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.pn\:group\/tabs-list)[data-variant=default] *)[data-state=active]{--pn-tw-shadow:0 1px 3px 0 var(--pn-tw-shadow-color,#0000001a), 0 1px 2px -1px var(--pn-tw-shadow-color,#0000001a);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-state=active]{--pn-tw-shadow:0 0 #0000;box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}.pn\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--pn-tw-content);opacity:1}.pn\:data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--pn-tw-translate-x:calc(100% - 2px);translate:var(--pn-tw-translate-x) var(--pn-tw-translate-y)}.pn\:data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--pn-accent)}.pn\:data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--pn-accent)}.pn\:data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--pn-accent-text)}.pn\:data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--pn-raised)}.pn\:data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--pn-text)}.pn\:data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--pn-raised)}.pn\:data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--pn-muted)}.pn\:data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--pn-tw-translate-x:0px;translate:var(--pn-tw-translate-x) var(--pn-tw-translate-y)}.pn\:data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--pn-input-border)}.pn\:data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.pn\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--pn-tw-border-style);border-left-width:0}.pn\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--pn-tw-border-style);border-left-width:1px}.pn\:data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{--pn-tw-shadow:0 1px 2px 0 var(--pn-tw-shadow-color,#0000000d);box-shadow:var(--pn-tw-inset-shadow),var(--pn-tw-inset-ring-shadow),var(--pn-tw-ring-offset-shadow),var(--pn-tw-ring-shadow),var(--pn-tw-shadow)}@media (width>=40rem){.pn\:sm\:max-w-lg{max-width:var(--pn-container-lg)}.pn\:sm\:flex-row{flex-direction:row}.pn\:sm\:justify-end{justify-content:flex-end}.pn\:sm\:text-left{text-align:left}}@media (width>=48rem){.pn\:md\:text-sm{font-size:var(--pn-text-sm);line-height:var(--pn-tw-leading,var(--pn-text-sm--line-height))}}@container pn-grid (width>=640px){.pn\:\@min-\[640px\]\/pn-grid\:col-span-\[var\(--pn-span-tablet\)\]{grid-column:span var(--pn-span-tablet) / span var(--pn-span-tablet)}}@container pn-grid (width>=1024px){.pn\:\@min-\[1024px\]\/pn-grid\:col-span-\[var\(--pn-span-desktop\)\]{grid-column:span var(--pn-span-desktop) / span var(--pn-span-desktop)}}@media (prefers-color-scheme:dark){.pn\:dark\:border-input{border-color:var(--pn-input-border)}.pn\:dark\:bg-destructive\/60{background-color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:bg-destructive\/60{background-color:color-mix(in oklab,var(--pn-danger) 60%,transparent)}}.pn\:dark\:bg-input\/30{background-color:var(--pn-input-border)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:bg-input\/30{background-color:color-mix(in oklab,var(--pn-input-border) 30%,transparent)}}.pn\:dark\:text-muted-foreground{color:var(--pn-muted)}@media (hover:hover){.pn\:dark\:hover\:bg-accent\/50:hover{background-color:var(--pn-raised)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--pn-raised) 50%,transparent)}}.pn\:dark\:hover\:bg-input\/50:hover{background-color:var(--pn-input-border)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab,var(--pn-input-border) 50%,transparent)}}.pn\:dark\:hover\:text-foreground:hover{color:var(--pn-text)}}.pn\:dark\:focus-visible\:ring-destructive\/40:focus-visible{--pn-tw-ring-color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:focus-visible\:ring-destructive\/40:focus-visible{--pn-tw-ring-color:color-mix(in oklab, var(--pn-danger) 40%, transparent)}}.pn\:dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--pn-tw-ring-color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--pn-tw-ring-color:color-mix(in oklab, var(--pn-danger) 40%, transparent)}}.pn\:dark\:data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--pn-input-border)}.pn\:dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:var(--pn-input-border)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:color-mix(in oklab,var(--pn-input-border) 30%,transparent)}}.pn\:dark\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--pn-text)}.pn\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.pn\:dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.pn\:group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.pn\:dark\:data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--pn-accent)}.pn\:dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--pn-accent-text)}.pn\:dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--pn-text)}.pn\:dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--pn-input-border)}@supports (color:color-mix(in lab,red,red)){.pn\:dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab,var(--pn-input-border) 80%,transparent)}}}.pn\:\[\&_p\]\:leading-relaxed p{--pn-tw-leading:var(--pn-leading-relaxed);line-height:var(--pn-leading-relaxed)}.pn\:\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.pn\:\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.pn\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--pn-spacing) * 3);height:calc(var(--pn-spacing) * 3)}.pn\:\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--pn-spacing) * 6)}.pn\:\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--pn-spacing) * 6)}.pn\:\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.pn\:\[\&\>svg\]\:size-3>svg{width:calc(var(--pn-spacing) * 3);height:calc(var(--pn-spacing) * 3)}.pn\:\[\&\>svg\]\:size-4>svg{width:calc(var(--pn-spacing) * 4);height:calc(var(--pn-spacing) * 4)}.pn\:\[\&\>svg\]\:translate-y-0\.5>svg{--pn-tw-translate-y:calc(var(--pn-spacing) * .5);translate:var(--pn-tw-translate-x) var(--pn-tw-translate-y)}.pn\:\[\&\>svg\]\:text-current>svg{color:currentColor}.pn\:group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.pn\:group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--pn-spacing) * 5);height:calc(var(--pn-spacing) * 5)}.pn\:group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.pn\:group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--pn-spacing) * 3);height:calc(var(--pn-spacing) * 3)}.pn\:group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.pn\:group\/avatar)[data-size=default] *)>svg,.pn\:group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.pn\:group\/avatar)[data-size=lg] *)>svg{width:calc(var(--pn-spacing) * 2);height:calc(var(--pn-spacing) * 2)}.pn\:group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.pn\:group\/avatar)[data-size=sm] *)>svg{display:none}@media (hover:hover){a.pn\:\[a\&\]\:hover\:bg-accent:hover{background-color:var(--pn-raised)}a.pn\:\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--pn-danger)}@supports (color:color-mix(in lab,red,red)){a.pn\:\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--pn-danger) 90%,transparent)}}a.pn\:\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--pn-accent)}@supports (color:color-mix(in lab,red,red)){a.pn\:\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--pn-accent) 90%,transparent)}}a.pn\:\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--pn-raised)}@supports (color:color-mix(in lab,red,red)){a.pn\:\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--pn-raised) 90%,transparent)}}a.pn\:\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--pn-text)}a.pn\:\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}@font-face{font-family:"PlayNext Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/exo-2-cyrillic-ext-variable.Duf7tWJ7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"PlayNext Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/exo-2-cyrillic-variable.DINSYtDx.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"PlayNext Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/exo-2-vietnamese-variable.DlPkZmYr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"PlayNext Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/exo-2-latin-ext-variable.B5pmZ151.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"PlayNext Exo 2";font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/exo-2-latin-variable.CQ1lLIdm.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.pn-ui{--pn-bg:#160e20;--pn-panel:#2a1c36;--pn-raised:#3b294a;--pn-text:#f7f3fa;--pn-muted:#c4b5d1;--pn-accent:#caff57;--pn-accent-text:#1c2410;--pn-success:#86dfb5;--pn-warning:#f0cc82;--pn-danger:#ff9ca7;--pn-info:#a5cfff;--pn-border:#624b76;--pn-input-border:#9982ad;--pn-focus:var(--pn-accent);--pn-accent-hover:#d9ff8e;--pn-secondary-hover:#4b355e;--pn-accent-soft:#caff5712;--pn-success-soft:#86dfb512;--pn-warning-soft:#f0cc8212;--pn-danger-soft:#ff9ca712;--pn-danger-border:#ff9ca770;--pn-danger-hover:#ff9ca725;--pn-info-soft:#a5cfff12;--pn-backdrop:#110919cc;--pn-avatar-plum:#5b4468;--pn-avatar-blue:#334f69;--pn-avatar-rose:#714853;--pn-avatar-green:#3d6051;--pn-radius-control:8px;--pn-radius-panel:12px;--pn-radius-dialog:16px;--pn-space-1:4px;--pn-space-2:8px;--pn-space-3:12px;--pn-space-4:16px;--pn-space-6:24px;--pn-space-8:32px;--pn-font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pn-font-heading:"PlayNext Exo 2", var(--pn-font-body);--pn-duration:.15s;--pn-shadow:0 16px 48px #0c061966;--pn-soft-surface:linear-gradient(135deg, #30203f, #24192f);--pn-soft-border:linear-gradient(135deg, #826599, #4c365f 48%, #382743);--pn-rich-surface:linear-gradient(125deg, #3b2550, #30203f 48%, #482c5d);--pn-rich-border:linear-gradient(125deg, #caff57, #b58bda 24%, #65487b 62%, #b58bda);--pn-soft-shadow:0 6px 18px #0c06192e;--pn-rich-shadow:0 10px 28px #0c06194d;--pn-canvas:radial-gradient(ellipse at 85% 0%, #392345 0, transparent 650px), linear-gradient(155deg, #20132c, var(--pn-bg) 75%);--pn-header-surface:linear-gradient(115deg, #291b37, #1d1329);--pn-header-height:72px;color-scheme:dark;color:var(--pn-text);background:var(--pn-canvas);font-family:var(--pn-font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.pn-ui *,.pn-ui :before,.pn-ui :after{box-sizing:border-box}.pn-ui :is(h1,h2,h3,h4,h5,h6,p){margin:0}.pn-ui :is(h1,h2,h3,h4,h5,h6,[data-slot=card-title],[data-slot=alert-title]){font-family:var(--pn-font-heading);font-weight:600}.pn-ui h1,.pn-ui .pn-screen-title{letter-spacing:-.015em;font-size:24px;font-weight:600;line-height:1.25}.pn-ui :is(h1,.pn-screen-title):before{content:"/" / "";color:var(--pn-accent);font-weight:600}.pn-ui h2{letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.35}.pn-ui h3{font-size:14px;font-weight:600;line-height:1.5}.pn-ui small{font-size:12px;line-height:1.5}.pn-ui strong{font-weight:600}.pn-ui button,.pn-ui input,.pn-ui select{font:inherit}.pn-ui button{cursor:pointer}.pn-ui svg{stroke-width:1.8px;flex-shrink:0;width:18px;height:18px}.pn-ui :is(button,input,select,a):focus-visible{outline:2px solid var(--pn-focus);outline-offset:3px}.pn-ui ::selection{background:var(--pn-accent);color:var(--pn-accent-text)}.pn-muted{color:var(--pn-muted)}.pn-error-text{color:var(--pn-danger)}.pn-row,.pn-between{align-items:center;gap:var(--pn-space-2);flex-wrap:wrap;display:flex}.pn-between{justify-content:space-between}.pn-stack{gap:var(--pn-space-4);flex-direction:column;min-width:0;display:flex}.pn-panel{box-shadow:none;border:1px solid var(--pn-border);border-radius:var(--pn-radius-panel);padding:var(--pn-space-6);background:var(--pn-panel);min-width:0}.pn-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.pn-panel-heading p{color:var(--pn-muted);margin-top:4px;font-size:12px}.pn-panel-number{color:var(--pn-muted);font-variant-numeric:tabular-nums;font-size:12px}.pn-divider{border:0;border-top:1px solid var(--pn-border);margin:8px 0}.pn-button{white-space:normal;height:auto;box-shadow:none;border-radius:var(--pn-radius-control);min-height:40px;transition:background-color var(--pn-duration),border-color var(--pn-duration);text-align:center;border:1px solid #0000;flex-shrink:1;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:600;line-height:1.4;display:inline-flex}.pn-button[data-variant=primary]{color:var(--pn-accent-text);background:var(--pn-accent)}.pn-button[data-variant=primary]:not(:disabled):hover,.pn-button[data-variant=primary][data-preview-state=hover]{background:var(--pn-accent-hover)}.pn-button[data-variant=secondary]{background:var(--pn-raised);border-color:var(--pn-input-border);color:var(--pn-text)}.pn-button[data-variant=secondary]:not(:disabled):hover{background:var(--pn-secondary-hover)}.pn-button[data-variant=ghost]{color:var(--pn-muted);background:0 0}.pn-button[data-variant=ghost]:not(:disabled):hover{background:var(--pn-raised);color:var(--pn-text)}.pn-button[data-variant=danger]{color:var(--pn-danger);background:var(--pn-danger-soft);border-color:var(--pn-danger-border)}.pn-button[data-variant=danger]:not(:disabled):hover{background:var(--pn-danger-hover)}.pn-button[data-size=small]{min-height:32px;padding:4px 10px;font-size:12px}.pn-button[data-size=icon]{flex-shrink:0;width:40px;padding:8px}.pn-button:disabled{opacity:.5;cursor:not-allowed}.pn-button[aria-busy=true]{opacity:.8;cursor:wait}.pn-button[data-preview-state=focus]{outline:2px solid var(--pn-focus);outline-offset:3px}.pn-input{border:1px solid var(--pn-input-border);border-radius:var(--pn-radius-control);width:100%;min-width:0;min-height:40px;color:var(--pn-text);background:var(--pn-bg);padding:8px 12px}.pn-input::placeholder{color:var(--pn-muted)}.pn-input[aria-invalid=true]{border-color:var(--pn-danger)}.pn-input:disabled{opacity:.5;cursor:not-allowed}.pn-field{flex-direction:column;gap:8px;min-width:0;display:flex}.pn-field>label{font-weight:500}.pn-check{cursor:pointer;align-items:center;gap:12px;min-height:40px;display:flex}.pn-check>label{cursor:pointer;align-items:center;min-height:40px;display:inline-flex}.pn-check:has(button:disabled){opacity:.5;cursor:not-allowed}.pn-checkbox{width:18px;height:18px;padding:0}.pn-switch{border:1px solid var(--pn-input-border);width:36px;height:22px;padding:0}.pn-switch [data-slot=switch-thumb]{background:var(--pn-text);width:16px;height:16px}.pn-switch[data-state=checked] [data-slot=switch-thumb]{background:var(--pn-accent-text)}.pn-tabs{min-width:0}.pn-tab-list{border-bottom:1px solid var(--pn-border);background:0 0;border-radius:0;flex-wrap:wrap;justify-content:flex-start;gap:4px;width:100%;height:auto;padding-bottom:8px;display:flex}.pn-tab-list>button{height:auto;min-height:40px;color:var(--pn-muted);background:0 0;border:0;border-radius:8px;flex:0 auto;align-items:center;gap:8px;padding:8px 14px;font-weight:500;display:inline-flex}.pn-tab-list>button:hover{background:var(--pn-raised);color:var(--pn-text)}.pn-tab-list>button[aria-selected=true]{background:var(--pn-raised);color:var(--pn-text);box-shadow:inset 0 -2px var(--pn-accent)}.pn-tab-panel{padding-top:24px}.pn-badge{width:fit-content;color:var(--pn-muted);background:var(--pn-raised);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.pn-badge svg{width:13px;height:13px}.pn-badge[data-tone=accent]{color:var(--pn-accent);background:var(--pn-accent-soft)}.pn-badge[data-tone=success]{color:var(--pn-success);background:var(--pn-success-soft)}.pn-badge[data-tone=warning]{color:var(--pn-warning);background:var(--pn-warning-soft)}.pn-badge[data-tone=danger]{color:var(--pn-danger);background:var(--pn-danger-soft)}.pn-badge[data-tone=info]{color:var(--pn-info);background:var(--pn-info-soft)}.pn-notice{background:var(--pn-raised);border-left:3px solid var(--pn-info);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.pn-notice>div{flex:1;min-width:min(100%,140px)}.pn-notice>svg{color:var(--pn-info)}.pn-notice[data-tone=success]{border-color:var(--pn-success)}.pn-notice[data-tone=success]>svg{color:var(--pn-success)}.pn-notice[data-tone=warning]{border-color:var(--pn-warning)}.pn-notice[data-tone=warning]>svg{color:var(--pn-warning)}.pn-notice[data-tone=danger]{border-color:var(--pn-danger)}.pn-notice[data-tone=danger]>svg{color:var(--pn-danger)}.pn-dialog{border:1px solid var(--pn-border);border-radius:var(--pn-radius-dialog);background:var(--pn-panel);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--pn-text);box-shadow:var(--pn-shadow);margin:0;padding:24px;overflow-y:auto}.pn-ui [data-slot=dialog-overlay]{background:var(--pn-backdrop)}.pn-dialog>.pn-between{flex-wrap:nowrap;align-items:flex-start;gap:12px}.pn-dialog>.pn-between>h2{align-self:center;min-width:0}.pn-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 8px;display:flex}.pn-empty p{color:var(--pn-muted);max-width:34ch}.pn-empty-icon{background:var(--pn-raised);color:var(--pn-muted);border-radius:12px;padding:12px}.pn-empty-icon svg{width:24px;height:24px}.pn-skeleton{gap:12px;display:grid}.pn-skeleton>div{height:120px}.pn-skeleton>:not(.pn-sr-only){background:var(--pn-raised);border-radius:8px}.pn-skeleton>.pn-skeleton-line{width:75%;height:14px;display:block}.pn-skeleton>:nth-child(3){width:45%}.pn-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pn-spin{animation:.9s linear infinite pn-spin}@keyframes pn-spin{to{transform:rotate(360deg)}}.pn-brand{flex-shrink:0;width:148px;max-width:100%;height:auto;display:block}.pn-avatar{background:var(--pn-avatar-plum);width:40px;height:40px;color:var(--pn-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:visible}.pn-avatar[data-tone="1"]{background:var(--pn-avatar-blue)}.pn-avatar[data-tone="2"]{background:var(--pn-avatar-rose)}.pn-avatar[data-tone="3"]{background:var(--pn-avatar-green)}.pn-avatar[data-small=true]{width:30px;height:30px;font-size:12px}.pn-presence{border:3px solid var(--pn-panel);background:var(--pn-muted);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:-1px}.pn-presence[data-connected=true]{background:var(--pn-success)}.pn-avatar-role{z-index:1;border:2px solid var(--pn-bg);background:var(--pn-raised);width:18px;height:18px;color:var(--pn-text);border-radius:50%;place-items:center;display:grid;position:absolute;right:-3px}.pn-avatar-role svg{width:12px;height:12px}.pn-avatar-host{color:var(--pn-warning);top:-5px}.pn-avatar-watcher{bottom:-3px}.pn-avatar-group{flex-shrink:0;align-items:center;gap:6px;padding:5px 4px 3px 0;display:flex}.pn-avatar-group .pn-avatar{outline:none;margin:0;overflow:visible}.pn-avatar-group>.pn-muted{margin-left:2px}.pn-party-heading{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.pn-party-heading>:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.pn-player-row{align-items:center;gap:12px;padding:14px 0;display:flex}.pn-player-row+.pn-player-row{border-top:1px solid var(--pn-border)}.pn-player-copy{flex:1;min-width:0}.pn-name{gap:6px}.pn-name strong{overflow-wrap:anywhere}.pn-player-copy>small{margin-top:3px;display:block}.pn-player-row>.pn-badge{flex-shrink:0}.pn-game-card{box-shadow:none;border:1px solid var(--pn-border);background:var(--pn-panel);border-radius:12px;gap:0;min-width:0;padding:0;display:block;overflow:hidden}.pn-game-card[data-selected=true]{border-color:var(--pn-accent);box-shadow:0 0 0 1px var(--pn-accent)}.pn-game-art{aspect-ratio:460/215;background:var(--pn-raised);overflow:hidden}.pn-game-art img{object-fit:cover;width:100%;height:100%;display:block}.pn-game-copy{flex-direction:column;gap:12px;padding:16px;display:flex}.pn-game-copy h3{overflow-wrap:anywhere;font-size:18px;line-height:1.35}.pn-game-copy>small{margin-bottom:-8px}.pn-game-copy>.pn-button{white-space:normal;height:auto;box-shadow:none;flex-shrink:1;width:100%;margin-top:4px}.pn-ownership{color:var(--pn-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.pn-ownership svg{width:14px;height:14px}.pn-game-row{grid-template-columns:120px minmax(0,1fr);display:grid}.pn-game-row .pn-game-art>div{height:100%;padding-bottom:0!important}.pn-game-row .pn-game-art{aspect-ratio:auto;height:100%}.pn-game-row .pn-game-copy h3{font-size:14px}.pn-game-row .pn-game-copy{gap:8px}.pn-game-row .pn-game-copy>small{margin-bottom:0}.pn-game-row .pn-game-copy>.pn-button{white-space:normal;height:auto;box-shadow:none;flex-shrink:1;align-self:flex-start;width:auto}.pn-art-fallback{height:100%;color:var(--pn-muted);text-align:center;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:12px;display:flex}.pn-countdown-border{background:var(--pn-border);pointer-events:none;inset-inline:0;height:2px;position:absolute;bottom:0;overflow:hidden}.pn-countdown-border>div{background:var(--pn-accent);transform-origin:0;height:100%}.pn-countdown-inline{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--pn-muted);flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pn-countdown-inline svg{width:14px;height:14px}.pn-timed-action{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.pn-countdown{gap:8px;display:grid}.pn-countdown [role=timer]{font-variant-numeric:tabular-nums;font-weight:600}.pn-countdown [data-slot=progress]{appearance:none;background:var(--pn-raised);width:100%;height:4px;accent-color:var(--pn-accent);border:0;border-radius:4px;overflow:hidden}.pn-result{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.pn-result .pn-game-art{border-radius:8px;width:100%}.pn-ui{container:pn-layout/inline-size}.pn-ui :where(button,input,select,textarea){border-style:solid}.pn-ui [data-slot=native-select-wrapper]{width:100%}.pn-avatar [data-slot=avatar-fallback]{color:inherit;background:0 0}.pn-questionnaire fieldset{border:0;min-width:0;margin:0;padding:0}.pn-questionnaire fieldset[hidden]{display:none}.pn-questionnaire legend{margin-bottom:8px;font-weight:600}.pn-questionnaire p{color:var(--pn-muted);margin-bottom:16px}.pn-questionnaire-choice{border:1px solid var(--pn-input-border);cursor:pointer;border-radius:8px;gap:12px;min-height:44px;padding:12px;display:flex}.pn-questionnaire-choice:has(input:checked){border-color:var(--pn-accent);background:var(--pn-accent-soft)}.pn-questionnaire-choice input{accent-color:var(--pn-accent)}.pn-questionnaire-choice>span:last-child{margin-left:auto}.pn-toaster{background:0 0}.pn-ui [data-slot=button],.pn-ui [data-slot=tabs-trigger],.pn-ui [data-slot=native-select],.pn-ui [data-slot=input]{min-height:40px}.pn-ui [data-slot=dialog-close]{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.pn-ui [data-slot]{transition-duration:var(--pn-duration)}@container pn-layout (width<=640px){.pn-panel{padding:16px}.pn-player-row{flex-wrap:wrap;gap:8px}.pn-player-row>.pn-badge{margin-left:48px}.pn-player-copy{flex-basis:calc(100% - 52px)}.pn-game-row{grid-template-columns:80px minmax(0,1fr)}}@media (pointer:coarse){.pn-check,.pn-check>label{min-width:44px;min-height:44px}.pn-button,.pn-button[data-size=small],.pn-input,.pn-tab-list>button,.pn-check{min-height:44px}.pn-button[data-size=icon]{width:44px}.pn-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.pn-ui *,.pn-ui :before,.pn-ui :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (pointer:coarse){.pn-ui [data-slot=button],.pn-ui [data-slot=tabs-trigger],.pn-ui [data-slot=native-select],.pn-ui [data-slot=input],.pn-ui [data-slot=dialog-close]{min-height:44px}}.pn-ui [hidden]:not([hidden=until-found]){display:none!important}.pn-matchup{--pn-matchup-gap:28px;gap:var(--pn-matchup-gap);isolation:isolate;padding:32px 48px;position:relative}.pn-contender{transform-origin:50% 65%;min-width:0}.pn-contender .pn-game-card{flex-direction:column;height:100%;display:flex}.pn-contender .pn-game-copy{flex:1}.pn-contender .pn-game-copy>.pn-button{margin-top:auto}.pn-contender[data-outcome=winner]{z-index:2}.pn-matchup[data-phase=entering] .pn-contender{opacity:0}.pn-matchup[data-phase=ready] .pn-game-card{transition:transform .2s,border-color .15s}@media (hover:hover){.pn-matchup[data-phase=ready] .pn-game-card:hover{transform:translateY(-5px)}}.pn-matchup-vs{z-index:3;border:1px solid var(--pn-border);background:var(--pn-bg);width:38px;height:38px;color:var(--pn-muted);pointer-events:none;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)}.pn-matchup[data-phase=charging] .pn-matchup-vs{color:var(--pn-accent);border-color:var(--pn-accent)}.pn-matchup:is([data-phase=impact],[data-phase=settled]) .pn-matchup-vs{visibility:hidden}.pn-matchup-impact{opacity:0;z-index:4;pointer-events:none;width:64px;height:64px;position:absolute;top:28%;left:50%}.pn-matchup-impact i{background:var(--pn-accent);border-radius:4px;width:4px;height:24px;position:absolute}.pn-matchup-impact i:first-child{top:0;left:10px;transform:rotate(-38deg)}.pn-matchup-impact i:nth-child(2){top:0;right:10px;transform:rotate(38deg)}.pn-matchup-impact i:nth-child(3){bottom:0;left:10px;transform:rotate(38deg)}.pn-matchup-impact i:nth-child(4){bottom:0;right:10px;transform:rotate(-38deg)}.pn-matchup[data-phase=settled] .pn-contender[data-outcome=loser]{visibility:hidden}@container pn-layout (width<=640px){.pn-matchup{--pn-matchup-gap:12px;padding:28px 24px}.pn-contender .pn-game-copy{gap:10px;padding:12px}.pn-contender .pn-game-copy h3{font-size:14px}.pn-contender .pn-game-copy>.pn-button{padding-inline:8px}.pn-contender .pn-game-copy>.pn-button>svg{display:none}.pn-contender .pn-art-fallback{flex-direction:column;gap:4px;padding:8px}.pn-matchup-vs{width:28px;height:28px;font-size:10px}}@media (prefers-reduced-motion:reduce){.pn-matchup .pn-contender{opacity:1}.pn-matchup .pn-game-card:hover{transform:none}}.pn-game-banner{background:var(--pn-panel);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.pn-game-banner>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pn-banner-art{background:var(--pn-raised);height:26px;color:var(--pn-muted);border-radius:4px;flex:0 0 48px;place-items:center;display:grid;overflow:hidden}.pn-banner-art img{object-fit:cover;width:100%;height:100%}.pn-banner-art svg{width:14px;height:14px}.pn-game-banner[data-placeholder=true]{color:var(--pn-muted);background:0 0}.pn-game-banner[data-outcome=winner]{background:var(--pn-accent-soft);color:var(--pn-accent)}.pn-game-banner[data-outcome=eliminated]{opacity:.5}.pn-bracket-round{flex-direction:column;min-width:0;display:flex}.pn-bracket-round>h3{color:var(--pn-muted);margin-bottom:20px;font-size:12px;font-weight:500}.pn-bracket-tree{flex:1;display:flex;position:relative}.pn-bracket-matches{flex:1;grid-auto-rows:1fr;align-items:center;margin:0;padding:0;list-style:none;display:grid}.pn-bracket .pn-bracket-connectors{width:min(var(--pn-grid-gap),calc(100cqi / 24));pointer-events:none;height:100%;position:absolute;top:0;left:100%;overflow:visible}.pn-bracket-connectors path{fill:none;stroke:var(--pn-border);stroke-width:1px;vector-effect:non-scaling-stroke}.pn-bracket-match{border:1px solid var(--pn-border);border-radius:10px;gap:3px;margin-block:8px;padding:3px;display:grid;position:relative}.pn-bracket-match[data-active=true]{border-color:var(--pn-accent)}.pn-bracket-match .pn-game-banner{padding:8px}.pn-vote-standings{gap:20px;margin:0;padding:0;list-style:none;display:grid}.pn-standing-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pn-standing-heading>.pn-game-banner{background:0 0;flex:1;padding:0}.pn-standing-heading>span{flex-shrink:0;font-size:12px}.pn-standing-track{background:var(--pn-raised);border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.pn-standing-track>span{border-radius:inherit;background:var(--pn-muted);height:100%;transition:width .25s;display:block}.pn-vote-standings>[data-leading=true] .pn-standing-track>span{background:var(--pn-accent)}.pn-matchup-backdrop{z-index:10;background:var(--pn-backdrop);backdrop-filter:blur(3px);animation:.22s ease-out pn-matchup-dim;position:absolute;inset:0}.pn-matchup-overlay{z-index:11;outline:none;width:100%;padding:28px 0;position:absolute;top:0;left:0}.pn-matchup-overlay-heading{align-items:flex-start;padding-inline:24px}.pn-matchup-overlay-heading>.pn-between{width:100%}.pn-matchup-overlay-heading h2{outline:none;font-size:24px;font-weight:600}.pn-matchup-overlay .pn-matchup{overflow:visible}.pn-matchup-overlay>.pn-matchup-actions,.pn-matchup-overlay>.pn-matchup-feedback{margin-inline:24px}@keyframes pn-matchup-dim{0%{opacity:0}to{opacity:1}}@container pn-layout (width<=640px){.pn-bracket-round>h3{margin-bottom:12px}.pn-bracket-match{margin-block:6px}.pn-bracket .pn-bracket-connectors{display:none}.pn-matchup-overlay-heading{padding-inline:12px}.pn-matchup-overlay-heading h2{font-size:18px}.pn-matchup-overlay>.pn-matchup-actions,.pn-matchup-overlay>.pn-matchup-feedback{margin-inline:12px}}.pn-ui .pn-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pn-ui .pn-pill{border:1px solid var(--pn-accent);align-items:center;gap:8px;width:fit-content;padding:4px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.pn-ui .pn-pill{border:1px solid color-mix(in srgb,var(--pn-accent) 28%,transparent)}}.pn-ui .pn-pill{background:var(--pn-accent-soft);color:var(--pn-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;font-size:11px;font-weight:600;text-decoration:none}.pn-ui a.pn-pill{transition:border-color var(--pn-duration),background-color var(--pn-duration)}.pn-ui a.pn-pill:hover{border-color:var(--pn-accent);background:var(--pn-accent)}@supports (color:color-mix(in lab,red,red)){.pn-ui a.pn-pill:hover{background:color-mix(in srgb,var(--pn-accent) 22%,transparent)}}.pn-ui .pn-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.pn-ui .pn-catalog-grid[data-compact]{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.pn-ui .pn-catalog-card{border-radius:16px;flex-direction:column;padding:0;transition:transform .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden}.pn-ui .pn-catalog-card:is(:hover,:focus-within){background:var(--pn-rich-surface) padding-box,var(--pn-rich-border) border-box;box-shadow:var(--pn-rich-shadow);transform:translateY(-4px)}.pn-ui .pn-catalog-card:has(h3 a:focus-visible){outline:2px solid var(--pn-focus);outline-offset:3px}.pn-ui .pn-catalog-card h3 a{color:inherit;transition:color var(--pn-duration);text-decoration:none}.pn-ui .pn-catalog-card h3 a:focus-visible{outline:none}.pn-ui .pn-catalog-card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.pn-ui .pn-catalog-card:hover h3 a{color:var(--pn-accent)}.pn-ui .pn-catalog-card-media{aspect-ratio:16/9;background:var(--pn-raised);position:relative;overflow:hidden}.pn-ui .pn-catalog-card-media:after{content:"";background:linear-gradient(#0000,#24192f99);position:absolute;inset:50% 0 0}.pn-ui .pn-catalog-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s ease-out;display:block}.pn-ui .pn-catalog-card:hover img{transform:scale(1.05)}.pn-ui .pn-catalog-card-copy{flex-direction:column;flex:1;align-items:flex-start;padding:20px 24px 24px;display:flex}.pn-ui .pn-catalog-card-copy .pn-pill{margin-bottom:14px}.pn-ui .pn-catalog-card h3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:19px;line-height:1.35;display:-webkit-box;overflow:hidden}.pn-ui .pn-catalog-card-copy>p:not(.pn-pill){color:var(--pn-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 20px;line-height:1.65;display:-webkit-box;overflow:hidden}.pn-ui .pn-catalog-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:12px;display:flex}.pn-ui .pn-catalog-card[data-selected]{background:var(--pn-rich-surface) padding-box,var(--pn-rich-border) border-box;box-shadow:var(--pn-rich-shadow);outline:2px solid var(--pn-accent);outline-offset:2px}.pn-ui [data-compact] .pn-catalog-card{border-radius:12px}.pn-ui [data-compact] .pn-catalog-card-copy{padding:12px 14px 14px}.pn-ui [data-compact] .pn-catalog-card h3{-webkit-line-clamp:2;line-clamp:2;font-size:15px}.pn-ui [data-compact] .pn-catalog-card-copy>p:not(.pn-pill){-webkit-line-clamp:2;line-clamp:2;margin:6px 0 10px;font-size:13px;line-height:1.5}.pn-ui .pn-game-stats{border-top:1px solid var(--pn-border);width:100%;color:var(--pn-muted);font-variant-numeric:tabular-nums;gap:12px;margin-top:auto;padding-top:12px;font-size:13px;font-weight:600;display:flex}.pn-ui .pn-game-stat{white-space:nowrap;flex:none;align-items:center;gap:5px;display:inline-flex}.pn-ui .pn-game-stat svg{width:14px;height:14px}.pn-ui .pn-game-stat[data-tone=great]{color:var(--pn-accent)}.pn-ui .pn-game-stat-price{color:var(--pn-text);margin-left:auto}.pn-ui .pn-game-stat-live{background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #4ade8038}.pn-ui [data-compact] .pn-game-stats{gap:8px;padding-top:10px;font-size:11px}.pn-ui [data-compact] .pn-game-stat{gap:4px}.pn-ui [data-compact] .pn-game-stat svg{width:12px;height:12px}.pn-ui .pn-filters h2{color:var(--pn-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.pn-ui .pn-filters section+section{margin-top:28px}.pn-ui .pn-filters ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.pn-ui .pn-filters a{border-radius:var(--pn-radius-control);color:var(--pn-muted);transition:color var(--pn-duration),background-color var(--pn-duration);justify-content:space-between;gap:12px;padding:6px 10px;font-size:14px;text-decoration:none;display:flex}.pn-ui .pn-filters a:hover{background:var(--pn-raised);color:var(--pn-text)}.pn-ui .pn-filters a[aria-current]{background:var(--pn-accent)}@supports (color:color-mix(in lab,red,red)){.pn-ui .pn-filters a[aria-current]{background:color-mix(in srgb,var(--pn-accent) 14%,transparent)}}.pn-ui .pn-filters a[aria-current]{color:var(--pn-text);font-weight:600}.pn-ui .pn-filters-count{color:var(--pn-muted);font-variant-numeric:tabular-nums;font-size:12px}.pn-ui .pn-filters-more summary{color:var(--pn-accent);cursor:pointer;padding:6px 10px;font-size:14px}.pn-ui .pn-filters-toggle,.pn-ui .pn-filters-button{display:none}@media (width<=1100px){.pn-ui .pn-catalog-grid[data-compact]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.pn-ui .pn-catalog-grid{grid-template-columns:1fr;gap:16px}.pn-ui .pn-catalog-grid[data-compact]{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-ui [data-compact] .pn-catalog-card-copy{padding-inline:12px}.pn-ui [data-compact] .pn-game-stats{gap:6px}.pn-ui .pn-filters-toggle{display:block}.pn-ui .pn-filters-button{border:1px solid var(--pn-border);border-radius:var(--pn-radius-control);cursor:pointer;align-items:center;gap:6px;padding:10px 14px;font-weight:600;display:flex}.pn-ui .pn-filters-button:after{content:"▾";margin-left:auto}.pn-ui .pn-filters-button span{color:var(--pn-muted);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.pn-ui .pn-filters-toggle:focus-visible+.pn-filters-button{outline:2px solid var(--pn-focus);outline-offset:2px}.pn-ui .pn-filters-panel{margin-top:12px;display:none}.pn-ui .pn-filters-toggle:checked+.pn-filters-button+.pn-filters-panel{display:block}}@media (width<=480px){.pn-ui .pn-catalog-grid[data-compact]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pn-ui .pn-catalog-card,.pn-ui .pn-catalog-card img{transition:none}.pn-ui .pn-catalog-card:is(:hover,:focus-within),.pn-ui .pn-catalog-card:hover img{transform:none}}.pn-ui :is(.pn-panel,.pn-game-card,.pn-dialog,.pn-surface){background:var(--pn-soft-surface) padding-box,var(--pn-soft-border) border-box;box-shadow:var(--pn-soft-shadow);border:1px solid #0000}.pn-ui .pn-dialog{box-shadow:var(--pn-shadow)}.pn-ui :is([data-emphasis=attention],.pn-game-card[data-selected=true],.pn-result),.pn-ui .pn-contender[data-outcome=winner] .pn-game-card{background:var(--pn-rich-surface) padding-box,var(--pn-rich-border) border-box;box-shadow:var(--pn-rich-shadow);border-color:#0000}.pn-ui [data-sonner-toast][data-styled=true]{background:var(--pn-soft-surface) padding-box,var(--pn-soft-border) border-box;box-shadow:var(--pn-soft-shadow);color:var(--pn-text);border-color:#0000}@media (forced-colors:active){.pn-ui :is(.pn-panel,.pn-game-card,.pn-dialog,.pn-surface,[data-sonner-toast]){border-color:canvastext}.pn-ui :is([data-emphasis=attention],.pn-game-card[data-selected=true],.pn-result),.pn-ui .pn-contender[data-outcome=winner] .pn-game-card{border-color:highlight}}@property --pn-tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --pn-tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --pn-tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --pn-tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --pn-tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --pn-tw-leading{syntax:"*";inherits:false}@property --pn-tw-font-weight{syntax:"*";inherits:false}@property --pn-tw-tracking{syntax:"*";inherits:false}@property --pn-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --pn-tw-shadow-color{syntax:"*";inherits:false}@property --pn-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --pn-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --pn-tw-inset-shadow-color{syntax:"*";inherits:false}@property --pn-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --pn-tw-ring-color{syntax:"*";inherits:false}@property --pn-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --pn-tw-inset-ring-color{syntax:"*";inherits:false}@property --pn-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --pn-tw-ring-inset{syntax:"*";inherits:false}@property --pn-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --pn-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --pn-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --pn-tw-duration{syntax:"*";inherits:false}@property --pn-tw-content{syntax:"*";inherits:false;initial-value:""}@property --pn-tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes pn-library-spin{to{transform:rotate(360deg)}}@keyframes pn-library-pulse{50%{opacity:.5}}body{min-width:320px;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}.pn-website{min-height:100%}.shell{width:min(1200px,100% - 48px);margin-inline:auto}.pn-website :is(h1,h2,h3){overflow-wrap:anywhere}.pn-website h1{letter-spacing:-.025em;font-size:clamp(38px,5vw,66px);line-height:1.08}.pn-website h2{letter-spacing:-.015em;font-size:clamp(28px,3.2vw,42px);line-height:1.16}.pn-website h3{font-size:18px;line-height:1.4}.pn-website em{color:var(--pn-accent);font-style:normal}.pn-website :is(section,h1,h2,#main){scroll-margin-top:150px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--pn-accent);color:var(--pn-accent-text);border-radius:var(--pn-radius-control);padding:12px 16px;font-weight:600;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:20;background:var(--pn-header-surface);border-bottom:1px solid color-mix(in srgb, var(--pn-border) 55%, transparent);position:sticky;top:0}@supports (backdrop-filter:blur(1px)){.site-header{backdrop-filter:blur(14px)saturate(140%);background:#1d1329b8}}.nav{min-height:var(--pn-header-height);align-items:center;gap:16px;padding-block:12px;display:flex}.brand{flex:none;align-items:center;display:inline-flex}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;margin-left:auto;display:flex}.nav-links a{color:var(--pn-muted);transition:color var(--pn-duration);font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--pn-accent);transform-origin:0;border-radius:2px;height:2px;transition:transform .2s ease-out;position:absolute;inset:auto 0 -6px;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.nav-links a[aria-current=page],.nav-links a:hover,.footer-links a:hover,.footer-genres a:hover{color:var(--pn-text)}.nav>.pn-button{flex-shrink:0}.pn-website .pn-button{transition:background-color var(--pn-duration), border-color var(--pn-duration), transform .2s ease-out, box-shadow .2s ease-out}.pn-website .pn-button[data-variant=primary]{box-shadow:0 6px 20px color-mix(in srgb, var(--pn-accent) 18%, transparent)}.pn-website .pn-button[data-variant=primary]:hover{box-shadow:0 10px 28px color-mix(in srgb, var(--pn-accent) 30%, transparent);transform:translateY(-1px)}.language-picker{flex:none;position:relative}.language-picker summary{cursor:pointer;border-radius:var(--pn-radius-control);width:44px;min-height:44px;color:var(--pn-text);background:0 0;border:0;place-items:center;list-style:none;display:grid}.language-picker summary svg{width:20px;height:20px}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary:hover{background:var(--pn-secondary-hover)}.language-picker summary:focus-visible{outline:2px solid var(--pn-focus);outline-offset:3px}.language-menu{background:var(--pn-panel);border:1px solid var(--pn-border);border-radius:var(--pn-radius-panel);width:200px;max-height:min(70vh,530px);box-shadow:var(--pn-shadow);padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.language-picker[open] .language-menu{animation:.16s ease-out pn-pop-in}@keyframes pn-pop-in{0%{opacity:0;transform:translateY(-4px)}}.language-menu a{border-radius:var(--pn-radius-control);align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.language-menu a:hover{background:var(--pn-raised)}.language-menu a[aria-current=page]{background:var(--pn-accent-soft);color:var(--pn-accent)}.hero{isolation:isolate;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:clamp(56px,7vw,96px);display:grid;position:relative}.hero:before,.resource-page:before{content:"";z-index:-1;background:radial-gradient(35% 50% at 25% 30%, color-mix(in srgb, var(--pn-accent) 9%, transparent), transparent 70%), radial-gradient(35% 55% at 75% 35%, #b58bda26, transparent 70%);pointer-events:none;height:min(640px,100%);position:absolute;inset:0 -10% auto}.hero-copy{min-width:0}.pn-website :is(.eyebrow,.resource-type){border:1px solid color-mix(in srgb, var(--pn-accent) 28%, transparent);background:var(--pn-accent-soft);width:fit-content;color:var(--pn-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:600;display:flex}.pn-website a.resource-type{transition:border-color var(--pn-duration), background-color var(--pn-duration)}.pn-website a.resource-type:hover{border-color:var(--pn-accent);background:color-mix(in srgb, var(--pn-accent) 22%, transparent)}.pn-website .hero-lede{max-width:540px;color:var(--pn-muted);margin-top:24px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;display:flex}.text-link{align-items:center;gap:8px;padding-block:12px;font-weight:600;display:inline-flex}.text-link:hover,.text-link span{color:var(--pn-accent)}code{color:var(--pn-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.section{padding-block:clamp(56px,8vw,96px)}.section-intro{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.section-intro h2{max-width:680px}.steps{grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 0;padding:0;list-style:none;display:grid}.steps li{min-width:0;padding:28px;transition:transform .2s ease-out,box-shadow .2s ease-out;position:relative}.pn-ui .steps li:hover{background:var(--pn-rich-surface) padding-box, var(--pn-rich-border) border-box;box-shadow:var(--pn-rich-shadow);transform:translateY(-3px)}.step-number{color:#0000;font-family:var(--pn-font-heading);-webkit-text-stroke:1px var(--pn-border);font-size:44px;font-weight:700;line-height:1;position:absolute;top:20px;right:24px}.step-icon{width:48px;height:48px;color:var(--pn-accent);background:linear-gradient(135deg, color-mix(in srgb, var(--pn-accent) 22%, transparent), color-mix(in srgb, var(--pn-accent) 5%, transparent));border:1px solid color-mix(in srgb, var(--pn-accent) 30%, transparent);border-radius:14px;place-items:center;margin-block:0 20px;display:grid}.step-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.pn-website .steps p{color:var(--pn-muted);margin-top:12px;line-height:1.7}.pn-website .hero-detail,.pn-website .flow-detail{color:var(--pn-muted);margin-top:20px;font-size:14px;line-height:1.6}.flow{border-top:1px solid var(--pn-border)}.flow-detail{text-align:center}.voting{background:var(--pn-soft-surface);border-block:1px solid var(--pn-border)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px;display:grid}.feature-grid>*{min-width:0}.voting-modes{gap:24px;margin-top:32px;display:grid}.voting-modes article{border-left:3px solid var(--pn-accent);border-radius:0 var(--pn-radius-panel) var(--pn-radius-panel) 0;background:color-mix(in srgb, var(--pn-raised) 45%, transparent);padding:18px 22px}.pn-website .voting-modes p,.pn-website .feature-detail{color:var(--pn-muted);margin-top:12px;font-size:16px;line-height:1.7}.pn-website .feature-detail{margin-top:24px}.session-preview{width:100%;min-width:0;box-shadow:var(--pn-shadow);margin:0;padding:24px}.preview-heading,.preview-footer,.preview-library-detail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-label,.preview-footer{color:var(--pn-muted);font-size:12px}.voting-preview h3{margin-top:16px}.preview-matchup{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px;display:grid;position:relative}.preview-contender{border:1px solid var(--pn-border);border-radius:var(--pn-radius-control);background:var(--pn-raised);min-width:0;overflow:hidden}.preview-contender .pn-game-art{border-radius:0}.pn-website .preview-contender p{padding:12px;font-size:14px;font-weight:600}.preview-versus{border:1px solid var(--pn-border);background:var(--pn-panel);width:36px;height:36px;color:var(--pn-accent);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.preview-library{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.preview-library li{border:1px solid var(--pn-border);border-radius:var(--pn-radius-control);background:var(--pn-raised);padding:12px}.preview-library .pn-game-banner{background:0 0;padding:0}.preview-library .pn-game-banner>span:last-child{white-space:normal}.preview-library-detail{margin-top:12px}.preview-settings{border-top:1px solid var(--pn-border);padding-top:20px}.preview-settings dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 0;font-size:14px;display:grid}.preview-settings dt{color:var(--pn-muted);margin-bottom:4px;font-size:12px}.preview-settings dd{margin:0}.final-cta{text-align:center;margin-block:0 64px;padding:clamp(40px,6vw,72px) 32px}.final-cta,.article-cta{isolation:isolate;position:relative;overflow:hidden}.final-cta:before,.article-cta:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--pn-accent) 12%, transparent), transparent);pointer-events:none;height:100%;position:absolute;inset:-40% 10% auto}.pn-website .final-cta>p{max-width:600px;color:var(--pn-muted);margin:20px auto 0;line-height:1.7}.final-cta h2{max-width:680px;margin-inline:auto}.final-cta .pn-button{margin-top:24px}.footer{flex-wrap:wrap;align-items:center;gap:24px;min-height:96px;padding-block:32px;display:flex;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--pn-border) 20%, var(--pn-border) 80%, transparent);height:1px;position:absolute;inset:0 0 auto}.footer p{color:var(--pn-muted);margin-right:auto;font-size:12px}.footer-links{color:var(--pn-muted);flex-wrap:wrap;gap:24px;display:flex}.footer-links a,.footer-genres a{transition:color var(--pn-duration)}.footer-genres{color:var(--pn-muted);flex-wrap:wrap;flex-basis:100%;gap:8px 20px;font-size:13px;display:flex}.footer-genres span{color:var(--pn-text)}.resource-page,.article-page{padding-block:clamp(40px,6vw,72px) clamp(56px,8vw,96px)}.resource-page{isolation:isolate;position:relative}.resource-page h1,.article-page h1{max-width:850px;font-size:clamp(32px,4vw,48px)}.pn-website .resource-intro,.pn-website .article-description{max-width:700px;color:var(--pn-muted);margin-top:24px;font-size:18px;line-height:1.7}.pn-website .resource-empty{border:1px dashed var(--pn-border);border-radius:var(--pn-radius-panel);color:var(--pn-muted);margin-top:32px;padding:24px}.resource-page>.pn-catalog-grid,.related-resources .pn-catalog-grid{margin-top:40px}.related-resources .pn-catalog-grid[data-compact]{margin-top:24px}.article-byline{color:var(--pn-muted);font-size:12px}.pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px;display:flex}.pagination .pn-button{border-radius:999px}.breadcrumb{color:var(--pn-muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:12px;display:flex}.breadcrumb a{transition:color var(--pn-duration)}.breadcrumb [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.breadcrumb>span[aria-hidden]{opacity:.5}.breadcrumb a:hover,.article-byline a{color:var(--pn-accent)}.pn-website .article-byline{margin-block:16px 32px}.article-image{object-fit:cover;width:100%;height:auto;max-height:540px;box-shadow:var(--pn-shadow);border-radius:16px;margin:32px 0 40px;display:block}.article-body{max-width:750px;color:var(--pn-text);overflow-wrap:anywhere;font-size:17px;line-height:1.75}.article-body img{border-radius:var(--pn-radius-panel);width:100%;height:auto;box-shadow:var(--pn-soft-shadow);margin-block:32px;display:block}.pn-website .article-body :is(p,ul,ol,blockquote){margin-block:16px}.pn-website .article-body :is(h2,h3,h4){margin-top:48px;margin-bottom:16px}.article-body h2:before{content:"";background:var(--pn-accent);border-radius:2px;width:32px;height:3px;margin-bottom:14px;display:block}.article-body h2{font-size:28px}.article-body h3{font-size:22px}.article-body a{color:var(--pn-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--pn-accent) 45%, transparent);text-underline-offset:3px;transition:text-decoration-color var(--pn-duration);text-decoration-thickness:1px}.article-body a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.article-body :is(h2,h3) a{color:inherit;text-decoration:none}.article-body :is(h2,h3) a:after{content:"";vertical-align:.05em;background-color:var(--pn-muted);width:.7em;height:.7em;transition:background-color var(--pn-duration);margin-left:.35em;display:inline-block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E") 50%/contain no-repeat}.article-body :is(h2,h3) a:hover:after{background-color:var(--pn-accent)}.article-body a:has(>img){text-decoration:none;display:block}.pn-website .article-body blockquote{border-left:3px solid var(--pn-accent);border-radius:0 var(--pn-radius-panel) var(--pn-radius-panel) 0;background:var(--pn-accent-soft);color:var(--pn-text);margin-inline:0;padding:16px 24px}.article-body pre{background:var(--pn-panel);border:1px solid var(--pn-border);border-radius:var(--pn-radius-control);padding:16px;overflow-x:auto}.article-cta{justify-content:space-between;align-items:center;gap:24px;margin-top:48px;padding:28px 32px;display:flex}.article-cta p{font-weight:600}.related-resources{margin-top:64px}@media (width<=1000px){.nav-links a:not(.nav-games){display:none}.nav>.pn-button{margin-left:auto}.hero{gap:32px}.steps{gap:16px}}@media (width<=760px){.shell{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.steps,.feature-grid{grid-template-columns:1fr}.section{padding-block:48px}.section-intro{flex-direction:column;align-items:flex-start;gap:8px}.feature-grid{gap:24px}.final-cta{margin-bottom:40px;padding:32px 24px}.footer{flex-wrap:wrap;gap:16px}.footer p{flex-basis:100%;order:3}.footer-genres{order:4}.footer-links{margin-left:auto}.article-cta{flex-direction:column;align-items:flex-start}.article-cta .pn-button{width:100%}}@media (width<=480px){.nav{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:minmax(var(--pn-header-height), auto) auto;gap:0 8px;padding-block:0 12px;display:grid}.nav .brand{margin-right:auto}.nav>.pn-button{grid-area:2/1/auto/-1;width:100%;margin:0}.session-preview{padding:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .text-link{justify-content:center}}@media (prefers-reduced-motion:reduce){.pn-website *,.pn-website :before,.pn-website :after{transition:none!important;animation:none!important}.pn-website :is(.steps li,.pn-button):hover{transform:none!important}}.article-layout{gap:32px;display:grid}.article-layout .article-body{max-width:none}.article-layout .article-body>:not(.catalog-gallery){max-width:750px}.game-facts{align-self:start}.pn-website .game-facts h2{margin:0 0 16px;font-size:20px}.game-facts dl{gap:14px;margin:0 0 20px;display:grid}.game-facts dt{color:var(--pn-muted);font-size:13px}.game-facts dd{overflow-wrap:anywhere;margin:2px 0 0}.game-facts dd strong{color:var(--pn-accent)}.game-facts-tags{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.game-facts-tags li{border:1px solid var(--pn-border);border-radius:999px;padding:2px 10px;font-size:13px}.game-facts .pn-button{justify-content:center;width:100%}@media (width>=1100px){.article-layout{grid-template-columns:minmax(0,1fr) 300px}.article-layout .game-facts{top:calc(var(--pn-header-height,64px) + 24px);grid-area:1/2;position:sticky}}.article-page:has(>.game-backdrop){isolation:isolate;padding-top:clamp(24px,3vw,32px);position:relative}.article-page:has(>.game-backdrop) .breadcrumb{margin-bottom:20px}body:has(.game-backdrop){overflow-x:clip}.game-backdrop{z-index:-1;pointer-events:none;width:100vw;height:min(680px,90vh);position:absolute;top:calc(-1*clamp(24px,3vw,32px));left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.game-backdrop img{object-fit:cover;opacity:.45;filter:blur(8px)saturate(1.2)brightness(.8);width:100%;height:100%;transform:scale(1.04)}.game-backdrop[data-source=art] img{filter:blur(48px)saturate(1.3)brightness(.8);transform:scale(1.2)}.game-hero{align-items:center;gap:24px;margin:0 0 48px;padding:0;display:grid}.game-hero-art{aspect-ratio:460/215;object-fit:cover;border-radius:12px;width:100%;max-width:460px;height:auto;display:block;box-shadow:0 18px 48px #0000008c}.pn-website .game-hero h1{font-size:clamp(28px,3vw,40px)}.pn-website .catalog-page h1[data-long]{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(22px,2.2vw,28px);line-height:1.2;display:-webkit-box;overflow:hidden}.pn-website .game-hero .article-description{margin-top:16px;font-size:16px}.pn-website .game-hero .article-byline{margin:12px 0 0}.game-moods{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}@media (width>=900px){.game-hero{grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:32px}}@media (prefers-reduced-transparency:reduce){.game-backdrop{display:none}}.catalog-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.catalog-gallery a{border-radius:var(--pn-radius-control);background:var(--pn-raised);display:block;overflow:hidden}.pn-website .catalog-gallery img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;margin:0;display:block}@media (width<=560px){.catalog-gallery{grid-template-columns:minmax(0,1fr)}}.game-facts-tags a{color:inherit;transition:color var(--pn-duration);text-decoration:none}.game-facts-tags li:has(a){transition:border-color var(--pn-duration)}.game-facts-tags li:has(a:hover){border-color:var(--pn-accent)}.game-facts-tags a:hover{color:var(--pn-text)}.games-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:40px;margin-top:40px;display:grid}@media (width<=760px){.games-layout{grid-template-columns:1fr;gap:20px;margin-top:28px}}.listing-sort{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:20px;display:flex}.listing-sort span{color:var(--pn-muted);margin-right:4px;font-size:14px}.listing-sort a{color:var(--pn-muted);transition:background-color var(--pn-duration), color var(--pn-duration);border-radius:999px;padding:4px 12px;font-size:14px;text-decoration:none}.listing-sort a:hover{color:var(--pn-text)}.listing-sort a[aria-current]{background:color-mix(in srgb, var(--pn-accent) 14%, transparent);color:var(--pn-text);font-weight:600}.pn-website .game-hero .article-description p{margin:0}.pn-website .hero{grid-template-columns:.85fr 1.15fr;gap:32px}.product-stage{width:100%;min-width:0;max-width:680px;margin:0 auto}.hero-panels{isolation:isolate;min-height:730px;position:relative}.hero-panel{max-width:calc(100% - 16px);box-shadow:var(--pn-shadow);transform:rotate(var(--hero-tilt));padding:16px;animation:7s ease-in-out infinite hero-float;position:absolute}.hero-party{--hero-tilt:-2deg;z-index:1;width:310px;top:36px;left:8px}.hero-matchup{--hero-tilt:2deg;z-index:2;width:330px;animation-delay:-2s;top:180px;right:8px}.hero-winner{--hero-tilt:-1.5deg;z-index:3;border-color:var(--pn-accent);width:310px;animation-delay:-4s;top:425px;left:8px}.hero-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.pn-website .hero-panel h2{font-size:16px;line-height:1.4}.pn-website .hero-panel h3{font-size:18px}.hero-roster{margin:12px 0 0;padding:0;list-style:none}.hero-roster li+li{border-top:1px solid var(--pn-border)}.hero-roster .pn-player-row{gap:8px;padding-block:10px}.hero-roster .pn-player-copy{overflow-wrap:anywhere}.pn-website .hero-preview-step,.hero-versus,.hero-matchup-footer{color:var(--pn-muted);font-size:12px}.hero-matchup>h2{margin-top:12px}.hero-contenders{gap:8px;margin-block:16px;display:grid}.hero-contenders .pn-game-banner{border:1px solid var(--pn-border)}.hero-contenders .pn-game-banner[data-outcome=winner]{border-color:var(--pn-accent)}.hero-contenders .pn-banner-art{flex-basis:72px;height:36px}.hero-contenders .pn-game-banner>span:last-child{white-space:normal}.hero-versus{text-align:center;font-weight:600}.hero-matchup-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-winner .pn-party-heading{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.hero-winner .pn-game-art{border-radius:var(--pn-radius-control)}.hero-winner-footer{gap:8px;margin-top:16px;display:grid}.product-stage:hover .hero-panel{animation-play-state:paused}@keyframes hero-float{0%,to{transform:translateY(0) rotate(var(--hero-tilt))}50%{transform:translateY(-8px) rotate(var(--hero-tilt))}}@media (width<=1150px){.pn-website .hero{padding-block:40px}}@media (width<=700px){.pn-website .hero{grid-template-columns:1fr}.hero-copy{max-width:680px}}@media (prefers-reduced-motion:reduce){.hero-panel{animation:none}}