#ba-privacy-banner { position: fixed; z-index: 100; bottom: max(16px, env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: min(620px, calc(100% - 24px)); max-height: 75dvh; overflow: auto; background: #fffdf6; color: #141414; border: 3px solid #141414; border-radius: 14px; padding: 16px; box-shadow: 0 5px 0 #141414; font: 14px/1.7 system-ui, sans-serif; text-align: left; }
#ba-privacy-banner[hidden] { display: none; }
#ba-privacy-banner p { margin: 0 0 12px; }
#ba-privacy-banner a { color: #193d88; text-decoration: underline; }
#ba-privacy-banner > div { display: flex; gap: 12px; }
#ba-privacy-banner button { flex: 1; border: 2px solid #141414; border-radius: 8px; padding: 10px 12px; background: #fff; color: #141414; font: bold 14px system-ui, sans-serif; cursor: pointer; min-height: 44px; }
#ba-privacy-banner button[data-choice="yes"] { background: #ffd23f; }
#ba-privacy-links { position: fixed; z-index: 4; top: max(6px, env(safe-area-inset-top)); right: max(8px, env(safe-area-inset-right)); display: flex; gap: 12px; border-radius: 8px; background: #0b1026df; padding: 6px 10px; font: 12px/1.5 system-ui, sans-serif; }
#ba-privacy-links a, #ba-privacy-links button { color: white; text-decoration: underline; font: inherit; border: 0; background: transparent; padding: 2px; cursor: pointer; }
body:has(#ui) #ba-privacy-links { display: none; }
body:has(#title.on) #ba-privacy-links, body:has(#settings.on) #ba-privacy-links { display: flex; }