.site-notice{position:fixed;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:36px 32px 28px;overflow:auto;border:1px solid #292929;border-radius:18px;background:#0d0d0d;color:var(--text);box-shadow:0 24px 90px #0008}
.site-notice[open]{animation:notice-enter .25s cubic-bezier(.22,1,.36,1)}
.site-notice::backdrop{background:#000c;backdrop-filter:blur(6px);animation:notice-backdrop .25s ease}
.notice-close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:8px;color:#8b8b8b;font-size:23px;line-height:1;transition:color .2s,background .2s}
.notice-close:hover{color:var(--text);background:#1b1b1b}
.notice-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 23px;border:1px solid #2aae7f40;border-radius:13px;background:#14251c}
.notice-icon img{width:23px;height:23px;filter:invert(64%) sepia(38%) saturate(662%) hue-rotate(108deg) brightness(91%) contrast(88%)}
.site-notice h2{margin:0;text-align:center;font-size:23px;font-weight:600;letter-spacing:-.7px;line-height:1.3}
.site-notice h2:focus{outline:none}
.notice-kicker{text-align:center;color:var(--muted);font-size:10px;font-weight:500;margin:10px 0 24px}
.notice-copy{padding:21px;border:1px solid var(--border);border-radius:12px;background:#111}
.notice-copy p{font-size:12px;line-height:1.8;color:var(--label);margin:0}
.notice-copy p+p{margin-top:17px}
.notice-copy strong{font-weight:500;color:#eeeeee}
.notice-copy .notice-term{color:#6dcca7}
.notice-copy a{color:#6dcca7;text-decoration:underline;text-decoration-color:#2aae7f66;text-underline-offset:3px}
.notice-copy a:hover{color:#9de8ca}
.notice-continue{display:block;width:100%;margin-top:21px;padding:14px 18px;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#06170f;font-size:12px;font-weight:600;transition:background .2s}
.notice-continue:hover{background:var(--accent-hover)}
.notice-footnote{margin:16px 0 0;text-align:center;font-size:9px;line-height:1.8;color:#929292}
.footer-links{flex-wrap:wrap;row-gap:12px}
.footer-links button{font:inherit;color:inherit;padding:0;text-align:left}
.footer-links button:hover{color:var(--accent)}
@keyframes notice-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes notice-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:767px){.site-notice{padding:29px 21px 23px;max-height:calc(100dvh - 28px)}.notice-icon{margin-bottom:19px}.site-notice h2{font-size:21px}.notice-kicker{margin-bottom:20px}.notice-copy{padding:17px}.notice-copy p{font-size:11px}.notice-footnote{font-size:9px}}