.black5-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.76);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.black5-overlay.black5-visible{opacity:1;visibility:visible;pointer-events:auto}
.black5-modal{box-sizing:border-box;position:relative;width:min(100%,430px);max-height:calc(100vh - 36px);overflow:auto;padding:38px 30px 27px;text-align:center;color:#fff;background:radial-gradient(ellipse at 50% 0%,rgba(194,147,55,.20),transparent 48%),linear-gradient(145deg,#1d1d1d,#080808 75%);border:1px solid rgba(218,178,94,.75);border-radius:16px;box-shadow:0 22px 80px rgba(0,0,0,.55);font-family:inherit;transform:translateY(14px) scale(.98);transition:transform .25s ease}
.black5-visible .black5-modal{transform:translateY(0) scale(1)}
.black5-close{position:absolute;top:9px;right:13px;width:34px;height:34px;padding:0;border:0;background:transparent;color:#ddd;font-size:30px;line-height:1;cursor:pointer}
.black5-label{display:inline-block;padding:7px 15px;color:#17120a;background:#d9b15f;border-radius:3px;font-size:12px;font-weight:900;letter-spacing:3px}
.black5-extra{margin-top:19px;color:#fff;font-size:clamp(43px,11vw,58px);line-height:1;font-weight:900;letter-spacing:-2px}
.black5-extra span{color:#e8c477}
.black5-subtitle{margin-top:8px;color:#e8c477;font-size:13px;font-weight:800;letter-spacing:2px}
.black5-divider{display:flex;align-items:center;gap:12px;margin:23px 0 17px;color:#d9b15f}
.black5-divider:before,.black5-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#98763b)}
.black5-divider:after{transform:rotate(180deg)}
.black5-modal h2{margin:0 0 10px;color:#fff;font-size:24px;line-height:1.2;font-weight:800}
.black5-description{margin:0 auto 19px;max-width:330px;color:#ddd;font-size:15px;line-height:1.55}
.black5-description strong{color:#f0ce86}
.black5-code-wrap{margin:0 auto 13px;padding:13px;border:1px dashed #d9b15f;border-radius:8px;background:rgba(255,255,255,.045)}
.black5-code{color:#f0ce86;font-size:31px;font-weight:900;letter-spacing:5px}
.black5-copy{display:block;width:100%;padding:15px 18px;border:0;border-radius:7px;background:linear-gradient(135deg,#f0d18d,#c99b45);color:#17120a;font-size:14px;font-weight:900;letter-spacing:1.2px;cursor:pointer}
.black5-copy:hover{filter:brightness(1.08);transform:translateY(-1px)}
.black5-copy:focus-visible,.black5-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.black5-note{min-height:20px;margin:12px 0 0;color:#ddd;font-size:13px}
.black5-footnote{margin:12px 0 0;color:#999;font-size:11px}
@media(max-width:480px){.black5-modal{padding:34px 22px 23px}.black5-modal h2{font-size:21px}.black5-description{font-size:14px}}