.pf-hero{background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom) 78%, var(--bg));margin-top:-72px;padding-top:72px;position:relative;overflow:hidden}.pf-top{z-index:1;gap:var(--s-7);padding-top:var(--s-6);padding-bottom:var(--s-7);grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:end;display:grid;position:relative}.pf-stage{justify-content:center;align-items:flex-end;min-height:260px;display:flex}.pf-ledge{width:220px;position:relative}.pf-ledge .ledge svg{display:block}.pf-ledge .soil{background:var(--dirt);background-image:radial-gradient(var(--dirt-spot) 2px, transparent 2.5px);background-size:18px 18px;border-radius:0 0 10px 10px;height:34px}.pf-feet{z-index:1;height:0;position:absolute;top:6px;left:0;right:0}.pf-sprite{image-rendering:pixelated;pointer-events:none;background-repeat:no-repeat;max-width:none;position:absolute}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pf-sprite{filter:drop-shadow(0 0 1px #ffffff59)}}:root[data-theme=dark] .pf-sprite{filter:drop-shadow(0 0 1px #ffffff59)}.pf-info{min-width:0;padding-bottom:var(--s-2)}.pf-kicker{font-size:var(--fs-cap);color:var(--text-2);background:color-mix(in srgb, var(--surface) 75%, transparent);border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.pf-kicker .ic{width:14px;height:14px;color:var(--primary)}.pf-info h1{letter-spacing:-.03em;margin:var(--s-3) 0 var(--s-1);overflow-wrap:anywhere;font-size:56px;font-weight:850}.pf-job{font-size:var(--fs-lead);color:var(--text-2)}.pf-job b{color:var(--text);margin-right:4px;font-weight:800}.pf-exp{align-items:center;gap:var(--s-3);margin:var(--s-3) 0 var(--s-4);max-width:420px;display:flex}.pf-exp .bar{background:var(--surface-3);height:10px;box-shadow:inset 0 0 0 1px var(--line);border-radius:5px;flex:1;position:relative;overflow:hidden}.pf-exp .bar i{background:linear-gradient(90deg, var(--exp), var(--exp-hi));transform-origin:0;transform:scaleX(var(--v));animation:pf-fill var(--t-fill) var(--ease-enter) .2s both;border-radius:5px;position:absolute;inset:0}.pf-exp .pct{font-weight:800;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--text-2);min-width:5ch}@keyframes pf-fill{0%{transform:scaleX(0)}}.pf-guild img{width:17px;height:17px;image-rendering:pixelated;zoom:1.5}.pf-guild .muted{font-weight:600}.pf-ranks{gap:var(--s-3);margin-top:var(--s-4);flex-wrap:wrap;display:flex}.pf-rank{border-radius:var(--r);background:var(--surface);min-width:140px;box-shadow:var(--shadow), inset 0 0 0 1px var(--line);color:var(--text);transition:background-color var(--t-micro) var(--ease-standard);flex-direction:column;padding:10px 16px;display:flex}.pf-rank:hover{background:var(--surface-2);text-decoration:none}.pf-rank .l{font-size:var(--fs-cap);color:var(--text-2);align-items:center;gap:6px;font-weight:700;display:inline-flex}.pf-rank .l .ic{width:15px;height:15px;color:var(--primary)}.pf-rank .v{font-size:var(--fs-stat);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:850;line-height:1.2}.pf-actions{margin-top:var(--s-4)}.pf-copy.done{color:var(--primary)}.pf-body{padding-bottom:var(--s-8)}.pf-note{background:var(--gold-bg);color:var(--text);border-radius:var(--r-sm);font-size:var(--fs-sm);margin-bottom:var(--s-6);align-items:center;gap:8px;padding:10px 14px;display:flex}.pf-note .ic{width:16px;height:16px;color:var(--gold);flex:none}.pf-eq{justify-content:start;gap:var(--s-5);grid-template-columns:auto auto;align-items:start;display:grid}.pf-eq-card{padding:var(--s-5)}.pf-eq-card h3{font-size:var(--fs-h3);margin-bottom:var(--s-4);align-items:center;gap:8px;display:flex}.pf-eq-card h3 .ic{width:18px;height:18px;color:var(--primary)}.eq-grid{grid-template-columns:repeat(5,72px);gap:8px;margin:0;padding:0;list-style:none;display:grid}.eq-slot{width:72px;height:72px;position:relative}.eq-slot.empty{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;place-items:center;display:grid}.eq-label{color:var(--outline);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.eq-btn{cursor:pointer;background:color-mix(in srgb, var(--primary-container) 55%, var(--surface));width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 30%, var(--line));transition:background-color var(--t-micro) var(--ease-standard);border:0;border-radius:12px;place-items:center;padding:0;display:grid}.eq-btn:hover{background:var(--primary-container)}.eq-btn img{image-rendering:pixelated;zoom:2;max-width:34px;max-height:34px}.eq-tip{z-index:30;border-radius:var(--r-sm);color:#e8ecef;pointer-events:none;background:#13171c;flex-direction:column;gap:4px;width:240px;padding:12px 14px;font-size:13px;line-height:1.45;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d,inset 0 0 0 1px #ffffff1f}.eq-tip .t{color:#fff;font-size:14.5px;font-weight:800}.eq-tip .k{color:#aeb6bd}.eq-tip .req{color:#ffd780;font-weight:700}.eq-tip dl{border-top:1px solid #ffffff1f;gap:1px;margin:4px 0 0;padding-top:6px;display:grid}.eq-tip dl div{justify-content:space-between;gap:12px;display:flex}.eq-tip dt{color:#c9d0d6}.eq-tip dd{color:#9be8a0;font-variant-numeric:tabular-nums;margin:0;font-weight:800}.eq-tip .up{color:#a1c9ff;border-top:1px solid #ffffff1f;margin-top:2px;padding-top:6px}.eq-tip .own{color:#aeb6bd}.eq-slot:hover .eq-tip,.eq-btn:focus+.eq-tip{display:flex}.eq-grid .eq-slot:nth-child(5n+1) .eq-tip{left:0;transform:none}.eq-grid .eq-slot:nth-child(5n) .eq-tip{left:auto;right:0;transform:none}.pf-ach{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;padding:0;list-style:none;display:grid}.pf-ach li{align-items:center;gap:var(--s-3);grid-template-columns:44px minmax(0,1fr) auto;padding:14px 16px;display:grid}.pf-ach .ico{background:var(--gold-bg);border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.pf-ach .ico img{image-rendering:pixelated;max-width:40px;max-height:40px}.pf-ach b{overflow-wrap:anywhere;font-weight:750;line-height:1.3;display:block}.pf-ach .muted{font-size:var(--fs-sm);line-height:1.35;display:block}.pf-ach time{font-size:var(--fs-cap);color:var(--text-2);white-space:nowrap;font-weight:700}.pf-sub{font-size:var(--fs-h3);margin:var(--s-6) 0 var(--s-3)}@media (max-width:760px){.pf-top{gap:var(--s-4);padding-top:var(--s-4);padding-bottom:var(--s-6);text-align:center;grid-template-columns:1fr}.pf-stage{min-height:220px}.pf-info h1{font-size:40px}.pf-exp{margin-left:auto;margin-right:auto}.pf-info .chips,.pf-ranks{justify-content:center}.pf-rank{flex:1;min-width:0}.pf-eq{grid-template-columns:1fr;justify-content:stretch}.pf-eq-card{padding:var(--s-4)}.eq-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.eq-slot{aspect-ratio:1;width:auto;height:auto}.eq-btn img{zoom:1.5}.eq-label{font-size:9.5px}.eq-tip,.eq-grid .eq-slot:nth-child(5n+1) .eq-tip,.eq-grid .eq-slot:nth-child(5n) .eq-tip{width:auto;position:fixed;inset:auto 16px 16px;transform:none}.pf-ach{grid-template-columns:1fr}.pf-ach li{grid-template-columns:44px minmax(0,1fr)}.pf-ach time{grid-column:2;margin-top:-6px}}@media (prefers-reduced-motion:reduce){.pf-exp .bar i{animation:none}}