.match-notifications{position:fixed;right:22px;bottom:22px;z-index:2000;display:grid;gap:12px;max-height:70vh;overflow:auto;width:350px;max-width:calc(100vw - 32px);pointer-events:none;font-family:Arial,sans-serif}
.match-notification{position:relative;background:#122238;color:#e7edf7;border:1px solid #c5a469;border-radius:10px;padding:22px;box-shadow:0 12px 40px #0008;pointer-events:auto;text-align:left}
.match-notification strong{display:block;font-size:17px;padding-right:20px;color:#f0d8a8}
.match-notification p{font-size:14px;line-height:1.6;margin:10px 0 16px;color:#becbdd;overflow-wrap:anywhere}
.match-notification a{display:inline-block;background:#dcc08a;color:#17202a;border-radius:5px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none}
.match-notification .match-notification-close{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#bbc9dc;cursor:pointer;width:30px;height:30px;font-size:23px}
@media(max-width:600px){.match-notifications{right:16px;bottom:16px}}
.match-notifications[popover]{top:auto;left:auto;margin:0;padding:0;border:0;background:transparent;color:inherit}