.ph{background:#0d0907;border:1px solid #b8733373;border-radius:18px;animation:.6s cubic-bezier(.2,.8,.2,1) both ph-in;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000008c}@keyframes ph-in{0%{opacity:0;transform:translateY(14px)}}.ph-banner{height:170px;position:relative;overflow:hidden}.ph-has-image .ph-gear{display:none}.ph-report-banner{z-index:2;color:#ffffffa6;cursor:pointer;opacity:0;background:#00000073;border-radius:6px;padding:2px 8px;font-size:10px;transition:opacity .2s;position:absolute;bottom:8px;right:10px}.ph:hover .ph-report-banner,.ph-report-banner:focus-visible{opacity:1}@media (hover:none){.ph-report-banner{opacity:.85}}.ph-shade{background:linear-gradient(#0000 40%,#0d0907d9),repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 9px);position:absolute;inset:0}.ph-gear{color:#ffffff17;animation:70s linear infinite ph-spin;position:absolute}.ph-gear-b{color:#ffffff12;animation-duration:48s;animation-direction:reverse}.ph-gear-c{color:#ffffff0f;animation-duration:90s}@keyframes ph-spin{to{transform:rotate(360deg)}}.ph-body{flex-wrap:wrap;align-items:flex-start;gap:22px;padding:0 26px 24px;display:flex;position:relative}.ph-skin{flex-shrink:0;justify-content:center;width:132px;margin-top:-100px;animation:5s ease-in-out infinite ph-float;display:flex}.ph-skin img{filter:drop-shadow(0 12px 16px #000000b3);-webkit-user-select:none;user-select:none;width:auto;height:232px}@keyframes ph-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ph-main{flex:1;min-width:240px;padding-top:16px}.ph-name{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ph-name h1{font-family:var(--font-serif,Georgia, serif);letter-spacing:.03em;color:#fff;text-shadow:0 2px 0 #0009, 0 0 22px color-mix(in srgb, var(--accent) 40%, transparent);font-size:30px;font-weight:900;line-height:1.1}.ph-role{letter-spacing:.12em;text-transform:uppercase;border-radius:6px;padding:3px 9px;font-size:10px;font-weight:800}.ph-bio{color:#f0e1c8e0;white-space:pre-wrap;border-left:3px solid var(--accent);max-width:62ch;margin-top:10px;padding-left:12px;font-size:14px;line-height:1.55}.ph-chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.ph-chips li{color:#f0e1c8bf;background:#ffffff0d;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;display:inline-flex}.ph-chips li svg{width:13px;height:13px;color:var(--accent)}.ph-chips li strong{color:#fff;font-weight:700}.ph-chip-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:9px;font-weight:700}.ph-actions{flex-direction:column;gap:8px;min-width:170px;padding-top:16px;display:flex}@media (max-width:720px){.ph-banner{height:130px}.ph-body{text-align:center;justify-content:center;gap:6px;padding:0 16px 18px}.ph-skin{width:110px;margin-top:-84px}.ph-skin img{height:190px}.ph-main{min-width:100%;padding-top:4px}.ph-name{justify-content:center;max-width:100%}.ph-name h1{overflow-wrap:anywhere;max-width:100%;font-size:24px}.ph-bio{text-align:left;margin-left:auto;margin-right:auto}.ph-chips{justify-content:center}.ph-actions{width:100%}}.pt-strip{scrollbar-width:none;background:#00000059;border:1px solid #b873334d;border-radius:12px;gap:4px;padding:4px;display:flex;overflow-x:auto}.pt-strip::-webkit-scrollbar{display:none}.pt-tab{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:#f0e1c88c;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:9px 16px;font-size:11px;font-weight:800;transition:background .25s,color .25s;display:inline-flex}.pt-tab svg{width:14px;height:14px}.pt-tab:hover{color:#fff;background:#ffffff0d}.pt-tab.is-on{color:#1a1008;background:linear-gradient(#f0cf7a,#b8862f);box-shadow:0 2px 8px #00000080}.pt-tab em{background:#0000004d;border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal}.pt-tab.is-on em{background:#0000002e}.pt-panel{animation:.4s both pt-in}@keyframes pt-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:720px){.pt-strip{scroll-snap-type:x proximity;gap:2px;padding:3px}.pt-tab{letter-spacing:.05em;scroll-snap-align:start;gap:4px;padding:9px;font-size:10px}.pt-tab svg{display:none}}@media (prefers-reduced-motion:reduce){.ph,.ph-gear,.ph-skin,.pt-panel{animation:none!important}}
