.community-agreement-dialog{box-sizing:border-box;color:#f8f0e9;background:linear-gradient(145deg,#251432,#100812);border:1px solid #ffd05b88;border-radius:24px;width:min(620px,100vw - 28px);max-height:calc(100dvh - 36px);padding:clamp(22px,4vw,38px);overflow:auto;box-shadow:0 24px 100px #000b}.community-agreement-dialog[data-open=false],.community-agreement-fallback[hidden]{display:none}.community-agreement-fallback{z-index:2147483000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08040cd9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.community-agreement-fallback-panel{margin:0;position:relative}.community-agreement-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08040cd9}.community-agreement-dialog h2{margin:12px 0;font-family:Georgia,serif;font-size:clamp(30px,6vw,42px);font-weight:400;line-height:1.12}.community-agreement-dialog h2 em,.community-agreement-dialog a{color:#ffd05b}.community-agreement-dialog p{line-height:1.65}.community-agreement-dialog .kicker{color:#ffd05b;letter-spacing:.15em;font-size:11px}.community-agreement-choices{gap:16px;margin:24px 0;display:grid}.community-agreement-choices label{align-items:flex-start;gap:12px;line-height:1.6;display:flex}.community-agreement-choices input{accent-color:#ffc83d;flex:none;width:19px;height:19px;margin-top:5px}.community-agreement-dialog a{text-underline-offset:3px;text-decoration:underline}.community-agreement-note{color:#d0c0d6;font-size:13px}.community-agreement-status{color:#ffe2ab}.community-agreement-dialog footer{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.community-agreement-dialog button{font:inherit;cursor:pointer;color:#fff2d2;background:#26182d;border:1px solid #ffd05b88;border-radius:12px;min-height:44px;padding:12px 16px}.community-agreement-dialog button[type=submit]{color:#211013;background:#ffce50;font-weight:700}.community-agreement-dialog button:disabled{opacity:.55;cursor:default}.community-agreement-dialog :focus{outline-offset:4px;outline:3px solid #ffe799}.community-agreement-dialog :focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){.community-agreement-dialog,.community-agreement-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
