:root{--pf-bg:#0d1017;--pf-panel:#171d26;--pf-soft:#222a35;--pf-border:#333c49;--pf-text:#f7f7fb;--pf-muted:#abb1bf;--pf-accent:#f58b4e}
*{box-sizing:border-box}body.pc-profile-page{margin:0;background:var(--pf-bg);color:var(--pf-text);font:400 14px/1.6 Montserrat,Arial,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 90% -4%,rgba(245,117,75,.075),transparent 35%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}
.profile-page{max-width:1320px;margin:auto;padding:32px 30px 85px}.profile-route{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px;font-size:.66rem;font-weight:800;letter-spacing:.13em;color:#8994a6}.profile-route a{color:#e6d0c3}.profile-route a:hover{color:#fff}
.profile-hero{background:linear-gradient(117deg,#29232a,#191f29 57%,#141b25);position:relative;overflow:hidden;border:1px solid #454049;border-radius:19px;padding:42px;display:flex;flex-direction:column;gap:25px}.profile-hero:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f4934b,#d94e5d,transparent)}.hero-decoration{position:absolute;right:-40px;top:-100px;color:#fff;opacity:.026;font-size:300px;font-weight:900;line-height:1;pointer-events:none;letter-spacing:-.1em}.hero-content{display:flex;gap:30px;align-items:center;position:relative;z-index:1}.profile-portrait{width:150px;height:150px;flex:none;display:grid;place-items:center;border:3px solid #ef9049;border-radius:20px;background:linear-gradient(135deg,#363c45,#191c22);font-size:3.5rem;font-weight:900;color:#ffd1a4;overflow:hidden}.profile-portrait img{width:100%;height:100%;object-fit:cover}.hero-copy{min-width:0}.profile-kicker,.panel-heading>div>span{font-size:.66rem;font-weight:900;letter-spacing:.19em;color:#f4ac7c}.hero-copy h1{font-size:clamp(2rem,4vw,4.05rem);letter-spacing:-.07em;line-height:1.05;margin:10px 0 17px;overflow-wrap:anywhere}.profile-pills{display:flex;flex-wrap:wrap;gap:9px}.profile-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;color:#f1e4df;background:#ffffff0b;border:1px solid #514a4d;border-radius:7px;font-weight:800;font-size:.68rem}.profile-pill img{width:21px;height:16px;object-fit:cover}.hero-copy p{color:#bcc2cc;font-size:.86rem;max-width:760px;margin:17px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.profile-button{display:inline-flex;align-items:center;justify-content:center;background:#252b36;border:1px solid #495362;color:#f5f5fb;border-radius:9px;padding:12px 20px;font-size:.73rem;font-weight:850;letter-spacing:.04em}.profile-button.primary{background:#f1874a;color:#181419;border-color:#ffb780}.profile-button:hover{filter:brightness(1.13)}[hidden]{display:none!important}.profile-restriction{position:relative;padding:14px 18px;background:#a7354140;border:1px solid #a34c58;border-radius:8px;color:#ffced4;font-weight:750;font-size:.76rem}
.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.profile-stat{min-width:0;padding:25px 24px;background:#1a2029;border:1px solid #343d4b;border-radius:12px;position:relative;overflow:hidden}.profile-stat:before{content:"";position:absolute;width:58px;height:3px;left:24px;top:0;background:linear-gradient(90deg,#ff984f,#e35062)}.profile-stat span{display:block;font-size:.62rem;letter-spacing:.13em;font-weight:850;color:#aeb8c5}.profile-stat strong{display:block;margin:10px 0 3px;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:900;letter-spacing:-.075em;line-height:1.2}.profile-stat small{color:#909bab;font-size:.7rem}
.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.profile-panel{background:#171d26;border:1px solid #303946;border-radius:13px;padding:29px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:23px}.panel-heading h2{font-size:1.33rem;line-height:1.3;letter-spacing:-.04em;margin:5px 0 0;font-weight:850}.profile-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-progress>div{background:#212934;border:1px solid #333d4c;padding:17px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-progress span{font-size:.73rem;color:#adb6c4}.profile-progress strong{font-size:1.5rem;font-weight:900}.hardest{margin-top:20px;background:#25262a;border-left:3px solid #f28c52;padding:18px}.hardest>span,.profile-section-label{color:#f4b17d;font-size:.66rem;letter-spacing:.12em;font-weight:900}.hardest>div{font-size:1.1rem;font-weight:800;margin-top:6px}.profile-section-label{margin:20px 0 9px}.compact-level-list{display:flex;flex-direction:column;gap:7px}.compact-level{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #343d49;background:#202732;padding:11px 12px;border-radius:7px}.compact-level span{font-weight:750;font-size:.78rem;overflow-wrap:anywhere}.compact-level small{color:#a5afc0;font-size:.7rem;white-space:nowrap}.muted{color:#929caa;font-size:.8rem}.records-panel{margin-top:0}.profile-record-tabs{display:flex;gap:6px;flex-wrap:wrap}.profile-record-tabs button{border:1px solid #3c4553;background:#242c37;color:#adb5c2;border-radius:7px;padding:10px 12px;font-size:.7rem;font-weight:800}.profile-record-tabs button.selected{background:#f6e5d5;color:#211b1e;border-color:#f6e5d5}.records-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.record{background:#202733;border:1px solid #353f4e;border-radius:10px;padding:17px;min-width:0}.record-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-head strong{font-size:.9rem;overflow-wrap:anywhere}.record-head span{font-size:.65rem;font-weight:900;padding:5px 7px;border-radius:5px;background:#334151;color:#b9d5f6;text-transform:uppercase}.record-head span.aprobado{background:#1a4435;color:#8ceabb}.record-head span.rechazado,.record-head span.invalidado{background:#4c2731;color:#ffb5b5}.record p{color:#a7b1c1;margin:10px 0 6px;font-size:.72rem}.record a{font-size:.74rem;font-weight:750;color:#fbb083}.record a:hover{text-decoration:underline}
.profile-settings-backdrop{position:fixed;inset:0;background:#000b;z-index:2498;backdrop-filter:blur(3px)}.profile-settings{position:fixed;right:0;top:0;bottom:0;width:min(470px,100vw);background:#161c26;border-left:1px solid #414c5b;transform:translateX(103%);transition:transform .25s ease;z-index:2499;display:flex;flex-direction:column;box-shadow:-25px 0 80px #0008}.profile-settings.open{transform:translateX(0)}.settings-head{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#202632;border-bottom:1px solid #3a4451}.settings-head span{font-size:.63rem;color:#ffaf79;font-weight:900;letter-spacing:.16em}.settings-head h2{font-size:1.45rem;letter-spacing:-.05em;margin:3px 0}.settings-head button{background:#323c49;border:1px solid #576170;color:#fff;width:40px;height:40px;border-radius:8px;font-size:1.6rem}.settings-scroller{padding:28px;overflow:auto;flex:1}.settings-scroller label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:.74rem;color:#d4d9e2;font-weight:800}.settings-scroller input,.settings-scroller textarea,.settings-scroller select{background:#0e141d;border:1px solid #414957;color:#fff;padding:12px;border-radius:8px;font-size:.84rem;width:100%}.settings-scroller textarea{resize:vertical}.save-button{border:0;border-radius:8px;background:#ef8a4c;color:#17171a;padding:13px 18px;font-weight:900;font-size:.75rem;cursor:pointer}.save-button.secondary{background:#3c4959;color:#e8eff7}.settings-separator{margin:29px 0;border-top:1px solid #38424f}.settings-scroller h3{font-size:1rem;margin:0 0 15px}.settings-note{font-size:.77rem;color:#ffbf97;line-height:1.6;min-height:20px}
html[data-pc-theme="v4"] body.pc-profile-page{--pf-bg:#0c121b;--pf-panel:#182434;--pf-soft:#223346;--pf-border:#39516c;--pf-accent:#5299de;background:#0b1522}html[data-pc-theme="v4"] .profile-hero,html[data-pc-theme="v4"] .profile-panel,html[data-pc-theme="v4"] .profile-stat{background:#192637;border-color:#375371}html[data-pc-theme="v4"] .profile-hero:before,html[data-pc-theme="v4"] .profile-stat:before{background:#4b93d7}html[data-pc-theme="v4"] .profile-portrait{border-color:#57a0dd}html[data-pc-theme="v4"] .profile-button.primary{background:#327eb9;color:#fff;border-color:#57a6e4}html[data-pc-theme="classic"] body.pc-profile-page{--pf-accent:#f2ce4b;background:#242529!important}html[data-pc-theme="classic"] .profile-hero,html[data-pc-theme="classic"] .profile-panel,html[data-pc-theme="classic"] .profile-stat{background:#303136;border-color:#53514b}html[data-pc-theme="classic"] .profile-hero:before,html[data-pc-theme="classic"] .profile-stat:before{background:#d7b63a}html[data-pc-theme="classic"] .profile-portrait{border-color:#e4c040}html[data-pc-theme="classic"] .profile-button.primary{background:#dfc34d;color:#222;border-color:#ffdd5c}
@media(max-width:950px){.profile-columns{grid-template-columns:1fr}.records-list{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{padding:30px}}@media(max-width:580px){.profile-page{padding:20px 15px 60px}.hero-content{align-items:flex-start;flex-direction:column;gap:19px}.profile-portrait{width:95px;height:95px;border-radius:12px}.profile-stats{gap:8px}.profile-stat{padding:19px 14px}.profile-stat strong{font-size:1.9rem}.profile-panel{padding:20px}.profile-progress{grid-template-columns:1fr 1fr}.profile-route{flex-direction:column;align-items:flex-start}.profile-hero{padding:24px}.profile-record-tabs{width:100%}}
