.notification-popover.notification-cards{background:#050606;border-radius:24px;width:min(460px,100vw - 28px);animation:.32s cubic-bezier(.2,1.3,.4,1) n3-in;box-shadow:inset 0 0 0 1px #1d2026,0 40px 100px -20px #000}@keyframes n3-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}}.notification-cards .notification-popover-header{background:radial-gradient(80% 120% at 0 0,#c7f93e33,#0000 70%);justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.notification-cards .notification-popover-header>div:first-child{grid-template-columns:auto auto;align-items:baseline;column-gap:10px;display:grid}.notification-cards .notification-popover-header p{letter-spacing:-.03em;text-transform:lowercase;margin:0;font-size:22px;font-weight:950}.notification-cards .notification-popover-header p:first-letter{text-transform:uppercase}.notification-cards .notification-popover-header span{color:var(--lime);letter-spacing:.6px;font-size:12px;font-weight:950}.notification-cards .notification-popover-actions{align-items:center;gap:8px;display:flex}.notification-cards .notification-popover-actions button:not(.notification-close){background:var(--lime);color:#08090b;letter-spacing:1px;border:0;border-radius:10px;height:34px;padding:0 14px;font-size:10px;font-weight:950;box-shadow:0 8px 20px -8px #c7f93eb3}.notification-cards .notification-popover-actions button:not(.notification-close):hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.notification-cards .notification-close{background:#12141a;border:0;border-radius:12px;place-items:center;width:38px;height:38px;font-size:24px}.notification-cards .notification-error{color:#ff8394;background:#1a0a0d;border-radius:12px;margin:0 16px 10px;padding:10px 12px;font-size:12px;font-weight:800}.notification-cards .notification-list{scrollbar-width:thin;scrollbar-color:#2a2d35 transparent;align-content:start;gap:8px;padding:6px 14px 14px;display:grid}.notification-cards .notification-item{transition:transform .2s var(--ease-out),box-shadow .2s;animation:n3-row .4s var(--ease-out) calc(var(--i) * 40ms) both;background:#0c0d10;border-radius:16px;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #17191e}@keyframes n3-row{0%{opacity:0;transform:translateY(10px)}}.notification-cards .notification-item:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #2a2d35}.notification-cards .notification-item.unread{background:linear-gradient(120deg,#c7f93e1a,#0c0d10 55%);box-shadow:inset 0 0 0 1px #c7f93e8c}.notification-cards .notification-item-layout{grid-template-columns:92px minmax(0,1fr)}.notification-cards .notification-artwork{aspect-ratio:16/10;width:92px;color:var(--lime);background:linear-gradient(145deg,#1d2410,#0e1107);border-radius:10px}.notification-cards .notification-artwork svg{width:26px;height:26px}.notification-cards .notification-artwork.kind-tournament,.notification-cards .notification-artwork.kind-event{color:#08090b;background:linear-gradient(145deg,#e6ff8a,#c7f93e 50%,#9be22a)}.notification-cards .notification-item-copy strong{letter-spacing:1.2px;color:var(--lime);font-size:11px}.notification-cards .notification-item:not(.unread) .notification-item-copy strong{color:#8f929c}.notification-cards .notification-item-copy span{color:#e6e7ea;font-size:14px;font-weight:700;line-height:1.35}.notification-cards .notification-item-copy time{color:#6f727c;font-size:11px}.notification-cards .notification-unread-indicator{background:var(--lime);border-radius:50%;width:14px;height:14px;position:absolute;top:-6px;right:-6px;box-shadow:0 0 0 3px #050606,0 0 12px #c7f93ecc}.notification-cards .notification-empty{text-align:center;background:#0c0d10;border-radius:16px;justify-items:center;gap:6px;padding:40px 20px;display:grid}.notification-cards .notification-empty span{color:#9ea1ab;font-size:13px}.notification-cards .notification-popover-actions button:not(.notification-close){height:auto;min-height:32px;padding-top:6px;padding-bottom:6px;line-height:1.2}.notification-popover.notification-cards{--lime:#c7f93e;--ease-out:cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:none;background:#050606;border:0;overflow:hidden}.notification-cards .notification-popover-header{border:0;flex-shrink:0;min-width:0}.notification-cards .notification-popover-header span{margin:0}.notification-cards .notification-popover-header>div:first-child{min-width:0}.notification-cards .notification-item{text-align:left;border:0;width:100%;margin:0}.notification-cards .notification-item-layout{align-items:center;gap:14px;display:grid;position:relative}.notification-cards .notification-artwork{border:0;place-items:center;height:auto;display:grid;position:relative;overflow:hidden}.notification-cards .notification-item-copy{gap:5px;min-width:0;display:grid}.notification-cards .notification-item-copy strong,.notification-cards .notification-item-copy span{overflow-wrap:anywhere;white-space:normal}.notification-cards .notification-item-copy strong{font-style:normal}.notification-cards .notification-item-thumbnail{aspect-ratio:auto}.notification-cards .notification-list{overscroll-behavior:contain}@media (max-width:720px){.notification-popover.notification-cards{border-radius:0;width:100vw;max-width:none;height:100dvh;min-height:100dvh}.notification-cards .notification-popover-header{flex-wrap:wrap}.notification-cards .notification-popover-actions{margin-left:auto}.notification-cards .notification-list{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.notification-cards,.notification-cards *{transition:none!important;animation:none!important}}.notification-cards .notification-item-open{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:0;display:block}.notification-cards .notification-item-open:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.notification-cards .notification-reply button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.notification-cards .notification-reply{margin:10px 0 0 106px}.notification-cards .notification-reply-toggle{color:var(--lime);background:#c7f93e0d;border:1px solid #c7f93e50;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:850;transition:background .2s,box-shadow .2s;display:inline-flex}.notification-cards .notification-reply-toggle:hover{background:#c7f93e20;box-shadow:0 0 18px #c7f93e15}.notification-cards .notification-reply-toggle svg{width:16px;height:16px}.notification-cards .notification-reply:has(form){margin-left:0}.notification-cards .notification-reply-form{background:#08090b;border:1px solid #c7f93e38;border-radius:12px;gap:10px;margin:12px 0 0;padding:14px;animation:.2s ease-out both n3-row;display:grid}.notification-cards .notification-reply-form label{color:#e6e7ea;font-size:12px;font-weight:800}.notification-cards .notification-reply-form textarea{resize:vertical;color:#f5f4ef;width:100%;min-height:90px;max-height:220px;font:inherit;background:#0d0e11;border:1px solid #2a2d35;border-radius:9px;margin:0;padding:12px;font-size:16px;line-height:1.45;display:block}.notification-cards .notification-reply-form textarea:focus{border-color:var(--lime);outline:0;box-shadow:0 0 0 3px #c7f93e14}.notification-cards .notification-reply-hint{color:#90949e;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;display:flex}.notification-cards .notification-reply-hint>span:last-child{white-space:nowrap}.notification-cards .notification-reply-actions{justify-content:flex-end;gap:10px;display:flex}.notification-cards .notification-reply-actions button{color:#aaaeb8;background:0 0;border:1px solid #2a2d35;border-radius:9px;min-height:36px;padding:8px 13px;font-size:11px;font-weight:900}.notification-cards .notification-reply-actions button[type=submit]{background:var(--lime);color:#08090b;border-color:var(--lime);box-shadow:0 5px 18px #c7f93e18}.notification-cards .notification-reply-actions button:disabled{opacity:.45;cursor:not-allowed}.notification-cards .notification-reply-error{color:#ff8394;margin:0;font-size:12px}.notification-cards .notification-reply-sent{border-top:1px solid #262b1d;margin:12px 0 0 106px;padding-top:10px}.notification-cards .notification-reply-sent strong{color:var(--lime);letter-spacing:1px;font-size:10px}.notification-cards .notification-reply-sent p{color:#b8bbc4;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px;line-height:1.5}.notification-item-delete{color:#6f727c;opacity:.75;background:#12141a;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;font-size:18px;line-height:1;transition:color .2s,opacity .2s,background .2s;display:grid;position:absolute;bottom:10px;right:10px}.notification-item-delete:hover:not(:disabled){color:#e6e7ea;opacity:1;background:#1b1e25}.notification-item-delete:focus-visible{color:#e6e7ea;opacity:1;background:#1b1e25}.notification-item-delete:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.notification-load-more{color:#e6e7ea;letter-spacing:1px;background:#08090b;border:1px solid #2a2d35;border-radius:10px;justify-self:center;min-height:34px;padding:0 18px;font-size:10px;font-weight:950}.notification-load-more:hover:not(:disabled){border-color:var(--lime);color:var(--lime)}