/* Island Car Log — Edit Car bonnet / mechanic transition v4 */
#editCarBonnetTransition{
  position:fixed;
  inset:0;
  z-index:5250;
  display:none;
  place-items:center;
  overflow:hidden;
  background:rgba(4,12,24,.60);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  touch-action:none;
}
#editCarBonnetTransition.ecb-active{display:grid}
#editCarBonnetTransition .ecb-stage{
  position:relative;
  width:min(780px,96vw);
  height:min(440px,69vw);
  min-height:305px;
  pointer-events:none;
}
#editCarBonnetTransition .ecb-floor{
  position:absolute;
  left:2%;
  right:2%;
  bottom:7%;
  height:29%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(111,146,164,.30),rgba(18,29,38,.08) 56%,transparent 75%);
}
#editCarBonnetTransition .ecb-glow{
  position:absolute;
  left:5%;
  bottom:8%;
  width:72%;
  height:23%;
  border-radius:50%;
  background:rgba(77,168,239,.16);
  filter:blur(20px);
}
#editCarBonnetTransition .ecb-scene{
  position:absolute;
  left:50%;
  bottom:11%;
  width:min(725px,95vw);
  transform:translateX(-50%);
  filter:drop-shadow(0 16px 14px rgba(0,0,0,.42));
}
#editCarBonnetTransition .ecb-scene-svg{display:block;width:100%;height:auto;overflow:visible}

/* More natural side-profile car */
#editCarBonnetTransition .ecb-body{fill:#1677d2}
#editCarBonnetTransition .ecb-body-hi{fill:#3190e5}
#editCarBonnetTransition .ecb-body-shade{fill:#0f5fa9;opacity:.50}
#editCarBonnetTransition .ecb-window{fill:#b9d9eb}
#editCarBonnetTransition .ecb-window-shade{fill:#89b5ce;opacity:.45}
#editCarBonnetTransition .ecb-trim{
  fill:none;
  stroke:rgba(8,34,53,.58);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#editCarBonnetTransition .ecb-door-line{
  fill:none;
  stroke:rgba(7,43,72,.42);
  stroke-width:1.8;
}
#editCarBonnetTransition .ecb-handle{fill:#d7e3ea;opacity:.82}
#editCarBonnetTransition .ecb-mirror{fill:#1268b7}
#editCarBonnetTransition .ecb-engine-bay{fill:#16222a}
#editCarBonnetTransition .ecb-engine-cover{fill:#364650}
#editCarBonnetTransition .ecb-engine-detail{stroke:#8a9ba5;stroke-width:4;stroke-linecap:round;opacity:.82}
#editCarBonnetTransition .ecb-tyre{fill:#10161a}
#editCarBonnetTransition .ecb-wheel{fill:#8797a2}
#editCarBonnetTransition .ecb-wheel-inner{fill:#57656e}
#editCarBonnetTransition .ecb-hub{fill:#dfe8ed}
#editCarBonnetTransition .ecb-light{fill:#fff0a8}
#editCarBonnetTransition .ecb-rear-light{fill:#d74646}
#editCarBonnetTransition .ecb-hood-main{fill:#1677d2}
#editCarBonnetTransition .ecb-hood-hi{fill:#3190e5;opacity:.76}
#editCarBonnetTransition .ecb-hood-edge{fill:none;stroke:rgba(5,31,55,.48);stroke-width:2}
#editCarBonnetTransition .ecb-hinge{fill:#0e1820}
#editCarBonnetTransition .ecb-hood{
  transform-box:view-box;
  transform-origin:0 0;
  will-change:transform;
}

/* Side-on mechanic */
#editCarBonnetTransition .ecb-mechanic{will-change:transform,opacity}
#editCarBonnetTransition .ecb-mech-skin{fill:#d6a47a}
#editCarBonnetTransition .ecb-mech-hair{fill:#292f34}
#editCarBonnetTransition .ecb-mech-cap{fill:#163c61}
#editCarBonnetTransition .ecb-mech-cap-brim{fill:#0f2e4c}
#editCarBonnetTransition .ecb-mech-coveralls{fill:#245783}
#editCarBonnetTransition .ecb-mech-coveralls-dark{fill:#173a59}
#editCarBonnetTransition .ecb-mech-shirt{fill:#cbd4d9}
#editCarBonnetTransition .ecb-mech-boot{fill:#10171c}
#editCarBonnetTransition .ecb-mech-glove{fill:#26343d}
#editCarBonnetTransition .ecb-mech-patch{fill:#f1f4f6}
#editCarBonnetTransition .ecb-mech-patch-line{
  fill:none;stroke:#245783;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round
}
#editCarBonnetTransition .ecb-mech-arm-outline{
  stroke:#12212b;
  stroke-width:21;
  stroke-linecap:round;
  opacity:.72;
}
#editCarBonnetTransition .ecb-mech-arm-upper,
#editCarBonnetTransition .ecb-mech-arm-fore{
  stroke:#245783;
  stroke-width:15;
  stroke-linecap:round;
}
#editCarBonnetTransition .ecb-mech-arm-fore{stroke:#1e496f}
#editCarBonnetTransition .ecb-mech-hand{
  fill:#26343d;
  stroke:#13202a;
  stroke-width:2;
}
#editCarBonnetTransition .ecb-mech-cuff{fill:#163a59}
#editCarBonnetTransition .ecb-mech-back-arm{
  fill:none;
  stroke:#173a59;
  stroke-width:13;
  stroke-linecap:round;
}
#editCarBonnetTransition .ecb-mech-belt{fill:#222b31}
#editCarBonnetTransition .ecb-mech-buckle{fill:#b6c0c6}
#editCarBonnetTransition .ecb-mech-pouch{fill:#5c432d;stroke:#352619;stroke-width:1.5}
#editCarBonnetTransition .ecb-mech-tool{
  fill:none;stroke:#c5d0d5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round
}
#editCarBonnetTransition .ecb-mech-tool-accent{fill:#d9a63f}
#editCarBonnetTransition .ecb-status{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  margin:0;
  width:max-content;
  max-width:90vw;
  color:rgba(255,255,255,.90);
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.44);
  opacity:0;
}
@media(max-width:560px){
  #editCarBonnetTransition .ecb-stage{width:98vw;height:325px;min-height:0}
  #editCarBonnetTransition .ecb-scene{width:98vw;bottom:16%}
  #editCarBonnetTransition .ecb-status{font-size:10px;bottom:1%}
}
@media(prefers-reduced-motion:reduce){
  #editCarBonnetTransition{backdrop-filter:none;-webkit-backdrop-filter:none}
}