* {
            /*outline: 1px solid red; Adiciona borda vermelha em tudo */
        }

        html, body {
            max-width: 100%;
            overflow-x: hidden;
            width: 100%;
        }

        img {
            max-width: 100%;
            height: auto;
        }

		/* Main content container - responsive width management */
		.main-container {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}

		.fastmu-main-wrap {
			max-width: 1200px;
		}

		/* Mobile adjustments */
		@media (max-width: 768px) {
			.desktop-only {
				display: none !important;
			}

			.fastmu-main-wrap {
				padding-left: 1rem;
				padding-right: 1rem;
			}

			header .fastmu-hero-logo-wrap {
				margin-top: 5rem;
			}

			.chat-container {
				margin: 0 0.75rem 1rem;
				min-height: 320px;
			}

			.chat-container .messages-container {
				height: 420px;
				overflow: hidden;
			}

			.fastmu-widgets .widget-block:last-child {
				display: flex;
				flex-direction: column;
				min-height: 380px;
			}
		}

		#default-carousel > button {
			background-image: none;
		}

		/* ===== Real Time Chat (fastmu) ===== */
		/* Margem lateral menor que o .top-block para dar mais largura ao texto */
		.chat-container {
			position: relative;
			flex: 1 1 auto;
			margin: 0 5px 10px;
			min-height: 400px;
			width: 100%;
		}

		/* Top fade overlay — visible even with card backgrounds */
		.chat-container::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 56px;
			z-index: 2;
			pointer-events: none;
			background: linear-gradient(
				to bottom,
				rgba(28, 14, 2, 0.98) 0%,
				rgba(28, 14, 2, 0.72) 45%,
				rgba(28, 14, 2, 0) 100%
			);
		}

		.chat-container .chat-widget {
			position: relative;
			top: auto;
			right: auto;
			bottom: auto;
			left: auto;
			width: 100%;
			height: 100%;
			flex: 1 1 auto;
			display: flex;
			flex-direction: column;
			color: #e8e8e8;
			pointer-events: auto;
		}

		/* Message list with vertical fade (stronger at top) */
		.chat-container .messages-container {
			position: relative;
			bottom: auto;
			right: auto;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			gap: 6px;
			height: 420px;
			overflow: hidden;
			padding: 24px 6px 12px 2px;
			width: 100%;
			-webkit-mask-image: linear-gradient(
				to bottom,
				transparent 0%,
				rgba(0, 0, 0, 0.15) 8%,
				rgba(0, 0, 0, 1) 22%,
				rgba(0, 0, 0, 1) 100%
			);
			mask-image: linear-gradient(
				to bottom,
				transparent 0%,
				rgba(0, 0, 0, 0.15) 8%,
				rgba(0, 0, 0, 1) 22%,
				rgba(0, 0, 0, 1) 100%
			);
		}

		.chat-container .message {
			display: flex;
			flex-direction: column;
			gap: 4px;
			padding: 8px 12px;
			background: linear-gradient(135deg, rgba(42, 24, 3, 0.9), rgba(18, 11, 2, 0.9));
			border: 1px solid rgba(255, 170, 40, 0.22);
			border-left: 3px solid #ff9c00;
			border-radius: 8px;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
			word-break: break-word;
			font-size: 0.8rem;
			line-height: 1.35;
			text-transform: none;
			color: #e8d9c0;
			opacity: 1;
			transform: translateY(0);
			transition: opacity 0.4s ease, transform 0.4s ease;
			will-change: opacity, transform;
		}

		/* Fade in from bottom */
		.chat-container .message.message--enter {
			opacity: 0;
			transform: translateY(14px);
		}

		/* Fade out toward top */
		.chat-container .message.message--leave {
			opacity: 0;
			transform: translateY(-12px);
		}

		.chat-container .msg-server {
			font-size: 0.65rem;
			font-weight: 700;
			letter-spacing: 0.02em;
			color: #ffce6a;
			background: none;
			border-radius: 0;
			padding: 0;
			box-shadow: none;
			white-space: nowrap;
		}

		.chat-container .msg-body {
			color: #e8d9c0;
		}

		/* Nick do personagem na frente da mensagem */
		.chat-container .msg-name {
			color: #ffce6a;
			font-weight: 700;
		}

		.chat-container .message.type-admin .msg-body { color: #ff8f8f; }
		.chat-container .message.type-admin .msg-name { color: #ff8f8f; }
		.chat-container .message.type-admin { border-left-color: #ff5b5b; }
		.chat-container .message.type-market .msg-body { color: #8ce99a; }
		.chat-container .message.type-market .msg-name { color: #8ce99a; }
		.chat-container .message.type-market { border-left-color: #51cf66; }
		.chat-container .message.type-vip .msg-body { color: #ffe066; }
		.chat-container .message.type-vip .msg-name { color: #ffe066; }
		.chat-container .message.type-vip { border-left-color: #ffd43b; }

		.fastmu-chat-widget {
			display: flex;
			flex-direction: column;
		}

		.fastmu-chat-widget .chat-container {
			flex: 1 1 auto;
		}