.profile-designer-card{margin:18px 0;padding:18px;border:1px solid rgba(77,166,255,.2);border-radius:14px;background:linear-gradient(145deg,rgba(6,18,29,.94),rgba(7,11,18,.96));overflow:hidden}.profile-designer-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.profile-designer-head small{color:#78bfff;font-size:9px;font-weight:950;letter-spacing:.12em}.profile-designer-head h3{margin:5px 0;color:#e8f4ff}.profile-designer-head p{margin:0;color:#75899b;font-size:10px;line-height:1.5;max-width:700px}.profile-tier-badge{padding:7px 10px;border:1px solid rgba(77,166,255,.25);border-radius:999px;color:#8bc8ff;background:rgba(77,166,255,.06);font-size:8px;font-weight:950;white-space:nowrap}.profile-tier-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.profile-tier-roadmap div{padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:8px;opacity:.38}.profile-tier-roadmap div.unlocked{opacity:1;border-color:rgba(77,166,255,.22);background:rgba(77,166,255,.045)}.profile-tier-roadmap b{color:#7dbfff;font-size:10px}.profile-tier-roadmap span{display:block;margin-top:3px;color:#8ba0b1;font-size:8px}.profile-designer-regular{display:flex;gap:14px;align-items:center;padding:15px;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.profile-designer-regular p{margin:4px 0;color:#708596;font-size:9px}.profile-designer-preview,.tacd-designed-profile{position:relative;overflow:hidden;background-size:cover!important;background-position:center!important}.profile-designer-preview{display:flex;align-items:center;gap:13px;min-height:112px;margin:12px 0;padding:16px;border:1px solid color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 35%,transparent);border-radius:12px;background-color:#08121b}.profile-designer-preview-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#0d1b27;font-size:34px}.profile-designer-preview-avatar img,.tacd-profile-box-avatar{width:100%;height:100%;object-fit:cover}.profile-designer-preview small{display:block;color:#6c8497;font-size:8px}.profile-designer-preview strong{display:block;color:#eef7ff;font-size:18px}.profile-designer-preview span{display:block;color:var(--tacd-profile-accent,#4da6ff);font-size:9px;font-weight:950}.profile-designer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.profile-designer-grid label{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px}.profile-designer-grid label>span{display:block;color:#7891a3;font-size:8px;font-weight:950}.profile-designer-grid input,.profile-designer-grid select{width:100%;box-sizing:border-box;margin-top:5px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#071019;color:#dcecff}.profile-designer-grid input[type=color]{height:36px;padding:3px}.profile-designer-grid small{display:block;margin-top:4px;color:#536a7a;font-size:7px}.profile-design-locked{opacity:.38}.profile-designer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:11px}.profile-designer-actions span{margin-right:auto;color:#708697;font-size:9px}.profile-designer-actions button{padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#09131c;color:#92a8b8;font-size:8px;font-weight:950}.tacd-profile-banner{display:inline-block;margin:4px 0;padding:3px 7px;border:1px solid color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 35%,transparent);border-radius:999px;color:var(--tacd-profile-accent,#4da6ff);font-size:8px;font-weight:950;letter-spacing:.08em}.tacd-featured-dino{margin-top:5px;color:#e8c767;font-size:8px;font-weight:950}.tacd-profile-box-avatar{display:block;width:82px;height:82px;margin:8px auto;border-radius:50%;object-fit:cover}.frame-steel{box-shadow:inset 0 0 0 2px rgba(170,195,210,.34)}.frame-neon{box-shadow:inset 0 0 0 2px var(--tacd-profile-accent,#4da6ff),0 0 18px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 24%,transparent)}.frame-fossil{outline:2px dashed rgba(216,190,126,.5);outline-offset:-5px}.frame-apex{box-shadow:inset 0 0 0 3px rgba(232,199,103,.65),0 0 25px rgba(232,199,103,.18)}.frame-plasma{box-shadow:inset 0 0 0 2px var(--tacd-profile-accent,#4da6ff),0 0 30px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 35%,transparent)}.effect-glow{animation:tacdGlow 2.4s ease-in-out infinite}.effect-scan:after{content:"";position:absolute;inset:-100% 0 auto;height:35%;pointer-events:none;background:linear-gradient(transparent,rgba(120,220,255,.09),transparent);animation:tacdScan 3s linear infinite}.effect-shimmer:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.09) 48%,transparent 61%);transform:translateX(-120%);animation:tacdShimmer 3.4s infinite}.effect-embers:after{content:"✦  ·  ✧   · ✦  ·   ✧";position:absolute;inset:auto 0 4px;color:#ff9a4b;letter-spacing:18px;opacity:.55;animation:tacdEmbers 2s linear infinite;pointer-events:none}.effect-aurora:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent,rgba(80,255,190,.10),rgba(100,130,255,.10),transparent);animation:tacdRotate 7s linear infinite;pointer-events:none}.effect-pulse{animation:tacdPulse 1.7s ease-in-out infinite}.intro-fade{animation:tacdIntroFade .8s ease-out both}.intro-glitch{animation:tacdIntroGlitch .65s steps(2,end) both}.intro-apex{animation:tacdApex .8s cubic-bezier(.2,.8,.2,1) both}@keyframes tacdGlow{50%{filter:brightness(1.14)}}@keyframes tacdScan{to{transform:translateY(500%)}}@keyframes tacdShimmer{to{transform:translateX(120%)}}@keyframes tacdEmbers{50%{transform:translateY(-7px);opacity:.8}}@keyframes tacdRotate{to{transform:rotate(360deg)}}@keyframes tacdPulse{50%{box-shadow:0 0 28px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 35%,transparent)}}@keyframes tacdIntroFade{from{opacity:0;transform:translateY(8px)}}@keyframes tacdIntroGlitch{0%{opacity:0;transform:translateX(-8px)}40%{filter:hue-rotate(90deg);transform:translateX(5px)}100%{opacity:1}}@keyframes tacdApex{from{opacity:0;transform:scale(.94);filter:brightness(1.8)}}@media(max-width:800px){.profile-tier-roadmap,.profile-designer-grid{grid-template-columns:1fr 1fr}.profile-designer-head{flex-direction:column}}@media(max-width:520px){.profile-tier-roadmap,.profile-designer-grid{grid-template-columns:1fr}}
.profile-gallery-section{margin:14px 0;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.018)}
.profile-gallery-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:9px}
.profile-gallery-title small{display:block;color:#66869a;font-size:8px;font-weight:950;letter-spacing:.1em}
.profile-gallery-title strong{display:block;color:#dcecff;font-size:12px;margin-top:2px}
.profile-gallery-title>span{color:#648398;font-size:8px;font-weight:900}
.profile-asset-gallery{display:grid;gap:7px;max-height:390px;overflow:auto;padding-right:4px}
.profile-picture-gallery{grid-template-columns:repeat(8,minmax(74px,1fr))}
.profile-background-gallery{grid-template-columns:repeat(4,minmax(130px,1fr))}
.profile-asset-card{position:relative;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#071119;cursor:pointer;overflow:hidden}
.profile-asset-card:hover{border-color:rgba(78,171,255,.45);transform:translateY(-1px)}
.profile-asset-card.selected{border-color:#64b9ff;box-shadow:0 0 0 1px #64b9ff,0 0 16px rgba(68,167,255,.18)}
.profile-asset-card img{display:block;width:100%;background:#04080c}
.profile-picture-card img{aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.profile-background-card img{aspect-ratio:16/7;object-fit:cover;border-radius:5px}
.profile-asset-card span{display:block;padding:5px 2px 1px;color:#72899a;font-size:7px;font-weight:900;text-align:center}
.profile-gallery-locked{margin:12px 0;padding:13px;border:1px dashed rgba(255,194,72,.18);border-radius:9px;color:#907944;font-size:8px;font-weight:950;text-align:center}
.profile-custom-media{margin-top:15px;padding:12px;border:1px solid rgba(168,97,255,.15);border-radius:10px;background:rgba(168,97,255,.025)}
.profile-advanced-design{margin-top:12px}
.profile-hero-card.tacd-designed-profile{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.profile-hero-avatar,.tacd-profile-box-avatar,.profile-designer-preview-avatar img{object-fit:cover!important;object-position:center center!important}
@media(max-width:1100px){.profile-picture-gallery{grid-template-columns:repeat(6,minmax(70px,1fr))}.profile-background-gallery{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:700px){.profile-picture-gallery{grid-template-columns:repeat(4,minmax(64px,1fr))}.profile-background-gallery{grid-template-columns:repeat(2,minmax(110px,1fr))}}

/* Selected Patreon background fills the entire player dossier. */
.tacd-profile-background-shell{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.tacd-profile-background-shell .profile-hero-card,
.tacd-profile-background-shell .profile-section,
.tacd-profile-background-shell .profile-stat-card,
.tacd-profile-background-shell .tacd-xp-card,
.tacd-profile-background-shell .tacd-profile-picture-box,
.tacd-profile-background-shell .tacd-bio-box{
  backdrop-filter:blur(2px);
}

/* =========================================================
   PROFILE BACKDROP v0.2.3
   Chosen background now sits BEHIND the whole dossier.
   The large dossier window becomes transparent glass.
   ========================================================= */

.tacd-profile-background-shell{
  position:relative;
  isolation:isolate;
  overflow:visible!important;
  background:rgba(5,12,18,.16)!important;
  border-color:rgba(105,185,255,.22)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.32)!important;
}

/* Full page/viewport background behind the dossier. */
.tacd-profile-background-shell.has-profile-bg::before{
  content:"";
  position:fixed;
  inset:64px 0 0 0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(1,7,12,.30),rgba(1,7,12,.52)),
    var(--tacd-profile-page-bg);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  pointer-events:none;
}

/* Slight vignette keeps text readable without hiding the selected image. */
.tacd-profile-background-shell.has-profile-bg::after{
  content:"";
  position:fixed;
  inset:64px 0 0 0;
  z-index:-1;
  background:
    radial-gradient(circle at center,transparent 25%,rgba(0,4,8,.20) 80%,rgba(0,4,8,.42) 100%);
  pointer-events:none;
}

/* Main dossier/header box is now glass instead of a solid background. */
.tacd-profile-background-shell.has-profile-bg{
  background:rgba(4,12,19,.12)!important;
  backdrop-filter:none!important;
}

/* Internal content stays readable, but lets the selected background show through. */
.tacd-profile-background-shell.has-profile-bg .profile-hero-card{
  background:rgba(3,12,19,.62)!important;
  backdrop-filter:blur(5px);
}

.tacd-profile-background-shell.has-profile-bg .profile-section,
.tacd-profile-background-shell.has-profile-bg .profile-stat-card,
.tacd-profile-background-shell.has-profile-bg .tacd-xp-card,
.tacd-profile-background-shell.has-profile-bg .tacd-profile-picture-box,
.tacd-profile-background-shell.has-profile-bg .tacd-bio-box{
  background:rgba(3,12,19,.64)!important;
  backdrop-filter:blur(4px);
}

/* Keep dossier title / name directly over the background. */
.tacd-profile-background-shell.has-profile-bg > .eyebrow,
.tacd-profile-background-shell.has-profile-bg > .public-profile-topline{
  position:relative;
  z-index:1;
}

/* Background always fills the available display area without stretching. */
.tacd-profile-background-shell.has-profile-bg::before{
  background-size:cover!important;
  background-position:center center!important;
}

/* =========================================================
   PROFILE EFFECTS v0.2.4 — STRONGER / MORE PROMINENT
   ========================================================= */

/* ---------- FRAMES ---------- */
.tacd-designed-profile.frame-steel,
.profile-designer-preview.frame-steel{
  border:2px solid rgba(185,210,225,.92)!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.12),
    inset 0 0 22px rgba(135,190,220,.12),
    0 0 18px rgba(120,190,225,.25)!important;
}

.tacd-designed-profile.frame-neon,
.profile-designer-preview.frame-neon{
  border:2px solid var(--tacd-profile-accent,#4da6ff)!important;
  box-shadow:
    0 0 10px var(--tacd-profile-accent,#4da6ff),
    0 0 28px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 65%,transparent),
    inset 0 0 18px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 22%,transparent)!important;
}

.tacd-designed-profile.frame-fossil,
.profile-designer-preview.frame-fossil{
  border:3px ridge rgba(214,183,115,.9)!important;
  outline:2px dashed rgba(255,220,145,.55)!important;
  outline-offset:-8px!important;
  box-shadow:
    inset 0 0 25px rgba(175,130,65,.20),
    0 0 18px rgba(190,145,75,.18)!important;
}

.tacd-designed-profile.frame-apex,
.profile-designer-preview.frame-apex{
  border:3px solid #e7c45d!important;
  box-shadow:
    0 0 10px rgba(255,218,103,.95),
    0 0 28px rgba(255,190,55,.55),
    0 0 55px rgba(255,145,25,.28),
    inset 0 0 25px rgba(255,215,100,.16)!important;
  animation:tacdApexFramePulse 2.1s ease-in-out infinite;
}

.tacd-designed-profile.frame-plasma,
.profile-designer-preview.frame-plasma{
  border:3px solid transparent!important;
  background:
    linear-gradient(rgba(3,12,19,.64),rgba(3,12,19,.64)) padding-box,
    linear-gradient(100deg,#00eaff,#7a5cff,#ff35df,#00eaff) border-box!important;
  background-size:100% 100%,300% 300%!important;
  box-shadow:
    0 0 20px rgba(0,230,255,.45),
    0 0 42px rgba(173,64,255,.30)!important;
  animation:tacdPlasmaBorder 3s linear infinite;
}

/* ---------- EFFECTS ---------- */
.tacd-designed-profile.effect-glow,
.profile-designer-preview.effect-glow{
  animation:tacdStrongGlow 1.8s ease-in-out infinite!important;
}

.tacd-designed-profile.effect-scan::after,
.profile-designer-preview.effect-scan::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:-35% 0 auto 0;
  height:42%;
  pointer-events:none;
  background:
    linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0,220,255,.08) 32%,
      rgba(115,235,255,.34) 49%,
      rgba(255,255,255,.22) 52%,
      rgba(0,220,255,.10) 68%,
      transparent 100%
    );
  box-shadow:0 0 24px rgba(0,210,255,.18);
  animation:tacdStrongScan 2.1s linear infinite!important;
}

.tacd-designed-profile.effect-shimmer::after,
.profile-designer-preview.effect-shimmer::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    112deg,
    transparent 15%,
    transparent 35%,
    rgba(255,255,255,.08) 42%,
    rgba(255,255,255,.42) 49%,
    rgba(120,225,255,.28) 53%,
    transparent 62%,
    transparent 100%
  );
  transform:translateX(-115%);
  animation:tacdStrongShimmer 2.7s ease-in-out infinite!important;
}

.tacd-designed-profile.effect-embers::after,
.profile-designer-preview.effect-embers::after{
  content:"✦  ·  ✧   •   ✦   ·   ✧   •   ✦";
  position:absolute;
  z-index:20;
  left:0;
  right:0;
  bottom:-4px;
  height:48px;
  overflow:hidden;
  pointer-events:none;
  color:#ff8a2b;
  text-shadow:
    0 0 6px #ff5a00,
    0 0 12px rgba(255,115,0,.9);
  font-size:18px;
  letter-spacing:20px;
  opacity:.92;
  animation:tacdStrongEmbers 1.6s linear infinite!important;
}

.tacd-designed-profile.effect-aurora::before,
.profile-designer-preview.effect-aurora::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-80%;
  pointer-events:none;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(0,255,190,.18) 55deg,
      rgba(0,150,255,.22) 120deg,
      rgba(170,70,255,.20) 190deg,
      rgba(0,255,190,.18) 255deg,
      transparent 330deg
    );
  filter:blur(10px) saturate(1.45);
  animation:tacdStrongAurora 5s linear infinite!important;
}

.tacd-designed-profile.effect-pulse,
.profile-designer-preview.effect-pulse{
  animation:tacdStrongPulse 1.25s ease-in-out infinite!important;
}

/* Make content stay over animated overlays. */
.tacd-designed-profile > *,
.profile-designer-preview > *{
  position:relative;
  z-index:5;
}

/* ---------- TIER 4 INTRO EFFECTS ---------- */
.tacd-designed-profile.intro-fade,
.profile-designer-preview.intro-fade{
  animation:tacdIntroFadeStrong .95s cubic-bezier(.18,.8,.25,1) both!important;
}

.tacd-designed-profile.intro-glitch,
.profile-designer-preview.intro-glitch{
  animation:tacdIntroGlitchStrong .9s steps(2,end) both!important;
}

.tacd-designed-profile.intro-apex,
.profile-designer-preview.intro-apex{
  animation:tacdIntroApexStrong 1.05s cubic-bezier(.16,.84,.25,1) both!important;
}

/* ---------- ANIMATIONS ---------- */
@keyframes tacdStrongGlow{
  0%,100%{
    filter:brightness(1) saturate(1);
    box-shadow:0 0 10px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 25%,transparent);
  }
  50%{
    filter:brightness(1.18) saturate(1.2);
    box-shadow:
      0 0 16px var(--tacd-profile-accent,#4da6ff),
      0 0 38px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 72%,transparent),
      0 0 70px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 30%,transparent);
  }
}

@keyframes tacdStrongScan{
  from{transform:translateY(-10%);}
  to{transform:translateY(350%);}
}

@keyframes tacdStrongShimmer{
  0%,15%{transform:translateX(-120%);}
  75%,100%{transform:translateX(120%);}
}

@keyframes tacdStrongEmbers{
  0%{transform:translateY(10px);opacity:.35;}
  45%{opacity:1;}
  100%{transform:translateY(-32px);opacity:0;}
}

@keyframes tacdStrongAurora{
  to{transform:rotate(360deg) scale(1.06);}
}

@keyframes tacdStrongPulse{
  0%,100%{
    filter:brightness(1);
    box-shadow:0 0 8px rgba(0,0,0,.15);
  }
  50%{
    filter:brightness(1.16);
    box-shadow:
      0 0 14px var(--tacd-profile-accent,#4da6ff),
      0 0 35px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 70%,transparent),
      inset 0 0 22px color-mix(in srgb,var(--tacd-profile-accent,#4da6ff) 18%,transparent);
  }
}

@keyframes tacdApexFramePulse{
  0%,100%{filter:brightness(1);}
  50%{filter:brightness(1.14);}
}

@keyframes tacdPlasmaBorder{
  0%{background-position:0 0,0% 50%;}
  100%{background-position:0 0,300% 50%;}
}

@keyframes tacdIntroFadeStrong{
  0%{opacity:0;transform:translateY(22px) scale(.97);filter:blur(5px);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}

@keyframes tacdIntroGlitchStrong{
  0%{opacity:0;transform:translate(-18px,3px) skewX(-6deg);filter:hue-rotate(120deg) contrast(1.8);}
  15%{opacity:.65;transform:translate(12px,-2px) skewX(5deg);}
  30%{transform:translate(-8px,2px);filter:hue-rotate(260deg) contrast(1.5);}
  48%{opacity:.82;transform:translate(6px,0);}
  67%{transform:translate(-3px,0);filter:hue-rotate(30deg);}
  100%{opacity:1;transform:none;filter:none;}
}

@keyframes tacdIntroApexStrong{
  0%{opacity:0;transform:scale(.82);filter:brightness(2.3) blur(7px);}
  58%{opacity:1;transform:scale(1.035);filter:brightness(1.35) blur(0);}
  100%{transform:scale(1);filter:brightness(1);}
}

/* =========================================================
   PROFILE RIGHT COLUMN v0.2.5
   Duplicate avatar removed. Style summary + expanded Bio.
   ========================================================= */
.tacd-profile-right-column{
  display:grid!important;
  grid-template-rows:auto 1fr;
  gap:12px!important;
  align-self:stretch;
}

.tacd-profile-style-box{
  padding:16px;
  border:1px solid rgba(83,171,255,.17);
  border-radius:12px;
  background:rgba(3,12,19,.68);
  backdrop-filter:blur(5px);
}

.tacd-profile-style-tier{
  margin-top:9px;
  color:#edf7ff;
  font-size:15px;
  font-weight:1000;
  letter-spacing:.02em;
}

.tacd-profile-style-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.tacd-profile-style-pills span{
  padding:5px 7px;
  border:1px solid rgba(88,180,255,.20);
  border-radius:999px;
  background:rgba(73,163,235,.055);
  color:#7fa8c4;
  font-size:8px;
  font-weight:950;
  letter-spacing:.045em;
}

.tacd-bio-primary{
  min-height:270px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:16px!important;
}

.tacd-bio-primary textarea{
  flex:1!important;
  min-height:170px!important;
  resize:vertical;
}

.tacd-profile-background-shell.has-profile-bg .tacd-profile-style-box,
.tacd-profile-background-shell.has-profile-bg .tacd-bio-primary{
  background:rgba(3,12,19,.66)!important;
  backdrop-filter:blur(5px);
}

@media(max-width:800px){
  .tacd-profile-right-column{
    grid-template-rows:auto auto;
  }
  .tacd-bio-primary{
    min-height:220px!important;
  }
}

/* =========================================================
   PROFILE FX EXPANSION v0.2.6
   Animated Frames + Weather/Water Effects + More Intros
   ========================================================= */

/* ----- TIER 3 ANIMATED FRAMES ----- */

.tacd-designed-profile.frame-lightning,
.profile-designer-preview.frame-lightning{
  border:2px solid #8adfff!important;
  box-shadow:
    0 0 8px #27baff,
    0 0 22px rgba(55,178,255,.55),
    inset 0 0 16px rgba(90,210,255,.14)!important;
  animation:tacdLightningFrame .72s steps(2,end) infinite!important;
}
.tacd-designed-profile.frame-lightning::before,
.profile-designer-preview.frame-lightning::before{
  content:"";
  position:absolute;
  z-index:22;
  inset:-2px;
  border-radius:inherit;
  pointer-events:none;
  opacity:.8;
  background:
    linear-gradient(118deg,transparent 0 13%,#c9f5ff 14%,transparent 15% 47%,#64d4ff 48%,transparent 49%),
    linear-gradient(33deg,transparent 0 67%,#e8fbff 68%,transparent 69%);
  background-size:240% 240%;
  mix-blend-mode:screen;
  animation:tacdLightningTravel 1.45s linear infinite;
}

.tacd-designed-profile.frame-crimson,
.profile-designer-preview.frame-crimson{
  border:2px solid #ff334f!important;
  animation:tacdCrimsonFrame 1.25s ease-in-out infinite!important;
}

.tacd-designed-profile.frame-aqua,
.profile-designer-preview.frame-aqua{
  border:2px solid #42e9ff!important;
  box-shadow:0 0 18px rgba(25,210,255,.55),inset 0 0 18px rgba(25,210,255,.16)!important;
}
.tacd-designed-profile.frame-aqua::before,
.profile-designer-preview.frame-aqua::before{
  content:"";
  position:absolute;
  z-index:21;
  inset:-3px;
  border-radius:inherit;
  pointer-events:none;
  background:
    repeating-radial-gradient(ellipse at 0% 50%,transparent 0 8px,rgba(99,236,255,.75) 9px 10px,transparent 11px 19px);
  background-size:80px 100%;
  opacity:.55;
  animation:tacdAquaFrame 2.2s linear infinite;
}

.tacd-designed-profile.frame-inferno,
.profile-designer-preview.frame-inferno{
  border:2px solid #ff7a19!important;
  box-shadow:0 0 12px #ff4b00,0 0 28px rgba(255,77,0,.44),inset 0 0 18px rgba(255,88,0,.14)!important;
  animation:tacdInfernoFrame .9s ease-in-out infinite alternate!important;
}

/* ----- TIER 4 FRAMES ----- */

.tacd-designed-profile.frame-voidstorm,
.profile-designer-preview.frame-voidstorm{
  border:3px solid #9d60ff!important;
  box-shadow:0 0 12px #6f39ff,0 0 32px rgba(118,55,255,.56),inset 0 0 22px rgba(177,75,255,.16)!important;
  animation:tacdVoidStorm 1.8s ease-in-out infinite!important;
}

.tacd-designed-profile.frame-bloodstorm,
.profile-designer-preview.frame-bloodstorm{
  border:3px solid #d31431!important;
  box-shadow:0 0 12px #ff183b,0 0 32px rgba(210,0,40,.58),inset 0 0 24px rgba(180,0,30,.18)!important;
  animation:tacdBloodStorm 1.05s ease-in-out infinite!important;
}

/* ----- TIER 3 EFFECTS ----- */

/* Lightning flashes at irregular-looking positions using layered gradients. */
.tacd-designed-profile.effect-lightningfx::after,
.profile-designer-preview.effect-lightningfx::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(115deg,transparent 0 28%,rgba(225,249,255,.96) 29% 29.6%,transparent 30%),
    linear-gradient(68deg,transparent 0 57%,rgba(75,193,255,.82) 58% 58.7%,transparent 59%),
    linear-gradient(137deg,transparent 0 71%,rgba(205,244,255,.90) 72% 72.5%,transparent 73%);
  filter:drop-shadow(0 0 5px #55caff);
  animation:tacdLightningFx 3.6s steps(1,end) infinite;
}

.tacd-designed-profile.effect-rain::after,
.profile-designer-preview.effect-rain::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:-25% 0;
  pointer-events:none;
  opacity:.42;
  background:
    repeating-linear-gradient(104deg,transparent 0 14px,rgba(185,225,255,.48) 15px 16px,transparent 17px 31px);
  background-size:80px 120px;
  animation:tacdRain 1.05s linear infinite;
}

.tacd-designed-profile.effect-waterflow::after,
.profile-designer-preview.effect-waterflow::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  pointer-events:none;
  opacity:.42;
  background:
    repeating-radial-gradient(ellipse at 0% 100%,transparent 0 20px,rgba(40,195,255,.35) 22px 24px,transparent 26px 46px);
  background-size:160px 70px;
  animation:tacdWaterFlow 3s linear infinite;
}

.tacd-designed-profile.effect-ripple::after,
.profile-designer-preview.effect-ripple::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  pointer-events:none;
  background:
    repeating-radial-gradient(circle at 50% 60%,transparent 0 22px,rgba(105,220,255,.23) 23px 24px,transparent 25px 48px);
  opacity:.42;
  animation:tacdRipple 2.4s ease-out infinite;
}

.tacd-designed-profile.effect-mist::after,
.profile-designer-preview.effect-mist::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 10% 80%,rgba(210,236,245,.17),transparent 38%),
    radial-gradient(ellipse at 60% 90%,rgba(195,230,245,.20),transparent 45%),
    radial-gradient(ellipse at 100% 75%,rgba(220,240,250,.14),transparent 35%);
  filter:blur(8px);
  animation:tacdMist 5s ease-in-out infinite alternate;
}

/* ----- REBUILT RANDOMIZED EMBER STORM ----- */
.tacd-designed-profile.effect-embers::after,
.profile-designer-preview.effect-embers::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  pointer-events:none;
  height:auto;
  overflow:hidden;
  opacity:1;
  background:
    radial-gradient(circle at 7% 88%,#ffd08a 0 1px,#ff6b14 2px,transparent 3px),
    radial-gradient(circle at 18% 72%,#ff8d25 0 2px,transparent 3px),
    radial-gradient(circle at 29% 94%,#ffd28f 0 1px,#ff5810 2px,transparent 3px),
    radial-gradient(circle at 41% 78%,#ff7b1c 0 2px,transparent 3px),
    radial-gradient(circle at 54% 91%,#ffd092 0 1px,#ff4c0a 2px,transparent 4px),
    radial-gradient(circle at 66% 69%,#ff9b32 0 1px,transparent 3px),
    radial-gradient(circle at 78% 88%,#ffd596 0 1px,#ff6614 2px,transparent 3px),
    radial-gradient(circle at 91% 74%,#ff8b22 0 2px,transparent 4px),
    radial-gradient(circle at 12% 45%,#ff7619 0 1px,transparent 3px),
    radial-gradient(circle at 35% 53%,#ffc66d 0 1px,#ff4f0a 2px,transparent 3px),
    radial-gradient(circle at 59% 39%,#ff7b16 0 2px,transparent 3px),
    radial-gradient(circle at 84% 49%,#ffd68a 0 1px,#ff5e0f 2px,transparent 3px);
  background-size:
    83px 127px,111px 149px,137px 119px,91px 163px,
    149px 109px,103px 137px,127px 151px,97px 123px,
    131px 171px,89px 143px,157px 133px,113px 159px;
  filter:drop-shadow(0 0 3px #ff6a00);
  animation:tacdRandomEmbers 4.3s linear infinite;
}

/* ----- TIER 4 EXTRA EFFECTS ----- */

.tacd-designed-profile.effect-meteor::after,
.profile-designer-preview.effect-meteor::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:-20%;
  pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 42%,rgba(255,210,125,.9) 43% 43.4%,rgba(255,80,12,.72) 44%,transparent 47%),
    linear-gradient(135deg,transparent 0 63%,rgba(255,230,170,.9) 64% 64.4%,rgba(255,95,15,.66) 65%,transparent 68%);
  background-size:260px 190px,390px 260px;
  opacity:.78;
  filter:drop-shadow(0 0 6px #ff6a00);
  animation:tacdMeteor 2.7s linear infinite;
}

.tacd-designed-profile.effect-frost::after,
.profile-designer-preview.effect-frost::after{
  content:"";
  position:absolute;
  z-index:20;
  inset:0;
  pointer-events:none;
  opacity:.5;
  background:
    radial-gradient(circle at 0 0,rgba(205,245,255,.38),transparent 24%),
    radial-gradient(circle at 100% 0,rgba(200,240,255,.28),transparent 24%),
    radial-gradient(circle at 0 100%,rgba(190,235,255,.28),transparent 22%),
    linear-gradient(115deg,transparent 35%,rgba(215,250,255,.12) 50%,transparent 65%);
  box-shadow:inset 0 0 32px rgba(165,230,255,.35);
  animation:tacdFrost 2.8s ease-in-out infinite alternate;
}

/* ----- NEW TIER 4 INTROS ----- */
.tacd-designed-profile.intro-lightning,
.profile-designer-preview.intro-lightning{animation:tacdIntroLightning .95s steps(2,end) both!important}
.tacd-designed-profile.intro-watersurge,
.profile-designer-preview.intro-watersurge{animation:tacdIntroWater 1.1s cubic-bezier(.16,.8,.25,1) both!important}
.tacd-designed-profile.intro-emberburst,
.profile-designer-preview.intro-emberburst{animation:tacdIntroEmber .95s ease-out both!important}
.tacd-designed-profile.intro-meteorfall,
.profile-designer-preview.intro-meteorfall{animation:tacdIntroMeteor .95s cubic-bezier(.1,.8,.25,1) both!important}
.tacd-designed-profile.intro-frostin,
.profile-designer-preview.intro-frostin{animation:tacdIntroFrost 1.15s ease-out both!important}
.tacd-designed-profile.intro-shadow,
.profile-designer-preview.intro-shadow{animation:tacdIntroShadow 1.2s ease-out both!important}

/* ----- KEYFRAMES ----- */
@keyframes tacdLightningFrame{
  0%,74%,100%{filter:brightness(1)}
  75%{filter:brightness(1.9)}
  79%{filter:brightness(1.08)}
  82%{filter:brightness(1.6)}
}
@keyframes tacdLightningTravel{
  to{background-position:240% 0,-240% 0}
}
@keyframes tacdCrimsonFrame{
  0%,100%{box-shadow:0 0 8px rgba(255,20,55,.35),inset 0 0 12px rgba(255,0,45,.12)}
  50%{box-shadow:0 0 18px #ff2144,0 0 44px rgba(255,0,42,.62),inset 0 0 25px rgba(255,0,42,.22)}
}
@keyframes tacdAquaFrame{
  to{background-position:160px 0}
}
@keyframes tacdInfernoFrame{
  from{box-shadow:0 0 8px #ff4b00,0 0 19px rgba(255,70,0,.35)}
  to{box-shadow:0 0 17px #ff9a2d,0 0 42px rgba(255,65,0,.65),inset 0 0 25px rgba(255,90,0,.2)}
}
@keyframes tacdVoidStorm{
  50%{box-shadow:0 0 20px #ae58ff,0 0 52px rgba(106,42,255,.7),inset 0 0 30px rgba(172,70,255,.24)}
}
@keyframes tacdBloodStorm{
  50%{filter:brightness(1.25);box-shadow:0 0 20px #ff183b,0 0 55px rgba(210,0,35,.75),inset 0 0 35px rgba(195,0,25,.28)}
}
@keyframes tacdLightningFx{
  0%,11%,13%,51%,54%,76%,78%,100%{opacity:0}
  12%,52%,53%,77%{opacity:.95}
}
@keyframes tacdRain{
  to{background-position:-70px 140px}
}
@keyframes tacdWaterFlow{
  to{background-position:160px 0}
}
@keyframes tacdRipple{
  0%{background-size:40% 80%;opacity:.12}
  100%{background-size:135% 210%;opacity:.48}
}
@keyframes tacdMist{
  from{transform:translateX(-3%) scale(1.03);opacity:.38}
  to{transform:translateX(4%) scale(1.08);opacity:.66}
}
@keyframes tacdRandomEmbers{
  from{background-position:0 100%,10px 110%,0 120%,15px 105%,0 100%,5px 115%,0 125%,12px 107%,0 118%,7px 112%,0 122%,15px 108%}
  to{background-position:25px -30%,35px -55%,18px -40%,45px -65%,22px -35%,30px -60%,15px -50%,42px -45%,19px -70%,31px -50%,16px -62%,48px -55%}
}
@keyframes tacdMeteor{
  to{background-position:-520px 380px,-780px 520px}
}
@keyframes tacdFrost{
  from{filter:brightness(1)}
  to{filter:brightness(1.12) saturate(.85)}
}
@keyframes tacdIntroLightning{
  0%{opacity:0;filter:brightness(3.2);transform:scale(.97)}
  12%{opacity:1;filter:brightness(.4)}
  25%{filter:brightness(3)}
  39%{filter:brightness(.7)}
  55%{filter:brightness(1.9)}
  100%{filter:brightness(1);transform:scale(1)}
}
@keyframes tacdIntroWater{
  0%{opacity:0;transform:translateY(35px) scaleY(.87);filter:blur(8px) hue-rotate(20deg)}
  65%{opacity:1;transform:translateY(-3px) scaleY(1.02);filter:blur(0)}
  100%{transform:none}
}
@keyframes tacdIntroEmber{
  0%{opacity:0;transform:scale(.9);filter:brightness(2.4) sepia(1) saturate(3)}
  50%{opacity:1;transform:scale(1.04);filter:brightness(1.4) sepia(.5) saturate(2)}
  100%{transform:none;filter:none}
}
@keyframes tacdIntroMeteor{
  0%{opacity:0;transform:translate(50px,-55px) scale(.9);filter:brightness(2)}
  65%{opacity:1;transform:translate(-3px,3px) scale(1.03)}
  100%{transform:none;filter:none}
}
@keyframes tacdIntroFrost{
  0%{opacity:0;filter:blur(14px) brightness(1.9) saturate(.25);transform:scale(1.04)}
  65%{opacity:1;filter:blur(1px) brightness(1.2) saturate(.65)}
  100%{filter:none;transform:none}
}
@keyframes tacdIntroShadow{
  0%{opacity:0;filter:brightness(.05);transform:scale(1.06)}
  60%{opacity:.78;filter:brightness(.45)}
  100%{opacity:1;filter:brightness(1);transform:none}
}

/* =========================================================
   BORDER-TRAVEL FRAME OVERRIDE v0.2.7
   Storm Lightning and Aqua Current now travel AROUND border.
   ========================================================= */

/* Shared traveling-border technique: conic gradient lives only in the border ring. */
.tacd-designed-profile.frame-lightning::before,
.profile-designer-preview.frame-lightning::before,
.tacd-designed-profile.frame-aqua::before,
.profile-designer-preview.frame-aqua::before{
  content:""!important;
  position:absolute!important;
  z-index:22!important;
  inset:-4px!important;
  padding:3px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background-size:auto!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
}

/* LIGHTNING: several bright electrical arcs chase each other around perimeter. */
.tacd-designed-profile.frame-lightning,
.profile-designer-preview.frame-lightning{
  border:1px solid rgba(111,218,255,.72)!important;
  box-shadow:
    0 0 8px rgba(82,203,255,.72),
    0 0 20px rgba(44,157,255,.38),
    inset 0 0 13px rgba(83,201,255,.11)!important;
  animation:tacdLightningBorderFlicker 2.1s steps(1,end) infinite!important;
}

.tacd-designed-profile.frame-lightning::before,
.profile-designer-preview.frame-lightning::before{
  background:
    conic-gradient(
      from var(--tacd-border-angle,0deg),
      transparent 0deg 18deg,
      rgba(89,207,255,.18) 22deg,
      #e8fbff 27deg,
      #58cfff 30deg,
      transparent 36deg 91deg,
      #a8ebff 96deg,
      #ffffff 100deg,
      #32baff 105deg,
      transparent 111deg 183deg,
      #68d7ff 188deg,
      #e9fbff 192deg,
      transparent 198deg 272deg,
      #42c6ff 278deg,
      #ffffff 282deg,
      transparent 289deg 360deg
    )!important;
  filter:
    drop-shadow(0 0 2px #fff)
    drop-shadow(0 0 5px #48c8ff)
    drop-shadow(0 0 9px rgba(46,165,255,.9))!important;
  opacity:1!important;
  animation:tacdLightningAroundBorder 2.15s linear infinite!important;
}

/* second electrical halo uses the profile's after only when no profile effect is selected */
.tacd-designed-profile.frame-lightning.effect-none::after,
.profile-designer-preview.frame-lightning.effect-none::after{
  content:""!important;
  position:absolute!important;
  z-index:21!important;
  inset:-7px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  border:1px solid rgba(116,221,255,.25)!important;
  box-shadow:0 0 14px rgba(68,193,255,.55)!important;
  opacity:.25;
  animation:tacdLightningHalo 1.45s steps(2,end) infinite!important;
}

/* WATER: cyan/blue highlights continuously circulate around the perimeter. */
.tacd-designed-profile.frame-aqua,
.profile-designer-preview.frame-aqua{
  border:1px solid rgba(72,224,255,.68)!important;
  box-shadow:
    0 0 9px rgba(35,204,255,.52),
    inset 0 0 15px rgba(38,207,255,.10)!important;
}

.tacd-designed-profile.frame-aqua::before,
.profile-designer-preview.frame-aqua::before{
  padding:4px!important;
  background:
    conic-gradient(
      from var(--tacd-water-angle,0deg),
      #0d6fba 0deg,
      #28d7ff 25deg,
      #baf8ff 39deg,
      #37c8f4 54deg,
      #075d9d 82deg,
      #19aee5 113deg,
      #d2fbff 139deg,
      #3bd8f8 161deg,
      #0878b8 196deg,
      #5ceaff 225deg,
      #e3fdff 246deg,
      #22bfe9 272deg,
      #0768aa 310deg,
      #39dcff 340deg,
      #0d6fba 360deg
    )!important;
  filter:
    drop-shadow(0 0 4px rgba(67,225,255,.9))
    drop-shadow(0 0 9px rgba(20,150,230,.55))!important;
  opacity:.92!important;
  animation:tacdWaterAroundBorder 4.1s linear infinite!important;
}

.tacd-designed-profile.frame-aqua.effect-none::after,
.profile-designer-preview.frame-aqua.effect-none::after{
  content:""!important;
  position:absolute!important;
  z-index:21!important;
  inset:-2px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 10% 0%,rgba(220,253,255,.75) 0 2px,transparent 4px),
    radial-gradient(ellipse at 90% 100%,rgba(130,235,255,.65) 0 2px,transparent 5px);
  background-size:90px 100%,130px 100%!important;
  opacity:.65;
  animation:tacdWaterSparkle 2.8s linear infinite!important;
}

@property --tacd-border-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
@property --tacd-water-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}

@keyframes tacdLightningAroundBorder{
  to{--tacd-border-angle:360deg}
}
@keyframes tacdWaterAroundBorder{
  to{--tacd-water-angle:360deg}
}
@keyframes tacdLightningBorderFlicker{
  0%,7%,9%,47%,49%,81%,83%,100%{filter:brightness(1)}
  8%,48%,82%{filter:brightness(1.75)}
}
@keyframes tacdLightningHalo{
  0%,70%,100%{opacity:.18}
  72%{opacity:.7}
  76%{opacity:.25}
  80%{opacity:.55}
}
@keyframes tacdWaterSparkle{
  to{background-position:180px 0,-260px 0}
}

/* =========================================================
   PROFILE AVATAR POSITION v0.2.8
   ========================================================= */
.profile-avatar-position-panel{
  margin:14px 0;
  padding:12px;
  border:1px solid rgba(83,171,255,.12);
  border-radius:10px;
  background:rgba(255,255,255,.018);
}
.profile-avatar-position-panel .profile-gallery-title{
  margin-bottom:10px;
}
#profile-position-center{
  padding:6px 9px;
  border:1px solid rgba(85,180,255,.20);
  border-radius:6px;
  background:#08131c;
  color:#85b5d5;
  font-size:8px;
  font-weight:950;
  cursor:pointer;
}
.profile-position-controls{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.profile-position-controls label{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
}
.profile-position-controls span{
  color:#7893a5;
  font-size:8px;
  font-weight:950;
  white-space:nowrap;
}
.profile-position-controls input[type="range"]{
  width:100%;
  accent-color:#4da6ff;
}
.profile-position-controls output{
  min-width:32px;
  color:#8fc8ef;
  font-size:8px;
  font-weight:950;
  text-align:right;
}
.profile-position-help{
  display:block;
  margin-top:8px;
  color:#536d7e;
  font-size:7px;
}
@media(max-width:700px){
  .profile-position-controls{grid-template-columns:1fr}
}

/* =========================================================
   PROFILE POSITION CORRECTION v0.3.1
   ========================================================= */

/* Position controls sit immediately under Live Preview. */
.profile-designer-preview + .profile-avatar-position-panel{
  margin-top:-2px;
  margin-bottom:14px;
}

/* The sliders only manipulate the image inside the avatar circle. */
.profile-designer-preview-avatar{
  overflow:hidden!important;
}
.profile-designer-preview-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 50%;
}

/* Keep the PRETTY fixed profile background behavior from before scroll experiment.
   Do not resize, stretch, zoom, or move the backdrop. */
.tacd-profile-background-shell.has-profile-bg::before{
  position:fixed!important;
  inset:64px 0 0 0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  background-image:
    linear-gradient(rgba(1,7,12,.30),rgba(1,7,12,.52)),
    var(--tacd-profile-page-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.tacd-profile-background-shell.has-profile-bg::after{
  position:fixed!important;
  inset:64px 0 0 0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
}

/* Extra scroll room ONLY. Background remains fixed and unchanged. */
.tacd-profile-background-shell.has-profile-bg{
  margin-bottom:34vh!important;
}
@media(max-width:700px){
  .tacd-profile-background-shell.has-profile-bg{
    margin-bottom:24vh!important;
  }
}

/* =========================================================
   PROFILE AVATAR + BACKDROP PAN FIX v0.3.2
   ========================================================= */
.profile-designer-preview-avatar{
  overflow:hidden!important;
}
.profile-designer-preview-avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .08s linear!important;
}

/* Keep original pretty cover scale. Only PAN the crop as the page scrolls. */
.tacd-profile-background-shell.has-profile-bg::before{
  position:fixed!important;
  inset:64px 0 0 0!important;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  background-image:
    linear-gradient(rgba(1,7,12,.30),rgba(1,7,12,.52)),
    var(--tacd-profile-page-bg)!important;
  background-size:cover!important;
  background-position:center var(--tacd-profile-bg-y,0%)!important;
  background-repeat:no-repeat!important;
}

/* Extra scroll past the last panel gives enough travel to reach the image bottom. */
.tacd-profile-background-shell.has-profile-bg{
  margin-bottom:62vh!important;
}
@media(max-width:700px){
  .tacd-profile-background-shell.has-profile-bg{
    margin-bottom:44vh!important;
  }
}

/* =========================================================
   PROFILE AVATAR FINAL + EXTRA SCENIC ROOM v0.3.3
   ========================================================= */

/* On real profile pages the sizing class belongs to the circular shell.
   The selected artwork moves INSIDE it, matching the My Account preview. */
.tacd-positioned-avatar-shell{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  flex:0 0 auto;
}

.tacd-positioned-avatar-shell.profile-hero-avatar,
.profile-hero-avatar.tacd-positioned-avatar-shell{
  border-radius:50%!important;
}

.tacd-positioned-avatar-shell.tacd-profile-box-avatar,
.tacd-profile-box-avatar.tacd-positioned-avatar-shell{
  border-radius:50%!important;
}

.tacd-positioned-avatar-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  transition:none!important;
}

/* Give viewers another ~3 inches of clean scenic scroll on desktop.
   This does NOT resize or alter the chosen background. */
.tacd-profile-background-shell.has-profile-bg{
  margin-bottom:calc(62vh + 290px)!important;
}

@media(max-width:700px){
  .tacd-profile-background-shell.has-profile-bg{
    margin-bottom:calc(44vh + 150px)!important;
  }
}