/* ACHIEVEMENTS-30-001 / P2 — compacta, dentro de las superficies existentes. */
.character-file-block--achievements[hidden],#crewAchievementCard[hidden]{display:none!important}
.character-file-block--achievements .character-file-block__summary{
  display:flex;align-items:center;gap:5px;min-height:31px;flex-wrap:wrap
}
.achievement-collection__summary{display:flex;align-items:center;gap:5px;min-width:0}
.achievement-collection__summary .achievement-collection__medal{width:29px;height:29px}
.achievement-collection__summary-text{
  margin-left:5px;color:#82747b;font:900 9px/1.3 system-ui;letter-spacing:.065em
}
.achievement-collection__medal{display:inline-flex;align-items:center;justify-content:center;flex:none;width:45px;height:45px}
.achievement-collection__medal .achievement-medal{width:100%;height:100%}
.achievement-collection__medal .achievement-medal__sample{display:none!important}
.achievement-collection__medal.is-locked{filter:none;opacity:1}
.achievement-collection__body{min-width:0;padding:0 1px 14px}
.achievement-collection__header{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 12px}
.achievement-collection__header strong{font:950 13px/1.2 system-ui;letter-spacing:.05em;color:#372e38}
.achievement-collection__header small{font:650 10px/1.4 system-ui;color:#7b7077}
.achievement-collection__filters{display:flex;gap:5px;overflow-x:auto;padding:0 0 10px}
.achievement-collection__filter{
  flex:none;appearance:none;min-height:35px;border:1px solid #ded4d1;border-radius:999px;
  padding:7px 11px;background:#faf7f4;color:#756874;font:900 9px/1.15 system-ui;letter-spacing:.055em
}
.achievement-collection__filter.is-active{background:#302334;color:#fff3dd;border-color:#302334}
.achievement-collection__filter:focus-visible,.achievement-collection__toggle:focus-visible{outline:2px solid #bc3b84;outline-offset:2px}
.achievement-collection__list{display:grid;gap:7px;min-width:0}
.achievement-collection__tile{
  box-sizing:border-box;min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);
  align-items:center;gap:10px;padding:9px 10px;border:1px solid #e2d8d2;
  border-radius:12px;background:#fffdfb
}
.achievement-collection__tile.is-locked{background:#f7f2ee}
.achievement-collection__copy{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:3px}
.achievement-collection__copy strong{font:900 11px/1.28 system-ui;color:#342735;overflow-wrap:anywhere}
.achievement-collection__copy small{font:850 8px/1.35 system-ui;color:#82747b;letter-spacing:.045em;overflow-wrap:anywhere}
.achievement-collection__new{
  padding:2px 5px;border-radius:5px;background:#f7e7ad;color:#65491f;
  font:900 8px/1.2 system-ui;letter-spacing:.07em
}
.achievement-collection__message{font:650 11px/1.45 system-ui;color:#7d707b;margin:5px 0 8px}
.achievement-collection-card{
  margin:12px 0 0;padding:11px;border:1px solid #e2d9d3;border-radius:13px;background:#fff;
  min-width:0
}
.achievement-collection__toggle{
  appearance:none;border:0;background:transparent;width:100%;display:flex;align-items:center;
  justify-content:space-between;gap:9px;padding:0;text-align:left;color:#312632;cursor:pointer
}
.achievement-collection__toggle span:first-child{font:950 9px/1.2 system-ui;letter-spacing:.08em}
.achievement-collection__toggle span:last-child{font:900 8px/1.3 system-ui;color:#8b7581;margin-left:auto}
.achievement-collection__toggle::after{content:'⌄';font:900 16px/1 system-ui;color:#8b7581;transition:transform .18s}
.achievement-collection__toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
.achievement-collection__detail{padding:10px 0 0;margin-top:9px;border-top:1px solid #e9e0dc}
.achievement-collection__detail[hidden]{display:none!important}
.achievement-collection-card .achievement-collection__message{margin:7px 0 2px;font-size:10px}
@media(max-width:359px){
  .achievement-collection__filters{gap:3px}
  .achievement-collection__filter{padding:7px 8px;font-size:8px}
  .achievement-collection__tile{padding:7px;gap:7px}
}
@media(prefers-reduced-motion:reduce){.achievement-collection__medal,.achievement-collection__tile{animation:none!important;transition:none!important}}

/* ACHIEVEMENTS-30-UX-002 — un acceso compacto en Mi expediente; La Banda conserva su vitrina. */
.character-file-block--achievements.achievement-collection__launch{
  padding:9px 12px;margin:6px 0 0;min-height:62px;box-sizing:border-box
}
.character-file-block--achievements>.achievement-collection__launch-header{
  display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:0
}
.character-file-block--achievements>.achievement-collection__launch-header::after{display:none!important}
.achievement-collection__launch-icon{
  flex:none;display:grid;place-items:center;width:39px;height:39px;
  border:1px solid #e6d9d1;border-radius:11px;background:#f7f2ef;font-size:21px;line-height:1
}
.achievement-collection__launch-labels{flex:1;min-width:0}
.character-file-block--achievements .achievement-collection__launch-labels h4{
  margin:0;color:#342735;font:950 11px/1.3 system-ui;letter-spacing:.055em
}
.character-file-block--achievements .achievement-collection__summary{
  margin:3px 0 0;min-height:0;display:block
}
.character-file-block--achievements .achievement-collection__summary-text{
  margin:0;color:#82747b;font:750 10px/1.25 system-ui;letter-spacing:0
}
.achievement-collection__launch-chevron{color:#96828c;font:500 25px/1 system-ui}
.achievement-collection__launch+.character-file__section-label{margin-top:13px}
.achievement-collection__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;min-width:0
}
.achievement-collection__grid-item{
  appearance:none;box-sizing:border-box;min-width:0;min-height:79px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:8px 3px;border:1px solid #e5dad4;border-radius:11px;
  background:#faf7f5;color:#423646;cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease
}
.achievement-collection__grid-item.is-earned{background:#fffdfb}
.achievement-collection__grid-item.is-earned[aria-pressed="true"]{
  border-color:#bf468a;background:#fff4f9
}
.achievement-collection__grid-item.is-locked{
  cursor:default;color:#a99ca4;background:#f6f1ef;border-style:dashed
}
.achievement-collection__grid-item .achievement-collection__medal{width:39px;height:39px}
.achievement-collection__grid-item small{
  font:850 8px/1.2 system-ui;letter-spacing:.045em;text-align:center
}
.achievement-collection__unknown{font:800 30px/39px system-ui;letter-spacing:.01em}
.achievement-collection__grid-item:focus-visible{
  outline:2px solid #bc3b84;outline-offset:2px
}
.achievement-collection__selection{
  margin-top:10px;display:flex;align-items:center;gap:12px;min-width:0;
  padding:12px;border:1px solid #e7d1dd;border-radius:12px;background:#fff9fc;
  animation:achievement-collection-reveal .22s ease-out both
}
.achievement-collection__selection[hidden]{display:none!important}
.achievement-collection__selection .achievement-collection__medal{width:50px;height:50px}
.achievement-collection__selection-copy{min-width:0;display:grid;gap:4px}
.achievement-collection__selection-copy strong{
  color:#342735;font:950 12px/1.25 system-ui;overflow-wrap:anywhere
}
.achievement-collection__selection-copy p{
  margin:0;color:#675b65;font:650 11px/1.4 system-ui;overflow-wrap:anywhere
}
.achievement-collection__selection-copy small{
  color:#8e7584;font:800 9px/1.3 system-ui
}
@keyframes achievement-collection-reveal{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:359px){
  .achievement-collection__grid{gap:5px}
  .achievement-collection__grid-item{min-height:73px;padding:6px 2px}
  .achievement-collection__grid-item .achievement-collection__medal{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){
  .achievement-collection__grid-item,.achievement-collection__selection{
    transition:none!important;animation:none!important
  }
}

/* UX-003 · 31 plazas fijas: visible pendiente ≠ trofeo oculto. */
.achievement-collection__grid-item{
  min-height:95px;gap:5px;padding:8px 3px;
  align-content:center;justify-content:center
}
.achievement-collection__grid-item.is-available{
  background:#f9f6f3;border-color:#dfd6d0;cursor:default
}
.achievement-collection__grid-item.is-available .achievement-collection__medal.is-locked{
  filter:none;opacity:1
}
.achievement-collection__grid-item.is-available .achievement-collection__item-title{
  color:#6b5f67
}
.achievement-collection__grid-item .achievement-collection__item-title{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;width:100%;min-height:19px;
  color:#51404d;font:800 8px/1.22 system-ui;text-align:center;
  overflow-wrap:anywhere
}
.achievement-collection__grid-item .achievement-collection__item-status{
  color:#8d8188;font:900 7px/1.2 system-ui;letter-spacing:.045em
}
.achievement-collection__grid-item.is-hidden .achievement-collection__unknown{
  color:#aa9ca6
}
.achievement-collection__grid-item.is-hidden{border-style:dashed}
@media(max-width:359px){
  .achievement-collection__grid-item{min-height:89px;padding:7px 2px}
  .achievement-collection__grid-item .achievement-collection__item-title{font-size:7.5px}
}

/* UX-004 · misma alineación de medallas con o sin NUEVO / título de dos líneas. */
.achievement-collection__grid-item{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:39px minmax(20px,auto) 13px;
  justify-items:center;align-content:center;
  row-gap:5px;min-height:106px;cursor:pointer
}
.achievement-collection__grid-item>.achievement-collection__medal,
.achievement-collection__grid-item>.achievement-collection__unknown{
  grid-row:1;align-self:center;justify-self:center;
  margin:0;transform:none
}
.achievement-collection__grid-item>.achievement-collection__item-title{
  grid-row:2;align-self:center;margin:0
}
.achievement-collection__grid-item>.achievement-collection__item-status,
.achievement-collection__grid-item>.achievement-collection__new,
.achievement-collection__grid-item.is-hidden>small{
  grid-row:3;align-self:center;justify-self:center;margin:0
}
.achievement-collection__grid-item.is-hidden{cursor:default}
.achievement-collection__grid-item.is-available{cursor:pointer}
.achievement-collection__grid-item.is-available[aria-pressed="true"]{
  border-color:#b77d9b;background:#fdf1f7
}
/* El detalle comparte las cuatro columnas y va bajo la FILA seleccionada. */
.achievement-collection__grid>.achievement-collection__selection{
  grid-column:1/-1;width:100%;box-sizing:border-box;
  margin:1px 0 3px;scroll-margin-block:9px;
  align-items:center
}
.achievement-collection__selection .achievement-collection__medal{flex:none}
.achievement-collection__selection-state{
  letter-spacing:.065em;color:#a65d84!important
}
.achievement-collection__selection .achievement-collection__medal.is-locked{
  filter:none;opacity:1
}
@media(max-width:359px){
  .achievement-collection__grid-item{
    grid-template-rows:34px minmax(20px,auto) 12px;
    min-height:98px;row-gap:4px
  }
}
@media(prefers-reduced-motion:reduce){
  .achievement-collection__grid>.achievement-collection__selection{
    animation:none!important;transition:none!important
  }
}

/* Safari / WebKit hotfix: las medallas pendientes con filtro CSS sobre otro
   filtro SVG se pintaban en celdas vecinas al abrir el detalle. No aplicar
   filtros compositados sobre los medallones de esta cuadrícula. */
.achievement-collection__grid-item{
  position:relative;overflow:hidden;isolation:isolate
}
.achievement-collection__grid-item>.achievement-collection__medal,
.achievement-collection__grid-item>.achievement-collection__unknown,
.achievement-collection__grid-item>.achievement-collection__item-title,
.achievement-collection__grid-item>.achievement-collection__item-status,
.achievement-collection__grid-item>.achievement-collection__new,
.achievement-collection__grid-item.is-hidden>small{
  grid-column:1
}
.achievement-collection__grid-item .achievement-medal__svg{
  filter:none;overflow:hidden
}

/* SURFACE-007 · vista de trofeos ajenos sobre el diálogo REAL de La Banda. */
.crew-trophies-screen{
  box-sizing:border-box;position:absolute;inset:0;z-index:6;min-width:0;min-height:0;
  overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
  padding:12px 16px max(22px,env(safe-area-inset-bottom));background:#f7f3ef;
  transform:translate3d(100%,0,0);transition:transform .2s cubic-bezier(.2,.76,.25,1);
  will-change:transform;touch-action:pan-y
}
.crew-trophies-screen[hidden]{display:none!important}
.crew-trophies-screen.is-open{transform:translate3d(0,0,0)}
.crew-trophies-screen.is-swiping{transition:none!important}
.crew-trophies-screen__back{
  position:sticky;top:-12px;z-index:4;width:100%;padding:11px 0 12px;
  background:linear-gradient(#f7f3ef 80%,rgba(247,243,239,0))
}
.crew-trophies-screen__heading{display:grid;gap:5px;margin:5px 0 15px}
.crew-trophies-screen__heading small{font:900 9px/1.3 system-ui;letter-spacing:.1em;color:#8d8188}
.crew-trophies-screen__heading h3{margin:0;font:950 23px/1.12 system-ui;color:#342735}
.crew-trophies-screen__heading p{margin:0;font:750 10px/1.35 system-ui;color:#8d8188}
.crew-trophies-screen .achievement-collection__detail{margin:0;padding:0;border:0}
.achievement-collection__toggle::after{content:'›';transform:none!important}
@media(prefers-reduced-motion:reduce){.crew-trophies-screen{transition:none!important}}

/* TROPHIES-AURA-010 · shared metallic frame; avatar geometry stays untouched. */
#crewGrid .crew-member-card__portrait{
  position:relative;display:inline-grid;place-items:center;justify-self:start;
  border-radius:13px;isolation:isolate
}
.trophy-aura[data-trophy-level="bronze"]{
  --aura-dark:#895335;--aura-mid:#c38b60;--aura-light:#ffe2b2;--aura-glow:rgba(174,111,59,.25)
}
.trophy-aura[data-trophy-level="silver"]{
  --aura-dark:#607b98;--aura-mid:#a5bed5;--aura-light:#f1f9ff;--aura-glow:rgba(104,154,197,.25)
}
.trophy-aura[data-trophy-level="gold"]{
  --aura-dark:#996812;--aura-mid:#e0b542;--aura-light:#fff3b0;--aura-glow:rgba(219,171,44,.28)
}
.trophy-aura[data-trophy-level="platinum"]{
  --aura-dark:#7961a7;--aura-mid:#b6a0e2;--aura-light:#f0e9ff;--aura-glow:rgba(155,122,211,.28)
}
.trophy-aura[data-trophy-level="legend"]{
  --aura-dark:#a84180;--aura-mid:#e490bb;--aura-light:#ffe3ed;--aura-glow:rgba(222,104,170,.3)
}
.trophy-aura[data-trophy-level]:not([data-trophy-level="none"]){
  box-shadow:0 0 0 1px var(--aura-light),0 0 0 3px var(--aura-mid),0 0 0 4px var(--aura-dark),0 3px 11px var(--aura-glow)
}
.crew-trophy-access{min-width:0;margin-top:3px}
.crew-trophy-access__button{
  appearance:none;display:flex;align-items:center;gap:6px;max-width:100%;min-height:32px;
  padding:2px 0;border:0;background:transparent;color:#775969;font:800 10px/1.3 system-ui;
  text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent
}
.crew-trophy-access__icon{display:inline-flex;flex:none;color:#a27837}
.crew-trophy-access__icon svg{width:15px;height:15px}
.crew-trophy-access__arrow{font-size:19px;line-height:1;margin-left:3px}
.crew-trophy-access__button:disabled{color:#8d8188;cursor:default}
.crew-trophy-access__button:focus:not(:focus-visible),
.crew-trophies-screen__back:focus:not(:focus-visible){outline:none}
.crew-trophy-access__button:focus-visible{outline:2px solid #bc3b84;outline-offset:3px;border-radius:4px}
.crew-trophies-screen__back{-webkit-tap-highlight-color:transparent}
@media(hover:none){
  .crew-trophies-screen__back:hover{color:var(--muted)}
}

.achievement-collection__header>small{flex-basis:100%}
.trophy-aura-help{margin-left:auto;max-width:100%;font:650 11px/1.5 system-ui;color:#7b7077}
.trophy-aura-help summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:5px;color:#775969;font-weight:750;list-style:none;-webkit-tap-highlight-color:transparent;user-select:none}
.trophy-aura-help summary::-webkit-details-marker{display:none}
.trophy-aura-help summary:focus-visible{outline:2px solid #bc3b84;outline-offset:2px;border-radius:4px}
.trophy-aura-help[open]{flex-basis:100%;margin-left:0}
.trophy-aura-help__copy{padding:4px 0 10px}
.trophy-aura-help__copy p{margin:0 0 6px}
.trophy-aura-help__copy ul{margin:0;padding-left:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}