/* GTA Online news notice: session-activity badge shape, aligned 1:1 with OPEN/CLOSED. */
@property --online-news-edge{syntax:"<angle>";inherits:false;initial-value:0deg}
.online-news-notification{
 --news-state:#c58a12;
 --news-state:color-mix(in srgb,var(--online-gold,#ffb000) 76%,#111);
 position:fixed;
 left:0;
 top:calc(env(safe-area-inset-top,0px) + 92px);
 bottom:auto;
 right:auto;
 z-index:2147482600;
 width:min(250px,calc(100vw - 28px));
 min-height:58px;
 margin:0;
 padding:0;
 box-sizing:border-box;
 overflow:hidden;
 border:0;
 border-radius:0;
 background:#000;
 color:#fff;
 box-shadow:none;
 font-family:'DM Sans',Arial,sans-serif;
}
.online-news-notification::before{
 content:"";
 position:absolute;
 inset:0;
 padding:1px;
 pointer-events:none;
 z-index:6;
 background:conic-gradient(from var(--online-news-edge),transparent 0 275deg,#ffffff40 290deg,#fff 315deg,#ffffff80 330deg,transparent 348deg 360deg);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;
 mask-composite:exclude;
 animation:onlineNewsEdge 3.8s linear infinite;
}
.online-news-open{
 appearance:none;
 position:relative;
 z-index:2;
 display:grid;
 grid-template-columns:72px minmax(0,1fr);
 align-items:stretch;
 width:100%;
 min-height:58px;
 margin:0;
 padding:0;
 border:0;
 border-radius:0;
 background:#000;
 color:#fff;
 text-align:left;
 cursor:pointer;
 font-family:'DM Sans',Arial,sans-serif;
}
.online-news-state{
 position:relative;
 z-index:2;
 min-height:58px;
 display:grid;
 place-items:center;
 align-content:center;
 gap:2px;
 padding:7px 16px 7px 6px;
 box-sizing:border-box;
 background:var(--news-state);
 color:#fff;
 clip-path:polygon(0 0,100% 0,79% 100%,0 100%);
}
.online-news-icon{
 width:21px;
 height:21px;
 display:grid;
 place-items:center;
 color:#fff;
}
.online-news-icon svg{
 width:20px;
 height:20px;
 display:block;
 stroke:currentColor;
 stroke-width:1.75;
 stroke-linecap:round;
 stroke-linejoin:round;
 fill:none;
}
.online-news-state strong{
 margin:0;
 font:800 8px/1 'DM Sans',Arial,sans-serif;
 letter-spacing:.10em;
 text-transform:uppercase;
 color:#fff;
}
.online-news-copy{
 position:relative;
 z-index:1;
 min-width:0;
 display:grid;
 align-content:center;
 gap:1px;
 padding:8px 14px 8px 3px;
 background:#000;
 color:#fff;
}
.online-news-copy::after{
 content:"";
 position:absolute;
 inset:0 0 0 auto;
 width:3px;
 background:var(--news-state);
 opacity:.92;
}
.online-news-copy small{
 display:block;
 margin:0;
 font:800 9px/1.05 'DM Sans',Arial,sans-serif;
 letter-spacing:.055em;
 text-transform:uppercase;
 color:#d6d6d6;
}
.online-news-copy strong{
 display:block;
 min-width:0;
 max-width:154px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:normal;
 overflow-wrap:break-word;
 margin:0;
 font:800 15px/1.06 'DM Sans',Arial,sans-serif;
 letter-spacing:-.018em;
 color:#fff;
}
.online-news-notification button:focus-visible{outline:1px solid rgba(255,255,255,.9);outline-offset:-2px}
@keyframes onlineNewsEdge{to{--online-news-edge:360deg}}

/* Legacy session activity source. Hidden by the v2 renderer but kept as the event source. */
.online-activity-stack{
 position:fixed;
 top:calc(env(safe-area-inset-top,0px) + 92px);
 left:0;
 right:auto;
 z-index:2147482000;
 width:min(340px,calc(100vw - 32px));
 pointer-events:none;
 display:grid;
 justify-items:start;
}
.online-activity-toast{
 --activity-accent:#76b900;
 position:relative;
 width:min(332px,100%);
 min-height:72px;
 box-sizing:border-box;
 display:grid;
 grid-template-columns:38px minmax(0,1fr);
 align-items:center;
 gap:12px;
 padding:12px 16px 12px 12px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.12);
 border-radius:7px;
 background:linear-gradient(180deg,rgba(22,22,22,.965),rgba(6,6,6,.975));
 color:#fff;
 -webkit-backdrop-filter:blur(18px) saturate(135%);
 backdrop-filter:blur(18px) saturate(135%);
 box-shadow:0 16px 42px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055);
 opacity:0;
 transform:translate3d(-30px,0,0) scale(.985);
 transition:transform .48s cubic-bezier(.16,1,.3,1),opacity .34s ease;
 will-change:transform,opacity;
}
.online-activity-toast::before{
 content:"";
 position:absolute;
 inset:0 auto 0 0;
 width:3px;
 background:var(--activity-accent);
 box-shadow:0 0 18px var(--activity-accent),0 0 34px color-mix(in srgb,var(--activity-accent) 44%,transparent);
}
.online-activity-toast::after{
 content:"";
 position:absolute;
 inset:-45% auto -45% -18%;
 width:38%;
 pointer-events:none;
 background:radial-gradient(circle at center,color-mix(in srgb,var(--activity-accent) 20%,transparent),transparent 68%);
 filter:blur(12px);
 opacity:.9;
}
.online-activity-toast.is-new{--activity-accent:#76b900}
.online-activity-toast.is-ended{--activity-accent:#d43a43}
.online-activity-toast.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
.online-activity-toast.is-leaving{opacity:0;transform:translate3d(-18px,0,0) scale(.99);transition:transform .46s cubic-bezier(.55,0,.85,.3),opacity .36s ease}
.online-activity-icon{
 position:relative;
 z-index:1;
 width:34px;
 height:34px;
 display:grid;
 place-items:center;
 border:1px solid rgba(255,255,255,.10);
 border-radius:5px;
 background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
 color:var(--activity-accent);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 16px color-mix(in srgb,var(--activity-accent) 16%,transparent);
}
.online-activity-icon svg{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}
.online-activity-copy{position:relative;z-index:1;display:grid;gap:3px;min-width:0}
.online-activity-copy small{font:700 8px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.16em;color:#8d8d90}
.online-activity-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 13px/1.35 'DM Sans',Arial,sans-serif;letter-spacing:-.01em;color:#f7f7f7}

@media(max-width:600px){
 .online-news-notification{
  left:0;
  top:calc(env(safe-area-inset-top,0px) + 84px);
  bottom:auto;
  right:auto;
  width:min(228px,calc(100vw - 28px));
  min-height:54px;
 }
 .online-news-open{grid-template-columns:66px minmax(0,1fr);min-height:54px}
 .online-news-state{min-height:54px;padding:6px 14px 6px 5px;gap:2px}
 .online-news-icon{width:19px;height:19px}
 .online-news-icon svg{width:18px;height:18px}
 .online-news-state strong{font-size:7.5px;letter-spacing:.095em}
 .online-news-copy{padding:7px 11px 7px 2px;gap:1px}
 .online-news-copy small{font-size:8px}
.online-news-copy strong{font-size:14px;max-width:138px}
 .online-activity-stack{top:calc(env(safe-area-inset-top,0px) + 84px);left:0;right:auto;width:min(228px,calc(100vw - 28px));justify-items:start}
 .online-activity-toast{width:100%;min-height:68px;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:11px 14px 11px 11px;border-radius:6px}
 .online-activity-icon{width:32px;height:32px}
 .online-activity-copy strong{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
 .online-news-notification::before{animation:none;--online-news-edge:315deg}
 .online-activity-toast,.online-activity-toast.is-visible,.online-activity-toast.is-leaving{transition:none!important;transform:none!important}
}