@layer components{.pf-band{height:calc(var(--bt) * 32);background-color:var(--color-surface-2);box-shadow:inset 0 calc(var(--bt) * -1) 0 var(--profile-accent);clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% 100%,0 100%);margin-top:1rem;position:relative}.pf-band+.pf-head{align-items:flex-start;padding-top:0}.pf-band+.pf-head .pf-face-wrap{margin-top:-2.25rem}.pf-band+.pf-head .pf-id,.pf-band+.pf-head .pf-actions{padding-top:.875rem}@media (max-width:53.74rem){.pf-band{margin-top:.5rem}.pf-band+.pf-head .pf-face-wrap{margin-top:-1.5rem}.pf-band+.pf-head .pf-id{padding-top:.5rem}}.pf-face-wrap{flex:none;display:flex;position:relative}.pf-face-wrap[data-ring]{background:var(--profile-accent);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));padding:4px}.pf-head .pf-face-wrap[data-ring]>.pf-face{border-radius:0;width:4rem;height:4rem}@media (max-width:53.74rem){.pf-head .pf-face-wrap[data-ring]>.pf-face{width:3rem;height:3rem}}.pf-band+.pf-head .pf-face-wrap[data-ring]{box-shadow:0 0 0 4px var(--color-bg)}.pf-name[data-style=accent]{color:var(--profile-accent)}.pf-name[data-style=glint]{--g1:color-mix(in oklab, var(--color-text) 55%, var(--profile-accent));--g2:var(--profile-accent);background:linear-gradient(105deg, var(--color-text) 0 34%, var(--g1) 34% 42%, var(--g2) 42% 50%, var(--g1) 50% 58%, var(--color-text) 58% 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .pf-name[data-style=accent]{color:color-mix(in oklab, var(--profile-accent) 82%, var(--color-text))}:root[data-theme=light] .pf-name[data-style=glint]{--g2:color-mix(in oklab, var(--profile-accent) 82%, var(--color-text));--g1:color-mix(in oklab, var(--color-text) 45%, var(--profile-accent))}@media (prefers-color-scheme:light){:root[data-theme=system] .pf-name[data-style=accent]{color:color-mix(in oklab, var(--profile-accent) 82%, var(--color-text))}:root[data-theme=system] .pf-name[data-style=glint]{--g2:color-mix(in oklab, var(--profile-accent) 82%, var(--color-text));--g1:color-mix(in oklab, var(--color-text) 45%, var(--profile-accent))}}@media (forced-colors:active){.pf-name[data-style]{color:canvastext;background:0 0}}.pf-fact{min-height:2rem;box-shadow:inset 0 0 0 2px var(--profile-accent);color:var(--color-text);font-size:var(--text-sm);line-height:1;font-weight:var(--font-weight-semibold);white-space:nowrap;clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));align-items:center;padding:0 .75rem;display:inline-flex}@media (max-width:53.74rem){.pf-show{order:1}}.pf-show-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;display:grid}.pf-show-item{flex-direction:column;gap:.375rem;min-width:0;display:flex}.pf-show-art{background:var(--color-surface);height:4.5rem;color:var(--color-text);box-shadow:inset 0 -3px 0 var(--profile-accent);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% 100%,0 100%);place-items:center;display:grid}button.pf-show-art{cursor:pointer}button.pf-show-art:hover:not(:disabled){background:var(--color-surface-2)}button.pf-show-art:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;clip-path:none}.pf-show-art>img{image-rendering:pixelated;display:block}.pf-show-item[data-kind=cape] .pf-show-art>img{width:1.875rem;height:3rem}.pf-show-item[data-kind=skin] .pf-show-art>img{width:2.5rem;height:2.5rem}.pf-show-name{font-size:var(--text-base);font-weight:var(--font-weight-bold);overflow-wrap:anywhere;text-align:center;padding-inline:.5rem}.pf-show-plate{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-rest{box-shadow:inset 3px 0 0 var(--color-accent)}.pf-rest>.vpmark{flex:none}.pf-rest-text{flex:22rem}.pf-rest-who{color:var(--color-text-faint)}.pf-rest-actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}@media (max-width:53.74rem){.pf-rest{font-size:var(--text-sm);line-height:var(--text-sm--line-height);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.625rem .75rem;padding:.875rem 1rem;display:grid}.pf-rest>.vpmark{margin-top:.0625rem}.pf-rest-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-left:0;display:grid}}}