/* wb.css — 「新しく生まれた星」の銀河ラッパー共通スタイル（色/動きは tokens.css の SSOT を継ぐ） */
.wb-panel { position: fixed; left: 22px; bottom: 20px; z-index: 10; max-width: min(46vw, 360px);
  font-size: 12px; letter-spacing: .03em; background: rgba(6, 4, 9, .55);
  border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px;
  backdrop-filter: blur(4px); animation: page-in var(--fade) ease both; }
.wb-panel .wb-head { font-family: var(--serif); font-size: 12.5px; letter-spacing: .14em; color: var(--gold); margin-bottom: 7px; }
.wb-panel ul { list-style: none; margin: 0; padding: 0; }
.wb-panel li { margin: 3px 0; color: var(--milk); opacity: .9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wb-panel a { color: var(--milk); }
.wb-panel a:hover, .wb-panel a:focus-visible { color: var(--gold); }
.wb-glow { position: fixed; inset: 0; z-index: 9; pointer-events: none; border: 1.5px solid var(--gold);
  box-shadow: inset 0 0 60px rgba(242, 202, 107, .10); animation: wb-breathe var(--pulse, 7s) ease-in-out infinite; }
@keyframes wb-breathe { 0%, 100% { opacity: .26; } 50% { opacity: .58; } }
@media (prefers-reduced-motion: reduce) { .wb-glow { animation: none; opacity: .4; } }