.pf,.pf-dock{--pf-tone:var(--surface-dark);--pf-tone-light:var(--accent-hover);--pf-deep:#120a06;--pf-base:#2b1a0e;--pf-ink:#f6ecd6}.pf[data-family=emperors],.pf-dock[data-family=emperors]{--pf-tone:var(--family-emperors);--pf-tone-light:var(--family-emperors-light);--pf-deep:#200605;--pf-base:#45100b}.pf[data-family=warlords],.pf-dock[data-family=warlords]{--pf-tone:var(--family-warlords);--pf-tone-light:var(--family-warlords-light);--pf-deep:#08162c;--pf-base:#12305a}.pf[data-family=supernovas],.pf-dock[data-family=supernovas]{--pf-tone:var(--family-supernovas);--pf-tone-light:var(--family-supernovas-light);--pf-deep:#160920;--pf-base:#331642}.pf[data-family=worst-generation],.pf-dock[data-family=worst-generation]{--pf-tone:var(--family-worst-generation);--pf-tone-light:var(--family-worst-generation-light);--pf-deep:#120803;--pf-base:#2c1609}.pf[data-family=straw-hat-pirates],.pf-dock[data-family=straw-hat-pirates]{--pf-tone:var(--family-straw-hat);--pf-tone-light:var(--family-straw-hat-light);--pf-deep:#170e06;--pf-base:#33200f}.pf{margin-top:-.75rem}.pf-band{background:repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--pf-deep), var(--pf-base) 75%);width:calc(100% - 1.5rem);box-shadow:inset 0 10px 10px -8px #0000008c, inset 0 -2px 0 color-mix(in srgb, var(--pf-tone-light) 60%, transparent), 0 8px 16px #2b1e1229;color:var(--pf-ink);border-radius:0 0 14px 14px;align-items:center;gap:.6rem .9rem;margin-inline:auto;padding:1.15rem .75rem .5rem;display:flex}.pf-identity{border-right:1px solid #f6ecd647;flex:none;align-items:center;gap:.55rem;margin:0;padding-right:.9rem;display:flex}.pf-visual{flex:none}.pf-visual:not(.jr-flag){aspect-ratio:5/7;border-radius:2px;width:1.75rem;overflow:hidden;transform:rotate(-5deg);box-shadow:0 2px 5px #00000073}.pf-visual:not(.jr-flag) img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pf-visual.jr-flag{width:2.3rem}.pf-name{font-family:var(--font-montserrat);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900;line-height:1.15}.pf-chapters-wrap{flex:1;min-width:0}.pf-chapters{scrollbar-width:none;gap:.25rem;min-width:0;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow-x:auto}.pf-chapters::-webkit-scrollbar{display:none}.pf-chapter{color:#f6ecd6cc;font-family:var(--font-montserrat);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.45rem .8rem;font-size:.7rem;font-weight:800;text-decoration:none;transition:background-color .2s,color .2s;display:block}.pf-chapter:hover{color:#fffaf0;background:#ffffff1f}.pf-chapter[aria-current=page]{background:var(--pf-ink);color:var(--pf-tone);box-shadow:inset 0 -2px 0 var(--pf-tone-light), 0 1px 3px #00000059}.pf-chapter:focus-visible{outline:2px solid var(--pf-tone-light);outline-offset:2px}@media (max-width:1023px){.pf-chapters{padding-inline:.5rem 1.5rem;mask-image:linear-gradient(90deg,#0000,#000 .6rem calc(100% - 1.75rem),#0000)}}@media (max-width:767px){.pf-band{gap:.6rem;width:calc(100% - .75rem);padding-inline:.6rem 0}.pf-identity{max-width:46%;padding-right:.6rem}.pf-name{min-width:0;font-size:.64rem}}@media (max-width:400px){.pf-name{letter-spacing:.04em;font-size:.58rem}}@media (min-width:1024px){.pf-band{width:calc(100% - 3rem);padding-inline:1.1rem}.pf-name{font-size:.8rem}.pf-chapter{padding-inline:1rem;font-size:.74rem}}.pf[data-theme=ice] .pf-band{background:repeating-linear-gradient(62deg, #b9dcee00 0 22px, #b9dcee17 22px 23px), radial-gradient(ellipse 50% 120% at 0% 0%, #b9dcee29, transparent 70%), linear-gradient(180deg, var(--pf-deep), var(--pf-base) 75%);color:#e6f5fd;box-shadow:inset 0 10px 10px -8px #0000008c,inset 0 -2px #b9dcee,0 8px 16px #08142838}.pf[data-theme=ice] .pf-identity{border-right-color:#b9dcee4d}.pf[data-theme=ice] .pf-chapter{color:#d6eef9d1}.pf[data-theme=ice] .pf-chapter:hover{color:#f1f8fc;background:#b9dcee24}.pf[data-theme=ice] .pf-chapter[aria-current=page]{color:#0b1d38;background:linear-gradient(170deg,#f1f8fc 0%,#dcedf6 60%,#cfe5f1 100%);box-shadow:inset 0 -2px #8fc3e0,0 0 8px #96d2f559}.pf-dock{right:max(.9rem, env(safe-area-inset-right));bottom:max(.9rem, env(safe-area-inset-bottom));z-index:44;flex-direction:column;align-items:flex-end;gap:.5rem;transition:opacity .2s,transform .2s;display:flex;position:fixed}.pf-dock:not([data-shown]){visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s,visibility 0s linear .2s;transform:translateY(.75rem)}.pf-dock-toggle{border:1px solid color-mix(in srgb, var(--pf-tone-light) 70%, transparent);background:linear-gradient(160deg, var(--pf-base), var(--pf-deep) 75%);max-width:calc(100vw - 1.8rem);min-height:2.9rem;color:var(--pf-ink);cursor:pointer;border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .85rem .4rem .55rem;display:flex;box-shadow:inset 0 1px #ffffff2e,0 8px 22px #00000052}.pf-dock-toggle:focus-visible{outline:2px solid var(--pf-tone-light);outline-offset:3px}.pf-dock-visual:not(.jr-flag){aspect-ratio:5/7;border-radius:2px;width:1.45rem;overflow:hidden;transform:rotate(-5deg);box-shadow:0 1px 4px #00000073}.pf-dock-visual:not(.jr-flag) img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pf-dock-visual.jr-flag{width:1.9rem}.pf-dock-text{text-align:left;min-width:0;line-height:1.15;display:grid}.pf-dock-name{font-family:var(--font-montserrat);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;opacity:.8;font-size:.6rem;font-weight:800;overflow:hidden}.pf-dock-current{font-family:var(--font-montserrat);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:900;overflow:hidden}.pf-dock-caret{flex:none;width:1rem;height:1rem;transition:transform .2s}.pf-dock-toggle[aria-expanded=true] .pf-dock-caret{transform:rotate(180deg)}.pf-dock-menu{border:1px solid color-mix(in srgb, var(--pf-tone-light) 70%, transparent);background:repeating-linear-gradient(90deg, #ffffff08 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--pf-deep), var(--pf-base) 75%);min-width:14rem;max-width:calc(100vw - 1.8rem);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--pf-tone-light) 60%, transparent), 0 14px 30px #00000059;border-radius:14px;padding:.4rem;animation:.18s ease-out pf-dock-menu-in}.pf-dock-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.pf-dock-link{color:#f6ecd6d9;min-height:2.75rem;font-family:var(--font-montserrat);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.4rem .85rem;font-size:.8rem;font-weight:800;text-decoration:none;display:flex}.pf-dock-link:hover{color:#fffaf0;background:#ffffff1f}.pf-dock-link[aria-current=page]{background:var(--pf-ink);color:var(--pf-tone);box-shadow:inset 0 -2px 0 var(--pf-tone-light)}.pf-dock-link:focus-visible{outline:2px solid var(--pf-tone-light);outline-offset:2px}.pf-dock[data-theme=ice] .pf-dock-toggle,.pf-dock[data-theme=ice] .pf-dock-menu{color:#e6f5fd;border-color:#b9dcee}.pf-dock[data-theme=ice] .pf-dock-menu{background:repeating-linear-gradient(62deg, #b9dcee00 0 22px, #b9dcee17 22px 23px), linear-gradient(180deg, var(--pf-deep), var(--pf-base) 75%);box-shadow:inset 0 -2px #b9dcee,0 14px 30px #00000059}.pf-dock[data-theme=ice] .pf-dock-link{color:#d6eef9d9}.pf-dock[data-theme=ice] .pf-dock-link:hover{color:#f1f8fc;background:#b9dcee24}.pf-dock[data-theme=ice] .pf-dock-link[aria-current=page]{color:#0b1d38;background:linear-gradient(170deg,#f1f8fc 0%,#dcedf6 60%,#cfe5f1 100%);box-shadow:inset 0 -2px #8fc3e0}@keyframes pf-dock-menu-in{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){.pf-dock,.pf-dock-caret,.pf-chapter{transition:none}.pf-dock-menu{animation:none}}