/* ========================================================================
   BOMBARERA V67 — TROPHY VAULT / STATIC FILTER BAR
   Static route skin: loaded with the shell to prevent achievement FOUC.
   ======================================================================== */
#screenAchievements{
  --ach65-bg:#08111f;
  --ach65-panel:#101c31;
  --ach65-panel-2:#14223a;
  --ach65-line:rgba(115,180,230,.16);
  --ach65-text:#f5f8ff;
  --ach65-muted:#9badc4;
  --ach65-cyan:#64ddff;
  --ach65-violet:#a978ff;
  --ach65-gold:#ffd05e;
  --ach65-green:#67e6ad;
  display:grid!important;
  grid-template-rows:54px minmax(0,1fr)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 16% -8%,rgba(73,126,255,.12),transparent 34%),
    radial-gradient(circle at 88% 5%,rgba(177,79,255,.10),transparent 30%),
    linear-gradient(180deg,#091425 0%,#07101d 100%)!important;
  color:var(--ach65-text)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;
}
#screenAchievements .achievements-content{
  width:min(1480px,100%)!important;max-width:1480px!important;height:100%!important;min-height:0!important;margin:0 auto!important;
  padding:18px 22px 22px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  scrollbar-width:thin;scrollbar-color:rgba(106,192,255,.40) rgba(255,255,255,.04);
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#screenAchievements .achievements-content::-webkit-scrollbar{width:8px}
#screenAchievements .achievements-content::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
#screenAchievements .achievements-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b72ff,#54cfe9);border-radius:999px}

/* Hero */
#screenAchievements .achievements-v65__hero{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;
  min-height:164px;padding:22px 24px;margin-bottom:14px;overflow:hidden;border:1px solid rgba(153,119,255,.20);border-radius:20px;
  background:
    radial-gradient(circle at 8% 18%,rgba(164,93,255,.20),transparent 31%),
    radial-gradient(circle at 88% 90%,rgba(68,207,255,.12),transparent 34%),
    linear-gradient(145deg,#151d39,#10192e 64%,#0e1729);
  box-shadow:0 16px 42px rgba(0,4,17,.22),inset 0 1px 0 rgba(255,255,255,.05);
}
#screenAchievements .achievements-v65__hero::after{
  content:"";position:absolute;inset:auto -40px -80px auto;width:280px;height:280px;border-radius:50%;z-index:-1;
  background:conic-gradient(from 20deg,rgba(255,208,94,.14),rgba(169,120,255,.10),rgba(100,221,255,.09),rgba(255,208,94,.14));filter:blur(8px);
}
#screenAchievements .achievements-v65__intro{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center;min-width:0}
#screenAchievements .achievements-v65__emblem{
  width:72px;height:72px;display:grid;place-items:center;border-radius:20px;color:var(--ach65-gold);
  background:linear-gradient(145deg,rgba(255,208,94,.18),rgba(169,120,255,.16));border:1px solid rgba(255,221,122,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 30px rgba(169,120,255,.10);
  font-size:34px;line-height:1;
}
#screenAchievements .achievements-v65__emblem .ui-icon{width:34px!important;height:34px!important}
#screenAchievements .achievements-v65__eyebrow{display:block;color:#80e7ff;font:800 10px/1.2 var(--font-body);letter-spacing:.13em;text-transform:uppercase}
#screenAchievements .achievements-v65__hero h3{margin:6px 0 6px;color:#fff;font:900 clamp(28px,3vw,40px)/1.04 var(--font-body);letter-spacing:-.025em}
#screenAchievements .achievements-v65__hero p{margin:0;max-width:700px;color:#aebdd1!important;font:600 14px/1.52 var(--font-body)!important}
#screenAchievements .achievements-v65__summary{display:grid;grid-template-columns:repeat(3,118px);gap:9px}
#screenAchievements .achievements-v65__stat{
  min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px solid rgba(139,188,230,.13);border-radius:14px;
  background:rgba(7,15,29,.46);text-align:center;
}
#screenAchievements .achievements-v65__stat strong{color:#fff;font:900 21px/1 var(--font-body)}
#screenAchievements .achievements-v65__stat span{margin-top:7px;color:#8195ad;font:700 10px/1.25 var(--font-body)}
#screenAchievements .achievements-v65__stat--ready.is-ready{border-color:rgba(255,208,94,.30);background:linear-gradient(180deg,rgba(255,208,94,.13),rgba(255,167,74,.055))}
#screenAchievements .achievements-v65__stat--ready.is-ready strong{color:#ffe081}
#screenAchievements .achievements-v65__progress{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px}
#screenAchievements .achievements-v65__progress span,#screenAchievements .achievements-v65__progress b{font:800 10px/1 var(--font-body);letter-spacing:.05em;color:#8ea1b8}
#screenAchievements .achievements-v65__progress b{color:#d8e7f6}
#screenAchievements .achievements-v65__track{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}
#screenAchievements .achievements-v65__track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9b72ff,#ff70c7 52%,#62e4ff);box-shadow:0 0 14px rgba(105,215,255,.24)}

/* Filters */
#screenAchievements .achievement-toolbar{
  /* V67 invariant: this control belongs to the document flow. It must NEVER
     follow the viewport or overlap achievement cards. */
  position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:1!important;
  width:max-content!important;max-width:100%!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;
  margin:0 0 12px!important;padding:5px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;
  border:1px solid var(--ach65-line)!important;border-radius:13px!important;background:rgba(10,21,39,.82)!important;
  box-shadow:0 7px 18px rgba(0,5,18,.11)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;
}
#screenAchievements .achievement-toolbar::-webkit-scrollbar{display:none}
#screenAchievements .achievement-toolbar button{
  flex:0 0 auto!important;min-height:40px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 13px!important;
  border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#91a5bf!important;
  font:800 12px/1 var(--font-body)!important;letter-spacing:0!important;white-space:nowrap!important;box-shadow:none!important;
}
#screenAchievements .achievement-toolbar button:hover{color:#fff!important;background:rgba(255,255,255,.045)!important}
#screenAchievements .achievement-toolbar button.is-active{color:#fff!important;border-color:rgba(132,195,240,.20)!important;background:linear-gradient(180deg,rgba(145,99,255,.18),rgba(67,159,225,.09))!important}
#screenAchievements .achievement-toolbar button b{min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;border-radius:7px;background:rgba(255,255,255,.06);color:#d7e7f6;font:800 11px/1 var(--font-body)}
#screenAchievements .achievement-toolbar__ready b{color:#ffe181!important}

/* Cards */
#screenAchievements .achievements-grid--tiers{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0!important}
#screenAchievements .achievement-card--tier{
  position:relative!important;min-width:0!important;min-height:242px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:16px!important;overflow:hidden!important;
  text-align:left!important;opacity:1!important;border:1px solid rgba(115,180,230,.14)!important;border-radius:16px!important;
  background:linear-gradient(180deg,#121e34,#0e192c)!important;box-shadow:0 8px 22px rgba(0,5,18,.13)!important;transform:none!important;
}
#screenAchievements .achievement-card--tier::before{content:"";position:absolute;width:150px;height:150px;right:-78px;top:-88px;border-radius:50%;background:rgba(132,98,255,.10);filter:blur(2px);pointer-events:none}
#screenAchievements .achievement-card--tier:hover{border-color:rgba(100,221,255,.28)!important;background:linear-gradient(180deg,#14233b,#101b30)!important;transform:none!important}
#screenAchievements .achievement-card--ready{border-color:rgba(255,208,94,.34)!important;background:radial-gradient(circle at 100% 0%,rgba(255,205,83,.13),transparent 34%),linear-gradient(180deg,#1b2238,#121b2e)!important}
#screenAchievements .achievement-card--complete{border-color:rgba(103,230,173,.24)!important;background:radial-gradient(circle at 100% 0%,rgba(103,230,173,.10),transparent 34%),linear-gradient(180deg,#132a31,#0f202a)!important}
#screenAchievements .achievement-card--ready::after{content:"НАГРАДА ГОТОВА";position:absolute;top:13px;right:-35px;width:132px;padding:5px 0;transform:rotate(38deg);text-align:center;color:#3b2a0b;background:linear-gradient(90deg,#ffe778,#ffc84c);font:900 8px/1 var(--font-body);letter-spacing:.035em}
#screenAchievements .achievement-card__head{display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;gap:11px!important;align-items:center!important}
#screenAchievements .achievement-card__icon{width:50px!important;height:50px!important;display:grid!important;place-items:center!important;border-radius:13px!important;color:#fff!important;background:linear-gradient(145deg,rgba(159,105,255,.18),rgba(70,204,255,.10))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;font-size:25px!important;line-height:1!important}
#screenAchievements .achievement-card__icon .ui-icon{width:25px!important;height:25px!important}
#screenAchievements .achievement-card__title-wrap{min-width:0!important}
#screenAchievements .achievement-card__name{color:#fff!important;font:850 17px/1.18 var(--font-body)!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screenAchievements .achievement-card__rank-title{margin-top:4px!important;color:#8ddff4!important;font:700 11px/1.25 var(--font-body)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#screenAchievements .achievement-ranks{display:flex!important;gap:4px!important}
#screenAchievements .achievement-rank{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:7px!important;color:#657992!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.065)!important;font:800 10px/1 var(--font-body)!important}
#screenAchievements .achievement-rank.is-active{color:#e9fbff!important;border-color:rgba(100,221,255,.34)!important;background:rgba(65,190,225,.10)!important;box-shadow:none!important}
#screenAchievements .achievement-rank.is-claimed{color:#0e2a20!important;border-color:#69dfaa!important;background:#72e2ae!important}
#screenAchievements .achievement-card__desc{min-height:48px!important;margin-top:14px!important;color:#a7b7cb!important;font:600 13px/1.5 var(--font-body)!important;letter-spacing:0!important}
#screenAchievements .achievement-tier-progress{margin-top:auto!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:11px!important;background:rgba(3,9,20,.27)!important}
#screenAchievements .achievement-tier-progress__meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important}
#screenAchievements .achievement-tier-progress__meta span{color:#7f92aa!important;font:800 10px/1 var(--font-body)!important;letter-spacing:.06em!important}
#screenAchievements .achievement-tier-progress__meta strong{color:#eef6ff!important;font:800 12px/1 var(--font-body)!important}
#screenAchievements .achievement-tier-progress__bar{height:6px!important;overflow:hidden!important;border-radius:999px!important;background:rgba(108,148,199,.15)!important}
#screenAchievements .achievement-tier-progress__bar i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#956fff,#62dcff)!important;box-shadow:none!important}
#screenAchievements .achievement-card--ready .achievement-tier-progress__bar i{background:linear-gradient(90deg,#ffbf4c,#ffe67b)!important}
#screenAchievements .achievement-card--complete .achievement-tier-progress__bar i{background:linear-gradient(90deg,#48d89a,#83edbb)!important}
#screenAchievements .achievement-card__footer{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-top:12px!important;padding-top:0!important}
#screenAchievements .achievement-card__reward small{display:block;color:#7f92aa;font:800 9px/1 var(--font-body);letter-spacing:.06em}
#screenAchievements .achievement-card__reward strong{display:block;margin-top:5px;color:#ffd667;font:850 14px/1.1 var(--font-body)}
#screenAchievements .achievement-claim-btn{min-width:112px!important;height:40px!important;min-height:40px!important;padding:0 16px!important;border:1px solid #ffe18a!important;border-radius:10px!important;background:linear-gradient(180deg,#ffe17d,#ffc44f)!important;color:#352608!important;font:900 12px/1 var(--font-body)!important;box-shadow:0 4px 0 #b8771f!important}
#screenAchievements .achievement-claim-btn:active{transform:translateY(2px)!important;box-shadow:0 2px 0 #b8771f!important}
#screenAchievements .achievement-card__locked,#screenAchievements .achievement-card__done{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border-radius:9px;font:800 11px/1 var(--font-body)}
#screenAchievements .achievement-card__locked{color:#8295ad;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
#screenAchievements .achievement-card__done{color:#85e8b8;background:rgba(91,222,161,.08);border:1px solid rgba(91,222,161,.16)}
#screenAchievements .achievement-empty{grid-column:1/-1;min-height:230px;display:grid;place-items:center;align-content:center;padding:34px;text-align:center;border:1px dashed rgba(122,182,228,.18);border-radius:16px;background:rgba(255,255,255,.02)}
#screenAchievements .achievement-empty span{color:#aa7bff;font-size:30px}#screenAchievements .achievement-empty strong{margin-top:10px;color:#fff;font:850 18px/1.2 var(--font-body)}#screenAchievements .achievement-empty p{margin:8px 0 0;max-width:460px;color:#91a4ba!important;font:600 13px/1.5 var(--font-body)!important}

/* Toasts */
.achievement-notification{top:92px!important;right:18px!important;gap:8px!important}
.achievement-notification__item{max-width:360px!important;padding:13px 15px!important;border:1px solid rgba(255,213,102,.28)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(31,34,64,.97),rgba(24,24,49,.97))!important;box-shadow:0 18px 44px rgba(0,0,0,.32)!important}
.achievement-notification__label{color:#ffd96a!important;font:800 10px/1.2 var(--font-body)!important;letter-spacing:.05em}.achievement-notification__name{margin-top:4px;color:#fff!important;font:800 13px/1.3 var(--font-body)!important}

@media (max-width:1366px){
  #screenAchievements .achievements-content{padding:14px 18px 18px!important}
  #screenAchievements .achievements-v65__hero{min-height:144px;padding:18px 20px}
  #screenAchievements .achievements-v65__intro{grid-template-columns:62px minmax(0,1fr);gap:14px}
  #screenAchievements .achievements-v65__emblem{width:62px;height:62px;border-radius:17px}
  #screenAchievements .achievements-v65__hero h3{font-size:30px}
  #screenAchievements .achievements-v65__hero p{font-size:13px!important}
  #screenAchievements .achievements-v65__summary{grid-template-columns:repeat(3,104px)}
  #screenAchievements .achievements-v65__stat{min-height:72px}
  #screenAchievements .achievements-grid--tiers{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screenAchievements .achievement-card--tier{min-height:228px!important;padding:14px!important}
}
@media (max-width:980px){
  #screenAchievements .achievements-v65__hero{grid-template-columns:1fr;gap:15px}
  #screenAchievements .achievements-v65__summary{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  #screenAchievements .achievements-v65__stat{min-height:66px}
}
@media (max-width:720px){
  #screenAchievements{grid-template-rows:54px minmax(0,1fr)!important}
  #screenAchievements .achievements-content{padding:12px!important}
  #screenAchievements .achievements-v65__hero{padding:16px;border-radius:16px}
  #screenAchievements .achievements-v65__intro{grid-template-columns:52px minmax(0,1fr)}
  #screenAchievements .achievements-v65__emblem{width:52px;height:52px;border-radius:14px}
  #screenAchievements .achievements-v65__hero h3{font-size:26px}
  #screenAchievements .achievements-v65__hero p{font-size:12px!important}
  #screenAchievements .achievements-v65__summary{gap:6px}
  #screenAchievements .achievements-v65__stat{padding:8px;min-height:62px}
  #screenAchievements .achievements-v65__stat strong{font-size:18px}
  #screenAchievements .achievements-v65__stat span{font-size:9px}
  #screenAchievements .achievements-grid--tiers{grid-template-columns:1fr!important}
  #screenAchievements .achievement-card--tier{min-height:220px!important}
}
@media (max-width:480px){
  #screenAchievements .achievements-v65__intro{grid-template-columns:1fr}#screenAchievements .achievements-v65__emblem{display:none}
  #screenAchievements .achievements-v65__summary{grid-template-columns:repeat(2,1fr)}#screenAchievements .achievements-v65__stat:first-child{grid-column:1/-1}
  #screenAchievements .achievement-card__head{grid-template-columns:46px minmax(0,1fr)!important}#screenAchievements .achievement-ranks{grid-column:1/-1;margin-top:4px}
  #screenAchievements .achievement-card__name{white-space:normal}#screenAchievements .achievement-card__rank-title{white-space:normal}
}
@media (prefers-reduced-motion:reduce){#screenAchievements *{scroll-behavior:auto!important}}
#screenAchievements .achievement-card__kicker{margin-bottom:3px;color:#6f849e;font:800 9px/1 var(--font-body);letter-spacing:.08em}
#screenAchievements .achievement-card--ready .achievement-card__kicker{color:#ffd56b}
#screenAchievements .achievement-card--complete .achievement-card__kicker{color:#70dfaa}
#screenAchievements .achievement-card__reward strong{display:flex!important;align-items:center!important;gap:5px!important}
#screenAchievements .achievement-card__reward-icon{width:15px!important;height:15px!important;flex:0 0 15px!important}
.achievement-notification{position:fixed!important;top:92px!important;right:18px!important;z-index:10000!important;display:flex!important;flex-direction:column!important;gap:8px!important;pointer-events:none!important}
.achievement-notification__item{display:flex!important;align-items:center!important;gap:12px!important;animation:ach65ToastIn .28s ease both,ach65ToastOut .3s ease 3.65s both!important}
.achievement-notification__icon{font-size:24px!important}.achievement-notification__text{flex:1!important;min-width:0!important}
@keyframes ach65ToastIn{from{opacity:0;transform:translate3d(18px,-4px,0) scale(.98)}to{opacity:1;transform:none}}
@keyframes ach65ToastOut{to{opacity:0;transform:translate3d(12px,0,0)}}
#screenAchievements .achievement-toolbar button:focus-visible,#screenAchievements .achievement-claim-btn:focus-visible{outline:3px solid rgba(100,221,255,.52)!important;outline-offset:2px!important}


/* V67 regression guard -----------------------------------------------------
   Legacy route sheets are activated dynamically after navigation. Keep this
   selector intentionally specific so no older sticky/fixed toolbar rule can
   reappear because of stylesheet timing. */
html body[data-ui-context="achievements"] #screenAchievements .achievements-content > .achievement-toolbar{
  position:static!important;
  inset:auto!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  z-index:1!important;
  transform:none!important;
  float:none!important;
}