/* Neutral steel, ember accents; pink remains only in the brand artwork. */
.unbound-reveal { background: radial-gradient(ellipse at 50% 48%, #24283055, transparent 65%); }
.break-flash { background: #ffe7bd; }
.chain-bottom { bottom: 95px; }
.audio-controls { position: fixed; z-index: 1200; right: 22px; bottom: 20px; display: flex; align-items: center; gap: 0; background: #101113ee; border: 1px solid #777c80; box-shadow: 4px 4px 0 #0009; backdrop-filter: blur(8px); }
.audio-controls button { min-height: 44px; padding: 10px 13px; background: transparent; border: 0; color: #eeeae0; font: 700 12px/1 var(--font); letter-spacing: .06em; cursor: pointer; }
.audio-controls button + button { border-left: 1px solid #45494d; }
.audio-controls button[aria-pressed=true]:not(:disabled) { color: #d5ff3f; }
.audio-controls button:disabled { opacity: .45; cursor: default; }
#soundToggle { display: flex; align-items: center; gap: 9px; }
.audio-bars { display: flex; align-items: center; gap: 3px; height: 17px; }
.audio-bars i { width: 2px; height: 3px; background: currentColor; }
[aria-pressed=true] .audio-bars i { height: 13px; }
[aria-pressed=true] .audio-bars i:nth-child(2) { height: 7px; }
[aria-pressed=true] .audio-bars i:nth-child(3) { height: 17px; }
.audio-volume { display: flex; align-items: center; gap: 6px; padding: 0 10px; border-left: 1px solid #45494d; font-size: 12px; }
.audio-volume input { width: 55px; accent-color: #d5ff3f; }
.cursor-dot { width: 19px; height: 30px; transform: translate(-3px, -2px); }
.cursor-dot::before { border: 0; background: #f5f0df; clip-path: polygon(36% 0,100% 0,64% 36%,100% 36%,4% 100%,33% 54%,0 54%); transform: none; z-index: 1; }
.cursor-dot::after { inset: 0; background: #ff842a; clip-path: polygon(36% 0,100% 0,64% 36%,100% 36%,4% 100%,33% 54%,0 54%); transform: translate(2px, 2px); }
.cursor-dot.hover { width: 19px; height: 30px; }
.cursor-dot.hover::before { transform: rotate(-12deg) scale(1.15); background: #d5ff3f; }
.cursor-dot.pressed::before { transform: rotate(10deg) scale(.8); }
.cursor-label { top: 9px; left: 28px; }
#cursorTrail { position: fixed; inset: 0; z-index: 9998; pointer-events: none; width: 100%; height: 100%; }
@media (max-width: 720px) {
  .audio-controls { bottom: 12px; right: 12px; }
  .audio-controls button { padding: 10px; }
  .audio-volume { padding-inline: 7px; }
  .audio-volume input { width: 42px; }
  .chain-bottom { bottom: 83px; }
}
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  #cursorTrail { display: none; }
}