/* VALGRAD V8.0.2 — Imperial Profile Overview Foil. All effects are presentation-only. */
.asc-profile-overview-card{
  display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,38px);
  min-height:184px;overflow:hidden;
}
.asc-profile-overview-copy{flex:1;min-width:0;position:relative;z-index:1}
.asc-profile-foil{
  --asc-foil-x:50%;--asc-foil-y:50%;
  position:relative;flex:0 0 clamp(132px,17vw,194px);width:clamp(132px,17vw,194px);
  aspect-ratio:1;border:1px solid #c6a15d;overflow:hidden;isolation:isolate;
  background:#293b40;box-shadow:0 0 0 4px #d9b6780b,0 12px 26px #0007,
    inset 0 0 0 1px #e6c99644;transition:border-color .28s,box-shadow .28s,transform .28s;
  user-select:none;
}
.asc-profile-foil::before{
  content:"";position:absolute;z-index:3;inset:5px;pointer-events:none;
  border:1px solid #dfc58a47;box-shadow:inset 0 0 19px #090f15b5;
}
.asc-profile-foil::after{
  content:"";position:absolute;z-index:3;inset:0;pointer-events:none;
  background:linear-gradient(137deg,#fff3ce16,transparent 32%,transparent 68%,#070f1590);
}
.asc-profile-foil img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.asc-profile-foil .asc-foil-gold{
  position:absolute;z-index:2;inset:0;pointer-events:none;
  -webkit-mask-image:url('assets/imperial-profile-foil-mask.png');
  mask-image:url('assets/imperial-profile-foil-mask.png');
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
  background:
    radial-gradient(ellipse at var(--asc-foil-x) var(--asc-foil-y),#fff5ceca 0%,#f6d78b62 15%,transparent 40%),
    linear-gradient(108deg,transparent 0%,transparent 38%,#f6d48800 42%,#fff8dbb8 49%,#e4aa44a1 51%,transparent 59%,transparent 100%);
  background-size:100% 100%,235% 100%;
  background-position:center,110% center;
  mix-blend-mode:screen;opacity:.46;
  animation:ascProfileFoilDrift 7.2s ease-in-out infinite;
  transition:opacity .25s;
}
.asc-profile-foil:hover,.asc-profile-foil:focus-visible{
  border-color:#f1d9a0;box-shadow:0 0 0 4px #d9b67814,0 14px 29px #0009,
    0 0 28px #ddba6430;transform:translateY(-2px);
}
.asc-profile-foil:hover .asc-foil-gold,.asc-profile-foil:focus-visible .asc-foil-gold{opacity:.78}
.asc-profile-foil-caption{font:600 9px 'IBM Plex Mono',monospace;letter-spacing:1.1px;
 color:#d7bb82;text-align:center;margin:9px 0 0;white-space:normal}
.asc-profile-foil-wrap{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}
@keyframes ascProfileFoilDrift{
  0%,12%{background-position:center,112% center;opacity:.31}
  46%{background-position:center,4% center;opacity:.56}
  75%,100%{background-position:center,-106% center;opacity:.33}
}
@media(max-width:650px){
  .asc-profile-overview-card{gap:10px;min-height:132px}
  .asc-profile-foil{width:clamp(90px,26vw,118px);flex-basis:clamp(90px,26vw,118px)}
  .asc-profile-foil-caption{font-size:7px;letter-spacing:.6px}
  .asc-profile-overview-card h2{font-size:clamp(18px,5vw,28px)!important}
}
@media(prefers-reduced-motion:reduce){
  .asc-profile-foil,.asc-profile-foil .asc-foil-gold{animation:none!important;transition:none!important;transform:none!important}
  .asc-profile-foil .asc-foil-gold{opacity:.20;background-position:center}
}
.asc-no-motion .asc-profile-foil,.asc-no-motion .asc-profile-foil .asc-foil-gold{
  animation:none!important;transition:none!important;transform:none!important;
}
.asc-no-motion .asc-profile-foil .asc-foil-gold{opacity:.20}

/* VALGRAD V8.0.3: Place the new eagle where users actually look after sign-in. */
.asc-command-header-seal{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto;min-width:0}
.asc-command-header-seal .asc-profile-foil{width:clamp(110px,11vw,152px);flex-basis:clamp(110px,11vw,152px)}
.asc-command-header-seal .asc-profile-foil-caption{font-size:8px}
.asc-player-header-seal{display:flex;align-items:center;gap:18px;margin-left:auto}
.asc-player-header-seal .asc-profile-foil{width:clamp(78px,10vw,110px);flex-basis:clamp(78px,10vw,110px)}
.asc-player-header-seal .asc-profile-foil-caption{font-size:7px;letter-spacing:.3px;max-width:130px}
#commandApp .sidebar .sigil{border-radius:8px;overflow:hidden;padding:0;background:#253942}
#commandApp .sidebar .sigil img{width:100%;height:100%;object-fit:cover;display:block}
#playerPortal .player-brand .imperial-eagle{width:94px;height:94px;object-fit:cover;display:block;border:1px solid #c1a161;border-radius:4px}
@media(max-width:700px){
 .asc-command-header-seal{width:100%;justify-content:flex-start;flex-wrap:wrap}
 .asc-command-header-seal .asc-profile-foil{width:110px;flex-basis:110px}
 .asc-player-header-seal{width:100%;justify-content:space-between}
 .asc-player-header-seal .asc-profile-foil{width:85px;flex-basis:85px}
}