/*
 * Brand-sensitive cover materials. Themes are a small, explicit whitelist set
 * by key-entry-data.js; this keeps a key cover visually appropriate without
 * importing or reproducing protected manufacturer artwork.
 */
.animated-key-fob {
  --cover-shell: linear-gradient(120deg, #98a5a8 0%, #353f43 13%, #1a2327 42%, #4d5a5e 74%, #141d20 100%);
  --cover-edge: #9aa8ad;
  --cover-inset: rgba(231, 247, 247, .35);
  --cover-shadow-light: rgba(255, 255, 255, .18);
  --cover-shadow-dark: #05090b;
  --cover-panel: linear-gradient(125deg, #0a1013, #263135 48%, #050b0d);
  --cover-button: linear-gradient(145deg, #58666b 0%, #2b373b 35%, #11181b 68%, #05090a 100%);
  --cover-button-edge: #d6e1e4;
  --cover-icon: #f8ffff;
  --cover-chrome: linear-gradient(#f4fcff, #718187 40%, #f1ffff 67%, #172126);
  border-color: var(--cover-edge) !important;
  background: var(--cover-shell) !important;
  box-shadow: inset 6px 5px 8px var(--cover-shadow-light), inset -9px -8px 15px var(--cover-shadow-dark), 0 31px 36px rgba(0, 0, 0, .58) !important;
}

.animated-key-fob::before {
  border-color: var(--cover-inset) !important;
}

.animated-key-fob .key-top-chrome,
.animated-key-fob .key-bottom-chrome {
  background: var(--cover-chrome) !important;
}

.animated-key-fob #keyButtons {
  background: var(--cover-panel) !important;
}

.animated-key-fob #keyButtons i {
  border-color: var(--cover-button-edge) !important;
  background: var(--cover-button) !important;
}

.animated-key-fob #keyButtons i svg {
  stroke: var(--cover-icon) !important;
}

.key-brand-badge {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding-right: 3px;
  border: 1.5px solid #0e171b;
  border-radius: 8px 8px 7px 7px;
  color: #10191e;
  font: 700 17px/1 Arial, sans-serif;
  letter-spacing: -.18em;
  box-shadow: inset 0 1px rgba(255, 255, 255, .6);
}

/* Default for the Honda records: a neutral graphite finish and an H monogram,
   rather than a copied manufacturer logo. */
.animated-key-fob[data-cover-theme="honda-graphite"] {
  --cover-shell: linear-gradient(120deg, #9aa8ad 0%, #364147 13%, #192328 42%, #536167 74%, #131c20 100%);
  --cover-edge: #afbdc2;
}

/* Available for verified performance-brand records. The neutral monogram stays
   intentionally abstract so the cover does not imitate a protected badge. */
.animated-key-fob[data-cover-theme="performance-red"] {
  --cover-shell: linear-gradient(128deg, #d3383b 0%, #781116 19%, #25080a 47%, #9f171c 76%, #36080b 100%);
  --cover-edge: #ed7776;
  --cover-inset: rgba(255, 222, 218, .43);
  --cover-shadow-light: rgba(255, 205, 202, .19);
  --cover-shadow-dark: #120204;
  --cover-panel: linear-gradient(125deg, #160708, #3a0c10 48%, #080303);
  --cover-button: linear-gradient(145deg, #5a1c20 0%, #280a0d 43%, #080304 100%);
  --cover-button-edge: #efb2ad;
  --cover-icon: #fff5f2;
  --cover-chrome: linear-gradient(#fff2ee, #9a7473 40%, #fff2ed 67%, #281112);
}

.animated-key-fob[data-cover-theme="executive-blue"] {
  --cover-shell: linear-gradient(128deg, #6c87a0 0%, #1b2f43 21%, #0b1824 48%, #34546f 77%, #0b121d 100%);
  --cover-edge: #9fbed5;
  --cover-inset: rgba(216, 239, 255, .39);
  --cover-panel: linear-gradient(125deg, #07111c, #152a3a 49%, #02080e);
  --cover-button: linear-gradient(145deg, #31495c 0%, #142332 45%, #04090e 100%);
  --cover-button-edge: #c5dae8;
}

.animated-key-fob[data-cover-profile="sport-compact"] { border-radius: 31% 31% 26% 26% / 15% 15% 14% 14%; }
.animated-key-fob[data-cover-profile="executive-slim"] { border-radius: 25% 25% 22% 22% / 15% 15% 10% 10%; }
.animated-key-fob[data-cover-theme="executive-blue"] .key-brand-badge{border:0;box-shadow:none;padding:0;width:28px;height:28px;letter-spacing:normal}
.animated-key-fob[data-cover-theme="executive-blue"] .key-brand-badge svg{width:100%;height:100%}
.animated-key-fob[data-cover-theme="executive-blue"] .key-bottom-chrome{background:linear-gradient(115deg,#78c9ef 0 32%,#244690 32% 65%,#df2340 65%);height:8px}
.animated-key-fob .key-buttons--6{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;padding:16px 10px;justify-items:center}
.animated-key-fob .key-buttons--6 i{width:42px!important;height:42px!important}

/* Reference-shaped shells: keep the existing hover and opening transform. */
.animated-key-fob.has-reference-geometry::before {border-radius:inherit;inset:7px}
.animated-key-fob.has-reference-geometry .key-top-chrome,
.animated-key-fob.has-reference-geometry .key-bottom-chrome {display:none}
.animated-key-fob.has-reference-geometry .key-id {width:75%;font-size:6px;line-height:1.5;white-space:normal}
.animated-key-fob #keyButtons.is-spatial {inset:0;display:block!important;padding:0;background:transparent!important;box-shadow:none;border-radius:inherit}
.animated-key-fob #keyButtons.is-spatial i {
  position:absolute;left:var(--button-x);top:var(--button-y);
  width:var(--button-w)!important;height:var(--button-h)!important;
  transform:translate(-50%,-50%);margin:0;border-width:1px;
  border-radius:18%;box-shadow:inset 0 1px 2px #ffffff35,inset 0 -3px 6px #0009,0 3px 5px #0009;
}
.animated-key-fob #keyButtons.is-spatial i[data-shape="round"] {border-radius:50%}
.animated-key-fob #keyButtons.is-spatial i[data-shape="edge"] {border-radius:7px 3px 3px 7px;border-color:#a7afb2!important;background:linear-gradient(90deg,#aab3b7,#354047 25%,#11191e 80%)!important}
.animated-key-fob #keyButtons.is-spatial i[data-shape="edge"] svg {width:75%;height:40%;stroke-width:1.4}
.animated-key-fob[data-cover-profile="bmw-arched"] {border-radius:49% 49% 20% 20% / 25% 25% 10% 10%}
.animated-key-fob[data-cover-profile="bmw-tapered"] {border-radius:35% 35% 14% 14% / 10% 10% 7% 7%;--cover-shell:linear-gradient(104deg,#8c989e,#131c24 8%,#35414a 45%,#0b1118 89%,#778a97)}
.animated-key-fob[data-cover-profile="mini-pebble"] {
  border-radius:48% 48% 46% 46% / 29% 29% 33% 33%;
  --cover-shell:linear-gradient(105deg,#788286 0%,#171d21 9%,#2a3034 44%,#090d10 88%,#697175 100%);
  --cover-edge:#949b9e;--cover-inset:#d8e4e32b;
}
.animated-key-fob[data-cover-profile="mini-pebble"] .key-badge {width:60px;height:24px;background:none;border:0;box-shadow:none}
.animated-key-fob[data-cover-profile="mini-pebble"] .key-brand-badge {position:relative;width:33px;height:24px;font-size:10px;border:1px solid #c9d3d7;border-radius:50%;color:#e9f0f2}
.animated-key-fob[data-cover-profile="mini-pebble"] .key-brand-badge::before,
.animated-key-fob[data-cover-profile="mini-pebble"] .key-brand-badge::after {content:'';position:absolute;top:7px;width:21px;height:9px;border-top:2px solid #c9d3d7;border-bottom:2px solid #c9d3d7}
.animated-key-fob[data-cover-profile="mini-pebble"] .key-brand-badge::before {right:100%;transform:skewY(12deg)}
.animated-key-fob[data-cover-profile="mini-pebble"] .key-brand-badge::after {left:100%;transform:skewY(-12deg)}

/* Physical-key families, based on source-page case photographs.
   Presentation only: no PCB geometry, calibration, or zoom transforms here. */
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) {
  --cover-shell:linear-gradient(104deg,#52565a 0%,#16191c 7%,#292c2e 34%,#0e1012 82%,#4c5053 98%);
  --cover-panel:linear-gradient(100deg,#121416,#292c2e 46%,#101214);
  --cover-button:linear-gradient(165deg,#34383a,#1c1f21 36%,#111315 92%);
  --cover-button-edge:#62696d;
  --cover-icon:#e8ecec;
  --cover-inset:#ccd4d42e;
  --cover-edge:#727b7f;
}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) .key-badge {
  width:78%;height:22px;border:0;background:none;box-shadow:none;
}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) .key-brand-badge {
  width:auto;height:auto;padding:0;border:0;border-radius:0;box-shadow:none;
  color:#d2d7d9;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.2em;white-space:nowrap;
  text-shadow:0 1px 1px #000;
}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) .key-brand-badge::before,
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) .key-brand-badge::after {content:none}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) #keyButtons i {
  display:grid!important;place-items:center;border:1px solid var(--cover-button-edge);
  box-shadow:inset 0 1px 1px #ffffff20,inset 0 -2px 3px #0009,0 2px 3px #0008;
}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) #keyButtons i::after {content:none!important}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) #keyButtons i svg {
  position:static!important;transform:none!important;margin:0!important;
  width:27px!important;height:24px!important;max-width:68%;max-height:62%;
  fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 1px 1px #0008);
}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) #keyButtons i svg * {fill:none;stroke:inherit}
.animated-key-fob[data-cover-family]:not([data-cover-family=""]) .key-id {
  font-size:5.5px;letter-spacing:.07em;opacity:.62;max-width:70%;
}
.animated-key-fob[data-cover-family^="porsche-"] {
  border-radius:44% 44% 32% 32% / 18% 18% 13% 13%;
  --cover-shell:linear-gradient(100deg,#afb5b8 0%,#2e3335 3%,#080b0c 10%,#24292c 28%,#0e1113 72%,#525c60 96%,#d6dcde 100%);
  --cover-edge:#747e82;
}
.animated-key-fob[data-cover-family^="porsche-"]::before {
  inset:7px 12px 13px;border-radius:43% 43% 27% 27% / 18% 18% 12% 12%;
  border:1px solid #c9d0d033;box-shadow:inset 0 3px 10px #ffffff12,inset 0 -6px 8px #000b;
}
.animated-key-fob[data-cover-family^="porsche-"].has-reference-geometry .key-bottom-chrome {
  display:block;position:absolute;left:31%;right:31%;bottom:4%;width:auto;height:9px;transform:none;
  border:2px solid #bfc7cb;border-radius:5px;background:#06090b;
  box-shadow:0 1px 2px #000,inset 0 1px #eef2f4;pointer-events:none;
}
.animated-key-fob[data-cover-family="porsche-sculpted"] #keyButtons.is-spatial i {
  border-radius:35% 35% 26% 26% / 20% 20% 18% 18%;
  border-color:#71777b!important;background:linear-gradient(150deg,#323639,#191c1e 54%,#101214)!important;
}
.animated-key-fob[data-cover-family="porsche-classic"] {border-radius:43% 43% 26% 26% / 20% 20% 13% 13%}
.animated-key-fob[data-cover-family="porsche-classic"] #keyButtons.is-spatial i {border-radius:28%}
.animated-key-fob[data-cover-family^="rover-"] {
  border-radius:21% 21% 19% 19% / 12% 12% 12% 12%;
  --cover-edge:#9da5a8;
  --cover-shell:linear-gradient(100deg,#899296,#13171a 5%,#252b2e 52%,#111416 91%,#bdc7ca 97%,#4e585d);
}
.animated-key-fob[data-cover-family^="rover-"]::before {
  inset:8px 12px 9px;border-radius:16% 16% 14% 14% / 10% 10% 9% 9%;
  box-shadow:inset 0 0 0 2px #050809,inset 0 2px 5px #a7b0b21a;
}
.animated-key-fob[data-cover-family^="rover-"] #keyButtons.is-spatial i {border-radius:14%}
.animated-key-fob[data-cover-family^="rover-"] #keyButtons i[data-cover-icon="alert"] svg {stroke:#cf7e65!important;width:21px!important}
.animated-key-fob[data-cover-family="rover-smart"].has-reference-geometry .key-top-chrome {
  display:block;position:absolute;left:auto;right:4px;top:18%;bottom:19%;width:7px;height:auto;transform:none;
  border-radius:5px;background:linear-gradient(90deg,#40494e,#f0f2f3 40%,#929da3 63%,#242c31);
  box-shadow:-2px 0 3px #0008;pointer-events:none;
}
.animated-key-fob[data-cover-family="rover-classic"] {border-radius:36% 36% 25% 25% / 17% 17% 11% 11%;--cover-edge:#4d5558}
.animated-key-fob[data-cover-family="bmw-reference"] {--cover-edge:#9aa4aa}
.animated-key-fob[data-cover-family="bmw-reference"] .key-brand-badge {letter-spacing:.28em}
.animated-key-fob[data-cover-family="bmw-reference"] .key-bottom-chrome {background:linear-gradient(#adc1ca,#365465 45%,#9cb4c0)!important}
.animated-key-fob[data-cover-family="mini-reference"] .key-brand-badge {font-size:11px;letter-spacing:.24em}
.animated-key-fob[data-cover-family="fiat-reference"] {border-radius:46% 46% 37% 37% / 24% 24% 17% 17%}

/* Physical exterior templates. Layout is deliberately unrelated to PCB switches. */
#animatedKeyFob.animated-key-fob.physical-cover {
  --cover-shell:linear-gradient(106deg,#e1e2e1 0%,#727779 3%,#121416 7%,#242628 39%,#101214 88%,#a7adaf 97%,#dfe2e3);
  --cover-edge:#a8adaf;--cover-inset:#bac0c244;
  --cover-button:linear-gradient(160deg,#454749,#292b2d 24%,#1b1d1f 77%,#0d0f11);
  --cover-button-edge:#696d70;--cover-icon:#dfe3e4;
  border-radius:29% 29% 24% 24% / 12% 12% 12% 12%;
}
#animatedKeyFob.animated-key-fob.physical-cover::before {inset:7px 11px 13px;box-shadow:inset 0 2px 5px #ffffff16,inset 0 -3px 7px #000b}
#animatedKeyFob.animated-key-fob.physical-cover .key-badge {width:74px;height:37px;background:none;border:0;box-shadow:none;z-index:3;transform:translate(-50%,-50%)}
#animatedKeyFob.animated-key-fob.physical-cover .key-brand-badge {width:100%;height:100%;padding:0;border:0;background:none;box-shadow:none}
#animatedKeyFob.animated-key-fob.physical-cover .key-brand-badge svg {width:100%;height:100%;filter:drop-shadow(0 1px 1px #000b)}
#animatedKeyFob.animated-key-fob.physical-cover .key-id {display:none}
#animatedKeyFob.animated-key-fob.physical-cover #keyButtons.is-spatial i {border-radius:19% / 24%;box-shadow:inset 0 1px 1px #ffffff45,inset 0 -2px 3px #000c,0 2px 2px #0009}
#animatedKeyFob.animated-key-fob.physical-cover #keyButtons i svg {width:25px!important;height:24px!important;max-width:66%;max-height:57%}
#animatedKeyFob.animated-key-fob.physical-cover.has-reference-geometry .key-bottom-chrome {display:block;left:36%;width:28%;bottom:2%;height:10px;border:2px solid #b4babd;border-radius:4px;background:#121416!important;box-shadow:0 1px 1px #000,inset 0 1px 1px #000;transform:none}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-satin"] {border-radius:14% 14% 34% 34% / 8% 8% 15% 15%;--cover-shell:linear-gradient(100deg,#979d9e,#e0e2e0 7%,#5e6465 12%,#17191a 15%,#17191a 84%,#747a7b 91%,#d7d9d8);border-bottom-width:13px}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-satin"] #keyButtons i:nth-child(1),
#animatedKeyFob.animated-key-fob[data-cover-family="aston-satin"] #keyButtons i:nth-child(2) {background:linear-gradient(#d6d7d5,#858b8d 55%,#c7cccb)!important;--cover-icon:#262a2b}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-pebble"] {border-radius:46% 46% 36% 36% / 24% 24% 24% 24%;--cover-shell:linear-gradient(110deg,#676b6b,#161719 8%,#353638 48%,#101214 89%,#62696a);--cover-edge:#4d5355}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-pebble"] #keyButtons i:nth-child(1) {border-radius:35% / 28%;border:3px solid #767b7c!important}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-pebble"] .key-bottom-chrome {display:none!important}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-crystal"] {border-radius:9% 9% 15% 15% / 5% 5% 9% 9%;--cover-shell:linear-gradient(97deg,#c9cccb,#111315 6%,#050708 49%,#212426 88%,#b8bec0)}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-crystal"].has-reference-geometry .key-top-chrome {display:block;top:2%;left:4%;width:92%;height:10%;border-radius:8px 8px 2px 2px;transform:none;box-shadow:inset 0 2px 2px #fff9,0 2px 3px #000}
#animatedKeyFob.animated-key-fob[data-cover-family="aston-crystal"] #keyButtons.is-spatial i {border-color:#414749!important;background:linear-gradient(#212528,#080b0d)!important;border-radius:4px}
#animatedKeyFob.animated-key-fob[data-cover-family="alfa-pebble"] {border-radius:39% 39% 42% 42% / 18% 18% 28% 28%;border-top-width:12px;--cover-shell:linear-gradient(102deg,#d0d2d1,#1c1e20 7%,#292b2c 47%,#090b0d 91%,#c6cacb)}
#animatedKeyFob.animated-key-fob[data-cover-family="alfa-pebble"] .key-badge {width:37px;height:37px}
#animatedKeyFob.animated-key-fob[data-cover-family="alfa-pebble"] #keyButtons i {border-bottom:2px solid #a8adae!important}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-flip"] {border-radius:20% 32% 29% 21% / 9% 12% 12% 8%;--cover-shell:linear-gradient(110deg,#44484a,#151719 12%,#292c2e 48%,#0c0e0f 90%,#575c5e);--cover-edge:#494e50}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-flip"].has-reference-geometry .key-top-chrome {display:block;left:10%;top:5%;width:20px;height:20px;border:2px solid #8e9699;border-radius:50%;transform:none;box-shadow:0 2px 3px #000}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-flip"] #keyButtons i {border-radius:7px!important}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-smart"] {border-radius:26% 26% 27% 27% / 12% 12% 13% 13%;border-bottom:28px solid #a5abad;--cover-shell:linear-gradient(97deg,#edf0ed,#858c8e 5%,#111315 10%,#24272a 47%,#0e1113 90%,#a5acae 96%,#f1f2ed)}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-smart"] #keyButtons i {background:linear-gradient(150deg,#d8d9d6,#9da3a3 45%,#656c6e)!important;--cover-icon:#252a2c;border-color:#e1e3e1!important}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-smart"] #keyButtons i:nth-child(1) {border-radius:52% 5% 6% 10%!important}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-smart"] #keyButtons i:nth-child(2) {border-radius:5% 52% 10% 6%!important}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-smart"] #keyButtons i:nth-child(3) {border-radius:45% 45% 15% 15%!important}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-silver"],
#animatedKeyFob.animated-key-fob[data-cover-family="audi-narrow"] {border-radius:33% 33% 31% 31% / 15% 15% 17% 17%;border-bottom:9px solid #b9bfc0}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-silver"] #keyButtons i {background:linear-gradient(115deg,#f0f0ea,#adb5b7 38%,#d4d8d8 62%,#798487)!important;--cover-icon:#3b4245;border-color:#e1e4e1!important;border-radius:13% / 20%}
#animatedKeyFob.animated-key-fob[data-cover-family="audi-classic"],
#animatedKeyFob.animated-key-fob[data-cover-family="lambo-classic"] {border-radius:15% 15% 32% 32% / 7% 7% 15% 15%;--cover-shell:linear-gradient(104deg,#414345,#141617 10%,#292b2d 48%,#0c0e10 90%,#505558);--cover-edge:#535a5b}
#animatedKeyFob.animated-key-fob[data-cover-family="lambo-classic"] #keyButtons i {background:linear-gradient(120deg,#b9b6aa,#88897f 43%,#595d59)!important;--cover-icon:#262a27}
#animatedKeyFob.animated-key-fob[data-cover-family="lambo-classic"].has-reference-geometry .key-top-chrome {display:block;left:15%;top:-6%;width:70%;height:9%;transform:skewY(12deg);border-radius:3px;z-index:-1}
#animatedKeyFob.animated-key-fob[data-cover-brand="lamborghini"].physical-cover .key-badge {width:36px;height:45px}
#animatedKeyFob.animated-key-fob[data-cover-family="lambo-angular"] {border-radius:28% 28% 45% 45% / 12% 12% 23% 23%;--cover-shell:linear-gradient(103deg,#16191b,#a4adaf 8%,#e0e5e4 12%,#222729 15%,#101416 50%,#222729 85%,#d3dcdd 88%,#707c80 93%,#161a1b)}
#animatedKeyFob.animated-key-fob[data-cover-family="lambo-angular"]::before {inset:6px 16px 34px;border-radius:24% 24% 48% 48% / 10% 10% 22% 22%;border-bottom:5px solid #c7d0d0;box-shadow:0 2px 2px #000}

#animatedKeyFob.animated-key-fob.physical-cover[data-cover-brand="mercedes-benz"] .key-badge {width:43px;height:43px}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-oval"] {border-radius:45% 45% 39% 39% / 22% 22% 20% 20%;--cover-shell:linear-gradient(104deg,#939b9d,#e9edec 8%,#b1b8ba 17%,#121719 20%,#171c1e 80%,#929c9f 85%,#e3e9e9 94%,#727e81);border-bottom:22px solid #b3bdbe}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-oval"]::before {inset:5px 28px 19px}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-oval"] #keyButtons i:first-child svg {visibility:hidden}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-modern"] {border-radius:24% 24% 29% 29% / 10% 10% 14% 14%;--cover-shell:linear-gradient(100deg,#9aa4a7,#f0f4f2 5%,#6c7a80 9%,#090d10 12%,#22292d 50%,#0b1012 88%,#afbbbf 94%,#e5eae8);border-bottom:30px solid #a9b4b7}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-modern"] #keyButtons i {border-radius:10px;--cover-button:linear-gradient(120deg,#3c4144,#161c20 45%,#080e11)}
#animatedKeyFob.animated-key-fob[data-cover-family^="mercedes-fish-"] {
  clip-path:polygon(36% 0,64% 0,68% 4%,68% 17%,78% 28%,87% 41%,95% 58%,99% 73%,98% 87%,90% 97%,73% 100%,27% 100%,10% 97%,2% 87%,1% 73%,5% 58%,13% 41%,22% 28%,32% 17%,32% 4%);
  border-radius:24px;--cover-edge:#555e62;
  --cover-shell:linear-gradient(100deg,#bcc6ca,#f3f5ef 7%,#939fa3 12%,#1a2226 18%,#282f33 46%,#0e1519 83%,#b1bfc3 89%,#e8eeec 95%,#78868c);
}
#animatedKeyFob.animated-key-fob[data-cover-family^="mercedes-fish-black"] {--cover-shell:linear-gradient(110deg,#686e70,#191e21 10%,#34393c 45%,#0d1317 89%,#5b6468)}
#animatedKeyFob.animated-key-fob[data-cover-family^="mercedes-fish-"]::before {inset:22% 12% 6%;border-radius:45% 45% 19% 19% / 42% 42% 11% 11%;background:linear-gradient(100deg,#ffffff06,transparent 50%,#0003)}
#animatedKeyFob.animated-key-fob[data-cover-family^="mercedes-fish-"].has-reference-geometry .key-top-chrome {display:block;left:36%;top:2%;width:28%;height:14%;transform:none;border:1px solid #595d5c;border-radius:4px;background:linear-gradient(115deg,#2b2e2a,#0d100d 56%,#444b43)!important;box-shadow:inset 0 1px 3px #fff2,0 2px 2px #000}
#animatedKeyFob.animated-key-fob[data-cover-family^="mercedes-fish-"] #keyButtons.is-spatial i {border-radius:15% / 22%;border-color:#646d71!important}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-fish-black-4"] #keyButtons i[data-cover-icon="alert"] {border-radius:50%;background:linear-gradient(130deg,#b94e45,#792620 70%)!important;border-color:#c97665!important}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-fish-black-4"] #keyButtons i[data-cover-icon="alert"]::after {content:"PANIC"!important;position:static;color:#f4d9ce;font:600 6px Arial,sans-serif}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-fish-black-4"] #keyButtons i[data-cover-icon="alert"] svg {display:none}
#animatedKeyFob.animated-key-fob.physical-cover #keyButtons {z-index:2}
#animatedKeyFob.animated-key-fob[data-cover-family="mercedes-fish-black-4"] #keyButtons i[data-cover-icon="alert"] {z-index:4}
/* Three presentation-only refinements; no board selectors or transforms. */
#animatedKeyFob.animated-key-fob[data-cover-family="mini-round-cas"] {
  height:88%;overflow:visible;
  border-radius:50%;--cover-edge:#929998;
  --cover-shell:radial-gradient(ellipse at 40% 27%,#494949,#252727 46%,#101313 80%,#575d5c 94%,#c5cccc 97%,#404747);
  border:4px solid #8c9392;
}
#animatedKeyFob.animated-key-fob[data-cover-family="mini-round-cas"]::before {inset:12px;border-radius:50%;background:radial-gradient(circle at 50% 58%,#363b3a,#131817 67%);box-shadow:inset 0 2px 5px #000c}
#animatedKeyFob.animated-key-fob[data-cover-family="mini-round-cas"] .key-badge {width:108px;height:43px}
#animatedKeyFob.animated-key-fob[data-cover-family="mini-round-cas"] #keyButtons.is-spatial i {border-radius:45%!important;background:linear-gradient(145deg,#343a38,#121615)!important;border-color:#555d59!important}
#animatedKeyFob.animated-key-fob[data-cover-family="mini-round-cas"].has-reference-geometry .key-bottom-chrome {left:39%;width:22%;height:32px;bottom:-24px;border-radius:2px 2px 25% 25%;border:2px solid #626b67;background:linear-gradient(100deg,#474e4a,#141b17,#474e4a)!important;z-index:-1}

/* One personal mark; never a vehicle identification or technical annotation. */
.cover-personal-mark {position:absolute;left:17%;bottom:12%;font:500 10px/1 Arial,sans-serif;letter-spacing:.5px;color:#a7afb4;opacity:.65;text-shadow:0 1px 1px #000;pointer-events:none;z-index:4}
#animatedKeyFob.animated-key-fob[data-cover-family="bmw-display"] {border-radius:28% 28% 24% 24% / 17% 17% 14% 14%;background:linear-gradient(100deg,#aeb6bd,#e4e8ea 3%,#333b40 7%,#111619 16%,#080b0d 83%,#69747b 94%,#d8dfe3 98%);border:2px solid #818e97}
#animatedKeyFob.animated-key-fob[data-cover-family="bmw-display"]::before {inset:9px 13px 12px;border-radius:24% 24% 23% 23% / 15% 15% 13% 13%;background:linear-gradient(130deg,#343c42,#090d10 40%,#161d22)}
#animatedKeyFob.animated-key-fob[data-cover-family="bmw-display"]::after {content:'';position:absolute;left:22%;right:17%;top:32%;bottom:16%;width:auto;height:auto;transform:none;border:3px solid #050708;border-radius:8px;background:linear-gradient(130deg,#182329,#030709 55%,#11191e);box-shadow:0 0 0 1px #50585e,inset 0 1px 4px #000;pointer-events:none}
#animatedKeyFob.animated-key-fob[data-cover-family="bmw-display"] .key-badge {width:39px;height:39px;pointer-events:none}
#animatedKeyFob.animated-key-fob[data-cover-family="bmw-display"] #keyButtons i {background:linear-gradient(#40484d,#11191d);border:1px solid #68747d}
#animatedKeyFob.animated-key-fob[data-cover-family="bmw-display"] #keyButtons i:nth-child(2) svg {visibility:hidden}
#animatedKeyFob.animated-key-fob[data-cover-family="bmw-display"] .key-bottom-chrome {display:none!important}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-black-two"] {border-radius:9% / 5%;--cover-shell:linear-gradient(100deg,#55504a,#272321 9%,#37312c 45%,#161514 90%,#67625b);--cover-edge:#6c6a61;border-top:7px solid #b2b7b4;border-bottom:5px solid #7f8783}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-black-two"]::before {inset:9px;border-radius:6px}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-black-two"] #keyButtons.is-spatial i {border-radius:7px;background:linear-gradient(150deg,#403831,#28221e)!important;border-color:#65574c!important}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-black-two"] .key-badge {width:106px;height:31px;padding:2px 6px;border:1px solid #b4b9b5;border-radius:2px;background:linear-gradient(100deg,#cdd0c9,#575e59,#d5d8d1)}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-black-two"] .key-bottom-chrome {display:none!important}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-silver-four"] {border-radius:34% 34% 29% 29% / 13% 13% 13% 13%;--cover-edge:#8f1721;--cover-shell:linear-gradient(100deg,#c81829,#ec4a4c 3%,#606c6f 7%,#d3d9d9 12%,#f0f1ed 46%,#b5bfc1 80%,#6b767a 93%,#e32c37 97%,#7e101d)}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-silver-four"]::before {inset:5% 11% 49%;border-radius:24% 24% 10% 10%;background:linear-gradient(145deg,#3c3c39,#1c211f);box-shadow:inset 0 1px 3px #fff5,0 2px 4px #0009}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-silver-four"] #keyButtons.is-spatial i {border-radius:14% / 18%;background:linear-gradient(150deg,#565952,#323931)!important;border-color:#70776e!important}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-silver-four"] .key-badge {width:111px;height:35px}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-silver-four"] .key-brand-badge svg text {fill:#5b666a}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-silver-four"] .key-brand-badge svg path {stroke:#5b666a}
#animatedKeyFob.animated-key-fob[data-cover-family="ferrari-silver-four"] #keyButtons i svg {opacity:.65}

/* Lexus exterior families; no shared board or interaction selectors. */
/* Tesla miniature-car exterior press zones. These never target the PCB layer. */
#animatedKeyFob.animated-key-fob[data-cover-family^="tesla-sculpted-"] {border-radius:43% 43% 37% 37% / 19% 19% 17% 17%;--cover-shell:linear-gradient(110deg,#747b80,#0b0e10 8%,#3c4348 24%,#090c0f 49%,#151b1f 83%,#505b62 96%,#12181b);--cover-edge:#414a50;border-width:2px;box-shadow:inset 5px 0 8px #aebcc055,inset -6px 0 7px #000,0 15px 26px #0007}
#animatedKeyFob.animated-key-fob[data-cover-family^="tesla-sculpted-"]::before {inset:20% 17% 22%;border-radius:32% 32% 23% 23%;background:linear-gradient(135deg,#6c757e66,#080c0e 40%,#26323a 85%);box-shadow:inset 0 1px 3px #a7b1b9,0 1px 4px #000}
#animatedKeyFob.animated-key-fob[data-cover-family^="tesla-sculpted-"] .key-badge {width:32px;height:28px}
#animatedKeyFob.animated-key-fob[data-cover-family^="tesla-sculpted-"] #keyButtons.is-spatial i {border-radius:24% / 30%;background:linear-gradient(140deg,#4b545d88,#151c2299 42%,#05090bcc)!important;border:1px solid #66768044!important;box-shadow:inset 0 1px 1px #a2aeb533,0 2px 2px #0008}
#animatedKeyFob.animated-key-fob[data-cover-family^="tesla-sculpted-"] #keyButtons i svg {visibility:hidden}
#animatedKeyFob.animated-key-fob[data-cover-family^="tesla-sculpted-"] .key-bottom-chrome {display:none!important}
#animatedKeyFob.animated-key-fob[data-cover-family^="jeep-"] {border-radius:36% 36% 13% 13% / 19% 19% 6% 6%;--cover-shell:linear-gradient(105deg,#545957,#1f2322 12%,#343937 40%,#111614 90%,#626a66);--cover-edge:#3c4540;border-bottom-width:5px}
#animatedKeyFob.animated-key-fob[data-cover-family^="jeep-"]::before {inset:10% 13% 21%;border-radius:28% 28% 13% 13% / 15% 15% 8% 8%;background:linear-gradient(100deg,#292c29,#161b17);box-shadow:inset 0 1px 3px #ffffff22}
#animatedKeyFob.animated-key-fob[data-cover-family^="jeep-"] .key-badge {width:61px;height:30px}
#animatedKeyFob.animated-key-fob[data-cover-family^="jeep-"] #keyButtons i {background:linear-gradient(150deg,#444840,#23281f)!important;border-color:#62695888!important;border-radius:18% / 21%;box-shadow:inset 0 1px 1px #acb19b33,0 2px 3px #0009}
#animatedKeyFob.animated-key-fob[data-cover-family^="jeep-"] #keyButtons i[data-cover-icon="panic"] svg {color:#d26055}
#animatedKeyFob.animated-key-fob[data-cover-family="jeep-trackhawk-5"] {--cover-shell:linear-gradient(110deg,#d96160,#912727 12%,#b23836 40%,#771e22 90%,#cf4f4e);--cover-edge:#72252a}
#animatedKeyFob.animated-key-fob[data-cover-family^="jeep-"] .key-bottom-chrome {height:9px!important;left:12%!important;width:22%!important;border-radius:2px}
#animatedKeyFob.animated-key-fob[data-cover-brand="lexus"].physical-cover .key-badge {width:50px;height:34px}
#animatedKeyFob.animated-key-fob[data-cover-family^="lexus-classic-"] {border-radius:32% 32% 26% 26% / 17% 17% 13% 13%;--cover-shell:linear-gradient(115deg,#535456,#202123 10%,#292a2c 40%,#111214 87%,#57595b);--cover-edge:#45494c;--cover-inset:#ffffff12}
#animatedKeyFob.animated-key-fob[data-cover-family^="lexus-classic-"] #keyButtons i:nth-child(1) {border-radius:58% 58% 15% 15% / 80% 80% 15% 15%}
#animatedKeyFob.animated-key-fob[data-cover-family^="lexus-classic-"] #keyButtons i:nth-child(2) {border-radius:15% 15% 58% 58% / 15% 15% 80% 80%}
#animatedKeyFob.animated-key-fob[data-cover-family="lexus-classic-4"] #keyButtons i:nth-child(4) {background:linear-gradient(#922f30,#541719)!important}
#animatedKeyFob.animated-key-fob[data-cover-family="lexus-satin-3"] {border-radius:15% 15% 22% 22% / 9% 9% 12% 12%;--cover-shell:linear-gradient(105deg,#818689,#242628 5%,#393b3d 38%,#181a1c 89%,#959da2 94%,#e4e7e8 98%);--cover-edge:#bec5c9;border-right-width:7px;border-bottom-width:8px}
#animatedKeyFob.animated-key-fob[data-cover-family="lexus-premium-5"] {border-radius:20% 20% 30% 30% / 9% 9% 17% 17%;--cover-shell:linear-gradient(115deg,#888f93,#191b1e 7%,#393b3f 30%,#111315 52%,#1c1e22 89%,#939b9f 97%);--cover-edge:#9ba3a7;border-bottom-width:7px}
#animatedKeyFob.animated-key-fob[data-cover-family="lexus-premium-5"] #keyButtons i {background:linear-gradient(#33363b,#131519 58%,#080a0d)!important}
#animatedKeyFob.animated-key-fob[data-cover-family="lexus-premium-5"] #keyButtons i:nth-child(5) {border-left:5px solid #b9c0c4;border-right:5px solid #b9c0c4}
/* Volkswagen physical exterior families only; no PCB geometry selectors. */
#animatedKeyFob.animated-key-fob[data-cover-family^="volkswagen-"] {--cover-shell:linear-gradient(110deg,#62686c,#181c20 8%,#32383c 34%,#13171b 68%,#454c50 95%);--cover-edge:#899498;border-radius:19% 19% 17% 17% / 10% 10% 9% 9%;border-width:3px}
#animatedKeyFob.animated-key-fob[data-cover-family^="volkswagen-"] .key-badge {width:37px;height:37px}
#animatedKeyFob.animated-key-fob[data-cover-family^="volkswagen-"] #keyButtons i {background:linear-gradient(150deg,#474e53,#20262b 55%,#141a20)!important;border:1px solid #9ba4aa77!important;border-radius:7px;box-shadow:inset 0 1px 1px #d2d8dc44,0 3px 4px #0009}
#animatedKeyFob.animated-key-fob[data-cover-family="volkswagen-tapered-3"] {border-radius:35% 35% 25% 25% / 18% 18% 10% 10%;border-left-width:5px;border-right-width:5px}
#animatedKeyFob.animated-key-fob[data-cover-family="volkswagen-mlb-3"] {border-radius:22% 22% 17% 17% / 11% 11% 6% 6%;border-left-width:5px;border-right-width:5px;--cover-shell:linear-gradient(110deg,#697177,#111619 7%,#343d43 37%,#090e12 80%,#737e85)}
#animatedKeyFob.animated-key-fob[data-cover-family="volkswagen-silver-stack-3"] #keyButtons i {background:linear-gradient(120deg,#f0f1ec,#aeb7bc 40%,#d3d9dc 65%,#7c8a92)!important;color:#273038!important;border-color:#dce3e4!important}
#animatedKeyFob.animated-key-fob[data-cover-family="volkswagen-silver-stack-3"] #keyButtons i svg {color:#25323b}
#animatedKeyFob.animated-key-fob[data-cover-family="volkswagen-compact-flip-3"] {border-radius:26% 26% 18% 18% / 14% 14% 7% 7%;border-bottom-width:8px;--cover-edge:#b3bdc2}
#animatedKeyFob.animated-key-fob[data-cover-family="volkswagen-mqb-slab-3"],#animatedKeyFob.animated-key-fob[data-cover-family="volkswagen-van-5"] {border-top:40px solid #bfc9ce;border-bottom-width:10px;--cover-edge:#a6b2b8;--cover-shell:linear-gradient(115deg,#6d787e,#1c2227 7%,#383f46 36%,#151a20 80%,#586169)}
#animatedKeyFob.animated-key-fob[data-cover-family^="volkswagen-asymmetric-"] {border-radius:27% 23% 29% 42% / 13% 12% 12% 23%;border-bottom-width:8px}
#animatedKeyFob.animated-key-fob[data-cover-family^="volkswagen-"] .key-bottom-chrome {height:8px!important;left:24%!important;width:52%!important}

/* Infiniti exterior-only family styles. No PCB selectors or calibrated geometry. */
#animatedKeyFob.animated-key-fob[data-cover-family^="infiniti-"] {--cover-shell:linear-gradient(105deg,#696b6d,#191c20 10%,#33373b 35%,#111519 83%,#505a62);--cover-edge:#697278;border-width:3px;border-radius:47% 47% 40% 40% / 25% 25% 23% 23%}
#animatedKeyFob.animated-key-fob[data-cover-family^="infiniti-"]::before {inset:20% 19% 17%;border-radius:34% 34% 22% 22% / 16% 16% 14% 14%;background:linear-gradient(90deg,#080c0f,#43484b,#0c1115);box-shadow:inset 0 1px 3px #000}
#animatedKeyFob.animated-key-fob[data-cover-family^="infiniti-"] .key-badge {width:46px;height:29px}
#animatedKeyFob.animated-key-fob[data-cover-family^="infiniti-"] #keyButtons.is-spatial i {background:linear-gradient(130deg,#e4e6e5,#a5aaad 43%,#d6d9d7 65%,#7e868a)!important;border:1px solid #d4d9db!important;border-radius:12% / 14%;box-shadow:inset 0 1px 1px #fff9,0 2px 3px #0009;color:#26313a}
#animatedKeyFob.animated-key-fob[data-cover-family^="infiniti-"] #keyButtons i svg {color:#30383d}
#animatedKeyFob.animated-key-fob[data-cover-family^="infiniti-"] #keyButtons i[data-cover-icon="alert"] svg {color:#a52d27;stroke:#a52d27!important}
#animatedKeyFob.animated-key-fob[data-cover-family^="infiniti-"] .key-bottom-chrome {left:37%!important;width:26%!important;height:12px!important;border-radius:0 0 50% 50%}
#animatedKeyFob.animated-key-fob[data-cover-family="infiniti-soft-slab-3"] {border-radius:29% 29% 27% 27% / 15% 15% 14% 14%;border-width:5px;--cover-edge:#292f33}
#animatedKeyFob.animated-key-fob[data-cover-family="infiniti-long-neck-2"] {clip-path:polygon(35% 0,65% 0,69% 19%,81% 38%,94% 61%,100% 79%,97% 95%,80% 100%,20% 100%,3% 95%,0 79%,6% 61%,19% 38%,31% 19%);border-radius:15px;--cover-edge:#30383c;--cover-shell:linear-gradient(100deg,#656a6e,#171d21 12%,#383d42 45%,#0d1318 85%,#555e63)}
#animatedKeyFob.animated-key-fob[data-cover-family="infiniti-long-neck-2"]::before {inset:22% 17% 9%;border-radius:45% 45% 22% 22% / 38% 38% 12% 12%;background:linear-gradient(100deg,#3a4248,#0b1116)}
#animatedKeyFob.animated-key-fob[data-cover-family="infiniti-long-neck-2"] #keyButtons.is-spatial i {background:linear-gradient(140deg,#3f484f,#192229)!important;border-color:#59666f!important}
#animatedKeyFob.animated-key-fob[data-cover-family="infiniti-long-neck-2"] #keyButtons i svg {color:#bbc3c8}
#animatedKeyFob.animated-key-fob[data-cover-family="infiniti-long-neck-2"] .key-bottom-chrome {display:none!important}

/* Kia exterior-only family styling. No board, target, route or viewer transforms. */
#animatedKeyFob.animated-key-fob[data-cover-family^="kia-"] {--cover-shell:linear-gradient(108deg,#696d70,#1a1d20 7%,#303337 38%,#101315 86%,#6d7478 97%);--cover-edge:#555c61;border-radius:31% 31% 21% 21% / 17% 17% 11% 11%;border-width:3px}
#animatedKeyFob.animated-key-fob[data-cover-family^="kia-"] .key-badge {width:58px;height:31px}
#animatedKeyFob.animated-key-fob[data-cover-family^="kia-"] #keyButtons i {background:linear-gradient(130deg,#e7e9e6,#aeb5b6 44%,#d5d9d7 65%,#777f82)!important;border:1px solid #d4dad9!important;border-radius:10% / 19%;--cover-icon:#293135;box-shadow:inset 0 1px 2px #ffffff9c,inset 0 -2px 2px #6b757a,0 2px 3px #000a}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-silver-face-3"] #keyButtons i:first-child {border-radius:50%!important;background:radial-gradient(ellipse at 37% 27%,#f4f5ed,#b2b9b8 50%,#737f82)!important}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-silver-face-3"]::before {inset:8% 12% 21%;border-radius:26% 26% 13% 13% / 15% 15% 8% 8%;background:linear-gradient(120deg,#292d2e,#111618 80%);box-shadow:inset 0 2px 4px #ffffff12}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-silver-stack-4"] {border-radius:18% 18% 15% 15% / 10% 10% 8% 8%;--cover-edge:#adb5b8;border-width:4px}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-silver-stack-4"] #keyButtons i:last-child {background:linear-gradient(#42474b,#141c20)!important;--cover-icon:#cd4b48}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-edge-3"] {border-radius:30% 32% 32% 30% / 14% 19% 15% 14%;--cover-shell:linear-gradient(105deg,#858b8e,#24282b 6%,#34393c 40%,#151c20 79%,#818a90 93%,#252d32);--cover-edge:#7e898f;border-right-width:6px}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-edge-3"]::before {inset:5% 22% 8% 7%;border-radius:26% / 12%;background:linear-gradient(105deg,#353b3f,#171f24 70%);box-shadow:inset 0 1px 3px #ffffff1c}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-edge-3"] #keyButtons i {border-radius:30% / 17%;background:linear-gradient(100deg,#aeb5b8,#49535a 25%,#161f25 67%,#b9c2c7)!important;--cover-icon:#e0e5e7;border-color:#929da4!important}
#animatedKeyFob.animated-key-fob[data-cover-family="kia-edge-3"] #keyButtons i svg {width:16px!important;height:19px!important}
#animatedKeyFob.animated-key-fob[data-cover-family^="kia-"] .key-bottom-chrome {height:8px!important;left:39%!important;width:22%!important}

/* Cadillac/Chevrolet exterior families only: no PCB, hotspot or viewport selectors. */
#animatedKeyFob.animated-key-fob[data-cover-brand="cadillac"],#animatedKeyFob.animated-key-fob[data-cover-brand="chevrolet"] {--cover-shell:linear-gradient(110deg,#797d7e,#191c1e 7%,#383c3e 37%,#111416 84%,#737c81 96%);--cover-edge:#a1a9ad;border-width:3px}
#animatedKeyFob.animated-key-fob[data-cover-brand="cadillac"] #keyButtons i,#animatedKeyFob.animated-key-fob[data-cover-brand="chevrolet"] #keyButtons i {background:linear-gradient(140deg,#42474b,#24292d 55%,#141a1e)!important;border:1px solid #8c969c77!important;border-radius:10% / 18%;box-shadow:inset 0 1px 2px #d9e2e644,0 2px 3px #000b}
#animatedKeyFob.animated-key-fob[data-cover-brand="cadillac"] .key-badge {width:49px;height:37px}
#animatedKeyFob.animated-key-fob[data-cover-brand="chevrolet"] .key-badge {width:62px;height:28px}
#animatedKeyFob.animated-key-fob[data-cover-family^="cadillac-shield-"] {border-radius:32% 32% 38% 38% / 15% 15% 23% 23%;border-left-width:6px;border-right-width:6px;--cover-shell:linear-gradient(105deg,#d6dcde,#777f84 4%,#101519 8%,#31373a 40%,#090e12 89%,#bcc5c9 97%)}
#animatedKeyFob.animated-key-fob[data-cover-family^="cadillac-shield-"]::before {inset:8% 10% 22%;border-radius:22% 22% 30% 30%;background:linear-gradient(150deg,#ffffff06,#0003)}
#animatedKeyFob.animated-key-fob[data-cover-family^="cadillac-classic-"],#animatedKeyFob.animated-key-fob[data-cover-family="chevrolet-classic-3"] {border-radius:8% 8% 12% 12% / 4% 4% 6% 6%;border-bottom:10px solid #a8b0b4;--cover-shell:linear-gradient(100deg,#53585b,#171b1e 7%,#363b3e 45%,#12171b 89%,#60686d)}
#animatedKeyFob.animated-key-fob[data-cover-family^="cadillac-classic-"]::before,#animatedKeyFob.animated-key-fob[data-cover-family="chevrolet-classic-3"]::before {inset:7% 10% 20%;border-radius:5px;background:linear-gradient(100deg,#0001,#0004)}
#animatedKeyFob.animated-key-fob[data-cover-family="cadillac-asymmetric-5"] {border-radius:12% 34% 34% 10% / 6% 18% 17% 5%;border-right-width:9px;--cover-shell:linear-gradient(105deg,#545a60,#151a1f 6%,#373e44 43%,#12171c 85%,#c7cfd3 94%,#edf0f1 98%)}
#animatedKeyFob.animated-key-fob[data-cover-family="cadillac-asymmetric-5"] #keyButtons i {border-bottom:2px solid #b5bec3!important}
#animatedKeyFob.animated-key-fob[data-cover-family^="chevrolet-pebble-"] {border-radius:36% 36% 37% 37% / 18% 18% 24% 24%;border-left-width:5px;border-right-width:5px;--cover-shell:linear-gradient(110deg,#b6c1c5,#2d353a 6%,#1b2126 15%,#343b40 44%,#10161b 85%,#a1adb4 95%)}
#animatedKeyFob.animated-key-fob[data-cover-family^="chevrolet-pebble-"] #keyButtons i {border-bottom:2px solid #adb7bd!important;border-radius:18% / 24%}
#animatedKeyFob.animated-key-fob[data-cover-brand="cadillac"] #keyButtons i[data-cover-icon="alert"],#animatedKeyFob.animated-key-fob[data-cover-brand="chevrolet"] #keyButtons i[data-cover-icon="alert"] {--cover-icon:#d27066}
#animatedKeyFob.animated-key-fob[data-cover-brand="cadillac"] .key-bottom-chrome,#animatedKeyFob.animated-key-fob[data-cover-brand="chevrolet"] .key-bottom-chrome {height:7px!important;left:26%!important;width:48%!important}
/* BYD physical-shell presentation only; PCB geometry and behavior stay separate. */
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-"] {--cover-shell:linear-gradient(110deg,#61676a,#202426 9%,#363a3c 37%,#13191d 81%,#929a9d 97%);--cover-edge:#8a9295;border-width:3px;border-radius:32% 32% 25% 25% / 17% 17% 14% 14%}
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-"] .key-badge {width:60px;height:30px}
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-"] #keyButtons i {border:1px solid #626b70!important;background:linear-gradient(130deg,#454b4e,#20272b 48%,#10171b)!important;--cover-icon:#d5dce0;box-shadow:inset 0 1px 2px #ffffff35,inset 0 -2px 2px #000b,0 2px 2px #0008;border-radius:24% / 30%}
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-"] .key-bottom-chrome {left:40%!important;width:20%!important;height:7px!important}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-rounded-black-3"]::before {inset:9% 11% 21%;border-radius:30% / 18%;background:linear-gradient(115deg,#171c1f,#353b3d 45%,#101619);box-shadow:inset 0 2px 5px #0008}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-slim-black-4"] {border-radius:33% 33% 31% 31% / 14% 14% 12% 12%}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-slim-black-4"] #keyButtons i,#animatedKeyFob.animated-key-fob[data-cover-family="byd-rect-black-4"] #keyButtons i {border-bottom:2px solid #aab2b4!important;border-radius:13% / 18%}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-rect-black-4"] {border-radius:16% / 9%;border-width:4px}
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-pearl-"] {--cover-shell:linear-gradient(110deg,#aeb3b4,#fffef4 6%,#f3f0e3 42%,#d8d5c9 83%,#fdfbf1 94%,#878f92);--cover-edge:#c2c6c5;border-width:4px}
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-pearl-"]::before {inset:9% 10% 21%;border-radius:15% / 11%;background:linear-gradient(115deg,#d8d6ca,#f2efe4);box-shadow:inset 0 2px 4px #6c6a6050}
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-pearl-"] #keyButtons i {background:linear-gradient(120deg,#fffdf2,#e4e0d5 60%,#f7f4e8)!important;border:1px solid #b6b5ac!important;--cover-icon:#676c6b;box-shadow:inset 0 1px 2px #fff,inset 0 -2px 2px #a5a49890,0 2px 2px #a4a28f80;border-radius:16% / 22%}
#animatedKeyFob.animated-key-fob[data-cover-family^="byd-pearl-rect-"] {border-radius:18% / 12%}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-pearl-oval-4"] {border-radius:44% 54% 53% 45% / 32% 45% 38% 24%;transform-origin:50% 50%}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-pearl-oval-4"]::before {inset:7% 8%;border-radius:44% 54% 53% 45% / 32% 45% 38% 24%;background:linear-gradient(115deg,#fffdf0,#e8e3d7);box-shadow:inset 0 1px 4px #fff9}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-pearl-oval-4"] #keyButtons i {border-radius:50%!important;border:3px solid #a9acab!important;background:radial-gradient(ellipse at 35% 25%,#f9f6e7,#d1ccbd 58%,#8f958f)!important;--cover-icon:#5e6965}
/* BYD completion: selectors affect only newly added physical families. */
#animatedKeyFob.animated-key-fob[data-cover-family="byd-slim-start-4"] {border-radius:33% 33% 31% 31% / 14% 14% 12% 12%}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-slim-start-4"] #keyButtons i {border-bottom:2px solid #aab2b4!important;border-radius:13% / 18%}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-card-black-0"] {border-radius:8% / 5%;--cover-shell:linear-gradient(110deg,#424649,#161c20 16%,#292f32 75%,#4b5154);border-width:2px}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-card-black-0"]::before {inset:8%;border-radius:7%;background:linear-gradient(135deg,#252c2f,#101719)}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-pearl-panel-unspecified"] {border-radius:18% / 12%}
#animatedKeyFob.animated-key-fob[data-cover-family="byd-pearl-panel-unspecified"]::before {inset:12% 17% 25%;border:2px solid #b8b5a8;border-radius:18%;background:linear-gradient(110deg,#f7f4e7,#dedaca);box-shadow:inset 0 0 0 5px #e6e1d1,inset 0 0 0 7px #beb9a9}
/* Bentley exterior-only families; no PCB geometry or workspace selectors. */
#animatedKeyFob.animated-key-fob[data-cover-brand="bentley"] {--cover-shell:linear-gradient(110deg,#c4c9cb,#6b7276 4%,#171b1d 10%,#353b3e 44%,#0d1114 88%,#bdc5c9 97%);--cover-edge:#acb4b9;border:4px solid var(--cover-edge);border-radius:26% 26% 22% 22% / 13% 13% 14% 14%}
#animatedKeyFob.animated-key-fob[data-cover-brand="bentley"]::before {inset:6% 11% 17%;border-radius:18% / 10%;background:linear-gradient(150deg,#ffffff09,#0003)}
#animatedKeyFob.animated-key-fob[data-cover-brand="bentley"] #keyButtons i {background:linear-gradient(135deg,#474d51,#262c30 50%,#161c20)!important;border:1px solid #8a959d99!important;border-bottom:2px solid #69757d!important;border-radius:18% / 26%;box-shadow:inset 0 1px 2px #dfe7ed44,0 2px 3px #000b}
#animatedKeyFob.animated-key-fob[data-cover-brand="bentley"] .key-badge {width:68px;height:36px}
#animatedKeyFob.animated-key-fob[data-cover-brand="bentley"] .key-bottom-chrome {height:9px!important;left:31%!important;width:38%!important;border-radius:4px}
#animatedKeyFob.animated-key-fob[data-cover-family="bentley-oval-3"] {border-radius:41% 41% 39% 39% / 20% 20% 24% 24%;border-left-width:7px;border-right-width:7px;--cover-shell:linear-gradient(112deg,#d3d9dc,#454c50 7%,#090f13 16%,#353b41 39%,#0c1116 85%,#c9d1d6 96%)}
#animatedKeyFob.animated-key-fob[data-cover-family="bentley-oval-3"] .key-badge {width:64px;height:34px}
#animatedKeyFob.animated-key-fob[data-cover-family="bentley-classic-4"] #keyButtons i[data-cover-icon="alert"] svg {color:#d87668}
#animatedKeyFob.animated-key-fob[data-cover-family="bentley-heritage-2"] {border-radius:26% / 17%;border:3px solid #61686c;--cover-shell:linear-gradient(118deg,#51575b,#191f23 12%,#353b3f 46%,#141a1e 90%,#525d63)}
#animatedKeyFob.animated-key-fob[data-cover-family="bentley-heritage-2"] #keyButtons i {border-radius:40% / 44%}
/* Citroen exterior-only shell presentation; no PCB/viewer selectors or geometry. */
#animatedKeyFob.animated-key-fob[data-cover-family="citroen-rounded-smart-3"] {--cover-shell:linear-gradient(104deg,#767a7b,#282d30 7%,#3d4142 35%,#1a2023 77%,#636b70);--cover-edge:#545e63;border-width:3px;border-radius:46% 46% 24% 24% / 22% 22% 12% 12%;box-shadow:inset 1px 1px 4px #fff3,inset -3px -3px 7px #000b,0 14px 28px #0008}
#animatedKeyFob.animated-key-fob[data-cover-family="citroen-rounded-smart-3"]::before {inset:8% 13% 18%;background:linear-gradient(105deg,#262d30,#41474a 28%,#20272b 76%);border-radius:40% 40% 15% 15% / 22% 22% 8% 8%;box-shadow:inset 0 1px 3px #fff2,inset 0 -2px 4px #0008}
#animatedKeyFob.animated-key-fob[data-cover-family="citroen-rounded-smart-3"] #keyButtons.is-spatial i {background:linear-gradient(130deg,#545b5e,#353d41 48%,#222b30)!important;border:1px solid #758083!important;border-radius:13% / 20%;--cover-icon:#e0e5e5;box-shadow:inset 0 1px 2px #ffffff30,inset 0 -2px 2px #12191dbf,0 3px 3px #070d11c9}
#animatedKeyFob.animated-key-fob[data-cover-family="citroen-rounded-smart-3"] #keyButtons i:first-child {border-radius:40% 40% 9% 9% / 44% 44% 13% 13%}
#animatedKeyFob.animated-key-fob[data-cover-family="citroen-rounded-smart-3"] #keyButtons i svg {width:24px!important;height:24px!important}
#animatedKeyFob.animated-key-fob[data-cover-family="citroen-rounded-smart-3"] .key-badge {width:40px;height:34px}
#animatedKeyFob.animated-key-fob[data-cover-family="citroen-rounded-smart-3"] .key-bottom-chrome {left:42%!important;width:16%!important;height:8px!important;bottom:-3px!important;border-radius:2px}
/* Scoped Acura exterior only. */
#animatedKeyFob.animated-key-fob[data-cover-family="acura-rectangular-2"]{border-radius:9% 9% 6% 6%;border-width:3px;--cover-shell:linear-gradient(100deg,#666b6b,#151b1b 8%,#333838 40%,#151a1b 92%,#6b7172);--cover-edge:#737b7c}
#animatedKeyFob.animated-key-fob[data-cover-family="acura-rectangular-2"]::before{inset:5% 8% 7%;border-radius:6%;background:linear-gradient(95deg,#191e20,#383d3e,#171b1d)}
#animatedKeyFob.animated-key-fob[data-cover-family="acura-rectangular-2"] #keyButtons.is-spatial i{background:linear-gradient(110deg,#a1a6a6,#e0e1df 45%,#949b9d)!important;border:1px solid #666f72!important;border-radius:9%!important;--cover-icon:#242c2f}
#animatedKeyFob.animated-key-fob[data-cover-family="acura-rectangular-2"] .key-badge{width:39px;height:41px}

/* Source-reviewed Nissan/Mazda exterior families; no existing family overrides. */
#animatedKeyFob.animated-key-fob[data-cover-family^="nissan-oval"]{border-radius:46% 46% 43% 43%;--cover-shell:linear-gradient(100deg,#303638,#111719 22%,#343a3b 65%,#151b1d);--cover-edge:#697174}
#animatedKeyFob.animated-key-fob[data-cover-family^="nissan-oval"]::before{inset:5% 9%;border-radius:45%}
#animatedKeyFob.animated-key-fob[data-cover-family^="nissan-oval"] #keyButtons.is-spatial i,
#animatedKeyFob.animated-key-fob[data-cover-family="nissan-rectangular-chrome-3"] #keyButtons.is-spatial i,
#animatedKeyFob.animated-key-fob[data-cover-family^="mazda-slim"] #keyButtons.is-spatial i{background:linear-gradient(110deg,#929b9d,#e2e4e2 44%,#a0aaad)!important;border:1px solid #697376!important;--cover-icon:#202a2e}
#animatedKeyFob.animated-key-fob[data-cover-family="nissan-rectangular-chrome-3"]{border-radius:17% 17% 12% 12%;border-left:5px solid #b1babc;border-right:5px solid #b1babc}
#animatedKeyFob.animated-key-fob[data-cover-family="nissan-notched-slab-3"]{border-radius:8% 19% 7% 7%}
#animatedKeyFob.animated-key-fob[data-cover-family^="mazda-slim"]{border-radius:19% 19% 13% 13%;--cover-shell:linear-gradient(100deg,#444b4d,#161c1e 15%,#333a3c 70%,#171d1f)}
#animatedKeyFob.animated-key-fob[data-cover-family^="mazda-slim"]::before{inset:5% 8%;border-radius:15%}
#animatedKeyFob.animated-key-fob[data-cover-family="mazda-side-slab-3"],
#animatedKeyFob.animated-key-fob[data-cover-family="mazda-rear-slab-2"]{border-radius:12%}
#animatedKeyFob.animated-key-fob[data-cover-family="mazda-offset-head-4"]{border-radius:20% 9% 10% 10%}

/* New batch families only; decorative cover controls are not PCB coordinates. */
#animatedKeyFob.animated-key-fob[data-cover-family^="suzuki-"]{border-radius:39% 39% 30% 30%;--cover-shell:linear-gradient(110deg,#42484a,#161c1e 20%,#30383a 76%,#101719)}
#animatedKeyFob.animated-key-fob[data-cover-family^="suzuki-silver"] #keyButtons.is-spatial i{background:linear-gradient(100deg,#98a1a4,#dce0df 48%,#929da0)!important;--cover-icon:#20292d}
#animatedKeyFob.animated-key-fob[data-cover-family="suzuki-black-three"] #keyButtons.is-spatial i:last-child{background:linear-gradient(#ba363d,#741a23)!important}
#animatedKeyFob.animated-key-fob[data-cover-family="smart-round-three"]{border-radius:50%;--cover-shell:radial-gradient(ellipse at 35% 25%,#454d4d,#141b1e 70%)}
#animatedKeyFob.animated-key-fob[data-cover-family="smart-round-three"]::before{inset:8%;border-radius:50%}
#animatedKeyFob.animated-key-fob[data-cover-family^="renault-card"]{border-radius:8% 8% 6% 6%;--cover-shell:linear-gradient(115deg,#41494b,#141c1e 50%,#303839)}
#animatedKeyFob.animated-key-fob[data-cover-family^="renault-card"]::before{inset:4% 6%;border-radius:6%}
#animatedKeyFob.animated-key-fob[data-cover-family="renault-card-three"] #keyButtons.is-spatial i,
#animatedKeyFob.animated-key-fob[data-cover-family="renault-card-four-diagonal"] #keyButtons.is-spatial i{border-radius:50%!important}
