/* ============================================================
   MY-GAMEZONE.DE - Neon Dark Theme
   Reines Optik-Update. Keine Funktionen/Strukturen veraendert.
   Ueberschreibt zentral alle Farben/Hintergrundbilder der alten
   Tabellen-Layouts per CSS - die PHP-Dateien bleiben unberuehrt.
   ============================================================ */

:root {
	--bg-deep:    #05010f;
	--bg-panel:   #120a24;
	--bg-panel2:  #1a0e33;
	--neon-pink:  #ff2fd0;
	--neon-cyan:  #00eaff;
	--neon-gold:  #ffd23f;
	--neon-purple:#8a2be2;
	--text-light: #eef0ff;
}

/* ---------- Grundfarbe der Seite ---------- */
body {
	background-color: var(--bg-deep) !important;
	background-image:
		radial-gradient(circle at 15% 10%, rgba(255,47,208,0.12), transparent 40%),
		radial-gradient(circle at 85% 90%, rgba(0,234,255,0.10), transparent 40%);
	background-attachment: fixed;
}

/* ---------- Alle bgcolor="..." Attribute im HTML ueberschreiben ---------- */
[bgcolor="#FF0000"],
[bgcolor="#B30000"],
[bgcolor="#990000"] {
	background-color: var(--bg-panel) !important;
	background-image: none !important;
}

[bgcolor="#FF9900"] {
	background-color: var(--bg-panel2) !important;
	background-image: none !important;
	box-shadow: inset 0 0 12px rgba(255,47,208,0.35);
}

[bgcolor="#000000"] {
	background-color: #000000 !important;
}

[bgcolor="#FFFFFF"],
[bgcolor="#F3F3F3"],
[bgcolor="#e7e7e7"],
[bgcolor="#CCCCCC"] {
	background-color: var(--bg-panel) !important;
	color: var(--text-light) !important;
}

/* ---------- Alte Hintergrundbilder (orange/rote Texturstreifen) entfernen ---------- */
[background="images/bg.gif"],
[background="images/logo_bg3.gif"],
[background^="images/navi_pics/profil/"],
[background^="images/new/header/"],
[background^="images/new/content_"],
[background="images/new/bg.jpg"],
[background^="images/re_"],
[background^="images/sp1_"],
[background^="images/sp2_"],
[background^="images/sp3_"],
[background^="images/bg_pics/"] {
	background-image: none !important;
	background-color: var(--bg-panel2) !important;
	color: var(--text-light) !important;
}

/* Menüzeilen (Sidebar-Links) - dunkel mit dezentem Cyan-Unterstrich statt Vollton */
[background="images/navi_pics/navi_02.jpg"],
[background="images/navi_pics/navi2_02.jpg"],
[background="images/top_bg.jpg"] {
	background-image: none !important;
	background-color: #0d0620 !important;
	border-bottom: 1px solid rgba(0,234,255,0.25) !important;
	color: var(--text-light) !important;
}

/* Titel-/Kopfzeilen der Panels bekommen einen dezenten Neon-Verlauf statt Vollfarbe */
[background="images/bg.jpg"] {
	background-color: transparent !important;
	background-image: linear-gradient(90deg, #ff2fd0, #8a2be2) !important;
}

/* ---------- Zentrale Tabellen-Klassen ---------- */
td.klasse1, td.Klasse1 {
	background-image: none !important;
	background-color: var(--bg-panel) !important;
}
td.klasse2, td.Klasse2,
td.klasse3, td.Klasse3 {
	background-color: var(--bg-panel) !important;
	color: var(--text-light) !important;
}
td.klasse4, td.Klasse4 {
	background-image: none !important;
	background-color: var(--bg-deep) !important;
}
td.klasse111, td.Klasse111 {
	background-color: var(--bg-panel2) !important;
}
td.backgraund, td.Backgraund {
	background-color: var(--bg-panel) !important;
}
td.design1, td.Design1 {
	background-color: var(--bg-panel2) !important;
}
td.menu, td.Menu, td.menu1, td.Menu1 {
	background-image: none !important;
	background-color: #150a2b !important;
}
td.menu122, td.Menu122 {
	border: 1pt solid var(--neon-cyan) !important;
	background-color: var(--bg-panel2) !important;
}

/* Panel-Rahmen mit Neon-Glow */
.box1 {
	border: 1px solid var(--neon-purple) !important;
	box-shadow: 0 0 10px rgba(138,43,226,0.55), inset 0 0 20px rgba(138,43,226,0.08);
	border-radius: 4px;
}
.box {
	border: 1px solid var(--neon-cyan) !important;
	background: var(--bg-panel) !important;
	box-shadow: 0 0 10px rgba(0,234,255,0.5);
}

/* ---------- Links ---------- */
a, a.header, a.header:visited, a.header:hover,
a.st, a.st1, a.st6, a.menu4, a.menu4:visited,
a.match, a.toplist, a.profil, a.profil:visited {
	color: var(--text-light);
	font-family: "Verdana", sans-serif;
}
a:link, a:visited,
a.st4, a.st99, a.st99:visited,
a.nachricht, a.guest, a.guest:visited, a.guest2 {
	color: var(--neon-cyan) !important;
	text-decoration: none;
}
a:hover, a.header:hover, a.st4:hover, a.st99:hover,
a.menu:hover, a.menu2:hover, a.menu4:hover, a.menu5:hover,
a.mail:hover, a.f_be:hover, a.profil:hover, a.st90:hover {
	color: var(--neon-pink) !important;
	text-shadow: 0 0 6px rgba(255,47,208,0.8);
}
a.menu, a.menu:visited,
a.menu2, a.menu2:visited,
a.menu5, a.menu5:visited,
a.f_be, a.f_be:visited,
a.mail, a.mail:visited,
a.up_menu, a.up_menu:visited,
a.up_menu2, a.up_menu2:visited {
	color: var(--text-light) !important;
	background-image: none !important;
}
a.menu::after, a.menu2::after {
	content: " \203A";
	float: right;
	color: var(--neon-cyan);
	margin-right: 6px;
}
a.st2, a.st3, a.st5, a.st90, a.st90:visited {
	color: var(--neon-gold) !important;
}
a.grus, a.grus:visited, a.bratwa {
	color: var(--neon-gold) !important;
}
a.grusr:hover {
	color: var(--neon-pink) !important;
}

/* ---------- Formulare ---------- */
input, textarea, select {
	background-color: #0c0620 !important;
	color: var(--text-light) !important;
	border: 1px solid var(--neon-cyan) !important;
	font-family: "Verdana", Arial, sans-serif;
}
input.log, input.log2, input.ru, input.ru2,
input.new, input.new2, input.nl, input.pn, input.profil,
select.ru {
	background-color: #0c0620 !important;
	color: var(--neon-cyan) !important;
	border: 1px solid var(--neon-cyan) !important;
}
input.log:hover, input.nl:hover, input.pn:hover, input.profil:hover,
input.gallery:hover, input.gallery2:hover, input.gallery3:hover {
	color: var(--neon-pink) !important;
	border-color: var(--neon-pink) !important;
}
input.gallery, input.gallery2, input.gallery3 {
	background-image: none !important;
	background-color: #0c0620 !important;
	color: var(--neon-cyan) !important;
	border: 1px solid var(--neon-cyan) !important;
}

/* ---------- Textblock-Grundfarbe ---------- */
.text {
	color: var(--text-light) !important;
}

/* Alte rote Titel-/Trennbild-Grafiken der Sidebar auf Neon-Farbton umfaerben */
img[src*="navi_pics/"],
img[src*="images/re_"],
img[src*="bg_pics/bg_"] {
	filter: hue-rotate(275deg) saturate(1.6) brightness(0.95);
}

/* Rote Deko-Trennleiste ueber dem Hauptinhalt ausblenden */
.vml-hide-strip {
	display: none !important;
}

/* ============================================================
   Neuer Header/Login-Bereich (vml-topbar)
   ============================================================ */
.vml-topbar {
	max-width: 1500px;
	margin: 12px auto 16px auto;
	background: linear-gradient(180deg, #0d0620 0%, #150a2b 100%);
	border: 1px solid var(--neon-pink);
	border-radius: 12px;
	box-shadow: 0 0 18px rgba(255,47,208,0.45), 0 0 40px rgba(0,234,255,0.15);
	overflow: hidden;
	font-family: "Verdana", Arial, sans-serif;
}
.vml-topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	padding: 16px 22px;
}
.vml-logo {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	text-shadow: 0 0 8px rgba(255,255,255,0.6);
}
.vml-logo .accent {
	color: var(--neon-pink);
	text-shadow: 0 0 10px var(--neon-pink), 0 0 22px var(--neon-pink);
}
.vml-tagline {
	font-size: 12px;
	color: var(--neon-cyan);
	text-shadow: 0 0 6px rgba(0,234,255,0.6);
	letter-spacing: 1px;
	margin-top: 2px;
}
.vml-ad-slot {
	border: 1px dashed rgba(238,240,255,0.35);
	border-radius: 8px;
	padding: 8px 18px;
	text-align: center;
	font-size: 11px;
	color: rgba(238,240,255,0.55);
	letter-spacing: 1px;
}
.vml-ad-slot span {
	font-size: 10px;
	opacity: 0.8;
}

/* Radio-Player */
.vml-radio {
	border: 1px solid var(--neon-cyan);
	border-radius: 10px;
	padding: 8px 14px;
	background: rgba(0,0,0,0.35);
	box-shadow: 0 0 10px rgba(0,234,255,0.35);
	min-width: 220px;
}
.vml-radio-top {
	display: flex;
	align-items: center;
	gap: 6px;
}
.vml-radio-live-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #ff2f5d;
	box-shadow: 0 0 8px #ff2f5d;
	animation: vml-pulse 1.4s infinite ease-in-out;
	flex-shrink: 0;
}
@keyframes vml-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.7); }
}
.vml-radio-onair {
	color: #ff2f5d;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;
}
.vml-radio-name {
	color: var(--text-light);
	font-size: 11px;
	font-weight: bold;
}
.vml-radio-sub {
	color: var(--neon-cyan);
	font-size: 10px;
	margin: 2px 0 6px 0;
	letter-spacing: 0.5px;
}
.vml-radio-controls {
	display: flex;
	align-items: center;
	gap: 8px;
}
.vml-radio-btn {
	background: var(--neon-pink) !important;
	color: #150a2b !important;
	border: none !important;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	font-size: 11px;
	cursor: pointer;
	box-shadow: 0 0 8px rgba(255,47,208,0.7);
	flex-shrink: 0;
}
.vml-radio-btn:hover {
	box-shadow: 0 0 14px rgba(255,47,208,1);
}
.vml-radio-viz {
	background: rgba(0,0,0,0.4);
	border-radius: 4px;
	flex: 1;
}
.vml-radio-volume {
	width: 50px;
	accent-color: var(--neon-cyan);
}

/* Skyline Chat-Assistent */
.vml-skyline-wrap {
	display: flex;
	gap: 20px;
	padding: 20px;
	flex-wrap: wrap;
}
.vml-skyline-avatar {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: 100px;
}
.vml-skyline-avatar-circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--neon-pink), var(--neon-purple));
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	box-shadow: 0 0 16px rgba(255,47,208,0.6);
	overflow: hidden;
}
.vml-skyline-avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	display: block;
}
.vml-skyline-status {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	color: var(--text-light);
}
.vml-skyline-chat {
	flex: 1;
	min-width: 260px;
	display: flex;
	flex-direction: column;
}
.vml-skyline-messages {
	height: 260px;
	overflow-y: auto;
	border: 1px solid var(--neon-purple);
	border-radius: 8px;
	padding: 12px;
	background: rgba(0,0,0,0.3);
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 10px;
}
.vml-skyline-msg {
	max-width: 80%;
	padding: 8px 12px;
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.4;
}
.vml-skyline-msg-bot {
	align-self: flex-start;
	background: rgba(138,43,226,0.25);
	border: 1px solid var(--neon-purple);
	color: var(--text-light);
}
.vml-skyline-msg-user {
	align-self: flex-end;
	background: rgba(0,234,255,0.15);
	border: 1px solid var(--neon-cyan);
	color: var(--text-light);
}
.vml-skyline-input-row {
	display: flex;
	gap: 8px;
	margin-bottom: 10px;
}
.vml-skyline-input-row .vml-input {
	flex: 1;
}
.vml-skyline-suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.vml-skyline-chip {
	background: transparent;
	border: 1px solid var(--neon-cyan);
	color: var(--neon-cyan);
	border-radius: 14px;
	padding: 4px 12px;
	font-size: 11px;
	cursor: pointer;
}
.vml-skyline-chip:hover {
	background: var(--neon-cyan);
	color: #150a2b;
}
.vml-lang-flags img {
	width: 26px;
	height: auto;
	margin-left: 6px;
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(0,0,0,0.6);
}
.vml-login-row {
	border-top: 1px solid rgba(255,47,208,0.35);
	padding: 12px 22px;
	background: rgba(0,0,0,0.25);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.vml-login-form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}
.vml-input {
	background-color: #0c0620 !important;
	color: var(--neon-cyan) !important;
	border: 1px solid var(--neon-cyan) !important;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 12px;
}
.vml-login-btn {
	background-color: var(--neon-pink) !important;
	color: #150a2b !important;
	border: none !important;
	border-radius: 6px;
	padding: 6px 16px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0 0 8px rgba(255,47,208,0.7);
}
.vml-login-btn:hover {
	box-shadow: 0 0 14px rgba(255,47,208,1);
}
.vml-register-btn {
	background: transparent !important;
	color: var(--neon-cyan) !important;
	border: 1px solid var(--neon-cyan) !important;
	border-radius: 6px;
	padding: 5px 14px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.vml-register-btn:hover {
	background: var(--neon-cyan) !important;
	color: #150a2b !important;
	box-shadow: 0 0 10px rgba(0,234,255,0.8);
}
.vml-forgot {
	color: var(--neon-gold) !important;
	font-size: 11px;
	text-decoration: none;
}
.vml-forgot:hover {
	text-shadow: 0 0 6px var(--neon-gold);
}
.vml-logout-btn {
	color: var(--text-light) !important;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid var(--neon-cyan);
	border-radius: 6px;
	padding: 5px 12px;
}
.vml-logout-btn:hover {
	color: var(--neon-pink) !important;
	border-color: var(--neon-pink);
}
.vml-marquee {
	color: var(--text-light);
	font-size: 12px;
	flex: 1;
}
@media (max-width: 700px) {
	.vml-topbar-inner { justify-content: center; text-align: center; }
	.vml-login-row { justify-content: center; }
}

/* ============================================================
   Neue Panel-/Karten-Layouts (Startseite)
   ============================================================ */
.vml-page {
	max-width: 1500px;
	margin: 0 auto 30px auto;
	display: flex;
	flex-direction: column;
	gap: 18px;
	font-family: "Verdana", Arial, sans-serif;
}
.vml-panel {
	background: linear-gradient(180deg, #0d0620 0%, #150a2b 100%);
	border: 1px solid var(--neon-pink);
	border-radius: 12px;
	box-shadow: 0 0 16px rgba(255,47,208,0.35);
	overflow: hidden;
}
.vml-panel-title {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	padding: 10px 14px;
	background: linear-gradient(90deg, #ff2fd0, #8a2be2);
	text-shadow: 0 0 6px rgba(0,0,0,0.4);
}
.vml-panel-body {
	padding: 16px 20px;
	color: var(--text-light);
	font-size: 13px;
	line-height: 1.5;
}

/* User-Karten (User des Tages / User der Stunde / Top Frau / Top Mann) */
.vml-usercard-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 16px;
	padding: 22px 16px;
}
.vml-usercard {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 140px;
}
.vml-usercard-label {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.vml-label-tag    { color: var(--neon-gold); text-shadow: 0 0 6px rgba(255,210,63,0.7); }
.vml-label-stunde { color: var(--neon-cyan); text-shadow: 0 0 6px rgba(0,234,255,0.7); }
.vml-label-frau   { color: var(--neon-pink); text-shadow: 0 0 6px rgba(255,47,208,0.7); }
.vml-label-mann   { color: #6db4ff; text-shadow: 0 0 6px rgba(109,180,255,0.7); }
.vml-usercard-photo {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	background: #0c0620;
	border: 2px solid var(--neon-purple);
	box-shadow: 0 0 12px rgba(138,43,226,0.6);
	display: flex;
	align-items: center;
	justify-content: center;
}
.vml-usercard-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Neue Mitglieder Fotos */
.vml-photo-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 18px;
}
.vml-photo-thumb {
	display: block;
	width: 78px;
	height: 78px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--neon-cyan);
	box-shadow: 0 0 8px rgba(0,234,255,0.4);
}
.vml-photo-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Top Gold Partner */
.vml-partner-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	padding: 18px;
}
.vml-partner-empty {
	color: rgba(238,240,255,0.5);
	font-size: 12px;
	font-style: italic;
}


/* ============================================================
   MY-GAMEZONE.DE - LIGHT GLASS 2026
   Helles, responsives Optik-Update. Diese Regeln stehen bewusst
   am Ende und ueberschreiben das alte Dark/Legacy-Layout.
   ============================================================ */
:root {
  --mgz-bg: #f5f7ff;
  --mgz-surface: rgba(255,255,255,.94);
  --mgz-surface-2: #eef2ff;
  --mgz-text: #172033;
  --mgz-muted: #667085;
  --mgz-purple: #7c3aed;
  --mgz-violet: #a855f7;
  --mgz-cyan: #06b6d4;
  --mgz-green: #22c55e;
  --mgz-yellow: #f59e0b;
  --mgz-red: #ef4444;
  --mgz-line: #dbe3f4;
  --mgz-shadow: 0 14px 40px rgba(72, 69, 122, .12);
}

html { background: var(--mgz-bg); }
body {
  min-height: 100vh;
  margin: 0 !important;
  color: var(--mgz-text) !important;
  background-color: var(--mgz-bg) !important;
  background-image:
    radial-gradient(circle at 8% 6%, rgba(168,85,247,.14), transparent 28%),
    radial-gradient(circle at 90% 4%, rgba(6,182,212,.13), transparent 24%),
    radial-gradient(circle at 80% 80%, rgba(34,197,94,.08), transparent 22%),
    linear-gradient(180deg, #fbfcff 0%, #f3f5ff 52%, #f8fbff 100%) !important;
  background-attachment: fixed !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body > table { max-width: 1540px; margin-left: auto; margin-right: auto; }
img { max-width: 100%; }

/* Legacy Flaechen */
[bgcolor="#FF0000"], [bgcolor="#B30000"], [bgcolor="#990000"],
[bgcolor="#000000"], [bgcolor="#FFFFFF"], [bgcolor="#F3F3F3"],
[bgcolor="#e7e7e7"], [bgcolor="#CCCCCC"], [bgcolor="#B30000"],
[bgcolor="#9d0000"], [bgcolor="#9D0000"], [bgcolor="#990000"],
td.klasse1, td.Klasse1, td.klasse2, td.Klasse2, td.klasse3, td.Klasse3,
td.klasse4, td.Klasse4, td.klasse111, td.Klasse111, td.backgraund, td.Backgraund,
td.design1, td.Design1, td.menu, td.Menu, td.menu1, td.Menu1 {
  background-color: var(--mgz-surface) !important;
  background-image: none !important;
  color: var(--mgz-text) !important;
}

[background="images/bg.jpg"], [background="images/top_bg.jpg"],
[background="images/navi_pics/navi_02.jpg"], [background="images/navi_pics/navi2_02.jpg"],
[background^="images/new/"], [background^="images/bg_pics/"], [background^="images/re_"] {
  background-image: none !important;
  background-color: var(--mgz-surface) !important;
  color: var(--mgz-text) !important;
}

.box1, .box, table.box1 {
  background: var(--mgz-surface) !important;
  border: 1px solid var(--mgz-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--mgz-shadow) !important;
  overflow: hidden;
}

/* Text und Links */
a, a.header, a.header:visited, a.st, a.st1, a.st6, a.menu4, a.menu4:visited,
a.match, a.toplist, a.profil, a.profil:visited, .text {
  color: var(--mgz-text) !important;
}
a:link, a:visited, a.st4, a.st99, a.st99:visited, a.nachricht, a.guest,
a.guest:visited, a.guest2 { color: #5b4bd8 !important; }
a:hover, a.header:hover, a.st4:hover, a.st99:hover, a.menu:hover, a.menu2:hover,
a.menu4:hover, a.menu5:hover, a.mail:hover, a.f_be:hover, a.profil:hover, a.st90:hover {
  color: var(--mgz-purple) !important;
  text-shadow: none !important;
}
a.st2, a.st3, a.st5, a.st90, a.st90:visited { color: #b45309 !important; }
a.grus, a.grus:visited, a.bratwa { color: #7c3aed !important; }

/* Formulare */
input, textarea, select, input.log, input.log2, input.ru, input.ru2,
input.new, input.new2, input.nl, input.pn, input.profil, select.ru,
input.gallery, input.gallery2, input.gallery3 {
  background: #fff !important;
  color: var(--mgz-text) !important;
  border: 1px solid #cfd8eb !important;
  border-radius: 10px !important;
  box-sizing: border-box;
  min-height: 34px;
  outline: none;
  transition: .18s ease;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--mgz-purple) !important;
  box-shadow: 0 0 0 3px rgba(124,58,237,.12) !important;
}

/* Header */
.vml-topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  max-width: 1540px;
  margin: 12px auto 18px;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(219,227,244,.95) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 42px rgba(62,66,120,.13) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
}
.vml-topbar-inner { padding: 15px 22px 10px; gap: 18px; }
.vml-logo {
  font-size: clamp(24px, 3vw, 34px) !important;
  color: #182033 !important;
  letter-spacing: -.8px !important;
  text-shadow: none !important;
}
.vml-logo .accent {
  background: linear-gradient(90deg, var(--mgz-purple), var(--mgz-cyan), var(--mgz-green));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: none !important;
}
.vml-logo .domain { color: #667085; font-size: .62em; margin-left: 2px; }
.vml-tagline { color: var(--mgz-muted) !important; text-shadow: none !important; letter-spacing: .5px; }
.vml-radio {
  min-width: 235px;
  border: 1px solid #d9e1f2 !important;
  background: linear-gradient(135deg, #ffffff, #f5f3ff) !important;
  box-shadow: 0 8px 24px rgba(124,58,237,.10) !important;
  border-radius: 14px !important;
}
.vml-radio-name { color: var(--mgz-text) !important; }
.vml-radio-sub { color: var(--mgz-muted) !important; text-shadow: none !important; }
.vml-radio-btn {
  background: linear-gradient(135deg, var(--mgz-purple), var(--mgz-violet)) !important;
  color: white !important;
  box-shadow: 0 7px 18px rgba(124,58,237,.25) !important;
}
.vml-radio-viz { background: #eef2ff !important; }
.vml-radio-volume { accent-color: var(--mgz-purple); }

.mgz-mainnav {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 8px 18px 10px;
  border-top: 1px solid #edf0f8;
  background: rgba(248,250,255,.9);
}
.mgz-mainnav a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 10px;
  color: #475467 !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.mgz-mainnav a:hover { background: #eeeafe; color: var(--mgz-purple) !important; }
.mgz-mainnav .mgz-mainnav-primary {
  margin-left: auto;
  color: white !important;
  background: linear-gradient(135deg, var(--mgz-purple), var(--mgz-violet));
  box-shadow: 0 7px 18px rgba(124,58,237,.18);
}

.vml-login-row {
  border-top: 1px solid #edf0f8 !important;
  background: rgba(255,255,255,.9) !important;
  padding: 10px 20px !important;
}
.vml-input { background:#fff !important; color:var(--mgz-text) !important; border-color:#d0d8ea !important; padding:7px 10px !important; }
.vml-login-btn {
  background: linear-gradient(135deg, var(--mgz-purple), var(--mgz-violet)) !important;
  color: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 7px 18px rgba(124,58,237,.2) !important;
  padding: 8px 17px !important;
}
.vml-register-btn {
  background: #eef2ff !important;
  color: var(--mgz-purple) !important;
  border: 1px solid #ddd6fe !important;
  border-radius: 10px !important;
  padding: 7px 14px !important;
}
.vml-register-btn:hover { background:#e9e4ff !important; color:#5b21b6 !important; box-shadow:none !important; }
.vml-forgot { color: #8a5a00 !important; }
.vml-logout-btn { color:#475467 !important; border-color:#d7deee !important; background:#fff; }
.vml-marquee { color: var(--mgz-text) !important; }

/* Hauptseite / Karten */
.vml-page { max-width: 1540px !important; gap: 20px !important; padding: 0 10px; box-sizing: border-box; }
.vml-panel {
  background: var(--mgz-surface) !important;
  border: 1px solid var(--mgz-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--mgz-shadow) !important;
}
.vml-panel-title {
  text-align: left !important;
  padding: 13px 18px !important;
  color: #1f2937 !important;
  background: linear-gradient(90deg, rgba(124,58,237,.11), rgba(6,182,212,.08), rgba(34,197,94,.07)) !important;
  border-bottom: 1px solid #e9edf6;
  text-shadow: none !important;
  font-size: 15px !important;
}
.vml-panel-body { color: var(--mgz-text) !important; padding: 22px !important; }
.vml-welcome { position: relative; overflow: hidden; }
.vml-welcome:after {
  content: "";
  position:absolute; width:260px; height:260px; right:-80px; bottom:-120px;
  border-radius:50%; background:radial-gradient(circle, rgba(6,182,212,.18), transparent 66%); pointer-events:none;
}
.mgz-hero-copy { position: relative; z-index: 1; max-width: 880px; }
.mgz-kicker {
  display:inline-block; padding:5px 10px; border-radius:999px;
  background:#ede9fe; color:#6d28d9; font-size:11px; font-weight:800; letter-spacing:.6px; text-transform:uppercase;
}
.mgz-hero-copy h1 { margin:12px 0 10px; color:#172033; font-size:clamp(24px,4vw,42px); line-height:1.08; letter-spacing:-1.2px; }
.mgz-hero-copy p { margin:0; color:#596579; font-size:14px; line-height:1.75; max-width:800px; }
.mgz-hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.mgz-cta, .mgz-cta-secondary {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 17px;
  border-radius:12px; font-size:12px; font-weight:800; text-decoration:none !important;
}
.mgz-cta { color:white !important; background:linear-gradient(135deg,var(--mgz-purple),var(--mgz-violet)); box-shadow:0 9px 22px rgba(124,58,237,.22); }
.mgz-cta-secondary { color:#5b21b6 !important; background:#f4f1ff; border:1px solid #ddd6fe; }

.vml-usercard-row { justify-content: center !important; gap: 22px !important; }
.vml-usercard {
  width: 155px !important; padding: 14px 12px 16px; border:1px solid #e4e8f2; border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfcff); box-shadow:0 7px 20px rgba(86,91,135,.07);
}
.vml-usercard-label { text-shadow:none !important; }
.vml-label-tag { color:#a16207 !important; } .vml-label-stunde { color:#087f8c !important; }
.vml-label-frau { color:#9333ea !important; } .vml-label-mann { color:#2563eb !important; }
.vml-usercard-photo { width:112px !important; height:112px !important; background:#f1f5f9 !important; border:3px solid #fff !important; box-shadow:0 0 0 1px #dfe5f2,0 10px 24px rgba(67,72,110,.15) !important; }
.vml-photo-row { gap:14px !important; }
.vml-photo-thumb { width:84px !important; height:84px !important; border:3px solid #fff !important; box-shadow:0 0 0 1px #dfe5f2,0 9px 20px rgba(67,72,110,.12) !important; transition:.18s ease; }
.vml-photo-thumb:hover { transform:translateY(-3px) scale(1.03); }
.vml-partner-empty { color:var(--mgz-muted) !important; }

/* Seitenmenue: alte Grafikstruktur bleibt funktional, wirkt aber heller */
td[width="160"].Klasse4 { padding: 0 6px 0 4px; }
td[background="images/navi_pics/navi_02.jpg"], td[background="images/navi_pics/navi2_02.jpg"] {
  background:#fff !important; border-bottom:1px solid #edf0f6 !important; padding:2px 4px !important;
}
a.menu, a.menu:visited, a.menu2, a.menu2:visited, a.menu5, a.menu5:visited, a.f_be, a.f_be:visited,
a.mail, a.mail:visited, a.up_menu, a.up_menu:visited, a.up_menu2, a.up_menu2:visited {
  color:#475467 !important; font-weight:700; line-height:28px;
}
a.menu::after, a.menu2::after { color:var(--mgz-purple) !important; }
img[src*="navi_pics/navi_01"], img[src*="navi_pics/navi2_01"], img[src*="navi_pics/navi4_01"] {
  filter:hue-rotate(215deg) saturate(.75) brightness(1.55) contrast(.72) !important;
  border-radius:12px 12px 0 0;
}
img[src*="navi_pics/navi_03"] { filter:brightness(1.8) saturate(.3) !important; opacity:.65; }

/* Skyline */
.vml-skyline-avatar-circle { background:linear-gradient(135deg,var(--mgz-purple),var(--mgz-cyan)) !important; box-shadow:0 10px 24px rgba(124,58,237,.2) !important; }
.vml-skyline-status { color:var(--mgz-muted) !important; }
.vml-skyline-messages { background:#f8faff !important; border-color:#e0e5f0 !important; }
.vml-skyline-msg-bot { background:#f0edff !important; border-color:#ddd6fe !important; color:var(--mgz-text) !important; }
.vml-skyline-msg-user { background:#e7f9fc !important; border-color:#bfeaf2 !important; color:var(--mgz-text) !important; }
.vml-skyline-chip { background:#fff !important; color:#6d28d9 !important; border-color:#d7cdfc !important; }
.vml-skyline-chip:hover { background:#ede9fe !important; color:#5b21b6 !important; }

.mgz-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mgz-info-card { border:1px solid #e4e8f2; border-radius:16px; padding:18px; background:#fbfcff; }
.mgz-info-card h2 { margin:10px 0; color:#1f2937; font-size:20px; }
.mgz-info-card p, .mgz-clean-list { color:#596579; line-height:1.65; }
.mgz-clean-list { padding-left:20px; }

.mgz-footer {
  max-width:1540px; margin:20px auto 28px; padding:18px 20px; text-align:center;
  background:rgba(255,255,255,.88); border:1px solid var(--mgz-line); border-radius:18px;
  box-shadow:0 10px 28px rgba(72,69,122,.08); color:var(--mgz-muted);
}
.mgz-footer-brand { font-weight:900; letter-spacing:.8px; color:#30284e; margin-bottom:8px; }
.mgz-footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 16px; margin-bottom:8px; }
.mgz-footer-links a { color:#5b4bd8 !important; font-size:12px; font-weight:700; text-decoration:none; }
.mgz-footer-copy { font-size:11px; }

@media (max-width: 900px) {
  .vml-topbar { position:relative; top:auto; margin:6px 6px 12px; border-radius:16px !important; }
  .vml-topbar-inner { justify-content:center !important; text-align:center; }
  .mgz-mainnav { justify-content:center; }
  .mgz-mainnav .mgz-mainnav-primary { margin-left:0; }
  .mgz-info-grid { grid-template-columns:1fr; }
}
@media (max-width: 700px) {
  body > table, body table { max-width:100% !important; }
  .vml-radio { width:min(100%,320px); box-sizing:border-box; }
  .vml-login-form { justify-content:center; width:100%; }
  .vml-input { flex:1 1 130px; }
  .vml-panel-body { padding:17px !important; }
  .vml-usercard { width:calc(50% - 24px) !important; min-width:130px; box-sizing:border-box; }
  td[width="160"].Klasse4 { width:145px !important; min-width:145px; }
}

/* ============================================================
   MY-GAMEZONE.DE - NEON SKY 2026
   Heller Flirt/Vote Look: Hellblau + Schwarz/Rot/Grün/Gelb/Orange
   ============================================================ */
:root{
  --mgz-sky:#e9faff;
  --mgz-sky2:#ccefff;
  --mgz-white:#ffffff;
  --mgz-ink:#0d1624;
  --mgz-muted:#5f6f80;
  --mgz-red:#ff2438;
  --mgz-red2:#ff5c68;
  --mgz-green:#62ff00;
  --mgz-yellow:#ffe600;
  --mgz-orange:#ff8a00;
  --mgz-border:#b9dfee;
  --mgz-shadow:0 18px 50px rgba(27,104,145,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0 !important;
  min-height:100vh;
  color:var(--mgz-ink) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  background:
    radial-gradient(circle at 8% 2%,rgba(255,36,56,.10),transparent 25%),
    radial-gradient(circle at 94% 7%,rgba(98,255,0,.09),transparent 18%),
    linear-gradient(180deg,#f8fdff 0,#dff7ff 36%,#eefcff 100%) !important;
  background-attachment:fixed !important;
}
a{transition:.2s ease}
img{max-width:100%}

/* Header */
.mgz-header{
  position:sticky;top:0;z-index:80;
  background:rgba(248,253,255,.93);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(65,143,185,.18);
  box-shadow:0 6px 24px rgba(32,92,126,.08);
}
.mgz-header-row{max-width:1640px;margin:auto;min-height:88px;padding:10px 22px;display:flex;align-items:center;gap:22px}
.mgz-brand{display:flex;align-items:center;gap:11px;min-width:270px;text-decoration:none !important;color:var(--mgz-ink) !important}
.mgz-brand-heart{font-size:56px;line-height:1;color:#fff;text-shadow:0 0 3px var(--mgz-red),0 0 10px var(--mgz-red),0 0 22px var(--mgz-red)}
.mgz-brand-copy strong{display:block;font-size:28px;letter-spacing:.5px;white-space:nowrap;color:#0a1521}
.mgz-brand-copy em{font-style:normal;color:var(--mgz-red);text-shadow:0 0 12px rgba(255,36,56,.35)}
.mgz-brand-copy small{display:block;margin-top:4px;color:#6d7280;letter-spacing:2.2px;font-size:11px}
.mgz-mainnav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:470px}
.mgz-mainnav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 10px;border-radius:12px;text-decoration:none !important;color:#141c27 !important;font-size:12px;font-weight:700;min-width:62px}
.mgz-mainnav a span{font-size:21px;line-height:1;color:#111}
.mgz-mainnav a:hover,.mgz-mainnav a.active{background:#fff;color:var(--mgz-red) !important;box-shadow:0 8px 24px rgba(255,36,56,.10)}
.mgz-mainnav a:hover span,.mgz-mainnav a.active span{color:var(--mgz-red);text-shadow:0 0 9px rgba(255,36,56,.5)}
.mgz-header-actions{display:flex;align-items:center;gap:9px}
.mgz-mini-radio{display:flex;align-items:center;gap:9px;min-width:215px;padding:8px 10px;border-radius:14px;background:#fff;border:1px solid #acdbea;box-shadow:0 5px 18px rgba(32,103,139,.09)}
.mgz-mini-radio button{width:35px;height:35px;border-radius:50%;border:0 !important;background:var(--mgz-red) !important;color:#fff !important;font-size:13px;box-shadow:0 0 14px rgba(255,36,56,.55);cursor:pointer}
.mgz-mini-radio b,.mgz-mini-radio small{display:block}.mgz-mini-radio b{font-size:12px}.mgz-mini-radio small{font-size:9px;color:#6b7b8a;margin-top:2px}
.mgz-radio-bars{margin-left:auto;display:flex;align-items:center;height:24px;gap:2px}
.mgz-radio-bars i{display:block;width:3px;border-radius:3px;background:var(--mgz-orange);box-shadow:0 0 7px var(--mgz-orange);animation:mgzBars 1s ease-in-out infinite alternate}
.mgz-radio-bars i:nth-child(1){height:8px}.mgz-radio-bars i:nth-child(2){height:18px;animation-delay:.2s}.mgz-radio-bars i:nth-child(3){height:12px;animation-delay:.35s}.mgz-radio-bars i:nth-child(4){height:21px;animation-delay:.55s}
@keyframes mgzBars{to{height:5px}}
.mgz-btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 16px;border-radius:11px;text-decoration:none !important;font-weight:800;font-size:12px;white-space:nowrap}
.mgz-btn-dark{background:#101722 !important;color:#fff !important;box-shadow:0 0 0 1px #1d2938,0 0 14px rgba(0,0,0,.18)}
.mgz-btn-red{background:linear-gradient(135deg,#ff1e2f,#c90016) !important;color:#fff !important;box-shadow:0 0 17px rgba(255,36,56,.5)}
.mgz-btn-green{background:#101722 !important;color:var(--mgz-yellow) !important;border:1px solid var(--mgz-green);box-shadow:0 0 15px rgba(98,255,0,.38)}

/* Layout */
.mgz-site-shell{max-width:1640px;margin:0 auto;display:flex;gap:18px;padding:10px 18px 30px}
.mgz-sidebar{width:178px;flex:0 0 178px;padding-top:10px}
.mgz-main{min-width:0;flex:1}
.mgz-main-home{width:100%}
.mgz-inner .mgz-main{background:rgba(255,255,255,.78);border:1px solid var(--mgz-border);border-radius:18px;padding:14px;box-shadow:var(--mgz-shadow)}

/* Hero */
.mgz-hero{position:relative;overflow:hidden;min-height:325px;border-radius:20px;border:1px solid rgba(255,36,56,.55);margin:2px 0 12px;background:
 linear-gradient(90deg,rgba(239,250,255,.98) 0%,rgba(230,248,255,.94) 36%,rgba(225,245,255,.25) 61%,rgba(5,14,24,.04) 100%),
 url('images/design2026/flirt_vote_hero.jpg') right center/auto 100% no-repeat,
 linear-gradient(135deg,#eaf9ff,#9ddcff);
 box-shadow:0 12px 34px rgba(50,127,166,.14),0 0 18px rgba(255,36,56,.13)}
.mgz-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(255,255,255,.95),transparent 28%),radial-gradient(circle at 43% 78%,rgba(255,36,56,.10),transparent 28%);pointer-events:none}
.mgz-hero-content{position:relative;z-index:2;width:52%;padding:34px 48px}
.mgz-eyebrow{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.8px;color:#ca1226;background:#fff;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,36,56,.22);box-shadow:0 5px 15px rgba(255,36,56,.08)}
.mgz-hero h1{margin:13px 0 7px;font-size:51px;line-height:1.04;letter-spacing:-1.8px;color:#07111d;text-shadow:none}
.mgz-hero h1 em{font-style:italic;color:var(--mgz-red);text-shadow:0 0 13px rgba(255,36,56,.26)}
.mgz-hero h1 span{color:var(--mgz-orange);text-shadow:0 0 11px rgba(255,138,0,.22)}
.mgz-hero p{max-width:520px;margin:0 0 21px;font-size:16px;line-height:1.55;color:#2c3d4f}
.mgz-hero-buttons{display:flex;gap:13px;flex-wrap:wrap}
.mgz-hero-buttons a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-size:13px;font-weight:900;text-decoration:none !important}
.mgz-hero-primary{background:linear-gradient(180deg,#ff4757,#e00019) !important;color:#fff !important;border:1px solid #ff182f;box-shadow:0 0 17px rgba(255,36,56,.55),inset 0 1px 0 rgba(255,255,255,.28)}
.mgz-hero-secondary{background:#101722 !important;color:#fff !important;border:1px solid var(--mgz-green);box-shadow:0 0 15px rgba(98,255,0,.24)}
.mgz-hero-neon{position:absolute;z-index:3;right:36px;top:35px;width:180px;height:180px;border:5px solid #fff;border-radius:52% 48% 50% 50%;transform:rotate(45deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 4px var(--mgz-red),0 0 14px var(--mgz-red),0 0 30px var(--mgz-red),inset 0 0 20px rgba(255,36,56,.8);text-shadow:0 0 8px var(--mgz-red);background:rgba(33,3,8,.44)}
.mgz-hero-neon b,.mgz-hero-neon span{transform:rotate(-45deg)}
.mgz-hero-neon b{font-size:29px;letter-spacing:1px}.mgz-hero-neon span{font-size:22px;color:var(--mgz-yellow);font-style:italic;text-shadow:0 0 10px var(--mgz-orange)}

/* Feature cards */
.mgz-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.mgz-feature{display:flex;align-items:center;gap:15px;min-height:118px;padding:16px 18px;background:rgba(255,255,255,.75);border:1px solid var(--mgz-border);border-radius:17px;text-decoration:none !important;color:var(--mgz-ink) !important;box-shadow:0 10px 26px rgba(26,105,146,.08);backdrop-filter:blur(10px)}
.mgz-feature:hover{transform:translateY(-3px);background:#fff}
.mgz-feature-icon{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:31px;flex:0 0 66px;background:#10151c}
.mgz-feature b{font-size:16px}.mgz-feature p{margin:7px 0;font-size:12px;line-height:1.45;color:#5e6e7e}.mgz-feature span{font-size:12px;font-weight:900}
.mgz-feature-red .mgz-feature-icon{color:#fff;border:2px solid var(--mgz-red);box-shadow:0 0 18px rgba(255,36,56,.56),inset 0 0 14px rgba(255,36,56,.28)}.mgz-feature-red span{color:var(--mgz-red)}
.mgz-feature-green .mgz-feature-icon{color:var(--mgz-green);border:2px solid var(--mgz-green);box-shadow:0 0 18px rgba(98,255,0,.43),inset 0 0 14px rgba(98,255,0,.20)}.mgz-feature-green span{color:#329600}
.mgz-feature-orange .mgz-feature-icon{color:var(--mgz-orange);border:2px solid var(--mgz-orange);box-shadow:0 0 18px rgba(255,138,0,.46),inset 0 0 14px rgba(255,138,0,.20)}.mgz-feature-orange span{color:#e86700}
.mgz-feature-yellow .mgz-feature-icon{color:var(--mgz-yellow);border:2px solid var(--mgz-yellow);box-shadow:0 0 18px rgba(255,230,0,.52),inset 0 0 14px rgba(255,230,0,.18)}.mgz-feature-yellow span{color:#be8b00}

/* Home content */
.mgz-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}
.mgz-home-left,.mgz-home-right{display:flex;flex-direction:column;gap:12px}
.mgz-card,.mgz-online-card,.mgz-quicknav,.mgz-neon-message{background:rgba(255,255,255,.82);border:1px solid var(--mgz-border);border-radius:18px;box-shadow:0 12px 28px rgba(28,103,141,.09);backdrop-filter:blur(10px)}
.mgz-card{padding:16px}
.mgz-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mgz-section-head h2{margin:0;font-size:18px;color:#111d2a}.mgz-section-head h2 span{color:var(--mgz-red);text-shadow:0 0 9px rgba(255,36,56,.42)}.mgz-section-head a{font-size:12px;color:#3a9b00 !important;font-weight:800;text-decoration:none !important}.mgz-section-head small{font-size:10px;color:#6d7c8b}
.mgz-member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mgz-member{overflow:hidden;background:#fff;border:1px solid #c7e2ed;border-radius:14px;text-decoration:none !important;color:#111 !important;box-shadow:0 8px 20px rgba(30,101,136,.08)}
.mgz-member:hover{transform:translateY(-3px);box-shadow:0 12px 27px rgba(30,101,136,.14)}
.mgz-member-photo{position:relative;height:205px;overflow:hidden;background:#c9e7f2}.mgz-member-photo img{width:100%;height:100%;object-fit:cover;display:block}.mgz-new-badge{position:absolute;top:9px;left:9px;background:var(--mgz-red);color:#fff;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;box-shadow:0 0 10px rgba(255,36,56,.45)}.mgz-online-dot{position:absolute;right:9px;top:9px;width:11px;height:11px;border-radius:50%;background:var(--mgz-green);box-shadow:0 0 9px var(--mgz-green)}.mgz-like{position:absolute;right:10px;bottom:10px;width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#111923;color:var(--mgz-red);border:2px solid var(--mgz-red);font-size:19px;box-shadow:0 0 14px rgba(255,36,56,.5)}
.mgz-member-info{padding:10px 12px}.mgz-member-info b{display:block;font-size:15px}.mgz-member-info small{display:block;margin-top:5px;color:#657687;font-size:11px}.mgz-empty{padding:22px;color:#6c7b89;font-size:12px}
.mgz-online-card{display:flex;align-items:center;gap:13px;padding:11px 14px;min-height:67px}.mgz-online-card>b{white-space:nowrap;font-size:13px}.mgz-dot-green{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--mgz-green);box-shadow:0 0 8px var(--mgz-green);margin-right:6px}.mgz-online-list{display:flex;align-items:center;gap:7px;flex:1;overflow:hidden}.mgz-online-list a{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:50%;padding:2px;background:#0e1721;border:2px solid var(--mgz-green);box-shadow:0 0 9px rgba(98,255,0,.4)}.mgz-online-list img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mgz-online-list i{position:absolute;right:-1px;bottom:1px;width:9px;height:9px;border-radius:50%;background:var(--mgz-green);border:2px solid #fff}.mgz-online-more{font-size:11px;font-weight:800;text-decoration:none !important;color:#3c9b00 !important;white-space:nowrap}
.mgz-quicknav{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:11px}.mgz-quicknav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;border-radius:10px;text-decoration:none !important;color:#15202b !important;font-size:10px;font-weight:800}.mgz-quicknav a:hover{background:#e8f9ff;color:var(--mgz-red) !important}.mgz-quicknav span{font-size:22px;color:var(--mgz-red);text-shadow:0 0 7px rgba(255,36,56,.2)}

/* Login + ranking */
.mgz-login-card h2,.mgz-voter-card h2{margin:0 0 12px;font-size:16px}.mgz-login-card form{display:flex;flex-direction:column;gap:9px}.mgz-login-card input[type=text],.mgz-login-card input[type=password]{width:100%;height:43px;padding:0 12px;background:#f9fdff !important;color:#182536 !important;border:1px solid #b8d6e2 !important;border-radius:9px !important;outline:none}.mgz-login-card input:focus{border-color:var(--mgz-red) !important;box-shadow:0 0 0 3px rgba(255,36,56,.08)}.mgz-login-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#697784}.mgz-login-meta a,.mgz-login-card p a{color:var(--mgz-red) !important;text-decoration:none !important}.mgz-login-card button,.mgz-user-home-btn{height:43px;border:0 !important;border-radius:9px;background:linear-gradient(180deg,#ff3448,#d8001c) !important;color:#fff !important;font-weight:900;cursor:pointer;box-shadow:0 0 14px rgba(255,36,56,.36);display:flex;align-items:center;justify-content:center;text-decoration:none !important}.mgz-login-card p{margin:10px 0 0;text-align:center;font-size:10px;color:#6a7887}
.mgz-voter-card ol{list-style:none;margin:0;padding:0}.mgz-voter-card li{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;min-height:38px;border-bottom:1px solid #dfedf3;font-size:11px}.mgz-voter-card li:last-child{border-bottom:0}.mgz-rank{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#edf7fb;font-weight:900}.mgz-voter-card li:nth-child(1) .mgz-rank{background:#ffdf66;box-shadow:0 0 10px rgba(255,230,0,.4)}.mgz-voter-card li:nth-child(2) .mgz-rank{background:#e5e9ed}.mgz-voter-card li:nth-child(3) .mgz-rank{background:#ffb271}.mgz-voter-card li a{font-weight:800;color:#14202d !important;text-decoration:none !important}.mgz-voter-card li b{font-size:10px}.mgz-voter-card li b i{color:var(--mgz-red);font-style:normal}.mgz-ranking-link{display:flex;align-items:center;justify-content:center;margin-top:10px;min-height:37px;border-radius:9px;background:#101722;color:var(--mgz-yellow) !important;border:1px solid var(--mgz-orange);box-shadow:0 0 12px rgba(255,138,0,.22);text-decoration:none !important;font-size:11px;font-weight:900}
.mgz-neon-message{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:14px 25px;background:linear-gradient(135deg,#0f1720,#21080a);border-color:var(--mgz-red);color:#fff;box-shadow:0 0 16px rgba(255,36,56,.3)}.mgz-neon-message span{font-size:19px;font-style:italic;color:#ff664f;text-shadow:0 0 8px var(--mgz-red)}.mgz-neon-message b{font-size:52px;color:#fff;text-shadow:0 0 3px var(--mgz-red),0 0 12px var(--mgz-red),0 0 24px var(--mgz-red)}

/* Footer */
.mgz-footer{max-width:1604px;margin:0 auto 24px;padding:18px 22px;display:flex;align-items:center;gap:24px;justify-content:space-between;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid var(--mgz-border);box-shadow:0 10px 25px rgba(28,103,141,.08);font-size:11px}.mgz-footer strong{font-size:17px}.mgz-footer strong span{color:var(--mgz-red)}.mgz-footer small{display:block;margin-top:3px;color:#6a7b8a}.mgz-footer nav{display:flex;gap:16px}.mgz-footer a{color:#26384b !important;text-decoration:none !important;font-weight:800}.mgz-footer p{margin:0;color:#6b7c89}

/* Alte Tabellen/Forms in Unterseiten heller machen */
.mgz-inner td.Klasse1,.mgz-inner td.klasse1,.mgz-inner td.Klasse2,.mgz-inner td.klasse2,.mgz-inner td.Klasse3,.mgz-inner td.klasse3,.mgz-inner td.Backgraund,.mgz-inner td.backgraund,.mgz-inner td.Design1,.mgz-inner td.design1{background:#f8fdff !important;color:#162536 !important}.mgz-inner a{color:#18364d}.mgz-inner input,.mgz-inner textarea,.mgz-inner select{background:#fff !important;color:#172536 !important;border:1px solid #9fcddd !important}.mgz-inner .box,.mgz-inner .box1{background:#fff !important;border-color:#8dd4e9 !important;box-shadow:0 6px 18px rgba(24,91,125,.10)}
.mgz-sidebar table{width:100% !important}.mgz-sidebar img[width="150"]{max-width:100%;height:auto}.mgz-sidebar td[background]{background:#fff !important;border-bottom:1px solid #d6edf5 !important;padding:7px 5px !important}.mgz-sidebar a.Menu,.mgz-sidebar a.menu{color:#183041 !important;font-size:11px !important}.mgz-sidebar a.Menu:hover,.mgz-sidebar a.menu:hover{color:var(--mgz-red) !important;text-shadow:none !important}

/* Responsive */
@media(max-width:1380px){.mgz-mini-radio{display:none}.mgz-brand{min-width:230px}.mgz-brand-copy strong{font-size:23px}.mgz-mainnav a{min-width:54px;padding:8px 6px}.mgz-hero-content{width:55%}.mgz-hero-neon{right:22px;width:155px;height:155px}}
@media(max-width:1100px){.mgz-header-row{flex-wrap:wrap}.mgz-brand{flex:1}.mgz-mainnav{order:3;width:100%;overflow-x:auto;justify-content:flex-start}.mgz-feature-grid{grid-template-columns:repeat(2,1fr)}.mgz-home-grid{grid-template-columns:1fr}.mgz-home-right{display:grid;grid-template-columns:1fr 1fr}.mgz-neon-message{grid-column:1/-1}.mgz-hero-content{width:62%}.mgz-hero-neon{display:none}.mgz-sidebar{display:none}.mgz-quicknav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.mgz-header-row{padding:8px 12px;gap:9px}.mgz-brand-heart{font-size:42px}.mgz-brand-copy strong{font-size:19px}.mgz-brand-copy small{font-size:9px;letter-spacing:1.4px}.mgz-header-actions{margin-left:auto}.mgz-btn{min-height:38px;padding:0 10px;font-size:10px}.mgz-site-shell{padding:8px}.mgz-hero{min-height:390px;background:linear-gradient(180deg,rgba(238,251,255,.98),rgba(238,251,255,.90)),url('images/design2026/flirt_vote_hero.jpg') center bottom/cover no-repeat}.mgz-hero-content{width:100%;padding:27px 23px}.mgz-hero h1{font-size:40px}.mgz-hero p{font-size:14px}.mgz-feature-grid{grid-template-columns:1fr}.mgz-member-grid{grid-template-columns:repeat(2,1fr)}.mgz-member-photo{height:210px}.mgz-home-right{display:flex}.mgz-online-card{align-items:flex-start;flex-wrap:wrap}.mgz-online-list{order:3;width:100%}.mgz-quicknav{grid-template-columns:repeat(4,1fr)}.mgz-footer{margin:8px;flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.mgz-brand{min-width:0}.mgz-brand-copy strong{font-size:17px}.mgz-brand-copy small{display:none}.mgz-header-actions .mgz-btn-dark{display:none}.mgz-hero h1{font-size:33px}.mgz-hero-content{padding:22px 17px}.mgz-hero-buttons a{width:100%}.mgz-member-grid{grid-template-columns:1fr 1fr;gap:8px}.mgz-member-photo{height:170px}.mgz-quicknav{grid-template-columns:repeat(2,1fr)}}

/* ============================================================
   MY-GAMEZONE.DE - PROFIL DASHBOARD / SIDEBAR 2026
   Passend zum hellblauen Neon-Design: Rot, Gruen, Gelb, Orange.
   ============================================================ */
.mgz-inner .mgz-main {
  background: rgba(255,255,255,.74) !important;
  border: 1px solid rgba(128,202,228,.58) !important;
  border-radius: 22px !important;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: 0 16px 38px rgba(31,112,148,.10) !important;
}
.mgz-profile-dashboard { width:100%; box-sizing:border-box; color:#142236; }
.mgz-profile-hero {
  min-height: 118px;
  display:flex; align-items:center; gap:18px;
  padding: 22px 28px;
  box-sizing:border-box;
  position:relative; overflow:hidden;
  background:
    radial-gradient(circle at 88% 38%, rgba(255,52,75,.16), transparent 12%),
    radial-gradient(circle at 75% 70%, rgba(111,255,0,.10), transparent 17%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(229,248,255,.93));
  border-bottom:1px solid #d8edf5;
}
.mgz-profile-hero:after {
  content:""; position:absolute; right:-65px; bottom:-92px; width:430px; height:185px;
  border-radius:50% 0 0 0; opacity:.85;
  background:radial-gradient(ellipse at center, #fff 0 35%, rgba(255,255,255,.0) 69%);
  pointer-events:none;
}
.mgz-profile-avatar-icon {
  width:68px; height:68px; flex:0 0 68px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#ff2947; background:linear-gradient(145deg,#fff,#ffe8ed);
  border:1px solid #ffd0d9; box-shadow:0 0 18px rgba(255,36,56,.20), inset 0 0 18px #fff;
}
.mgz-profile-avatar-icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mgz-profile-hero h1 { margin:0 0 6px; font-size:29px; line-height:1.1; color:#101b2f; letter-spacing:-.5px; }
.mgz-profile-hero p { margin:0; color:#6c7c91; font-size:14px; }
.mgz-profile-hearts { position:absolute; right:75px; top:27px; display:flex; gap:58px; transform:rotate(-5deg); z-index:1; }
.mgz-profile-hearts i { font-style:normal; color:#ff5268; font-size:31px; opacity:.78; text-shadow:0 5px 13px rgba(255,36,56,.22); }
.mgz-profile-hearts i:nth-child(2){font-size:23px;color:#ff8ca0;transform:translateY(19px)}
.mgz-profile-hearts i:nth-child(3){font-size:19px;color:#ff405d;transform:translateY(-10px)}

.mgz-profile-card-grid {
  display:grid; grid-template-columns:repeat(6,minmax(145px,1fr));
  gap:16px; padding:20px 26px 24px;
  background:linear-gradient(180deg,rgba(248,253,255,.97),rgba(237,250,255,.88));
}
.mgz-profile-card {
  --card:#ff2b49; --card-rgb:255,43,73;
  min-height: 205px; box-sizing:border-box;
  padding:22px 18px 16px;
  display:flex; flex-direction:column; align-items:center; text-align:center;
  text-decoration:none !important; color:#172235 !important;
  border:1px solid rgba(175,210,224,.72); border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 23px rgba(25,105,139,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.mgz-profile-card:hover {
  transform:translateY(-4px); border-color:rgba(var(--card-rgb),.55);
  box-shadow:0 15px 30px rgba(28,101,132,.14),0 0 15px rgba(var(--card-rgb),.12);
  color:#172235 !important;
}
.mgz-profile-icon {
  width:67px; height:67px; border-radius:50%; margin-bottom:15px;
  display:flex; align-items:center; justify-content:center; color:var(--card);
  background:radial-gradient(circle,#fff 40%,rgba(var(--card-rgb),.10) 100%);
  border:1px solid rgba(var(--card-rgb),.24);
  box-shadow:0 0 17px rgba(var(--card-rgb),.18), inset 0 0 10px #fff;
}
.mgz-profile-icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.mgz-profile-card strong { display:block; margin:0 0 8px; font-size:15px; color:var(--card); line-height:1.15; }
.mgz-profile-card small { display:block; min-height:38px; color:#66778c; line-height:1.45; font-size:11px; }
.mgz-profile-arrow { margin-top:auto; padding-top:9px; color:var(--card); font-size:22px; font-weight:400; }
.mgz-card-red { --card:#ff2947; --card-rgb:255,41,71; }
.mgz-card-orange { --card:#ff7a00; --card-rgb:255,122,0; }
.mgz-card-yellow { --card:#eaaa00; --card-rgb:234,170,0; }
.mgz-card-green { --card:#18b74b; --card-rgb:24,183,75; }
.mgz-card-blue { --card:#187be8; --card-rgb:24,123,232; }
.mgz-card-purple { --card:#8147e8; --card-rgb:129,71,232; }
.mgz-card-cyan { --card:#00a8c8; --card-rgb:0,168,200; }

/* Moderne linke Navigation */
.mgz-sidebar { width:250px !important; flex:0 0 250px !important; padding-top:0 !important; }
.mgz-side-section {
  margin-bottom:16px; overflow:hidden;
  background:rgba(255,255,255,.88); border:1px solid #d5e9f2; border-radius:17px;
  box-shadow:0 10px 27px rgba(32,111,145,.08);
}
.mgz-side-section h3 {
  display:flex; align-items:center; gap:9px; margin:0; padding:16px 17px 12px;
  color:#172232; font-size:14px; letter-spacing:.1px;
}
.mgz-side-section h3 span { color:#ff2947; font-size:19px; text-shadow:0 0 10px rgba(255,41,71,.24); }
.mgz-side-nav { padding:0 10px 12px; }
.mgz-side-nav a {
  position:relative; min-height:43px; padding:0 11px; margin:2px 0;
  display:grid; grid-template-columns:25px 1fr auto auto; align-items:center; gap:5px;
  border-radius:10px; color:#2d4054 !important; text-decoration:none !important;
  font-size:11px; font-weight:700; border:1px solid transparent;
  transition:.17s ease;
}
.mgz-side-nav a:hover,.mgz-side-nav a.active {
  color:#ff2947 !important; background:linear-gradient(90deg,#fff0f3,#fff8fa);
  border-color:#ffd5dc; text-shadow:none !important;
}
.mgz-side-nav a.active { box-shadow:inset 3px 0 0 #ff2947; }
.mgz-side-icon { width:21px; text-align:center; color:#ff2947; font-size:17px; font-weight:400; }
.mgz-side-nav a:nth-child(3n+2) .mgz-side-icon { color:#ff7a00; }
.mgz-side-nav a:nth-child(3n+3) .mgz-side-icon { color:#3faf00; }
.mgz-side-nav a i { font-style:normal; color:#73859a; font-size:19px; font-weight:400; }
.mgz-side-badge { min-width:19px; height:19px; padding:0 5px; box-sizing:border-box; border-radius:99px; display:flex; align-items:center; justify-content:center; background:#ff2947; color:#fff; font-size:9px; box-shadow:0 0 9px rgba(255,41,71,.28); }
.mgz-side-community h3 span { color:#ff2947; }

/* Das vorhandene Online-Modul unter der Sidebar in die neue Optik ziehen */
.mgz-sidebar > table,.mgz-sidebar > p,.mgz-sidebar center > table {
  max-width:100% !important; width:100% !important;
}
.mgz-sidebar table { border-radius:14px; overflow:hidden; background:#fff !important; }
.mgz-sidebar td { color:#2d4054 !important; }
.mgz-sidebar img[src*="navi_pics/"] { display:none !important; }

/* Alte Profilinformationen unter dem Dashboard: hell und lesbar */
.mgz-main > div[align="center"] { padding:0 26px 24px; box-sizing:border-box; }
.mgz-main > div[align="center"] table { max-width:100%; }
.mgz-main table[bgcolor="#000000"],
.mgz-main table[bgcolor="#B30000"],
.mgz-main table[bgcolor="#FF0000"] {
  background:#fff !important; border-color:#d5e8f0 !important; border-radius:12px; overflow:hidden;
}
.mgz-main table[bgcolor="#000000"] td,
.mgz-main table[bgcolor="#B30000"] td { color:#172235 !important; }
.mgz-main font[color="#FFFFFF"],.mgz-main font[color="#000000"] { color:#172235 !important; }

@media(max-width:1450px){
  .mgz-profile-card-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}
  .mgz-sidebar{width:220px !important;flex-basis:220px !important}
}
@media(max-width:1180px){
  .mgz-profile-card-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
  .mgz-profile-hearts{display:none}
}
@media(max-width:1100px){
  .mgz-sidebar{display:none !important}
  .mgz-profile-card-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}
}
@media(max-width:760px){
  .mgz-profile-hero{padding:18px;min-height:95px}.mgz-profile-avatar-icon{width:55px;height:55px;flex-basis:55px}.mgz-profile-hero h1{font-size:23px}.mgz-profile-hero p{font-size:12px}
  .mgz-profile-card-grid{grid-template-columns:repeat(2,minmax(130px,1fr));gap:10px;padding:13px}
  .mgz-profile-card{min-height:180px;padding:17px 11px 13px}.mgz-profile-icon{width:56px;height:56px}.mgz-profile-icon svg{width:29px;height:29px}
  .mgz-main > div[align="center"]{padding:0 13px 18px}
}
@media(max-width:430px){
  .mgz-profile-card-grid{grid-template-columns:1fr}.mgz-profile-card{min-height:155px}
}

/* ============================================================
   MY-GAMEZONE.DE - VIDEO PORTAL 2026
   Hellblau + Neon Rot / Gruen / Gelb / Orange
   ============================================================ */
.mgz-video-page{width:100%;box-sizing:border-box;color:#142033;font-family:Arial,Helvetica,sans-serif}
.mgz-video-page a{text-decoration:none}
.mgz-video-portal-head,.mgz-video-detail-head{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(236,250,255,.94));border:1px solid #cfe8f2;border-radius:22px;box-shadow:0 14px 34px rgba(35,111,143,.10);padding:22px 26px;margin-bottom:16px}
.mgz-video-portal-head{display:grid;grid-template-columns:minmax(340px,1fr) auto;gap:18px 26px;align-items:center}
.mgz-video-head-title{display:flex;align-items:center;gap:18px}.mgz-video-logo{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff5269,#ff1739);color:#fff;font-size:27px;box-shadow:0 9px 23px rgba(255,37,68,.27),0 0 18px rgba(255,37,68,.17)}
.mgz-video-head-title h1,.mgz-video-detail-head h1{margin:0 0 5px;color:#101a2c;font-size:31px;line-height:1.08}.mgz-video-head-title p,.mgz-video-detail-head p{margin:0;color:#687b90;font-size:13px}.mgz-video-detail-head a{color:#ff2445;font-weight:700}
.mgz-video-head-stats{display:flex;align-items:center;gap:10px}.mgz-video-head-stats>div{min-width:100px;padding:0 17px;border-left:1px solid #e0edf3;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.mgz-video-head-stats span{grid-row:1/3;font-size:25px;color:#ff2947}.mgz-video-head-stats>div:nth-child(2) span{color:#ff9800}.mgz-video-head-stats>div:nth-child(3) span{color:#39b820}.mgz-video-head-stats b{font-size:16px}.mgz-video-head-stats small{font-size:10px;color:#78899d}
.mgz-video-search{grid-column:1/2;display:flex;align-items:center;background:#fff;border:1px solid #d2e5ed;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(33,107,139,.06)}.mgz-video-search span{padding-left:15px;color:#6f8498;font-size:21px}.mgz-video-search input{min-width:0;flex:1;border:0!important;background:transparent!important;color:#243449!important;height:46px!important;padding:0 13px!important;outline:none!important;font-size:12px!important}.mgz-video-search button{height:46px;border:0;background:linear-gradient(90deg,#ff3655,#ff173c);color:#fff;font-weight:800;padding:0 31px;cursor:pointer;font-size:12px;box-shadow:0 0 16px rgba(255,31,64,.16)}
.mgz-video-tags{grid-column:2/3;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;color:#44566d}.mgz-video-tags a{padding:7px 14px;border-radius:99px;background:#fff0f3;color:#ff2947;font-weight:800}.mgz-video-tags a:nth-of-type(2){background:#fff3dd;color:#ff7b00}.mgz-video-tags a:nth-of-type(3){background:#edffe9;color:#36a914}.mgz-video-tags a:nth-of-type(4){background:#eaf7ff;color:#147bd9}
.mgz-video-search-result{margin:0 0 16px;padding:12px 17px;background:#fff;border:1px solid #d5e8f0;border-radius:13px;color:#455a70;font-size:12px}.mgz-video-search-result a{float:right;color:#ff2947;font-weight:700}
.mgz-video-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.mgz-video-content-col,.mgz-video-right-col{min-width:0}.mgz-video-right-col{display:flex;flex-direction:column;gap:16px}
.mgz-video-featured{display:grid;grid-template-columns:minmax(330px,1.15fr) minmax(270px,.85fr);gap:0;background:#fff;border:1px solid #d4e8f0;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px rgba(32,106,138,.08);margin-bottom:16px}.mgz-video-featured-media{min-height:285px;position:relative;background:#111;overflow:hidden}.mgz-video-featured-media>img{width:100%;height:100%;min-height:285px;object-fit:cover;display:block}.mgz-video-featured-badge{position:absolute;left:16px;top:16px;padding:6px 10px;background:#ff2947;color:#fff;border-radius:8px;font-size:9px;box-shadow:0 0 13px rgba(255,41,71,.31)}
.mgz-video-featured-copy{padding:25px 24px;display:flex;flex-direction:column;align-items:flex-start}.mgz-video-featured-copy>span,.mgz-video-kicker{font-size:9px;color:#ff2947;font-weight:800;letter-spacing:.35px}.mgz-video-featured-copy h2{font-size:21px;color:#121d2f;margin:9px 0 7px}.mgz-video-featured-copy>p{font-size:12px;color:#60738a;line-height:1.5;margin:0 0 17px}.mgz-video-featured-user{display:flex;gap:9px;align-items:center;margin-bottom:14px;font-size:11px;color:#66778b}.mgz-video-featured-user a{font-weight:800;color:#17283d}.mgz-video-featured-user small{display:block;color:#8291a2;margin-top:3px}.mgz-video-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffe8ee,#fff);border:1px solid #ffd0d8;color:#ff2947;font-weight:800}.mgz-video-featured-meta{display:flex;gap:18px;color:#65778b;font-size:10px;margin-bottom:16px}.mgz-video-primary{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 19px;border-radius:10px;background:linear-gradient(90deg,#ff3655,#ff173c);color:#fff!important;font-size:11px;font-weight:800;box-shadow:0 7px 16px rgba(255,37,68,.20)}
.mgz-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:#162035;font-size:20px;box-shadow:0 8px 23px rgba(0,0,0,.20);padding-left:3px}.mgz-video-play-big{width:66px;height:66px;font-size:26px}.mgz-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 20%,rgba(255,54,85,.22),transparent 25%),linear-gradient(135deg,#10283a,#183f54 55%,#0c2231);color:#fff}.mgz-video-placeholder b{font-size:44px;color:#ff2947;text-shadow:0 0 17px rgba(255,41,71,.5)}.mgz-video-placeholder em{font-style:normal;font-size:9px;letter-spacing:1.6px;margin-top:10px;color:#cfe9f5}.mgz-video-placeholder-large b{font-size:60px}
.mgz-video-list-section,.mgz-video-side-card,.mgz-video-comments-card{background:rgba(255,255,255,.95);border:1px solid #d4e7ef;border-radius:17px;box-shadow:0 10px 25px rgba(31,107,139,.07);padding:16px;margin-bottom:16px}.mgz-video-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.mgz-video-section-title h2{margin:0;font-size:14px;color:#142033}.mgz-video-section-title>a{color:#ff2947;font-size:10px;font-weight:700}.mgz-video-section-title>span{min-width:24px;height:24px;border-radius:99px;display:flex;align-items:center;justify-content:center;background:#fff0f3;color:#ff2947;font-size:10px;font-weight:800}
.mgz-video-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mgz-video-card{min-width:0;border-radius:12px;background:#fff;border:1px solid #e1edf2;overflow:hidden;box-shadow:0 5px 15px rgba(31,104,134,.06);transition:.18s ease}.mgz-video-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(31,104,134,.12)}.mgz-video-card-media{height:125px;position:relative;display:block;overflow:hidden;background:#0e2636}.mgz-video-card-media>img{width:100%;height:100%;object-fit:cover;display:block}.mgz-video-card-media .mgz-video-play{width:38px;height:38px;font-size:15px}.mgz-video-card-body{padding:10px}.mgz-video-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#152136;font-size:11px;font-weight:800;margin-bottom:8px}.mgz-video-card-author{display:flex;align-items:center;gap:6px;font-size:9px;margin-bottom:8px}.mgz-video-card-author .mgz-video-avatar{width:22px;height:22px;flex-basis:22px;font-size:9px}.mgz-video-card-author a{color:#62758c}.mgz-video-card-meta{display:flex;gap:12px;color:#7d8da0;font-size:9px}
.mgz-video-category-nav{display:flex;flex-direction:column}.mgz-video-category-nav a{min-height:36px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;border-radius:9px;color:#40536b;font-size:11px;padding:0 8px}.mgz-video-category-nav a:hover,.mgz-video-category-nav a.active{background:#f2fbff;color:#ff2947}.mgz-video-category-nav span{font-size:16px;color:#ff2947}.mgz-video-category-nav a:nth-child(2) span{color:#35b718}.mgz-video-category-nav a:nth-child(3) span{color:#ff9800}.mgz-video-category-nav a:nth-child(4) span{color:#824cff}.mgz-video-category-nav a:nth-child(5) span{color:#1687dc}.mgz-video-category-nav a:nth-child(6) span{color:#f4a700}.mgz-video-category-nav b{font-size:9px;background:#eef7fb;padding:4px 8px;border-radius:99px;color:#7690a4}.mgz-video-category-nav i{font-style:normal;color:#8292a3;font-size:18px}
.mgz-video-ranking{display:flex;flex-direction:column}.mgz-video-ranking>a{display:grid;grid-template-columns:27px 66px 1fr;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf3f6;color:#1d2a3d}.mgz-video-ranking>a:last-child{border-bottom:0}.mgz-video-ranking>a>b{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffb311;color:#fff;font-size:9px}.mgz-video-ranking>a:nth-child(2)>b{background:#aeb7c1}.mgz-video-ranking>a:nth-child(3)>b{background:#dd7d38}.mgz-video-ranking>a:nth-child(n+4)>b{background:#eef3f6;color:#65778b}.mgz-video-rank-thumb{height:42px;border-radius:7px;overflow:hidden;background:linear-gradient(135deg,#1a3749,#0e202d);display:flex;align-items:center;justify-content:center;color:#fff}.mgz-video-rank-thumb img{width:100%;height:100%;object-fit:cover}.mgz-video-ranking strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.mgz-video-ranking small{display:block;color:#7b8c9e;font-size:8px;margin-top:4px}
.mgz-video-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.9);border:1px solid #d5e8f0;border-radius:20px;box-shadow:0 12px 28px rgba(31,104,136,.07);padding:30px}.mgz-video-empty-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0f3;color:#ff2947;font-size:29px;box-shadow:0 0 18px rgba(255,41,71,.14)}.mgz-video-empty h1,.mgz-video-empty h2{margin:16px 0 7px}.mgz-video-empty p{color:#687b90;margin:0 0 18px;font-size:12px}
.mgz-video-detail-head{display:flex;gap:19px;align-items:flex-start}.mgz-video-back{display:inline-flex;white-space:nowrap;color:#ff2947!important;padding-top:5px}.mgz-video-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin-bottom:16px}.mgz-video-player-card,.mgz-video-info-card{background:#fff;border:1px solid #d5e8f0;border-radius:17px;overflow:hidden;box-shadow:0 10px 25px rgba(31,107,139,.08)}.mgz-video-embed{min-height:430px;background:#0b1722;display:flex;align-items:center;justify-content:center}.mgz-video-embed iframe,.mgz-video-embed object,.mgz-video-embed embed,.mgz-video-embed video{width:100%!important;max-width:100%!important;height:430px!important;border:0}.mgz-video-player-info{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.mgz-video-player-info b{display:block;font-size:13px;color:#172238}.mgz-video-player-info small{display:block;color:#7d8da0;margin-top:4px;font-size:9px}.mgz-video-profile-link{padding:9px 12px;border-radius:9px;background:#eef9ff;color:#147bd9!important;font-weight:700;font-size:10px}.mgz-video-info-card{padding:18px}.mgz-video-info-card h3{margin:0 0 15px}.mgz-video-stat{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf3f6}.mgz-video-stat>span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff0f3;color:#ff2947}.mgz-video-stat b{font-size:12px}.mgz-video-stat small{color:#7b8b9d;font-size:9px}.mgz-video-info-card label{display:block;margin:16px 0 6px;font-size:9px;font-weight:800;color:#51657a}.mgz-video-info-card input{box-sizing:border-box;width:100%;height:39px;border:1px solid #d5e5ec!important;border-radius:8px!important;background:#f8fcfe!important;color:#53687e!important;padding:0 10px!important;font-size:9px!important}
.mgz-video-comment-form{display:flex;gap:10px;margin-bottom:14px}.mgz-video-comment-form input{flex:1;height:42px;border:1px solid #d5e5ed!important;border-radius:9px!important;background:#fbfdff!important;color:#24364a!important;padding:0 13px!important}.mgz-video-comment-form button{border:0;border-radius:9px;background:linear-gradient(90deg,#ff3655,#ff173c);color:#fff;font-weight:800;padding:0 22px;cursor:pointer}.mgz-video-comment{display:flex;gap:10px;padding:12px 0;border-top:1px solid #edf3f6}.mgz-video-comment b a{color:#1b2a3e;font-size:11px}.mgz-video-comment p{margin:4px 0;color:#52667c;font-size:11px;line-height:1.45}.mgz-video-comment small{color:#8796a6;font-size:8px}.mgz-video-muted,.mgz-video-login-note{font-size:11px;color:#718397}.mgz-video-notice{padding:10px 12px;border-radius:9px;margin-bottom:10px;font-size:10px}.mgz-video-notice.success{background:#edffef;color:#189437}.mgz-video-notice.error{background:#fff0f2;color:#d91f3c}
@media(max-width:1380px){.mgz-video-main-grid{grid-template-columns:minmax(0,1fr) 300px}.mgz-video-head-stats>div{min-width:80px;padding:0 10px}.mgz-video-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.mgz-video-card-media{height:160px}}
@media(max-width:1100px){.mgz-video-main-grid{grid-template-columns:1fr}.mgz-video-right-col{display:grid;grid-template-columns:1fr 1fr}.mgz-video-portal-head{grid-template-columns:1fr}.mgz-video-tags,.mgz-video-search{grid-column:1}.mgz-video-head-stats{justify-content:flex-start}.mgz-video-detail-grid{grid-template-columns:1fr}.mgz-video-info-card{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.mgz-video-info-card h3,.mgz-video-info-card label,.mgz-video-info-card input{grid-column:1/-1}}
@media(max-width:760px){.mgz-video-portal-head,.mgz-video-detail-head{padding:16px;border-radius:15px}.mgz-video-portal-head{display:block}.mgz-video-head-title{margin-bottom:14px}.mgz-video-head-title h1,.mgz-video-detail-head h1{font-size:24px}.mgz-video-head-stats{margin-bottom:14px;overflow:auto}.mgz-video-head-stats>div:first-child{border-left:0;padding-left:0}.mgz-video-search{margin-bottom:12px}.mgz-video-tags{display:none}.mgz-video-featured{grid-template-columns:1fr}.mgz-video-featured-media,.mgz-video-featured-media>img{min-height:220px}.mgz-video-grid-four{grid-template-columns:1fr 1fr}.mgz-video-card-media{height:120px}.mgz-video-right-col{grid-template-columns:1fr}.mgz-video-detail-head{display:block}.mgz-video-back{margin-bottom:12px}.mgz-video-embed,.mgz-video-embed iframe,.mgz-video-embed object,.mgz-video-embed embed,.mgz-video-embed video{min-height:260px!important;height:260px!important}.mgz-video-info-card{display:block}}
@media(max-width:480px){.mgz-video-head-stats>div{min-width:76px}.mgz-video-grid-four{grid-template-columns:1fr}.mgz-video-card-media{height:190px}.mgz-video-featured-copy{padding:18px}.mgz-video-comment-form{flex-direction:column}.mgz-video-comment-form button{height:40px}.mgz-video-search button{padding:0 16px}}

/* ============================================================
   MY-GAMEZONE.DE - LIVE CHAT 2026
   Hellblau + Neon Rot / Gruen / Gelb / Orange
   ============================================================ */
.mgz-chat-page{width:100%;box-sizing:border-box;color:#142033;font-family:Arial,Helvetica,sans-serif}
.mgz-chat-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;margin-bottom:14px;background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(234,249,255,.96));border:1px solid #cfe7f0;border-radius:22px;box-shadow:0 14px 34px rgba(33,112,145,.10);position:relative;overflow:hidden}.mgz-chat-hero:after{content:'♡   ♡   ♡';position:absolute;right:22%;top:-11px;color:rgba(255,42,71,.12);font-size:65px;letter-spacing:10px;transform:rotate(-7deg)}
.mgz-chat-title-wrap{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.mgz-chat-live-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ff5269,#ff173d);color:#fff;font-size:27px;box-shadow:0 8px 23px rgba(255,37,68,.26),0 0 20px rgba(255,45,69,.20)}.mgz-chat-kicker{font-size:9px;font-weight:900;color:#ff2947;letter-spacing:1.8px}.mgz-chat-title-wrap h1{font-size:29px;margin:3px 0 4px}.mgz-chat-title-wrap p{margin:0;color:#6c7f93;font-size:12px}.mgz-chat-hero-stats{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.mgz-chat-hero-stats>div{min-width:70px;padding:4px 14px;text-align:center;border-left:1px solid #dcebf1}.mgz-chat-hero-stats b{display:block;font-size:18px}.mgz-chat-hero-stats small{font-size:9px;color:#75879b}.mgz-chat-live-pill{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:99px;background:#edffe9;color:#2ca314;font-size:9px;font-weight:900}.mgz-chat-live-pill i{width:7px;height:7px;border-radius:50%;background:#3bd218;box-shadow:0 0 9px #50e92e;animation:mgzPulse 1.3s infinite}@keyframes mgzPulse{50%{opacity:.35;transform:scale(.8)}}
.mgz-chat-layout{display:grid;grid-template-columns:250px minmax(420px,1fr) 250px;gap:14px;min-height:650px}.mgz-chat-rooms-panel,.mgz-chat-center,.mgz-chat-online-panel{background:rgba(255,255,255,.96);border:1px solid #d2e7ef;border-radius:19px;box-shadow:0 12px 29px rgba(32,108,139,.08);min-width:0}.mgz-chat-rooms-panel,.mgz-chat-online-panel{padding:14px}.mgz-chat-center{display:flex;flex-direction:column;overflow:hidden}
.mgz-chat-panel-head{display:flex;align-items:flex-end;justify-content:space-between;padding:4px 5px 12px}.mgz-chat-panel-head b{font-size:13px}.mgz-chat-panel-head span{font-size:8px;color:#8998a8}.mgz-chat-room-list{display:flex;flex-direction:column;gap:7px}.mgz-chat-room{width:100%;display:grid;grid-template-columns:40px 1fr 14px;align-items:center;gap:9px;border:1px solid transparent;background:#f8fcfe;border-radius:12px;padding:9px;text-align:left;color:#24364a;cursor:pointer;transition:.18s ease}.mgz-chat-room:hover,.mgz-chat-room.active{transform:translateX(2px);background:#fff;box-shadow:0 7px 17px rgba(37,103,135,.09);border-color:#d8e9f0}.mgz-chat-room.active{box-shadow:inset 3px 0 0 #ff2947,0 7px 17px rgba(37,103,135,.09)}.mgz-chat-room-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#fff0f3;color:#ff2947;font-size:17px}.mgz-chat-accent-green .mgz-chat-room-icon{background:#efffeb;color:#3bb620}.mgz-chat-accent-orange .mgz-chat-room-icon{background:#fff3e5;color:#ff7900}.mgz-chat-accent-yellow .mgz-chat-room-icon{background:#fff9dd;color:#e7aa00}.mgz-chat-room b{display:block;font-size:10px}.mgz-chat-room small{display:block;margin-top:3px;color:#8797a8;font-size:8px}.mgz-chat-room em{font-style:normal;color:#91a0af;font-size:18px}.mgz-chat-me-card{margin-top:14px;padding:10px;display:flex;align-items:center;gap:9px;border-radius:13px;background:linear-gradient(135deg,#eefaff,#fff);border:1px solid #d5eaf2}.mgz-chat-me-card img{width:38px;height:38px;border-radius:50%;object-fit:cover}.mgz-chat-me-card small{display:block;color:#8393a4;font-size:8px}.mgz-chat-me-card b{font-size:10px}.mgz-chat-me-card>span{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#45d51d;box-shadow:0 0 8px #48d826}
.mgz-chat-room-head{min-height:65px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1edf2;background:linear-gradient(90deg,#fff,#f1fbff)}.mgz-chat-room-head>div:first-child{display:flex;align-items:center;gap:10px}.mgz-chat-room-heart{width:39px;height:39px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff0f3;color:#ff2947;font-size:18px}.mgz-chat-room-head h2{margin:0;font-size:15px}.mgz-chat-room-head p{margin:3px 0 0;color:#7d8fa2;font-size:9px}.mgz-chat-head-actions{display:flex;gap:6px}.mgz-chat-head-actions button,.mgz-chat-circle-btn{border:1px solid #d9e8ef;background:#fff;color:#50657a;border-radius:10px;width:36px;height:36px;cursor:pointer}.mgz-chat-head-actions button:hover,.mgz-chat-circle-btn:hover{color:#ff2947;border-color:#ffb8c3;box-shadow:0 0 12px rgba(255,41,71,.12)}
.mgz-chat-messages{flex:1;min-height:420px;max-height:515px;overflow-y:auto;padding:18px;background:linear-gradient(180deg,#f9fdff,#f2fbff);scrollbar-width:thin;scrollbar-color:#bfdce8 transparent}.mgz-chat-msg{display:flex;gap:9px;margin:0 0 14px;align-items:flex-end}.mgz-chat-msg.mine{flex-direction:row-reverse}.mgz-chat-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 3px 11px rgba(39,89,115,.13)}.mgz-chat-avatar img{width:100%;height:100%;object-fit:cover}.mgz-chat-bubble-wrap{max-width:72%}.mgz-chat-meta{display:flex;align-items:center;gap:7px;margin:0 4px 4px;font-size:8px;color:#8797a8}.mgz-chat-msg.mine .mgz-chat-meta{justify-content:flex-end}.mgz-chat-meta a{font-size:9px;font-weight:900;color:#293a4f;text-decoration:none}.mgz-chat-reply-btn{opacity:0;border:0;background:transparent;color:#ff2947;font-size:8px;cursor:pointer;transition:.15s}.mgz-chat-msg:hover .mgz-chat-reply-btn{opacity:1}.mgz-chat-bubble{padding:10px 13px;background:#fff;border:1px solid #dceaf0;border-radius:6px 15px 15px 15px;color:#33495f;font-size:11px;line-height:1.5;box-shadow:0 5px 13px rgba(36,94,121,.06);word-break:break-word}.mgz-chat-msg.mine .mgz-chat-bubble{background:linear-gradient(135deg,#ff3655,#ff173e);border-color:#ff2947;color:#fff;border-radius:15px 6px 15px 15px;box-shadow:0 7px 16px rgba(255,37,68,.16)}.mgz-chat-quoted{display:flex;flex-direction:column;border-left:2px solid #ff8b9d;padding-left:8px;margin-bottom:7px;opacity:.9}.mgz-chat-msg.mine .mgz-chat-quoted{border-left-color:#fff}.mgz-chat-quoted b{font-size:8px}.mgz-chat-quoted span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.mgz-chat-smiley{height:22px;width:auto;vertical-align:middle}.mgz-chat-loading,.mgz-chat-empty{height:100%;min-height:330px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;color:#7e91a4}.mgz-chat-loading span{width:7px;height:7px;margin:2px;border-radius:50%;background:#ff2947;animation:mgzDot .8s infinite alternate}.mgz-chat-loading span:nth-child(2){animation-delay:.2s}.mgz-chat-loading span:nth-child(3){animation-delay:.4s}.mgz-chat-loading p{width:100%;font-size:9px}@keyframes mgzDot{to{transform:translateY(-5px);opacity:.4}}.mgz-chat-empty{flex-direction:column}.mgz-chat-empty>b{font-size:42px;color:#ff91a2}.mgz-chat-empty h3{margin:9px 0 3px}.mgz-chat-empty p{margin:0;font-size:10px}
.mgz-chat-typing{padding:6px 17px;background:#fff;color:#8a99a8;font-size:8px;border-top:1px solid #edf3f6}.mgz-chat-compose{position:relative;padding:11px 13px;display:flex;align-items:flex-end;gap:8px;background:#fff;border-top:1px solid #e2edf2}.mgz-chat-input-wrap{flex:1;position:relative}.mgz-chat-input-wrap textarea{box-sizing:border-box;width:100%;min-height:38px;max-height:110px;resize:none;border:1px solid #d4e5ec!important;border-radius:12px!important;background:#f8fcfe!important;color:#24384c!important;padding:10px 54px 9px 12px!important;font:11px Arial,sans-serif!important;outline:none}.mgz-chat-input-wrap textarea:focus{border-color:#89d8f2!important;box-shadow:0 0 0 3px rgba(75,190,235,.09)}.mgz-chat-input-wrap span{position:absolute;right:10px;bottom:7px;color:#9aabba;font-size:7px}.mgz-chat-send{height:38px;border:0;border-radius:11px;padding:0 16px;background:linear-gradient(90deg,#ff3655,#ff173d);color:#fff;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 6px 14px rgba(255,37,68,.19)}.mgz-chat-send:disabled{opacity:.55}.mgz-chat-emoji-pop{position:absolute;left:10px;bottom:62px;width:260px;padding:10px;background:#fff;border:1px solid #d5e6ed;border-radius:14px;box-shadow:0 16px 35px rgba(30,91,120,.17);z-index:10}.mgz-chat-emoji-pop>button{border:0;background:#f8fcfe;border-radius:8px;width:29px;height:29px;margin:2px;cursor:pointer;font-size:16px}.mgz-chat-old-smilies{margin-top:7px;padding-top:7px;border-top:1px solid #edf3f6}.mgz-chat-old-smilies button{border:0;background:transparent;padding:2px;cursor:pointer}.mgz-chat-old-smilies img{width:22px;height:22px;object-fit:contain}.mgz-chat-replybar{padding:8px 13px;background:#fff9e8;border-bottom:1px solid #f3df9b;display:flex;align-items:center;justify-content:space-between}.mgz-chat-replybar[hidden]{display:none}.mgz-chat-replybar small{font-size:7px;color:#9a8758}.mgz-chat-replybar b{font-size:9px;margin:0 7px;color:#c47c00}.mgz-chat-replybar span{font-size:8px;color:#7a6c48}.mgz-chat-replybar button{border:0;background:transparent;font-size:17px;color:#9a8758;cursor:pointer}
.mgz-chat-online-list{display:flex;flex-direction:column}.mgz-chat-online-user{display:grid;grid-template-columns:40px 1fr 12px;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid #edf3f6;color:#24364a;text-decoration:none}.mgz-chat-online-user:hover{background:#f7fcfe}.mgz-chat-online-avatar{width:36px;height:36px;position:relative}.mgz-chat-online-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.mgz-chat-online-avatar i{position:absolute;right:-1px;bottom:1px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#45d51d}.mgz-chat-online-user b{display:block;font-size:9px}.mgz-chat-online-user small{display:block;margin-top:3px;color:#8b9aa9;font-size:7px}.mgz-chat-online-user em{font-style:normal;color:#9aa8b4}.mgz-chat-all-online{display:flex;justify-content:space-between;margin-top:10px;padding:9px 10px;border-radius:10px;background:#eefaff;color:#0879c4!important;text-decoration:none;font-size:9px;font-weight:800}.mgz-chat-safety{display:flex;gap:9px;align-items:flex-start;margin-top:13px;padding:10px;border-radius:12px;background:#edffed;border:1px solid #d0efcc}.mgz-chat-safety>span{width:23px;height:23px;flex:0 0 23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#42c92a;color:#fff;font-size:10px}.mgz-chat-safety b{display:block;color:#238817;font-size:9px}.mgz-chat-safety small{display:block;margin-top:4px;color:#6f8a6b;font-size:7px;line-height:1.4}.mgz-chat-skeleton{height:51px;margin:4px 0;border-radius:10px;background:linear-gradient(90deg,#f2f7f9,#e9f4f8,#f2f7f9);background-size:200% 100%;animation:mgzSkel 1.3s infinite}@keyframes mgzSkel{to{background-position:-200% 0}}.mgz-chat-no-online{padding:20px 8px;text-align:center;color:#8999a7;font-size:9px}.mgz-chat-error{padding:20px;background:#fff0f2;color:#b91835;border-radius:14px}
@media(max-width:1300px){.mgz-chat-layout{grid-template-columns:210px minmax(390px,1fr) 220px}.mgz-chat-rooms-panel,.mgz-chat-online-panel{padding:10px}}
@media(max-width:1100px){.mgz-chat-layout{grid-template-columns:190px minmax(0,1fr)}.mgz-chat-online-panel{display:none}.mgz-chat-hero:after{display:none}}
@media(max-width:760px){.mgz-chat-hero{padding:15px}.mgz-chat-live-icon{width:46px;height:46px;border-radius:14px}.mgz-chat-title-wrap h1{font-size:22px}.mgz-chat-title-wrap p{display:none}.mgz-chat-hero-stats>div{display:none}.mgz-chat-layout{display:block}.mgz-chat-rooms-panel{margin-bottom:10px;overflow:hidden}.mgz-chat-room-list{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:3px}.mgz-chat-room{min-width:175px}.mgz-chat-me-card{display:none}.mgz-chat-center{min-height:610px}.mgz-chat-messages{max-height:none;min-height:430px}.mgz-chat-bubble-wrap{max-width:84%}.mgz-chat-send span{display:none}.mgz-chat-send{padding:0 13px}.mgz-chat-panel-head{display:none}}

/* ============================================================
   Zusaetzliches breites Sicherheitsnetz (nicht auf .mgz-main
   beschraenkt) - deckt auch Seiten ausserhalb des Profil-Bereichs
   ab, die noch reinen Alt-Code ohne mgz-Wrapper enthalten.
   ============================================================ */
font[color="#FFFFFF"], font[color="#ffffff"], font[color="#FFF"], font[color="#fff"],
font[color="white"], font[color="White"],
[style*="color:#fff"], [style*="color: #fff"],
[style*="color:#FFF"], [style*="color: #FFF"],
[style*="color:#ffffff"], [style*="color: #ffffff"],
[style*="color:#FFFFFF"], [style*="color: #FFFFFF"],
[style*="color:white"], [style*="color: white"] {
  color: #172235 !important;
}
font[color="#FFFF00"], font[color="#ffff00"] { color: #92700c !important; }
[background^="images/navi_pics/"] {
  background-image: none !important;
  background-color: rgba(255,255,255,.92) !important;
}

/* ============================================================
   MY-GAMEZONE.DE - Profil Upgrades 2.0 (47 Items, kategorisiert)
   ============================================================ */
.mgz-upg-wrap { max-width: 1200px; margin: 0 auto; padding: 4px 0 30px; }
.mgz-upg-header {
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
  background: var(--mgz-surface); border: 1px solid var(--mgz-line);
  border-radius: 18px; padding: 20px 24px; margin-bottom: 22px;
  box-shadow: 0 6px 20px rgba(23,32,53,.05);
}
.mgz-upg-cash { display:flex; align-items:center; gap:10px; background:#fff7e6; border:1px solid #ffe2a8; border-radius:14px; padding:10px 16px; }
.mgz-upg-cash-icon { font-size: 26px; }
.mgz-upg-cash strong { display:block; font-size:18px; color:#92700c; }
.mgz-upg-cash small { color:#9a8258; font-size:11px; }
.mgz-upg-header-text { flex: 1; min-width: 200px; }
.mgz-upg-header-text h2 { margin:0 0 4px; font-size:20px; color: var(--mgz-text); }
.mgz-upg-header-text p { margin:0; color:#66778c; font-size:13px; }
.mgz-upg-header-actions { display:flex; gap:10px; flex-wrap:wrap; }
.mgz-upg-btn-outline {
  border: 1px solid var(--mgz-line); border-radius: 10px; padding: 9px 16px;
  font-size: 13px; font-weight: 600; color: var(--mgz-text); text-decoration:none;
  background:#fff; transition: all .15s;
}
.mgz-upg-btn-outline:hover { border-color: var(--mgz-purple); color: var(--mgz-purple); }

.mgz-upg-category { margin-bottom: 26px; }
.mgz-upg-category h3 {
  font-size: 15px; text-transform: uppercase; letter-spacing: .04em;
  color: var(--mgz-purple); margin: 0 0 12px; padding-left: 2px;
  border-left: 4px solid var(--mgz-purple); padding-left: 10px;
}
.mgz-upg-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
}
.mgz-upg-card {
  display: flex; flex-direction: column; gap: 8px;
  background: #fff; border: 1px solid var(--mgz-line); border-radius: 14px;
  padding: 16px 18px; text-decoration: none; transition: all .15s;
  box-shadow: 0 2px 8px rgba(23,32,53,.03);
}
.mgz-upg-card:hover { border-color: var(--mgz-purple); transform: translateY(-2px); box-shadow: 0 8px 18px rgba(124,58,237,.12); }
.mgz-upg-card.owned { background: #f3fbf6; border-color: #b7e9c9; cursor: default; }
.mgz-upg-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.mgz-upg-card-label { font-weight: 700; font-size: 14px; color: var(--mgz-text); }
.mgz-upg-card-desc { margin:0; font-size:12px; color:#66778c; line-height:1.4; min-height: 32px; }
.mgz-upg-price { align-self:flex-start; font-size:13px; font-weight:700; color: var(--mgz-purple); background:#f4eeff; padding:4px 10px; border-radius:8px; }
.mgz-upg-badge { font-size:11px; font-weight:700; color:#1e8a4c; background:#e2f6e9; padding:4px 10px; border-radius:8px; white-space:nowrap; }

@media (max-width: 720px) {
  .mgz-upg-grid { grid-template-columns: 1fr; }
  .mgz-upg-header { flex-direction: column; align-items: stretch; text-align:center; }
}

/* ============================================================
   MY-GAMEZONE.DE - BlitzGruss Leiste (site-weit, eingeloggt)
   ============================================================ */
.mgz-blitz-bar {
  display: flex; align-items: center; gap: 12px;
  background: linear-gradient(90deg, #fff0f3, #fff8e8);
  border: 1px solid #ffd7de; border-radius: 14px;
  padding: 9px 14px; margin: 0 0 16px; overflow: hidden;
}
.mgz-blitz-label {
  flex: 0 0 auto; font-size: 12px; font-weight: 900; color: #ff2947;
  white-space: nowrap;
}
.mgz-blitz-track {
  flex: 1; display: flex; gap: 34px; white-space: nowrap;
  overflow: hidden; position: relative;
  animation: mgzBlitzScroll 22s linear infinite;
}
.mgz-blitz-bar:hover .mgz-blitz-track { animation-play-state: paused; }
.mgz-blitz-item { font-size: 12px; color: #33495f; white-space: nowrap; }
.mgz-blitz-item b { color: #ff2947; }
@keyframes mgzBlitzScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.mgz-blitz-cta {
  flex: 0 0 auto; font-size: 11px; font-weight: 800; color: #ff2947;
  text-decoration: none; white-space: nowrap;
}
.mgz-blitz-cta:hover { text-decoration: underline; }
@media (max-width: 700px) {
  .mgz-blitz-cta { display: none; }
}

/* ============================================================
   MY-GAMEZONE.DE - UNIVERSELLE KARTEN-VERWANDLUNG
   Betrifft ~77 Alt-Seiten, die alle das gleiche Tabellen-Geruest
   nutzen: <table bordercolor="#000000"><tr><td background=
   "images/bg.jpg">Titel</td></tr><tr><td class="design1">Inhalt
   </td></tr></table>. Wird hier in ein modernes Karten-Design
   verwandelt, OHNE die 77 PHP-Dateien einzeln anzufassen.
   ============================================================ */
.mgz-main table[bordercolor="#000000"] {
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 18px !important;
  overflow: hidden;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(23,32,53,.07) !important;
  margin: 0 0 18px !important;
}
.mgz-main table[bordercolor="#000000"] td {
  border: none !important;
}
/* Titel-Leiste (immer der erste Balken der Seite) */
.mgz-main td[background="images/bg.jpg"][height="27"],
.mgz-main td[background="images/top_bg.jpg"] {
  background: linear-gradient(90deg, var(--mgz-purple), var(--mgz-cyan)) !important;
  padding: 13px 18px !important;
  height: auto !important;
}
.mgz-main td[background="images/bg.jpg"][height="27"] a.St4,
.mgz-main td[background="images/top_bg.jpg"] a.St4 {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
}
/* Inhaltsflaeche */
.mgz-main td.design1 {
  padding: 20px !important;
  background: #fff !important;
}
/* Innere Tabellen (sehr verbreitet fuer Formulare/Listen) bekommen
   etwas Luft, damit es nicht mehr so gedraengt wirkt */
.mgz-main td.design1 table {
  border-collapse: collapse;
}
.mgz-main td.design1 table td {
  padding: 6px 8px;
}
/* Buttons/Inputs im alten Stil (class="ru") dezent modernisieren */
.mgz-main input.ru, .mgz-main select.ru, .mgz-main textarea.ru {
  border: 1px solid var(--mgz-line) !important;
  border-radius: 10px !important;
  background: #f8faff !important;
  color: var(--mgz-text) !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}
.mgz-main input.ru:focus, .mgz-main textarea.ru:focus {
  border-color: var(--mgz-purple) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(124,58,237,.12) !important;
}
.mgz-main input[type="submit"], .mgz-main input[type="button"], .mgz-main input.ru[type="submit"] {
  background: linear-gradient(90deg, var(--mgz-purple), var(--mgz-cyan)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 9px 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.mgz-main input[type="submit"]:hover, .mgz-main input[type="button"]:hover {
  filter: brightness(1.08);
}
/* Alte Klasse .St99 (Links in Listen, z.B. Upgrades/Toplisten) leicht aufwerten */
.mgz-main a.St99 {
  color: var(--mgz-text) !important;
  text-decoration: none !important;
}
.mgz-main a.St99:hover { color: var(--mgz-purple) !important; }

/* ============================================================
   MY-GAMEZONE.DE - Modernes Formular-System (wiederverwendbar)
   Erster Einsatz: anmeldung.php - danach fuer weitere Seiten nutzbar
   ============================================================ */
.mgz-form-card {
  max-width: 640px; margin: 0 auto; background: #fff;
  border: 1px solid var(--mgz-line); border-radius: 18px;
  padding: 28px 30px; box-shadow: 0 10px 28px rgba(23,32,53,.06);
}
.mgz-form-card-head { text-align: center; margin-bottom: 22px; }
.mgz-form-card-head h2 { margin: 0 0 6px; font-size: 22px; color: var(--mgz-text); }
.mgz-form-card-head p { margin: 0; color: #66778c; font-size: 13px; }

.mgz-form-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px;
}
.mgz-form-field { display: flex; flex-direction: column; gap: 6px; }
.mgz-form-field-wide { grid-column: 1 / -1; }
.mgz-form-field label { font-size: 12px; font-weight: 700; color: var(--mgz-text); }
.mgz-form-inline { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.mgz-form-inline select { flex: 1; min-width: 90px; }

.mgz-form-check { font-size: 11px; font-weight: 700; margin-top: 2px; }
.mgz-form-check-good { color: #1e8a4c; }
.mgz-form-check-bad { color: #d13a3a; }
.mgz-form-check-btn {
  border: 1px solid var(--mgz-line) !important; background: #f8faff !important;
  color: var(--mgz-text) !important; border-radius: 10px !important;
  padding: 8px 14px !important; font-size: 12px !important; font-weight: 700 !important;
  cursor: pointer;
}

.mgz-form-checkbox-row { flex-direction: row; }
.mgz-form-checkbox { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #33495f; cursor: pointer; }
.mgz-form-checkbox input { width: 16px; height: 16px; }
.mgz-form-checkbox a { color: var(--mgz-purple); }

.mgz-form-submit-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.mgz-form-submit-row small { color: #8391a5; font-size: 11px; }
.mgz-form-submit {
  background: linear-gradient(90deg, var(--mgz-purple), var(--mgz-cyan)) !important;
  color: #fff !important; border: none !important; border-radius: 12px !important;
  padding: 12px 26px !important; font-weight: 800 !important; font-size: 14px !important;
  cursor: pointer !important;
}
.mgz-form-submit:hover { filter: brightness(1.08); }

.mgz-form-alert {
  max-width: 640px; margin: 0 auto 16px; background: #fff1f1; border: 1px solid #ffc9c9;
  color: #b3261e; font-size: 13px; font-weight: 600; padding: 12px 16px; border-radius: 12px;
}

.mgz-form-success { text-align: center; }
.mgz-form-success-icon {
  width: 56px; height: 56px; border-radius: 50%; background: #e2f6e9; color: #1e8a4c;
  display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 900;
  margin: 0 auto 14px;
}
.mgz-form-success h2 { margin: 0 0 10px; }
.mgz-form-success p { color: #4a5a70; font-size: 14px; line-height: 1.6; }
.mgz-form-hint { font-size: 12px !important; color: #8391a5 !important; }

@media (max-width: 640px) {
  .mgz-form-grid { grid-template-columns: 1fr; }
  .mgz-form-card { padding: 22px 18px; }
}

/* ============================================================
   MY-GAMEZONE.DE - Formular-Ergaenzungen (Settings, Textarea, Hinweise)
   ============================================================ */
.mgz-form-textarea { resize: vertical; min-height: 110px; font-family: inherit; }
.mgz-form-success-inline {
  max-width: 820px; margin: 0 auto 16px; background: #e9fbef; border: 1px solid #b7e9c9;
  color: #1e8a4c; font-size: 13px; font-weight: 700; padding: 12px 16px; border-radius: 12px;
  text-align: center;
}
.mgz-form-note {
  display: flex; align-items: center; gap: 10px; margin-top: 14px;
  background: #fff8e8; border: 1px solid #ffe2a8; border-radius: 12px;
  padding: 10px 14px; font-size: 12px; color: #7a5c17;
}

.mgz-settings-cols {
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 900px; margin: 0 auto;
}
.mgz-settings-row {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--mgz-line); font-size: 13px; color: var(--mgz-text);
}
.mgz-settings-row:last-of-type { border-bottom: none; }
.mgz-settings-toggle { display: flex; gap: 6px; }
.mgz-settings-toggle a {
  font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: 8px;
  border: 1px solid var(--mgz-line); color: #66778c; text-decoration: none;
}
.mgz-settings-toggle a.active {
  background: linear-gradient(90deg, var(--mgz-purple), var(--mgz-cyan)); color: #fff; border-color: transparent;
}

@media (max-width: 700px) {
  .mgz-settings-cols { grid-template-columns: 1fr; }
}

/* ============================================================
   MY-GAMEZONE.DE - Cash-Muenzen-Shop (PayPal)
   ============================================================ */
.mgz-cash-grid {
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-bottom: 20px;
}
.mgz-cash-card {
  position: relative; background: #fff; border: 1px solid var(--mgz-line); border-radius: 16px;
  padding: 22px 16px; text-align: center; box-shadow: 0 4px 14px rgba(23,32,53,.05);
  display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.mgz-cash-best { border-color: var(--mgz-gold); box-shadow: 0 8px 24px rgba(255,193,7,.18); transform: scale(1.03); }
.mgz-cash-ribbon {
  position: absolute; top: -11px; left: 50%; transform: translateX(-50%);
  background: linear-gradient(90deg, var(--mgz-gold), #ff9800); color: #fff;
  font-size: 10px; font-weight: 800; padding: 4px 12px; border-radius: 999px; white-space: nowrap;
}
.mgz-cash-coins { font-size: 24px; font-weight: 900; color: var(--mgz-text); margin-top: 6px; }
.mgz-cash-label { font-size: 11px; color: #8391a5; text-transform: uppercase; letter-spacing: .03em; }
.mgz-cash-bonus { font-size: 11px; font-weight: 700; color: #1e8a4c; background: #e9fbef; padding: 3px 10px; border-radius: 999px; margin-top: 4px; }
.mgz-cash-price { font-size: 20px; font-weight: 800; color: var(--mgz-purple); margin: 10px 0; }
.mgz-cash-buy-btn {
  width: 100%; background: linear-gradient(90deg, #0070ba, #003087); color: #fff;
  border: none; border-radius: 10px; padding: 10px 8px; font-weight: 800; font-size: 13px;
  cursor: pointer;
}
.mgz-cash-buy-btn:hover { filter: brightness(1.08); }

@media (max-width: 900px) {
  .mgz-cash-grid { grid-template-columns: repeat(2, 1fr); }
  .mgz-cash-best { transform: none; }
}
@media (max-width: 480px) {
  .mgz-cash-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   MY-GAMEZONE.DE - App-Feeling (PWA): Bottom-Navigation
   ============================================================ */
.mgz-bottomnav { display: none !important; }

@media (max-width: 780px) {
  .mgz-bottomnav {
    display: flex !important; position: fixed; left: 0; right: 0; bottom: 0; z-index: 500;
    background: #fff; border-top: 1px solid var(--mgz-line);
    box-shadow: 0 -6px 20px rgba(23,32,53,.08);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
    justify-content: space-around; align-items: center;
  }
  .mgz-bottomnav a {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
    font-size: 10px; font-weight: 700; color: #8391a5; text-decoration: none;
    padding: 4px 8px; border-radius: 10px; flex: 1; text-align: center;
  }
  .mgz-bottomnav a span { font-size: 20px; line-height: 1; }
  .mgz-bottomnav a.active { color: var(--mgz-purple); }
  .mgz-bottomnav a.active span { transform: scale(1.1); }

  /* Platz am Seitenende lassen, damit Inhalte nicht hinter der
     Bottom-Nav verschwinden */
  body { padding-bottom: 64px; }

  /* Oberes Hauptmenue (Icons + Text) auf mobil ausblenden, da es
     durch die Bottom-Nav ersetzt wird - schlanker Header wie bei
     echten Apps */
  .mgz-mainnav { display: none; }
}

/* Wenn als installierte App gestartet (standalone), oben zusaetzlich
   Platz fuer die Status-/Notch-Leiste lassen (iOS) */
@media all and (display-mode: standalone) {
  .mgz-header { padding-top: env(safe-area-inset-top); }
}

/* Kein blaues Antippen-Highlight, blockierte Zoom-Geste bei Doppel-Tap
   auf Buttons - fuehlt sich mehr nach nativer App an */
a, button, input[type="submit"], input[type="button"] {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
/* === MY-GAMEZONE LOVE RADIO 24/7 - SHOWCASE 2026 === */
.mgz-radio-showcase{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(260px,1fr);gap:14px;margin:0 0 18px}.mgz-radio-stage{position:relative;min-height:390px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 70% 38%,rgba(255,0,140,.32),transparent 26%),radial-gradient(circle at 47% 35%,rgba(56,75,255,.42),transparent 38%),linear-gradient(125deg,#071024 0%,#16133d 55%,#071225 100%);box-shadow:0 18px 45px rgba(9,25,63,.22);color:#fff;border:1px solid rgba(52,181,255,.38)}
.mgz-radio-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,28,.18),transparent 52%,rgba(255,19,103,.06));pointer-events:none}.mgz-radio-stage-copy{position:relative;z-index:3;width:56%;padding:38px 36px 88px}.mgz-radio-brandline{font-size:26px;font-weight:950;letter-spacing:.02em}.mgz-radio-stage h2{margin:2px 0 0;font-size:43px;line-height:1;font-weight:950}.mgz-radio-stage h2 em{font-style:normal;color:#ff2b64;text-shadow:0 0 18px rgba(255,43,100,.55)}.mgz-radio-stage-copy>strong{display:block;margin:12px 0 14px;color:#ffc21a;font-size:24px;font-style:italic;text-shadow:0 0 14px rgba(255,194,26,.3)}.mgz-radio-stage-copy>p{font-size:14px;line-height:1.6;color:#edf5ff;max-width:520px}.mgz-radio-livebox{display:grid;grid-template-columns:82px 1fr 150px;align-items:center;gap:14px;margin-top:18px;padding:13px 16px;border:1px solid rgba(143,198,255,.36);border-radius:18px;background:rgba(4,12,32,.55);backdrop-filter:blur(12px)}.mgz-radio-big-play{width:70px;height:70px;border-radius:50%;border:2px solid #ff70a0;background:linear-gradient(145deg,#ff486f,#e60048);color:#fff;font-size:27px;cursor:pointer;box-shadow:0 0 0 7px rgba(255,255,255,.08),0 0 28px rgba(255,23,91,.8)}.mgz-radio-big-play:disabled{opacity:.45;cursor:not-allowed}.mgz-radio-livebox small{display:inline-block;padding:3px 7px;border-radius:6px;background:#ff2b64;color:#fff;font-weight:900;font-size:8px}.mgz-radio-livebox b,.mgz-radio-livebox span{display:block}.mgz-radio-livebox b{margin-top:5px;font-size:16px}.mgz-radio-livebox span{margin-top:3px;font-size:10px;color:#c8d9ec}.mgz-radio-spectrum{height:54px;display:flex;align-items:end;gap:4px}.mgz-radio-spectrum i{display:block;width:7px;border-radius:4px;background:linear-gradient(#6cff20,#ffd51c,#ff3f46);box-shadow:0 0 9px rgba(121,255,39,.32);animation:mgzRadioWave .8s ease-in-out infinite alternate}.mgz-radio-spectrum i:nth-child(1){height:20%}.mgz-radio-spectrum i:nth-child(2){height:55%;animation-delay:.1s}.mgz-radio-spectrum i:nth-child(3){height:30%;animation-delay:.2s}.mgz-radio-spectrum i:nth-child(4){height:80%;animation-delay:.15s}.mgz-radio-spectrum i:nth-child(5){height:45%;animation-delay:.3s}.mgz-radio-spectrum i:nth-child(6){height:95%;animation-delay:.22s}.mgz-radio-spectrum i:nth-child(7){height:65%;animation-delay:.4s}.mgz-radio-spectrum i:nth-child(8){height:38%;animation-delay:.18s}.mgz-radio-spectrum i:nth-child(9){height:78%;animation-delay:.33s}.mgz-radio-spectrum i:nth-child(10){height:48%;animation-delay:.08s}.mgz-radio-spectrum i:nth-child(11){height:88%;animation-delay:.28s}.mgz-radio-spectrum i:nth-child(12){height:35%;animation-delay:.37s}@keyframes mgzRadioWave{to{height:18%}}.mgz-radio-volume-row{display:flex;align-items:center;gap:9px;margin-top:10px;width:260px}.mgz-radio-volume-row input{width:210px;accent-color:#43bfff}.mgz-radio-visual{position:absolute;z-index:2;right:2%;top:38px;width:40%;height:265px;display:flex;align-items:center;justify-content:center}.mgz-radio-visual .mgz-mic,.mgz-radio-visual .mgz-headphones{position:absolute;filter:drop-shadow(0 0 20px #ff1493);font-size:128px}.mgz-radio-visual .mgz-mic{left:0;bottom:22px;font-size:105px;transform:rotate(-8deg)}.mgz-radio-visual .mgz-headphones{right:8px;top:20px}.mgz-heart-pulse{position:absolute;right:70px;bottom:18px;font-size:58px;color:#ff3e8e;text-shadow:0 0 20px #ff007f;animation:mgzHeart 1.4s ease-in-out infinite}@keyframes mgzHeart{50%{transform:scale(1.12)}}.mgz-radio-benefits{position:absolute;z-index:4;left:18px;right:18px;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-radius:14px;border:1px solid rgba(138,181,240,.28);background:rgba(3,10,26,.74)}.mgz-radio-benefits div{padding:2px 12px;border-right:1px solid rgba(255,255,255,.08)}.mgz-radio-benefits div:last-child{border-right:0}.mgz-radio-benefits b,.mgz-radio-benefits span{display:block}.mgz-radio-benefits b{font-size:10px;color:#ff456b}.mgz-radio-benefits div:nth-child(2) b{color:#72f326}.mgz-radio-benefits div:nth-child(3) b{color:#ff4e72}.mgz-radio-benefits div:nth-child(4) b{color:#ffbd18}.mgz-radio-benefits span{margin-top:3px;color:#c7d4e6;font-size:9px}.mgz-radio-now{border-radius:22px;padding:20px;background:linear-gradient(160deg,#fff,#edf8ff);border:1px solid #cde8f7;box-shadow:0 15px 35px rgba(41,104,142,.12)}.mgz-radio-now>span{font-size:13px;font-weight:950;color:#ff2955}.mgz-radio-cover{height:150px;margin:14px 0 12px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#06142f,#2d1564);box-shadow:inset 0 0 35px rgba(255,38,121,.25)}.mgz-radio-cover img{width:100%;height:100%;object-fit:cover}.mgz-radio-cover b{font-size:75px;color:#ff3982;text-shadow:0 0 22px #ff006d}.mgz-now-copy strong,.mgz-now-copy em,.mgz-now-copy small{display:block}.mgz-now-copy strong{font-size:18px;color:#172034}.mgz-now-copy em{margin-top:4px;font-size:16px;font-style:normal;color:#ff2454;font-weight:850}.mgz-now-copy small{margin-top:8px;color:#718398}.mgz-wish-btn{display:block;margin-top:16px;padding:12px;text-align:center;border:1px solid #ff3762;border-radius:12px;color:#ff2454!important;font-weight:900;text-decoration:none;background:#fff}.mgz-radio-tags{margin-top:20px;padding-top:15px;border-top:1px solid #d9e8f1}.mgz-radio-tags b{display:block;margin-bottom:10px;color:#22364d;font-size:11px}.mgz-radio-tags span{display:block;margin:7px 0;padding:9px 11px;border-radius:10px;background:#fff;font-size:10px;font-weight:850;border:1px solid #e0edf5}.mgz-radio-tags .red{color:#ff2454}.mgz-radio-tags .green{color:#35aa22}.mgz-radio-tags .yellow{color:#c79500}.mgz-radio-tags .orange{color:#f36d16}
@media(max-width:1050px){.mgz-radio-showcase{grid-template-columns:1fr}.mgz-radio-now{display:grid;grid-template-columns:140px 1fr;gap:14px}.mgz-radio-now>span,.mgz-wish-btn,.mgz-radio-tags{grid-column:1/-1}.mgz-radio-cover{height:120px;margin:0}.mgz-radio-stage-copy{width:62%}}@media(max-width:700px){.mgz-radio-stage{min-height:570px}.mgz-radio-stage-copy{width:auto;padding:28px 20px 205px}.mgz-radio-stage h2{font-size:34px}.mgz-radio-visual{right:10%;top:275px;width:80%;height:160px}.mgz-radio-visual .mgz-headphones{font-size:95px}.mgz-radio-visual .mgz-mic{font-size:72px}.mgz-radio-livebox{grid-template-columns:65px 1fr}.mgz-radio-spectrum{display:none}.mgz-radio-big-play{width:58px;height:58px}.mgz-radio-benefits{grid-template-columns:1fr 1fr}.mgz-radio-benefits div{border-right:0}.mgz-radio-now{display:block}.mgz-radio-cover{height:180px;margin:14px 0}}

/* ============================================================
   MY-GAMEZONE.DE - MEIN RAUM 2026
   Hellblau + Neon Rot/Gruen/Gelb/Orange
   ============================================================ */
.mgz-room-page{--room-accent:#ff2f6b;--room-soft:#ffeaf1;width:100%;box-sizing:border-box;color:#15243a;font-family:Arial,Helvetica,sans-serif}.mgz-room-page.accent-red{--room-accent:#ff243e;--room-soft:#fff0f2}.mgz-room-page.accent-green{--room-accent:#32bb33;--room-soft:#edffef}.mgz-room-page.accent-orange{--room-accent:#ff7a00;--room-soft:#fff4e6}.mgz-room-page.accent-yellow{--room-accent:#e7ad00;--room-soft:#fff9dc}.mgz-room-page.accent-blue{--room-accent:#168cf2;--room-soft:#eaf6ff}.mgz-room-page.bg-night{background:linear-gradient(160deg,#0d1e3e,#132a4c 60%,#092038);padding:14px;border-radius:22px}.mgz-room-page.bg-clean{background:#f8fcff;padding:14px;border-radius:22px}.mgz-room-page.bg-sunset{background:linear-gradient(145deg,#fff2f2,#ffeaf7 44%,#e9f8ff);padding:14px;border-radius:22px}.mgz-room-page.bg-clouds,.mgz-room-page.bg-sky{background:radial-gradient(circle at 12% 13%,rgba(255,255,255,.95),transparent 22%),radial-gradient(circle at 82% 8%,rgba(255,255,255,.8),transparent 23%),linear-gradient(180deg,#e9f8ff,#f9fdff 55%,#e6f6ff);padding:14px;border-radius:22px}.mgz-room-notice{margin:0 0 12px;padding:12px 16px;border-radius:12px;background:#ecfff0;border:1px solid #bce8c5;color:#24813c;font-weight:800}.mgz-room-alert{padding:20px;background:#fff2f2;border:1px solid #ffd2d2;border-radius:15px;color:#b52525}.mgz-room-hero{position:relative;background:rgba(255,255,255,.96);border:1px solid #cfe7f3;border-radius:22px;box-shadow:0 14px 34px rgba(35,111,143,.10);overflow:hidden;margin-bottom:16px}.mgz-room-cover{height:120px;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 75% 25%,rgba(255,71,130,.25),transparent 14%),radial-gradient(circle at 25% 45%,rgba(85,171,255,.2),transparent 25%),linear-gradient(110deg,#e6f7ff,#fff1f6 45%,#e8f5ff);border-bottom:1px solid #dbeaf2;position:relative}.mgz-room-cover:before,.mgz-room-cover:after{content:'\2665';position:absolute;color:#ff5f91;font-size:30px;opacity:.8;text-shadow:0 0 14px rgba(255,42,100,.32)}.mgz-room-cover:before{left:18%;top:25px}.mgz-room-cover:after{right:16%;bottom:18px;font-size:42px}.mgz-room-cover span{max-width:620px;padding:0 120px;color:#a4496b;font-size:22px;font-style:italic;font-family:Georgia,serif}.mgz-room-profile{position:absolute;left:34px;bottom:16px;display:flex;align-items:end;gap:16px}.mgz-room-profile>img{width:126px;height:126px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 8px 25px rgba(25,85,128,.18)}.mgz-room-profile h1{margin:0 0 5px;font-size:25px}.mgz-room-profile h1 small{font-size:10px;background:linear-gradient(90deg,#ff4368,#ff7d91);color:#fff;padding:5px 9px;border-radius:99px;vertical-align:middle}.mgz-room-profile p{margin:0 0 8px;color:#60758d;font-size:12px}.mgz-room-profile b{color:#2cab3c;font-size:11px}.mgz-room-profile b i,.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38cf42;box-shadow:0 0 8px #38cf42;margin-right:5px}.mgz-room-stats{min-height:108px;margin-left:350px;display:grid;grid-template-columns:repeat(4,minmax(90px,1fr)) 1.5fr;align-items:center;gap:0;padding:12px 24px}.mgz-room-stats>a,.mgz-room-level{min-height:62px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;padding:0 13px;border-right:1px solid #e2edf3;text-decoration:none;color:#17273d}.mgz-room-stats>a>span,.mgz-room-level>span{grid-row:1/3;font-size:24px;color:var(--room-accent)}.mgz-room-stats small{font-size:9px;color:#73879a}.mgz-room-stats strong{font-size:17px}.mgz-room-level{grid-template-columns:34px 50px 1fr;grid-template-rows:auto auto}.mgz-room-level>small,.mgz-room-level>strong{grid-column:2}.mgz-room-level>div{grid-column:3;grid-row:1;height:9px;border-radius:99px;background:#edf2f7;overflow:hidden}.mgz-room-level>div i{display:block;height:100%;background:linear-gradient(90deg,var(--room-accent),#ff8a54)}.mgz-room-level em{grid-column:3;grid-row:2;font-style:normal;font-size:9px;color:#7c8b9c}.mgz-room-layout{display:grid;grid-template-columns:240px minmax(0,1fr) 270px;gap:15px}.mgz-room-left,.mgz-room-right,.mgz-room-center{display:flex;flex-direction:column;gap:15px;min-width:0}.mgz-room-box{position:relative;background:rgba(255,255,255,.96);border:1px solid #d1e7f2;border-radius:17px;box-shadow:0 9px 24px rgba(43,110,145,.08);padding:17px;box-sizing:border-box}.mgz-room-box h3{margin:0 0 13px;color:#173461;font-size:14px}.mgz-room-mood{background:linear-gradient(135deg,#fff,#eef9ff 60%,var(--room-soft))}.mgz-room-mood strong{display:inline-block;padding:7px 12px;border-radius:99px;background:#fff;border:1px solid #dceaf1;color:#263c55;font-size:11px}.mgz-room-mood p{margin:10px 0 0;color:#6e8092;font-size:11px}.mgz-room-actions{display:grid;gap:7px}.mgz-room-actions a{display:block;padding:11px 12px;border-radius:11px;border:1px solid #dbeaf2;background:#fff;color:#315071!important;font-size:11px;text-decoration:none;transition:.2s}.mgz-room-actions a:hover{transform:translateX(3px);border-color:var(--room-accent);color:var(--room-accent)!important;box-shadow:0 5px 13px rgba(37,112,150,.09)}.mgz-room-mini-avatars{display:flex;align-items:center}.mgz-room-mini-avatars a{width:38px;height:38px;border-radius:50%;overflow:hidden;border:3px solid #fff;margin-left:-8px;box-shadow:0 2px 8px rgba(0,0,0,.13)}.mgz-room-mini-avatars a:first-child{margin-left:0}.mgz-room-mini-avatars img{width:100%;height:100%;object-fit:cover}.mgz-room-mini-avatars a.plus{display:flex;align-items:center;justify-content:center;background:#eaf6ff;color:#168cf2;font-size:20px;text-decoration:none}.mgz-room-more{display:block;margin-top:13px;padding-top:10px;border-top:1px solid #edf2f5;color:#168cf2!important;text-decoration:none;text-align:center;font-size:10px;font-weight:800}.mgz-room-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mgz-room-about{font-size:12px;color:#526a82;line-height:1.55;min-height:78px}.mgz-room-tags{display:flex;flex-wrap:wrap;gap:6px}.mgz-room-tags span,.mgz-room-highlight span{padding:6px 9px;border-radius:99px;background:var(--room-soft);color:#5b5263;font-size:9px}.mgz-room-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.mgz-room-title h3{margin-bottom:13px}.mgz-room-title>a,.mgz-room-title>span{color:#168cf2!important;font-size:9px;text-decoration:none;font-weight:800}.mgz-room-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mgz-room-photos a{height:115px;border-radius:12px;overflow:hidden}.mgz-room-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.mgz-room-photos a:hover img{transform:scale(1.06)}.mgz-room-list{display:grid;gap:8px}.mgz-room-list>div,.mgz-room-list>a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#1c3554;padding:6px;border-radius:10px}.mgz-room-list>a:hover{background:#f3faff}.mgz-room-list img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px}.mgz-room-list p{margin:0;min-width:0;flex:1}.mgz-room-list b,.mgz-room-list small,.mgz-room-list em{display:block}.mgz-room-list b{font-size:10px;color:#24558e}.mgz-room-list small{font-size:8px;color:#8998a6;margin-top:2px}.mgz-room-list em{font-style:normal;font-size:10px;color:#536b81;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mgz-room-list .bubble{width:32px;height:32px;border-radius:50%;background:var(--room-soft);display:flex;align-items:center;justify-content:center;color:var(--room-accent)}.mgz-room-today{position:absolute;right:15px;bottom:15px;width:82px;height:75px;border-radius:14px;background:#eef8ff;display:flex;flex-direction:column;align-items:center;justify-content:center}.mgz-room-today strong{font-size:22px;color:#168cf2}.mgz-room-today span{font-size:8px;color:#698399}.mgz-room-wall form{display:flex;gap:8px;margin-bottom:12px}.mgz-room-wall input{flex:1;border:1px solid #d5e6ef;border-radius:10px;padding:10px 12px;outline:none}.mgz-room-wall input:focus{border-color:var(--room-accent);box-shadow:0 0 0 3px var(--room-soft)}.mgz-room-wall button,.mgz-room-design .save{border:0;border-radius:10px;padding:0 17px;background:linear-gradient(90deg,var(--room-accent),#ff6a83);color:#fff;font-weight:800;cursor:pointer}.mgz-room-music audio{width:100%;margin:6px 0 9px}.mgz-room-music>strong,.mgz-room-music>small{display:block}.mgz-room-music>strong{font-size:12px;color:#244f85}.mgz-room-music>small{font-size:9px;color:#8797a7;margin-top:3px}.mgz-room-music-empty{min-height:130px;border-radius:13px;background:linear-gradient(145deg,#edf8ff,#fff2f7);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.mgz-room-music-empty:first-letter{font-size:30px;color:var(--room-accent)}.mgz-room-music-empty b{margin-top:7px;font-size:12px}.mgz-room-music-empty span{margin-top:5px;color:#76899a;font-size:9px}.mgz-room-highlight>div{display:flex;flex-wrap:wrap;gap:7px}.empty{color:#8596a6;font-size:10px}.mgz-room-design{position:fixed;z-index:9999;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,18,38,.55);backdrop-filter:blur(6px)}.mgz-room-design.open{display:flex}.mgz-room-design-card{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto;border-radius:22px;background:#fff;padding:26px;box-shadow:0 25px 80px rgba(3,23,52,.3)}.mgz-room-design .close{position:absolute;right:15px;top:13px;width:35px;height:35px;border-radius:50%;border:0;background:#f2f7fb;font-size:22px;cursor:pointer}.mgz-room-design h2{margin:0 0 5px;color:#19334f}.mgz-room-design>div>p{margin:0 0 20px;color:#71869a;font-size:11px}.mgz-room-design form{display:grid;gap:12px}.mgz-room-design label{display:grid;gap:6px;color:#34516d;font-size:10px;font-weight:800}.mgz-room-design input,.mgz-room-design textarea,.mgz-room-design select{width:100%;box-sizing:border-box;border:1px solid #d4e6ef;border-radius:10px;padding:10px 11px;background:#fbfdff;color:#1c324a}.mgz-room-design textarea{height:110px;resize:vertical}.mgz-room-design .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mgz-room-design .save{min-height:43px;margin-top:6px}.mgz-room-page.bg-night .mgz-room-box,.mgz-room-page.bg-night .mgz-room-hero{background:rgba(10,29,55,.92);border-color:#2f5b7d;color:#eaf5ff}.mgz-room-page.bg-night .mgz-room-box h3,.mgz-room-page.bg-night .mgz-room-profile h1,.mgz-room-page.bg-night .mgz-room-stats>a,.mgz-room-page.bg-night .mgz-room-level{color:#edf7ff}.mgz-room-page.bg-night .mgz-room-about,.mgz-room-page.bg-night .mgz-room-mood p{color:#a9c3d9}
@media(max-width:1300px){.mgz-room-layout{grid-template-columns:210px minmax(0,1fr)}.mgz-room-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.mgz-room-stats{margin-left:290px}}
@media(max-width:1000px){.mgz-room-layout{grid-template-columns:1fr}.mgz-room-left,.mgz-room-right{display:grid;grid-template-columns:repeat(2,1fr)}.mgz-room-profile{position:relative;left:auto;bottom:auto;padding:0 20px 15px;margin-top:-50px}.mgz-room-stats{margin:0;grid-template-columns:repeat(5,1fr)}.mgz-room-cover{height:130px}.mgz-room-cover span{padding:0 70px}}
@media(max-width:720px){.mgz-room-page{padding:8px!important}.mgz-room-grid.two,.mgz-room-left,.mgz-room-right{grid-template-columns:1fr}.mgz-room-stats{grid-template-columns:repeat(2,1fr);padding:10px}.mgz-room-level{grid-column:1/-1}.mgz-room-cover span{padding:0 35px;font-size:17px}.mgz-room-profile>img{width:95px;height:95px}.mgz-room-profile h1{font-size:20px}.mgz-room-photos{grid-template-columns:repeat(2,1fr)}.mgz-room-design .form-grid{grid-template-columns:1fr}}

/* ============================================================
   MY-GAMEZONE.DE - Mein Profil Cloud Love 2026
   ============================================================ */
.mgz-profile-v2{font-family:Arial,Helvetica,sans-serif;color:#17203b;padding:10px 14px 32px;max-width:1420px;margin:0 auto}
.mgz-profile-v2 *{box-sizing:border-box}.mgz-profile-v2 a{text-decoration:none}
.mgz-profile-v2-hero{position:relative;min-height:285px;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;background:linear-gradient(110deg,#fff3f1 0%,#ffe8ec 38%,#eef6ff 72%,#eaf7ff 100%);box-shadow:0 18px 50px rgba(83,131,184,.16);border:1px solid rgba(255,255,255,.9)}
.mgz-profile-v2-copy{display:flex;align-items:center;gap:28px;padding:38px 20px 38px 42px;position:relative;z-index:3}
.mgz-profile-v2-avatar{position:relative;min-width:152px;width:152px;height:152px;border-radius:50%;padding:7px;background:#fff;box-shadow:0 12px 35px rgba(255,91,126,.22)}
.mgz-profile-v2-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mgz-profile-v2-avatar a{position:absolute;right:0;bottom:9px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#f5486c;box-shadow:0 5px 15px rgba(50,72,120,.18);font-size:18px}
.mgz-profile-v2-welcome .eyebrow{font-size:13px;letter-spacing:.8px;color:#59657c}.mgz-profile-v2-welcome h1{margin:8px 0 8px;font-size:45px;line-height:1;background:linear-gradient(90deg,#ef174d,#48236e);-webkit-background-clip:text;background-clip:text;color:transparent}.mgz-profile-v2-welcome p{margin:0;max-width:520px;font-size:15px;line-height:1.65;color:#58627a}.mgz-profile-v2-welcome p b{color:#f1265b}
.mgz-profile-v2-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.mgz-profile-v2-stats a{min-width:130px;padding:10px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.66);box-shadow:0 7px 18px rgba(77,109,150,.08);display:flex;flex-direction:column}.mgz-profile-v2-stats b{font-size:15px;color:#f13762}.mgz-profile-v2-stats span{font-size:11px;color:#777f93;margin-top:3px}
.mgz-profile-v2-dream{position:relative;min-height:285px;overflow:hidden;background:radial-gradient(circle at 55% 50%,rgba(255,255,255,.95),rgba(255,255,255,.15) 47%,transparent 65%)}.mgz-profile-v2-dream:after{content:"";position:absolute;inset:auto -5% -25% 0;height:60%;background:linear-gradient(to top,rgba(255,255,255,.95),rgba(255,255,255,0));filter:blur(4px)}
.mgz-profile-v2-dream .cloud{position:absolute;background:rgba(255,255,255,.82);border-radius:50%;filter:blur(1px);box-shadow:45px 8px 0 rgba(255,255,255,.72),88px -4px 0 rgba(255,255,255,.68),130px 12px 0 rgba(255,255,255,.75)}.mgz-profile-v2-dream .c1{width:110px;height:70px;left:35px;bottom:12px}.mgz-profile-v2-dream .c2{width:125px;height:76px;left:270px;bottom:5px}.mgz-profile-v2-dream .c3{width:90px;height:58px;right:45px;bottom:18px}
.mgz-profile-v2-dream .heart{position:absolute;color:#ff8ca9;text-shadow:0 8px 20px rgba(255,94,135,.28);opacity:.75}.mgz-profile-v2-dream .h1{font-size:38px;left:20%;top:45px}.mgz-profile-v2-dream .h2{font-size:28px;left:47%;top:65px}.mgz-profile-v2-dream .h3{font-size:44px;right:16%;top:25px}.mgz-profile-v2-dream .glass-heart{position:absolute;left:44%;top:52%;transform:translate(-50%,-50%);font-size:138px;line-height:1;color:#f77f9f;text-shadow:0 15px 35px rgba(239,54,103,.25),inset 0 0 20px #fff;filter:drop-shadow(0 10px 12px rgba(255,91,128,.18));z-index:2}.mgz-profile-v2-dream blockquote{position:absolute;right:30px;top:78px;width:155px;margin:0;color:#7181a4;font-size:15px;line-height:1.55;z-index:3}.mgz-profile-v2-dream blockquote:before{content:'“';display:block;font:700 42px Georgia;color:#8da5da;height:32px}
.mgz-profile-v2-board{margin-top:18px;display:grid;grid-template-columns:1.05fr 1.05fr 2fr 1.25fr;grid-auto-rows:minmax(140px,auto);gap:16px}
.mgz-profile-v2-feature{position:relative;min-height:300px;border-radius:24px;padding:35px 34px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 13px 35px rgba(81,107,147,.13);border:1px solid rgba(255,255,255,.92);transition:.22s}.mgz-profile-v2-feature:hover,.mgz-p2-card:hover,.mgz-profile-v2-blitz:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(81,107,147,.21)}.mgz-profile-v2-feature.mail-in{background:linear-gradient(145deg,#fff7f4,#ffe4e9)}.mgz-profile-v2-feature.mail-out{background:linear-gradient(145deg,#fff9f1,#ffe7c9)}.mgz-profile-v2-feature .bubble-icon{position:absolute;left:38px;top:34px;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;font-size:41px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px #fff,0 14px 30px rgba(255,91,126,.16);color:#ee4168}.mgz-profile-v2-feature.mail-out .bubble-icon{color:#ff8a33}.mgz-profile-v2-feature h2{margin:0 0 7px;font-size:23px;color:#d3214e}.mgz-profile-v2-feature.mail-out h2{color:#ef7a1b}.mgz-profile-v2-feature p{margin:0 0 16px;color:#6e7181;line-height:1.5}.mgz-profile-v2-feature b{align-self:flex-start;background:#fff;padding:9px 15px;border-radius:12px;color:#e83f66;font-size:12px;box-shadow:0 6px 16px rgba(100,100,130,.08)}.mgz-profile-v2-feature em{position:absolute;right:14px;top:14px;font-style:normal;background:#f84870;color:#fff;padding:5px 10px;border-radius:99px;font-size:11px}.mgz-profile-v2-feature .rose-deco{position:absolute;right:-10px;bottom:-4px;font-style:normal;font-size:112px;color:#f18da3;opacity:.22}.mgz-profile-v2-feature .plane-deco{position:absolute;right:22px;bottom:38px;font-style:normal;font-size:68px;color:#f4a251;opacity:.5}
.mgz-profile-v2-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;grid-column:3/4;grid-row:1/3}.mgz-p2-card{position:relative;min-height:132px;border-radius:20px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(74,112,161,.11);padding:22px;display:flex;align-items:center;gap:15px;color:#253253;transition:.22s;overflow:hidden}.mgz-p2-card>i{font-style:normal;flex:0 0 58px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:0 9px 22px rgba(49,83,160,.2)}.mgz-p2-card h3{margin:0 0 5px;font-size:15px}.mgz-p2-card p{margin:0;color:#6d7893;font-size:12px;line-height:1.4}.mgz-p2-card>b{margin-left:auto;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 3px 10px rgba(37,64,113,.12);font-size:16px}.mgz-p2-card.purple>i{background:linear-gradient(135deg,#5a27d6,#9b4cff)}.mgz-p2-card.blue>i,.mgz-p2-card.info>i{background:linear-gradient(135deg,#1265dd,#3496ff)}.mgz-p2-card.red>i{background:linear-gradient(135deg,#ef3157,#ff6580)}.mgz-p2-card.gold>i{background:linear-gradient(135deg,#f59b09,#ffc340)}.mgz-p2-card.green>i{background:linear-gradient(135deg,#16a988,#35d2b0)}.mgz-p2-card.visitor>i{background:linear-gradient(135deg,#7626df,#bd55ff)}.mgz-p2-card.cyan>i{background:linear-gradient(135deg,#00a2af,#33d1da)}
.mgz-profile-v2-blitz{grid-column:4/5;grid-row:1/3;min-height:300px;border-radius:24px;padding:30px;background:linear-gradient(145deg,#f7d7ff 0%,#c7b7ff 48%,#9bb6ff 100%);border:1px solid rgba(255,255,255,.9);box-shadow:0 13px 35px rgba(112,74,190,.18);color:#392052;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:.22s}.mgz-profile-v2-blitz:after{content:'♡';position:absolute;right:-30px;bottom:-25px;font-size:230px;color:rgba(255,255,255,.33);text-shadow:0 0 30px #ff8ed0}.mgz-profile-v2-blitz .bolt{position:absolute;left:35px;top:45px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:50px;color:#ffd65a;background:linear-gradient(145deg,#8c30df,#5715bd);box-shadow:0 0 38px rgba(189,89,255,.6)}.mgz-profile-v2-blitz small{position:absolute;right:18px;top:18px;background:#fff;color:#e64b65;padding:7px 11px;border-radius:99px}.mgz-profile-v2-blitz h2{font-size:25px;margin:0 0 8px;z-index:2}.mgz-profile-v2-blitz p{margin:0 0 18px;line-height:1.5;color:#5d4c77;z-index:2}.mgz-profile-v2-blitz b{align-self:flex-start;background:linear-gradient(90deg,#da3b67,#8b47c9);color:#fff;padding:10px 18px;border-radius:99px;font-size:12px;z-index:2}
@media(max-width:1200px){.mgz-profile-v2-hero{grid-template-columns:1fr}.mgz-profile-v2-dream{display:none}.mgz-profile-v2-board{grid-template-columns:1fr 1fr}.mgz-profile-v2-mini-grid{grid-column:1/3;grid-row:auto;grid-template-columns:1fr 1fr}.mgz-profile-v2-blitz{grid-column:1/3;grid-row:auto;min-height:230px}}
@media(max-width:760px){.mgz-profile-v2{padding:8px}.mgz-profile-v2-copy{padding:25px;align-items:flex-start}.mgz-profile-v2-avatar{width:92px;height:92px;min-width:92px}.mgz-profile-v2-welcome h1{font-size:34px}.mgz-profile-v2-board{grid-template-columns:1fr}.mgz-profile-v2-feature,.mgz-profile-v2-mini-grid,.mgz-profile-v2-blitz{grid-column:1!important;grid-row:auto!important}.mgz-profile-v2-mini-grid{grid-template-columns:1fr}.mgz-profile-v2-feature{min-height:255px}.mgz-profile-v2-stats a{min-width:105px}}
