.player-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;background:radial-gradient(circle at 92% 10%,#e99f6c55,transparent 30%),linear-gradient(125deg,#2d222c,#793b50 70%,#b24d5d);border-radius:17px;padding:32px;color:white;box-shadow:0 22px 45px #3c233224}
.player-hero:before{content:'77';position:absolute;right:22%;bottom:-74px;font-size:15rem;font-weight:1000;color:#ffffff0d;line-height:1;pointer-events:none}
.player-hero .eyebrow{color:#ffd386}.player-hero h1{color:#fff;font-size:clamp(2.3rem,4.1vw,4rem);margin:8px 0 10px}.player-hero p{color:#f2dfe4;margin:0}.player-hero .btn{background:#f1bd70;color:#35232d;position:relative}.player-hero .btn:hover{background:#ffd591}
.player-avatar{width:112px;height:112px;border:6px solid #fff;box-shadow:0 0 0 7px #ffffff2b,0 10px 25px #1f171d55;font-size:3.3rem;position:relative;z-index:1}
.player-avatar .avatar-symbol{font-size:2.8rem;line-height:1;filter:drop-shadow(0 3px 2px #0002)}
.player-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.player-tags span{padding:7px 10px;background:#ffffff21;border:1px solid #ffffff42;border-radius:30px;font-size:.72rem;font-weight:900}
.player-hero-action{position:relative;z-index:1;text-align:right}.player-hero-action small{display:block;color:#f2dfe4;margin-top:8px;font-size:.71rem}
.player-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 26px}.player-stats .stat{border-top:4px solid #d88a7b;padding:19px 17px}.player-stats .stat:nth-child(2){border-top-color:#e9b968}.player-stats .stat:nth-child(3){border-top-color:#96b9bd}.player-stats .stat:nth-child(4){border-top-color:#ae91cb}.player-stats .stat b{font-size:1.85rem;line-height:1.05}.player-stats .stat span{display:block;margin-top:4px}
.player-tabs{display:flex;gap:7px;border-bottom:1px solid #dbcbd0;margin-bottom:20px}.player-tabs button{border:0;background:transparent;color:#75646c;padding:13px 18px;font-weight:1000;text-transform:uppercase;font-size:.8rem;letter-spacing:.03em;border-bottom:4px solid transparent}.player-tabs button.active{color:#a12f48;border-bottom-color:#b13850}.player-tabs button:hover{color:#a12f48}
.profile-zone{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr);gap:18px}.profile-stack{display:grid;align-content:start;gap:18px}
.profile-spotlight{background:linear-gradient(135deg,#fffdf9,#f7ebe5);border-left:6px solid #e7b564;padding:25px}.profile-spotlight h2{font-size:1.65rem;margin:9px 0}.profile-spotlight p{color:#675b61;line-height:1.5;margin-bottom:15px}.profile-spotlight .btn{margin-top:5px}
.profile-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.profile-heading h2{margin-bottom:4px}.profile-heading .text-link{font-size:.8rem;white-space:nowrap}
.profile-chart{display:grid;gap:13px;margin-top:15px}.profile-chart-row{display:grid;grid-template-columns:minmax(110px,1fr) 1.5fr 40px;gap:10px;align-items:center;font-size:.79rem;font-weight:850}.profile-chart-row .progress-track{height:11px}.profile-chart-row b{text-align:right;color:#a02f46}.profile-caption{font-size:.74rem;color:#7d6c73;line-height:1.4;margin:14px 0 0}
.player-goal{display:flex;gap:14px;background:#f7eeee;border:1px solid #eedcdc;padding:15px;border-radius:10px;margin:15px 0}.player-goal .goal-symbol{font-size:1.7rem}.player-goal strong{display:block}.player-goal small{color:#76666c;line-height:1.45;display:block;margin-top:3px}
.badge-rack{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.badge-tile{min-width:105px;min-height:100px;padding:14px 10px;background:linear-gradient(150deg,#fff6e9,#f2d7be);border:1px solid #e8caa6;border-radius:11px;text-align:center;display:grid;place-items:center;align-content:center;gap:5px}.badge-tile:nth-child(2){background:linear-gradient(150deg,#fff4f1,#ecccd1);border-color:#dec1c8}.badge-tile span{font-size:1.6rem}.badge-tile strong{font-size:.68rem;line-height:1.2;text-transform:uppercase}.badge-tile.locked{filter:grayscale(1);opacity:.55}.badge-tile.locked span{opacity:.5}
.profile-event{padding:15px;background:#f6f1ee;border-radius:10px;margin:14px 0}.profile-event strong,.profile-event small{display:block}.profile-event small{color:#746a70;margin-top:5px}
.player-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.player-detail div{background:#f9f5f3;padding:13px;border-radius:8px}.player-detail small{display:block;color:#8d6670;font-weight:950;text-transform:uppercase;font-size:.65rem;letter-spacing:.07em}.player-detail strong{display:block;margin-top:4px;font-size:.88rem}
.avatar-studio{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:15px}.avatar-studio .avatar{width:72px;height:72px;font-size:2rem}.avatar-studio p{font-size:.75rem;color:#766970;margin:0 0 7px}.avatar-choices{margin:0}.symbol-choices{display:flex;gap:6px;margin-top:9px}.symbol-choices button{border:1px solid #e4d5d4;background:#fff;border-radius:6px;width:32px;height:32px;font-size:1.1rem}.symbol-choices button.selected{border:2px solid #a83049;background:#fae9eb}
.story-hero{background:linear-gradient(115deg,#352532,#874457);color:white;border-radius:14px;padding:28px 31px;position:relative;overflow:hidden}.story-hero:after{content:'✦';position:absolute;right:30px;top:-30px;font-size:11rem;color:#ffffff10;pointer-events:none}.story-hero .eyebrow{color:#f0bd72}.story-hero h2{font-size:clamp(1.8rem,3vw,3rem);margin:9px 0;color:white;max-width:650px}.story-hero p{color:#f4e7e9;max-width:660px;line-height:1.5}.story-hero .btn{background:#edbd76;color:#34252c;position:relative}
.story-timeline{padding-left:22px;border-left:3px solid #e4c4bb;margin:24px 0 0 10px}.story-moment{position:relative;background:white;border:1px solid #e8ded9;border-radius:12px;padding:18px 20px;margin:0 0 14px;box-shadow:0 9px 25px #2a202a0a}.story-moment:before{content:'';position:absolute;left:-32px;top:23px;width:14px;height:14px;background:#b13a50;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d5b6bb}.story-moment small{font-weight:1000;color:#a03b4e;letter-spacing:.07em;text-transform:uppercase;font-size:.67rem}.story-moment h3{margin:8px 0 5px;font-size:1.15rem}.story-moment p{color:#71656b;margin:0;line-height:1.45;font-size:.85rem}
.profile-edit-form{display:grid;gap:12px;margin-top:12px}.profile-edit-form label{display:grid;gap:5px;font-size:.79rem;font-weight:900}.profile-edit-form input,.profile-edit-form select,.profile-edit-form textarea{width:100%;padding:10px;border:1px solid #dacbcb;border-radius:7px;background:#fff}.profile-edit-form textarea{min-height:78px}.profile-edit-form .btn{justify-self:start}
@media(max-width:1080px){.profile-zone{grid-template-columns:1fr}.player-hero{grid-template-columns:auto 1fr}.player-hero-action{grid-column:1/-1;text-align:left}}
@media(max-width:720px){.player-hero{padding:24px 20px;gap:18px}.player-avatar{width:75px;height:75px;font-size:2rem}.player-avatar .avatar-symbol{font-size:2rem}.player-stats{grid-template-columns:repeat(2,1fr)}.player-tabs button{flex:1;padding:13px 6px}.profile-chart-row{grid-template-columns:100px 1fr 35px}}
@media(max-width:480px){.player-hero{grid-template-columns:1fr}.player-hero h1{font-size:2.4rem}.player-tags{margin-top:10px}.player-hero-action{grid-column:auto}.player-detail{grid-template-columns:1fr}.profile-spotlight,.card-pad{padding:20px}.badge-tile{min-width:88px}}
@media(prefers-reduced-motion:no-preference){.player-hero,.player-stats,.profile-zone,.story-hero,.story-timeline{animation:player-arrive .5s both}.player-stats{animation-delay:.07s}.profile-zone,.story-timeline{animation-delay:.13s}.player-avatar{animation:player-pop .6s .12s both}.badge-tile,.player-stats .stat,.story-moment{transition:transform .18s ease,box-shadow .18s ease}.badge-tile:not(.locked):hover,.player-stats .stat:hover,.story-moment:hover{transform:translateY(-4px);box-shadow:0 16px 25px #442b361b}@keyframes player-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes player-pop{from{opacity:0;transform:scale(.78) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(0)}}}