/* Cookie controls only; no changes to the cloud player, forms or site layout. */
.phone-privacy { font-family: inherit; color: #eef6ff; font-size: 1rem; line-height: 1.55; }
.phone-privacy [hidden] { display: none !important; }
.phone-privacy-banner { position: fixed; z-index: 10000; inset: 0; width: calc(100% - 32px); max-width: 460px; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain; margin: auto; padding: 24px; border: 1px solid #4670a9; border-radius: 20px; background: #08172e; color: #eef6ff; box-shadow: 0 18px 64px #0008; font-family: inherit; line-height: 1.55; }
.phone-privacy-banner[open] { display: grid; grid-template-columns: minmax(0,1fr); gap: 20px; }
.phone-privacy-banner::backdrop { background: #020918b3; backdrop-filter: blur(3px); }
.phone-privacy-banner h2 { margin: 0 0 12px; font-size: 1.25rem; line-height: 1.4; letter-spacing: normal; color: #fff; }
.phone-privacy-banner p { margin: 0; font-size: 1rem; color: #d2e0f3; }
.phone-privacy-banner a { color: #8cecff; text-decoration: underline; text-underline-offset: 3px; }
.phone-privacy-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.phone-privacy button { min-height: 46px; padding: 11px 16px; border: 1px solid #89caea; border-radius: 12px; background: #123250; color: #f6fbff; font-family: inherit; font-size: 1rem; font-weight: 700; line-height: 1.4; cursor: pointer; white-space: normal; }
.phone-privacy button:hover { background: #1a486d; }
.phone-privacy button:focus-visible, .phone-privacy a:focus-visible { outline: 3px solid #61e2ff; outline-offset: 3px; }
.phone-privacy .phone-privacy-settings { position: fixed; z-index: 90; bottom: 16px; left: 16px; min-height: 44px; padding: 9px 12px; font-size: .8125rem; box-shadow: 0 4px 18px #0005; }
.phone-privacy #phone-privacy-status:empty { display: none; }
.phone-privacy #phone-privacy-status { margin-top: 12px; color: #ffe4aa; font-size: .875rem; }
@media (max-width: 380px) {
  .phone-privacy-banner { width: calc(100% - 24px); padding: 20px; border-radius: 16px; }
}
@media (max-width: 650px) {
  .ig-campaign ~ .phone-privacy .phone-privacy-settings { bottom: calc(78px + env(safe-area-inset-bottom, 0px)); }
}
.phone-privacy-banner .phone-privacy-detail { margin-top: 12px; font-size: .875rem; color: #adbed5; }