.games-notification-channel { max-width:1180px; margin:34px auto 80px; border:1px solid rgba(125,155,255,.18); border-radius:24px; overflow:hidden; background:linear-gradient(180deg,rgba(14,20,38,.96),rgba(8,13,28,.98)); box-shadow:0 34px 90px rgba(0,0,0,.3); }
.games-notification-channel-header { position:sticky; top:0; z-index:3; display:flex; justify-content:space-between; gap:18px; align-items:center; padding:16px 22px; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(11,16,32,.92); backdrop-filter:blur(18px); }
.games-notification-channel-header>div { display:flex; align-items:center; gap:12px; }
.games-notification-channel-header strong,.games-notification-channel-header small { display:block; }
.games-notification-channel-header strong { font-size:1rem; color:#fff; }
.games-notification-channel-header small { color:#7f8aa5; font-size:.74rem; }
.games-notification-hash { color:#7583a9; font-size:1.55rem; font-weight:900; }
.games-notification-channel-tools { display:flex; gap:10px; align-items:center; }
.games-notification-unread-count { padding:6px 10px; color:#92a5df; border:1px solid rgba(125,155,255,.2); border-radius:999px; background:rgba(125,155,255,.08); font-size:.72rem; font-weight:800; }
.games-notification-notice { margin:18px 22px 0; padding:11px 14px; color:#8df0bf; border:1px solid rgba(62,206,136,.28); border-radius:10px; background:rgba(62,206,136,.08); }
.games-notification-welcome { padding:46px 28px 28px; border-bottom:1px solid rgba(255,255,255,.06); }
.games-notification-welcome>div { display:grid; place-items:center; width:62px; height:62px; margin-bottom:16px; color:#fff; border-radius:50%; background:linear-gradient(135deg,#5865f2,#7c5cff); font-size:2rem; font-weight:900; box-shadow:0 14px 30px rgba(88,101,242,.3); }
.games-notification-welcome h1 { margin:0; color:#f5f7ff; font-size:clamp(1.55rem,3vw,2.2rem); }
.games-notification-welcome p { margin:.45rem 0 0; color:#8d98b2; }
.games-notification-feed { padding:14px 0 24px; }
.games-notification-post { position:relative; display:grid; grid-template-columns:46px 1fr; gap:14px; padding:18px 28px; transition:background .16s ease; }
.games-notification-post:hover { background:rgba(255,255,255,.025); }
.games-notification-post.is-unread::before { content:""; position:absolute; left:0; top:18px; bottom:18px; width:3px; border-radius:0 4px 4px 0; background:#58d9ff; box-shadow:0 0 14px rgba(88,217,255,.8); }
.games-notification-post-avatar img { width:46px; height:46px; border-radius:50%; object-fit:cover; box-shadow:0 7px 18px rgba(0,0,0,.3); }
.games-notification-post-content>header { display:flex; flex-wrap:wrap; align-items:center; gap:7px; min-height:24px; }
.games-notification-post-content>header strong { color:#f4f6ff; }
.games-notification-post-content>header time { color:#68738e; font-size:.7rem; }
.games-notification-app-badge,.games-notification-pinned,.games-notification-priority { padding:2px 5px; border-radius:4px; font-size:.58rem; line-height:1.35; font-weight:900; letter-spacing:.06em; }
.games-notification-app-badge { color:#fff; background:#5865f2; }
.games-notification-pinned { color:#7ce7ff; background:rgba(88,217,255,.1); }
.games-notification-priority.is-important { color:#ffd779; background:rgba(242,180,58,.12); }
.games-notification-priority.is-critical { color:#ff899d; background:rgba(255,77,107,.12); }
.games-notification-component { max-width:760px; margin-top:8px; padding:17px 18px; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-left:4px solid var(--notification-accent); border-radius:5px 13px 13px 5px; background:linear-gradient(135deg,rgba(25,32,54,.92),rgba(17,23,42,.95)); box-shadow:0 14px 38px rgba(0,0,0,.18); }
.games-notification-component h2 { margin:0 0 8px; color:#fff; font-size:1.08rem; }
.games-notification-markdown { color:#bac3d8; line-height:1.58; }
.games-notification-markdown :first-child { margin-top:0; }
.games-notification-markdown :last-child { margin-bottom:0; }
.games-notification-markdown a { color:#63d9ff; }
.games-notification-media { display:block; width:100%; max-height:360px; margin-top:15px; border-radius:10px; object-fit:cover; background:#080d1a; }
.games-notification-cta { display:inline-flex; align-items:center; gap:8px; margin-top:14px; padding:9px 14px; border-radius:8px; color:#fff; background:#5865f2; text-decoration:none; font-size:.78rem; font-weight:850; box-shadow:0 8px 20px rgba(88,101,242,.25); }
.games-notification-read-form { margin-top:8px; }
.games-notification-read-form button { padding:0; border:0; color:#7289da; background:transparent; font:inherit; font-size:.72rem; font-weight:700; cursor:pointer; }
.games-notification-empty { display:grid; justify-items:center; padding:70px 24px; text-align:center; }
.games-notification-empty>span { display:grid; place-items:center; width:60px; height:60px; margin-bottom:13px; border:1px solid rgba(124,92,255,.28); border-radius:50%; color:#b7a5ff; background:rgba(124,92,255,.1); font-size:1.4rem; }
.games-notification-empty strong { color:#fff; font-size:1.15rem; }
.games-notification-empty p { color:#808ca8; }
@media (max-width:720px) {
  .games-notification-channel { margin:16px 10px 60px; border-radius:18px; }
  .games-notification-channel-header { align-items:flex-start; flex-direction:column; }
  .games-notification-channel-tools { width:100%; justify-content:space-between; }
  .games-notification-welcome { padding:34px 18px 24px; }
  .games-notification-post { grid-template-columns:38px 1fr; gap:10px; padding:16px 14px; }
  .games-notification-post-avatar img { width:38px; height:38px; }
  .games-notification-component { padding:14px; }
}