/* ═══════════════════════════════════════════════════════════
   CHAMPCHASE — CROSS-SITE INTERACTIVE FEATURE STYLES
   Loaded on ALL pages alongside shared.css
   ═══════════════════════════════════════════════════════════ */

/* ═══ I3: LIVE PRESENCE COUNTER ═══ */
.cc-presence{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 6px}
.cc-presence-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:presencePulse 2s ease-in-out infinite;flex-shrink:0}
@keyframes presencePulse{0%,100%{opacity:1;box-shadow:0 0 4px var(--green)}50%{opacity:.5;box-shadow:0 0 8px var(--green)}}
.cc-presence-text{font-size:11px;color:var(--g);letter-spacing:1px}

/* ═══ I2: BOXER'S JOURNAL ═══ */
.cc-journal-btn{position:fixed;bottom:140px;right:24px;width:44px;height:44px;background:none;border:none;cursor:pointer;z-index:999;padding:0}
.cc-journal-ring{position:absolute;inset:0}
.cc-journal-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px}
.cc-journal-count{position:absolute;bottom:-4px;right:-4px;font-family:var(--px);font-size:7px;color:var(--gold);background:var(--bg);padding:1px 4px;border-radius:8px;border:1px solid var(--dg);letter-spacing:0}

.cc-journal-panel{position:fixed;top:0;right:-380px;bottom:0;width:360px;max-width:100vw;background:var(--bg2);border-left:1px solid var(--dg);z-index:9999;padding:24px;overflow-y:auto;transition:right .3s var(--ease)}
.cc-journal-panel.open{right:0}
.cc-journal-panel-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--g);font-size:22px;cursor:pointer}
.cc-journal-panel-title{font-size:14px;margin-bottom:6px;letter-spacing:2px}
.cc-journal-panel-sub{font-size:12px;color:var(--g);margin-bottom:20px}

.cc-journal-grid{display:grid;grid-template-columns:1fr;gap:8px}
.cc-journal-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:4px;border:1px solid var(--dg);transition:all .2s}
.cc-journal-item.unlocked{border-color:rgba(245,197,24,.2);background:rgba(245,197,24,.03)}
.cc-journal-item.locked{opacity:.4}
.cc-ji-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}
.cc-ji-name{font-family:var(--dp);font-size:14px;color:var(--w);letter-spacing:1px}
.cc-ji-desc{font-size:11px;color:var(--g);margin-left:auto;text-align:right;flex-shrink:0}

/* ═══ MOBILE RESPONSIVE ═══ */
@media(max-width:768px){
  /* Stacked above the 76px audio bar + 40px scroll-top btn + 8px gap */
  .cc-journal-btn{bottom:136px;right:16px;width:40px;height:40px}
  .cc-journal-panel{width:100vw;right:-100vw}
  .cc-ji-desc{display:none}
}

/* ═══ REDUCED MOTION ═══ */
@media(prefers-reduced-motion:reduce){
  .cc-presence-dot{animation:none}
}