/* ChatBase — 👑 Owner Flex (ownerflex.js) */

/* ⭐ Member of the Day banner */
#spotBanner {
    position: fixed; left: 50%; top: 66px; transform: translateX(-50%); z-index: 99960;
    width: min(380px, calc(100vw - 24px)); animation: numIn .4s cubic-bezier(.2,1.1,.4,1);
}
.spot-inner {
    display: flex; align-items: center; gap: 12px; color: #2a2000;
    background: linear-gradient(135deg, #ffe08a, #ffd166 60%, #ffb347);
    border: 1px solid rgba(255,255,255,.5); border-radius: 16px; padding: 12px 14px;
    box-shadow: 0 12px 40px rgba(180,120,0,.4);
}
.spot-star { font-size: 32px; animation: spotSpin 3s linear infinite; }
@keyframes spotSpin { to { transform: rotate(360deg); } }
.spot-text { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.spot-text small { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; opacity: .7; }
.spot-text b { font-size: 17px; font-weight: 800; }
.spot-text span { font-size: 12px; opacity: .85; }
.spot-inner button { background: rgba(0,0,0,.12); border: none; color: #2a2000; border-radius: 8px; cursor: pointer; font-size: 13px; padding: 3px 7px; }

/* 📜 Royal Decree modal */
#decreeModal {
    position: fixed; inset: 0; z-index: 99975; display: flex; align-items: center; justify-content: center;
    background: rgba(0,0,0,.6); backdrop-filter: blur(4px); padding: 20px; animation: decreeFade .3s ease;
}
@keyframes decreeFade { from { opacity: 0; } to { opacity: 1; } }
.decree-scroll {
    position: relative; max-width: 440px; width: 100%; text-align: center; color: #3a2a12;
    background: linear-gradient(#fff6e0, #f6e6c4); border: 2px solid #c9a24a; border-radius: 18px;
    padding: 28px 26px 24px; box-shadow: 0 20px 60px rgba(0,0,0,.5); animation: numIn .4s cubic-bezier(.2,1.2,.4,1);
}
.decree-seal { font-size: 44px; margin-bottom: 4px; }
.decree-scroll h2 { margin: 0 0 12px; font-size: 22px; letter-spacing: .02em; font-family: Georgia, "Times New Roman", serif; }
.decree-scroll p { margin: 0 0 16px; font-size: 16px; line-height: 1.5; font-family: Georgia, serif; }
.decree-by { font-style: italic; font-size: 13px; opacity: .7; margin-bottom: 16px; }
.decree-scroll button { font: inherit; font-weight: 800; cursor: pointer; padding: 10px 22px; border-radius: 999px; border: none; color: #fff; background: linear-gradient(135deg, #c9a24a, #a07820); }
.decree-scroll button:active { transform: scale(.95); }

/* 👑 a little sparkle on owner crowns */
.dc-crown { filter: drop-shadow(0 0 3px rgba(255,209,102,.7)); }

@media (prefers-reduced-motion: reduce) { .spot-star { animation: none; } }