/* Screen flare: pinned full-width card */
.flare.screen-flare{grid-column:1/-1;min-height:auto;padding:0;
  background:radial-gradient(60% 80% at 85% 30%, rgba(255,120,30,.18), transparent 60%),
    linear-gradient(135deg, rgba(15,10,22,.9), rgba(5,6,10,.9));
  border-color:var(--line-strong);display:grid;grid-template-columns:1fr 280px;gap:0;overflow:hidden}
.screen-left{padding:18px 22px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.screen-right{position:relative;background:radial-gradient(60% 60% at 50% 40%, rgba(255,120,30,.25), transparent 60%),linear-gradient(135deg,#050410,#15081c);
  border-left:1px solid var(--line);display:grid;place-items:center;min-height:160px}
.screen-right::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(to right, rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(to bottom, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:28px 28px}
.screen-right .play{position:relative;width:54px;height:54px;border-radius:50%;
  background:linear-gradient(160deg,#ff9a4a,#d95a00);color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 30px -5px rgba(255,120,30,.8), inset 0 1px 0 rgba(255,255,255,.3)}
.screen-right .play::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,140,40,.5);animation:ringpulse 2s ease-out infinite}
@keyframes ringpulse{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.6);opacity:0}}