.pf{max-width:1120px;margin:2.5rem auto 4rem;padding:0 1rem;display:flex;flex-direction:column;gap:2rem}.pf-hero{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center;padding:1.75rem;border:1px solid var(--border);border-radius:20px;background:radial-gradient(120% 140% at 0% 0%,rgba(52,255,170,0.10),rgba(4,7,10,0) 55%),var(--bg-card)}.pf-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid rgba(94,234,212,0.5);display:block}.pf-id{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:0.5rem}.pf-alias-row{display:flex;flex-wrap:wrap;gap:0.6rem;align-items:center}.pf-alias{flex:0 1 16rem;min-width:0;height:44px;box-sizing:border-box;padding:0 0.25rem;background:transparent;color:var(--white);font:600 1.5rem var(--font);border:1px solid transparent;border-bottom:1px dashed rgba(255,255,255,0.3);border-radius:0}.pf-alias:hover{border-bottom-color:var(--t)}.pf-alias:focus-visible{outline:none;border-color:var(--t);border-radius:8px;background:rgba(0,0,0,0.3)}.pf-pill{font-family:var(--mono);font-size:0.75rem;padding:0.25rem 0.65rem;border-radius:99px;white-space:nowrap}.pf-pill[data-tone="warn"]{background:rgba(252,211,77,0.12);color:var(--y)}.pf-pill[data-tone="ok"]{background:rgba(52,255,170,0.12);color:var(--g)}.pf-pill[data-tone="neutral"]{background:rgba(255,255,255,0.07);color:var(--gray)}.pf-meta,.pf-hint{margin:0;font-size:0.875rem;color:var(--gray);line-height:1.5}.pf-hint:empty{display:none}.pf-hint a{color:var(--t)}.pf-xp{flex:1 1 280px;display:flex;flex-direction:column;gap:0.5rem}.pf-xp-label{display:flex;justify-content:space-between;gap:1rem;font-size:0.8125rem;color:var(--gray)}.pf-xp-label #display-xp{font-family:var(--mono);color:var(--white)}.pf-bar{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,0.07);overflow:hidden}.pf-bar>span{display:block;width:0;height:100%;border-radius:99px;background:var(--aur);transition:width 0.8s ease-out}.pf-bar-lg{height:10px}.pf-missions{display:flex;flex-direction:column;gap:0.4rem}.pf-eyebrow{margin:0;font-family:var(--mono);font-size:0.75rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--t)}.pf-missions h2{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;letter-spacing:-0.01em}.pf-lead{margin:0 0 0.75rem;color:var(--gray);font-size:0.9375rem}.pf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0.875rem}.pf-mission a{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0.75rem;padding:1.25rem;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);color:inherit;text-decoration:none;transition:border-color var(--transition),transform var(--transition)}.pf-mission a:hover{border-color:rgba(94,234,212,0.4);transform:translateY(-2px)}.pf-mission a:focus-visible{outline:2px solid var(--t);outline-offset:2px}.pf-mission.is-done{order:1}.pf-mission.is-done a{opacity:0.6}.pf-mission-top{display:flex;justify-content:space-between;align-items:center;gap:0.6rem}.pf-kind{font-family:var(--mono);font-size:0.75rem;color:var(--gray)}.pf-gain{font-family:var(--mono);font-size:0.875rem;font-weight:500;color:var(--g)}.pf-done{font-family:var(--mono);font-size:0.75rem;color:var(--gray)}.pf-mission-title{font-size:1.0625rem;font-weight:600}.pf-mission-desc{font-size:0.875rem;color:var(--gray);line-height:1.5}.pf-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:auto}.pf-tag{font-size:0.75rem;padding:0.2rem 0.55rem;border-radius:99px;border:1px solid rgba(255,255,255,0.13);color:#c5d0d8}.pf-tag-ach{border-color:transparent;background:rgba(167,139,250,0.14);color:#c4b5fd}.pf-row{display:flex;flex-wrap:wrap;gap:1.5rem}.pf-card{box-sizing:border-box;border:1px solid var(--border);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;gap:0.9rem}.pf-card h2{margin:0;font-size:1.0625rem;font-weight:600}.pf-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.pf-skills{flex:1 1 420px;min-width:0}.pf-achs{flex:1 1 320px;min-width:0}.pf-skill{display:grid;grid-template-columns:minmax(0,11rem) 1fr 4rem;gap:0.75rem;align-items:center;font-size:0.875rem}.pf-skill[data-skill="blue_team"] .pf-bar>span{background:var(--t)}.pf-skill[data-skill="red_team"] .pf-bar>span{background:var(--r)}.pf-skill[data-skill="web_sec"] .pf-bar>span{background:var(--v)}.pf-skill[data-skill="osint"] .pf-bar>span{background:var(--g)}.pf-soon{display:block;font-size:0.75rem;color:var(--gray-dark)}.pf-skill-xp,.pf-count{font-family:var(--mono);font-size:0.8125rem;color:var(--gray);text-align:right}.pf-ach-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.6rem}.pf-ach{display:flex;gap:0.85rem;align-items:center;padding:0.75rem;border:1px dashed rgba(255,255,255,0.16);border-radius:12px}.pf-ach-icon{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--gray-dark)}.pf-ach-icon svg{width:20px;height:20px}.pf-ach-text{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.pf-ach-title{font-weight:500;overflow-wrap:anywhere}.pf-ach-sub{font-size:0.8125rem;color:var(--gray)}.pf-ach:not(.is-unlocked) .pf-ach-title{color:var(--gray)}.pf-ach.is-unlocked{border-style:solid;border-color:rgba(167,139,250,0.3)}.pf-ach.is-unlocked .pf-ach-icon{background:rgba(167,139,250,0.16);color:#c4b5fd}.pf-backup{display:flex;flex-wrap:wrap;gap:0.75rem 1rem;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid var(--border)}.pf-backup>p{margin:0;font-size:0.875rem;color:var(--gray)}.pf-actions{display:flex;flex-wrap:wrap;gap:0.6rem;align-items:center}.pf-btn{display:inline-flex;align-items:center;gap:0.5rem;min-height:44px;padding:0 1rem;border-radius:10px;border:1px solid rgba(255,255,255,0.13);background:transparent;color:var(--white);font:500 0.875rem var(--font);cursor:pointer}.pf-btn svg{width:16px;height:16px}.pf-btn:hover{border-color:var(--t)}.pf-btn:focus-visible{outline:2px solid var(--t);outline-offset:2px}.pf-btn-primary{border-color:var(--t);background:rgba(94,234,212,0.08);color:var(--t)}.pf-btn-quiet{border-color:transparent;color:var(--gray)}.pf-btn-quiet:hover{border-color:rgba(255,107,129,0.5);color:var(--r)}.pf-panel{flex-basis:100%;display:flex;flex-direction:column;gap:0.6rem}.pf-panel[hidden]{display:none}.pf-panel-label{font-size:0.875rem;color:var(--gray)}.pf-panel textarea{width:100%;min-height:80px;box-sizing:border-box;padding:0.65rem;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.13);border-radius:10px;color:var(--g);font:0.78rem var(--mono);resize:vertical}.pf-panel textarea:focus-visible{outline:none;border-color:var(--t)}#progress-msg{font-family:var(--mono);font-size:0.8125rem}#progress-msg[data-tone="ok"]{color:var(--g)}#progress-msg[data-tone="err"]{color:var(--r)}@media (max-width:560px){.pf{margin-top:1.5rem;gap:1.5rem}.pf-hero{padding:1.25rem;gap:1.25rem}.pf-skill{grid-template-columns:minmax(0,1fr) 3.5rem}.pf-skill .pf-bar{grid-column:1 / -1;grid-row:2}}@media (prefers-reduced-motion:reduce){.pf-bar>span,.pf-mission a{transition:none}.pf-mission a:hover{transform:none}}