/* XFAME_PROFILE_AVATAR_LIVE_FEED_FINAL_V1 */

/* Account: the hidden upload form is the first child, therefore :first-child must not be used here. */
body.profile-page-avatar-final main>.section-shell.page-top{
  min-height:0!important;height:auto!important;display:block!important;
  padding-top:24px!important;padding-bottom:12px!important;margin-top:0!important;margin-bottom:0!important;
}
body.profile-page-avatar-final main>.section-shell.page-top>h1{margin:0!important}
body.profile-page-avatar-final main>.section-shell.page-top+.section-shell.account-head,
body.profile-page-avatar-final main>.section-shell.page-top+section.account-head{
  margin-top:18px!important;padding-top:0!important;
}
.profile-avatar-edit-target-final{position:relative!important;overflow:visible!important;isolation:isolate;cursor:pointer}
.profile-avatar-pencil-final{
  position:absolute;z-index:20;top:-7px;right:-7px;width:28px;height:28px;padding:0;
  display:grid;place-items:center;border:2px solid rgba(17,20,15,.92);border-radius:50%;
  background:#f0eddf;color:#171914;box-shadow:0 5px 16px rgba(0,0,0,.34);cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease
}
.profile-avatar-pencil-final:hover{transform:scale(1.08);box-shadow:0 7px 20px rgba(0,0,0,.42)}
.profile-avatar-pencil-final svg{display:block;width:15px;height:15px;overflow:visible}.profile-avatar-pencil-final svg path{fill:currentColor}

/* Full-width continuous strip directly under the site header. */
.live-drop-strip{
  position:relative;width:100vw;margin:0 0 24px calc(50% - 50vw);padding:0;
  background:rgba(5,8,6,.94);border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.09);overflow:visible
}
.live-drop-strip-viewport{position:relative;height:128px;overflow:hidden}
.live-drop-strip-viewport:before,.live-drop-strip-viewport:after{
  content:"";position:absolute;z-index:8;top:0;bottom:0;width:34px;pointer-events:none
}
.live-drop-strip-viewport:before{left:0;background:linear-gradient(90deg,rgba(5,8,6,.98),rgba(5,8,6,0))}
.live-drop-strip-viewport:after{right:0;background:linear-gradient(270deg,rgba(5,8,6,.98),rgba(5,8,6,0))}
.live-drop-strip-track{display:flex;align-items:stretch;gap:1px;width:max-content;height:128px;will-change:transform}
.live-drop-strip-loading{width:100vw;height:128px;display:grid;place-items:center;color:rgba(238,238,225,.56)}
.live-drop-strip-card{
  --drop-color:#8e9684;position:relative;flex:0 0 126px;width:126px;height:128px;
  display:flex;align-items:stretch;background:#172017;border-left:3px solid var(--drop-color);
  color:#f1efe4;cursor:pointer;overflow:hidden;outline:none;
  transition:width .22s ease,flex-basis .22s ease,background .22s ease,box-shadow .22s ease
}
.live-drop-strip-card.rarity-common{--drop-color:#8e9684;background:#182019}
.live-drop-strip-card.rarity-uncommon{--drop-color:#24b6ff;background:#173248}
.live-drop-strip-card.rarity-rare{--drop-color:#8e5cff;background:#242d58}
.live-drop-strip-card.rarity-epic{--drop-color:#ef47b8;background:#7a266d}
.live-drop-strip-card.rarity-legendary,.live-drop-strip-card.rarity-red{--drop-color:#ff554c;background:#652823}
.live-drop-strip-card.rarity-gold{--drop-color:#f4c75a;background:#57451f}
.live-drop-strip-card:hover,.live-drop-strip-card:focus-visible{
  flex-basis:330px;width:330px;z-index:6;background:#111712;box-shadow:0 0 0 1px var(--drop-color),0 12px 34px rgba(0,0,0,.46)
}
.live-drop-strip-main{flex:0 0 123px;width:123px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 8px 10px;text-align:center}
.live-drop-strip-media{width:70px;height:72px;display:grid;place-items:center;overflow:hidden}
.live-drop-strip-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.32))}
.live-drop-strip-media span{font-size:30px;font-weight:900}
.live-drop-strip-main>b{display:-webkit-box;max-width:108px;margin-top:5px;font-size:13px;line-height:1.12;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.live-drop-strip-details{flex:0 0 204px;width:204px;display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;align-items:center;padding:10px 11px 10px 4px;opacity:0;transform:translateX(-8px);transition:opacity .16s ease .04s,transform .2s ease}
.live-drop-strip-card:hover .live-drop-strip-details,.live-drop-strip-card:focus-visible .live-drop-strip-details{opacity:1;transform:translateX(0)}
.live-drop-strip-case{width:68px;height:88px;border-radius:10px;display:grid;place-items:center;background:rgba(0,0,0,.22);overflow:hidden}
.live-drop-strip-case img{width:100%;height:100%;object-fit:contain}.live-drop-strip-case span{font-size:26px;font-weight:900}
.live-drop-strip-info{min-width:0}.live-drop-strip-info>small{display:block;color:var(--drop-color);font-size:9px;letter-spacing:.16em}.live-drop-strip-info>strong{display:block;margin:5px 0 10px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-drop-strip-user{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;min-width:0}
.live-drop-strip-avatar{flex:0 0 31px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid var(--drop-color);font-weight:900}
.live-drop-strip-avatar img{width:100%;height:100%;object-fit:cover}.live-drop-strip-user>span:last-child{min-width:0}.live-drop-strip-user b,.live-drop-strip-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-drop-strip-user b{font-size:11px}.live-drop-strip-user small{margin-top:2px;color:rgba(238,238,225,.54);font-size:9px}

/* Existing public profile remains view-only and visually intact. */
.public-profile-hero{display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:center;padding:28px;border-radius:26px}.public-profile-avatar{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.04);border:2px solid rgba(180,194,126,.45);font-size:48px;font-weight:900}.public-profile-avatar img{width:100%;height:100%;object-fit:cover}.public-profile-main h1{margin:5px 0;font-size:clamp(34px,5vw,64px)}.public-profile-main p{margin:0;color:rgba(238,238,225,.55)}.public-profile-level{min-width:130px;padding:18px;border-radius:18px;background:rgba(0,0,0,.26);text-align:center}.public-profile-level small,.public-profile-level span{display:block;color:rgba(238,238,225,.5)}.public-profile-level b{display:block;font-size:38px}.public-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 34px}.public-profile-stats article{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(9,12,8,.6)}.public-profile-stats span{display:block;color:rgba(238,238,225,.5);font-size:11px}.public-profile-stats b{display:block;margin-top:7px;font-size:25px}.public-inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.public-inventory-card{position:relative;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(9,12,8,.72);overflow:hidden}.public-inventory-card:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--drop-color,#879078);box-shadow:0 0 14px var(--drop-color,#879078)}.public-inventory-media{height:150px;display:grid;place-items:center;margin-bottom:10px;border-radius:14px;background:rgba(255,255,255,.03);overflow:hidden}.public-inventory-media img{width:100%;height:100%;object-fit:contain}.public-inventory-card>span{color:var(--drop-color);font-size:9px;letter-spacing:.16em}.public-inventory-card h3{margin:6px 0}.public-inventory-card a{font-size:11px;color:#aeb991}.public-profile-empty{grid-column:1/-1;padding:38px;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:20px;color:rgba(238,238,225,.5)}

@media(max-width:760px){
  .live-drop-strip-viewport,.live-drop-strip-track{height:112px}.live-drop-strip-loading{height:112px}
  .live-drop-strip-card{flex-basis:108px;width:108px;height:112px}.live-drop-strip-card:hover,.live-drop-strip-card:focus-visible{flex-basis:288px;width:288px}
  .live-drop-strip-main{flex-basis:105px;width:105px}.live-drop-strip-media{width:58px;height:62px}.live-drop-strip-main>b{font-size:11px}
  .live-drop-strip-details{flex-basis:180px;width:180px;grid-template-columns:58px minmax(0,1fr)}.live-drop-strip-case{width:58px;height:76px}
  .public-profile-hero{grid-template-columns:96px 1fr}.public-profile-avatar{width:92px;height:92px}.public-profile-level{grid-column:1/-1}.public-profile-stats{grid-template-columns:repeat(2,1fr)}.public-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){.public-profile-hero{display:flex;flex-direction:column;text-align:center}.public-profile-stats,.public-inventory-grid{grid-template-columns:1fr 1fr}.public-inventory-media{height:120px}}
@media(max-width:420px){.public-profile-stats,.public-inventory-grid{grid-template-columns:1fr}}

/* XFAME_AVATAR_DISPLAY_CROPPER_FIX_V3_START */
.profile-avatar-edit-target-final{border-radius:inherit}
.profile-avatar-current-layer{position:absolute;z-index:3;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;background:#151914}
.profile-avatar-current-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.profile-avatar-pencil-final{z-index:30}
.profile-avatar-cropper[hidden]{display:none!important}
.profile-avatar-cropper{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,5,3,.78);backdrop-filter:blur(12px)}
.profile-avatar-cropper-card{width:min(520px,100%);padding:22px;border:1px solid rgba(238,235,215,.14);border-radius:26px;background:#151914;box-shadow:0 30px 90px rgba(0,0,0,.58)}
.profile-avatar-cropper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.profile-avatar-cropper-head span{display:block;color:#aeb58e;font-size:10px;font-weight:800;letter-spacing:.18em}.profile-avatar-cropper-head h2{margin:5px 0 0;color:#f2efe2;font-size:24px}.profile-avatar-cropper-close{width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.05);color:#f2efe2;font-size:24px;line-height:1;cursor:pointer}
.profile-avatar-cropper-stage{width:min(360px,80vw);aspect-ratio:1/1;margin:0 auto;border:2px solid rgba(180,194,126,.48);border-radius:26px;overflow:hidden;background:#090c08;box-shadow:inset 0 0 45px rgba(0,0,0,.52),0 0 28px rgba(180,194,126,.12);touch-action:none;cursor:grab}.profile-avatar-cropper-stage.dragging{cursor:grabbing}.profile-avatar-cropper-stage canvas{display:block;width:100%;height:100%}
.profile-avatar-cropper-hint{margin:12px 0 15px;text-align:center;color:rgba(238,238,225,.58);font-size:12px}.profile-avatar-cropper-zoom{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.profile-avatar-cropper-zoom span{color:rgba(238,238,225,.66);font-size:13px}.profile-avatar-cropper-zoom input{width:100%;accent-color:#b4c27e}.profile-avatar-cropper-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.profile-avatar-cropper-actions button{min-width:120px}
.profile-avatar-uploading{pointer-events:none;opacity:.72}.profile-avatar-uploading .profile-avatar-cropper-save:after{content:"…"}
@media(max-width:560px){.profile-avatar-cropper{padding:10px}.profile-avatar-cropper-card{padding:16px;border-radius:21px}.profile-avatar-cropper-stage{width:min(330px,86vw);border-radius:22px}.profile-avatar-cropper-actions{display:grid;grid-template-columns:1fr 1fr}.profile-avatar-cropper-actions button{min-width:0}}
/* XFAME_AVATAR_DISPLAY_CROPPER_FIX_V3_END */

/* XFAME_AVATAR_RENDER_ONLY_FIX_V4_START */
/* Большая аватарка профиля: заполняет исходную скруглённую форму без изменения карандаша. */
.profile-avatar-edit-target-final > .profile-avatar-current-layer{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:24px!important;
  clip-path:inset(0 round 24px)!important;
  background:#151914!important;
  pointer-events:none!important;
}
.profile-avatar-edit-target-final > .profile-avatar-current-layer > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:24px!important;
  object-fit:cover!important;
  object-position:center!important;
}
/* Аватарка в шапке. */
.avatar-btn{
  overflow:hidden!important;
  border-radius:16px!important;
}
.avatar-btn > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  object-fit:cover!important;
  object-position:center!important;
}
/* Публичный профиль и мини-аватарки live-ленты. */
.public-profile-avatar,
.live-drop-strip-avatar{
  overflow:hidden!important;
}
.public-profile-avatar > img,
.live-drop-strip-avatar > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
/* XFAME_AVATAR_RENDER_ONLY_FIX_V4_END */