.public-match-consent-overlay {
    position: fixed;
    inset: 0;
    z-index: 50000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(5, 10, 22, .86);
    color: #f3f6fc;
    box-sizing: border-box;
}
.public-match-consent-dialog {
    width: min(100%, 690px);
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 24px;
    background: #182338;
    border: 1px solid #6e85a8;
    border-radius: 14px;
    box-shadow: 0 18px 70px #0009;
    line-height: 1.65;
    text-align: left;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 14px;
}
.public-match-consent-dialog h2 { margin: 0 0 16px; font-size: 23px; }
.public-match-consent-dialog h3 { margin: 0 0 8px; font-size: 17px; color: #ffda91; }
.public-match-consent-dialog p { margin: 8px 0; }
.public-match-consent-summary { padding: 14px; background: #0d1728; border-radius: 8px; }
.public-match-consent-links { display: flex; flex-wrap: wrap; gap: 10px; }
.public-match-consent-dialog a { color: #9fd5ff; text-decoration: underline; }
.public-match-consent-form { display: grid; gap: 10px; margin-top: 16px; }
.public-match-consent-check { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; padding: 7px 0; }
.public-match-consent-check input { flex: 0 0 20px; width: 20px; height: 20px; margin: 2px 0 0; accent-color: #65b5ff; }
.public-match-consent-status { min-height: 1.6em; color: #ffcf9d; }
.public-match-consent-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.public-match-consent-actions button { font: inherit; padding: 10px 16px; border: 1px solid #8b9bb4; border-radius: 7px; cursor: pointer; color: #f7f9ff; background: #303f59; }
.public-match-consent-actions .public-match-consent-accept { background: #21588c; border-color: #85c9ff; }
.public-match-consent-actions button:disabled { opacity: .5; cursor: not-allowed; }
.public-match-consent-actions button[hidden] { display: none; }
.public-match-consent-dialog :focus-visible { outline: 3px solid #ffe59c; outline-offset: 3px; }
@media (max-width: 600px), (max-height: 600px) {
    .public-match-consent-overlay { padding: 10px; }
    .public-match-consent-dialog { padding: 16px; max-height: calc(100dvh - 20px); font-size: 13px; }
    .public-match-consent-dialog h2 { font-size: 20px; }
    .public-match-consent-actions button { flex: 1 1 160px; }
}