.gpdr-banner,
.gpdr-dialog {
    box-sizing: border-box;
    color-scheme: dark;
    background: #171512;
    color: #fff4dd;
    text-align: center;
    font: 16px/1.5 system-ui, sans-serif;
}
.gpdr-banner {
    position: fixed;
    z-index: 99997;
    inset: auto 12px 64px;
    width: fit-content;
    max-width: calc(100% - 24px);
    margin-inline: auto;
    padding: 10px 14px;
    border: 1px solid #e8bf67;
    border-radius: 10px;
}
.gpdr-banner span { margin-inline-end: 10px; }
.gpdr-dialog {
    width: min(620px, calc(100% - 24px));
    max-height: min(90vh, calc(100% - 24px));
    padding: clamp(16px, 4vw, 32px);
    overflow: auto;
    border: 1px solid #e8bf67;
    border-radius: 16px;
    margin: auto;
}
.gpdr-dialog::backdrop { background: #000b; }
.gpdr-dialog h2 {
    margin: 0;
    color: #ffe08c;
    font: 800 clamp(24px, 5vw, 38px)/1.15 system-ui, sans-serif;
}
.gpdr-dialog > p:first-of-type { color: #ffe08c; font-size: 1.25rem; font-weight: 800; }
.gpdr-dialog :is(p, div, td, th, li) { text-align: center !important; }
.gpdr-dialog table { width: 100%; max-width: 100%; border-collapse: collapse; }
.gpdr-dialog :is(th,td) { padding: 7px 4px; color: inherit; background: transparent; border-bottom: 1px solid #78643c; }
.gpdr-dialog a[href] { color: #ffe08c !important; background: #211b12; text-decoration: underline; }
.gpdr-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.gpdr-actions a, .gpdr-dialog button, .gpdr-banner button {
    display: inline-block;
    padding: 9px 12px;
    border: 1px solid #ffe08c;
    border-radius: 6px;
    background: #ffe08c;
    color: #171512;
    font: 700 16px/1.3 system-ui, sans-serif;
    cursor: pointer;
}
.gpdr-dialog :focus-visible, .gpdr-banner :focus-visible { outline: 2px solid #fff4dd; outline-offset: 3px; }

.gpdr-actions a[href] { background: #211b12; color: #ffe08c !important; }