:root{--account-orange:#ff8a00;--account-gold:#ffc400;--account-panel:rgba(18,18,20,.94)}
.account-nav-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.user-search{position:relative}.search-toggle,.auth-btn,.account-chip{height:42px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:700 13px inherit;transition:.22s}.search-toggle{width:42px;font-size:18px}.search-box{position:absolute;right:0;top:52px;width:310px;padding:10px;background:rgba(13,13,15,.97);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;z-index:1200}.user-search.open .search-box{opacity:1;visibility:visible;transform:none}.search-box input{width:100%;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#09090a;color:#fff;padding:0 13px;outline:none}.search-results{max-height:260px;overflow:auto;margin-top:8px}.search-result{display:flex;align-items:center;gap:10px;padding:9px;border-radius:11px;color:#fff;text-decoration:none}.search-result:hover{background:rgba(255,138,0,.09)}.mini-avatar,.account-avatar{display:grid;place-items:center;border-radius:50%;flex:0 0 auto}.mini-avatar{width:34px;height:34px;font-size:18px}.auth-actions{display:flex;gap:8px}.auth-btn{padding:0 15px}.auth-btn.primary{border-color:rgba(255,145,0,.4);background:linear-gradient(135deg,#ff7900,#ffb000);color:#101010}.account-chip{padding:0 10px 0 6px}.account-avatar{width:32px;height:32px;font-size:18px}.account-menu-wrap{position:relative}.account-dropdown{position:absolute;right:0;top:52px;width:205px;padding:8px;background:rgba(13,13,15,.98);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 20px 55px rgba(0,0,0,.5);display:none;z-index:1200}.account-menu-wrap.open .account-dropdown{display:block}.account-dropdown a,.account-dropdown button{width:100%;border:0;background:none;color:#ddd;text-decoration:none;text-align:left;padding:11px;border-radius:10px;font:600 13px inherit;cursor:pointer;display:block}.account-dropdown a:hover,.account-dropdown button:hover{background:rgba(255,255,255,.06);color:#fff}.account-modal{position:fixed;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:24px;z-index:5000}.account-modal.open{display:flex}.account-dialog{width:min(930px,100%);max-height:min(780px,94vh);overflow:auto;background:linear-gradient(145deg,rgba(25,25,28,.98),rgba(10,10,12,.98));border:1px solid rgba(255,255,255,.11);border-radius:26px;box-shadow:0 35px 100px rgba(0,0,0,.65);position:relative}.account-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:20px;cursor:pointer;z-index:2}.auth-tabs{display:flex;padding:20px 64px 0 24px;gap:8px}.auth-tab{border:0;border-radius:12px;background:transparent;color:#888;padding:11px 16px;font-weight:800;cursor:pointer}.auth-tab.active{background:rgba(255,139,0,.1);color:#ffad28}.auth-panel{display:none;padding:24px}.auth-panel.active{display:block}.login-panel{max-width:480px;margin:auto;padding-top:12px;padding-bottom:38px}.register-layout{display:grid;grid-template-columns:300px 1fr;gap:28px}.avatar-builder{padding:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:20px}.avatar-preview{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;font-size:66px;margin:5px auto 18px;box-shadow:0 14px 50px rgba(0,0,0,.35)}.builder-label,.form-label{display:block;color:#bbb;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:14px 0 8px}.emoji-grid,.bg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;max-height:150px;overflow:auto}.emoji-option,.bg-option{aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,255,255,.08);cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.035);font-size:20px}.emoji-option.selected,.bg-option.selected{outline:2px solid #ff9700;outline-offset:1px}.bg-option{font-size:0}.account-form h2{font-size:30px;margin:0 0 6px}.account-form .muted{color:#858585;margin-bottom:20px}.required-nick{padding:13px 14px;border-radius:13px;border:1px solid rgba(255,151,0,.28);background:rgba(255,139,0,.08);color:#ffc66c;font-weight:700;margin:0 0 18px}.field{margin-bottom:14px}.field input{width:100%;height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#09090b;color:#fff;padding:0 15px;outline:none;font-size:15px}.field input:focus{border-color:rgba(255,145,0,.55);box-shadow:0 0 0 3px rgba(255,145,0,.08)}.generated-password{display:flex;gap:8px}.generated-password input{font-family:monospace;letter-spacing:.06em}.copy-small{width:48px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.submit-auth{height:50px;width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#ff7900,#ffc000);font-weight:900;color:#111;cursor:pointer;margin-top:8px}.forgot-link{display:inline-block;color:#ffad32;font-size:13px;margin:-4px 0 14px;text-decoration:none}.auth-message{min-height:20px;margin-top:10px;color:#ff8686;font-size:13px}.account-toast{position:fixed;right:24px;bottom:24px;z-index:7000;padding:15px 18px;border-radius:15px;background:#141416;border:1px solid rgba(92,255,154,.28);box-shadow:0 18px 50px rgba(0,0,0,.5);color:#d9ffe8;transform:translateY(25px);opacity:0;transition:.25s}.account-toast.show{transform:none;opacity:1}.account-page{min-height:100vh;padding:130px 24px 70px;background:radial-gradient(circle at 70% 5%,rgba(255,128,0,.09),transparent 33%),#080809;color:#fff}.account-page-shell{width:min(1080px,100%);margin:auto}.profile-card,.admin-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:25px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.profile-head{display:flex;align-items:center;gap:24px}.profile-big-avatar{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;font-size:68px}.profile-meta h1{font-size:42px;margin:0}.profile-meta p{color:#8f8f92}.profile-stats{display:flex;gap:12px;margin-top:16px}.profile-stat{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);cursor:pointer}.friend-btn{margin-left:auto;border:0;border-radius:14px;padding:14px 20px;background:linear-gradient(135deg,#ff7900,#ffb800);font-weight:900;cursor:pointer}.friends-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:24px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-action{padding:22px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.admin-action h3{margin-top:0}.admin-action input{width:100%;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#09090a;color:#fff;padding:0 12px}.admin-action button{width:100%;height:42px;margin-top:10px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff7900,#ffb800);font-weight:900;cursor:pointer}.admin-note{color:#8f8f92;font-size:13px}.role-admin{color:#ffc15a;font-weight:800}
@media(max-width:1050px){.menu{gap:18px!important}.account-nav-tools{gap:6px}.auth-btn{padding:0 10px}.auth-btn.secondary{display:none}}@media(max-width:800px){.register-layout{grid-template-columns:1fr}.avatar-builder{order:2}.account-nav-tools{position:absolute;right:18px}.menu{display:none!important}.search-box{right:-110px;width:290px}.admin-grid{grid-template-columns:1fr}.profile-head{flex-direction:column;text-align:center}.friend-btn{margin:0}.profile-stats{justify-content:center}}


/* Unified account controls and subpage header fixes */
.auth-actions > .account-avatar{
  width:42px;
  height:42px;
  font-size:20px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.045);
}
.account-nav-tools{flex:0 0 auto;min-width:0}
.account-nav-tools button{white-space:nowrap}

.sog-subpage-header{
  position:fixed;
  top:0;left:0;width:100%;
  z-index:50;
  background:rgba(12,12,12,.45);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid transparent;
  transition:.3s ease;
}
.sog-subpage-header.scrolled{
  background:rgba(8,8,8,.9);
  border-color:rgba(255,255,255,.06);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.sog-subpage-header nav{
  width:min(1200px,calc(100% - 48px));
  height:88px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:30px;
}
.sog-subpage-header .logo{
  color:#fff;text-decoration:none;font-weight:900;letter-spacing:1.5px;
  line-height:.95;font-size:18px;white-space:nowrap;flex:0 0 auto;
}
.sog-subpage-header .logo small{
  display:block;color:#ff8a00;font-size:10px;letter-spacing:4px;margin-top:7px;
}
.sog-subpage-header .menu{display:flex;align-items:center;gap:34px;margin-left:auto}
.sog-subpage-header .menu a{
  position:relative;color:#c9c9c9;text-decoration:none;font-size:14px;font-weight:600;transition:.25s ease;
}
.sog-subpage-header .menu a::after{
  content:"";position:absolute;left:0;bottom:-9px;width:100%;height:2px;
  background:linear-gradient(90deg,#ff8a00,#ffc400);transform:scaleX(0);transform-origin:left;transition:.25s ease;
}
.sog-subpage-header .menu a:hover,.sog-subpage-header .menu a.active{color:#fff}
.sog-subpage-header .menu a:hover::after,.sog-subpage-header .menu a.active::after{transform:scaleX(1)}
.sog-subpage-header .account-nav-tools{margin-left:0}

@media(max-width:1050px){
  .sog-subpage-header nav{gap:18px}
  .sog-subpage-header .menu{gap:16px}
  .sog-subpage-header .menu a{font-size:12px}
}
@media(max-width:800px){
  .sog-subpage-header nav{width:min(100% - 28px,1200px)}
  .sog-subpage-header .menu{display:none!important}
  .sog-subpage-header .account-nav-tools{position:static;margin-left:auto}
}
.sog-subpage-header nav{justify-content:flex-start!important}


/* One exact header geometry for every internal page */
.sog-subpage-header nav{
  width:min(1200px,calc(100% - 48px))!important;
  height:88px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr)!important;
  align-items:center!important;
  gap:30px!important;
}
.sog-subpage-header .logo{justify-self:start!important;margin:0!important}
.sog-subpage-header .menu{justify-self:center!important;margin:0!important}
.sog-subpage-header .account-nav-tools{justify-self:end!important;margin:0!important;position:static!important}
@media(max-width:1050px){
 .sog-subpage-header nav{grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;gap:16px!important}
 .sog-subpage-header .menu{gap:16px!important}
}
@media(max-width:800px){
 .sog-subpage-header nav{width:min(100% - 28px,1200px)!important;display:flex!important}
 .sog-subpage-header .account-nav-tools{margin-left:auto!important}
}

/* Polished account menu and notifications */
.notification-wrap,.account-menu-wrap{position:relative}
.notification-toggle{position:relative;width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.notification-toggle:hover,.notification-wrap.open .notification-toggle{transform:translateY(-1px);border-color:rgba(255,157,25,.38);background:rgba(255,139,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 20px rgba(255,139,0,.08)}
.bell-icon{font-size:19px;line-height:1;transform:rotate(45deg);display:block}
.notification-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff6a00,#ffb400);color:#111;border:2px solid #0d0d0f;font-size:10px;font-weight:900;line-height:14px;text-align:center}
.notification-dropdown{position:absolute;right:0;top:calc(100% + 14px);width:min(380px,calc(100vw - 28px));max-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(25,25,28,.98),rgba(10,10,12,.98));box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,150,0,.035) inset;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.975);transform-origin:top right;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .2s;z-index:120}
.notification-wrap.open .notification-dropdown{opacity:1;visibility:visible;transform:none}
.notification-title{padding:17px 18px 14px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:end}
.notification-title span{font-weight:900;font-size:16px}.notification-title small{color:#777;font-size:11px}.notification-list{max-height:430px;overflow:auto;padding:8px}
.notification-item{display:flex;gap:12px;padding:12px;border-radius:14px;transition:background .18s ease;border:1px solid transparent}.notification-item:hover{background:rgba(255,255,255,.045)}.notification-item.unread{background:rgba(255,145,0,.075);border-color:rgba(255,145,0,.12)}
.notification-avatar{width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.notification-body{min-width:0;flex:1}.notification-text{font-size:13px;line-height:1.45;color:#ddd}.notification-body small{display:block;color:#6f6f73;font-size:10px;margin-top:4px}.notification-actions{display:flex;gap:7px;margin-top:10px}.notification-actions button{height:31px;padding:0 11px;border-radius:9px;border:1px solid rgba(255,255,255,.09);cursor:pointer;font-weight:800;font-size:11px}.notification-actions .accept{background:linear-gradient(135deg,#ff7900,#ffb800);color:#111;border:0}.notification-actions .decline{background:rgba(255,255,255,.045);color:#bbb}.notification-actions button:disabled{opacity:.55;cursor:wait}.notification-empty{padding:34px 20px;text-align:center;color:#777;font-size:13px}
.account-chip{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.account-chip:hover,.account-menu-wrap.open .account-chip{transform:translateY(-1px);border-color:rgba(255,157,25,.35);background:rgba(255,139,0,.085);box-shadow:0 10px 28px rgba(0,0,0,.26)}.account-chevron{font-size:14px;color:#777;transition:transform .24s ease}.account-menu-wrap.open .account-chevron{transform:rotate(180deg);color:#ffad32}
.account-dropdown{padding:9px!important;width:250px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(25,25,28,.985),rgba(10,10,12,.985))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,150,0,.035) inset!important;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .2s!important;display:block!important}
.account-menu-wrap.open .account-dropdown{opacity:1;visibility:visible;transform:none}
.dropdown-profile{display:flex;align-items:center;gap:11px;padding:9px 9px 12px}.dropdown-profile b{display:block;font-size:14px}.dropdown-profile small{display:block;color:#777;font-size:11px;margin-top:3px}.dropdown-avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:21px}.dropdown-separator{height:1px;background:rgba(255,255,255,.07);margin:0 5px 7px}.account-dropdown .dropdown-item{width:100%;height:42px;display:flex!important;align-items:center;gap:11px;padding:0 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#c9c9cc!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.account-dropdown .dropdown-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;transform:translateX(2px)}.account-dropdown .dropdown-item span{width:18px;color:#ff9b22}.account-dropdown .dropdown-item.danger{color:#d08f8f!important}.account-dropdown .dropdown-item.danger:hover{background:rgba(255,80,80,.08)!important;color:#ffb0b0!important}

/* Profile atmosphere */
.account-page{position:relative;isolation:isolate;overflow:hidden;background:#080809!important}
.account-page::before,.account-page::after{content:"";position:fixed;pointer-events:none;z-index:-2;border-radius:50%;filter:blur(2px)}
.account-page::before{width:760px;height:760px;right:-280px;top:-310px;background:radial-gradient(circle,rgba(255,131,0,.13),rgba(255,131,0,.035) 38%,transparent 70%)}
.account-page::after{width:620px;height:620px;left:-270px;bottom:-310px;background:radial-gradient(circle,rgba(255,188,0,.07),transparent 68%)}
.account-page-shell::before{content:"";position:fixed;inset:88px 0 0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.profile-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;backdrop-filter:blur(14px)}
.profile-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#ff7a00,#ffc400,transparent)}
.friend-btn.pending{background:rgba(255,255,255,.07);color:#aaa;border:1px solid rgba(255,255,255,.09)}
.friend-btn.incoming{background:linear-gradient(135deg,#ff8a00,#ffd05a)}
@media(max-width:800px){.notification-dropdown{right:-58px}.notification-title small{display:none}}
.bell-icon{transform:none}.bell-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Final polish: controls, auth motion, toast placement and profile background */
.search-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;display:block}
.search-toggle{font-size:0}
.account-chevron{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.045);color:#a6a6aa;transition:transform .24s ease,background .2s ease,color .2s ease}
.account-chevron svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-menu-wrap.open .account-chevron{transform:rotate(180deg);background:rgba(255,145,0,.13);color:#ffb13d}
.account-modal{opacity:0;visibility:hidden;display:flex!important;transition:opacity .22s ease,visibility .22s ease}
.account-modal.open{opacity:1;visibility:visible}
.account-dialog{opacity:0;transform:translateY(18px) scale(.975);transition:opacity .25s ease,transform .32s cubic-bezier(.2,.82,.2,1)}
.account-modal.open .account-dialog{opacity:1;transform:none}
.auth-panel.active{animation:authPanelIn .25s ease both}
@keyframes authPanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.account-toast{right:28px!important;bottom:auto!important;top:104px;padding:16px 19px;max-width:min(390px,calc(100vw - 36px));line-height:1.45;transform:translateY(-16px) scale(.98)!important;box-shadow:0 22px 65px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset!important}
.account-toast.show{transform:none!important}
.notification-user-link{color:#ffb13d;text-decoration:none;font-weight:900}
.notification-user-link:hover{text-decoration:underline;color:#ffc760}

.account-page{min-height:100vh;background:
 radial-gradient(ellipse at 16% 18%,rgba(255,130,0,.16),transparent 34%),
 radial-gradient(ellipse at 84% 72%,rgba(255,190,0,.09),transparent 31%),
 linear-gradient(135deg,#070708 0%,#0c0c0f 44%,#080809 100%)!important}
.account-page::before{width:900px!important;height:900px!important;right:-330px!important;top:-380px!important;background:conic-gradient(from 205deg at 50% 50%,transparent 0 28%,rgba(255,139,0,.12) 36%,transparent 46% 100%)!important;filter:blur(8px)!important}
.account-page::after{width:760px!important;height:760px!important;left:-330px!important;bottom:-370px!important;background:radial-gradient(circle,rgba(255,185,0,.11),rgba(255,128,0,.025) 42%,transparent 70%)!important;filter:blur(4px)!important}
.account-page-shell::before{inset:88px 0 0!important;opacity:.42!important;background-image:
 linear-gradient(120deg,transparent 0 46%,rgba(255,151,31,.045) 46.2% 46.7%,transparent 47% 100%),
 linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
 background-size:360px 360px,64px 64px,64px 64px!important;mask-image:linear-gradient(to bottom,black 15%,rgba(0,0,0,.82) 60%,transparent 100%)!important}
.account-page-shell::after{content:"";position:fixed;inset:88px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 0 20%,rgba(255,138,0,.035) 20.2% 20.5%,transparent 20.8% 68%,rgba(255,190,0,.025) 68.2% 68.5%,transparent 68.8%);opacity:.8}
.profile-card{box-shadow:0 34px 95px rgba(0,0,0,.48),0 0 80px rgba(255,130,0,.035)!important;border-color:rgba(255,255,255,.11)!important}
.profile-card::after{content:"";position:absolute;width:360px;height:360px;right:-190px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,0,.16),transparent 68%);pointer-events:none}
@media(max-width:800px){.account-toast{top:84px;right:14px!important}.search-toggle svg{width:22px;height:22px}}


/* Profile background v2, non-interactive toast cleanup and stable auth modal */
.account-toast{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  visibility:hidden;
}
.account-toast.show{visibility:visible}
.account-toast.is-hiding{pointer-events:none!important}

html.account-modal-open,body.account-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}
.account-dialog{overflow:hidden!important}
.auth-panel{overflow:visible}

.profile-page-body .account-page{
  background:
    radial-gradient(circle at 16% 22%,rgba(255,126,0,.18),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,191,0,.095),transparent 24%),
    radial-gradient(circle at 72% 82%,rgba(255,116,0,.10),transparent 30%),
    linear-gradient(145deg,#070708 0%,#0d0d11 48%,#070708 100%)!important;
}
.profile-page-body .account-page::before{
  content:"";
  position:fixed;
  inset:88px 0 0;
  width:auto!important;
  height:auto!important;
  right:0!important;
  top:88px!important;
  border-radius:0!important;
  filter:none!important;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,145,0,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,145,0,.11) 1px,transparent 1px)!important;
  background-size:56px 56px,56px 56px,280px 280px,280px 280px!important;
  opacity:.72;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),rgba(0,0,0,.72) 72%,transparent 100%);
  z-index:-3;
}
.profile-page-body .account-page::after{
  content:"";
  position:fixed;
  inset:88px 0 0;
  width:auto!important;
  height:auto!important;
  left:0!important;
  bottom:0!important;
  border-radius:0!important;
  filter:none!important;
  background:
    linear-gradient(115deg,transparent 0 18%,rgba(255,154,24,.10) 18.15% 18.35%,transparent 18.55% 56%,rgba(255,191,0,.065) 56.15% 56.35%,transparent 56.55%),
    radial-gradient(circle at 20% 66%,rgba(255,126,0,.13),transparent 20%),
    radial-gradient(circle at 88% 36%,rgba(255,190,0,.08),transparent 22%)!important;
  opacity:1;
  z-index:-2;
}
.profile-page-body .account-page-shell::before{
  content:"";
  position:fixed;
  inset:88px 0 0!important;
  background:
    repeating-linear-gradient(135deg,transparent 0 138px,rgba(255,255,255,.025) 139px 140px,transparent 141px 278px),
    radial-gradient(circle,rgba(255,153,0,.25) 0 1px,transparent 1.8px)!important;
  background-size:auto,28px 28px!important;
  opacity:.58!important;
  mask-image:linear-gradient(to bottom,transparent 0,black 12%,black 78%,transparent 100%)!important;
  z-index:-1;
}
.profile-page-body .account-page-shell::after{
  content:"STATE OF GAMERS";
  position:fixed;
  right:3vw;
  bottom:4vh;
  color:rgba(255,255,255,.022);
  font-size:clamp(64px,10vw,170px);
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
  pointer-events:none;
  z-index:-1;
  text-shadow:0 0 45px rgba(255,133,0,.035);
}
.profile-page-body .profile-card{
  background:linear-gradient(145deg,rgba(20,20,24,.86),rgba(9,9,11,.78))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 0 1px rgba(255,151,20,.04) inset,0 0 90px rgba(255,128,0,.05)!important;
}
.profile-page-body .profile-card::before{
  width:4px;
  box-shadow:0 0 28px rgba(255,145,0,.42);
}

@media(max-height:820px),(max-width:760px){
  .account-dialog{overflow-y:auto!important;overscroll-behavior:contain}
}


/* Refinement: fixed profile wordmark, unified hover, adaptive auth sizing and custom inner scrollbars */
.search-toggle{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.search-toggle:hover,.user-search.open .search-toggle{transform:translateY(-1px);border-color:rgba(255,157,25,.38);background:rgba(255,139,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 20px rgba(255,139,0,.08)}

.account-dialog{width:min(930px,calc(100vw - 48px));max-height:calc(100dvh - 48px);transition:width .28s cubic-bezier(.2,.82,.2,1),opacity .25s ease,transform .32s cubic-bezier(.2,.82,.2,1)}
.account-dialog.login-mode{width:min(540px,calc(100vw - 48px))}
.account-dialog.register-mode{width:min(930px,calc(100vw - 48px))}
.account-dialog.login-mode .auth-tabs{justify-content:center;padding-right:24px}
.account-dialog.login-mode .login-panel{padding-inline:32px}

/* Only inner widgets get custom scrollbars; browser/page scrollbar is untouched */
.search-results,.notification-list,.emoji-grid,.bg-grid,.account-dialog,.friends-list{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,151,31,.72) rgba(255,255,255,.045);
}
.search-results::-webkit-scrollbar,.notification-list::-webkit-scrollbar,.emoji-grid::-webkit-scrollbar,.bg-grid::-webkit-scrollbar,.account-dialog::-webkit-scrollbar,.friends-list::-webkit-scrollbar{width:8px;height:8px}
.search-results::-webkit-scrollbar-track,.notification-list::-webkit-scrollbar-track,.emoji-grid::-webkit-scrollbar-track,.bg-grid::-webkit-scrollbar-track,.account-dialog::-webkit-scrollbar-track,.friends-list::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
.search-results::-webkit-scrollbar-thumb,.notification-list::-webkit-scrollbar-thumb,.emoji-grid::-webkit-scrollbar-thumb,.bg-grid::-webkit-scrollbar-thumb,.account-dialog::-webkit-scrollbar-thumb,.friends-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8a00,#ffc34d);border-radius:999px;border:2px solid rgba(10,10,12,.82)}
.search-results::-webkit-scrollbar-thumb:hover,.notification-list::-webkit-scrollbar-thumb:hover,.emoji-grid::-webkit-scrollbar-thumb:hover,.bg-grid::-webkit-scrollbar-thumb:hover,.account-dialog::-webkit-scrollbar-thumb:hover,.friends-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff9d1e,#ffd36b)}

.profile-page-body .account-page-shell::after{
  content:"STATE OF GAMERS";
  top:104px;
  bottom:auto;
  left:50%;
  right:auto;
  width:100vw;
  transform:translateX(-50%);
  text-align:center;
  font-size:clamp(54px,9vw,158px);
  line-height:.85;
  color:rgba(255,255,255,.032);
  letter-spacing:.055em;
  white-space:nowrap;
}
.profile-page-body .account-page::after{
  background:
    linear-gradient(117deg,transparent 0 17%,rgba(255,154,24,.105) 17.15% 17.35%,transparent 17.55% 51%,rgba(255,191,0,.06) 51.15% 51.35%,transparent 51.55%),
    linear-gradient(73deg,transparent 0 72%,rgba(255,137,0,.085) 72.15% 72.35%,transparent 72.55%),
    radial-gradient(circle at 20% 66%,rgba(255,126,0,.13),transparent 20%),
    radial-gradient(circle at 88% 36%,rgba(255,190,0,.08),transparent 22%)!important;
}
.profile-page-body .account-page-shell::before{
  background:
    repeating-linear-gradient(135deg,transparent 0 138px,rgba(255,255,255,.025) 139px 140px,transparent 141px 278px),
    repeating-linear-gradient(31deg,transparent 0 205px,rgba(255,145,0,.035) 206px 207px,transparent 208px 410px),
    radial-gradient(circle,rgba(255,153,0,.25) 0 1px,transparent 1.8px)!important;
  background-size:auto,auto,28px 28px!important;
}
.friend-btn.pending{cursor:pointer;color:#ffd089;border-color:rgba(255,160,35,.28);background:rgba(255,139,0,.09)}
.friend-btn.pending:hover{background:rgba(255,139,0,.16);border-color:rgba(255,160,35,.46);color:#fff}

@media(max-width:760px){
  .account-dialog,.account-dialog.login-mode,.account-dialog.register-mode{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px)}
  .profile-page-body .account-page-shell::after{top:96px;font-size:clamp(42px,13vw,92px)}
}

/* Final interaction polish: unified hover, stable auth tabs and all inner scrollbars */
.auth-btn{
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease!important;
}
.auth-btn:hover,.auth-btn:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,157,25,.42)!important;
  background:rgba(255,139,0,.1)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 20px rgba(255,139,0,.09)!important;
}
.auth-btn.primary:hover,.auth-btn.primary:focus-visible{
  background:linear-gradient(135deg,#ff8d13,#ffc235)!important;
  color:#111!important;
  box-shadow:0 12px 34px rgba(255,139,0,.2),0 0 24px rgba(255,139,0,.12)!important;
}

/* Tab changes fade only: no vertical movement or one-frame jump */
.account-dialog{
  transition:width .22s ease,opacity .22s ease,transform .28s cubic-bezier(.2,.82,.2,1)!important;
  transform-origin:center center;
  contain:layout paint;
}
.auth-panel.active{animation:authPanelFade .18s ease both!important}
@keyframes authPanelFade{from{opacity:0}to{opacity:1}}

/* One visual scrollbar for every internal scroll area; page scrollbar stays native */
.account-modal *,
.user-search *,
.notification-wrap *,
.account-menu-wrap *,
.launcher-overlay *,
.friends-list,
.admin-card *,
.profile-card *{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,151,31,.78) rgba(255,255,255,.045);
}
.account-modal *::-webkit-scrollbar,
.user-search *::-webkit-scrollbar,
.notification-wrap *::-webkit-scrollbar,
.account-menu-wrap *::-webkit-scrollbar,
.launcher-overlay *::-webkit-scrollbar,
.friends-list::-webkit-scrollbar,
.admin-card *::-webkit-scrollbar,
.profile-card *::-webkit-scrollbar{
  width:8px;
  height:8px;
}
.account-modal *::-webkit-scrollbar-track,
.user-search *::-webkit-scrollbar-track,
.notification-wrap *::-webkit-scrollbar-track,
.account-menu-wrap *::-webkit-scrollbar-track,
.launcher-overlay *::-webkit-scrollbar-track,
.friends-list::-webkit-scrollbar-track,
.admin-card *::-webkit-scrollbar-track,
.profile-card *::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.account-modal *::-webkit-scrollbar-thumb,
.user-search *::-webkit-scrollbar-thumb,
.notification-wrap *::-webkit-scrollbar-thumb,
.account-menu-wrap *::-webkit-scrollbar-thumb,
.launcher-overlay *::-webkit-scrollbar-thumb,
.friends-list::-webkit-scrollbar-thumb,
.admin-card *::-webkit-scrollbar-thumb,
.profile-card *::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#ff8610,#ffc24a);
  border-radius:999px;
  border:2px solid rgba(10,10,12,.86);
  min-height:34px;
}
.account-modal *::-webkit-scrollbar-thumb:hover,
.user-search *::-webkit-scrollbar-thumb:hover,
.notification-wrap *::-webkit-scrollbar-thumb:hover,
.account-menu-wrap *::-webkit-scrollbar-thumb:hover,
.launcher-overlay *::-webkit-scrollbar-thumb:hover,
.friends-list::-webkit-scrollbar-thumb:hover,
.admin-card *::-webkit-scrollbar-thumb:hover,
.profile-card *::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#ffa12f,#ffd66f);
}

/* ==================== PROFILE ACHIEVEMENTS / BADGES ==================== */
.achievements-section{width:min(1100px,100%);margin:26px auto 70px;position:relative;z-index:3}
.achievements-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 4px 15px;padding:0 4px}
.achievements-heading span{font-size:11px;letter-spacing:.24em;color:#ff9b28;font-weight:800}.achievements-heading h2{margin:6px 0 0;font-size:23px;letter-spacing:-.03em}.achievements-heading>b{font-size:13px;color:#9b9b9b;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:999px;padding:6px 10px}
.achievements-list{display:grid;gap:14px}.achievements-empty{padding:30px;border:1px dashed rgba(255,255,255,.1);border-radius:18px;color:#777;text-align:center;background:rgba(10,10,12,.55)}
.achievement-card,.achievement-preview-card{min-height:128px;display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;border-radius:22px;padding:18px 22px;background:linear-gradient(115deg,rgba(22,22,25,.96),rgba(11,11,13,.92));border:1px solid rgba(255,255,255,.095);box-shadow:0 18px 55px rgba(0,0,0,.28);isolation:isolate}
.achievement-card::before,.achievement-preview-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.85;background:radial-gradient(circle at 11% 50%,var(--badge-glow),transparent 30%),linear-gradient(90deg,var(--badge-line),transparent 40%)}
.achievement-card::after,.achievement-preview-card::after{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;background:var(--badge-accent);box-shadow:0 0 18px var(--badge-accent)}
.achievement-card.tier-1,.achievement-preview-card.tier-1{--badge-accent:#c67b3d;--badge-glow:rgba(172,91,38,.15);--badge-line:rgba(185,105,50,.08)}
.achievement-card.tier-2,.achievement-preview-card.tier-2{--badge-accent:#cbd2dc;--badge-glow:rgba(188,202,218,.13);--badge-line:rgba(202,215,228,.07)}
.achievement-card.tier-3,.achievement-preview-card.tier-3{--badge-accent:#ffb51c;--badge-glow:rgba(255,170,23,.17);--badge-line:rgba(255,185,40,.09)}
.achievement-card.tier-4,.achievement-preview-card.tier-4{--badge-accent:#ff8c22;--badge-glow:rgba(255,120,20,.21);--badge-line:rgba(255,142,30,.12)}
.achievement-card.tier-5,.achievement-preview-card.tier-5{--badge-accent:#ffd76a;--badge-glow:rgba(255,196,47,.27);--badge-line:rgba(255,210,86,.15);box-shadow:0 22px 70px rgba(0,0,0,.38),0 0 42px rgba(255,158,20,.06)}
.achievement-copy{position:relative;z-index:2;min-width:0;flex:1}.achievement-copy .achievement-rank{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--badge-accent);font-weight:900;margin-bottom:5px}.achievement-copy h3{margin:0;color:#fff;font-size:23px;letter-spacing:-.025em;line-height:1.15}.achievement-copy p{margin:8px 0 0;color:#aaa;font-size:14px;line-height:1.55;max-width:720px}.achievement-copy.title-only h3{font-size:27px}.achievement-copy.title-only .achievement-rank{margin-bottom:8px}
.achievement-edit{position:relative;z-index:3;flex:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#ccc;border-radius:12px;padding:10px 13px;font-weight:700;cursor:pointer;transition:.2s}.achievement-edit:hover{color:#fff;border-color:rgba(255,154,30,.35);background:rgba(255,139,0,.09);transform:translateY(-1px)}
.add-achievement-btn{width:100%;margin-top:14px;border:1px dashed rgba(255,151,30,.3);background:rgba(255,139,0,.045);color:#ffb04f;border-radius:17px;padding:15px;font-weight:800;cursor:pointer;transition:.22s}.add-achievement-btn span{font-size:19px;margin-right:4px}.add-achievement-btn:hover{background:rgba(255,139,0,.095);border-color:rgba(255,151,30,.55);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.24)}

.achievement-emblem{width:94px;height:94px;flex:0 0 94px;position:relative;display:grid;place-items:center;z-index:2;filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}.achievement-emblem.small{width:56px;height:56px;flex-basis:56px;transform:scale(.84)}
.emblem-medal{width:54px;height:54px;border-radius:50%;position:relative;z-index:5;display:grid;place-items:center;background:linear-gradient(145deg,#9b5e30,#e8a367 52%,#75401e);border:3px solid rgba(255,235,202,.3);box-shadow:inset 0 0 0 3px rgba(65,28,7,.2),0 0 0 2px rgba(255,255,255,.06)}.emblem-medal span{font-size:23px;color:#ffe4b4;text-shadow:0 2px 4px rgba(0,0,0,.35)}
.emblem-ribbons{position:absolute;z-index:1;top:56px;display:flex;gap:4px}.emblem-ribbons i{width:18px;height:28px;background:linear-gradient(#8e301e,#4c1511);clip-path:polygon(0 0,100% 0,84% 100%,50% 73%,16% 100%)}
.emblem-wreath{position:absolute;z-index:3;font-size:44px;top:26px;color:#b9793c;opacity:0;line-height:1}.emblem-wreath.left{left:3px;transform:rotate(-54deg)}.emblem-wreath.right{right:3px;transform:scaleX(-1) rotate(-54deg)}.emblem-stars{position:absolute;z-index:6;top:1px;color:#ffe16d;font-size:12px;letter-spacing:1px;text-shadow:0 0 8px rgba(255,184,20,.5)}.emblem-rays{position:absolute;inset:8px;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(255,220,100,.3) 0 4deg,transparent 4deg 18deg)}
.tier-2 .emblem-medal{background:linear-gradient(145deg,#87919f,#e7edf4 52%,#67717d);border-color:rgba(255,255,255,.42)}.tier-2 .emblem-medal span{color:#fff}.tier-2 .emblem-wreath{opacity:.35;color:#c7d0da}
.tier-3 .emblem-medal{background:linear-gradient(145deg,#b87805,#ffd65a 48%,#9c5d00);border-color:rgba(255,245,183,.5)}.tier-3 .emblem-medal span{color:#fff4b1}.tier-3 .emblem-wreath{opacity:.58;color:#d8a82c}
.tier-4 .emblem-medal{width:58px;height:58px;background:linear-gradient(145deg,#bd5607,#ffb646 48%,#9b3d03);border-color:rgba(255,231,177,.62);box-shadow:inset 0 0 0 3px rgba(98,27,0,.22),0 0 18px rgba(255,121,14,.2)}.tier-4 .emblem-wreath{opacity:.82;color:#e0a63b;font-size:48px}.tier-4 .emblem-rays{opacity:.24}.tier-4 .emblem-ribbons i{background:linear-gradient(#c8571d,#6f1f0b)}
.tier-5 .emblem-medal{width:61px;height:61px;background:radial-gradient(circle at 34% 28%,#fff7ba 0 8%,transparent 9%),linear-gradient(145deg,#b87000,#ffe57b 43%,#ff9c13 68%,#8c4900);border-color:#ffe9a0;box-shadow:inset 0 0 0 3px rgba(112,55,0,.2),0 0 25px rgba(255,187,38,.34)}.tier-5 .emblem-medal span{font-size:26px;color:#fffceb}.tier-5 .emblem-wreath{opacity:1;color:#f2bf48;font-size:52px}.tier-5 .emblem-rays{opacity:.43;inset:2px}.tier-5 .emblem-ribbons i{width:20px;height:31px;background:linear-gradient(#f0a21c,#8a3700)}

.achievement-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s}.achievement-modal.open{visibility:visible;opacity:1;pointer-events:auto}.achievement-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(13px)}.achievement-dialog{position:relative;width:min(980px,calc(100vw - 36px));max-height:min(850px,calc(100dvh - 38px));overflow:auto;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(19,19,22,.985),rgba(8,8,10,.99));border-radius:26px;padding:28px;box-shadow:0 35px 120px rgba(0,0,0,.64),0 0 60px rgba(255,130,0,.05);transform:scale(.975);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.achievement-modal.open .achievement-dialog{transform:scale(1)}.achievement-close{position:absolute;right:18px;top:16px;width:37px;height:37px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#aaa;font-size:24px;cursor:pointer}.achievement-close:hover{color:#fff;background:rgba(255,255,255,.08)}.achievement-modal-head{padding-right:52px;margin-bottom:22px}.achievement-kicker{color:#ff9820;font-size:10px;letter-spacing:.23em;font-weight:900}.achievement-modal-head h2{font-size:29px;margin:5px 0 6px;letter-spacing:-.04em}.achievement-modal-head p{margin:0;color:#858585;font-size:14px}.achievement-builder{display:grid;grid-template-columns:360px 1fr;gap:25px}.achievement-tier-panel{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);border-radius:20px;padding:17px}.achievement-tier-label,.achievement-field>span{display:block;color:#ccc;font-size:12px;font-weight:800;margin:0 0 9px}.achievement-tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.achievement-tier-option{height:72px;border:1px solid rgba(255,255,255,.075);background:#0d0d0f;border-radius:13px;color:#777;display:grid;place-items:center;cursor:pointer;position:relative;transition:.18s}.achievement-tier-option>span{position:absolute;bottom:4px;right:7px;font-size:9px}.achievement-tier-option:hover{border-color:rgba(255,155,35,.28);background:#111}.achievement-tier-option.active{border-color:rgba(255,159,30,.55);background:rgba(255,139,0,.08);box-shadow:0 0 0 1px rgba(255,140,0,.08),0 9px 25px rgba(0,0,0,.28)}.achievement-preview{margin-top:16px}.achievement-preview-card{min-height:190px;display:block;padding:20px;text-align:center}.achievement-preview-card .achievement-emblem{margin:0 auto 10px}.achievement-preview-card .achievement-copy h3{font-size:19px}.achievement-preview-card .achievement-copy.title-only h3{font-size:22px}.achievement-preview-card .achievement-copy p{font-size:12px;margin-top:6px}.achievement-fields{display:flex;flex-direction:column;gap:17px}.achievement-field{position:relative}.achievement-field>span small{color:#666;font-weight:500}.achievement-field input,.achievement-field textarea,.achievement-user-picker input{width:100%;border:1px solid rgba(255,255,255,.09);background:#0d0d0f;color:#fff;border-radius:13px;padding:13px 14px;outline:none;font:inherit;transition:.18s}.achievement-field textarea{resize:vertical;min-height:102px}.achievement-field input:focus,.achievement-field textarea:focus,.achievement-user-picker input:focus{border-color:rgba(255,150,27,.48);box-shadow:0 0 0 3px rgba(255,139,0,.06)}.achievement-title-suggestions,.achievement-user-results{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.achievement-title-suggestions button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#bbb;border-radius:999px;padding:6px 9px;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:11px}.achievement-title-suggestions button small{color:#ff9c2a;font-size:9px}.achievement-title-suggestions button:hover{color:#fff;border-color:rgba(255,145,20,.28);background:rgba(255,139,0,.07)}.achievement-recipient-chips{display:flex;flex-wrap:wrap;gap:7px;min-height:34px;margin-bottom:8px}.achievement-recipient-chip{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:999px;padding:5px 8px 5px 5px;font-size:11px}.achievement-recipient-chip .chip-avatar{width:25px;height:25px;font-size:13px}.achievement-recipient-chip small{color:#ff9e2c;font-size:9px}.achievement-recipient-chip button{border:0;background:transparent;color:#777;cursor:pointer;font-size:16px;padding:0 2px}.achievement-user-picker{position:relative}.achievement-user-results{position:absolute;left:0;right:0;top:100%;z-index:15;display:block;margin-top:5px;background:#101012;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45)}.achievement-user-results:empty{display:none}.achievement-user-results button{display:flex;width:100%;align-items:center;gap:9px;padding:8px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#ddd;cursor:pointer;text-align:left}.achievement-user-results button:hover{background:rgba(255,139,0,.07)}.achievement-user-results .picker-avatar{width:29px;height:29px;font-size:15px}.achievement-user-results>small{display:block;padding:10px;color:#777}.achievement-hint{display:block;color:#666;margin-top:7px;font-size:10px}.achievement-save{margin-top:auto;border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(135deg,#ff8410,#ffbd35);color:#15100a;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(255,126,0,.13);transition:.2s}.achievement-save:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 15px 36px rgba(255,126,0,.2)}.achievement-save:disabled{opacity:.55;cursor:wait;transform:none}.achievement-modal-open{overflow:hidden}
.achievement-dialog,.achievement-user-results{scrollbar-width:thin;scrollbar-color:rgba(255,151,31,.78) rgba(255,255,255,.045)}.achievement-dialog::-webkit-scrollbar,.achievement-user-results::-webkit-scrollbar{width:8px;height:8px}.achievement-dialog::-webkit-scrollbar-track,.achievement-user-results::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.achievement-dialog::-webkit-scrollbar-thumb,.achievement-user-results::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8610,#ffc24a);border-radius:999px;border:2px solid rgba(10,10,12,.86)}
@media(max-width:800px){.achievement-builder{grid-template-columns:1fr}.achievement-tier-panel{display:grid;grid-template-columns:1fr}.achievement-preview-card{min-height:155px}.achievement-card{align-items:flex-start;padding:17px}.achievement-card .achievement-emblem{width:72px;height:72px;flex-basis:72px;transform:scale(.8);transform-origin:top left;margin-right:-10px}.achievement-edit{position:absolute;right:10px;bottom:10px;font-size:0}.achievement-edit span{font-size:15px}.achievement-copy h3,.achievement-copy.title-only h3{font-size:19px}.achievement-copy p{font-size:12px;padding-right:28px}}

/* === Admin Prefix / Suffix === */
.lp-panel{margin-top:26px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(22,22,26,.93),rgba(10,10,12,.94));box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035)}
.lp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.lp-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#f59b2a}.lp-head h2{margin:7px 0 8px;font-size:clamp(24px,2.3vw,38px)}.lp-head p{margin:0;color:#929298;max-width:720px;line-height:1.55}.lp-preview-wrap{min-width:310px;padding:14px 16px;border:1px solid rgba(255,163,46,.18);border-radius:15px;background:#0a0a0d}.lp-preview-wrap small{display:block;margin-bottom:8px;color:#72727a;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.lp-preview{font:700 17px/1.25 monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-preview span+span{margin-left:7px}.lp-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr);gap:22px}.lp-recipients,.lp-fields{padding:18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.lp-recipients>label,.lp-field>label{display:block;margin-bottom:8px;color:#aaaab1;font-size:12px;font-weight:800}.lp-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:8px;margin-bottom:12px;border-radius:12px;background:#0b0b0e;border:1px solid rgba(255,255,255,.07)}.lp-empty{align-self:center;color:#626269;font-size:12px}.lp-chip{border:1px solid rgba(255,156,35,.22);border-radius:999px;background:rgba(255,145,20,.09);color:#e8e8ec;padding:7px 9px 7px 11px;cursor:pointer}.lp-chip span{margin-left:6px;color:#ff9b2a}.lp-search-wrap{position:relative}.lp-recipients input,.lp-field input,.lp-load-row input{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#0a0a0d;color:#fff;padding:12px 13px;outline:none}.lp-recipients input:focus,.lp-field input:focus,.lp-load-row input:focus{border-color:rgba(255,153,31,.55);box-shadow:0 0 0 3px rgba(255,143,14,.08)}.lp-user-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:20;max-height:260px;overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#111114;box-shadow:0 18px 48px rgba(0,0,0,.5)}.lp-user-results:empty{display:none}.lp-user-results button{display:flex;width:100%;align-items:center;gap:9px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#fff;padding:9px 11px;text-align:left;cursor:pointer}.lp-user-results button:hover{background:rgba(255,150,25,.08)}.lp-user-results small{margin-left:auto;color:#f39a2c;font-size:9px}.lp-mini-avatar{width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.lp-none{padding:12px;color:#777}.lp-load-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.lp-load-row button,.lp-actions button{border-radius:11px;border:1px solid rgba(255,255,255,.1);padding:0 14px;background:#17171b;color:#fff;font-weight:800;cursor:pointer}.lp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lp-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.lp-actions button{height:44px}.lp-actions .lp-save{border-color:rgba(255,160,45,.36);background:linear-gradient(135deg,#f18b13,#ffb62f);color:#111}.lp-actions .lp-clear{background:#151519;color:#aaa}.profile-format-preview{margin:8px 0 11px;display:flex;align-items:center;gap:7px;min-height:25px;font:800 15px/1.2 monospace}.profile-format-preview .pf-name{color:#fff}.profile-format-preview .pf-prefix,.profile-format-preview .pf-suffix{opacity:.98}
@media(max-width:900px){.lp-head{align-items:stretch;flex-direction:column}.lp-preview-wrap{min-width:0}.lp-layout{grid-template-columns:1fr}.lp-fields{grid-template-columns:1fr}}
:root{--account-orange:#ff8a00;--account-gold:#ffc400;--account-panel:rgba(18,18,20,.94)}
.account-nav-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.user-search{position:relative}.search-toggle,.auth-btn,.account-chip{height:42px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:700 13px inherit;transition:.22s}.search-toggle{width:42px;font-size:18px}.search-box{position:absolute;right:0;top:52px;width:310px;padding:10px;background:rgba(13,13,15,.97);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;z-index:1200}.user-search.open .search-box{opacity:1;visibility:visible;transform:none}.search-box input{width:100%;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#09090a;color:#fff;padding:0 13px;outline:none}.search-results{max-height:260px;overflow:auto;margin-top:8px}.search-result{display:flex;align-items:center;gap:10px;padding:9px;border-radius:11px;color:#fff;text-decoration:none}.search-result:hover{background:rgba(255,138,0,.09)}.mini-avatar,.account-avatar{display:grid;place-items:center;border-radius:50%;flex:0 0 auto}.mini-avatar{width:34px;height:34px;font-size:18px}.auth-actions{display:flex;gap:8px}.auth-btn{padding:0 15px}.auth-btn.primary{border-color:rgba(255,145,0,.4);background:linear-gradient(135deg,#ff7900,#ffb000);color:#101010}.account-chip{padding:0 10px 0 6px}.account-avatar{width:32px;height:32px;font-size:18px}.account-menu-wrap{position:relative}.account-dropdown{position:absolute;right:0;top:52px;width:205px;padding:8px;background:rgba(13,13,15,.98);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 20px 55px rgba(0,0,0,.5);display:none;z-index:1200}.account-menu-wrap.open .account-dropdown{display:block}.account-dropdown a,.account-dropdown button{width:100%;border:0;background:none;color:#ddd;text-decoration:none;text-align:left;padding:11px;border-radius:10px;font:600 13px inherit;cursor:pointer;display:block}.account-dropdown a:hover,.account-dropdown button:hover{background:rgba(255,255,255,.06);color:#fff}.account-modal{position:fixed;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:24px;z-index:5000}.account-modal.open{display:flex}.account-dialog{width:min(930px,100%);max-height:min(780px,94vh);overflow:auto;background:linear-gradient(145deg,rgba(25,25,28,.98),rgba(10,10,12,.98));border:1px solid rgba(255,255,255,.11);border-radius:26px;box-shadow:0 35px 100px rgba(0,0,0,.65);position:relative}.account-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:20px;cursor:pointer;z-index:2}.auth-tabs{display:flex;padding:20px 64px 0 24px;gap:8px}.auth-tab{border:0;border-radius:12px;background:transparent;color:#888;padding:11px 16px;font-weight:800;cursor:pointer}.auth-tab.active{background:rgba(255,139,0,.1);color:#ffad28}.auth-panel{display:none;padding:24px}.auth-panel.active{display:block}.login-panel{max-width:480px;margin:auto;padding-top:12px;padding-bottom:38px}.register-layout{display:grid;grid-template-columns:300px 1fr;gap:28px}.avatar-builder{padding:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:20px}.avatar-preview{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;font-size:66px;margin:5px auto 18px;box-shadow:0 14px 50px rgba(0,0,0,.35)}.builder-label,.form-label{display:block;color:#bbb;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:14px 0 8px}.emoji-grid,.bg-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;max-height:150px;overflow:auto}.emoji-option,.bg-option{aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,255,255,.08);cursor:pointer;display:grid;place-items:center;background:rgba(255,255,255,.035);font-size:20px}.emoji-option.selected,.bg-option.selected{outline:2px solid #ff9700;outline-offset:1px}.bg-option{font-size:0}.account-form h2{font-size:30px;margin:0 0 6px}.account-form .muted{color:#858585;margin-bottom:20px}.required-nick{padding:13px 14px;border-radius:13px;border:1px solid rgba(255,151,0,.28);background:rgba(255,139,0,.08);color:#ffc66c;font-weight:700;margin:0 0 18px}.field{margin-bottom:14px}.field input{width:100%;height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#09090b;color:#fff;padding:0 15px;outline:none;font-size:15px}.field input:focus{border-color:rgba(255,145,0,.55);box-shadow:0 0 0 3px rgba(255,145,0,.08)}.generated-password{display:flex;gap:8px}.generated-password input{font-family:monospace;letter-spacing:.06em}.copy-small{width:48px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.submit-auth{height:50px;width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#ff7900,#ffc000);font-weight:900;color:#111;cursor:pointer;margin-top:8px}.forgot-link{display:inline-block;color:#ffad32;font-size:13px;margin:-4px 0 14px;text-decoration:none}.auth-message{min-height:20px;margin-top:10px;color:#ff8686;font-size:13px}.account-toast{position:fixed;right:24px;bottom:24px;z-index:7000;padding:15px 18px;border-radius:15px;background:#141416;border:1px solid rgba(92,255,154,.28);box-shadow:0 18px 50px rgba(0,0,0,.5);color:#d9ffe8;transform:translateY(25px);opacity:0;transition:.25s}.account-toast.show{transform:none;opacity:1}.account-page{min-height:100vh;padding:130px 24px 70px;background:radial-gradient(circle at 70% 5%,rgba(255,128,0,.09),transparent 33%),#080809;color:#fff}.account-page-shell{width:min(1080px,100%);margin:auto}.profile-card,.admin-card{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:25px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.profile-head{display:flex;align-items:center;gap:24px}.profile-big-avatar{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;font-size:68px}.profile-meta h1{font-size:42px;margin:0}.profile-meta p{color:#8f8f92}.profile-stats{display:flex;gap:12px;margin-top:16px}.profile-stat{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);cursor:pointer}.friend-btn{margin-left:auto;border:0;border-radius:14px;padding:14px 20px;background:linear-gradient(135deg,#ff7900,#ffb800);font-weight:900;cursor:pointer}.friends-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:24px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-action{padding:22px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.admin-action h3{margin-top:0}.admin-action input{width:100%;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#09090a;color:#fff;padding:0 12px}.admin-action button{width:100%;height:42px;margin-top:10px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff7900,#ffb800);font-weight:900;cursor:pointer}.admin-note{color:#8f8f92;font-size:13px}.role-admin{color:#ffc15a;font-weight:800}
@media(max-width:1050px){.menu{gap:18px!important}.account-nav-tools{gap:6px}.auth-btn{padding:0 10px}.auth-btn.secondary{display:none}}@media(max-width:800px){.register-layout{grid-template-columns:1fr}.avatar-builder{order:2}.account-nav-tools{position:absolute;right:18px}.menu{display:none!important}.search-box{right:-110px;width:290px}.admin-grid{grid-template-columns:1fr}.profile-head{flex-direction:column;text-align:center}.friend-btn{margin:0}.profile-stats{justify-content:center}}


/* Unified account controls and subpage header fixes */
.auth-actions > .account-avatar{
  width:42px;
  height:42px;
  font-size:20px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.045);
}
.account-nav-tools{flex:0 0 auto;min-width:0}
.account-nav-tools button{white-space:nowrap}

.sog-subpage-header{
  position:fixed;
  top:0;left:0;width:100%;
  z-index:50;
  background:rgba(12,12,12,.45);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid transparent;
  transition:.3s ease;
}
.sog-subpage-header.scrolled{
  background:rgba(8,8,8,.9);
  border-color:rgba(255,255,255,.06);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.sog-subpage-header nav{
  width:min(1200px,calc(100% - 48px));
  height:88px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:30px;
}
.sog-subpage-header .logo{
  color:#fff;text-decoration:none;font-weight:900;letter-spacing:1.5px;
  line-height:.95;font-size:18px;white-space:nowrap;flex:0 0 auto;
}
.sog-subpage-header .logo small{
  display:block;color:#ff8a00;font-size:10px;letter-spacing:4px;margin-top:7px;
}
.sog-subpage-header .menu{display:flex;align-items:center;gap:34px;margin-left:auto}
.sog-subpage-header .menu a{
  position:relative;color:#c9c9c9;text-decoration:none;font-size:14px;font-weight:600;transition:.25s ease;
}
.sog-subpage-header .menu a::after{
  content:"";position:absolute;left:0;bottom:-9px;width:100%;height:2px;
  background:linear-gradient(90deg,#ff8a00,#ffc400);transform:scaleX(0);transform-origin:left;transition:.25s ease;
}
.sog-subpage-header .menu a:hover,.sog-subpage-header .menu a.active{color:#fff}
.sog-subpage-header .menu a:hover::after,.sog-subpage-header .menu a.active::after{transform:scaleX(1)}
.sog-subpage-header .account-nav-tools{margin-left:0}

@media(max-width:1050px){
  .sog-subpage-header nav{gap:18px}
  .sog-subpage-header .menu{gap:16px}
  .sog-subpage-header .menu a{font-size:12px}
}
@media(max-width:800px){
  .sog-subpage-header nav{width:min(100% - 28px,1200px)}
  .sog-subpage-header .menu{display:none!important}
  .sog-subpage-header .account-nav-tools{position:static;margin-left:auto}
}
.sog-subpage-header nav{justify-content:flex-start!important}


/* One exact header geometry for every internal page */
.sog-subpage-header nav{
  width:min(1200px,calc(100% - 48px))!important;
  height:88px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr)!important;
  align-items:center!important;
  gap:30px!important;
}
.sog-subpage-header .logo{justify-self:start!important;margin:0!important}
.sog-subpage-header .menu{justify-self:center!important;margin:0!important}
.sog-subpage-header .account-nav-tools{justify-self:end!important;margin:0!important;position:static!important}
@media(max-width:1050px){
 .sog-subpage-header nav{grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;gap:16px!important}
 .sog-subpage-header .menu{gap:16px!important}
}
@media(max-width:800px){
 .sog-subpage-header nav{width:min(100% - 28px,1200px)!important;display:flex!important}
 .sog-subpage-header .account-nav-tools{margin-left:auto!important}
}

/* Polished account menu and notifications */
.notification-wrap,.account-menu-wrap{position:relative}
.notification-toggle{position:relative;width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.notification-toggle:hover,.notification-wrap.open .notification-toggle{transform:translateY(-1px);border-color:rgba(255,157,25,.38);background:rgba(255,139,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 20px rgba(255,139,0,.08)}
.bell-icon{font-size:19px;line-height:1;transform:rotate(45deg);display:block}
.notification-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#ff6a00,#ffb400);color:#111;border:2px solid #0d0d0f;font-size:10px;font-weight:900;line-height:14px;text-align:center}
.notification-dropdown{position:absolute;right:0;top:calc(100% + 14px);width:min(380px,calc(100vw - 28px));max-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(180deg,rgba(25,25,28,.98),rgba(10,10,12,.98));box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,150,0,.035) inset;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.975);transform-origin:top right;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .2s;z-index:120}
.notification-wrap.open .notification-dropdown{opacity:1;visibility:visible;transform:none}
.notification-title{padding:17px 18px 14px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:end}
.notification-title span{font-weight:900;font-size:16px}.notification-title small{color:#777;font-size:11px}.notification-list{max-height:430px;overflow:auto;padding:8px}
.notification-item{display:flex;gap:12px;padding:12px;border-radius:14px;transition:background .18s ease;border:1px solid transparent}.notification-item:hover{background:rgba(255,255,255,.045)}.notification-item.unread{background:rgba(255,145,0,.075);border-color:rgba(255,145,0,.12)}
.notification-avatar{width:42px;height:42px;min-width:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.notification-body{min-width:0;flex:1}.notification-text{font-size:13px;line-height:1.45;color:#ddd}.notification-body small{display:block;color:#6f6f73;font-size:10px;margin-top:4px}.notification-actions{display:flex;gap:7px;margin-top:10px}.notification-actions button{height:31px;padding:0 11px;border-radius:9px;border:1px solid rgba(255,255,255,.09);cursor:pointer;font-weight:800;font-size:11px}.notification-actions .accept{background:linear-gradient(135deg,#ff7900,#ffb800);color:#111;border:0}.notification-actions .decline{background:rgba(255,255,255,.045);color:#bbb}.notification-actions button:disabled{opacity:.55;cursor:wait}.notification-empty{padding:34px 20px;text-align:center;color:#777;font-size:13px}
.account-chip{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.account-chip:hover,.account-menu-wrap.open .account-chip{transform:translateY(-1px);border-color:rgba(255,157,25,.35);background:rgba(255,139,0,.085);box-shadow:0 10px 28px rgba(0,0,0,.26)}.account-chevron{font-size:14px;color:#777;transition:transform .24s ease}.account-menu-wrap.open .account-chevron{transform:rotate(180deg);color:#ffad32}
.account-dropdown{padding:9px!important;width:250px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(25,25,28,.985),rgba(10,10,12,.985))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 0 1px rgba(255,150,0,.035) inset!important;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .2s!important;display:block!important}
.account-menu-wrap.open .account-dropdown{opacity:1;visibility:visible;transform:none}
.dropdown-profile{display:flex;align-items:center;gap:11px;padding:9px 9px 12px}.dropdown-profile b{display:block;font-size:14px}.dropdown-profile small{display:block;color:#777;font-size:11px;margin-top:3px}.dropdown-avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:21px}.dropdown-separator{height:1px;background:rgba(255,255,255,.07);margin:0 5px 7px}.account-dropdown .dropdown-item{width:100%;height:42px;display:flex!important;align-items:center;gap:11px;padding:0 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#c9c9cc!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.account-dropdown .dropdown-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;transform:translateX(2px)}.account-dropdown .dropdown-item span{width:18px;color:#ff9b22}.account-dropdown .dropdown-item.danger{color:#d08f8f!important}.account-dropdown .dropdown-item.danger:hover{background:rgba(255,80,80,.08)!important;color:#ffb0b0!important}

/* Profile atmosphere */
.account-page{position:relative;isolation:isolate;overflow:hidden;background:#080809!important}
.account-page::before,.account-page::after{content:"";position:fixed;pointer-events:none;z-index:-2;border-radius:50%;filter:blur(2px)}
.account-page::before{width:760px;height:760px;right:-280px;top:-310px;background:radial-gradient(circle,rgba(255,131,0,.13),rgba(255,131,0,.035) 38%,transparent 70%)}
.account-page::after{width:620px;height:620px;left:-270px;bottom:-310px;background:radial-gradient(circle,rgba(255,188,0,.07),transparent 68%)}
.account-page-shell::before{content:"";position:fixed;inset:88px 0 0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.profile-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;backdrop-filter:blur(14px)}
.profile-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#ff7a00,#ffc400,transparent)}
.friend-btn.pending{background:rgba(255,255,255,.07);color:#aaa;border:1px solid rgba(255,255,255,.09)}
.friend-btn.incoming{background:linear-gradient(135deg,#ff8a00,#ffd05a)}
@media(max-width:800px){.notification-dropdown{right:-58px}.notification-title small{display:none}}
.bell-icon{transform:none}.bell-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Final polish: controls, auth motion, toast placement and profile background */
.search-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;display:block}
.search-toggle{font-size:0}
.account-chevron{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.045);color:#a6a6aa;transition:transform .24s ease,background .2s ease,color .2s ease}
.account-chevron svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-menu-wrap.open .account-chevron{transform:rotate(180deg);background:rgba(255,145,0,.13);color:#ffb13d}
.account-modal{opacity:0;visibility:hidden;display:flex!important;transition:opacity .22s ease,visibility .22s ease}
.account-modal.open{opacity:1;visibility:visible}
.account-dialog{opacity:0;transform:translateY(18px) scale(.975);transition:opacity .25s ease,transform .32s cubic-bezier(.2,.82,.2,1)}
.account-modal.open .account-dialog{opacity:1;transform:none}
.auth-panel.active{animation:authPanelIn .25s ease both}
@keyframes authPanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.account-toast{right:28px!important;bottom:auto!important;top:104px;padding:16px 19px;max-width:min(390px,calc(100vw - 36px));line-height:1.45;transform:translateY(-16px) scale(.98)!important;box-shadow:0 22px 65px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset!important}
.account-toast.show{transform:none!important}
.notification-user-link{color:#ffb13d;text-decoration:none;font-weight:900}
.notification-user-link:hover{text-decoration:underline;color:#ffc760}

.account-page{min-height:100vh;background:
 radial-gradient(ellipse at 16% 18%,rgba(255,130,0,.16),transparent 34%),
 radial-gradient(ellipse at 84% 72%,rgba(255,190,0,.09),transparent 31%),
 linear-gradient(135deg,#070708 0%,#0c0c0f 44%,#080809 100%)!important}
.account-page::before{width:900px!important;height:900px!important;right:-330px!important;top:-380px!important;background:conic-gradient(from 205deg at 50% 50%,transparent 0 28%,rgba(255,139,0,.12) 36%,transparent 46% 100%)!important;filter:blur(8px)!important}
.account-page::after{width:760px!important;height:760px!important;left:-330px!important;bottom:-370px!important;background:radial-gradient(circle,rgba(255,185,0,.11),rgba(255,128,0,.025) 42%,transparent 70%)!important;filter:blur(4px)!important}
.account-page-shell::before{inset:88px 0 0!important;opacity:.42!important;background-image:
 linear-gradient(120deg,transparent 0 46%,rgba(255,151,31,.045) 46.2% 46.7%,transparent 47% 100%),
 linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
 background-size:360px 360px,64px 64px,64px 64px!important;mask-image:linear-gradient(to bottom,black 15%,rgba(0,0,0,.82) 60%,transparent 100%)!important}
.account-page-shell::after{content:"";position:fixed;inset:88px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 0 20%,rgba(255,138,0,.035) 20.2% 20.5%,transparent 20.8% 68%,rgba(255,190,0,.025) 68.2% 68.5%,transparent 68.8%);opacity:.8}
.profile-card{box-shadow:0 34px 95px rgba(0,0,0,.48),0 0 80px rgba(255,130,0,.035)!important;border-color:rgba(255,255,255,.11)!important}
.profile-card::after{content:"";position:absolute;width:360px;height:360px;right:-190px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,153,0,.16),transparent 68%);pointer-events:none}
@media(max-width:800px){.account-toast{top:84px;right:14px!important}.search-toggle svg{width:22px;height:22px}}


/* Profile background v2, non-interactive toast cleanup and stable auth modal */
.account-toast{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  visibility:hidden;
}
.account-toast.show{visibility:visible}
.account-toast.is-hiding{pointer-events:none!important}

html.account-modal-open,body.account-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}
.account-dialog{overflow:hidden!important}
.auth-panel{overflow:visible}

.profile-page-body .account-page{
  background:
    radial-gradient(circle at 16% 22%,rgba(255,126,0,.18),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(255,191,0,.095),transparent 24%),
    radial-gradient(circle at 72% 82%,rgba(255,116,0,.10),transparent 30%),
    linear-gradient(145deg,#070708 0%,#0d0d11 48%,#070708 100%)!important;
}
.profile-page-body .account-page::before{
  content:"";
  position:fixed;
  inset:88px 0 0;
  width:auto!important;
  height:auto!important;
  right:0!important;
  top:88px!important;
  border-radius:0!important;
  filter:none!important;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(rgba(255,145,0,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,145,0,.11) 1px,transparent 1px)!important;
  background-size:56px 56px,56px 56px,280px 280px,280px 280px!important;
  opacity:.72;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),rgba(0,0,0,.72) 72%,transparent 100%);
  z-index:-3;
}
.profile-page-body .account-page::after{
  content:"";
  position:fixed;
  inset:88px 0 0;
  width:auto!important;
  height:auto!important;
  left:0!important;
  bottom:0!important;
  border-radius:0!important;
  filter:none!important;
  background:
    linear-gradient(115deg,transparent 0 18%,rgba(255,154,24,.10) 18.15% 18.35%,transparent 18.55% 56%,rgba(255,191,0,.065) 56.15% 56.35%,transparent 56.55%),
    radial-gradient(circle at 20% 66%,rgba(255,126,0,.13),transparent 20%),
    radial-gradient(circle at 88% 36%,rgba(255,190,0,.08),transparent 22%)!important;
  opacity:1;
  z-index:-2;
}
.profile-page-body .account-page-shell::before{
  content:"";
  position:fixed;
  inset:88px 0 0!important;
  background:
    repeating-linear-gradient(135deg,transparent 0 138px,rgba(255,255,255,.025) 139px 140px,transparent 141px 278px),
    radial-gradient(circle,rgba(255,153,0,.25) 0 1px,transparent 1.8px)!important;
  background-size:auto,28px 28px!important;
  opacity:.58!important;
  mask-image:linear-gradient(to bottom,transparent 0,black 12%,black 78%,transparent 100%)!important;
  z-index:-1;
}
.profile-page-body .account-page-shell::after{
  content:"STATE OF GAMERS";
  position:fixed;
  right:3vw;
  bottom:4vh;
  color:rgba(255,255,255,.022);
  font-size:clamp(64px,10vw,170px);
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
  pointer-events:none;
  z-index:-1;
  text-shadow:0 0 45px rgba(255,133,0,.035);
}
.profile-page-body .profile-card{
  background:linear-gradient(145deg,rgba(20,20,24,.86),rgba(9,9,11,.78))!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 0 1px rgba(255,151,20,.04) inset,0 0 90px rgba(255,128,0,.05)!important;
}
.profile-page-body .profile-card::before{
  width:4px;
  box-shadow:0 0 28px rgba(255,145,0,.42);
}

@media(max-height:820px),(max-width:760px){
  .account-dialog{overflow-y:auto!important;overscroll-behavior:contain}
}


/* Refinement: fixed profile wordmark, unified hover, adaptive auth sizing and custom inner scrollbars */
.search-toggle{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.search-toggle:hover,.user-search.open .search-toggle{transform:translateY(-1px);border-color:rgba(255,157,25,.38);background:rgba(255,139,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 20px rgba(255,139,0,.08)}

.account-dialog{width:min(930px,calc(100vw - 48px));max-height:calc(100dvh - 48px);transition:width .28s cubic-bezier(.2,.82,.2,1),opacity .25s ease,transform .32s cubic-bezier(.2,.82,.2,1)}
.account-dialog.login-mode{width:min(540px,calc(100vw - 48px))}
.account-dialog.register-mode{width:min(930px,calc(100vw - 48px))}
.account-dialog.login-mode .auth-tabs{justify-content:center;padding-right:24px}
.account-dialog.login-mode .login-panel{padding-inline:32px}

/* Only inner widgets get custom scrollbars; browser/page scrollbar is untouched */
.search-results,.notification-list,.emoji-grid,.bg-grid,.account-dialog,.friends-list{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,151,31,.72) rgba(255,255,255,.045);
}
.search-results::-webkit-scrollbar,.notification-list::-webkit-scrollbar,.emoji-grid::-webkit-scrollbar,.bg-grid::-webkit-scrollbar,.account-dialog::-webkit-scrollbar,.friends-list::-webkit-scrollbar{width:8px;height:8px}
.search-results::-webkit-scrollbar-track,.notification-list::-webkit-scrollbar-track,.emoji-grid::-webkit-scrollbar-track,.bg-grid::-webkit-scrollbar-track,.account-dialog::-webkit-scrollbar-track,.friends-list::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
.search-results::-webkit-scrollbar-thumb,.notification-list::-webkit-scrollbar-thumb,.emoji-grid::-webkit-scrollbar-thumb,.bg-grid::-webkit-scrollbar-thumb,.account-dialog::-webkit-scrollbar-thumb,.friends-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8a00,#ffc34d);border-radius:999px;border:2px solid rgba(10,10,12,.82)}
.search-results::-webkit-scrollbar-thumb:hover,.notification-list::-webkit-scrollbar-thumb:hover,.emoji-grid::-webkit-scrollbar-thumb:hover,.bg-grid::-webkit-scrollbar-thumb:hover,.account-dialog::-webkit-scrollbar-thumb:hover,.friends-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff9d1e,#ffd36b)}

.profile-page-body .account-page-shell::after{
  content:"STATE OF GAMERS";
  top:104px;
  bottom:auto;
  left:50%;
  right:auto;
  width:100vw;
  transform:translateX(-50%);
  text-align:center;
  font-size:clamp(54px,9vw,158px);
  line-height:.85;
  color:rgba(255,255,255,.032);
  letter-spacing:.055em;
  white-space:nowrap;
}
.profile-page-body .account-page::after{
  background:
    linear-gradient(117deg,transparent 0 17%,rgba(255,154,24,.105) 17.15% 17.35%,transparent 17.55% 51%,rgba(255,191,0,.06) 51.15% 51.35%,transparent 51.55%),
    linear-gradient(73deg,transparent 0 72%,rgba(255,137,0,.085) 72.15% 72.35%,transparent 72.55%),
    radial-gradient(circle at 20% 66%,rgba(255,126,0,.13),transparent 20%),
    radial-gradient(circle at 88% 36%,rgba(255,190,0,.08),transparent 22%)!important;
}
.profile-page-body .account-page-shell::before{
  background:
    repeating-linear-gradient(135deg,transparent 0 138px,rgba(255,255,255,.025) 139px 140px,transparent 141px 278px),
    repeating-linear-gradient(31deg,transparent 0 205px,rgba(255,145,0,.035) 206px 207px,transparent 208px 410px),
    radial-gradient(circle,rgba(255,153,0,.25) 0 1px,transparent 1.8px)!important;
  background-size:auto,auto,28px 28px!important;
}
.friend-btn.pending{cursor:pointer;color:#ffd089;border-color:rgba(255,160,35,.28);background:rgba(255,139,0,.09)}
.friend-btn.pending:hover{background:rgba(255,139,0,.16);border-color:rgba(255,160,35,.46);color:#fff}

@media(max-width:760px){
  .account-dialog,.account-dialog.login-mode,.account-dialog.register-mode{width:min(100%,calc(100vw - 20px));max-height:calc(100dvh - 20px)}
  .profile-page-body .account-page-shell::after{top:96px;font-size:clamp(42px,13vw,92px)}
}

/* Final interaction polish: unified hover, stable auth tabs and all inner scrollbars */
.auth-btn{
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease!important;
}
.auth-btn:hover,.auth-btn:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(255,157,25,.42)!important;
  background:rgba(255,139,0,.1)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 20px rgba(255,139,0,.09)!important;
}
.auth-btn.primary:hover,.auth-btn.primary:focus-visible{
  background:linear-gradient(135deg,#ff8d13,#ffc235)!important;
  color:#111!important;
  box-shadow:0 12px 34px rgba(255,139,0,.2),0 0 24px rgba(255,139,0,.12)!important;
}

/* Tab changes fade only: no vertical movement or one-frame jump */
.account-dialog{
  transition:width .22s ease,opacity .22s ease,transform .28s cubic-bezier(.2,.82,.2,1)!important;
  transform-origin:center center;
  contain:layout paint;
}
.auth-panel.active{animation:authPanelFade .18s ease both!important}
@keyframes authPanelFade{from{opacity:0}to{opacity:1}}

/* One visual scrollbar for every internal scroll area; page scrollbar stays native */
.account-modal *,
.user-search *,
.notification-wrap *,
.account-menu-wrap *,
.launcher-overlay *,
.friends-list,
.admin-card *,
.profile-card *{
  scrollbar-width:thin;
  scrollbar-color:rgba(255,151,31,.78) rgba(255,255,255,.045);
}
.account-modal *::-webkit-scrollbar,
.user-search *::-webkit-scrollbar,
.notification-wrap *::-webkit-scrollbar,
.account-menu-wrap *::-webkit-scrollbar,
.launcher-overlay *::-webkit-scrollbar,
.friends-list::-webkit-scrollbar,
.admin-card *::-webkit-scrollbar,
.profile-card *::-webkit-scrollbar{
  width:8px;
  height:8px;
}
.account-modal *::-webkit-scrollbar-track,
.user-search *::-webkit-scrollbar-track,
.notification-wrap *::-webkit-scrollbar-track,
.account-menu-wrap *::-webkit-scrollbar-track,
.launcher-overlay *::-webkit-scrollbar-track,
.friends-list::-webkit-scrollbar-track,
.admin-card *::-webkit-scrollbar-track,
.profile-card *::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.account-modal *::-webkit-scrollbar-thumb,
.user-search *::-webkit-scrollbar-thumb,
.notification-wrap *::-webkit-scrollbar-thumb,
.account-menu-wrap *::-webkit-scrollbar-thumb,
.launcher-overlay *::-webkit-scrollbar-thumb,
.friends-list::-webkit-scrollbar-thumb,
.admin-card *::-webkit-scrollbar-thumb,
.profile-card *::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#ff8610,#ffc24a);
  border-radius:999px;
  border:2px solid rgba(10,10,12,.86);
  min-height:34px;
}
.account-modal *::-webkit-scrollbar-thumb:hover,
.user-search *::-webkit-scrollbar-thumb:hover,
.notification-wrap *::-webkit-scrollbar-thumb:hover,
.account-menu-wrap *::-webkit-scrollbar-thumb:hover,
.launcher-overlay *::-webkit-scrollbar-thumb:hover,
.friends-list::-webkit-scrollbar-thumb:hover,
.admin-card *::-webkit-scrollbar-thumb:hover,
.profile-card *::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#ffa12f,#ffd66f);
}

/* ==================== PROFILE ACHIEVEMENTS / BADGES ==================== */
.achievements-section{width:min(1100px,100%);margin:26px auto 70px;position:relative;z-index:3}
.achievements-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 4px 15px;padding:0 4px}
.achievements-heading span{font-size:11px;letter-spacing:.24em;color:#ff9b28;font-weight:800}.achievements-heading h2{margin:6px 0 0;font-size:23px;letter-spacing:-.03em}.achievements-heading>b{font-size:13px;color:#9b9b9b;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:999px;padding:6px 10px}
.achievements-list{display:grid;gap:14px}.achievements-empty{padding:30px;border:1px dashed rgba(255,255,255,.1);border-radius:18px;color:#777;text-align:center;background:rgba(10,10,12,.55)}
.achievement-card,.achievement-preview-card{min-height:128px;display:flex;align-items:center;gap:22px;position:relative;overflow:hidden;border-radius:22px;padding:18px 22px;background:linear-gradient(115deg,rgba(22,22,25,.96),rgba(11,11,13,.92));border:1px solid rgba(255,255,255,.095);box-shadow:0 18px 55px rgba(0,0,0,.28);isolation:isolate}
.achievement-card::before,.achievement-preview-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.85;background:radial-gradient(circle at 11% 50%,var(--badge-glow),transparent 30%),linear-gradient(90deg,var(--badge-line),transparent 40%)}
.achievement-card::after,.achievement-preview-card::after{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;background:var(--badge-accent);box-shadow:0 0 18px var(--badge-accent)}
.achievement-card.tier-1,.achievement-preview-card.tier-1{--badge-accent:#c67b3d;--badge-glow:rgba(172,91,38,.15);--badge-line:rgba(185,105,50,.08)}
.achievement-card.tier-2,.achievement-preview-card.tier-2{--badge-accent:#cbd2dc;--badge-glow:rgba(188,202,218,.13);--badge-line:rgba(202,215,228,.07)}
.achievement-card.tier-3,.achievement-preview-card.tier-3{--badge-accent:#ffb51c;--badge-glow:rgba(255,170,23,.17);--badge-line:rgba(255,185,40,.09)}
.achievement-card.tier-4,.achievement-preview-card.tier-4{--badge-accent:#ff8c22;--badge-glow:rgba(255,120,20,.21);--badge-line:rgba(255,142,30,.12)}
.achievement-card.tier-5,.achievement-preview-card.tier-5{--badge-accent:#ffd76a;--badge-glow:rgba(255,196,47,.27);--badge-line:rgba(255,210,86,.15);box-shadow:0 22px 70px rgba(0,0,0,.38),0 0 42px rgba(255,158,20,.06)}
.achievement-copy{position:relative;z-index:2;min-width:0;flex:1}.achievement-copy .achievement-rank{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--badge-accent);font-weight:900;margin-bottom:5px}.achievement-copy h3{margin:0;color:#fff;font-size:23px;letter-spacing:-.025em;line-height:1.15}.achievement-copy p{margin:8px 0 0;color:#aaa;font-size:14px;line-height:1.55;max-width:720px}.achievement-copy.title-only h3{font-size:27px}.achievement-copy.title-only .achievement-rank{margin-bottom:8px}
.achievement-edit{position:relative;z-index:3;flex:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#ccc;border-radius:12px;padding:10px 13px;font-weight:700;cursor:pointer;transition:.2s}.achievement-edit:hover{color:#fff;border-color:rgba(255,154,30,.35);background:rgba(255,139,0,.09);transform:translateY(-1px)}
.add-achievement-btn{width:100%;margin-top:14px;border:1px dashed rgba(255,151,30,.3);background:rgba(255,139,0,.045);color:#ffb04f;border-radius:17px;padding:15px;font-weight:800;cursor:pointer;transition:.22s}.add-achievement-btn span{font-size:19px;margin-right:4px}.add-achievement-btn:hover{background:rgba(255,139,0,.095);border-color:rgba(255,151,30,.55);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.24)}

.achievement-emblem{width:94px;height:94px;flex:0 0 94px;position:relative;display:grid;place-items:center;z-index:2;filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}.achievement-emblem.small{width:56px;height:56px;flex-basis:56px;transform:scale(.84)}
.emblem-medal{width:54px;height:54px;border-radius:50%;position:relative;z-index:5;display:grid;place-items:center;background:linear-gradient(145deg,#9b5e30,#e8a367 52%,#75401e);border:3px solid rgba(255,235,202,.3);box-shadow:inset 0 0 0 3px rgba(65,28,7,.2),0 0 0 2px rgba(255,255,255,.06)}.emblem-medal span{font-size:23px;color:#ffe4b4;text-shadow:0 2px 4px rgba(0,0,0,.35)}
.emblem-ribbons{position:absolute;z-index:1;top:56px;display:flex;gap:4px}.emblem-ribbons i{width:18px;height:28px;background:linear-gradient(#8e301e,#4c1511);clip-path:polygon(0 0,100% 0,84% 100%,50% 73%,16% 100%)}
.emblem-wreath{position:absolute;z-index:3;font-size:44px;top:26px;color:#b9793c;opacity:0;line-height:1}.emblem-wreath.left{left:3px;transform:rotate(-54deg)}.emblem-wreath.right{right:3px;transform:scaleX(-1) rotate(-54deg)}.emblem-stars{position:absolute;z-index:6;top:1px;color:#ffe16d;font-size:12px;letter-spacing:1px;text-shadow:0 0 8px rgba(255,184,20,.5)}.emblem-rays{position:absolute;inset:8px;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 0deg,rgba(255,220,100,.3) 0 4deg,transparent 4deg 18deg)}
.tier-2 .emblem-medal{background:linear-gradient(145deg,#87919f,#e7edf4 52%,#67717d);border-color:rgba(255,255,255,.42)}.tier-2 .emblem-medal span{color:#fff}.tier-2 .emblem-wreath{opacity:.35;color:#c7d0da}
.tier-3 .emblem-medal{background:linear-gradient(145deg,#b87805,#ffd65a 48%,#9c5d00);border-color:rgba(255,245,183,.5)}.tier-3 .emblem-medal span{color:#fff4b1}.tier-3 .emblem-wreath{opacity:.58;color:#d8a82c}
.tier-4 .emblem-medal{width:58px;height:58px;background:linear-gradient(145deg,#bd5607,#ffb646 48%,#9b3d03);border-color:rgba(255,231,177,.62);box-shadow:inset 0 0 0 3px rgba(98,27,0,.22),0 0 18px rgba(255,121,14,.2)}.tier-4 .emblem-wreath{opacity:.82;color:#e0a63b;font-size:48px}.tier-4 .emblem-rays{opacity:.24}.tier-4 .emblem-ribbons i{background:linear-gradient(#c8571d,#6f1f0b)}
.tier-5 .emblem-medal{width:61px;height:61px;background:radial-gradient(circle at 34% 28%,#fff7ba 0 8%,transparent 9%),linear-gradient(145deg,#b87000,#ffe57b 43%,#ff9c13 68%,#8c4900);border-color:#ffe9a0;box-shadow:inset 0 0 0 3px rgba(112,55,0,.2),0 0 25px rgba(255,187,38,.34)}.tier-5 .emblem-medal span{font-size:26px;color:#fffceb}.tier-5 .emblem-wreath{opacity:1;color:#f2bf48;font-size:52px}.tier-5 .emblem-rays{opacity:.43;inset:2px}.tier-5 .emblem-ribbons i{width:20px;height:31px;background:linear-gradient(#f0a21c,#8a3700)}

.achievement-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s}.achievement-modal.open{visibility:visible;opacity:1;pointer-events:auto}.achievement-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(13px)}.achievement-dialog{position:relative;width:min(980px,calc(100vw - 36px));max-height:min(850px,calc(100dvh - 38px));overflow:auto;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(19,19,22,.985),rgba(8,8,10,.99));border-radius:26px;padding:28px;box-shadow:0 35px 120px rgba(0,0,0,.64),0 0 60px rgba(255,130,0,.05);transform:scale(.975);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.achievement-modal.open .achievement-dialog{transform:scale(1)}.achievement-close{position:absolute;right:18px;top:16px;width:37px;height:37px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#aaa;font-size:24px;cursor:pointer}.achievement-close:hover{color:#fff;background:rgba(255,255,255,.08)}.achievement-modal-head{padding-right:52px;margin-bottom:22px}.achievement-kicker{color:#ff9820;font-size:10px;letter-spacing:.23em;font-weight:900}.achievement-modal-head h2{font-size:29px;margin:5px 0 6px;letter-spacing:-.04em}.achievement-modal-head p{margin:0;color:#858585;font-size:14px}.achievement-builder{display:grid;grid-template-columns:360px 1fr;gap:25px}.achievement-tier-panel{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.022);border-radius:20px;padding:17px}.achievement-tier-label,.achievement-field>span{display:block;color:#ccc;font-size:12px;font-weight:800;margin:0 0 9px}.achievement-tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.achievement-tier-option{height:72px;border:1px solid rgba(255,255,255,.075);background:#0d0d0f;border-radius:13px;color:#777;display:grid;place-items:center;cursor:pointer;position:relative;transition:.18s}.achievement-tier-option>span{position:absolute;bottom:4px;right:7px;font-size:9px}.achievement-tier-option:hover{border-color:rgba(255,155,35,.28);background:#111}.achievement-tier-option.active{border-color:rgba(255,159,30,.55);background:rgba(255,139,0,.08);box-shadow:0 0 0 1px rgba(255,140,0,.08),0 9px 25px rgba(0,0,0,.28)}.achievement-preview{margin-top:16px}.achievement-preview-card{min-height:190px;display:block;padding:20px;text-align:center}.achievement-preview-card .achievement-emblem{margin:0 auto 10px}.achievement-preview-card .achievement-copy h3{font-size:19px}.achievement-preview-card .achievement-copy.title-only h3{font-size:22px}.achievement-preview-card .achievement-copy p{font-size:12px;margin-top:6px}.achievement-fields{display:flex;flex-direction:column;gap:17px}.achievement-field{position:relative}.achievement-field>span small{color:#666;font-weight:500}.achievement-field input,.achievement-field textarea,.achievement-user-picker input{width:100%;border:1px solid rgba(255,255,255,.09);background:#0d0d0f;color:#fff;border-radius:13px;padding:13px 14px;outline:none;font:inherit;transition:.18s}.achievement-field textarea{resize:vertical;min-height:102px}.achievement-field input:focus,.achievement-field textarea:focus,.achievement-user-picker input:focus{border-color:rgba(255,150,27,.48);box-shadow:0 0 0 3px rgba(255,139,0,.06)}.achievement-title-suggestions,.achievement-user-results{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.achievement-title-suggestions button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#bbb;border-radius:999px;padding:6px 9px;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:11px}.achievement-title-suggestions button small{color:#ff9c2a;font-size:9px}.achievement-title-suggestions button:hover{color:#fff;border-color:rgba(255,145,20,.28);background:rgba(255,139,0,.07)}.achievement-recipient-chips{display:flex;flex-wrap:wrap;gap:7px;min-height:34px;margin-bottom:8px}.achievement-recipient-chip{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:999px;padding:5px 8px 5px 5px;font-size:11px}.achievement-recipient-chip .chip-avatar{width:25px;height:25px;font-size:13px}.achievement-recipient-chip small{color:#ff9e2c;font-size:9px}.achievement-recipient-chip button{border:0;background:transparent;color:#777;cursor:pointer;font-size:16px;padding:0 2px}.achievement-user-picker{position:relative}.achievement-user-results{position:absolute;left:0;right:0;top:100%;z-index:15;display:block;margin-top:5px;background:#101012;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45)}.achievement-user-results:empty{display:none}.achievement-user-results button{display:flex;width:100%;align-items:center;gap:9px;padding:8px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#ddd;cursor:pointer;text-align:left}.achievement-user-results button:hover{background:rgba(255,139,0,.07)}.achievement-user-results .picker-avatar{width:29px;height:29px;font-size:15px}.achievement-user-results>small{display:block;padding:10px;color:#777}.achievement-hint{display:block;color:#666;margin-top:7px;font-size:10px}.achievement-save{margin-top:auto;border:0;border-radius:13px;padding:14px 18px;background:linear-gradient(135deg,#ff8410,#ffbd35);color:#15100a;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(255,126,0,.13);transition:.2s}.achievement-save:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 15px 36px rgba(255,126,0,.2)}.achievement-save:disabled{opacity:.55;cursor:wait;transform:none}.achievement-modal-open{overflow:hidden}
.achievement-dialog,.achievement-user-results{scrollbar-width:thin;scrollbar-color:rgba(255,151,31,.78) rgba(255,255,255,.045)}.achievement-dialog::-webkit-scrollbar,.achievement-user-results::-webkit-scrollbar{width:8px;height:8px}.achievement-dialog::-webkit-scrollbar-track,.achievement-user-results::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.achievement-dialog::-webkit-scrollbar-thumb,.achievement-user-results::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff8610,#ffc24a);border-radius:999px;border:2px solid rgba(10,10,12,.86)}
@media(max-width:800px){.achievement-builder{grid-template-columns:1fr}.achievement-tier-panel{display:grid;grid-template-columns:1fr}.achievement-preview-card{min-height:155px}.achievement-card{align-items:flex-start;padding:17px}.achievement-card .achievement-emblem{width:72px;height:72px;flex-basis:72px;transform:scale(.8);transform-origin:top left;margin-right:-10px}.achievement-edit{position:absolute;right:10px;bottom:10px;font-size:0}.achievement-edit span{font-size:15px}.achievement-copy h3,.achievement-copy.title-only h3{font-size:19px}.achievement-copy p{font-size:12px;padding-right:28px}}

/* === Admin Prefix / Suffix Studio === */
.lp-panel{margin-top:26px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(22,22,26,.93),rgba(10,10,12,.94));box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035)}
.lp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.lp-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#f59b2a;text-transform:uppercase}.lp-head h2{margin:7px 0 8px;font-size:clamp(24px,2.3vw,38px)}.lp-head p{margin:0;color:#929298;max-width:720px;line-height:1.55}.lp-head code{padding:2px 6px;border-radius:6px;background:#17171b;color:#ffc064}.lp-preview-wrap{min-width:310px;padding:14px 16px;border:1px solid rgba(255,163,46,.18);border-radius:15px;background:#0a0a0d}.lp-preview-wrap small{display:block;margin-bottom:8px;color:#72727a;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.lp-preview{font:700 17px/1.25 monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-preview span+span{margin-left:7px}
.lp-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr);gap:22px}.lp-recipients,.lp-fields{padding:18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}.lp-recipients>label,.lp-field>label{display:block;margin-bottom:8px;color:#aaaab1;font-size:12px;font-weight:800;letter-spacing:.03em}.lp-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:8px;margin-bottom:12px;border-radius:12px;background:#0b0b0e;border:1px solid rgba(255,255,255,.07)}.lp-empty{align-self:center;color:#626269;font-size:12px}.lp-chip{border:1px solid rgba(255,156,35,.22);border-radius:999px;background:rgba(255,145,20,.09);color:#e8e8ec;padding:7px 9px 7px 11px;cursor:pointer}.lp-chip span{margin-left:6px;color:#ff9b2a}.lp-search-wrap{position:relative}.lp-recipients input,.lp-field input,.lp-field textarea,.lp-load-row input{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#0a0a0d;color:#fff;padding:12px 13px;outline:none;transition:.18s border-color,.18s box-shadow}.lp-field textarea{resize:vertical;min-height:78px;font:12px/1.5 monospace}.lp-recipients input:focus,.lp-field input:focus,.lp-field textarea:focus,.lp-load-row input:focus{border-color:rgba(255,153,31,.55);box-shadow:0 0 0 3px rgba(255,143,14,.08)}.lp-user-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:20;max-height:260px;overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#111114;box-shadow:0 18px 48px rgba(0,0,0,.5)}.lp-user-results:empty{display:none}.lp-user-results button{display:flex;width:100%;align-items:center;gap:9px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#fff;padding:9px 11px;text-align:left;cursor:pointer}.lp-user-results button:hover{background:rgba(255,150,25,.08)}.lp-user-results small{margin-left:auto;color:#f39a2c;font-size:9px;font-weight:900}.lp-mini-avatar{width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.lp-none{padding:12px;color:#777}.lp-load-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.lp-load-row button,.lp-actions button{border-radius:11px;border:1px solid rgba(255,255,255,.1);padding:0 14px;background:#17171b;color:#fff;font-weight:800;cursor:pointer}.lp-load-row button:hover{border-color:rgba(255,157,38,.45);background:#1d1812}
.lp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lp-field.wide,.lp-subtitle{grid-column:1/-1}.lp-field small{color:#686870;font-weight:500}.lp-subtitle{margin-top:5px;padding:10px 0 2px;border-top:1px solid rgba(255,255,255,.06);color:#f0a442;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lp-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.lp-actions button{height:44px}.lp-actions .lp-save{border-color:rgba(255,160,45,.36);background:linear-gradient(135deg,#f18b13,#ffb62f);color:#111}.lp-actions .lp-save:hover{filter:brightness(1.07);box-shadow:0 9px 28px rgba(255,144,20,.18)}.lp-actions .lp-clear{background:#151519;color:#aaa}.lp-actions .lp-clear:hover{color:#fff;border-color:rgba(255,90,90,.33)}
.profile-format-preview{margin-top:9px;display:flex;align-items:center;gap:7px;min-height:24px;font:700 14px/1.2 monospace}.profile-format-preview .pf-label{margin-right:3px;color:#626269;font:800 9px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.profile-format-preview .pf-prefix,.profile-format-preview .pf-suffix{opacity:.98}
@media(max-width:900px){.lp-head{align-items:stretch;flex-direction:column}.lp-preview-wrap{min-width:0}.lp-layout{grid-template-columns:1fr}.lp-fields{grid-template-columns:1fr}.lp-field.wide,.lp-subtitle{grid-column:auto}}

/* Minecraft-style profile name */
.profile-display-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:.22em;line-height:1.1}
.profile-display-name .pn-prefix,.profile-display-name .pn-suffix{font-size:.68em;font-weight:900;letter-spacing:.02em;text-shadow:0 0 16px currentColor}
.profile-display-name .pn-name{color:#fff}
.profile-format-preview{display:none!important}
.notification-profile-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(255,153,31,.28);background:rgba(255,145,20,.11);color:#ffc568;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:800;transition:.2s}
.notification-profile-btn:hover{background:rgba(255,145,20,.2);border-color:rgba(255,171,64,.55);color:#fff}


/* Centered profile identity: the nickname stays geometrically centered */
.profile-display-name{
  width:min(100%,760px);
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:baseline;
  column-gap:14px!important;
  margin:0!important;
  line-height:1.08;
}
.profile-display-name .pn-name{
  grid-column:2;
  justify-self:center;
  color:#fff;
  white-space:nowrap;
  font-size:1em;
  font-weight:900;
  letter-spacing:-.02em;
  text-align:center;
  text-shadow:0 0 24px rgba(255,255,255,.055);
}
.profile-display-name .pn-prefix,
.profile-display-name .pn-suffix{
  min-width:0;
  max-width:100%;
  font-size:.64em;
  font-weight:900;
  letter-spacing:.025em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:.98;
  filter:drop-shadow(0 0 9px currentColor);
}
.profile-display-name .pn-prefix{
  grid-column:1;
  justify-self:end;
  text-align:right;
}
.profile-display-name .pn-suffix{
  grid-column:3;
  justify-self:start;
  text-align:left;
}
.profile-display-name .pn-prefix.is-empty,
.profile-display-name .pn-suffix.is-empty{
  visibility:hidden;
}
@media(max-width:800px){
  .profile-display-name{
    width:min(100%,620px);
    column-gap:10px!important;
  }
  .profile-display-name .pn-prefix,
  .profile-display-name .pn-suffix{font-size:.56em}
}
@media(max-width:520px){
  .profile-display-name{
    width:100%;
    grid-template-columns:minmax(0,.8fr) auto minmax(0,.8fr);
    column-gap:7px!important;
  }
  .profile-display-name .pn-prefix,
  .profile-display-name .pn-suffix{font-size:.48em}
}

/* === Profile Hero Redesign / identity card === */
.profile-page-body .profile-card{
  padding:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:
    linear-gradient(115deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 58%,rgba(255,143,20,.035))!important;
}
.profile-page-body .profile-card::before{
  width:100%!important;height:1px!important;inset:0 0 auto!important;
  background:linear-gradient(90deg,transparent,rgba(255,155,40,.7),rgba(255,214,116,.26),transparent)!important;
}
.profile-page-body .profile-card::after{
  width:460px!important;height:460px!important;right:-210px!important;top:-250px!important;
  background:radial-gradient(circle,rgba(255,142,24,.15),rgba(255,142,24,.035) 38%,transparent 69%)!important;
}
.profile-hero{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:185px minmax(0,1fr) 190px;
  align-items:center;
  min-height:230px;
  padding:34px 34px 30px;
  gap:30px;
}
.profile-hero::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09) 14%,rgba(255,255,255,.09) 86%,transparent);
}
.profile-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 17.7%,rgba(255,255,255,.028) 17.8%,transparent 17.95%),
    linear-gradient(90deg,transparent 0 82.2%,rgba(255,255,255,.025) 82.3%,transparent 82.45%);
  opacity:.85;
}
.profile-avatar-zone{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
.profile-avatar-orbit{
  position:relative;width:146px;height:146px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(from 210deg,rgba(255,126,0,.08),rgba(255,189,56,.72),rgba(255,255,255,.09),rgba(255,126,0,.08));
  box-shadow:0 18px 55px rgba(0,0,0,.42),0 0 36px rgba(255,135,20,.08);
}
.profile-avatar-orbit::before{content:"";position:absolute;inset:4px;border-radius:inherit;background:#0b0b0d;border:1px solid rgba(255,255,255,.09)}
.profile-avatar-orbit::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;right:11px;bottom:23px;background:#ff9e26;border:3px solid #101012;box-shadow:0 0 18px rgba(255,151,31,.8)}
.profile-page-body .profile-big-avatar{
  position:relative;z-index:1;width:126px!important;height:126px!important;border-radius:50%!important;
  font-size:64px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.25)
}
.profile-member-code{margin-top:13px;color:#6f6f77;font:800 9px/1.2 monospace;letter-spacing:.18em;white-space:nowrap}
.profile-identity-zone{position:relative;z-index:2;min-width:0;padding:4px 0}
.profile-overline{margin-bottom:10px;color:#777780;font-size:10px;font-weight:900;letter-spacing:.20em;text-transform:uppercase}
.profile-title-rail{display:flex;align-items:center;gap:9px;min-height:28px;margin-bottom:4px;overflow:hidden}
.profile-title-empty{color:#55555c;font:800 10px/1 monospace;letter-spacing:.14em}
.profile-title-tag{
  position:relative;display:inline-flex;align-items:center;min-width:0;max-width:46%;height:26px;padding:0 10px;border-radius:8px;
  border:1px solid color-mix(in srgb,var(--title-color) 34%,transparent);
  background:color-mix(in srgb,var(--title-color) 8%,rgba(255,255,255,.015));
  font-size:12px;font-weight:900;letter-spacing:.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 0 13px currentColor;box-shadow:inset 0 1px rgba(255,255,255,.03)
}
.profile-title-tag::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2px;border-radius:2px;background:var(--title-color);box-shadow:0 0 10px var(--title-color)}
.profile-title-mark{color:#4b4b52;font-size:8px;flex:0 0 auto}
.profile-main-nick{
  margin:0!important;color:#fff;font-size:clamp(38px,4.3vw,62px)!important;line-height:1.02!important;font-weight:950!important;
  letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;
  text-shadow:0 8px 34px rgba(0,0,0,.28),0 0 30px rgba(255,255,255,.035)
}
.profile-main-nick::after{content:"";display:block;width:min(270px,54%);height:2px;margin-top:13px;border-radius:999px;background:linear-gradient(90deg,#ff8918,rgba(255,188,61,.32),transparent);box-shadow:0 0 18px rgba(255,130,10,.18)}
.profile-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px}
.profile-role-pill,.profile-meta-chip{
  min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border-radius:10px;
  border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.03);color:#92929a;font-size:11px;font-weight:750
}
.profile-role-pill{color:#b7b7bd}.profile-role-pill.admin{border-color:rgba(255,156,31,.18);background:rgba(255,145,20,.07);color:#ffc05c}
.profile-meta-chip i{font-style:normal;color:#686870;font-size:13px}.profile-meta-chip b{color:#d3d3d8;font-weight:850}
button.profile-meta-chip{font-family:inherit;cursor:pointer;transition:.2s}.profile-meta-chip.friends:hover{border-color:rgba(255,154,34,.24);background:rgba(255,145,20,.065);color:#d7d7dc;transform:translateY(-1px)}
.profile-action-zone{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:3px 0 3px 20px;border-left:1px solid rgba(255,255,255,.055)}
.profile-id-stamp{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.profile-id-stamp span{color:#4f4f56;font:800 9px/1.2 monospace;letter-spacing:.12em}.profile-id-stamp b{margin-top:5px;color:#7a7a82;font-size:11px;letter-spacing:.08em}
.profile-page-body .friend-btn{width:100%;margin:0!important;min-height:46px;border-radius:13px!important;box-shadow:0 12px 28px rgba(255,125,0,.12);transition:.22s!important}.profile-page-body .friend-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 34px rgba(255,125,0,.2)}
.profile-self-mark{align-self:flex-end;color:#56565d;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.profile-friends-drawer{position:relative;z-index:2;margin:0!important;padding:18px 34px 24px!important;background:rgba(0,0,0,.13)}
.profile-friends-drawer[hidden]{display:none!important}

/* Old identity layout is intentionally disabled in the redesigned hero. */
.profile-page-body .profile-head,.profile-page-body .profile-meta,.profile-page-body .profile-display-name{display:none!important}

@media(max-width:920px){
  .profile-hero{grid-template-columns:150px minmax(0,1fr);gap:22px;padding:28px}
  .profile-action-zone{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:17px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.055)}
  .profile-id-stamp{align-items:flex-start;text-align:left}.profile-page-body .friend-btn{width:auto;min-width:180px}.profile-self-mark{align-self:center}
  .profile-avatar-orbit{width:132px;height:132px}.profile-page-body .profile-big-avatar{width:114px!important;height:114px!important;font-size:58px!important}
}
@media(max-width:650px){
  .profile-page-body .profile-card{border-radius:24px!important}
  .profile-hero{grid-template-columns:1fr;text-align:center;padding:26px 20px 22px;gap:18px}
  .profile-avatar-zone{margin:auto}.profile-identity-zone{display:flex;flex-direction:column;align-items:center}.profile-overline{text-align:center}.profile-title-rail{justify-content:center;max-width:100%}.profile-title-tag{max-width:43%}
  .profile-main-nick{font-size:clamp(34px,11vw,48px)!important}.profile-main-nick::after{margin:12px auto 0;background:linear-gradient(90deg,transparent,#ff941f,transparent);width:64%}.profile-meta-row{justify-content:center}
  .profile-action-zone{grid-column:auto;display:flex;align-items:stretch;border-top:1px solid rgba(255,255,255,.055);padding-top:17px}.profile-id-stamp{align-items:center;text-align:center}.profile-page-body .friend-btn{width:100%}.profile-self-mark{align-self:center}
  .profile-friends-drawer{padding:16px 20px 22px!important}
}

/* Profile hero v4 — softer premium identity card */
.profile-page-body .profile-card{
  background:
    radial-gradient(circle at 18% 26%,rgba(255,151,31,.075),transparent 27%),
    radial-gradient(circle at 84% 18%,rgba(255,211,111,.035),transparent 24%),
    linear-gradient(135deg,rgba(18,18,21,.92),rgba(9,9,11,.88))!important;
  border-color:rgba(255,255,255,.105)!important;
  box-shadow:0 34px 105px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.035),0 0 90px rgba(255,126,0,.035)!important;
}
.profile-page-body .profile-card::after{right:-180px!important;top:-245px!important;opacity:.78}
.profile-hero-v4{
  grid-template-columns:170px minmax(0,1fr) 190px;
  min-height:246px;
  padding:36px 36px 32px;
  gap:32px;
  isolation:isolate;
}
.profile-hero-v4::after{
  background:
    linear-gradient(90deg,transparent 0 17.2%,rgba(255,255,255,.024) 17.3%,transparent 17.44%),
    linear-gradient(90deg,transparent 0 83.7%,rgba(255,255,255,.021) 83.8%,transparent 83.94%),
    linear-gradient(120deg,transparent 0 72%,rgba(255,149,29,.025) 72.1%,transparent 72.22%);
  opacity:.78;
}
.profile-detail{position:absolute;z-index:0;pointer-events:none;display:block}
.profile-detail.detail-a{right:28px;top:26px;width:84px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,159,47,.34));transform:rotate(-8deg)}
.profile-detail.detail-a::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:rgba(255,169,58,.62);box-shadow:0 0 14px rgba(255,137,22,.38)}
.profile-detail.detail-b{left:24px;bottom:24px;width:58px;height:14px;border-left:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);border-radius:0 0 0 8px;transform:skewX(-18deg)}
.profile-detail.detail-c{right:218px;bottom:22px;width:46px;height:1px;background:rgba(255,255,255,.07);box-shadow:16px 0 0 rgba(255,160,38,.16),32px 0 0 rgba(255,255,255,.04)}
.profile-avatar-zone{justify-content:center}
.profile-avatar-orbit{
  width:146px;height:146px;
  background:conic-gradient(from 220deg,rgba(255,126,0,.05),rgba(255,188,64,.56),rgba(255,255,255,.08),rgba(255,126,0,.05));
  box-shadow:0 20px 58px rgba(0,0,0,.38),0 0 48px rgba(255,136,20,.07);
}
.profile-avatar-orbit::before{inset:4px;background:linear-gradient(145deg,#0d0d10,#09090b);border-color:rgba(255,255,255,.085)}
.profile-avatar-orbit::after{display:none}
.profile-online-dot{position:absolute;z-index:4;right:9px;bottom:22px;width:11px;height:11px;border-radius:50%;background:#ff9b24;border:3px solid #101013;box-shadow:0 0 17px rgba(255,148,27,.78)}
.profile-page-body .profile-big-avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 12px 30px rgba(0,0,0,.28),0 0 28px rgba(255,139,22,.035)}
.profile-identity-zone{padding:2px 0;display:flex;flex-direction:column;justify-content:center}
.profile-overline{display:flex;align-items:center;gap:9px;margin:0 0 9px;color:#74747d;font-size:9px;letter-spacing:.19em}
.profile-overline span{display:block;width:24px;height:1px;background:linear-gradient(90deg,#ff941f,rgba(255,148,31,.12));box-shadow:0 0 12px rgba(255,141,20,.22)}
.profile-title-rail{min-height:27px;margin-bottom:5px;gap:8px}
.profile-title-tag{height:25px;padding:0 10px;border-radius:999px;font-size:11px;background:color-mix(in srgb,var(--title-color) 7%,rgba(255,255,255,.012));border-color:color-mix(in srgb,var(--title-color) 24%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.profile-title-tag::before{left:7px;top:9px;bottom:auto;width:4px;height:4px;border-radius:50%}
.profile-title-tag{padding-left:17px}
.profile-main-nick{font-size:clamp(40px,4.4vw,63px)!important;letter-spacing:-.047em!important;text-shadow:0 8px 32px rgba(0,0,0,.25),0 0 28px rgba(255,255,255,.03)}
.profile-main-nick::after{width:min(300px,58%);margin-top:12px;background:linear-gradient(90deg,#ff8b18,rgba(255,185,63,.26),transparent);opacity:.92}
.profile-role-strip{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px}
.profile-role-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.026);color:#a7a7ae;font-size:10px;font-weight:820;letter-spacing:.02em;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.profile-role-chip i{width:5px;height:5px;border-radius:50%;background:#777780;box-shadow:0 0 10px rgba(255,255,255,.08)}
.profile-role-chip.player{color:#aaaab1}
.profile-role-chip.player i{background:#8a8a93}
.profile-role-chip.site-admin{color:#ffc261;border-color:rgba(255,158,39,.17);background:linear-gradient(135deg,rgba(255,137,22,.07),rgba(255,255,255,.018))}
.profile-role-chip.site-admin i{background:#ff9a25;box-shadow:0 0 12px rgba(255,139,23,.55)}
.profile-facts-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:13px;color:#85858d}
.profile-fact{display:inline-flex;align-items:center;gap:7px;min-height:28px;color:#83838b;font-size:10px;font-weight:720;white-space:nowrap}
.profile-fact i{font-style:normal;color:#5e5e66;font-size:12px}.profile-fact b{color:#c8c8ce;font-weight:850}.profile-fact span{color:#707078}
.profile-fact-separator{width:1px;height:18px;background:linear-gradient(transparent,rgba(255,255,255,.11),transparent)}
.profile-fact-button{appearance:none;border:0;background:transparent;font-family:inherit;padding:0;cursor:pointer;transition:.2s}.profile-fact-button em{font-style:normal;color:#5d5d65;transition:.2s}.profile-fact-button:hover{color:#ddd}.profile-fact-button:hover b{color:#ffbc56}.profile-fact-button:hover em{color:#ff9a25;transform:translate(1px,-1px)}
.profile-action-zone{padding:4px 0 4px 21px;justify-content:space-between;border-left-color:rgba(255,255,255,.05)}
.profile-id-stamp{position:relative;padding-right:5px}.profile-id-stamp span{color:#54545c;font-size:9px;letter-spacing:.15em}.profile-id-stamp b{margin-top:6px;color:#898991;font-size:11px}.profile-id-stamp i{display:block;width:56px;height:1px;margin:11px 0 0 auto;background:linear-gradient(90deg,transparent,rgba(255,150,31,.36));transform:rotate(-4deg)}
.profile-self-mark{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.022);color:#75757d;font-size:9px;letter-spacing:.13em;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.profile-self-mark span{width:6px;height:6px;border-radius:50%;background:#ff9a23;box-shadow:0 0 12px rgba(255,142,25,.44)}
.profile-page-body .friend-btn{min-height:44px;border-radius:13px!important;background:linear-gradient(135deg,#ff941f,#ff7c14)!important;box-shadow:0 12px 30px rgba(255,125,0,.15)!important}
.profile-page-body .friend-btn:hover{box-shadow:0 16px 36px rgba(255,125,0,.22)!important}
.profile-friends-drawer{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.12));border-top:1px solid rgba(255,255,255,.045)}
.achievement-admin-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}.achievement-admin-actions .achievement-edit{position:static}
.achievement-delete{border:1px solid rgba(255,82,82,.17);background:rgba(255,72,72,.05);color:#ff9696;border-radius:11px;padding:9px 11px;font:800 11px inherit;cursor:pointer;transition:.2s}.achievement-delete:hover{transform:translateY(-1px);background:rgba(255,72,72,.09);border-color:rgba(255,83,83,.28);color:#ffb3b3}.achievement-delete span{font-size:15px;line-height:0;vertical-align:-1px;margin-right:4px}
@media(max-width:920px){
  .profile-hero-v4{grid-template-columns:150px minmax(0,1fr);gap:24px;padding:30px 28px 27px}
  .profile-action-zone{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-left:0;border-top:1px solid rgba(255,255,255,.05);padding:16px 0 0}
  .profile-id-stamp{align-items:flex-start;text-align:left}.profile-id-stamp i{margin-left:0}.profile-self-mark{align-self:center}.profile-page-body .friend-btn{width:auto;min-width:190px}
}
@media(max-width:650px){
  .profile-hero-v4{grid-template-columns:1fr;padding:27px 20px 22px;gap:18px;text-align:center}
  .profile-overline,.profile-title-rail,.profile-role-strip,.profile-facts-row{justify-content:center}.profile-overline span{display:none}.profile-main-nick::after{margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,#ff941f,transparent);width:64%}.profile-fact-separator{display:none}
  .profile-action-zone{grid-column:auto;display:flex;flex-direction:column;gap:14px;align-items:stretch;border-top:1px solid rgba(255,255,255,.05);padding-top:17px}.profile-id-stamp{align-items:center;text-align:center}.profile-id-stamp i{margin-left:auto}.profile-self-mark{align-self:center}.profile-page-body .friend-btn{width:100%}
  .achievement-admin-actions{position:absolute;right:10px;bottom:10px}.achievement-delete,.achievement-edit{font-size:0!important;width:38px;height:38px;padding:0!important;display:grid;place-items:center}.achievement-delete span,.achievement-edit span{margin:0;font-size:16px!important}
}

/* === Profile V6 / refined soft-premium identity === */
.profile-page-body .profile-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 24%, rgba(255,142,24,.09), transparent 26%),
    radial-gradient(circle at 86% 18%, rgba(255,190,76,.035), transparent 23%),
    linear-gradient(145deg, rgba(18,18,21,.88), rgba(10,10,12,.82)) !important;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:27px !important;
  box-shadow:0 30px 90px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.025) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.profile-page-body .profile-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(118deg, transparent 0 73%, rgba(255,153,33,.035) 73.1%, transparent 73.25%);
  background-size:46px 46px,46px 46px,100% 100%;
  opacity:.55;
  mask-image:linear-gradient(to right,rgba(0,0,0,.82),rgba(0,0,0,.35) 74%,transparent 100%);
}
.profile-page-body .profile-card::after{
  content:"";
  position:absolute;
  top:-170px;
  right:-125px;
  width:310px;
  height:310px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,148,31,.12),rgba(255,148,31,.025) 42%,transparent 70%);
}
.profile-hero-v4{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:156px minmax(0,1fr) 184px;
  align-items:center;
  gap:30px;
  min-height:232px;
  padding:34px 34px 30px !important;
  isolation:isolate;
}
.profile-hero-v4::before,
.profile-hero-v4::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}
.profile-hero-v4::before{
  left:18px;
  top:18px;
  width:32px;
  height:32px;
  border-left:1px solid rgba(255,255,255,.075);
  border-top:1px solid rgba(255,255,255,.075);
  border-radius:8px 0 0 0;
}
.profile-hero-v4::after{
  right:18px;
  bottom:18px;
  width:34px;
  height:34px;
  border-right:1px solid rgba(255,156,35,.16);
  border-bottom:1px solid rgba(255,156,35,.16);
  border-radius:0 0 8px 0;
  background:none !important;
  opacity:1 !important;
}
.profile-detail{position:absolute;display:block;pointer-events:none;z-index:0}
.profile-detail.detail-a{right:82px;top:23px;width:66px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,159,47,.26));transform:rotate(-7deg)}
.profile-detail.detail-a::after{content:"";position:absolute;right:0;top:-2px;width:4px;height:4px;border-radius:50%;background:rgba(255,169,58,.52);box-shadow:0 0 11px rgba(255,137,22,.22)}
.profile-detail.detail-b{left:42%;bottom:22px;width:42px;height:1px;background:rgba(255,255,255,.055);box-shadow:14px -7px 0 rgba(255,157,37,.10),30px 3px 0 rgba(255,255,255,.035);border:0!important;border-radius:0!important;transform:rotate(-5deg)!important}
.profile-detail.detail-c{right:225px;top:50px;width:23px;height:23px;border-top:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);transform:rotate(9deg);background:none!important;box-shadow:none!important}

.profile-avatar-zone{display:flex;align-items:center;justify-content:center;position:relative}
.profile-avatar-orbit{
  position:relative;
  width:140px !important;
  height:140px !important;
  display:grid;
  place-items:center;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
}
.profile-avatar-orbit::before{
  content:"";
  position:absolute;
  inset:0 !important;
  border-radius:50% !important;
  background:conic-gradient(from 214deg, transparent 0 18%, rgba(255,151,35,.56) 23%, rgba(255,198,93,.18) 34%, transparent 42% 69%, rgba(255,255,255,.14) 73%, transparent 82%) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1px));
  border:0 !important;
  pointer-events:none;
}
.profile-avatar-orbit::after{display:none !important}
.profile-page-body .profile-big-avatar{
  width:124px !important;
  height:124px !important;
  border-radius:50% !important;
  font-size:62px !important;
  box-shadow:0 16px 34px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.07) !important;
}
.profile-online-dot{display:none !important}

.profile-identity-zone{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:0 !important}
.profile-overline{display:flex;align-items:center;gap:9px;margin:0 0 11px !important;color:#75757d !important;font-size:9px !important;font-weight:800;letter-spacing:.20em;text-transform:uppercase}
.profile-overline span{display:block;width:24px;height:1px;background:linear-gradient(90deg,#ff941f,rgba(255,148,31,.08));box-shadow:0 0 9px rgba(255,141,20,.12)}
.profile-name-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%}
.profile-name-line{display:inline-flex;align-items:baseline;gap:9px;max-width:100%;white-space:nowrap}
.profile-inline-prefix,.profile-inline-suffix{
  flex:0 1 auto;
  max-width:210px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.01em;
  text-shadow:0 0 14px color-mix(in srgb,var(--name-accent) 20%,transparent);
}
.profile-main-nick{
  flex:0 0 auto;
  margin:0 !important;
  color:#f7f7f8 !important;
  font-size:clamp(35px,3.35vw,49px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.036em !important;
  text-shadow:0 7px 26px rgba(0,0,0,.22) !important;
}
.profile-main-nick::after{display:none !important}
.profile-name-rule{
  width:100%;
  height:1px;
  margin-top:11px;
  border-radius:99px;
  background:linear-gradient(90deg,rgba(255,136,19,.14),rgba(255,166,52,.78) 35%,rgba(255,207,102,.42) 72%,rgba(255,144,26,.05));
  box-shadow:0 0 12px rgba(255,145,25,.10);
}
.profile-title-rail,.profile-role-strip,.profile-role-chip{display:none !important}
.profile-primary-role{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:12px;
  color:#a9a9b0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.085em;
  text-transform:uppercase;
}
.profile-primary-role::before{content:"";width:2px;height:15px;border-radius:99px;background:linear-gradient(#ff9b2a,#ff7f13);box-shadow:0 0 10px rgba(255,136,20,.18)}
.profile-primary-role::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.10),transparent);margin-left:2px}

.profile-facts-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px !important;color:#85858d}
.profile-fact{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 !important;background:none !important;border:0 !important;border-radius:0 !important;color:#83838b;font-size:10px;font-weight:720;white-space:nowrap;box-shadow:none !important}
.profile-fact i{font-style:normal;color:#66666e;font-size:12px}.profile-fact b{color:#cfcfd3;font-weight:850}.profile-fact span{color:#74747b;letter-spacing:.01em;text-transform:none !important}
.profile-fact-separator{display:block !important;width:1px;height:18px;background:linear-gradient(transparent,rgba(255,255,255,.10),transparent)}
.profile-fact-button{appearance:none;font-family:inherit;cursor:pointer;position:relative;transition:.2s;padding:2px 0 !important}
.profile-fact-button span{color:#8b8b93;text-decoration:underline;text-decoration-color:rgba(255,153,33,.34);text-underline-offset:4px;text-decoration-thickness:1px;transition:.2s}
.profile-fact-button em{font-style:normal;color:#65656d;font-size:11px;transition:.2s}
.profile-fact-button:hover span{color:#d7d7dc;text-decoration-color:#ff9b2a}.profile-fact-button:hover b{color:#ffbc58}.profile-fact-button:hover em{color:#ff9b2a;transform:translate(1px,-1px)}

.profile-action-zone{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;align-self:stretch;padding:6px 0 4px 20px !important;border-left:1px solid rgba(255,255,255,.048) !important}
.profile-id-stamp{position:relative;text-align:right;padding-right:2px}
.profile-id-stamp span{display:block;color:#55555d !important;font-size:9px !important;letter-spacing:.17em;text-transform:uppercase}
.profile-id-stamp b{display:block;margin-top:6px;color:#929298 !important;font-size:11px !important;letter-spacing:.08em}
.profile-id-stamp i{display:block;width:55px;height:1px;margin:11px 0 0 auto;background:linear-gradient(90deg,transparent,rgba(255,151,34,.35));transform:rotate(-3deg)}
.profile-self-mark{align-self:flex-end;display:inline-flex;align-items:center;gap:8px;min-height:35px;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;color:#74747c !important;font-size:9px !important;letter-spacing:.13em;text-transform:uppercase}
.profile-self-mark span{width:18px !important;height:1px !important;border-radius:0 !important;background:linear-gradient(90deg,transparent,#ff9a23) !important;box-shadow:none !important}
.profile-page-body .friend-btn{min-height:42px;border-radius:12px!important;background:linear-gradient(135deg,#ff941f,#ff7b12)!important;box-shadow:0 11px 25px rgba(255,125,0,.13)!important;border:0!important}
.profile-page-body .friend-btn:hover{transform:translateY(-1px);box-shadow:0 15px 31px rgba(255,125,0,.19)!important}
.profile-friends-drawer{position:relative;z-index:1;margin-top:0!important;padding:17px 24px 22px!important;background:rgba(6,6,8,.24)!important;border-top:1px solid rgba(255,255,255,.045)!important}

@media(max-width:920px){
  .profile-hero-v4{grid-template-columns:144px minmax(0,1fr);gap:24px;padding:29px 27px 25px!important}
  .profile-action-zone{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border-left:0!important;border-top:1px solid rgba(255,255,255,.045)!important;padding:15px 0 0!important}
  .profile-id-stamp{text-align:left}.profile-id-stamp i{margin-left:0}.profile-self-mark{align-self:center}
}
@media(max-width:650px){
  .profile-hero-v4{grid-template-columns:1fr;gap:18px;padding:25px 20px 21px!important;text-align:center}
  .profile-avatar-orbit{width:130px!important;height:130px!important}.profile-page-body .profile-big-avatar{width:114px!important;height:114px!important;font-size:57px!important}
  .profile-identity-zone{align-items:center}.profile-overline{justify-content:center}.profile-overline span{display:none}
  .profile-name-wrap{align-items:center;max-width:100%}.profile-name-line{justify-content:center;flex-wrap:wrap;white-space:normal}.profile-inline-prefix,.profile-inline-suffix{font-size:13px;max-width:42vw}.profile-main-nick{font-size:clamp(32px,10vw,42px)!important}
  .profile-name-rule{width:100%}.profile-primary-role{justify-content:center}
  .profile-facts-row{justify-content:center}.profile-fact-separator{display:none!important}
  .profile-action-zone{grid-column:auto;flex-direction:column;align-items:center;gap:14px;padding-top:16px!important}.profile-id-stamp{text-align:center}.profile-id-stamp i{margin-left:auto;margin-right:auto}.profile-self-mark{align-self:center}
  .profile-page-body .friend-btn{width:100%}
}


/* === PROFILE FINAL POLISH === */
.profile-page-body .profile-card{
  background:
    radial-gradient(circle at 13% 16%,rgba(255,126,26,.105),transparent 28%),
    radial-gradient(circle at 73% 8%,rgba(255,190,72,.060),transparent 22%),
    radial-gradient(circle at 91% 78%,rgba(255,117,23,.050),transparent 26%),
    linear-gradient(145deg,rgba(20,19,23,.92),rgba(12,12,15,.88)) !important;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.43),0 0 65px rgba(255,117,16,.028)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.profile-page-body .profile-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  pointer-events:none!important;
  border:0!important;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.019) 1px,transparent 1px),
    radial-gradient(circle at 18% 72%,rgba(255,161,58,.038) 0 1px,transparent 2px),
    radial-gradient(circle at 76% 31%,rgba(255,255,255,.045) 0 1px,transparent 2px)!important;
  background-size:42px 42px,42px 42px,96px 96px,118px 118px!important;
  opacity:.78!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.55));
}
.profile-page-body .profile-card::after{
  background:radial-gradient(circle,rgba(255,136,20,.12),rgba(255,199,93,.025) 44%,transparent 70%)!important;
  opacity:1!important;
}
/* remove the accidental grey corner on the upper-left */
.profile-hero-v4::before{display:none!important}
.profile-hero-v4::after{
  right:20px!important;bottom:19px!important;width:31px!important;height:31px!important;
  border-color:rgba(255,151,31,.14)!important;
}
.profile-detail.detail-a{background:linear-gradient(90deg,transparent,rgba(255,163,54,.23))!important}
.profile-detail.detail-b{left:44%!important;bottom:20px!important;opacity:.72}
.profile-detail.detail-c{border-color:rgba(255,149,34,.08)!important;opacity:.8}

/* avatar: clear focal point without a heavy frame */
.profile-avatar-orbit{width:146px!important;height:146px!important}
.profile-avatar-orbit::before{
  inset:3px!important;
  background:conic-gradient(from 225deg,transparent 0 13%,rgba(255,134,21,.16) 15%,rgba(255,178,67,.74) 24%,rgba(255,218,132,.20) 31%,transparent 38% 69%,rgba(255,177,64,.20) 73%,rgba(255,232,166,.16) 78%,transparent 84%)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.1px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.1px))!important;
  filter:drop-shadow(0 0 9px rgba(255,142,25,.17));
}
.profile-avatar-zone::after{
  content:"";position:absolute;width:108px;height:18px;bottom:2px;left:50%;transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(255,127,15,.14),transparent 68%);filter:blur(4px);pointer-events:none;
}
.profile-page-body .profile-big-avatar{
  width:126px!important;height:126px!important;font-size:63px!important;
  box-shadow:0 17px 39px rgba(0,0,0,.34),0 0 28px rgba(255,142,24,.06),inset 0 0 0 1px rgba(255,255,255,.075)!important;
}

/* prefix / suffix a bit more present */
.profile-inline-prefix,.profile-inline-suffix{font-size:17px!important;font-weight:880!important;max-width:230px!important}
.profile-main-nick{font-size:clamp(34px,3.05vw,45px)!important}
.profile-name-line{gap:10px!important}
.profile-name-rule{margin-top:10px!important;height:1px!important;background:linear-gradient(90deg,rgba(255,129,16,.08),rgba(255,167,55,.78) 36%,rgba(255,208,107,.38) 72%,rgba(255,151,30,.07))!important}

/* one primary role, presented like a rank label rather than a left bar */
.profile-primary-role{
  margin-top:13px!important;gap:9px!important;padding:0!important;background:none!important;border:0!important;
  color:#b8b8bf!important;font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important;
}
.profile-primary-role::before,.profile-primary-role::after{display:none!important}
.profile-primary-role i{font-style:normal;font-size:7px;color:#ff9d2c;opacity:.75;text-shadow:0 0 10px rgba(255,142,28,.28)}
.profile-primary-role b{font-weight:850;color:#c9c9ce}

/* friends should read as interactive without becoming a conventional button */
.profile-fact-button{border-radius:8px!important;padding:4px 7px!important;margin:-4px -7px!important;transition:background .2s,color .2s,transform .2s!important}
.profile-fact-button:hover,.profile-fact-button.active{background:rgba(255,148,27,.055)!important;transform:translateY(-1px)}
.profile-fact-button span{text-decoration:none!important;position:relative}
.profile-fact-button span::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,rgba(255,155,36,.2),rgba(255,170,59,.75));transform:scaleX(.42);transform-origin:left;transition:.22s}
.profile-fact-button:hover span::after,.profile-fact-button.active span::after{transform:scaleX(1)}
.profile-fact-button em{display:inline-block;margin-left:1px}

/* animated drawer */
.profile-friends-drawer{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:12px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  padding:0 24px!important;
  border-top-color:transparent!important;
  transform:translateY(-8px);
  transition:max-height .42s cubic-bezier(.22,.75,.22,1),opacity .25s ease,transform .34s ease,padding .34s ease,border-color .25s ease!important;
  pointer-events:none;
}
.profile-friends-drawer.open{
  max-height:520px;
  opacity:1;
  transform:translateY(0);
  padding:18px 24px 22px!important;
  border-top-color:rgba(255,255,255,.05)!important;
  pointer-events:auto;
}
.profile-friends-drawer .search-result{opacity:0;transform:translateY(-5px);transition:.24s ease}
.profile-friends-drawer.open .search-result{opacity:1;transform:none}
.profile-friends-drawer.open .search-result:nth-child(2){transition-delay:.035s}
.profile-friends-drawer.open .search-result:nth-child(3){transition-delay:.07s}
.profile-friends-drawer.open .search-result:nth-child(4){transition-delay:.105s}

/* account-context states */
.profile-public-mark,.profile-self-mark{
  align-self:flex-end;display:inline-flex;align-items:center;gap:8px;color:#777780!important;font-size:9px!important;
  font-weight:800;letter-spacing:.13em;text-transform:uppercase;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;
}
.profile-public-mark span{color:#ff9a27;font-size:11px;opacity:.65}
.profile-self-mark span{width:18px!important;height:1px!important;background:linear-gradient(90deg,transparent,#ff9a23)!important}

/* pending request = orange outline only */
.profile-page-body .friend-btn.pending{
  background:transparent!important;
  color:#ffb45a!important;
  border:1px solid rgba(255,151,34,.65)!important;
  box-shadow:inset 0 0 0 1px rgba(255,137,18,.045),0 8px 22px rgba(0,0,0,.14)!important;
}
.profile-page-body .friend-btn.pending:hover{
  background:rgba(255,137,18,.055)!important;
  border-color:rgba(255,169,75,.92)!important;
  color:#ffd19a!important;
}

/* clean not-found state */
.profile-not-found{
  min-height:250px;display:flex;align-items:center;justify-content:center;gap:24px;text-align:left;position:relative;z-index:2;padding:44px 32px;
}
.profile-not-found-mark{
  width:78px;height:78px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,145,26,.28);
  color:#ffab43;font-size:19px;font-weight:900;letter-spacing:.04em;background:rgba(255,138,18,.04);box-shadow:0 0 35px rgba(255,123,10,.07);
}
.profile-not-found span{color:#686870;font-size:9px;font-weight:850;letter-spacing:.2em;text-transform:uppercase}
.profile-not-found h1{margin:7px 0 6px;font-size:27px;letter-spacing:-.02em;color:#f1f1f3}
.profile-not-found p{margin:0;color:#7f7f87;font-size:13px;line-height:1.55;max-width:460px}

@media(max-width:650px){
  .profile-inline-prefix,.profile-inline-suffix{font-size:15px!important;max-width:43vw!important}
  .profile-main-nick{font-size:clamp(31px,9.2vw,40px)!important}
  .profile-avatar-orbit{width:134px!important;height:134px!important}
  .profile-page-body .profile-big-avatar{width:116px!important;height:116px!important;font-size:58px!important}
  .profile-public-mark,.profile-self-mark{align-self:center}
  .profile-not-found{flex-direction:column;text-align:center;min-height:270px;padding:38px 22px}
}


/* === final warm palette + centered inline styling === */
.profile-name-line{align-items:center!important}
.profile-inline-prefix,.profile-inline-suffix{display:inline-flex;align-items:center;justify-content:center;line-height:1!important;transform:none!important}
.profile-inline-prefix{padding-top:1px}
.profile-suffix-svg{width:25px;height:25px;flex:0 0 25px;overflow:visible;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--name-accent) 28%,transparent))}
.profile-suffix-svg svg{display:block;width:100%;height:100%;overflow:visible}
.lp-preview{display:flex;align-items:center;gap:7px}
.lp-preview span+span{margin-left:0!important}
.lp-suffix{display:inline-flex;align-items:center;min-height:23px}
.lp-suffix-svg{display:block;width:23px;height:23px;overflow:visible;filter:drop-shadow(0 0 6px currentColor)}


/* Emoji suffix tint fix: preserve emoji details instead of flattening to a silhouette */
.profile-suffix-svg,.lp-suffix-svg{display:none!important}
.emoji-filter-defs{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
.profile-suffix-emoji,.lp-suffix-emoji{display:inline-grid;place-items:center;vertical-align:middle;overflow:visible;line-height:1;flex:0 0 auto}
.profile-suffix-emoji{width:27px;height:27px;margin-left:1px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--name-accent) 22%,transparent))}
.lp-suffix-emoji{width:24px;height:24px}
.emoji-tinted-glyph{display:block;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:23px;line-height:27px;width:27px;height:27px;text-align:center;white-space:nowrap;transform:translateY(-.5px);transform-origin:center}
.lp-suffix-emoji .emoji-tinted-glyph{font-size:21px;line-height:24px;width:24px;height:24px;transform:none}
@media(max-width:650px){.profile-suffix-emoji{width:25px;height:25px}.profile-suffix-emoji .emoji-tinted-glyph{font-size:21px;line-height:25px;width:25px;height:25px}}


/* notification pagination */
.notification-more-wrap{padding:7px 4px 3px}
.notification-load-more{width:100%;min-height:44px;border:1px solid rgba(255,157,35,.22);border-radius:13px;background:rgba(255,143,18,.055);color:#f4f4f4;display:flex;align-items:center;justify-content:center;gap:9px;font:800 12px inherit;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}
.notification-load-more small{font-size:10px;font-weight:800;color:#a9a9ac;letter-spacing:.04em}
.notification-load-more:hover{background:rgba(255,143,18,.1);border-color:rgba(255,170,55,.4);color:#fff;transform:translateY(-1px)}
.notification-load-more:disabled{opacity:.55;cursor:default;transform:none}


/* emoji suffix renderer fix: keep detailed emoji visible and tint the rendered glyph */
.profile-suffix-emoji,.lp-suffix-emoji{position:relative!important;display:inline-grid!important;place-items:center!important;opacity:1!important;visibility:visible!important}
.emoji-filter-defs{position:absolute!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none!important}
.profile-suffix-emoji .emoji-tinted-glyph,.lp-suffix-emoji .emoji-tinted-glyph{display:block!important;opacity:1!important;visibility:visible!important;will-change:filter}


/* definitive emoji suffix renderer: canvas-based, never hidden by legacy SVG rules */
.profile-suffix-canvas,.lp-suffix-canvas{display:block!important;opacity:1!important;visibility:visible!important;width:32px!important;height:32px!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--name-accent,#ffb03a) 24%,transparent))}
.lp-suffix-canvas{width:28px!important;height:28px!important;filter:drop-shadow(0 0 5px rgba(255,170,70,.22))}
.emoji-tint-fallback{display:inline-block!important;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:24px;line-height:1;vertical-align:middle}
.profile-suffix-emoji{width:32px!important;height:32px!important;min-width:32px!important;margin-left:1px!important}
.lp-suffix-emoji{width:28px!important;height:28px!important;min-width:28px!important}
@media(max-width:650px){.profile-suffix-canvas{width:29px!important;height:29px!important}.profile-suffix-emoji{width:29px!important;height:29px!important;min-width:29px!important}}

/* emoji suffix hard fallback: raw glyph remains visible until canvas succeeds */
.profile-suffix-emoji,.lp-suffix-emoji{position:relative!important}
.emoji-fallback-live{display:grid!important;place-items:center!important;position:absolute!important;inset:0!important;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:24px!important;line-height:1!important;opacity:1!important;visibility:visible!important;transition:opacity .12s ease!important;pointer-events:none!important}
.lp-suffix-emoji .emoji-fallback-live{font-size:21px!important}
.profile-suffix-canvas,.lp-suffix-canvas{position:relative!important;z-index:2!important}
.emoji-rendered .emoji-fallback-live{opacity:0!important;visibility:hidden!important}

/* === Site roles: admin management + profile presentation === */
.site-role-panel{margin-top:26px;padding:26px;border:1px solid rgba(255,255,255,.105);border-radius:24px;background:linear-gradient(145deg,rgba(19,19,22,.95),rgba(9,9,11,.96));box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.03);position:relative;overflow:visible}
.site-role-panel::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 88% 10%,rgba(255,153,28,.055),transparent 25%)}
.site-role-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:22px}.site-role-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#f59b2a}.site-role-head h2{margin:7px 0 8px;font-size:clamp(24px,2.3vw,38px)}.site-role-head p{margin:0;color:#929298;max-width:680px;line-height:1.55}.site-role-preview{min-width:285px;padding:14px 16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:#0a0a0d}.site-role-preview>small{display:block;margin-bottom:9px;color:#6f7077;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.admin-role-preview{display:inline-flex;align-items:center;min-height:31px;padding:6px 11px;border-radius:8px;font-size:12px;font-weight:900;letter-spacing:.045em}.admin-role-preview.role-player{padding-left:0;color:#bfc1c7}.admin-role-preview.role-clan_member{padding-left:0;color:#fff}.admin-role-preview.role-council_member{color:#e7efff;border:1px solid rgba(79,142,255,.62);background:rgba(35,82,156,.11);box-shadow:0 0 10px rgba(50,118,255,.18),inset 0 0 8px rgba(76,137,255,.05)}.admin-role-preview.role-council_head{color:#f1f6ff;border:1px solid rgba(75,145,255,.78);background:rgba(35,83,166,.13);box-shadow:0 0 17px rgba(46,117,255,.3),inset 0 0 10px rgba(74,143,255,.08)}.admin-role-preview.role-site_admin{color:#ffe9ae;border:1px solid rgba(255,185,55,.8);background:rgba(147,92,12,.12);box-shadow:0 0 18px rgba(255,167,35,.31),inset 0 0 10px rgba(255,184,52,.08)}
.site-role-layout{position:relative;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.45fr);gap:22px}.site-role-users,.site-role-options{padding:18px;border-radius:18px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.067)}.site-role-users>label{display:block;margin-bottom:8px;color:#aaaab1;font-size:12px;font-weight:800;letter-spacing:.03em}.site-role-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:56px;padding:8px;margin-bottom:12px;border-radius:12px;background:#0b0b0e;border:1px solid rgba(255,255,255,.07)}.site-role-empty{align-self:center;color:#626269;font-size:12px}.site-role-chip{display:flex;align-items:center;gap:8px;max-width:100%;border:1px solid rgba(255,156,35,.19);border-radius:12px;background:rgba(255,145,20,.065);color:#e8e8ec;padding:6px 8px 6px 7px;cursor:pointer;text-align:left}.site-role-chip>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.site-role-chip b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-role-chip small{margin-top:2px;color:#888991;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-role-chip i{font-style:normal;color:#ff9b2a;margin-left:2px}.site-role-search-wrap{position:relative}.site-role-search-wrap input{width:100%;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:#0a0a0d;color:#fff;padding:12px 13px;outline:none}.site-role-search-wrap input:focus{border-color:rgba(255,153,31,.55);box-shadow:0 0 0 3px rgba(255,143,14,.08)}.site-role-results{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:25;max-height:260px;overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#111114;box-shadow:0 18px 48px rgba(0,0,0,.5)}.site-role-results:empty{display:none}.site-role-results button{display:flex;width:100%;align-items:center;gap:9px;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#fff;padding:9px 11px;text-align:left;cursor:pointer}.site-role-results button:hover{background:rgba(255,150,25,.08)}.site-role-results button small{margin-left:auto;color:#f39a2c;font-size:9px}.site-role-none{padding:12px;color:#777}.site-role-hint{margin:11px 2px 0;color:#686970;font-size:11px;line-height:1.45}
.site-role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.site-role-option{position:relative;min-height:78px;padding:14px 15px 13px 17px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#0d0d10;color:#fff;text-align:left;cursor:pointer;transition:.2s transform,.2s border-color,.2s background,.2s box-shadow}.site-role-option:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.14);background:#101014}.site-role-option b{display:block;font-size:13px;line-height:1.3}.site-role-option small{display:block;margin-top:6px;color:#6f7078;font-size:10px;line-height:1.35}.site-role-option .role-option-mark{position:absolute;left:0;top:15px;bottom:15px;width:2px;border-radius:999px;background:rgba(255,255,255,.13)}.site-role-option.role-player b{color:#bfc1c7}.site-role-option.role-clan_member b{color:#fff}.site-role-option.role-council_member b,.site-role-option.role-council_head b{color:#eaf1ff}.site-role-option.role-council_member .role-option-mark,.site-role-option.role-council_head .role-option-mark{background:#4a8dff;box-shadow:0 0 8px rgba(65,130,255,.5)}.site-role-option.role-site_admin b{color:#ffe3a1}.site-role-option.role-site_admin .role-option-mark{background:#f4aa28;box-shadow:0 0 9px rgba(255,171,31,.55)}.site-role-option.active{border-color:rgba(255,156,34,.5);background:rgba(255,145,20,.07);box-shadow:0 0 0 2px rgba(255,145,20,.055)}.site-role-option.role-council_member.active,.site-role-option.role-council_head.active{border-color:rgba(69,132,255,.62);box-shadow:0 0 14px rgba(50,116,255,.12)}.site-role-option.role-site_admin.active{border-color:rgba(255,182,49,.63);box-shadow:0 0 15px rgba(255,165,28,.14)}.site-role-actions{position:relative;display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.site-role-actions button{height:44px;padding:0 16px;border-radius:11px;font-weight:850;cursor:pointer}.site-role-save{border:1px solid rgba(255,160,45,.38);background:linear-gradient(135deg,#f18b13,#ffb62f);color:#111}.site-role-remove{border:1px solid rgba(255,255,255,.09);background:#141418;color:#a9a9b0}.site-role-remove:hover{border-color:rgba(255,117,72,.28);color:#e1b0a0}
.site-role-modal{position:fixed;inset:0;z-index:8500;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.2s opacity,.2s visibility}.site-role-modal.open{opacity:1;visibility:visible}.site-role-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.site-role-modal-card{position:relative;z-index:1;width:min(500px,100%);padding:27px;border:1px solid rgba(255,255,255,.11);border-radius:21px;background:linear-gradient(150deg,#18181c,#0b0b0e);box-shadow:0 30px 90px rgba(0,0,0,.62);transform:translateY(9px) scale(.985);transition:.22s transform}.site-role-modal.open .site-role-modal-card{transform:none}.site-role-modal-card>span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#f2a03a}.site-role-modal-card h3{margin:7px 0 9px;font-size:25px}.site-role-modal-card p{margin:0;color:#999aa0;line-height:1.55}.site-role-modal-card p b{color:#fff}.site-role-modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#111114;color:#aaa;font-size:19px;cursor:pointer}.site-role-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.site-role-modal-actions button{min-height:45px;border-radius:11px;font-weight:850;cursor:pointer}.site-role-modal-actions .selected{border:1px solid rgba(255,159,40,.35);background:rgba(255,145,20,.08);color:#ffd28f}.site-role-modal-actions .all{border:1px solid rgba(255,102,71,.28);background:rgba(255,75,42,.06);color:#efb0a2}

/* Profile role hierarchy */
.profile-primary-role{width:max-content;max-width:100%;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;margin-top:13px;min-height:28px;padding:5px 9px!important;border-radius:8px!important;background:transparent!important;font-size:11px!important;line-height:1.25;letter-spacing:.075em;text-transform:uppercase;position:relative;box-shadow:none!important}
.profile-primary-role::before,.profile-primary-role::after,.profile-primary-role i{display:none!important}.profile-primary-role b{font-weight:850!important;color:inherit!important;white-space:normal}.profile-primary-role .role-edge{display:block;width:3px;height:3px;transform:rotate(45deg);flex:0 0 auto;background:currentColor;opacity:.72}.profile-primary-role.role-player{padding-left:0!important;padding-right:0!important;color:#bfc1c7!important}.profile-primary-role.role-player .role-edge{opacity:.34}.profile-primary-role.role-clan_member{padding-left:0!important;padding-right:0!important;color:#fff!important}.profile-primary-role.role-clan_member .role-edge{color:#f1a23b;opacity:.68}.profile-primary-role.role-council_member{color:#e8f0ff!important;border:1px solid rgba(74,137,255,.58)!important;background:rgba(25,61,122,.08)!important;box-shadow:0 0 10px rgba(53,119,255,.19),inset 0 0 8px rgba(65,126,255,.04)!important}.profile-primary-role.role-council_member .role-edge{color:#5a96ff}.profile-primary-role.role-council_head{color:#f2f7ff!important;border:1px solid rgba(70,139,255,.78)!important;background:rgba(25,64,135,.10)!important;box-shadow:0 0 17px rgba(44,113,255,.31),0 0 4px rgba(76,146,255,.25) inset!important}.profile-primary-role.role-council_head .role-edge{color:#65a1ff;box-shadow:0 0 6px rgba(82,151,255,.55)}.profile-primary-role.role-site_admin{color:#ffe8ae!important;border:1px solid rgba(255,183,50,.8)!important;background:rgba(118,76,10,.09)!important;box-shadow:0 0 18px rgba(255,166,31,.31),0 0 5px rgba(255,190,65,.24) inset!important}.profile-primary-role.role-site_admin .role-edge{color:#ffb63d;box-shadow:0 0 6px rgba(255,174,45,.58)}
@media(max-width:900px){.site-role-head{align-items:stretch;flex-direction:column}.site-role-preview{min-width:0}.site-role-layout{grid-template-columns:1fr}.site-role-options{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-role-panel{padding:20px}.site-role-options{grid-template-columns:1fr}.site-role-modal-actions{grid-template-columns:1fr}.profile-primary-role{margin-left:auto;margin-right:auto}}

.notification-law-comment{display:block;margin-top:7px;padding:8px 10px;border-left:2px solid rgba(255,160,43,.55);border-radius:0 8px 8px 0;background:rgba(255,142,24,.045);color:#cfcfcf;font-size:11px;line-height:1.55}


/* === global SOG scrollbar + live dropdown role sync === */
.account-toast{
  z-index:12050!important;
}
.dropdown-site-role{
  display:inline-block!important;
  margin-top:3px;
  font-size:10px!important;
  line-height:1.35;
  letter-spacing:.035em;
  font-weight:800!important;
  color:#bfc1c7!important;
  text-shadow:none;
}
.dropdown-site-role.role-player{color:#bfc1c7!important}
.dropdown-site-role.role-clan_member{color:#fff!important}
.dropdown-site-role.role-council_member{
  color:#dce9ff!important;
  text-shadow:0 0 7px rgba(70,137,255,.58);
}
.dropdown-site-role.role-council_head{
  color:#edf5ff!important;
  text-shadow:0 0 7px rgba(74,145,255,.78),0 0 14px rgba(45,112,255,.46);
}
.dropdown-site-role.role-site_admin{
  color:#ffe3a0!important;
  text-shadow:0 0 7px rgba(255,183,51,.72),0 0 14px rgba(255,151,24,.38);
}

/* One State of Gamers scrollbar everywhere, including the page itself. */
html,body,*{
  scrollbar-width:thin;
  scrollbar-color:#f49a22 #0c0c0e;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar{
  width:10px;
  height:10px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track{
  background:#0c0c0e;
  border-radius:999px;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb{
  min-height:32px;
  background:linear-gradient(180deg,#ff7d0a 0%,#ff9f24 52%,#ffc454 100%);
  border:2px solid #0c0c0e;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 9px rgba(255,139,20,.12);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#ff8d18 0%,#ffad34 52%,#ffd06b 100%);
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner{
  background:#0c0c0e;
}