#fm-command-center {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 99999;
font-family: "Poppins", sans-serif;
color: #fff;
}
#fm-command-center * {
box-sizing: border-box;
}
#fm-command-center .fm-cc-launcher {
display: inline-flex;
align-items: center;
gap: 10px;
border: 1px solid rgba(255,255,255,0.12);
background: rgba(8, 10, 18, 0.72);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
color: #fff;
border-radius: 999px;
padding: 12px 16px;
cursor: pointer;
box-shadow: 0 14px 40px rgba(0,0,0,0.35);
transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
#fm-command-center .fm-cc-launcher:hover {
transform: translateY(-2px);
background: rgba(12, 14, 24, 0.82);
border-color: rgba(255,255,255,0.2);
}
#fm-command-center .fm-cc-dot {
width: 10px;
height: 10px;
border-radius: 999px;
background: #ff4f95;
box-shadow: 0 0 16px rgba(255,79,149,0.8);
animation: fmCCPulse 1.8s infinite;
flex: 0 0 auto;
}
@keyframes fmCCPulse {
0%, 100% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.35); opacity: 0.58; }
}
#fm-command-center .fm-cc-launcher-text {
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.18em;
color: rgba(255,255,255,0.9);
white-space: nowrap;
}
#fm-command-center .fm-cc-panel {
position: absolute;
right: 0;
bottom: 62px;
width: min(420px, calc(100vw - 28px));
border-radius: 26px;
border: 1px solid rgba(255,255,255,0.12);
background:
linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04)),
rgba(7, 10, 18, 0.72);
backdrop-filter: blur(22px);
-webkit-backdrop-filter: blur(22px);
box-shadow: 0 24px 80px rgba(0,0,0,0.48);
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(14px) scale(0.985);
transition: opacity 0.32s ease, transform 0.32s ease, visibility 0.32s ease;
pointer-events: none;
}
#fm-command-center.open .fm-cc-panel {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
pointer-events: auto;
}
#fm-command-center .fm-cc-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 18px 18px 12px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
#fm-command-center .fm-cc-kicker {
font-size: 0.62rem;
text-transform: uppercase;
letter-spacing: 0.28em;
color: rgba(255,255,255,0.54);
margin-bottom: 8px;
}
#fm-command-center .fm-cc-title {
margin: 0;
font-size: 1rem;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.08em;
}
#fm-command-center .fm-cc-sub {
margin-top: 8px;
font-size: 0.84rem;
line-height: 1.55;
color: rgba(255,255,255,0.72);
}
#fm-command-center .fm-cc-close {
appearance: none;
border: 1px solid rgba(255,255,255,0.12);
background: rgba(255,255,255,0.04);
color: #fff;
width: 38px;
height: 38px;
border-radius: 999px;
cursor: pointer;
flex: 0 0 auto;
font-size: 1rem;
line-height: 1;
transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
#fm-command-center .fm-cc-close:hover {
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.2);
transform: rotate(90deg);
}
#fm-command-center .fm-cc-body {
padding: 16px 18px 18px;
}
#fm-command-center .fm-cc-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.08);
font-size: 0.64rem;
text-transform: uppercase;
letter-spacing: 0.18em;
color: rgba(255,255,255,0.82);
margin-bottom: 14px;
}
#fm-command-center .fm-cc-message {
margin: 0;
font-size: 1rem;
line-height: 1.65;
color: rgba(255,255,255,0.92);
}
#fm-command-center .fm-cc-highlight {
display: inline;
color: #ff4f95;
text-shadow: 0 0 20px rgba(255,79,149,0.16);
}
#fm-command-center .fm-cc-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
#fm-command-center .fm-cc-chip {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 12px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.1);
background: rgba(255,255,255,0.04);
color: rgba(255,255,255,0.72);
font-size: 0.68rem;
text-transform: uppercase;
letter-spacing: 0.14em;
}
#fm-command-center .fm-cc-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
}
#fm-command-center .fm-cc-btn {
appearance: none;
border: 1px solid rgba(255,255,255,0.14);
background: rgba(255,255,255,0.06);
color: #fff;
padding: 11px 14px;
border-radius: 999px;
cursor: pointer;
text-decoration: none;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.16em;
transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
#fm-command-center .fm-cc-btn:hover {
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.22);
transform: translateY(-1px);
}
#fm-command-center .fm-cc-btn.primary {
background: linear-gradient(135deg, rgba(255,79,149,0.2), rgba(101,183,255,0.14));
border-color: rgba(255,255,255,0.18);
}
#fm-command-center .fm-cc-foot {
padding: 0 18px 18px;
font-size: 0.68rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: rgba(255,255,255,0.42);
}
@media (max-width: 640px) {
#fm-command-center {
right: 14px;
left: 14px;
bottom: 14px;
}
#fm-command-center .fm-cc-launcher {
width: 100%;
justify-content: center;
}
#fm-command-center .fm-cc-panel {
width: 100%;
}
}
PSA • Public Site Announcement
ROOM 88 Transmission
Command center overlay active. Signal delivery is currently enabled.
Incoming Invitation
ROOM 88
You’re invited to the 8:00 PM showing.
Login @ 8 Timely.
Tap in now or you LA8T.
(function () {
const root = document.getElementById("fm-command-center");
const panel = document.getElementById("fmCCPanel");
const launcher = document.getElementById("fmCCLauncher");
const closeBtn = document.getElementById("fmCCClose");
const playBtn = document.getElementById("fmCCPlay");
const muteBtn = document.getElementById("fmCCMute");
const optBtn = document.getElementById("fmCCOpt");
const chime = document.getElementById("fmCCChime");
if (!root || !panel || !launcher || !closeBtn || !playBtn || !muteBtn || !optBtn || !chime) return;
let soundEnabled = true;
let alertsEnabled = true;
let hasAnnounced = false;
function openPanel() {
root.classList.add("open");
launcher.setAttribute("aria-expanded", "true");
}
function closePanel() {
root.classList.remove("open");
launcher.setAttribute("aria-expanded", "false");
}
function playChime() {
if (!soundEnabled || !alertsEnabled) return;
chime.currentTime = 0;
chime.volume = 0.35;
chime.play().catch(() => {});
}
launcher.addEventListener("click", function () {
const isOpen = root.classList.contains("open");
if (isOpen) {
closePanel();
} else {
openPanel();
}
});
closeBtn.addEventListener("click", function () {
closePanel();
});
playBtn.addEventListener("click", function () {
playChime();
});
muteBtn.addEventListener("click", function () {
soundEnabled = !soundEnabled;
muteBtn.textContent = soundEnabled ? "Sound On" : "Sound Off";
});
optBtn.addEventListener("click", function () {
alertsEnabled = !alertsEnabled;
optBtn.textContent = alertsEnabled ? "Alerts On" : "Alerts Off";
});
document.addEventListener("click", function (e) {
if (!root.contains(e.target)) {
closePanel();
}
});
// Soft delayed reveal so it feels like a transmission, not a hard popup
setTimeout(function () {
if (!alertsEnabled || hasAnnounced) return;
openPanel();
playChime();
hasAnnounced = true;
}, 4000);
})();
