/* ChatBase — 👑 Owner cosmetics (ownercosmetics.js) */

/* 🚪 Grand entrance */
#ocEntrance {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99978;
    display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
    background: linear-gradient(135deg, rgba(30,20,60,.95), rgba(60,20,50,.95)); color: #fff;
    border: 2px solid rgba(255,209,102,.6); border-radius: 20px; padding: 24px 34px;
    box-shadow: 0 20px 60px rgba(0,0,0,.5); animation: ocEnterIn 2.6s ease forwards; pointer-events: none;
}
.oc-ent-emoji { font-size: 48px; }
#ocEntrance b { font-size: 20px; font-weight: 800; }
@keyframes ocEnterIn { 0% { opacity: 0; transform: translate(-50%,-50%) scale(.6); } 12% { opacity: 1; transform: translate(-50%,-50%) scale(1); } 82% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%,-50%) scale(1.05); } }

/* 👁️ Owner is watching */
#ocWatch {
    position: fixed; right: 14px; bottom: 14px; z-index: 99940;
    font-size: 11.5px; font-weight: 700; color: rgba(255,255,255,.85);
    background: rgba(20,10,30,.8); border: 1px solid rgba(255,90,122,.4); border-radius: 999px;
    padding: 5px 11px; box-shadow: 0 4px 14px rgba(0,0,0,.35); pointer-events: none; backdrop-filter: blur(6px);
}

/* 📛 Wanted poster */
#ocWanted { position: fixed; inset: 0; z-index: 99977; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.6); backdrop-filter: blur(4px); padding: 20px; animation: decreeFade .3s ease; }
.oc-poster { width: 280px; text-align: center; background: #e8d9b5; color: #3a2a12; border: 6px solid #6b4e1e; border-radius: 6px; padding: 18px; box-shadow: 0 20px 60px rgba(0,0,0,.6); font-family: Georgia, "Times New Roman", serif; animation: pgIn .4s cubic-bezier(.2,1.2,.4,1); }
.oc-poster-top { font-size: 34px; font-weight: 900; letter-spacing: .12em; border-bottom: 3px solid #6b4e1e; padding-bottom: 6px; }
.oc-poster-face { font-size: 60px; margin: 10px 0; }
.oc-poster-name { font-size: 22px; font-weight: 800; }
.oc-poster-reason { font-size: 13px; font-style: italic; margin: 6px 0 10px; }
.oc-poster-reward { font-size: 13px; font-weight: 700; border-top: 2px solid #6b4e1e; padding-top: 8px; }
.oc-poster button { margin-top: 12px; font: inherit; font-weight: 800; cursor: pointer; padding: 8px 18px; border-radius: 8px; border: none; background: #6b4e1e; color: #fff; }

/* 🏷️ Title chip in chat */
.oc-title {
    display: inline-block; margin-left: 5px; font-size: 10px; font-weight: 800; vertical-align: middle;
    padding: 1px 7px; border-radius: 999px; background: linear-gradient(135deg, #b69cff, #8ab4ff); color: #10132a;
}

@media (prefers-reduced-motion: reduce) { #ocEntrance { animation-duration: 3s; } }