/* The signature keeps its fixed hit area; only the four soft strips move. */
.profile-signature[data-home-play]{position:relative;display:block;flex:none;box-sizing:border-box;width:96px;height:96px;min-width:0;margin:0;padding:0;border:0;border-radius:16px;background:transparent;color:inherit;opacity:1;appearance:none;-webkit-appearance:none;transform:none;overflow:hidden;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.profile-signature[data-home-play]:disabled{background:transparent;color:inherit;opacity:1;cursor:default}
.profile-signature[data-home-play]:enabled{cursor:grab!important}
.profile-signature[data-home-play][data-home-dragging]{cursor:grabbing!important}
.profile-signature[data-home-play]:enabled:focus-visible{outline:2px solid var(--blue,#30527b);outline-offset:3px}
.profile-signature[data-home-play]>i{position:absolute;display:block;bottom:18%;left:30%;width:10.5%;height:46%;margin:0;border:0;border-radius:999px;background:var(--blue,#30527b);box-shadow:0 3px 5px rgba(30,35,30,.08);transform-origin:50% calc(100% - 4px);transform:translateX(-50%) rotate(-12deg);pointer-events:none;transition:none}
.profile-signature[data-home-play]>i:nth-child(2){left:43.5%;height:64%;background:var(--red,#cc2445);transform:translateX(-50%) rotate(-4deg)}
.profile-signature[data-home-play]>i:nth-child(3){left:57%;height:57%;background:var(--orange,#e7682f);transform:translateX(-50%) rotate(5deg)}
.profile-signature[data-home-play]>i:nth-child(4){left:70%;height:40%;background:var(--gold,#d3a84e);transform:translateX(-50%) rotate(14deg)}
.profile-signature[data-home-play][data-home-moving]>i,.site-footer .color-mark[data-home-echo-moving]>i{will-change:transform}
.site-footer .color-mark{display:flex;align-items:center;gap:3px;height:8px}
.site-footer .color-mark>i{display:block;width:14px;height:5px;border-radius:999px;background:var(--blue,#30527b);transform-origin:center;transform:rotate(-6deg);transition:none}
.site-footer .color-mark>i:nth-child(2){width:17px;background:var(--red,#cc2445);transform:rotate(3deg)}
.site-footer .color-mark>i:nth-child(3){width:15px;background:var(--orange,#e7682f);transform:rotate(-2deg)}
.site-footer .color-mark>i:nth-child(4){width:12px;background:var(--gold,#d3a84e);transform:rotate(7deg)}
@media(max-width:700px){
  .profile-signature[data-home-play]{width:52px;height:64px;border-radius:10px}
  .profile-signature[data-home-play]>i{height:44%;width:11.5%}
  .profile-signature[data-home-play]>i:nth-child(2){height:58%}
  .profile-signature[data-home-play]>i:nth-child(3){height:52%}
  .profile-signature[data-home-play]>i:nth-child(4){height:37%}
}
@media(max-width:360px){
  .profile-signature[data-home-play]{width:44px;height:56px;border-radius:8px}
  .profile-signature[data-home-play]>i{height:43%}
  .profile-signature[data-home-play]>i:nth-child(2){height:56%}
  .profile-signature[data-home-play]>i:nth-child(3){height:50%}
  .profile-signature[data-home-play]>i:nth-child(4){height:36%}
}