:root{--profile-magenta:#e83e8c;--profile-green:#2eca7f}
.profile-page [hidden]{display:none!important}
body{min-height:100vh;background:radial-gradient(circle at 76% 8%,rgba(145,70,255,.08),transparent 30%),radial-gradient(circle at 25% -10%,rgba(200,155,60,.14),transparent 38%),var(--bg-deep);color:var(--text);font-family:var(--font-body)}
.profile-nav{margin-left:auto;display:flex;gap:22px}.profile-nav a{color:var(--text-dim);text-decoration:none;font-weight:700}.profile-nav a:hover{color:var(--gold)}
.profile-page{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:118px 24px 64px}.profile-state{text-align:center;max-width:640px;margin:0 auto;padding:80px 20px;color:var(--text-dim)}.profile-state h1{font:clamp(42px,7vw,70px)/.95 var(--font-accent);color:var(--text);margin:10px 0 14px}.profile-state p{font-size:16px;line-height:1.55}.state-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border:1px solid rgba(200,155,60,.5);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);font:42px var(--font-accent);color:var(--gold);background:rgba(200,155,60,.08)}
.profile-loading{display:flex;align-items:center;justify-content:center;gap:12px}.profile-loader{width:18px;height:18px;border:2px solid rgba(200,155,60,.2);border-top-color:var(--gold);border-radius:50%;animation:profile-spin .8s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}
.profile-login{display:inline-flex;margin-top:24px;padding:13px 24px;background:#9146ff;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.04em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:transform var(--dur-fast),filter var(--dur-fast)}.profile-login:hover{transform:translateY(-2px);filter:brightness(1.12)}
.profile-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:30px 32px;border:1px solid rgba(200,155,60,.32);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:linear-gradient(118deg,rgba(200,155,60,.13),rgba(14,20,32,.92) 48%,rgba(145,70,255,.07));overflow:hidden}.profile-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(200,155,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(200,155,60,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.profile-hero:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--gold);box-shadow:0 0 18px rgba(200,155,60,.55)}
.avatar-frame{position:relative;width:104px;height:104px;padding:5px;border:1px solid rgba(200,155,60,.65);clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);background:rgba(200,155,60,.08)}.avatar-frame img{width:100%;height:100%;object-fit:cover;clip-path:inherit}.avatar-frame i{position:absolute;right:4px;bottom:4px;width:13px;height:13px;border-radius:50%;background:var(--profile-green);border:3px solid #0a0e18;box-shadow:0 0 10px var(--profile-green)}
.eyebrow,.metric span,.profile-title span,.badges-wrap>span{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:800}.profile-identity h1{font:clamp(44px,6vw,68px)/.9 var(--font-accent);margin:6px 0;color:#f4eee3}.profile-identity>p{color:var(--text-dim);font-weight:600}.hero-title{display:flex;align-items:center;gap:8px;margin-top:13px}.hero-title strong{font-size:12px;color:#fff;padding:4px 8px;border-left:2px solid var(--profile-magenta);background:rgba(232,62,140,.09)}
.hero-balance{min-width:190px;padding-left:28px;text-align:right;border-left:1px solid rgba(255,255,255,.08)}.hero-balance>span,.hero-balance small{display:block;color:var(--text-dim);font-size:10px;letter-spacing:.12em}.hero-balance strong{display:block;font:64px/.95 var(--font-accent);color:var(--gold-light);text-shadow:0 0 24px rgba(200,155,60,.2);margin:5px 0}.hero-balance a{display:inline-block;margin-top:12px;color:var(--electric);font-size:11px;font-weight:800;letter-spacing:.06em}
.stale{margin-top:16px;padding:16px 18px;border-left:3px solid #fbbf24;background:rgba(251,191,36,.07);color:#f6d780}.profile-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:34px 2px 14px}.profile-section-head h2,.missions-head h2{font:36px/1 var(--font-accent);margin-top:5px}.profile-section-head p,.missions-head p{color:var(--text-dim);font-size:12px}
.profile-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px}.metric{position:relative;min-height:136px;padding:21px;background:rgba(14,20,32,.82);border:1px solid rgba(255,255,255,.075);display:flex;align-items:center;gap:16px;overflow:hidden;transition:transform var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.metric:hover{transform:translateY(-2px);border-color:rgba(200,155,60,.25);background:rgba(18,25,40,.92)}.metric:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:rgba(255,255,255,.1)}.metric.featured{grid-row:span 2;min-height:282px;flex-direction:column;justify-content:center;text-align:center;border-color:rgba(200,155,60,.28);background:radial-gradient(circle at 50% 40%,rgba(200,155,60,.13),transparent 55%),rgba(14,20,32,.88)}.metric.featured:before{background:var(--gold)}.metric.prediction:before{background:var(--electric)}.metric.casino:before{background:var(--purple)}.metric.infiltrado:before{background:var(--profile-magenta)}.metric-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(200,155,60,.25);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font:22px var(--font-accent);color:var(--gold)}.metric-icon~div{min-width:0}.metric strong{display:block;font:44px/1 var(--font-accent);margin:9px 0;color:#f4eee3}.metric.featured strong{font-size:78px;color:var(--gold-light)}.metric small{display:block;color:var(--text-dim);font-size:12px}.metric.compact{min-height:136px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.metric .negative,.negative{color:#f87171}
.missions{--season-pct:0%;margin-top:28px;padding:27px 28px;background:linear-gradient(145deg,rgba(14,20,32,.94),rgba(8,12,21,.94));border:1px solid rgba(200,155,60,.18);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.missions-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.season-progress{width:94px;height:94px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0b101c 58%,transparent 60%),conic-gradient(var(--gold) var(--season-pct),rgba(255,255,255,.07) 0);box-shadow:inset 0 0 20px rgba(0,0,0,.45)}.season-progress strong{font:26px/1 var(--font-accent);color:var(--gold-light)}.season-progress span{font-size:7px;letter-spacing:.14em;color:var(--text-dim)}.badges-wrap{margin:19px 0 16px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.badges:empty:after{content:"Tu primera insignia aparecerá aquí";color:var(--text-dim);font-size:11px}.badges span{padding:7px 10px;border:1px solid rgba(200,155,60,.3);background:rgba(200,155,60,.06);color:var(--gold-light);font-size:11px;font-weight:700;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.mission-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mission{padding:15px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.065)}.mission.done{border-color:rgba(46,202,127,.26);background:rgba(46,202,127,.035)}.mission-copy{display:flex;justify-content:space-between;gap:14px}.mission-copy strong{font-size:14px}.mission-copy small{max-width:58%;color:var(--text-dim);text-align:right;font-size:10px}.mission-progress{height:5px;background:rgba(255,255,255,.07);margin-top:20px;position:relative}.mission-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));transition:width var(--dur-story) var(--ease-hex)}.mission.done .mission-progress span{background:var(--profile-green)}.mission-progress b{position:absolute;right:0;bottom:8px;font-size:9px;color:var(--text-dim)}.profile-meta{display:flex;justify-content:space-between;gap:20px;color:var(--text-dim);font-size:11px;margin-top:22px}
@media(max-width:780px){.profile-page{padding:96px 16px 48px}.profile-hero{grid-template-columns:auto 1fr}.hero-balance{grid-column:1/-1;width:100%;padding:18px 0 0;text-align:left;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.hero-balance strong{font-size:50px}.profile-grid{grid-template-columns:1fr 1fr}.metric.featured{grid-column:1/-1;grid-row:auto;min-height:200px}.mission-list{grid-template-columns:1fr}.profile-section-head{align-items:flex-start;flex-direction:column;gap:7px}.profile-meta{flex-direction:column}}
@media(max-width:520px){.profile-nav a:first-child{display:none}.profile-nav{gap:12px}.profile-hero{grid-template-columns:1fr;padding:24px}.avatar-frame{width:82px;height:82px}.profile-identity h1{font-size:46px}.hero-balance{grid-column:auto}.profile-grid{grid-template-columns:1fr}.metric.featured{grid-column:auto}.missions{padding:20px 16px}.missions-head{align-items:flex-start}.season-progress{width:76px;height:76px;flex:0 0 76px}.mission-copy{flex-direction:column}.mission-copy small{max-width:none;text-align:left}}
@media(prefers-reduced-motion:reduce){.profile-loader{animation:none}.metric:hover,.profile-login:hover{transform:none}}