
:root{
  --social-green:#b4ef39;--social-gold:#ffd452;--social-line:#283128;
  --social-panel:#101510;--social-muted:#879187;
}
.social-wrap{width:min(1280px,calc(100% - 32px));margin:38px auto 80px}
.social-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.social-nav a{padding:9px 13px;border:1px solid #303830;background:#111611;color:#dce4db;text-decoration:none}
.social-nav a:hover{border-color:var(--social-green);color:var(--social-green)}
.social-card{background:#101510;border:1px solid var(--social-line);padding:15px}
.social-grid{display:grid;grid-template-columns:330px 1fr;gap:15px}
.profile-shell{position:relative;overflow:hidden;border:1px solid #303830;background:#0b0f0b}
.profile-banner{height:150px;position:relative;background:linear-gradient(135deg,#182118,#0b0d0b);background-size:200% 200%}
.profile-body{position:relative;padding:0 18px 18px}
.profile-avatar-wrap{width:112px;height:112px;margin-top:-56px;position:relative;border-radius:16px;padding:5px;background:#202820;z-index:2}
.profile-avatar{width:100%;height:100%;object-fit:cover;border-radius:12px;background:#080b08}
.profile-name{font-size:28px;font-weight:950;margin-top:9px}
.profile-meta{color:#869286;font-size:12px}
.profile-bio{margin-top:10px;min-height:42px;color:#c9d1c9}
.friend-count{color:var(--social-green);font-weight:900}
.list{display:grid;gap:8px}
.person{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #293129;background:#0c110c}
.person img{width:54px;height:54px;object-fit:cover;border-radius:9px;background:#080b08}
.person b{display:block}.person small{color:#7f8a7f}
.person-actions{display:flex;gap:6px;flex-wrap:wrap}
.social-btn{border:1px solid #344034;background:#151b15;color:#fff;padding:8px 10px;cursor:pointer}
.social-btn.primary{background:var(--social-green);color:#081000;border-color:var(--social-green);font-weight:900}
.social-btn.gold{background:var(--social-gold);color:#171000;border-color:var(--social-gold);font-weight:900}
.social-btn.danger{background:#351616;border-color:#552222;color:#ff9f9f}

/* Frames */
.pf-frame[data-frame="survivor"]{background:linear-gradient(145deg,#727b72,#242a24);box-shadow:0 0 0 2px #414b41}
.pf-frame[data-frame="toxic"]{background:linear-gradient(120deg,#61ff00,#153c06,#c8ff47);background-size:250% 250%;animation:frameShift 2.6s linear infinite;box-shadow:0 0 18px rgba(116,255,31,.45)}
.pf-frame[data-frame="cyber"]{background:linear-gradient(135deg,#04d9ff,#2b1c79,#ff38d1,#04d9ff);background-size:300% 300%;animation:frameShift 3s linear infinite;box-shadow:0 0 16px rgba(4,217,255,.35)}
.pf-frame[data-frame="bloodmoon"]{background:linear-gradient(135deg,#ff4058,#3d0710,#a81228);animation:bloodPulse 1.8s ease-in-out infinite}
.pf-frame[data-frame="goldelite"]{background:linear-gradient(135deg,#fff0a2,#b47d16,#f7d55c);box-shadow:0 0 0 2px #7f5a16}
.pf-frame[data-frame="arctic"]{background:linear-gradient(135deg,#eaffff,#6ac6df,#215475)}
.pf-frame[data-frame="void"]{background:linear-gradient(135deg,#6d37ff,#1c0c3c,#da63ff,#6d37ff);background-size:280% 280%;animation:frameShift 3.2s linear infinite;box-shadow:0 0 20px rgba(127,63,255,.45)}
.pf-frame[data-frame="military"]{background:linear-gradient(135deg,#78806a,#31392d,#a3a884)}
.pf-frame[data-frame="ember"]{background:linear-gradient(135deg,#ffca54,#ff5a1f,#52120b,#ffca54);background-size:300% 300%;animation:frameShift 2.2s linear infinite;box-shadow:0 0 18px rgba(255,90,31,.4)}
.pf-frame[data-frame="royal"]{background:linear-gradient(135deg,#dcc4ff,#7441b6,#351b58)}
@keyframes frameShift{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes bloodPulse{50%{box-shadow:0 0 24px rgba(255,44,72,.65)}}

/* Banners */
.profile-banner[data-banner="survivor"]{background:linear-gradient(135deg,#273026,#0a0d0a 70%)}
.profile-banner[data-banner="toxic"]{background:radial-gradient(circle at 30% 30%,#7dff24 0%,#174c08 24%,#080b08 65%);animation:bannerPulse 3s ease-in-out infinite}
.profile-banner[data-banner="cyber"]{background:linear-gradient(120deg,#07151d,#0a3458,#35124b,#07151d);background-size:300% 300%;animation:bannerMove 6s linear infinite}
.profile-banner[data-banner="bloodmoon"]{background:radial-gradient(circle at 75% 42%,#e43e50 0 11%,#54111a 12% 28%,#10080a 55%)}
.profile-banner[data-banner="goldelite"]{background:linear-gradient(120deg,#151006,#815811,#e2b84c,#151006)}
.profile-banner[data-banner="arctic"]{background:linear-gradient(135deg,#0b1b29,#2f7195,#bdeaff)}
.profile-banner[data-banner="void"]{background:radial-gradient(circle at 68% 45%,#bb63ff,#4d1d95 18%,#160929 42%,#08090d 70%);animation:bannerPulse 2.8s ease-in-out infinite}
.profile-banner[data-banner="military"]{background:linear-gradient(135deg,#30392a,#151a14,#68735d)}
.profile-banner[data-banner="ember"]{background:radial-gradient(circle at 70% 70%,#ffb633,#b42d10 18%,#35100a 38%,#090909 70%);animation:bannerPulse 2.2s ease-in-out infinite}
.profile-banner[data-banner="royal"]{background:linear-gradient(135deg,#180c2a,#53247d,#a673dd)}
@keyframes bannerMove{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes bannerPulse{50%{filter:brightness(1.18)}}

/* Chat */
.chat-layout{display:grid;grid-template-columns:310px 1fr;gap:12px;height:670px}
.chat-list{border:1px solid #283128;background:#0d120d;overflow:auto}
.chat-person{padding:10px;border-bottom:1px solid #242d24;cursor:pointer;display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center}
.chat-person:hover,.chat-person.active{background:#171d17}
.chat-person img{width:42px;height:42px;border-radius:8px}
.unread{min-width:21px;height:21px;border-radius:999px;background:var(--social-green);color:#081000;display:grid;place-items:center;font-size:11px;font-weight:950}
.chat-box{display:grid;grid-template-rows:auto 1fr auto;border:1px solid #283128;background:#0b0f0b;min-width:0}
.chat-head{padding:12px;border-bottom:1px solid #283128;font-weight:900}
.messages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:7px}
.bubble{max-width:72%;padding:9px 11px;border-radius:12px;background:#1a201a;word-break:break-word}
.bubble.me{align-self:flex-end;background:#29400f;border:1px solid #527c20}
.bubble.other{align-self:flex-start}
.bubble time{display:block;font-size:9px;color:#879187;margin-top:3px}
.chat-compose{display:grid;grid-template-columns:1fr 90px;gap:7px;padding:10px;border-top:1px solid #283128}
.chat-compose input{background:#111611;color:#fff;border:1px solid #303830;padding:10px}
.cos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cos-card{border:1px solid #293129;background:#0c110c;padding:10px}
.cos-preview{height:130px;display:grid;place-items:center;background:#090c09;overflow:hidden;margin-bottom:8px}
.cos-preview .mini-frame{width:78px;height:78px;padding:5px;border-radius:14px}
.cos-preview .mini-avatar{width:100%;height:100%;border-radius:10px;object-fit:cover}
.cos-banner{width:100%;height:100%;background-size:200% 200%}
@media(max-width:900px){.social-grid,.chat-layout{grid-template-columns:1fr}.chat-layout{height:auto}.chat-list{max-height:300px}.chat-box{height:600px}.cos-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.cos-grid{grid-template-columns:1fr}.person{grid-template-columns:46px 1fr}.person-actions{grid-column:1/-1}}


/* v13.2 profile backgrounds */
.profile-stage{position:relative;overflow:hidden;border:1px solid #283128;border-radius:14px;padding:28px;background:#0b0f0b;min-height:520px}
.profile-stage::before{content:"";position:absolute;inset:0;opacity:.88;pointer-events:none;background:linear-gradient(135deg,#101510,#080a09)}
.profile-stage>*{position:relative;z-index:2}
.profile-stage[data-background="survivor"]::before{background:linear-gradient(135deg,#222b22,#0a0e0a 70%)}
.profile-stage[data-background="toxic"]::before{background:radial-gradient(circle at 25% 20%,#6dff22 0,#194d08 16%,#091008 45%,#070907 75%);background-size:160% 160%;animation:bgDrift 6s ease-in-out infinite alternate}
.profile-stage[data-background="cyber"]::before{background:linear-gradient(120deg,#07151d,#123f62,#34104d,#07151d);background-size:300% 300%;animation:bgFlow 8s linear infinite}
.profile-stage[data-background="bloodmoon"]::before{background:radial-gradient(circle at 80% 20%,#e44158 0 8%,#59101a 9% 24%,#10080a 48%,#08090a 75%);animation:bgPulse 3s ease-in-out infinite}
.profile-stage[data-background="goldelite"]::before{background:linear-gradient(135deg,#171107,#5c4316,#c29a38,#171107)}
.profile-stage[data-background="arctic"]::before{background:linear-gradient(145deg,#07151f,#2d708f,#b9e8f5)}
.profile-stage[data-background="void"]::before{background:radial-gradient(circle at 72% 40%,#a75bff,#4f1c91 18%,#17092d 44%,#08090d 72%);animation:bgPulse 2.7s ease-in-out infinite}
.profile-stage[data-background="military"]::before{background:linear-gradient(135deg,#2f392a,#151a14,#59644e)}
.profile-stage[data-background="ember"]::before{background:radial-gradient(circle at 70% 80%,#ffbd48,#ba3515 16%,#3b1008 38%,#090909 70%);animation:bgPulse 2.2s ease-in-out infinite}
.profile-stage[data-background="royal"]::before{background:linear-gradient(135deg,#180c2b,#4f2379,#9463c8)}
@keyframes bgFlow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes bgDrift{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes bgPulse{50%{filter:brightness(1.18)}}

.comment-box{margin-top:16px}
.comment-compose{display:grid;grid-template-columns:1fr 100px;gap:8px}
.comment-compose textarea{min-height:70px;background:#090d09;color:#fff;border:1px solid #303830;padding:10px;resize:vertical}
.comment-list{display:grid;gap:8px;margin-top:12px}
.comment{display:grid;grid-template-columns:42px 1fr auto;gap:9px;padding:10px;border:1px solid #293129;background:#0c110c}
.comment img{width:42px;height:42px;border-radius:8px}
.comment b{display:block}.comment time{font-size:10px;color:#7f8b7f}.comment p{margin:5px 0 0;white-space:pre-wrap;word-break:break-word}

.chat-tools{display:flex;gap:6px;align-items:center;padding:7px 10px;border-top:1px solid #283128;background:#0d120d;flex-wrap:wrap}
.chat-tool{border:1px solid #344034;background:#151b15;color:#fff;padding:7px 9px;cursor:pointer;border-radius:7px}
.emoji-picker{display:none;gap:5px;flex-wrap:wrap;padding:8px;background:#111611;border:1px solid #303830;max-width:360px}
.emoji-picker.show{display:flex}.emoji-picker button{font-size:20px;background:#0c100d;border:1px solid #293129;padding:5px;cursor:pointer}
.attachment-preview{display:none;align-items:center;gap:8px;padding:7px;border:1px solid #344034;background:#101510}
.attachment-preview.show{display:flex}.attachment-preview img{width:58px;height:58px;object-fit:cover;border-radius:7px}
.bubble-media{display:block;max-width:min(360px,70vw);max-height:340px;border-radius:10px;margin-bottom:5px;object-fit:contain}
.chat-compose{grid-template-columns:1fr 88px!important}
.chat-compose textarea{min-height:44px;max-height:110px;resize:none;background:#111611;color:#fff;border:1px solid #303830;padding:10px}
.cos-filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.cos-filters button{border:1px solid #303830;background:#151b15;color:#fff;padding:8px 12px;cursor:pointer}.cos-filters button.active{border-color:#b4ef39;color:#b4ef39}
.bg-preview{width:100%;height:100%;border-radius:8px}


/* Sector-Z bilingual language switcher */
.sector-lang-switcher{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
  margin-right:8px;
  height:36px;
  padding:0 9px;
  border:1px solid rgba(180,239,57,.28);
  background:rgba(10,14,10,.86);
  border-radius:6px;
  white-space:nowrap;
}
.sector-lang-switcher span{
  color:#596459;
  font-size:11px;
}
.sector-lang-switcher button{
  appearance:none;
  border:0;
  background:transparent;
  color:#879287;
  font:inherit;
  font-size:11px;
  font-weight:950;
  padding:4px 3px;
  cursor:pointer;
}
.sector-lang-switcher button:hover{color:#fff}
.sector-lang-switcher button.active{
  color:#b4ef39;
  text-shadow:0 0 10px rgba(180,239,57,.25);
}
@media(max-width:850px){
  .sector-lang-switcher{order:9;margin-left:0}
}


/* v14.7 top-right language + Discord controls */
.header-actions,.sector-header-tools{display:flex;align-items:center;gap:9px;margin-left:auto}
.sector-discord-icon,.discord-link.sector-discord-icon{
  width:46px!important;height:46px!important;min-width:46px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(88,101,242,.6)!important;border-radius:8px!important;
  background:#5865F2!important;color:#fff!important;text-decoration:none!important;
  transition:.18s ease!important;
}
.sector-discord-icon:hover{transform:translateY(-2px);background:#6875f5!important;box-shadow:0 8px 26px rgba(88,101,242,.25)}
.sector-discord-icon img{width:25px!important;height:25px!important;display:block!important;filter:none!important}
.sector-lang-switcher{margin-left:0!important;margin-right:0!important;height:46px!important;padding:0 11px!important;order:99}
@media(max-width:850px){.header-actions,.sector-header-tools{gap:6px}.sector-discord-icon{width:42px!important;height:42px!important;min-width:42px!important}.sector-lang-switcher{height:42px!important}}


/* v14.7.3 unified public header - same pattern on every page */
.global-site-header,
.site-header.global-site-header{
  position:sticky!important;
  z-index:300!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:24px!important;
  padding:12px clamp(20px,5vw,80px)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:rgba(8,10,9,.96)!important;
  backdrop-filter:blur(18px)!important;
}
.global-site-header .brand{
  display:inline-flex!important;align-items:center!important;gap:10px!important;width:max-content!important;
  font-size:1.05rem!important;font-weight:900!important;letter-spacing:-.03em!important;text-decoration:none!important;color:#f0f2eb!important;
}
.global-site-header .brand>span:last-child>span{color:#b4ef39!important}
.global-site-header .brand-mark{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;color:#111!important;background:#b4ef39!important;transform:skew(-6deg)!important;box-shadow:0 0 28px rgba(180,239,57,.17)!important;overflow:hidden!important}
.global-site-header .brand-mark svg{width:22px!important}
.global-site-header nav{display:flex!important;align-items:center!important;gap:28px!important;justify-self:center!important;white-space:nowrap!important}
.global-site-header nav a{color:#bbc2b8!important;font-size:.88rem!important;font-weight:700!important;text-decoration:none!important;transition:color .2s!important}
.global-site-header nav a:hover{color:#fff!important}
.global-site-header .header-actions{justify-self:end!important;display:flex!important;align-items:center!important;gap:9px!important;margin-left:0!important}
.global-site-header .player-login-link{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 14px!important;border:1px solid #b4ef39!important;font-size:.84rem!important;font-weight:800!important;background:#b4ef39!important;color:#0a0d09!important;text-decoration:none!important;min-height:46px!important}
.global-site-header .player-login-link:hover{background:#c4fa55!important}
.global-site-header .player-login-link svg{width:17px!important}
.global-site-header .logged-in-account{background:linear-gradient(135deg,rgba(180,239,57,.07),rgba(12,16,13,.96))!important;color:#fff!important;min-width:250px!important}
.global-site-header .sector-discord-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:8px!important}
.global-site-header .sector-lang-switcher{height:46px!important;margin:0!important}
@media(max-width:1180px){
  .global-site-header,.site-header.global-site-header{grid-template-columns:1fr auto!important;gap:12px!important}
  .global-site-header nav{display:none!important}
}
@media(max-width:760px){
  .global-site-header,.site-header.global-site-header{padding:9px 12px!important;min-height:64px!important}
  .global-site-header .logged-in-account{min-width:auto!important}
  .global-site-header .sector-discord-icon{width:42px!important;height:42px!important;min-width:42px!important}
  .global-site-header .sector-lang-switcher{height:42px!important}
}


/* v14.7.4 - exact unified header layout across all public pages */
.global-site-header{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
}
.global-site-header .brand{
  justify-self:start!important;
  flex:none!important;
}
.global-site-header nav{
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(14px,1.6vw,28px)!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}
.global-site-header nav a{
  white-space:nowrap!important;
}
.global-site-header .header-actions{
  justify-self:end!important;
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:none!important;
}
.global-site-header .logged-in-account,
.global-site-header .player-login-link{
  order:1!important;
}
.global-site-header .sector-discord-icon,
.global-site-header .discord-link{
  order:2!important;
}
.global-site-header .sector-lang-switcher{
  order:3!important;
}
@media(max-width:1180px){
  .global-site-header{grid-template-columns:auto 1fr auto!important;gap:14px!important}
  .global-site-header nav{gap:12px!important;font-size:12px!important}
}
@media(max-width:920px){
  .global-site-header{display:flex!important;flex-wrap:wrap!important}
  .global-site-header nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start!important;padding-bottom:4px}
  .global-site-header .header-actions{margin-left:auto!important}
}

/* v14.8 profile premium + public profile layout */
.profile-pass-card{margin-top:14px;border:1px solid #2f382f;background:linear-gradient(135deg,#121712,#0d120d);padding:12px 13px;display:grid;gap:3px}
.profile-pass-card small{color:#879287;font-size:11px}.profile-pass-card strong{color:#9cff00;font-size:21px;line-height:1}.profile-pass-card span{font-size:11px;color:#7f8b7f}.profile-pass-card span.premium{color:#ffd452;font-weight:900}
.profile-stage.viewing-other .social-grid{grid-template-columns:320px minmax(0,1fr);min-height:390px}.profile-stage.viewing-other .profile-shell{align-self:start}
@media(max-width:900px){.profile-stage.viewing-other .social-grid{grid-template-columns:1fr}}

/* v14.8 limited-sale labels */
.cos-sale-timer{margin:7px 0 2px;padding:6px 8px;border:1px solid #303830;background:#0a0e0a;font-size:11px;font-weight:900}
.cos-sale-timer.live{color:#ffd452;border-color:#6a5720;background:rgba(255,212,82,.05)}
.cos-sale-timer.upcoming{color:#a88cff;border-color:#4c3769;background:rgba(168,140,255,.05)}
.cos-sale-timer.expired{color:#ff7f7f;border-color:#6d3030}.cos-sale-timer.permanent{color:#7f8b7f}

/* v14.8 animated profile cosmetics */
@keyframes neonSweep{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes hazardSlide{0%{background-position:0 0}100%{background-position:120px 0}}
@keyframes auroraFlow{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(45deg) brightness(1.22)}}
@keyframes matrixPulse{0%{background-position:0 0}100%{background-position:0 160px}}
.pf-frame[data-frame="neonstorm"]{background:linear-gradient(120deg,#7bff2d,#18d7ff,#9b43ff,#7bff2d);background-size:300% 300%;animation:neonSweep 3s linear infinite;box-shadow:0 0 18px rgba(84,255,93,.42),0 0 28px rgba(24,215,255,.22)}
.profile-banner[data-banner="neonstorm"]{background:repeating-linear-gradient(110deg,rgba(113,255,42,.22) 0 2px,transparent 2px 26px),linear-gradient(120deg,#06120b,#063c43,#1c0d3d,#06120b);background-size:180px 100%,300% 300%;animation:hazardSlide 3s linear infinite,neonSweep 7s linear infinite}
.profile-stage[data-background="neonstorm"]::before{background:radial-gradient(circle at 72% 22%,rgba(29,223,255,.45),transparent 22%),radial-gradient(circle at 22% 65%,rgba(139,255,42,.32),transparent 26%),linear-gradient(135deg,#041109,#071c27,#19082d,#041109);background-size:160% 160%;animation:bgDrift 7s ease-in-out infinite alternate,auroraFlow 5s ease-in-out infinite}
.pf-frame[data-frame="hazardwave"]{background:repeating-linear-gradient(135deg,#ffd92f 0 10px,#191b15 10px 20px);background-size:56px 56px;animation:hazardSlide 1.8s linear infinite;box-shadow:0 0 16px rgba(255,217,47,.34)}
.profile-banner[data-banner="hazardwave"]{background:repeating-linear-gradient(135deg,rgba(255,217,47,.78) 0 12px,rgba(13,16,13,.92) 12px 24px);background-size:68px 68px;animation:hazardSlide 2.2s linear infinite}
.profile-stage[data-background="hazardwave"]::before{background:linear-gradient(90deg,rgba(255,217,47,.08),transparent 22%,rgba(255,217,47,.06) 58%,transparent),repeating-linear-gradient(135deg,#11150f 0 24px,#171b12 24px 48px);background-size:auto,136px 136px;animation:hazardSlide 4s linear infinite}
.pf-frame[data-frame="aurora"]{background:linear-gradient(120deg,#57ff8b,#43c8ff,#b555ff,#ff69a7,#57ff8b);background-size:400% 400%;animation:neonSweep 4.2s linear infinite,auroraFlow 3.4s ease-in-out infinite;box-shadow:0 0 22px rgba(93,255,173,.38)}
.profile-banner[data-banner="aurora"]{background:radial-gradient(ellipse at 20% 100%,rgba(62,255,178,.7),transparent 36%),radial-gradient(ellipse at 75% 0%,rgba(148,86,255,.65),transparent 38%),linear-gradient(135deg,#04100c,#081728,#130820);animation:auroraFlow 4.5s ease-in-out infinite}
.profile-stage[data-background="aurora"]::before{background:radial-gradient(ellipse at 15% 85%,rgba(60,255,185,.38),transparent 31%),radial-gradient(ellipse at 82% 18%,rgba(175,76,255,.4),transparent 31%),linear-gradient(135deg,#04100c,#071523,#10061c);animation:bgDrift 8s ease-in-out infinite alternate,auroraFlow 5s ease-in-out infinite}
.pf-frame[data-frame="matrixrain"]{background:repeating-linear-gradient(90deg,#95ff53 0 2px,#0c170d 2px 8px);background-size:42px 100%;animation:hazardSlide 2.6s linear infinite;box-shadow:0 0 18px rgba(93,255,75,.35)}
.profile-banner[data-banner="matrixrain"]{background:repeating-linear-gradient(0deg,rgba(110,255,77,.18) 0 2px,transparent 2px 14px),linear-gradient(180deg,#041005,#071a08,#020703);background-size:100% 56px,100% 100%;animation:matrixPulse 3.8s linear infinite}
.profile-stage[data-background="matrixrain"]::before{background:repeating-linear-gradient(90deg,rgba(116,255,85,.08) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(116,255,85,.06) 0 2px,transparent 2px 24px),linear-gradient(180deg,#020703,#061109,#010403);background-size:28px 100%,100% 72px,100% 100%;animation:matrixPulse 4s linear infinite}


/* v14.9 premium badge beside player name */
.profile-premium-badge{
  display:inline-flex;
  align-items:center;
  gap:3px;
  margin-left:6px;
  color:#ffd452;
  font-size:12px;
  font-weight:950;
  vertical-align:middle;
  text-shadow:0 0 10px rgba(255,212,82,.18);
}

/* v14.9 Profile Shop unified pricing */
.cos-price-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:7px 0}
.cos-price{display:inline-flex;padding:5px 8px;border-radius:5px;font-size:12px;font-weight:950}
.cos-price.wallet{color:#b4ef39;border:1px solid rgba(180,239,57,.38);background:rgba(180,239,57,.07)}
.cos-price.sc{color:#ffe36c;border:1px solid rgba(255,227,108,.38);background:rgba(255,227,108,.06)}
.cos-stock{color:#7f8b7f}

/* v15 limited-only labels */
.cos-sale-timer.permanent{display:none!important}
.profile-shop-permanent{display:none!important}


/* v15.1 visual reliability + missing legacy styles */
.profile-custom-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.profile-custom-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.profile-stage>.social-grid{position:relative;z-index:2}

.pf-frame[data-frame="cyber"]{background:linear-gradient(120deg,#19dfff,#0d3345,#19dfff);box-shadow:0 0 16px rgba(25,223,255,.32)}
.profile-banner[data-banner="cyber"]{background:repeating-linear-gradient(90deg,rgba(0,235,255,.18) 0 1px,transparent 1px 28px),linear-gradient(135deg,#031015,#071f29,#04090d)}
.profile-stage[data-background="cyber"]::before{background:repeating-linear-gradient(90deg,rgba(0,235,255,.09) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(0,235,255,.06) 0 1px,transparent 1px 34px),linear-gradient(135deg,#02090d,#071c26,#02070a)}

.pf-frame[data-frame="bloodmoon"]{background:linear-gradient(135deg,#ff4b50,#43070b,#ff4b50);box-shadow:0 0 16px rgba(255,55,60,.32)}
.profile-banner[data-banner="bloodmoon"]{background:radial-gradient(circle at 72% 28%,rgba(255,65,65,.62),transparent 22%),linear-gradient(135deg,#170405,#39090b,#070202)}
.profile-stage[data-background="bloodmoon"]::before{background:radial-gradient(circle at 72% 22%,rgba(255,60,60,.38),transparent 20%),linear-gradient(135deg,#100304,#270607,#050202)}

.pf-frame[data-frame="goldelite"]{background:linear-gradient(135deg,#ffdc62,#7c5a10,#ffe178);box-shadow:0 0 15px rgba(255,214,78,.28)}
.profile-banner[data-banner="goldelite"]{background:radial-gradient(circle at 52% 25%,rgba(255,216,85,.35),transparent 24%),linear-gradient(135deg,#1a1405,#4d3709,#0b0903)}
.profile-stage[data-background="goldelite"]::before{background:radial-gradient(circle at 50% 24%,rgba(255,216,85,.22),transparent 24%),linear-gradient(135deg,#110d04,#322509,#070602)}

.pf-frame[data-frame="arctic"]{background:linear-gradient(135deg,#d9fbff,#4db7d5,#e7fdff);box-shadow:0 0 16px rgba(156,233,255,.26)}
.profile-banner[data-banner="arctic"]{background:radial-gradient(circle at 35% 25%,rgba(156,233,255,.44),transparent 25%),linear-gradient(135deg,#07151c,#143b4b,#081218)}
.profile-stage[data-background="arctic"]::before{background:radial-gradient(circle at 35% 25%,rgba(156,233,255,.28),transparent 25%),linear-gradient(135deg,#061117,#102b37,#050c10)}

.pf-frame[data-frame="void"]{background:linear-gradient(135deg,#aa4dff,#31074c,#c16aff);box-shadow:0 0 18px rgba(168,74,255,.34)}
.profile-banner[data-banner="void"]{background:radial-gradient(circle at 55% 40%,rgba(168,74,255,.58),transparent 24%),linear-gradient(135deg,#0d0516,#2a0a42,#06030a)}
.profile-stage[data-background="void"]::before{background:radial-gradient(circle at 55% 40%,rgba(168,74,255,.34),transparent 25%),linear-gradient(135deg,#09030f,#1d072e,#040206)}

.pf-frame[data-frame="military"]{background:linear-gradient(135deg,#859461,#344129,#8c9d64)}
.profile-banner[data-banner="military"]{background:repeating-linear-gradient(135deg,rgba(130,150,82,.15) 0 12px,transparent 12px 24px),linear-gradient(135deg,#14180f,#26301c,#0a0d08)}
.profile-stage[data-background="military"]::before{background:repeating-linear-gradient(135deg,rgba(130,150,82,.08) 0 18px,transparent 18px 36px),linear-gradient(135deg,#0e120b,#1b2215,#080a07)}

.pf-frame[data-frame="royal"]{background:linear-gradient(135deg,#6e2792,#c25ce9,#511c71);box-shadow:0 0 16px rgba(177,76,255,.25)}
.profile-banner[data-banner="royal"]{background:radial-gradient(circle at 52% 32%,rgba(177,76,255,.5),transparent 25%),linear-gradient(135deg,#13051d,#321044,#09040d)}
.profile-stage[data-background="royal"]::before{background:radial-gradient(circle at 52% 30%,rgba(177,76,255,.28),transparent 25%),linear-gradient(135deg,#0d0313,#240b32,#060208)}


/* v15.6 cosmetic inventory + custom visual fixes */
.cosmetic-detail-motion{position:relative;overflow:hidden}
.cosmetic-detail-motion::after{
  content:"";position:absolute;inset:-15%;pointer-events:none;z-index:4;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,255,255,.13),transparent 18%),
    linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 48%,transparent 61%);
  transform:translateX(-22%);opacity:.55;mix-blend-mode:screen;
  animation:cosDetailSweep 6.5s ease-in-out infinite alternate;
}
@keyframes cosDetailSweep{0%{transform:translate(-18%,2%);opacity:.25}55%{opacity:.58}100%{transform:translate(18%,-3%);opacity:.32}}
@media(prefers-reduced-motion:reduce){.cosmetic-detail-motion::after{animation:none;opacity:.18}}
.profile-custom-background,.profile-custom-banner{width:100%;height:100%;object-fit:cover;display:block}
.profile-custom-background{position:absolute;inset:0;z-index:0!important}
.profile-custom-banner{position:absolute;inset:0;z-index:0}
.profile-custom-frame-overlay{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);object-fit:contain;z-index:5;pointer-events:none}
.profile-avatar{position:relative;z-index:2}
.profile-banner.cosmetic-detail-motion::after,.profile-stage.cosmetic-detail-motion::after{border-radius:inherit}
.profile-banner>*{position:relative;z-index:2}
.cos-inventory-head{display:flex;justify-content:space-between;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}
.cos-inventory-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.cos-inventory-tabs button{border:1px solid #303830;background:#111611;color:#fff;padding:8px 12px;cursor:pointer}
.cos-inventory-tabs button.active{border-color:var(--social-green);color:var(--social-green)}
.cos-inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cos-inventory-card{border:1px solid #293129;background:#0c110c;overflow:hidden}
.cos-inventory-preview{height:170px;position:relative;background:#080b08;display:grid;place-items:center;overflow:hidden}
.cos-inventory-preview>img,.cos-inventory-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cos-inventory-card .body{padding:12px}.cos-inventory-card h3{margin:0 0 4px}.cos-inventory-meta{font-size:11px;color:#879187}.cos-inventory-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.cos-inventory-actions button{border:1px solid #344034;background:#151b15;color:#fff;padding:8px 11px;cursor:pointer}
.cos-inventory-actions button.use{background:var(--social-green);border-color:var(--social-green);color:#081000;font-weight:900}
.cos-inventory-actions button.active{border-color:#ffd452;color:#ffd452;background:rgba(255,212,82,.06)}
.cos-owned-frame{position:relative;width:104px;height:104px;display:grid;place-items:center}
.cos-owned-frame .base-avatar{width:78px;height:78px;border-radius:10px;image-rendering:pixelated;object-fit:cover;z-index:1}
.cos-owned-frame .frame-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}
.cos-owned-frame.pf-frame{padding:7px;border-radius:16px}
.inventory-empty{border:1px dashed #303830;padding:28px;text-align:center;color:#879187}
@media(max-width:950px){.cos-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cos-inventory-grid{grid-template-columns:1fr}}


/* v15.7 profile comments: translucent glass over cosmetic background */
.profile-stage .comment-box{
  background:rgba(8,13,9,.54)!important;
  border-color:rgba(118,143,112,.28)!important;
  -webkit-backdrop-filter:blur(7px) saturate(112%);
  backdrop-filter:blur(7px) saturate(112%);
  box-shadow:0 16px 42px rgba(0,0,0,.17);
}
.profile-stage .comment-compose textarea{
  background:rgba(5,10,6,.48)!important;
  border-color:rgba(129,151,124,.30)!important;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}
.profile-stage .comment{
  background:rgba(7,12,8,.45)!important;
  border-color:rgba(118,143,112,.24)!important;
  -webkit-backdrop-filter:blur(5px) saturate(110%);
  backdrop-filter:blur(5px) saturate(110%);
}
.profile-stage .comment:hover{
  background:rgba(8,14,9,.56)!important;
}
