.notification-drawer{position:fixed;right:0;top:0;bottom:0;width:min(430px,94vw);background:#0c0c0f;border-left:1px solid var(--line);z-index:92;padding:26px;transform:translateX(105%);transition:.35s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 100px #000;overflow:auto}.notification-drawer.show{transform:none}.drawer-scrim{position:fixed;inset:0;background:#0009;z-index:91;opacity:0;pointer-events:none;transition:.25s;backdrop-filter:blur(5px)}.drawer-scrim.show{opacity:1;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font-size:40px;letter-spacing:-3px;margin:4px 0}.drawer-head button,.challenge-close{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#151519;color:#fff;font-size:20px}.drawer-tabs{display:flex;gap:8px;margin:20px 0}.drawer-tabs button{border:1px solid var(--line);background:#141418;color:var(--muted);border-radius:99px;padding:8px 12px}.drawer-tabs button.active{background:var(--acid);color:#09090b}.drawer-tabs i{font-style:normal}.notification{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.notification>div:last-child{display:flex;flex-direction:column}.notification small{font-size:8px;letter-spacing:1.2px;color:var(--acid)}.notification strong{font-size:15px;margin:6px 0}.notification p{font-size:11px;line-height:1.45;color:var(--muted);margin:0}.notification button{align-self:flex-start;border:0;background:none;color:var(--acid);padding:12px 0 0}.n-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#29330d;color:var(--acid);font-weight:900}.purple-dot{background:#3f286f;color:#fff}.trophy-dot{background:#493d15}.challenge-modal{position:fixed;inset:0;z-index:110;background:#050506f4;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.3s;backdrop-filter:blur(15px)}.challenge-modal.show{opacity:1;pointer-events:auto}.challenge-close{position:absolute;right:25px;top:22px}.challenge-stage{width:min(790px,100%);border:1px solid #34343a;border-radius:28px;padding:28px;background:radial-gradient(circle at 14% 35%,#7644ca24,transparent 27%),radial-gradient(circle at 86% 35%,#d14c2824,transparent 27%),#0e0e11;box-shadow:0 45px 130px #000}.challenge-brand{display:flex;justify-content:space-between;font-weight:950;font-style:italic}.challenge-brand span{color:var(--acid);font-size:9px;letter-spacing:2px}.challenge-kicker{text-align:center;color:var(--acid);font-size:9px;letter-spacing:3px;margin:25px}.challenge-pair{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;text-align:center}.challenge-pair>div{display:flex;align-items:center;flex-direction:column}.challenge-pair>b{font-size:25px;color:var(--acid);font-style:italic}.challenge-portrait{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:950;margin-bottom:12px;border:1px solid #ffffff29}.challenge-portrait.you{background:linear-gradient(135deg,#8150dd,#2b193f)}.challenge-portrait.opponent{background:linear-gradient(135deg,#d4572c,#38160d)}.challenge-pair small{font-size:8px;letter-spacing:2px;color:var(--muted)}.challenge-pair strong{font-size:28px}.challenge-pair em{font-style:normal;color:var(--muted)}.challenge-rules{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;margin:25px 0}.challenge-rules div{padding:14px;text-align:center;border-right:1px solid var(--line)}.challenge-rules div:last-child{border:0}.challenge-rules small{display:block;color:var(--muted);font-size:7px;letter-spacing:2px}.challenge-rules strong{font-size:12px}.challenge-stage>p{text-align:center;color:var(--muted);font-size:11px}.challenge-actions{display:flex;justify-content:center;gap:9px;margin-top:22px}.challenge-actions button{border:1px solid var(--line);background:#151519;color:#fff;border-radius:99px;padding:13px 20px;font-weight:850}.challenge-actions button:last-child{background:var(--acid);color:#09090b;border-color:var(--acid)}@media(max-width:560px){.notification-drawer{width:100%;padding:20px}.challenge-modal{padding:0}.challenge-stage{height:100%;border:0;border-radius:0;padding:22px;display:flex;flex-direction:column;justify-content:center}.challenge-portrait{width:82px;height:82px}.challenge-pair strong{font-size:22px}.challenge-rules{grid-template-columns:1fr}.challenge-rules div{border-right:0;border-bottom:1px solid var(--line)}.challenge-actions{display:grid}.challenge-close{z-index:2}.challenge-kicker{margin:20px 0}.challenge-stage>p{line-height:1.5}}