html body dialog.grantNotice{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;text-align:center;background:linear-gradient(155deg,#0b213b,#0c172c);color:#91d3ff;border:2px solid #469df3;border-radius:24px;padding:clamp(18px,3vh,28px);box-shadow:0 24px 80px #0008,0 0 30px #1689ff26}
html body dialog.grantNotice::backdrop{background:#030b18b3}
html body dialog.grantNotice .grantNoticeCoin{display:block;object-fit:contain;width:84px;height:84px;margin:0 auto;background:transparent;border:0;border-radius:0;filter:drop-shadow(0 4px 12px #1689ff55)}
html body dialog.grantNotice h2{font-size:clamp(23px,4vw,29px);line-height:1.2;margin:14px 0;color:#79c8ff}
html body dialog.grantNotice>strong{font-size:clamp(24px,5vw,36px);line-height:1.2;color:#83d1ff;display:block;overflow-wrap:anywhere}
html body dialog.grantNotice p{font-size:16px;line-height:1.45;color:#a2d9ff;overflow-wrap:anywhere;margin:14px 0}
html body dialog.grantNotice button{min-height:48px;font-size:18px;padding:10px 30px;border-radius:14px;background:#dff3ff!important;color:#075fa4!important;border:1px solid #92d4ff;font-weight:800}
html body dialog.grantNotice .grantNoticeStatus:empty{display:none}
@media(max-height:500px) and (orientation:landscape){html body dialog.grantNotice .grantNoticeCoin{width:60px;height:60px}html body dialog.grantNotice h2{margin:8px 0}html body dialog.grantNotice p{margin:8px 0}}

/* Keep the blue label readable over the site's shared button hover styles. */
html body #grantNoticeDialog#grantNoticeDialog button:hover{background:#c5e9ff!important;color:#075fa4!important}