/* ===== Chim Lạc vẽ bằng Fourier thay logo gốc + chữ CITY of CHORDS khối nổi 3D · MacBook =====
   Canvas chim nằm đúng chỗ logo cũ (rộng thêm 44px mỗi bên để các vòng tròn không bị cắt), không nhận chuột.
   Chữ: 4 lớp thân dày + viền sáng + bóng đổ nhẹ; đứng yên thì thẳng, rê chuột nghiêng nhẹ cùng chim (biến do JS đặt).
   Chỉ màu sẵn có: Paper thân dày #31535a (panel-border), CRT thân dày #cfb978 (ivory-shadow). */
body.coc-bird-on:not(.coc-compact) .app-masthead::before{visibility:hidden}
body:not(.coc-compact) .app-masthead > .coc-bird{position:absolute;z-index:1;pointer-events:none;display:block;transform-origin:50% 52%;will-change:transform}
body.coc-compact .app-masthead > .coc-bird{display:none}

body:not(.coc-compact) h1.brand-title{
  --side:#31535a; --cast:rgba(79,51,29,.26); --rim:rgba(255,248,227,.55);
  transform:perspective(900px) rotateX(calc(var(--tilt-x,0) * 1deg)) rotateY(calc(var(--tilt-y,0) * 1deg));
  transform-origin:32% 60%; will-change:transform;
  text-shadow:
    -1px -1px 0 var(--rim),
    calc(var(--ex,.55) * 1px) calc(var(--ey,.7) * 1px) 0 var(--side),
    calc(var(--ex,.55) * 2px) calc(var(--ey,.7) * 2px) 0 var(--side),
    calc(var(--ex,.55) * 3px) calc(var(--ey,.7) * 3px) 0 var(--side),
    calc(var(--ex,.55) * 4px) calc(var(--ey,.7) * 4px) 0 var(--side),
    calc(var(--ex,.55) * 4px + 2px) calc(var(--ey,.7) * 4px + 5px) 10px var(--cast);
}
body.dark:not(.coc-compact) h1.brand-title{--side:#cfb978; --cast:rgba(4,24,29,.45); --rim:rgba(255,255,255,.55)}
body:not(.coc-compact) .brand-title .version-badge{
  text-shadow:none;
  box-shadow:calc(var(--ex,.55) * 1px) calc(var(--ey,.7) * 1px) 0 var(--side),calc(var(--ex,.55) * 2px) calc(var(--ey,.7) * 2px) 0 var(--side),calc(var(--ex,.55) * 2px + 1px) calc(var(--ey,.7) * 2px + 3px) 6px var(--cast);
}
@media (prefers-reduced-motion:reduce){ body:not(.coc-compact) h1.brand-title{will-change:auto} }
@media print{
  body.coc-bird-on .app-masthead::before{visibility:visible} .coc-bird{display:none}
  h1.brand-title{text-shadow:none!important;transform:none!important}
}