/* Power Play pre-season bonus (temporary): the portal's entry points into
   /bonus — the header chip (#ps-chip), the My bonus card (#ps-card) and the
   link in Power Play's ··· menu (#ps-gm-link). preseason-bonus-entry.js shows
   them only while get_preseason_bonus returns the viewer's row. Gold only on
   the reward, as in level-up.css. */

#ps-chip[hidden], #ps-card[hidden] { display: none !important; }

/* Header chip */
.ps-chip { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px 0 6px; border-radius: 999px; background: #fffbeb; border: 1px solid #fcd34d; color: #92400e; font: 700 12px/1 var(--font, 'Inter', sans-serif); text-decoration: none; white-space: nowrap; flex-shrink: 0; }
.ps-chip.is-new { box-shadow: 0 0 0 2px rgba(252,211,77,.45); }
.ps-chip:hover { background: #fef3c7; }
.ps-chip:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.ps-chip svg { width: 18px; height: 18px; flex-shrink: 0; }
.ps-chip-dot { width: 7px; height: 7px; border-radius: 50%; background: #dc2626; flex-shrink: 0; }
@media (max-width: 1360px) { .ps-chip .ps-chip-l { display: none; } .ps-chip { padding: 0 8px 0 6px; } }

/* My bonus card (one-time), then a quiet line once revealed */
.ps-card-slot { max-width: 1040px; margin: 0 auto; padding: 18px 24px 0; font-family: var(--font, 'Inter', sans-serif); }
.ps-card { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; align-items: center; padding: 14px 16px; border-radius: var(--radius, 8px); background: linear-gradient(135deg, #fffbeb 0%, #fff 70%); border: 1px solid #fcd34d; box-shadow: var(--shadow, 0 1px 3px rgba(0,0,0,.06)); }
.ps-card-ic { width: 52px; height: 52px; border-radius: 50%; background: #fff; border: 1px solid #fcd34d; display: grid; place-items: center; }
.ps-card-ic svg { width: 34px; height: 30px; }
.ps-card-k { margin: 0; font-size: 10.5px; font-weight: 800; color: #b45309; letter-spacing: .08em; text-transform: uppercase; }
.ps-card-h { margin: 1px 0 0; font-size: 15.5px; font-weight: 800; letter-spacing: -0.01em; color: var(--text, #1a1a2e); line-height: 1.25; }
.ps-card-s { margin: 2px 0 0; font-size: 12.5px; color: var(--text-muted, #4b5563); }
.ps-card-btn { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; background: #b45309; color: #fff; border-radius: 6px; padding: 7px 12px; font: 700 13px/1.2 var(--font, 'Inter', sans-serif); text-decoration: none; }
.ps-card-btn:hover { background: #92400e; }
.ps-card-btn:focus-visible, .ps-quiet-a:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.ps-quiet { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 9px 12px; border-radius: var(--radius, 8px); background: #fff; border: 1px solid var(--border, rgba(0,0,0,.08)); font-size: 13px; color: var(--text, #1a1a2e); }
.ps-quiet-ic svg { width: 18px; height: 18px; display: block; }
.ps-quiet-t { font-weight: 600; font-variant-numeric: tabular-nums; }
.ps-quiet-a { color: var(--accent, #2563eb); font-weight: 600; text-decoration: underline; }
@media (max-width: 768px) {
  .ps-card-slot { padding: 12px 12px 0; }
  .ps-card { grid-template-columns: 44px minmax(0, 1fr); padding: 12px; }
  .ps-card-ic { width: 44px; height: 44px; }
  .ps-card-ic svg { width: 28px; height: 25px; }
}

/* Link at the top of Power Play's ··· menu (styled like its buttons) */
.lu-gm-menu a.ps-gm-link { display: flex; gap: 10px; align-items: flex-start; width: 100%; padding: 8px 10px; border-radius: 6px; background: #fffbeb; font: 500 13px/1.35 var(--font, 'Inter', sans-serif); color: var(--text, #1a1a2e); text-decoration: none; }
.lu-gm-menu a.ps-gm-link:hover, .lu-gm-menu a.ps-gm-link:focus { background: #fef3c7; outline: none; }
.lu-gm-menu a.ps-gm-link:focus-visible { box-shadow: inset 0 0 0 2px var(--accent, #2563eb); }
.lu-gm-menu a.ps-gm-link .lu-gm-ic svg { width: 18px; height: 18px; }