PageSourceSearch

https://mixnmojo.com/news/Retro-Gamer-Escapes-from-Monkey-Island

html mixnmojo.com collected 2026-09-24 17:34:48 UTC 78,833 bytes, 602 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4	<meta charset="UTF-8">
5	<meta name="viewport" content="initial-scale = 1, width=device-width"> 
6	<meta name="keywords" content="Lucasarts, Double Fine Productions, Telltale Games, Deathspank, Monkey Island, Sam &amp; Max">  
7	<meta property="og:type" content="website">
8	<meta property="og:site_name" content="The International House of Mojo">
9	<meta name="twitter:creator" content="@mixnmojo">
10	<meta name="twitter:card" content="summary_large_image">
11	<meta name="twitter:site" content="@mixnmojo">
12	
13						<meta property="og:url" content="https://mixnmojo.com/news/Retro-Gamer-Escapes-from-Monkey-Island">
14			<meta property="og:description" content="The Monkey Kombat debate rages on.">
15			<meta property="description" content="The Monkey Kombat debate rages on.">
16			<meta name="twitter:description" content="The Monkey Kombat debate rages on.">
17			<meta property="og:image" content="https://mixnmojo.com/_theme/EXPlus/og/?i=LucasArts-News&f=3129">
18			<meta name="twitter:image" content="https://mixnmojo.com/_theme/EXPlus/og/?i=LucasArts-News&f=3129">
19			<meta name="mojo:image" content="https://mixnmojo.com/_theme/EXPlus/og/LucasArts-News.jpg">
20			
21	<meta property="og:title" content="Retro Gamer Escapes from Monkey Island | The International House of Mojo">
22	<meta name="twitter:title" content="Retro Gamer Escapes from Monkey Island | The International House of Mojo">
23	
24	<link rel="stylesheet" href="https://use.typekit.net/rkf4gnp.css">
25	<link rel="stylesheet" href="/_theme/EXPlus/fontawesome/fontawesome-free-6.6.0-web/css/all.min.css" type="text/css" media="screen">
26	<link rel="me" href="https://idlethumbs.social/@mixnmojo">
27	
28	<style>
29		.noborder { border: 0 !important; width: unset !important; } * { 	-webkit-box-sizing: border-box; 	box-sizing: border-box; 	outline: 0; 	-webkit-tap-highlight-color: rgba(0,0,0,0);  a { 	color: rgb(39,35,80); }  button { 	cursor: pointer; }   button { 	background: rgb(39,35,80); 	border: 0; 	color: rgb(255,255,255); }  label { 	display: none; }  input, textarea { 	-moz-appearance: none; 	-webkit-appearance: none; 	appearance: none; }  /* input:focus { 	background: rgba(255,255,255,1); } */  ::-webkit-input-placeholder {    color: rgb(0,0,0); }  ::-moz-placeholder {    color: rgb(0,0,0); }  hr { 	border: 0; 	border-top: 1px solid rgba(255,255,255,.25); 	margin: 20px auto; 	height: 1px; 	width: 25%; }  img { 	max-width: 100%; }  	#sb-body img { 		max-width: unset; 	}  .center { 	text-align: center; }  .right { 	text-align: right; }  .stabby { 	border-radius: 40px; 	height: 40px; 	width: 40px; }  .content { 	margin: 0 auto; 	padding: 25px 0; 	width: 720px; }  .meta { 	/* opacity: .5; */ }  h2 { 	display: none; }  h3, h4, h5 { 	font-family: futura-pt, sans-serif; 	font-weight: 600; 	letter-spacing: -0.04em; }  h3 { 	font-size: 24px; }  h4, h5 { 	font-size: 20px; }  .linethrough { 	text-decoration: line-through; }  .spoiler { 	cursor: pointer; 	position: relative; }  .spoiler a { 	color: rgb(0 0 0); }  .spoiler::before { 	content: 'Tap to view'; 	display: block; 	font-family: sans-serif; 	font-size: 8px; 	font-weight: bold; 	left: 0; 	line-height: 8px; 	position: absolute; 	top: -8px; }  .input, textarea, [type=submit], [type=button] { 	border: 1px solid rgba(0,0,0,.2); 	border-radius: 5px; 	font-size: 14px; 	padding: 10px; }  [type=submit], [type=button] { 	background: rgb(51,63,120); 	border: 0; 	color: rgb(255,255,255); }
30	</style>
31	
32	<link rel="stylesheet" href="https://mixnmojo.com/_theme/MojoEX/css/styles.2022.09.01.css" type="text/css" media="screen" id="excss">
33	<link rel="stylesheet" href="https://mixnmojo.com/_theme/MojoEX/css/lightbox.css" type="text/css" media="screen" id="sbcss">
34	<link rel="alternate" type="application/rss+xml" title="Mojo RSS News Feed" href="https://mixnmojo.com/rss/index.php?type=rss">
35	<link rel="apple-touch-icon" href="https://mixnmojo.com/_theme/MojoEX/resources/touch.png">
36	<link rel="icon" type="image/png" href="https://mixnmojo.com/_theme/MojoEX/resources/favicon64.png">
37	<link rel="shortcut icon" type="image/png" href="https://mixnmojo.com/_theme/MojoEX/resources/favicon.png">	
38	
38<script src="https://platform.twitter.com/widgets.js"></script>
38
39	
39<script async src="https://www.threads.net/embed.js"></script>
39
40	
40<script async src="https://embed.bsky.app/static/embed.js" charset="utf-8"></script>
40
41	
41<script src="https://mixnmojo.com/_theme/MojoEX/js/lightbox.js"></script>
41
42	<style>
43		/* ************************************** NEW NAV ************************************** */  body { overflow-x: hidden; }  #mojoHeaderNav {     font-size: 0;     left: 0;     height: 44px;     margin: 0 auto;     position: absolute;     text-align: center;     z-index: 0; bottom: -44px; top: unset; background: rgb(51,63,120); width: 100%; }   #mojoHeaderNavList.tabList {     list-style: none;     margin: 0 auto;     padding: 0;     display: flex; width: 600px; }  .tabList li {     margin: 0;     padding: 0; }  .tabList a.selected {     background: rgba(255, 255, 255, 0.2); }  #socializeMenu li:nth-of-type(3), #featuresMenu li:last-of-type, #featuresMenu li:nth-of-type(6) { display: none; }  #featuresMenu {     left: 20px;     transform-origin: top left;     width: 160px; }  #mojoHeaderNavList.tabList a, #mojoHeaderNavList.tabList label {     border-radius: 5px;     color: rgb(255 255 255);     display: block;     font: 15px/25px futura-pt, sans-serif;     padding: 0 14px;     text-decoration: none;     text-transform: uppercase;     white-space: nowrap; margin: 10px 0 0; }  #main.content { padding: 55px 20px; }  #feature { padding: 15px 20px; }  @media screen and (max-width: 868px) {  #mojoHeaderNav { left: inherit; margin: 0; right: 0; }  .article { /* padding: 15px 20px; */ }  .article.index { margin-bottom: 0; } }  @media screen and (max-width: 720px) {  #mojoHeaderNav ul:not(.tabListDropdownMenu) > li:last-of-type { display: unset; } }  @media screen and (max-width: 630px) { #mojoHeaderNavList.tabList { width: 340px; }  #mojoHeaderNavList.tabList>li:nth-of-type(n+4) { display: none; }  #socializeMenu li:nth-of-type(3), #featuresMenu li:last-of-type, #featuresMenu li:nth-of-type(6) { display: inline-block; }  .tabList a.selected { border-radius: 5px; }  #featuresMenu[aria-hidden="false"] { left: -78px; } }  @media screen and (max-width: 350px) { #mojoHeaderNavList.tabList { width: 250px; }  #patreonList { display: none !important; } }  /* ************************************** NEW IMAGE HANDLER ************************************** */ 
44		/* ADDITIONS */
45		.censored {
46			background: rgb(0 0 0);
47			color: rgb(255 255 255);
48			display: inline-block;
49			font-size: 11px;
50			font-weight: bold;
51			padding: 0 5px;
52			text-transform: uppercase;
53			transform: rotate(-3deg);
54		}
55		
56			#censorImages {
57				margin: 30px auto;
58			}
59
60		.embedAudio {
61			background: rgba(255 255 255 / 25%);
62			border-radius: var(--exborderRadius);
63			box-shadow: var(--exboxShadow);
64			display: block;
65			margin: 10px auto;
66			/* padding: 10px; */
67			width: 85%;
68		}
69
70		.embedVideo {
71			width: 75%;
72			border-radius: var(--exborderRadius);
73			box-shadow: var(--exboxShadow);
74			display: block;
75			margin: 20px auto;
76			max-width: 100% !important;
77			width: 100%;
78		}
79
80		@media screen and (max-width: 868px) { 
81			#featureUser {
82				display: none !important;
83			}
84			#features {
85				height: 85px !important;
86				margin: 0 auto !important;
87				width: 280px !important;
88			}
89
90			#featureArticle {
91				width: 100% !important;
92				top: 0 !important;
93				left: 0 !important;
94				transform: translateY(-15%) !important;
95			}
96			
97			#featureArticle a {
98				height: 85px !important;
99			}
100		}
101		
102		.ex2hexFigure {
103			--ex2hexImageMargin: 15px;
104			--ex2hexImageWidth: 50%;
105
106			max-width: var(--ex2hexImageWidth);
107			padding: 0;
108		}
109
110		.ex2hexFigureRight {
111			float: right;
112			margin: 3px 0 var(--ex2hexImageMargin) var(--ex2hexImageMargin);
113		}
114
115		.ex2hexFigureLeft {
116			float: left;
117			margin: 3px var(--ex2hexImageMargin) var(--ex2hexImageMargin) 0;
118		}
119
120		.ex2hexFigureCenter {
121			margin: var(--ex2hexImageMargin) auto;
122			/* text-align: center; */
123			max-width: 100%;
124		}
125
126		.ex2hexFigure figcaption,
127		.ex2hexCaption {
128			background: rgb(255 255 255);
129			font-size: 16px;
130			font-weight: bold;
131			line-height: 1.3em;
132			margin-top: -5px;
133			padding: 5px 10px 10px;
134			/* text-align: center; */
135		}
136
137		.ex2hexMultigridInner {
138			display: grid;
139			gap: 15px;
140			grid-template-columns: repeat(2, auto);
141		}
142
143		.ex2hexMultigridInner figure {
144			margin: 0;
145			padding: 0;
146		}
147
148		@media screen and (max-width: 700px) { 
149			.ex2hexFigureRight,
150			.ex2hexFigureLeft {
151				float: unset;
152				margin: 0;
153				max-width: 100%;
154			}
155		}
156		
157		.ex2hexFigureSpoiler {
158			overflow: hidden;
159			position: relative;
160		}
161
162		.ex2hexFigureSpoiler::after {
163			background: rgb(0 0 0);
164			color: rgb(255 255 255);
165			content: 'Censored';
166			display: block;
167			font-size: 32px;
168			font-weight: bold;
169			left: 0;
170			line-height: 58px;
171			position: absolute;
172			text-align: center;
173			text-transform: uppercase;
174			transform: rotate(-3deg) translateY(-50%);
175			top: 50%;
176			transition: .25s all;
177			width: 100%;
178		}
179
180		.potentialSpoiler > * {
181			filter: blur(0);
182			opacity: 1;
183			transition: 1s all;
184		}
185
186		.potentialSpoiler.ex2hexFigureSpoiler > * {
187			filter: blur(25px);
188			opacity: .25;
189			transition: .25s all;
190		}
191		
192		.figColumns .ex2hexFigureCenter { margin: 0; }
193		
194		.toggler { --tgWidth: 270px; --tgGap: 8px; --tgInnerWidth: 120px; --tgTogglerWidth: 45px; --tgLabelWidth: calc((var(--tgWidth) - var(--tgTogglerWidth)) / 2);
194 --tgButtonHolderBackground: rgb(51 63 120); --tgButtonHolderBackgroundActive: rgb(51 120 63); --tgButtonWidth: 24px; --tgButtonHeight: var(--tgButtonWidth); --tgButtonBackground: rgb(255 255 255); --tgButtonShadow: rgb(0 0 0 / 35%) 0 0 3px; background: rgb(255 255 255 / 50%); border-radius: var(--tgTogglerWidth); cursor: pointer; display: grid; font-size: 12px; grid-template-columns: auto var(--tgInnerWidth); line-height: var(--tgButtonHeight); margin: 0 auto; padding: 10px 20px; width: var(--tgWidth); }  .toggler p { margin: 0; }  .togglerInner { display: grid; gap: var(--tgGap); grid-template-columns: auto var(--tgTogglerWidth) auto; grid-template-rows: var(--tgButtonHeight); height: var(--tgButtonHeight); width: var(--tgInnerWidth); }  .togglerLabel { font-weight: 600; }  .togglerLabel:first-of-type { text-align: right; }  .togglerButtonHolder { background: var(--tgButtonHolderBackground); border-radius: var(--tgButtonHeight); }  .toggler.togglerActive .togglerButtonHolder { background: var(--tgButtonHolderBackgroundActive); }  .toggler button { background: var(--tgButtonBackground); border-radius: var(--tgButtonHeight); box-shadow: var(--tgButtonShadow); height: var(--tgButtonHeight); overflow: hidden; padding: 0; text-indent: -1000px; transition: .05s transform; width: var(--tgButtonWidth); }  .toggler.togglerActive button { transform: translateX(100%); }
195		
196		.fileDownloader {  display: grid;  gap: 15px;  grid-template-columns: repeat(2, 1fr);  list-style: none;  margin: 15px auto;  padding: 0; }   .fileDownloader li {   list-style: none;  }    .fileDownloader a {   background: rgb(255 255 255 / 75%);   border: 1px solid rgb(255 255 255);   border-radius: var(--exborderRadius);   box-shadow: rgb(0 0 0 / 15%) 0 0 4px;   display: block;   font-size: 18px;   font-weight: 800;   height: 100%;   line-height: 1em;   overflow: hidden;   padding: 15px;   position: relative;   text-decoration: none;   width: 100%; z-index: 0; }     .fileDownloader a:hover {    background: rgb(255 255 255);   }     .fileDownloader a strong {    position: relative;    z-index: 1;   }     .fileDownloader a span {    display: block;    font-size: 16px;    font-weight: 200;    margin-top: 5px;    z-index: 1;   }      .fileDownloader i {    bottom: calc(50% - 7px);    color: rgb(0 0 0 / 2%);    font-size: 72px;    line-height: 1em;    position: absolute;    right: 15px;    transform: translateY(50%);    z-index: 0;   }    @media(max-width: 400px) {  .fileDownloader a {   font-size: 16px;  } }
197		img.emoji { height: 26px; border-radius: 0; box-shadow: unset; vertical-align: bottom; width: 30px; }
198		figcaption img.emoji { height: 18px; width: 20px; }	
199		.modal { 	background: rgb(0 0 0 / 95%); 	height: 100vh; 	left: 0; 	opacity: 1; 	position: fixed; 	top: 0; 	transform: scale(1); 	transition: .2s all; 	width: 100%; 	z-index: 10; }  .modal[aria-hidden="true"] { 	opacity: 0; 	transform: scale(0); 	visibiliy: hidden; } 		 			
200		#main.content {
201			padding: 55px 0;
202		}
203		
204		.modalClose { 
205			margin: 0; 
206			position: absolute; 
207			right: 20px; 
208			top: 20px; 
209		} 
210 		
211		.modalClose a { 
212			background: rgb(255 255 255 / 10%); 
213			border: 2px solid rgb(255 255 255); 
214			border-radius: 8px; 
215			color: rgb(255 255 255); 
216			display: block; 
217			font-weight: bold; 
218			padding: 10px 0; 
219			text-align: center; 
220			text-decoration: none; 
221			width: 80px; 
222		}
223		
224		.resultColumns,
225		.resultColumns li {
226			list-style: none;
227			margin: 0;
228			padding: 0;
229		}
230		
231			.resultColumns li {
232				background: rgb(255 255 255);
233				border-bottom: 1px solid rgb(0 0 0 / 10%);
234				display: grid;
235				grid-template-columns: repeat(2, auto);
236			}
237			
238			.resultColumns li > * {
239				display: block;
240				padding: 10px;
241			}
242			
243				.resultColumns li > *:first-of-type {
244					font-weight: normal;
245				}
246			
247				.resultColumns li > *:last-of-type {
248					text-align: right;
249				}
250				
251				.resultColumns > li:first-of-type {
252					box-shadow: rgb(218,165,32) 0 0 20px;
253					font-size: 120%;
254					font-weight: bold;
255					position: relative;
256					z-index: 1;
257				}
258				
259					.resultColumns > li:first-of-type > * {
260						font-weight: bold !important;
261					}
262		
263	</style>
264
265		
266	<style>
267	/* Remove content class from article. */  :root {  --background: rgb(238 235 241);  --colDark: rgb(46 12 86);  --colMid: rgb(81 52 119);  --colLight: rgb(255 255 255); }  ::selection {     background-color: var(--colDark);     color: var(--colLight); }  ::-moz-selection {     background-color: var(--colDark);     color: var(--colLight); }   /* ************************* X/EX Killer ************************* */ @media screen  and (max-width: 590px) { [role="main"] { margin-top: unset; } } #main.content { padding: 5px 20px !important;  }  #main.content.mainSubContent {  padding: 20px !important; } @media screen and (max-width: 868px) { .content, #comments { padding: unset; max-width: 720px; width: 100%; } }  body {  background: var(--background);  font: 18px/1.4em trade-gothic-next, sans-serif;  overflow-x: hidden; }  /* ************************************** NEW NAV ************************************** */      #mojoHeaderVersion {  background: var(--colMid);  display: none; }  #woot {  bottom: 5px;  right: 5px; }  #mojoHeaderNavList.tabList a, #mojoHeaderNavList.tabList label {  border-radius: 0;  font: 200 15px/25px tgn-soft-round, sans-serif; }  img:not(.avatar-big), .news-gallery-image img {  border-radius: 0;  /* border-bottom: 3px solid var(--colMid); */  border: 6px solid rgb(255 255 255);  box-shadow: unset;  height: unset;  max-width: 100%;  width: 100%; }  img.emoji {  border: 0;  width: 28px; }  .tabList li {  display: block; }  #mojoHeaderNavList.tabList .popupMenu a {  color: var(--colDark);  display: grid;  font-size: 14px;  line-height: 16px;  padding: 8px 10px;  text-align: left;  text-decoration: none;  text-transform: unset;  margin: 0; }  [type="submit"], [type="button"] {  background: var(--colDark); }  #featuresMenu {  left: 12px; }  #mediaMenu {  left: 180px;  transform-origin: top left;  width: 160px; }  /* ************************* New Header ************************* */  #mojoHeader {  background: var(--colDark); }  #mojoHeaderInner {  height: 100%;  margin: 0 auto;  max-width: 720px;  padding: 5px 20px;  position: relative; }  #mojoHeaderNav {  background: transparent;  left: unset;  margin: 0;  position: absolute;  right: 20px;  top: 50%;  transform: translateY(-50%);  width: min-content; }   #mojoHeaderNavList.tabList {   width: unset;  }    #mojoHeaderNavList.tabList #patreonList a {   padding-right: 0;  }  #mojoHeaderTitle {  background: url(/_theme/EX2mojOS.Images/logo.webp) 0 0 no-repeat;  background-size: 120px;  left: 20px;  top: 50%;  transform: translateY(-50%); }  #mobileMenu {  display: none; }   @media screen and (max-width: 740px) {   #mojoHeaderNavList.tabList {    display: none;   }      #mobileMenu {    display: block;    margin: 0;    position: absolute;    right: 20px;    top: 50%;    transform: translateY(-50%);   }       #mobileMenu button {     background: transparent;     border: 0;     color: rgb(255 255 255);     font-size: 24px;     font-weight: bold;     height: 48px;     line-height: 1em;     overflow: hidden;     padding: 0;     position: relative;     transition: .2s var(--cubic);     width: 48px;    }        #mobileMenuButton span {     display: none;    }       #mobileMenuSub {    font-size: 14px;    left: unset;    list-style: none;    right: 32px;    text-align: left;    top: 32px;    width: 200px;   }       #behindLink {    background-size: contain;    height: 38px;    width: 36px;   }  }   @media screen and (max-width: 590px) {   #mojoHeaderTitle {    left: 20px;    margin-left: unset;   }  }  /* ************************* Front Page Highlights Menu ************************* */  #plusFeatures {  background: var(--colMid); }  #mojoMenu {  display: grid;  gap: 0;  grid-template-columns: repeat(2, auto);  list-style: none;  margin: 0 auto;  padding: 10px 20px;  max-width: 720px; }   #mojoMenu>li {   margin: 0;   padding: 10px 10px 10px 0;  }    #mojoMenu>li:last-of-type {   padding: 10px 0 10px 5px;   position: relative;   width: 250px;  }  #mojoMenu form p {  margin: 0; }   #mojoMenu input, #mainFooterSearchField, .filterSelect {  border: 2px solid rgb(0 0 0);  border-radius: 0;  color: rgb(0 0 0);  font-size: 16px;  padding: 5px;  text-align: left;  width: 100%; }   .filterSelect {   background: rgb(255 255 255);   font-weight: 600;  }  #highlights {   display: grid;   gap: 5px;   grid-template-areas: 'bf1 bf2' 'bf3 bf4';   grid-template-columns: repeat(2, 1fr);   grid-template-rows: repeat(2, auto);   list-style: none;   margin: 0 auto;   padding: 0;   position: relative;   width: 100%;  }  #highlights figure {  height: 100%;   margin: 0;   width: 100%;  }   #highlights li:nth-of-type(1) { grid-area: bf1; }  #highlights li:nth-of-type(2) { grid-area: bf2; }  #highlights li:nth-of-type(3) { grid-area: bf3; }  #highlights li:nth-of-type(4) { grid-area: bf4; }   #highlights li {   line-height: 0;   margin: 0;   padding: 0;   position: relative;  }    .popupMenu, .popupMenu li {  list-style: none;  margin: 0;  padding: 0 !important; }   .popupMenu li:nth-of-type(even) {   background: rgb(255 255 255);  }  .popupMenu {  background: rgb(245 245 245);  border: 2px solid rgb(0 0 0 / 90%);
267  left: 10px;  margin-top: 2px;  position: absolute;  transition: .2s all;  transform-origin: top right;  width: calc(100% - 20px);  z-index: 2; }  .popupMenu[aria-hidden="true"] {  transition: .3s all;  opacity: 0;  transform: scale(0) rotate(33deg) perspective(600px);  visibility: hidden; }  .popupMenu[aria-hidden="false"] {  transition: .3s all;  opacity: 1;  transform: scale(1) rotate(0) perspective(0);  visibility: visible; }   #searchHits {  max-height: calc(100vh - 150px); overflow-y: auto; transition: unset;  } #searchHits li a {	transition: .2s background; } #searchHits li.active a {	background: rgb(0 0 0 / 20%); }   .popupMenu a {  display: grid;  grid-template-columns: 12px auto;  gap: 10px;  font-size: 14px;  line-height: 16px;  padding: 8px 10px;  text-align: left;  text-decoration: none; }  .popupMenu[aria-hidden="false"] a .checkbox {  background: rgb(255 255 255);  border: 2px solid rgb(0 0 0);  display: block;  height: 10px;  margin-top: 3px;  transition: .2s cubic-bezier(0.15, 1, 0.25, 2);  width: 10px; }   .popupMenu a:hover .checkbox {   transform: scale(1.4);  }    /* .popupMenu[aria-hidden="true"] .checkbox {display: none;} */  .popupMenu li:last-of-type a {  padding-bottom: 10px; }   .popupMenu li:first-of-type .checkbox {  border-radius: 10px; }   #highlights img {   border: 2px solid rgb(0 0 0);  border-radius: 0;  box-shadow: unset;  height: unset;   width: 100%;  }    #highlights figcaption {   background: rgb(255 255 255);   border: 2px solid rgb(0 0 0);  bottom: 3px;   color: rgb(0 0 0);   font-size: 12px;   font-weight: 600;   line-height: 1em;   padding: 5px;    position: absolute;  right: 3px;  text-align: center;   transition: .2s cubic-bezier(0.15, 1, 0.25, 2);   white-space: nowrap;  }  #featureLatest {  color: var(--colLight);  font-size: 14px;  left: 50%;  line-height: 1.4em;  list-style: none;  margin: 0;  padding: 0;  position: absolute;  text-align: justify;  top: 50%;  transform: translate(-50%, -50%);  text-shadow: rgb(0 0 0) 1px 1px 0;  width: 90%; }   #featureLatest li {   list-style: none;   padding-bottom: 10px;  }     #featureLatest li:last-of-type {    padding-bottom: 0;   }   #featureLatest a {   color: var(--colBackground);   display: block;   text-decoration: none;  }    #featureLatest hr {   margin: 20px auto 5px;  }  .socials, .socials li {  list-style: none;  margin: 0;  padding: 0; }   .socials {   --socGap: 4px;   bottom: 0;   left: 50%;   display: flex;   /* gap: var(--socGap); */   position: absolute;   transform: translateX(-50%);  }   .socials li:first-of-type {   padding-left: 4px;  }   .socials a {   color: var(--colLight);   display: block;   font-size: 24px;   line-height: 42px;   text-align: center;   text-shadow: rgb(0 0 0) 1px 1px 0;   width: 55px;  }    .substackLink {   position: relative;  }     .substackLink span {    background: var(--colMid);    height: 2px;    left: 0;    position: absolute;    top: 14px;    width: 100%;   }       .substackLink span:last-of-type {     top: 19px;    }        .innerFooter .substackLink span {     background: var(--background);    }        #modalMenu .substackLink span {     background: rgb(0 0 0);     left: 50%;     transform: translateX(-50%);     width: 21px;    }  .fin {  font-size: 48px;  text-align: center; }  @media(max-width: 700px) {  #featureLatest {   font-size: 12px;  } }  @media(max-width: 640px) {    #mojoMenu {   grid-template-columns: 100%;   grid-template-areas: repeat(2, auto);  }   #mojoMenu > li:last-of-type {   width: 100%;  }     #mojoMenu input {   font-size: 16px;  }   #highlights {     gap: 15px 10px;     grid-template-areas:     'bf1 bf2'      'bf3 bf4';     grid-template-columns: repeat(2, 1fr);   }     #highlights li figcaption {    bottom: -10px;   left: 50%;   padding: 3px 5px;   transform: translateX(-50%);   width: min-content;  }    #mojoMenu li {   padding: 0;  }    #mojoMenu>li:last-of-type {   padding: 20px 0 5px;  }    #featureLatest {   display: grid;   font-size: 13px;   grid-template-columns: repeat(2, 1fr);   gap: 30px;   padding: 0 2px;   position: relative;   text-align: left;   transform: translate(-50%, -95%);   width: 100%;  }     #featureLatest hr {    visibility: hidden;    margin: 10px auto 0;   }    #mojoMenu .socials {   bottom: -15px;   display: grid;   grid-template-columns: repeat(4, auto);   position: relative;   width: 220px;  } }   /* ************************* X/EX Article Killer ************************* */  #main article {  margin-bottom: 60px;  /* padding: 10px 20px; */  padding: 10px 0; }   #main article#comments {   margin-bottom: 0;  }   #main.mainSubContent article:first-of-type {   margin-bottom: 20px;  }  .micro {  background: var(--colLight);  border-bottom: 2px solid var(--colMid);  border-top: 2px solid var(--colMid); }  #main article:first-of-type { margin-top: 10px; }  #main article .articleHeaderHeading { margin-top: 0; width: unset; }  /* #main article:first-of-type .articleHeaderCategoryHolder { margin-top: 10px; }  */  .articleHeader {  padding: 0; }   .articleHeaderHeadingHolder {   display: grid;   gap: 10px;   grid-template-columns: auto 80px;   }    .articleHeaderHeading,   .articleText h3,   body>footer h3 {    font-family: tgn-soft-round, sans-serif;    font-size: 22px;    font-weight: 800;   }       .articleHeaderHeading a {     color: rgb(0 0 0);    }      .articleHeaderHeading span {    color: rgb(0 0 0 / 75%);   }    .articleHeaderTime {    font-size: 18px;    margin: 3px 0 0;   }    .articleHeaderCategoryHolder {    float: unset;    margin: 0;    position: relative;    width: unset;    z-index: 0;   }  .news-blockquote, .article .news-blockquote, .feature-byline {  background: rgb(255 255 255 / 95%);  border-left: 3px solid var(--colMid);  border-radius: 0;  box-shadow: unset;  color: rgb(50,50,50);  margin: 20px auto;  padding: 1px 15px 5px 15px;  position: relative;  width: 100%; }   .feature-byline { border: 0; font-weight: bold; min-height: unset; padding: 1px 15px 5px 5px; }    .feature-byline span span { display: inline; padding: 0; }   .news-blockquoteauthor {color: unset;}  .news-blockquote ul {  font-style: italic;  list-style: none;  margin: 0;  padding: 0; }  .feature-pullquote {  background: rgb(255 255 255 / 95%);  border-left: 3px solid var(--colMid);  padding: 8px 8px 11px 13px;  position: relative; }   .feature-pullquote.feature-pullquote-right {   text-align: left;   /* border: 0; */   /* border-right: 3px solid var(--colMid); */   /* padding: 8px 13px 11px 8px; */  }
267   .bqauthor {  background: var(--colDark);  border: 2px solid rgb(0 0 0);  color: var(--colLight);  font-size: 12px;  line-height: 1.3em;  margin: 0;  padding: 3px 5px;  position: absolute;  right: 10px;  top: -10px; }  .comments li .comment-content .comment-text .news-blockquote .news-blockquoteauthor {  font-size: 12px; }  iframe, object, .embedVideo {  /* border-bottom: 3px solid var(--colMid) !important; */  /* border-bottom: 0 !important; */  border-radius: 0;  border: 6px solid rgb(255 255 255);  /* border: 12px solid rgb(255 255 255); */  box-shadow: unset;  display: block;  margin: 20px auto;  max-width: 100% !important; }  .vimeoVideo {  background: rgb(0 0 0); }  [data-video] img { border: 0; }  iframe.twitterEmbed {  border-bottom: 0 !important; }  .embedAudio {  max-width: 85%;  width: unset; }   img.coverUpImg {  width: unset; }  .caption {  background: var(--colLight);  font-size: 16px; font-weight: bold; line-height: 1.3em;  margin-top: -20px;  padding: 25px 10px 13px; text-align: center; }  .source {  font-size: 12px;  text-align: right; }  .news-subline {  background: rgb(255 255 255 / 95%);  border-radius: 0;  box-shadow: unset;  color: rgb(0 0 0);  display: grid;  font-family: tgn-soft-round, sans-serif;  font-size: 20px;  font-weight: 800;  grid-template-columns: repeat(2, 1fr);  margin-top: 20px;  padding: 10px;  text-align: left; }   .news-subline a {   font-weight: 800;   text-decoration: none;  }   .news-subline div:last-of-type {   position: relative;   text-align: right;  }    .news-subline div:last-of-type span {   background: var(--colDark);   border: 2px solid rgb(0 0 0);   color: var(--colLight);   font-size: 12px;   font-weight: 600;   line-height: 1em;   padding: 5px;   position: absolute;   right: 0;   top: -30px;  }    .news-subline div:last-of-type span[aria-hidden="true"] {   opacity: 0;   transform: scale(0);   transition: .2s all;   visibility: hidden;  }    .news-subline div:last-of-type span[aria-hidden="true"] {   opacity: 1;   transform: scale(1);   visibility: hidden;  }  @media(max-width: 640px) {    .articleText {   font-size: 18px;   line-height: 1.3em;  } }   .comments li, .comments li:nth-child(even) {  background: rgb(255 255 255);  border-radius: 0;  box-shadow: unset; }  .articleHeaderHeadingCommentCount {  margin-bottom: 25px; }  .comments li .avatar-big, .feature-byline img {  box-shadow: unset;  top: -10px;  border: 0;  border-radius: 32px;  height: 32px;  left: unset;  right: -10px;  width: 32px; }  .comments li .comment-content {  color: rgb(0 0 0 / 75%); }  .comments li .comment-content .comment-text .news-blockquote {  background: rgb(253 250 255); }  .commentformBB {  background: var(--colLight);  border-radius: 0;  box-shadow: unset; }  .article .input,  .article textarea,  .article [type="submit"],  .article [type="button"], .comment-quote-link a {  border: 1px solid rgb(0 0 0);  border-radius: 0; }  .comment-quote-link a {  background: var(--colDark); }   .ex2hexMultigrid .ex2hexCaption {  margin-top: 0; }  /* ************************** LOGIN FORM ************************** */  #magicloginForm, #loginform2 {  margin: 0 auto;  width: 320px; }  #loginform2 p {  display: grid;  gap: 6px;  grid-template-areas: 'accountform_username2 accountform_username2'        'accountform_password2 accountform_submit2';  grid-template-columns: repeat(2, auto);  grid-template-rows: repeat(2, auto); }  #magicloginForm p {  display: grid;  gap: 6px;  grid-template-columns: auto min-content; }  #magiclinkEmail {  width: 100%; }  .magicOr {  font: 600 18px/1em sans-serif;  margin: 0;  opacity: .5; }  #accountform_username2 {grid-area: accountform_username2; width: 100%;} #accountform_password2 {grid-area: accountform_password2;} #accountform_submit2 {  background: var(--colDark);   font-family: trade-gothic-next, sans-serif;   font-size: 18px;   font-weight: bold;  grid-area: accountform_submit2; }  #magiclinkButton {  font-family: trade-gothic-next, sans-serif;   font-size: 18px;   font-weight: bold;    width: 85px; }  .fileDownloader.singleColumn {  display: block; }  .fileDownloader.singleColumn li {  margin-bottom: 10px; }  .fileDownloader a {  border: 0;
267  /* border-left: 3px solid var(--colDark); */  border-radius: 0;  box-shadow: unset; }    .fileDownloader.compact a {    font-size: 16px;    font-weight: 500;    line-height: 1.3em;   }      .fileDownloader small {    font-weight: normal;   }  @media(max-width: 600px) {  .fileDownloader {   grid-template-columns: 100%;  } }  /* ************************* X/EX Feature Killer ************************* */  .featureimage.featureimageHeader {  border-radius: 0;  box-shadow: unset; }  .featureimage img {  /* border: 0; */  border-radius: 0;  box-shadow: none; }  ul.pagelisting {  background: var(--colLight);  border-radius: 0;  box-shadow: none;  margin: -30px 0 0 2.5%;  padding: 0;  position: relative;  width: 95%;  z-index: 1; }   ul.pagelisting li {   border-bottom: 1px solid rgb(0 0 0 / 10%);  }    ul.pagelisting li a {    border-radius: 0;    padding: 10px;    text-decoration: none;   }   ul.pagelisting li:last-of-type {   border-bottom: 0;  }  .toggler {  background: var(--colLight);  border-radius: 0;  box-shadow: none;  }  #mainFooter .socials {  margin-left: -110px;  position: relative;  transform: unset;  width: 225px; }   #mainFooter .socials li:first-of-type {   padding-left: 0;  }   #mainFooter .socials a {   color: var(--colDark);   /* color: rgb(0 0 0 / 75%); */   text-shadow: unset;  }   @media(max-width: 640px) {   ul.pagelisting li {   font-size: 14px;  } }  /* ************************* X/EX Media Killer ************************* */  .abitmore {  display: none; }  .media-description {  background: var(--colLight);  border: 0;  border-radius: 0;  box-shadow: none; }  .mediacontent figure img {  border-radius: 0;  box-shadow: none; }  code { background: rgb(255 255 255 / 70%); display: block; overflow: auto; padding: 5px; white-space: wrap; }  /* ************************* X/EX Footer Killer ************************* */  #mainFooter .news-blockquote, .innerFooter {  max-width: 720px; }   .innerFooter {   margin: 0 auto;   padding: 0 20px;  }  #mainFooter.content {  margin: 0 auto;  padding-top: 0; }  .community-item {  margin-top: 0; }  #friendsOfMojo, .article table {  border-collapse: separate;  border-spacing: 0 1px;  width: 100%; }  #friendsOfMojo thead, .article thead {  display: none; }  #friendsOfMojo tr, .article table tbody tr, .article table tbody tr:nth-child(odd)  {  background: var(--colLight); }   #friendsOfMojo tr td:first-of-type,  .article table tbody tr td:first-of-type  {   border-left: 3px solid var(--colDark);  }   #friendsOfMojo td,  .article table tbody tr td {   padding: 15px;  }   #friendsOfMojo tr:nth-of-type(even),  .article table tbody tr:nth-child(even)  {   background: rgb(255 255 255 / 100%);   }   #mojoNetwork {  display: grid;  gap: 20px;  grid-template-columns: repeat(2, 1fr);  max-width: 350px; }  #mojoNetwork li {  display: block;  margin: 0 !important;  width: unset; }  #mojoNetwork h3 {  margin-bottom: 0;  }  @media(max-width: 640px) {    #mojoNetwork h3 {   font-size: 14px;   line-height: 1.2em;  }    .community-item {   line-height: 1.3em;   margin-top: 0;  } }  #lightboxContainer[aria-hidden="true"] * { display: none; } #lightboxContainer[aria-hidden="false"] * { display: unset; } #lightboxContainer img { height: unset; }  /* ************************* NEW CONTENT ************************* */  .text-post-media {  width: 100% !important; }  #main article.articleM {  background: rgb(255 255 255);  /* border-left: 3px solid var(--colDark); */  border-radius: 0;  box-shadow: unset;  margin-bottom: 15px;  padding: 15px;  position: relative; }  /*#main article.articleM:after {  --amAfterSize: 25px;  background: var(--colDark);  border-radius: var(--amAfterSize);  color: var(--colLight);  content: 'M';  font-size: 12px;  height: var(--amAfterSize);  position: absolute;  line-height: calc(var(--amAfterSize) - 1px);  text-align: center;  font-weight: 800;  right: calc((var(--amAfterSize) / 4) * -1);  top: calc((var(--amAfterSize) / 4) * -1);  width: var(--amAfterSize); }*/  #main article.articleM .articleMHeading {  display: inline;  font-size: 16px;  font-weight: 800; }  #main article.articleM .articleMHeading a, #main article.articleM .news-subline div:first-of-type a {  text-decoration: none; }   #main article.articleM:hover .articleMHeading a,  #main article.articleM:hover .news-subline div:first-of-type a  {   text-decoration: underline;  }  #main article.articleM p:first-of-type {  display: inline; }  iframe.articleRandomArticle { margin-top: -10px; }  #main article.articleM + iframe.articleRandomArticle { margin-top: 20px; }  iframe.articleRandomArticle + .article, #main article.articleM + .article {  margin-top: 45px; }   iframe.articleRandomArticle + .article {   margin-bottom: 0;  }  #main article.articleM figure, #main article.articleM .glueTube {  margin-top: 15px; }  #main article.articleM .news-subline {  font-size: 16px;  gap: 25px;  grid-template-columns: auto repeat(2, max-content);  margin-top: 10px;  padding: 0; }  #main article.articleM .news-subline div:last-of-type span {  white-space: nowrap; }  img.coverUpImg { border: 0; } .emoji.coverup { vertical-align: baseline; width: 112px; }  /* ****************** FOOTNOTE ****************** */  .footNote {  --noteSize: 14px;  background: rgba(0 0 0 / 10%) url(/_theme/EXPlus/images/star.webp) center center no-repeat;     background-size: auto;  background-size: 8px;  border-radius: var(--noteSize);  cursor: pointer;  display: inline-block;  height: var(--noteSize);  font-style: normal;  vertical-align: top;  width: var(--noteSize); }  .footNote a {  color: rgb(255 255 255); }   .footNote strong {  background: var(--colMid); border: 1px solid rgb(255 255 255 );  border-radius: var(--exborderRadius);  bottom: 10px;  box-shadow: var(--exboxShadow);  color: rgb(255 255 255);
267  left: 50%;  min-width: 310px;  max-width: 600px;  opacity: 0;  padding: 20px;  position: fixed;  transform: translateX(-50%) scale(0) rotate(33deg) perspective(600px);  transform-origin: bottom center;  transition: .3s all;  visibility: visible;  z-index: 1000; }  .footNote strong::before {  --closeSize: 22px;  background: rgb(255 255 255) url(data:image/svg+xml;  base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjI1IiB5Mj0iMjUiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNSIgeTE9IjAiIHgyPSIwIiB5Mj0iMjUiIC8+Cjwvc3ZnPg==) center center no-repeat;  background: rgba(255 255 255) url(/_theme/EXPlus/images/star.webp) center center no-repeat;  background-size: 12px;  border-radius: var(--closeSize);  box-shadow: var(--exboxShadow);  content: ' ';  cursor: pointer;  height: var(--closeSize);  position: absolute;  right: -5px;  text-align: center;  top: -5px;  width: var(--closeSize); }  .footNote span {  display: none; }  .footNote[aria-hidden="true"] strong {  display: none; }  .footNote[aria-hidden="false"] strong {  display: block;  opacity: 1;  transform: translateX(-50%) scale(1) rotate(0) perspective(0);  visibility: visible; }  @media(max-width: 600px) {  .footNote {   --noteSize: 18px;   margin-left: 2px;   vertical-align: text-bottom;  }   .footNote::before {   line-height: 26px;  } }      /* ****************** RANDOM FEATURE ****************** */  #main article.articleRandomFeature a {  --rfGap: 15px;  --rfHeading: 16px;  --rfTitle: 20px;  padding: var(--rfGap);  background: rgb(255 255 255);  color: rgb(0 0 0);  display: grid;  gap: var(--rfGap);  grid-template-areas:        'rfImg rfHeading'       'rfImg rfHeading';  grid-template-columns: 150px repeat(2, auto);  grid-template-rows: repeat(2, auto);  text-decoration: none; }  #main article.articleRandomFeature.articleRandomFeatureWide a {  grid-template-areas:       'rfTitleSecondary'      'rfImg'      'rfHeadingSeconday'      'rfText';  grid-template-columns: 100%; }  #main article.articleRandomFeature a div {   grid-area: rfHeading; }  #main article.articleRandomFeature.articleRandomFeatureWide a div {   grid-area: rfText; }  #main article.articleRandomFeature a img {  border: 0 !important;  grid-area: rfImg;  height: unset;  width: 100%; }  #main article.articleRandomFeature a h3, #main article.articleRandomFeature a h4 {  display: inline;  font: 800 var(--rfHeading)/1.4em trade-gothic-next, sans-serif;  /* font-weight: 800; */  /* line-height: 1.2em; */  letter-spacing: unset;  margin: 0; }  #main article.articleRandomFeature a h3.secondary { display: none; } #main article.articleRandomFeature a h4.secondary { display: none; } #main article.articleRandomFeature.articleRandomFeatureWide a h3.secondary { display: block; grid-area: rfTitleSecondary; } #main article.articleRandomFeature.articleRandomFeatureWide a h4.secondary { display: block; grid-area: rfHeadingSeconday; }  #main article.articleRandomFeature.articleRandomFeatureWide a div h3 { display: none; } #main article.articleRandomFeature.articleRandomFeatureWide a div h4 { display: none; }  #main article.articleRandomFeature a h4 {  font-weight: 600; }  #main article.articleRandomFeature a div p {  margin: 10px 0; }  #main article.articleRandomFeature a > p {  font-size: 16px;  grid-area: rfLink;  margin: 0;  text-align: right;  display: none; }  @media(max-width: 600px) {  #main article.articleRandomFeature a {   grid-template-areas:        'rfTitleSecondary'       'rfImg'       'rfHeadingSeconday'       'rfText';   grid-template-columns: 100%;  }   #main article.articleRandomFeature a div {    grid-area: rfText;  }   #main article.articleRandomFeature a h3.secondary { display: block; grid-area: rfTitleSecondary; }  #main article.articleRandomFeature a h4.secondary { display: block; grid-area: rfHeadingSeconday; }  #main article.articleRandomFeature a div h3 { display: none; }  #main article.articleRandomFeature a div h4 { display: none; } }  /* ****************** BOX ART LIST ****************** */  .boxList {  display: grid;  gap: 5px;  grid-template-columns: repeat(3, 1fr);  list-style: none;  margin: 0;  padding: 0; }   .boxList li {   background: var(--colLight);   list-style: none;   margin: 0;   padding: 10px;   text-align: center;  }    .boxList figure {   margin: 0;   overflow: hidden;   padding: 0;  }    .boxList img {   height: 250px;   width: unset;  }    .boxList span,  .boxList time {   background: var(--colLight);   display: block;  }  /* ************************* NEW PLAYER ************************* */  .glueTube {  /* border: 12px solid rgb(255 255 255); */  border: 6px solid rgb(255 255 255);  line-height: 0;  position: relative; }  .playButton {  background: rgb(255 0 0) url("/_theme/EXPlus/images/play.webp") 38px center no-repeat;  background-size: 12px;  border-radius: 20px;  height: 60px;
267  left: 50%;  position: absolute;  top: 50%;  transform: translate(-50%, -50%);  width: 80px; }  #mdbVideoModal {  background: rgb(255 255 255 / 90%);  height: 100vh;  left: 0;  position: fixed;  top: 0;  width: 100%;  z-index: 2; }  #mdbVideoModalInner {  left: 50%;  max-width: 700px;  position: absolute;  top: 50%;  transform: translate(-50%, -50%);  width: 100%; }  #mdbVideoEmbed {  height: auto;  min-width: 300px;  width: 100%; }   #mdbVideoModal[aria-hidden="true"] {   display: none;  }    #mdbVideoModal[aria-hidden="false"] {   display: block;  }    #mdbVideoModalInner p {   padding-top: 50px;   text-align: center;  }    #mdbVideoModalInner a {   background: rgba(255,255,255,.3) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiID8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjI1cHgiIGhlaWdodD0iMjVweCIgdmlld0JveD0iMCAwIDI1IDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNSAyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMCIgeDI9IjI1IiB5Mj0iMjUiIC8+CjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNSIgeTE9IjAiIHgyPSIwIiB5Mj0iMjUiIC8+Cjwvc3ZnPg==) no-repeat center center;   border: 0;   border-radius: 50px;   color: rgb(0 0 0);   cursor: pointer;   font-weight: bold;   margin: 20px auto 0;   outline: none;   overflow: hidden;   padding: 60px 0 0;   text-decoration: none;   text-indent: -100000px;   transition: .15s transform;   transform: scale(0);   transition-delay: .15s;  }    iframe#mdbVideoEmbed {   height: 500px;   max-width: 600px;   width: 600px;  }     @media(max-width: 650px) {    iframe#mdbVideoEmbed {     height: 200px;     width: 300px;    }   }  /* ******************* NEW FEATURES */  #latestFeaturesHeader {  display: grid;  gap: 12px;  grid-template-columns: repeat(2, 1fr); }  .featureSearchFormEmbed {  /* width: 300px; */ }   .featureSearchFormEmbed input {   display: block;   margin: 0 auto;   width: 300px;  }    .featureSearchFormEmbed ul {   left: 50%;   margin: 0 auto;   transform: translateX(-50%);   width: 300px;  }  /* ******************* PLUS BUTTON */  .plusButtonBar {  align-items: center;  display: flex;  flex-flow: row wrap;  gap: 10px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0; }  .plusButton {  --pbPadding: 12px;  background: var(--colLight);  border-bottom: 2px solid var(--colDark);  border-radius: 6px;  font-size: 18px;  display: inline-block;  padding: var(--pbPadding);  text-decoration: none;  transition: .1s all; }  .plusButton.plusIcon {  font-size: 32px;  padding: var(--pbPadding);  text-align: center;  width: 82px; }  .plusButton.plusIcon span { display: block; font-size: 12px; }  .plusButton:hover {  transform: scale(1.1); }  .plusButton:active {  transform: scale(0.9); }   /* ************************************** INLINE FIGURE ************************************** */     figure:has(.noresize) {float: inline-start; display: inline;}  .noresize { width: unset !important; }  /* ************************************** CRYSTAL SKULLS ************************************** */   .crystalSkullHolder {  /* background: rgb(255 255 255); */  /* display: inline-block; */  line-height: 0;  text-align: center;  width: unset; }  .crystalSkullImg {  border: 0 !important;  width: 200px !important; }   /* ************************************** NEW NAV ************************************** */    #modalMenu {  background: rgb(0 0 0 / 97%);  border: 1px solid rgb(0 0 0);  color: rgb(255 255 255);  left: 5px;  padding: 0;  position: fixed;  top: 85px;  transform-origin: right top;  width: calc(100% - 10px);  z-index: 3; }  #modalMenu[aria-hidden="true"] {   transition: .3s all;  opacity: 0;  transform: scale(0) rotate(33deg) perspective(600px);  visibility: hidden; }  #modalMenu[aria-hidden="false"] {  transition: .3s all;  opacity: 1;  transform: scale(1) rotate(0) perspective(0);  visibility: visible;  }  #modalMenu a {  color: rgb(255 255 255);  text-decoration: none; }   #modalMenu a:hover {   text-decoration: underline;  }  #modalMenu h2 {  display: none; }   #modalMenuTwofer {  display: grid;  grid-template-columns: repeat(2, 50%);  list-style: none;  margin: 0;  padding: 0;  text-align: center; }   #modalMenuTwofer li:first-of-type {   border-right: 1px solid rgb(255 255 255 / 10%);  }  #modalMenu > p:first-of-type { margin-top: 0; }  #modalMenu .socials {  border-top: 1px solid rgb(255 255 255 / 10%);  display: grid;  grid-template-columns: repeat(5, 1fr);  padding: 0;  position: unset;  transform: unset;  width: 100%; }   #modalMenu .socials a {   border-right: 1px solid rgb(255 255 255 / 10%);   display: block;   text-align: center;   width: 100%;  }     #modalMenu .socials li:last-of-type a { border-right: 0; }  #modalMenuTop {  align-items: center;  border-bottom: 1px solid rgb(255 255 255 / 10%);  display: grid;  grid-template-columns: repeat(5, auto);  list-style: none;  margin: 0;  padding: 0;  text-align: center; }   #modalMenuTop li {   border-right: 1px solid rgb(255 255 255 / 10%);  }     #modalMenuTop li:last-of-type {    border-right: 0;   }  #modalMenuTop a {  /* background: rgb(255 255 255 / 10%); */  display: block;  font-size: 16px; line-height: 42px;  padding: 0 10px; }  #modalMenuMiddle {  list-style: none;  margin: 0;  padding: 0; }   #modalMenuMiddle li {   border-bottom: 1px solid rgb(255 255 255 / 10%);   font-size: 16px;   line-height: 42px;   list-style: none;   margin: 0;   padding: 0 10px;  }     #modalMenuMiddle li:last-of-type { border-bottom: 0; }    #modalMenuMiddle a {   display: block;  }   #modalMenu h3 {  font-family: trade-gothic-next, sans-serif;  font-size: 16px;  line-height: 42px;  margin: 0;  opacity: .5;  text-align: center; }  @media(max-width: 640px) {  #main article {   padding: 10px 0;  } } #highlights li:nth-of-type(5) { display: none; }
268	</style>
269	
270	<title>Retro Gamer Escapes from Monkey Island | The International House of Mojo</title>
271</head>
272<body>
273
274	<header id="mojoHeader">
275		<div id="mojoHeaderInner">
276			<h1 id="mojoHeaderTitle">
277				<a href="https://mixnmojo.com" title="Return to Mojo">
278					The International House of Mojo
279				</a>
280			</h1>
281			<span id="mojoHeaderVersion">EX+</span>
282			<nav id="mojoHeaderNav">
283				<ul class="tabList" id="mojoHeaderNavList" role="menu">
284					<li role="none presentation"><a href="https://mixnmojo.com/" class="selected">News</a></li>
285					<li role="none presentation" class="tapListDropdownHolder">
286						<a href="https://mixnmojo.com/features/" class="tabListDropdownLink  " data-menu="featuresMenu" id="featuresMenuLink">Features</a>
287						<ul id="featuresMenu" class="popupMenu" aria-hidden="true" aria-labeledby="featuresMenuLink">
288							<li>
289								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/reviews">Reviews</a></span>
290							</li>
291							<li>
292								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/sitefeatures">Features</a></span>
293							</li>
294							<li>
295								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/interviews">Interviews</a></span>
296							</li>
297							<li>
298								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/features/previews">Previews</a></span>
299							</li>
300							<li>
301								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/podcast/">Podcasts</a></span>
302							</li>
303							 <li>
304								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/features" data-modal="modalHighlights">Must Reads</a></span>
305							</li>
306							<!--
307							<li>
308								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/media">Media</span></a>
309							</li>
310							<li>
311								<span class="checkbox"></span> <span><a href="https://funzone.mixnmojo.com/">Fun Zone™</span></a>
312							</li> -->
313						</ul>
314					</li>
315
316				<li role="none presentation">
317					<a href="https://mixnmojo.com/media/"  class="tabListDropdownLink  " data-menu="mediaMenu" id="mediaMenuLink">Database</a>
318						<ul id="mediaMenu" class="popupMenu" aria-hidden="true" aria-labeledby="featuresMenuLink">
319							<li>
320								<span class="checkbox"></span> <span><a href="https://preview.mojodb.com/concept-art/">Concept Art</a></span>
321							</li>
322							<li>
323								<span class="checkbox"></span> <span><a href="https://preview.mojodb.com/screenshots/">Screenshots</a></span>
324							</li>
325							<li>
326								<span class="checkbox"></span> <span><a href="https://preview.mojodb.com/trivia/">Trivia</a></span>
327							</li>
328							<li>
329								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/dreamm-demos/">Demos</a></span>
330							</li>
331							<li>
332								<span class="checkbox"></span> <span><a href="https://mixnmojo.com/media/">All Media</a></span>
333							</li>
334						</ul>
335				</li>
336				<li role="none presentation"><a href="https://forums.mixnmojo.com">Forums</a></li>
337				<li role="none presentation"><a href="https://funzone.mixnmojo.com">Fun Zone</a></li>
338				<li role="none presentation" id="patreonList"><a href="https://www.patreon.com/mixnmojo">Patreon</a></li>
339			</ul>
340			<p id="mobileMenu">
341				<button aria-label="menu" id="mobileMenuButton" data-focus-method="mouse">
342					<svg width="18" height="18" viewBox="0 0 18 18">
343						<polyline id="globalnav-menutrigger-bread-bottom" class="globalnav-menutrigger-bread globalnav-menutrigger-bread-bottom" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="square" stroke-linejoin="square" points="2 12, 16 12">
344							<animate id="globalnav-anim-menutrigger-bread-bottom-open" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 2 12, 16 12; 2 9, 16 9; 3.5 15, 15 3.5"></animate>
345							<animate id="globalnav-anim-menutrigger-bread-bottom-close" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 3.5 15, 15 3.5; 2 9, 16 9; 2 12, 16 12"></animate>
346						</polyline>
347						<polyline id="globalnav-menutrigger-bread-top" class="globalnav-menutrigger-bread globalnav-menutrigger-bread-top" fill="none" stroke="currentColor" stroke-width="4" stroke-linecap="square" stroke-linejoin="square" points="2 5, 16 5">
348							<animate id="globalnav-anim-menutrigger-bread-top-open" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 2 5, 16 5; 2 9, 16 9; 3.5 3.5, 15 15"></animate>
349							<animate id="globalnav-anim-menutrigger-bread-top-close" attributeName="points" keyTimes="0;0.5;1" dur="0.24s" begin="indefinite" fill="freeze" calcMode="spline" keySplines="0.42, 0, 1, 1;0, 0, 0.58, 1" values=" 3.5 3.5, 15 15; 2 9, 16 9; 2 5, 16 5"></animate>
350						</polyline>
351					</svg>
352					<span>Menu</span>
353				</button>
354			</p>
355		</nav>
356		</div>
357	</header>
358	
359<div id="modalMenu" aria-hidden="true">
360		<h2>Mobile Menu</h2>
361		<ul id="modalMenuTop">
362			<li><a href="/">News</a></li>
363			<li><a href="https://forums.mixnmojo.com">Forums</a></li>
364			<li><a href="https://funzone.mixnmojo.com">Fun Zone</a></li>
365			<li><a href="/about/">About</a></li>
366			<li><a href="https://www.patreon.com/mixnmojo">Patreon</a></li>
367		</ul>
368		<ul id="modalMenuTwofer">
369			<li>
370				<ul id="modalMenuMiddle">
371					<li><h3>Features</h3></li>
372					<li>
373						<a href="https://mixnmojo.com/features/reviews">Reviews</a>
374					</li>
375					<li>
376						<a href="https://mixnmojo.com/features/sitefeatures">Site Features</a>
377					</li>
378					<li>
379						<a href="https://mixnmojo.com/features/interviews">Interviews</a>
380					</li>
381					<li>
382						<a href="https://mixnmojo.com/features/previews">Previews</a>
383					</li>
384					<li>
385						<a href="https://mixnmojo.com/podcast/">Podcasts</a>
386					</li>
387				</ul>
388			</li>
389			<li>
390				<ul id="modalMenuMiddle">
391					<li><h3>MojoDB</h3></li>
392					<li>
393						<a href="https://preview.mojodb.com/concept-art/">Concept Art</a>
394					</li>
395					<li>
396						<a href="https://preview.mojodb.com/screenshots/">Screenshots</a>
397					</li>
398					<li>
399						<a href="https://preview.mojodb.com/trivia/">Trivia</a>
400					</li>
401					<li>
402						<a href="https://mixnmojo.com/dreamm-demos/">Demos</a>
403					</li>
404					<li>
405						<a href="https://mixnmojo.com/media/">All Media</a>
406					</li>
407				</ul>
408			</li>
409		</ul>
410		<ul class="socials">
411			<li>
411<a href="https://idlethumbs.social/@mixnmojo" title="Mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
412			
413			<li>
414				<a href="https://www.theadventurer.news" title="Substack" class="substackLink">
415					<i class="fa-solid fa-bookmark"></i>
416					<span></span>
417					<span></span>
418				</a>
419			</li>				
420			<li><a href="https://bsky.app/profile/mixnmojo.com" title="Bluesky"><i class="fa-brands fa-bluesky"></i></a></li>
421			<li><a href="https://youtube.com/houseofmojo" title="YouTube"><i class="fa-brands fa-youtube"></i></a></li>
422			<li><a href="mailto:[email protected]" title="Email"><i class="fa-solid fa-envelope"></i></a></li>
423		</ul>
424	</div>
425	
426	<p id="behindLink">
427		<a href="https://mixnmojo.com/behind/">Behind Mojo?!</a>
428	</p>
429		<section id="main" class="content mainSubContent" role="main">
430			<h2>Articles</h2>
431		<!-- ------------------- MAIN AREA ------------------- -->
432										<article class="article articleRegular" data-id="3129">	
433				<header class="articleHeader">
434					<div class="articleHeaderHeadingHolder">
435						<h2 class="articleHeaderHeading">
436													Retro Gamer Escapes from Monkey Island
437							<span class="articleHeaderTime">
438								21 Sep, 2026
439								/
440								1
441								comment							</span>
442											</h2>
443					<div class="articleHeaderCategoryHolder">
444						<a href="https://mixnmojo.com/newsarchive/bycategory/LucasArts-News" class="articleHeaderCategoryLink" title="View category listing">
445							<span class="articleHeaderCategoryLinkImage" style="background: url(https://mixnmojo.com/_theme/MojoEX/images/news/icon_lec.png) center center no-repeat; background-size: 80px 50px;">
446															</span>	
447						</a>					
448						<p class="articleHeaderCategoryLinkAuthor">
449							<a href="mailto:[email protected]">By Rémi</a>
450						</p>
451					</div>
452				</div>
453			</header>	
454			<div class="articleText">
455				<p>Retro Gamer has published another of their retrospectives, this time on <em>Escape from Monkey Island</em>. And even though it’s short, it has some juicy quotes from Sean Clark (and some less juicy ones from Mike Stemmle).</p>
456<blockquote class="news-blockquote"><p><p>Sean recognises Mike&#039;s concerns about Monkey Kombat but doesn&#039;t share his sense of regret. &quot;I&#039;m in two minds on it. At that time, we believed that we were the last graphic adventure, and Monkey Island game, that Lucas would ever make so we felt like we really had to pay off on the monkey head. We can go a little scorched earth with the lore because there&#039;s nothing behind us.</p>
457<p>&quot;We loved the idea that the monkey head was actually the top of a giant monkey robot. Everyone on the team was giggling a lot and thought it was hilarious. It sort of gained its own momentum. I don&#039;t apologise for it the same way that Mike does. I think it was fun and there are some really great gags in there but it&#039;s probably the part of the game that feels least like Monkey Island. It feels more like a Japanese cartoon.&quot;</p></p></blockquote>
458<p>I never thought Monkey Kombat was that big of a deal, but either way – I really do like that Sean doubles down on it.</p>
459<p>Finding Retro Gamer in the US is easier said than done – it’s a UK publication – but you can grab it from <a href="https://pocketmags.com/us/retro-gamer-magazine">pocketmags</a>. It’s issue 289, and it’ll run you a cent shy of $5. (That was the “official” link, but tightwad Jason found it for a mere $4.29 over at <a href="https://www.magazinesdirect.com/us/retro-gamer-0289-single-issue/dp/edbaad6b">Magazines Direct</a>.)</p>
460<strong class="bold">Update</strong> – Huz points out that Magazines Direct actually is the official link. I don’t even know. Spend your money where you want.
461
462								<p class="source">
463					<strong>Source</strong>: <a href="https://grimfandango.network">The CEO/Facebook</a>
464				</p>
465								<div class="news-subline">
466					<div>
467						<a href="https://mixnmojo.com/news/Retro-Gamer-Escapes-from-Monkey-Island#comments"><i class="fa-regular fa-comment"></i> 1</a>
468					</div>
469					<div>
470						<a href="https://mixnmojo.com/news/Retro-Gamer-Escapes-from-Monkey-Island" class="shareButton" title="Share article">
471							<i class="fa fa-arrow-up-right-from-square"></i>
472						</a>
473						<span aria-hidden="true">Link copied!</span>
474					</div>
475				</div>
476			</div>
477		</article>
478						
479						<article id="comments">
480
481				<h3 class="articleHeaderHeading articleHeaderHeadingCommentCount">
482					1 Comment				</h3>
483
484				<div class="maincontent">
485					<ul class="comments">
486												<li class="commentUser-2738" data-id="10452">
487															<img class="avatar-big" src="https://mixnmojo.com/galleries/avatars/avatar20090803172904.jpg"  width="50" height="50" alt="Avatar">
488														<div class="comment-content">
489								<strong>Jason</strong>
490								on 21 Sep, 2026, 16:53&#8230;
491								<div class="comment-text">
492									To gently push back on Remi&#039;s characterization of the retrospective as short, it is a proper four-page spread. Maybe I&#039;m just stressing that because I&#039;m so glad/surprised to see that the torch of old school magazine features is still being carried by anybody.
493								</div>
494							</div>
495													</li>
496											</ul>
497				</div>
498			</article>	
499				
500		<article id="addcommentblock">
501		<h2 class="news-title-heading" id="addacomment">Add a comment</h2>
502								
503			<p style="font-weight: bold; opacity: .5;">
504				Log in by receiving a <em>magic link</em> through your
505				registered email address or by using your username and password.
506			</p>
507			
508			<form class="accountform" id="magicloginForm" method="post" action="/magic-link/send/">
509				<p class="center">
510					<input type="email" id="magiclinkEmail" name="email" class="input" placeholder="Your email address" required>
511					<input type="submit" id="magiclinkButton" class="input" value="Go">
512				</p>
513			</form>
514			
515			<p class="center magicOr">
516				… or …
517			</p>
518			
519			<form class="accountform" id="loginform2" action="https://mixnmojo.com/index.php?action=login" method="post">
520				<p>
521					<label for="accountform_username2">Username</label>
522					<input id="accountform_username2" class="input" type="text" name="username" placeholder="User name" required>
523					<label for="accountform_password2">Password</label>
524					<input id="accountform_password2" class="input" type="password" name="password" placeholder="Password" required>
525					<input id="accountform_submit2" type="submit" class="input" value="Go">
526					<input class="accountform-checkbox-remember" type="checkbox" checked="checked" name="remember" id="remember" value="on">
527				</p>
528			</form>
529			
530			<p class="center magicOr">
531				… or …
532			</p>
533			<p class="center">
534				<strong>
535				<a href="https://mixnmojo.com/?action=register">Register Account</a>
536				or
537				<a href="https://mixnmojo.com/password-reset">Reset Password</a>
538				</strong>
539			</p>
540				</article>
541		
542	
543	</section>
544
545	<footer id="mainFooter" class="content">
546		<div class="innerFooter">
547			<hr>
548			<ul class="socials">
549				<li><a href="https://idlethumbs.social/@mixnmojo" title="Mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
550				<li>
551					<a href="https://www.theadventurer.news" title="Substack" class="substackLink">
552						<i class="fa-solid fa-bookmark"></i>
553						<span></span>
554						<span></span>
555					</a>
556				</li>	
557				<li><a href="https://bsky.app/profile/mixnmojo.com" title="Bluesky"><i class="fa-brands fa-bluesky"></i></a></li>
558				<li><a href="https://youtube.com/houseofmojo" title="YouTube"><i class="fa-brands fa-youtube"></i></a></li>
559			</ul>
560			
561			<p class="center">
562				<a href="/about/"><small><strong>About Us</strong></small></a>
563				&middot;
564				<a href="mailto:[email protected]"><small><strong>Email</strong></small></a>
565			</p>
566				
567					
568				<hr>
569		<h3>The Mojo Network: Friends of Mojo</h3>
570			<table id="friendsOfMojo">
571				<tbody>
572					<tr><td><a href="https://www.brutallegend.net/">Brütal Legend</a></td><td>An archive of a museum dedicated to Double Fine’s second title.</td></tr>
573					<tr><td><a href="https://www.grimfandango.net">Grim Fandango Network</a></td><td>Still going strong since 1998.</td></tr>
574					<tr><td><a href="https://www.scummbar.com">The SCUMM Bar</a></td><td>The oldest <em>Monkey Island</em> site on the web refuses to die.</td></tr>
575					<tr><td><a href="https://samandmax.co.uk">Sam &amp; Max.co.uk</a></td><td>A large and active <em>Sam & Max</em> resource.</td></tr>
576					<tr><td><a href="https://www.samandmax.net"> Sam &amp; Max.net</a></td><td>A hub linking to any and all official <em>Sam & Max</em> web sites.</td></tr>
577					<tr><td><a href="https://quickandeasysoftware.net/">Quick &amp; Easy</a></td><td>Tools for hacking any kind of LucasArts-related games.</td></tr>
578					<tr><td><a href="https://curse.mixnmojo.com">
578CMI Guide</a></td><td>For your assistance to beat the game.</td></tr>
579					<tr><td><a href="https://indyguide.mixnmojo.com">Indy Guide</a></td><td>For your assistance to beat another game.</td></tr>
580					<tr><td><a href="https://loom.mixnmojo.com">Loom Guide</a></td><td>For your assistance to beat yet another game.</td></tr>
581					<tr><td><a href="https://miguide.mixnmojo.com/">MI Guide</a></td><td>Dormant <em>Monkey Island</em> fan site.</td></tr>
582					<tr><td><a href="https://highland.mixnmojo.com">HighLand Productions</a></td><td>For all your LucasArts-related musical needs.</td></tr>
583					<tr><td><a href="https://legendofmi.com">Legend of Monkey Island</a></td><td>Once it was dead, until it wasn’t any longer.</td></tr>
584				</tbody>
585			</table>
586			<p id="footerCopyright" class="content">
587				Copyright &copy; The International House of Mojo 
588				1997-
588<script>document.write(new Date().getFullYear());</script>
588.
589								
590				<!-- 
590<script>let ctdt = '2023/05/22 00:00 PST', ctt = Date.parse(new Date()) - Date.parse(ctdt), ctdays = Math.floor(ctt / (1000 * 60 * 60 * 24)); document.write(`<br><br><small style="opacity: .25;font-weight: bold;">${ctdays} Days and Counting.</small>`);</script>
590 -->
591				
592			</p>
593		</div>
594	</footer>
595	
596	<div id="mdbVideoModal" aria-hidden="true"><div id="mdbVideoModalInner"><iframe  src="" frameborder="0" allowfullscreen="" id="mdbVideoEmbed" autoplay="1"></iframe><p><a href="#">Close Window</a></p></div></div>
597		
598		
598<script>;async function FetchData(){const response=await fetch('https://mixnmojo.com/_theme/MojoEX/js/daysbetween.php');return response.json()}function TwitterListener(){let links=document.querySelectorAll('.twitter-tweet a');if(links.length>0){links.forEach((link)=>{if(link.href.indexOf('mobile.twitter')>-1){link.href=link.href.replace('mobile.twitter','twitter')}});twttr.widgets.load()}}function SpoilerListener(){let spoilers=document.querySelectorAll('.spoiler');if(spoilers.length>0){spoilers.forEach((spoiler)=>{spoiler.addEventListener('click',()=>{spoiler.classList.remove('spoiler');spoiler.removeAttribute('style')})})}}window.addEventListener('load',()=>{TwitterListener();SpoilerListener()});document.addEventListener('touchstart',function(){},false);if(document.getElementById('censorImages')!==null){let censorButton=document.getElementById('censorImages'),spoilers=document.querySelectorAll('.potentialSpoiler');spoilers.forEach((el)=>{el.classList.add('ex2hexFigureSpoiler')});censorButton.addEventListener('click',(el)=>{spoilers.forEach((el)=>{el.classList.toggle('ex2hexFigureSpoiler')})})}document.querySelectorAll('.toggler').forEach((toggler)=>{toggler.addEventListener('click',(te)=>{te.preventDefault();toggler.classList.toggle('togglerActive');if(typeof(toggler.dataset.bodyClass)!=='undefined'){document.body.classList.toggle(toggler.dataset.bodyClass)}})});let currentFootNote=null;document.querySelectorAll('.footNote').forEach((item)=>{item.addEventListener('click',(ev)=>{if(ev.target.tagName.toUpperCase()!=='A'){ev.preventDefault();if(currentFootNote!==null&&currentFootNote!==item){currentFootNote.setAttribute('aria-hidden',true)}const vis=item.getAttribute('aria-hidden')==='true'?'false':'true';item.setAttribute('aria-hidden',vis);currentFootNote=item}})});document.querySelectorAll('[data-modal]').forEach((button)=>{button.addEventListener('click',(ev)=>{console.log(ev);ev.preventDefault();const modal=document.getElementById(button.dataset.modal);console.log(modal);document.getElementById('featuresMenu').setAttribute('aria-hidden','true');if(modal.getAttribute('aria-hidden')==='true'){modal.setAttribute('aria-hidden','false')}else{modal.setAttribute('aria-hidden','true')}modal.addEventListener('click',()=>{modal.setAttribute('aria-hidden','true')})})});document.addEventListener('keydown',(ev)=>{if(ev.key==='Escape'){document.querySelectorAll('.modal[aria-hidden="false"]').forEach((modal)=>{modal.setAttribute('aria-hidden','true')})}});class Features{#searchFormGenerateLI(url,text){return `<li><a href="${ url }" class="searchHitsLink"><span class="checkbox"></span> <span>${ text }</span></a></li>`}#searchFormClose(searchForm,field=null){this.previousLI=null;this.currentLI=null;this.listPosition=-1;if(field!==null){field.value=''}searchHits.innerHTML='';searchHits.setAttribute('aria-hidden','true')}#searchFormLoop(field,searchForm){if(field!==null&&typeof(field)!=='undefined'){field.addEventListener('keyup',(ev)=>{if(ev.key==='ArrowUp'||ev.key==='ArrowDown'){return}let formData=new FormData();formData.append('featureSearchField',field.value);this.#fetchData('/search/features/',formData).then((data)=>{this.Data=data;if(field.value.length>2){this.#massageData();let hits=this.Data.features.filter((val)=>{let found=false;if(val.title.toUpperCase().indexOf(field.value.toUpperCase())>-1||val.description.toUpperCase().indexOf(field.value.toUpperCase())>-1){found=true}return found}),returnContent=this.#searchFormGenerateLI(`https://www.google.com/search?q=site%3Amixnmojo.com+-forums.mixnmojo.com+${field.value }`,`Search Google for news <em>and</em> features containing <q>${field.value }.</q>`);searchHits.innerHTML='';if(hits.length>0){hits.forEach((entry)=>{let link=entry['featureURL']==='sam-and-max-2-fifteen-years-in-the-grave'?`/${entry['ftURL']}/${entry['featureURL']}/`:`/features/${entry['ftURL']}/${entry['featureURL']}/`;const li=this.#searchFormGenerateLI(link,entry['title']);returnContent+=li})}searchHits.setAttribute('aria-hidden','false');searchHits.innerHTML=returnContent}else{this.#searchFormClose(searchForm)}})})}}#searchAutoSubmit(phrase){if(phrase.indexOf('#')>-1){phrase=phrase.split('#')[0]}const blurEv=new Event('keyup');this.elFeatureSearchField.value=decodeURIComponent(phrase);this.elFeatureSearchField.dispatchEvent(blurEv)}#switchActiveItem(direction,field){let searchHitsCount=this.elSearchHits.querySelectorAll('li').length,adder=direction==='ArrowUp'?1:-1,setActive=true;this.listPosition=(direction==='ArrowUp')?this.listPosition-1:this.listPosition+1;switch(this.listPosition){case-2:this.listPosition=-1;setActive=false;break;case searchHitsCount:this.listPosition=0;break}if(setActive){let goTo=this.listPosition+1;if(goTo>0){if(this.previousLI!==null){this.previousLI.classList.remove('active')}this.currentLI=this.elSearchHits.querySelector(`li:nth-of-type(${ goTo })`);if(this.currentLI===null){return}this.previousLI=this.currentLI;this.currentLI.classList.add('active');setTimeout(()=>{field.setSelectionRange(field.value.length,field.value.length)}
598,1)}else{if(typeof(this.previousLI)!=='undefined'){this.previousLI.classList.remove('active');this.previousLI=null;this.currentLI=null}}}}#searchForm(){if(typeof(this.elFeatureSearchForm)!=='undefined'){const field=this.elFeatureSearchField,searchHits=this.elSearchHits,searchForm=this.elFeatureSearchForm,searchToCheckFor='?search=';this.#searchFormLoop(field,searchForm);searchForm.addEventListener('submit',(ev)=>{ev.preventDefault();if(this.currentLI!==null){window.location.href=this.currentLI.querySelector('a').href;return false}let url=`https://www.google.com/search?q=site%3Amixnmojo.com+-forums.mixnmojo.com+${field.value }`;window.location.href=url});document.addEventListener('keydown',(ev)=>{if(ev.key==='Escape'){field.blur();this.#searchFormClose(searchHits,field)}else if(ev.key==='ArrowUp'||ev.key==='ArrowDown'){this.#switchActiveItem(ev.key,field)}});field.addEventListener('blur',(ev)=>{ev.preventDefault();setTimeout(()=>{this.#searchFormClose(searchHits,field)},200)});field.addEventListener('focus',(ev)=>{ev.preventDefault();if(searchHits.querySelectorAll('li').length>0){searchHits.setAttribute('aria-hidden','false')}else{field.value=''}});if(document.URL.indexOf(searchToCheckFor)>-1){this.#searchAutoSubmit(document.URL.split(searchToCheckFor)[1])}}}#setElements(){if(document.getElementById('featureSearchField')!==null){this.elFeatureSearchField=document.getElementById('featureSearchField')}if(document.getElementById('searchHits')!==null){this.elSearchHits=document.getElementById('searchHits')}if(document.getElementById('featureSearchForm')!==null){this.elFeatureSearchForm=document.getElementById('featureSearchForm')}if(document.getElementById('latestFromTheForums')!==null){this.elForumsLink=document.getElementById('latestFromTheForums')}if(document.getElementById('latestFromTheForums')!==null){this.elForumsQuote=document.getElementById('latestFromTheForums').querySelector('q')}this.listPosition=-1;this.previousLI=null;this.currentLI=null}#massageData(){const smf=this.Data.features.filter((val)=>{return val.id===232});if(smf.length===1){smf[0].id='9999';smf[0].ftURL='tomes';smf[0].featureURL='sam-and-max-2-fifteen-years-in-the-grave';smf[0].date='2020-12-15 15:00:00';smf[0].title='The Unabridged History of Sam &amp; Max 2: Freelance Police';smf[0].description='A mammoth 13-page feature, chronicling thee ill-fated <em>Sam &amp; Max 2: Freelance Police</em>.'}}async #fetchData(url,data={}){const response=await fetch(url,{body:data,method:'POST',cache:'no-cache'});return response.json()}#latestFromForum(){if(typeof(this.elForumsLink)!=='undefined'){this.#fetchData('/_theme/EXPlus/forums.php').then((data)=>{if(data.channel.item[0]!==undefined){const item=data.channel.item[0];this.elForumsLink.href=`${item.link }?do=getNewComment`;this.elForumsQuote.innerHTML=item.title.length>40?item.title.substring(0,40)+'…':item.title}else{this.elForumsLink.innerHTML='<strong>Forum Status</strong>: Broken. :('}})}}constructor(){this.Data={};this.#setElements();this.#searchForm();this.#latestFromForum()}}let globalFeatures=new Features();function ShareIt(){let shareButtons=document.querySelectorAll('.shareButton'),shareData={title:'The International House of Mojo',text:''};shareButtons.forEach((shareButton)=>{shareButton.addEventListener('click',(ev)=>{ev.preventDefault();shareData.text=shareButton.href;if(navigator.canShare){shareData.title=shareButton.closest('article').querySelector('h2 a').innerText;navigator.share(shareData)}else{navigator.clipboard.writeText(shareData.text).then(()=>{const span=shareButton.closest('div').querySelector('span');span.setAttribute('aria-hidden','false');setTimeout(()=>{span.setAttribute('aria-hidden','true')},1500)})}})})}ShareIt();function MenuIt(){const button=document.getElementById('mobileMenuButton'),menu=document.getElementById('modalMenu');button.addEventListener('click',(ev)=>{ev.preventDefault();const showHide=menu.getAttribute('aria-hidden')==='true'?'false':'true';menu.setAttribute('aria-hidden',showHide);button.querySelectorAll('animate').forEach((anim)=>{if(showHide==='true'&&anim.id.indexOf('close')>-1){anim.beginElement()}else if(anim.id.indexOf('open')>-1){anim.beginElement()}})});document.addEventListener('keydown',(ev)=>{if(menu.getAttribute('aria-hidden')==='false'){button.click()}})}function SubMenuIt(){document.querySelectorAll('[data-menu]').forEach((button)=>{button.addEventListener('click',(ev)=>{ev.preventDefault();document.querySelectorAll('.popupMenu').forEach((menu)=>{if(menu.id===button.dataset.menu&&menu.getAttribute('aria-hidden')==='true'){menu.setAttribute('aria-hidden','false')}else{menu.setAttribute('aria-hidden','true')}})})});document.addEventListener('keydown',(ev)=>{if(ev.key==='Escape'){document.querySelectorAll('.popupMenu[aria-hidden="false"]').forEach((menu)=>{menu.setAttribute('aria-hidden','true')})}});document.addEventListener('click',(ev)=>{document.querySelectorAll('.popupMenu[aria-hidden="false"]:not(#modalMenu)').forEach((menu)=>{if(!ev.target.hasAttribute('data-menu')){menu.setAttribute('aria-hidden','true')}})})}function SpoilerListener(){let spoilers=document.querySelectorAll('.spoiler');if(spoilers.length>
5980){spoilers.forEach((spoiler)=>{spoiler.addEventListener('click',()=>{spoiler.classList.remove('spoiler');spoiler.removeAttribute('style')})})}}MenuIt();SubMenuIt();SpoilerListener();var l=Object.create(lightbox);l.setUp();async function FetchData(url){const response=await fetch(url);return response.json()}if(document.getElementById('availabilitybutton')!==null){function RegisterUser(){let but=document.getElementById('availabilitybutton'),reguser=document.getElementById('register_user'),registerform=document.getElementById('registerform');but.addEventListener('click',(ev)=>{but.value='Checking availability';ev.preventDefault();let username=reguser.value;if(username.trim().length===0){return}username=encodeURIComponent(username).replace(/%20/g,'+');let url=`/queries.php?action=checkusernamejson&sid=${Math.random()}&username=${ username }`;FetchData(url).then((data)=>{if(data[0].attributes[0].value==='1'){alert('Sorry, that username already exists.');reguser.value='';but.value='Check availability'}else{but.value='All good!'}})});registerform.addEventListener('submit',(ev)=>{ev.preventDefault();if(document.getElementById('register_password').value!==document.getElementById('rep_password').value){alert('Please match up passwords.');return false}if(document.getElementById('register_email').value!==document.getElementById('rep_email').value){alert('Please match up emails.');return false}if(document.getElementById('captcha').value!=='MI2'){alert('Wrong game, yo.');return false}registerform.submit()});document.getElementById('register_user').addEventListener('change',()=>{but.click()})}RegisterUser()}function returnAvatar(){var img;if(currentAvatar=="-1"){img=document.getElementById("defaultimg")}else{img=document.getElementById("avatar"+currentAvatar)}window.opener.changeAvatar(currentAvatar,img.src);window.close()}function changeAvatar(current){var prev;var now;if(currentAvatar==-1){prev=document.getElementById("defaultimg")}else{prev=document.getElementById("avatar"+currentAvatar)}prev.style.borderColor="#4b3779";if(current==-1){now=document.getElementById("defaultimg")}else{now=document.getElementById("avatar"+current)}now.style.borderColor="#7b67a9";currentAvatar=current}function quoteComment(){document.querySelectorAll('.qc').forEach((a)=>{a.addEventListener('click',(ev)=>{let id=a.closest('li').dataset.id,url=`/queries.php?action=returnrawcommentjson&id=${ id }`;FetchData(url).then((data)=>{let author=a.closest('li').querySelector('strong').innerText,text=data[0].tags[2].value.substring(9,(data[0].tags[2].value.length-3));text=`[quote=${ author }]${ text }[/quote]\n`;document.getElementById('comment').value+=text;document.getElementById('comment').focus();location.hash='#comment'}).catch((ex)=>{document.getElementById('comment').focus();location.hash='#comment';console.log(ex)})})})}quoteComment();let mdbVideoModal,mdbVideoModalClose,mdbVideoEmbed;function GlueTube(){const link=(event.target.tagName.toUpperCase()!=='A')?event.target.closest('a'):event.target;if(link===null){alert('Video not found. Blame Jason, it’s probably his fault.');return false}let img=link.querySelector('img'),videoID=link.dataset.video,timestamp='';if(img!==null){mdbVideoEmbed.style.height=img.height+'px';mdbVideoEmbed.style.width=img.width+'px';mdbVideoEmbed.style.maxWidth=img.width+'px'}if(videoID.includes('&t=')){const splitter=videoID.split('&t=');videoID=splitter[0];timestamp=`&start=${splitter[1].replace('s','')}`}mdbVideoEmbed.src=`//www.youtube-nocookie.com/embed/${ videoID }/?autoplay=1${ timestamp }`;mdbVideoModal.setAttribute('aria-hidden','false');return false}mdbVideoEmbed=document.getElementById('mdbVideoEmbed');if(mdbVideoEmbed!==null){mdbVideoModal=document.getElementById('mdbVideoModal');mdbVideoModalClose=mdbVideoModal.querySelector('a');mdbVideoModalClose.addEventListener('click',(ev)=>{ev.preventDefault();mdbVideoModal.setAttribute('aria-hidden','true');mdbVideoEmbed.src=''})}function CodeCopy(){document.querySelectorAll('code').forEach((c)=>{c.addEventListener('click',(ev)=>{navigator.clipboard.writeText(c.innerText).then(()=>{c.classList.add('copied');setTimeout(()=>{c.classList.remove('copied')},5000)})})})}CodeCopy();</script>
598
599		
599<script>var sc_project=11213479; var sc_invisible=1; var sc_security="f179af92"; </script>
599<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
599<noscript><div class="statcounter"><a title="Web Analytics Made Easy - StatCounter" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/11213479/0/f179af92/1/" alt="Web Analytics Made Easy - StatCounter"></a></div></noscript>
600	
601</body>
602</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.