/* B12 V16 · Sistema visual institucional premium: cambios exclusivamente de presentación */
:root{--oro-premium:#eac15b;--azul-profundo:#061a42}
body{background:radial-gradient(ellipse at 50% 8%,#114c95 0%,#082b66 30%,#041532 80%) fixed!important}
.top{background:linear-gradient(180deg,#04132d 0%,#08265a 100%)!important;border-bottom:1px solid #d3ad5777!important;box-shadow:0 12px 35px #010b24aa!important}
.v9-topbar{position:relative;isolation:isolate;overflow:hidden;border-radius:0!important}
.v9-topbar:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(172deg,transparent 0 48px,#ffcc3e12 49px 56px,transparent 57px 110px),radial-gradient(ellipse at 23% 42%,#2061af6b,transparent 57%),linear-gradient(105deg,#0c3980 0%,#082657 47%,#051630 100%)}
.v9-topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#f3d37b,transparent);pointer-events:none}
.premium-flag{background:transparent!important;border:0!important;filter:none!important;box-shadow:none!important;overflow:visible!important;transform:none!important;position:relative!important;z-index:0!important}
.premium-approved-crest{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 2px 1px #07132e) drop-shadow(0 7px 5px #0008) drop-shadow(0 0 5px #d9a73a88)!important;mix-blend-mode:normal}
.v9-identity{position:relative;isolation:isolate}
.v9-identity-copy{position:relative;z-index:1}
.profile-name{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:2px;min-width:170px;max-width:250px!important;border:1px solid #d6b15c77!important;border-radius:12px!important;padding:9px 14px!important;background:linear-gradient(120deg,#0d3775c9,#051a42d9)!important;box-shadow:inset 0 1px #fbe7ad26,0 5px 16px #0005!important;text-align:left!important}
.profile-name .holder-label{font-size:9px;letter-spacing:1.5px;color:#f3d584;font-weight:800}
.profile-name .holder-name{font-size:clamp(14px,1.35vw,18px);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.profile-name .holder-foot{font-size:9px;letter-spacing:1px;color:#bdd8f9}
.v9-topbar .avatar{flex-shrink:0;border:2px solid #eac15b!important;box-shadow:0 0 0 3px #072858,0 0 18px #e9bc5677!important}
.app{background:transparent!important}
.v9-hero{border:1px solid #d9b76d!important;border-radius:18px!important;box-shadow:0 0 0 1px #5c91cb55,0 10px 25px #0006!important}
.main{background:transparent!important}
.tile,.panel{box-shadow:0 9px 24px #0005!important}
.tile{border-color:#b99b5977!important;overflow:hidden}
.tileart{position:relative}
.tileart:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#061b49a8);pointer-events:none}
.passport{background:radial-gradient(ellipse at 75% 15%,#184b92,#071e49 65%,#020b20)!important;border:1px solid #d8b55c!important;border-radius:18px!important;padding:clamp(16px,3vw,32px)!important;box-shadow:inset 0 0 0 5px #b58b3422,inset 0 0 35px #0009,0 16px 30px #0007!important}
.passport-cover{position:relative!important;width:min(250px,96%)!important;height:320px!important;border-radius:10px 18px 18px 10px!important;border:2px solid #cba34c!important;background:radial-gradient(ellipse at 70% 20%,#153b7d,#051b48 65%,#020c26)!important;box-shadow:inset 10px 0 10px #0009,inset 0 0 0 7px #e6b54a1c,0 15px 28px #0009,0 0 0 2px #a27b31!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-evenly!important;color:#f5d37a!important}
.passport-cover:after{content:"";position:absolute;inset:14px;border:1px solid #cba34c70;border-radius:5px 11px 11px 5px;pointer-events:none}
.passport-cover-top{font-family:Georgia,serif!important;font-size:clamp(18px,2vw,25px)!important;letter-spacing:3px!important;color:#f2d88a!important;text-shadow:0 2px 4px #000!important}
.passport-cover-emblem{font-family:Georgia,serif!important;border:2px solid #c7a65a!important;border-radius:45% 45% 48% 48%!important;padding:19px 12px!important;color:#f4d27a!important;background:radial-gradient(#164078,#061f50)!important;box-shadow:0 0 0 4px #d8b3562b,0 6px 14px #0008!important;font-size:27px!important}
.passport-cover-bottom{letter-spacing:2px!important;color:#e5c57b!important}
.player{border-top:1px solid #e6c36a!important;background:linear-gradient(120deg,#061a42,#0c4388 52%,#051b43)!important}
.playerinner{border-radius:12px;box-shadow:inset 0 1px #f9d78c22}
.bottom{background:linear-gradient(180deg,#062e6b,#051b42)!important;border-top:1px solid #e0ba6377!important}
@media(max-width:760px){.profile-name{min-width:0!important;padding:6px!important;border:0!important;background:transparent!important;box-shadow:none!important}.profile-name .holder-label,.profile-name .holder-foot{display:none!important}.profile-name .holder-name{font-size:11px!important;max-width:78px}.premium-flag{width:47px!important;height:55px!important}.passport>div+div{border-left:0!important}.passport-cover{height:270px!important}}
