:root{--perfil-line: rgba(255,221,126,.24);--perfil-line-hot: rgba(255,221,126,.58);--perfil-ink: #fff5d8;--perfil-muted: #d8c79e;--perfil-panel: rgba(12,10,14,.78)}html,body{min-height:100%}body.randomia-perfil-page{margin:0;overflow-x:hidden;color:var(--perfil-ink);background:#05050a;font-family:var(--aaa-font-ui, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif)}.perfil-container{position:relative;z-index:1;max-width:880px;margin:24px auto;padding:0 16px;min-height:calc(100vh - var(--rsh-h,64px) - 48px);display:flex;align-items:flex-start;justify-content:center}.perfil-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(247,200,95,.16),transparent 30%),radial-gradient(circle at 78% 18%,rgba(102,24,39,.24),transparent 34%),linear-gradient(145deg,#030306,#120b0b 44%,#05050a)}.perfil-bg-layer{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;background-position:center 15%;opacity:.34;filter:saturate(.9) contrast(1.02) brightness(.42);transform:scale(1.08)}.perfil-bg-a{mix-blend-mode:screen}.perfil-bg-b{opacity:.18;filter:blur(1px) saturate(.85) brightness(.35);transform:scale(1.18)}.perfil-character-bg{position:absolute;left:-10vw;top:50%;width:min(42vw,640px);height:min(96vh,1000px);transform:translateY(-50%) scale(1.5);transform-origin:left center;background-repeat:no-repeat;background-size:contain;background-position:left center;opacity:.26;image-rendering:auto;filter:saturate(1.02) contrast(1.12) brightness(.74) drop-shadow(0 0 34px rgba(247,200,95,.12));mix-blend-mode:screen}.perfil-character-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.34) 52%,rgba(0,0,0,.88))}.perfil-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 54% 42%,transparent 0 24%,rgba(0,0,0,.18) 43%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.82),transparent 34%,rgba(0,0,0,.72))}.aaa-particles{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:.52;mix-blend-mode:screen}.perfil-card{width:100%;margin-top:clamp(18px,4vh,42px);position:relative;overflow:hidden;border:1px solid var(--perfil-line);border-radius:28px;padding:24px;background:radial-gradient(circle at 12% 0%,rgba(247,200,95,.14),transparent 30%),linear-gradient(180deg,#0f0b0ee6,#08070ae0);box-shadow:0 28px 80px #00000094,inset 0 1px #ffffff0e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.perfil-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 28%,rgba(255,255,255,.018))}.perfil-card>*{position:relative;z-index:1}.perfil-card h1{margin:0 0 18px;color:#fff1bd;font:1000 clamp(42px,6vw,72px)/.88 var(--aaa-font-title, Georgia, serif);letter-spacing:.025em;text-transform:uppercase;text-shadow:0 4px 0 #5d2b12,0 0 26px rgba(247,200,95,.3)}.perfil-card h2{margin:22px 0 10px;color:#e8d7af;font:800 1.05rem/1.2 var(--aaa-font-ui, system-ui);letter-spacing:.08em;text-transform:uppercase}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.perfil-name-row{align-items:flex-end}.perfil-field{flex:1 1 320px;display:flex;flex-direction:column;gap:7px}label{color:#d8c79e;font:800 .82rem/1 var(--aaa-font-ui, system-ui);letter-spacing:.08em;text-transform:uppercase}input{min-height:48px;width:100%;border:1px solid rgba(255,221,126,.2);border-radius:15px;padding:10px 13px;background:linear-gradient(180deg,#07070adb,#120b0ddb);color:#fff5d8;outline:none;font:700 15px/1.2 var(--aaa-font-ui, system-ui);box-shadow:inset 0 1px #ffffff09}input:focus{border-color:var(--perfil-line-hot);box-shadow:0 0 0 3px #f7c85f1f}input::placeholder{color:#ffffff61}.btn{min-height:46px;cursor:pointer;border:1px solid rgba(255,221,126,.24);border-radius:15px;padding:10px 15px;background:linear-gradient(180deg,#201812f0,#0a080af5);color:#f8e9b5;font:900 .82rem/1 var(--aaa-font-ui, system-ui);letter-spacing:.055em;text-transform:uppercase;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;box-shadow:0 12px 24px #0000004d,inset 0 1px #ffffff0a}.btn:hover{transform:translateY(-2px);border-color:#ffdd7e8f;box-shadow:0 18px 32px #0000005c,0 0 18px #f7c85f1a}.btn-primary{background:linear-gradient(180deg,#fff1ad,#f7c85f 36%,#9d5421 74%,#4a160f);color:#210d05;border-color:#fff1ada3;text-shadow:0 1px rgba(255,255,255,.44)}.btn-secondary{background:linear-gradient(180deg,#30261cf0,#120e10f5);color:#fff1bd;border-color:#ffdd7e61}.btn-secondary:hover:not(:disabled){border-color:#ffdd7eb3;background:linear-gradient(180deg,#483622fa,#1c1416fa)}.btn-danger{border-color:#d75e5e6b;color:#ffd0c7;background:linear-gradient(180deg,#6c2026eb,#180d13eb)}.perfil-pass-row{display:flex;gap:12px;flex-wrap:wrap}.perfil-pass-row .perfil-field{flex:1 1 200px}.perfil-pass-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;min-height:44px;border:1px solid rgba(255,221,126,.22);border-radius:999px;padding:0 15px;color:#fff1bd;background:linear-gradient(180deg,#140f10e0,#07070ae6);font:900 .92rem/1 var(--aaa-font-ui, system-ui);box-shadow:0 10px 20px #00000042,inset 0 1px #ffffff09}.pill:before{content:"✦";margin-right:9px;color:#f7c85f}#pill-gemas:before{content:"◆"}.muted{color:var(--perfil-muted)}.perfil-msg,#backup-msg{min-height:20px;margin:10px 0 0;font-size:.92rem}.perfil-msg.is-ok,#backup-msg.is-ok{color:#d7ffb3}.perfil-msg.is-error,#backup-msg.is-error{color:#ffb3b3}.perfil-backup-row{align-items:stretch}.perfil-section{background:#00000038;border:1px solid rgba(255,221,126,.14);border-radius:20px;padding:18px 20px 20px;margin-bottom:24px}.perfil-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.perfil-section-head h2{margin:0}.perfil-rule-badge{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:#ffd679;background:#f7c85f1f;border:1px solid rgba(247,200,95,.32);padding:6px 12px;border-radius:999px;text-transform:uppercase}.perfil-cooldown-info{margin-top:10px;font-size:.88rem;padding:8px 12px;border-radius:10px;border:1px solid transparent}.perfil-cooldown-info.is-waiting{background:#ef44441a;border-color:#ef444447;color:#fca5a5}.perfil-cooldown-info.is-ready{background:#10b9811a;border-color:#10b98147;color:#a7f3d0}.perfil-stats-section{padding-bottom:24px}.perfil-subheading{margin:20px 0 12px;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffd679;display:flex;align-items:center;gap:10px}.perfil-subheading:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,221,126,.25),transparent)}.perfil-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-card{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#1e1619b3,#0c0a0ed9);border:1px solid rgba(255,221,126,.16);border-radius:16px;padding:14px 16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:#ffdd7e61;box-shadow:0 10px 22px #0006}.stat-card-icon{font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#00000059;border:1px solid rgba(255,221,126,.14);border-radius:12px;flex-shrink:0}.stat-card-info{display:flex;flex-direction:column;min-width:0}.stat-card-label{font-size:.76rem;font-weight:700;color:var(--perfil-muted, #bfaf96);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-val{font-size:1.25rem;font-weight:900;color:#fff1bd;font-family:var(--aaa-font-ui, system-ui);line-height:1.25;margin:2px 0 1px}.stat-card-val.stat-val-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.stat-card-sub{font-size:.74rem;color:#f4dfafa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-win{border-color:#4ade803d}.stat-card-win .stat-card-val{color:#86efac}.stat-card-loss{border-color:#f871713d}.stat-card-loss .stat-card-val{color:#fca5a5}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:12000}.modal.show{display:block}.modal .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:0}.modal .panel{position:relative;margin:12vh auto 0;width:min(460px,92vw);max-height:84vh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 18% 0%,rgba(247,200,95,.14),transparent 34%),linear-gradient(180deg,#100a0dfc,#070609);border:1px solid rgba(255,221,126,.34);border-radius:24px;padding:22px 24px 24px;z-index:1;box-shadow:0 32px 90px #000000c7,0 0 44px #f7c85f24}.modal header{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.modal h3{margin:0;font-family:var(--aaa-font-title, Georgia, serif);font-size:clamp(20px,1.8vw,26px);color:#fff1bd;letter-spacing:.04em;text-align:center}.modal .modal-body p{color:#f4dfaf;font-size:1.04rem;line-height:1.55}.modal .btn.warn{border-color:#c35d4e7a!important;color:#ffd0c7!important}@media (max-width:720px){.perfil-container{margin:12px auto;padding:0 12px}.perfil-card{padding:18px;border-radius:22px}.perfil-card h1{font-size:clamp(38px,14vw,58px)}.perfil-section-head{flex-direction:column;align-items:flex-start}.perfil-name-row{align-items:stretch}.btn{width:100%}.perfil-character-bg{display:none}}.perfil-avatar-section{margin-bottom:24px}.perfil-btn-toggle{cursor:pointer;background:#ffdd7e1f;border:1px solid rgba(255,221,126,.35);color:#fff1bd;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;font-family:inherit}.perfil-btn-toggle:hover{background:#ffdd7e38;border-color:#ffd700b3;box-shadow:0 0 12px #f7c85f40;transform:translateY(-1px)}.perfil-btn-toggle .btn-toggle-icon{display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1);font-size:12px}.perfil-btn-toggle.is-open .btn-toggle-icon{transform:rotate(180deg)}.perfil-collapse-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:0}.perfil-collapse-wrapper.is-open{grid-template-rows:1fr;opacity:1}.perfil-collapse-inner{overflow:hidden;min-height:0}.perfil-avatar-layout{display:flex;gap:20px;align-items:center;margin-top:14px;background:#0c0a0f99;border:1px solid rgba(255,221,126,.15);border-radius:20px;padding:16px 18px}.perfil-avatar-current-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:130px;padding-right:18px;border-right:1px solid rgba(255,221,126,.14);text-align:center}.perfil-avatar-current-halo{position:relative;width:80px;height:80px;border-radius:50%;padding:3px;background:linear-gradient(135deg,gold,#f59e0b,#78350f);box-shadow:0 0 20px #f7c85f59,0 4px 12px #0009;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.perfil-avatar-current-halo:hover{transform:scale(1.05)}.perfil-avatar-current-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#110d14;display:block}.perfil-avatar-current-details{margin-top:10px;display:flex;flex-direction:column;gap:2px}.perfil-avatar-current-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--perfil-muted, #d8c79e);font-weight:700}.perfil-avatar-current-name{font-size:15px;font-weight:800;color:#fff1bd;text-shadow:0 0 10px rgba(247,200,95,.3)}.perfil-avatar-picker-container{flex:1;min-width:0}.perfil-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:10px;max-height:220px;overflow-y:auto;padding:6px 6px 6px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,221,126,.3) transparent}.perfil-avatar-grid::-webkit-scrollbar{width:6px}.perfil-avatar-grid::-webkit-scrollbar-thumb{background:#ffdd7e4d;border-radius:6px}.avatar-option-btn{position:relative;width:52px;height:52px;border-radius:50%;padding:2px;border:2px solid rgba(255,221,126,.2);background:#120e16d9;cursor:pointer;outline:none;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #00000080}.avatar-option-btn:hover{transform:translateY(-3px) scale(1.12);border-color:#ffd700cc;box-shadow:0 0 14px #f7c85f73,0 4px 12px #0009;z-index:2}.avatar-option-btn.is-active{border-color:gold;box-shadow:0 0 18px #ffd700b3,inset 0 0 8px #ffd7004d;transform:scale(1.08);background:linear-gradient(135deg,#ffd7004d,#f59e0b33)}.avatar-option-btn.is-active:after{content:"✓";position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:gold;color:#0b0704;border-radius:50%;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #000000b3;border:1.5px solid #15101a}.avatar-option-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;pointer-events:none}@media (max-width: 640px){.perfil-avatar-layout{flex-direction:column;align-items:stretch}.perfil-avatar-current-card{border-right:none;border-bottom:1px solid rgba(255,221,126,.14);padding-right:0;padding-bottom:14px}.perfil-avatar-grid{max-height:180px;grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}.avatar-option-btn{width:44px;height:44px}}