@font-face { font-family: storyFont;  src: url("/common/fnt/MetroCity.ttf"); }
@font-face { font-family: aboutFont;  src: url("/common/fnt/FinalFight.ttf"); }
@font-face { font-family: headerFont; src: url("/common/fnt/Grand Stylus.ttf"); }
@font-face { font-family: titleFont;  src: url("/common/fnt/capture_it.ttf"); }

 
:root {
   
  --c-white:          #FFFFFF;
  --c-black:          #000000;
  --c-text:           #ffffff;
  --c-text-dim:       #888888;
  --c-bg:             #333333;
  --c-gold:           #FFD700;
  --c-cyan:           #32DDFF;
  --c-red:            #FF0000;
  --c-dark-red:       #AA0000;
  --c-light-red:      #FF3333;
  --c-magenta:        #FF00FF;
  --c-green:          #00FF00;
  --c-dark-green:     #00AA00;
  --c-light-green:    #33FF33;
  --c-cyan-link:      #00FFFF;
  --c-blue:           #0000FF;
  --c-dark-blue:      #0000AA;
  --c-light-blue:     #0033FF;
  --c-cyan-text:      #0088FF;
  --c-blue-link:      #0044FF;
  --c-bg-dark:        #222222;
  --c-bg-darker:      #111111;
  --c-bg-dim:         #444444;
  --c-bg-nav:         #666666;

   
  --c-arc:      rgba(0, 0, 255, 0.8);
  --c-gen:      rgba(0, 255, 0, 0.8);
  --c-nes:      rgba(255, 0, 0, 0.8);
  --c-snes:     rgba(255, 0, 255, 0.8);
  --c-gb:       rgba(255, 100, 0, 0.8);
  --c-gba:      rgba(255, 255, 0, 0.8);
  --c-pce:      rgba(255, 200, 200, 0.8);
  --c-sms:      rgba(0, 255, 0, 0.8);
  --c-other:    rgba(255, 255, 255, 0.8);
  --c-active:   rgba(122, 122, 255, 0.8);
  --c-active-end: rgba(0, 0, 100, 0.8);
  --c-cell:     rgba(122, 122, 122, 0.8);

   
  --g-header:   linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.8) 100%);
  --g-header-r: linear-gradient(to right, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.8) 100%);
  --g-cell:     linear-gradient(to bottom, rgba(122,122,122,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-active:   linear-gradient(to bottom, rgba(122,122,255,0.8) 0%,rgba(200,200,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,100,0.8) 100%);
  --g-active-r: linear-gradient(to right, rgba(122,122,255,0.8) 0%,rgba(200,200,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,100,0.8) 100%);
  --g-footer:   linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 5%,rgba(0,0,0,0) 95%,rgba(0,0,0,0.8) 100%);
  --g-greeting: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 2%,rgba(0,0,0,0) 98%,rgba(0,0,0,0.8) 100%);

   
  --g-arc:    linear-gradient(to bottom, rgba(0,0,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-gen:    linear-gradient(to bottom, rgba(0,255,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-nes:    linear-gradient(to bottom, rgba(255,0,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-snes:   linear-gradient(to bottom, rgba(255,0,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-gb:     linear-gradient(to bottom, rgba(255,100,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-gba:    linear-gradient(to bottom, rgba(255,255,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-pce:    linear-gradient(to bottom, rgba(255,200,200,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-sms:    linear-gradient(to bottom, rgba(0,255,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-other:  linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);

   
  --g-arc-a:    linear-gradient(to top, rgba(0,0,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-gen-a:    linear-gradient(to top, rgba(0,255,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-nes-a:    linear-gradient(to top, rgba(255,0,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-snes-a:   linear-gradient(to top, rgba(255,0,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-gb-a:     linear-gradient(to top, rgba(255,100,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-gba-a:    linear-gradient(to top, rgba(255,255,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-pce-a:    linear-gradient(to top, rgba(255,200,200,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-sms-a:    linear-gradient(to top, rgba(0,255,0,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);
  --g-other-a:  linear-gradient(to top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%);

   
  --ff-title:  titleFont;
  --ff-story:  storyFont;
  --ff-about:  aboutFont;
  --ff-header: headerFont;
  --ff-oswald: 'Oswald', sans-serif;

   
  --shadow-text:   4px 4px #000000;
  --shadow-text-sm: 2px 2px #000000;
  --shadow-box:    4px 4px 2px #000000;

   
  --border: 2px solid #000000;

   
  --content-w: 956px;
  --header-w:  936px;
  --page-w:    960px;
  --header-h:  40px;
}

 
* { margin: 0; padding: 0; }

 
body {
  background-color: var(--c-bg);
  background: url("/common/img/sidebg.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
}

 
h1 { color: white; }

.searchcolumn {
  width: 100%;
}

.searchcolumn:first-child .searchrow,
.searchcolumn:nth-child(2) .searchrow {
  padding-right: 8px;
}

#searchbox-autocomplete {
  font-family: titleFont; 
}

 
#newsimg, #gamesimg, #aboutimg, #contactimg {
  position: absolute;
  opacity: 0;
  transition: all .5s ease-in-out;
  z-index: 1;
}
#newsimg   { left: 234px; top: 44px; }
#gamesimg  { left: 414px; top: -3px; }
#aboutimg  { left: 594px; top: 44px; }
#contactimg{ left: 774px; top: 52px; }

#newsbutton, #gamesbutton, #aboutbutton, #contactbutton {
  width: 153px;
  position: absolute;
  display: inline-block;
  cursor: pointer;
  z-index: 100;
}
#newsbutton    { left: 241px; top: 54px; height: 206px; }
#gamesbutton   { left: 421px; top: 4px;  height: 256px; }
#aboutbutton   { left: 601px; top: 54px; height: 206px; }
#contactbutton { left: 781px; top: 62px; height: 198px; }

#newsbutton:hover ~ #newsimg,
#gamesbutton:hover ~ #gamesimg,
#aboutbutton:hover ~ #aboutimg,
#contactbutton:hover ~ #contactimg { opacity: 1; }

 
.newstext {
  width: 780px;
  height: 100px;
  position: absolute;
  left: 82px;
  top: 48px;
  font-family: var(--ff-oswald);
  font-size: 24px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
}
.newstext p {
  margin: 0 auto;
  font-family: var(--ff-oswald);
  font-size: 24px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
}

.datearea {
  background-image: url("newsheader.png");
  background: var(--g-header), url('/common/img/newsheader.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border-right: var(--border);
  border-left: var(--border);
  border-bottom: var(--border);
  transform: skew(-25deg);
  float: left;
  position: relative;
  left: -10px;
  margin: 0;
  padding: 0 20px;
  height: var(--header-h);
  z-index: 1100;
}

.datearea p {
  font-family: var(--ff-title);
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  transform: skew(25deg);
  margin: 0;
  padding: 0;
}

.dateheader {
  background-repeat: repeat-x;
  color: var(--c-text);
  border-left: var(--border);
  font-family: var(--ff-title);
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: 42px;
  width: var(--header-w);
  overflow: hidden;
}

.newsarea {
  background-image: url("/common/img/sidebg.png");
  background-image: var(--g-greeting), url("/common/img/sidebg.png");
  width: var(--content-w);
  display: block;
  padding: 0;
  margin: 0 auto;
  border-right: var(--border);
  border-left: var(--border);
  position: relative;
  padding-bottom: 40px;
  background-size: auto 100%;
}

.newsarea .bubble,
.bubble {
  width: 673px;
  position: relative;
  top: 18px;
  left: 14px;
}

.newsarea .bubbletop,
.bubbletop {
  background-image: url("/common/img/bubbletop.png");
  width: 673px;
  height: 26px;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.newsarea .bubblemiddle,
.bubblemiddle {
  background-image: url("/common/img/bubblemiddle.png");
  width: 673px;
  min-height: 118px;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  background-repeat: repeat-y;
}
.newsarea .bubblemiddle p,
.bubblemiddle p {
  margin: auto;
  font-family: var(--ff-oswald);
  font-size: 23px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
  padding: 0 32px 10px 26px;
}

.newsarea .bubblebottom,
.bubblebottom {
  background-image: url("/common/img/bubblebottom.png");
  width: 673px;
  height: 31px;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

img.smallslam {
  position: absolute;
  left: 708px;
  top: 28px;
}
 
.tryleft, .tryright {
  display: inline-block;
  height: 100%;
  width: 314px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.trymid {
  display: inline-block;
  height: 100%;
  width: 318px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.trytext {
  color: var(--c-text);
  font-family: var(--ff-title);
  font-size: 32px;
  text-shadow: var(--shadow-text);
  text-align: center;
  display: block;
  padding: 16px 8px 0 8px;
  width: 100%;
  text-transform: uppercase;
}

 
label.arrows:hover { opacity: 1; }
label.arrows:active { margin-top: -23px; }

 
.gamefooter {
  background-image: url("/common/img/footer.png");
  background-image: var(--g-footer), url("/common/img/footer.png");
  border: var(--border);
  display: block;
  padding: 0;
  margin: 0 auto;
  width: var(--content-w);
  padding: 30px 0 20px;
}

.ppheader {
  clear: both;
  margin: 0 auto;
  width: var(--page-w);
  height: 260px;
  position: relative;
} 

.variant-games .ppheader {
  background-image: url("/common/img/headerg.png");
}

 
.variant-games #gamesimg { opacity: 1; } 

.variant-news .ppheader,
.variant-links .ppheader  {
  background-image: url("/common/img/headern.png");
}

 
.bubble, .brow, .browc { margin: 0; padding: 0; position: relative; }
.brow  { height: 34px; }
.browc { height: 200px; }

.bcorner1, .bcorner2, .bcorner3, .bcorner4 {
  background-image: url("/common/img/b1corner.png");
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 34px;
  width: 34px;
}
.bcorner2 { background-image: url("/common/img/b2corner.png"); }
.bcorner3 { background-image: url("/common/img/b3corner.png"); }
.bcorner4 { background-image: url("/common/img/b4corner.png"); }

.btop {
  background-image: url("/common/img/btopborder.png");
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 34px;
  width: 200px;
}

.bbottom {
  background-image: url("/common/img/bbottomborder.png");
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 34px;
  width: 200px;
}

.bleft {
  background-image: url("/common/img/bleftborder.png");
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 200px;
  width: 34px;
}

.bright {
  background-image: url("/common/img/brightborder.png");
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 200px;
  width: 34px;
}

.bcenter {
  background: #ff0004;
  background: -moz-linear-gradient(top, #ff0004 30%, #ff0004 30%, #9b1f21 92%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ff0004), color-stop(30%,#ff0004), color-stop(92%,#9b1f21));
  background: -webkit-linear-gradient(top, #ff0004 30%,#ff0004 30%,#9b1f21 92%);
  background: -o-linear-gradient(top, #ff0004 30%,#ff0004 30%,#9b1f21 92%);
  background: -ms-linear-gradient(top, #ff0004 30%,#ff0004 30%,#9b1f21 92%);
  background: linear-gradient(to bottom, #ff0004 30%,#ff0004 30%,#9b1f21 92%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0004', endColorstr='#9b1f21', GradientType=0);
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 196px;
  width: 196px;
  border: 2px solid var(--c-white);
}

 
.variant-news #newsimg { opacity: 1; }
 

.variant-about .ppheader {
  background-image: url("/common/img/headera.png");
}
.variant-contact .ppheader {
  background-image: url("/common/img/headern.png");
}

.variant-contact .greetingtext {
  width: 315px;
  top: 63px;
  left: 65px;
}

.greetingarea.contact .greetingtext2 {
  top: 468px;
}

.variant-about #aboutimg { opacity: 1; }
.variant-contact #contactimg { opacity: 1; } 

 
.variant-games a:link, .variant-games a:visited, .variant-games a:active { color: var(--c-white); text-decoration: none; }
.variant-games a:hover { color: var(--c-white); }

 
.browsearea {
  width: var(--content-w);
  transition: all .5s ease-in-out;
  display: block;
  background-color: var(--c-black);
  background-image: url("/common/img/brickbg3.png");
  background-image: var(--g-greeting), url("/common/img/brickbg3.png");
  margin: 0 auto;
  position: relative;
}

 
.gamesheader {
  background-image: url("/common/img/gamestatheaderbg.png");
  background: var(--g-header), url('/common/img/gamestatheaderbg.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border: var(--border);
  font-family: var(--ff-title);
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  position: static;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: var(--header-h);
  width: var(--header-w);
  clear: both;
}

 
.gamesheader .checkareap {
  vertical-align: top;
  margin-left: 12px;
  margin-top: 5px;
}

 
#gamelist {
  width: var(--content-w);
  padding: 30px;
  font-family: var(--ff-oswald);
  font-size: 24px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  border-collapse: collapse;
}

.headerSortDown, .headerSortUp {
  background: var(--g-header), url('/common/img/gamestatheaderbg.png');
}

th {
  background: var(--g-header), url('/common/img/hborder.png');
  font-size: 20px;
  font-family: var(--ff-oswald);
  border: var(--border);
  cursor: pointer;
  color: var(--c-white);
}

th:hover {
  background: var(--g-header), url('/common/img/gamestatheaderbg.png');
}

td {
  background: var(--g-cell), url('/common/img/vborder.png');
  padding: 0;
  margin: 0;
  border: var(--border);
}

 
.platformcell, .playerscell, .difficultycell, .lengthcell, .percentcell {
  text-align: center;
}

 
.arccell  { background: var(--g-arc),    url('/common/img/arcbg.png'); }
.segacell  { background: var(--g-gen),    url('/common/img/genbg.png'); }
.nescell  { background: var(--g-nes),    url('/common/img/nesbg.png'); }
.snescell { background: var(--g-snes),   url('/common/img/snesbg.png'); }
.gbcell   { background: var(--g-gb),     url('/common/img/gbbg.png'); }
.smscell  { background: var(--g-sms),    url('/common/img/smsbg.png'); }
.pcecell  { background: var(--g-pce),    url('/common/img/pcebg.png'); }
.gbacell  { background: var(--g-gba),    url('/common/img/gbabg.png'); }
.othercell{ background: var(--g-other),  url('/common/img/otherbg.png'); }

 
.titlecell {
  font-size: 32px;
  cursor: pointer;
  padding-inline: 16px;
}
.titlecell:hover {
  background: var(--g-other), url('/common/img/vborder2.png');
}
 
.arccell:hover   { background: var(--g-arc),    url('/common/img/arcbg.png'); }
.arccell:active  { background: var(--g-arc-a),  url('/common/img/arcbg.png'); }
.gencell:hover   { background: var(--g-gen),    url('/common/img/genbg.png'); }
.gencell:active  { background: var(--g-gen-a),  url('/common/img/genbg.png'); }
.nescell:hover   { background: var(--g-nes),    url('/common/img/nesbg.png'); }
.nescell:active  { background: var(--g-nes-a),  url('/common/img/nesbg.png'); }
.snescell:hover  { background: var(--g-snes),   url('/common/img/snesbg.png'); }
.snescell:active { background: var(--g-snes-a), url('/common/img/snesbg.png'); }
.gbcell:hover    { background: var(--g-gb),     url('/common/img/gbbg.png'); }
.gbcell:active   { background: var(--g-gb-a),   url('/common/img/gbbg.png'); }
.smscell:hover   { background: var(--g-sms),    url('/common/img/smsbg.png'); }
.smscell:active  { background: var(--g-sms-a),  url('/common/img/smsbg.png'); }
.pcecell:hover   { background: var(--g-pce),    url('/common/img/pcebg.png'); }
.pcecell:active  { background: var(--g-pce-a),  url('/common/img/pcebg.png'); }
.gbacell:hover   { background: var(--g-gba),    url('/common/img/gbabg.png'); }
.gbacell:active  { background: var(--g-gba-a),  url('/common/img/gbabg.png'); }
.othercell:hover { background: var(--g-other),  url('/common/img/otherbg.png'); }
.othercell:active{ background: var(--g-other-a),url('/common/img/otherbg.png'); }

 
.gheader {
  color: var(--c-text);
  border-top: var(--border);
  border-left: var(--border);
  border-right: var(--border);
  font-family: var(--ff-title);
  font-size: 25px;
  text-shadow: var(--shadow-text);
  text-align: left;
  display: block;
  position: relative;
  margin: 0;
  padding: 0 20px 0 0;
  width: var(--header-w);
  overflow: hidden;
  display: flex;
  align-items: center;
}

 
.gameplatform {
  color: var(--c-text);
  font-family: var(--ff-title);
  font-size: 25px;
  text-shadow: var(--shadow-text);
  text-align: center;
  float: left;
  position: relative;
  left: 0;
  margin: 0;
  padding: 0 20px 0 10px;
  height: var(--header-h);
  z-index: 1000;
  width: auto;
}
.gameplatform > p { margin-top: 4px; }

 
.gnav {
  background-image: url("/common/img/footer.png");
  background-image: var(--g-footer), url("/common/img/footer.png");
  display: block;
  padding: 0;
  margin: 0 auto;
  width: var(--content-w);
  border-left: var(--border);
  border-right: var(--border);
}

.gnavbutton {
  display: inline-block;
  width: 316px;
  height: 200px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  text-align: center;
}
.gnavbutton p {
  color: var(--c-text-dim);
  font-family: var(--ff-title);
  font-size: 50px;
  text-shadow: var(--shadow-text);
  margin: 0 auto;
  position: relative;
  bottom: -138px;
}
.gnavbutton img {
  position: absolute;
  top: 5px;
  left: 60px;
}
.gnavbutton:hover p { color: var(--c-text); }
.gnavbutton:hover img { opacity: 1; }

img.buttonon {
  opacity: 0;
  transition: all .5s ease-in-out;
  z-index: 1;
}

 
.gamename {
  background-image: url("gamestatheaderbg.png");
  background: var(--g-cell), url('/common/img/vborder.png');
  color: var(--c-text);
  border-right: var(--border);
  border-left: var(--border);
  transform: skew(-25deg);
  font-family: var(--ff-title);
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: left;
  display: inline-block;
  float: left;
  position: relative;
  left: -10px;
  margin: 0;
  padding: 0 16px 0 20px;
  z-index: 1100;
}
.gamename p {
  transform: skew(25deg);
}
.gamename > p { margin-top: -2px; text-transform: uppercase; }

 
.gameinfo {
  background-image: url("/common/img/footer.png");
  background-image: var(--g-footer), url("/common/img/footer.png");
  display: flex;
  padding: 0;
  margin: 0;
  
  width: var(--content-w);
  border-left: var(--border);
  border-right: var(--border);
}

.statsarea {
  display: block;
  padding: 0;
  margin: 0;
  
  width: 160px;
  float: left;
}

.statsheader {
  display: block;
  padding: 0;
  margin: 0;
  height: 25px;
  width: 158px;
  border-right: var(--border);
  border-bottom: var(--border);
  font-family: var(--ff-title);
  font-size: 22px;
  text-shadow: var(--shadow-text);
  text-align: center;
  color: var(--c-white);
}

.statsinfo {
  background: var(--g-cell), url('/common/img/vborder.png');
  display: block;
  padding: 0;
  margin: 0;
  height: 33px;
  width: 158px;
  border-right: var(--border);
  border-bottom: var(--border);
  font-family: var(--ff-title);
  font-size: 25px;
  text-shadow: var(--shadow-text);
  text-align: center;
  color: var(--c-white);
}
.statsinfo p { padding-top: 2px; }

.players img { margin-top: 5px; }

 
.gamearea {
  padding: 0;
  margin: 0;
  
  width: 440px;
  float: left;
  position: relative;
}

.gamebio {
  color: var(--c-cyan);
  font-family: var(--ff-story);
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 4px 4px 2px rgba(0,0,66,1);
  text-indent: 30px;
  margin: 10px;
  z-index: 100;
  min-height: 223px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.gamebio p {
  width: 70%;
}

img.gchar {
  z-index: 10000;
  width: 30%;
  image-rendering: pixelated;
}
img.gchar:active {
  transform: scale(1.6);
  filter: FlipH;
  -ms-filter: "FlipH";
  cursor: -webkit-grabbing;
}

 
.imgarea {
  padding: 0;
  margin: 0;
  width: 356px;
  float: left;
}
.imgarea img {
  max-width: 336px;
  max-height: 196px;
  margin: 0 auto;
  padding-top: 10px;
  display: block;
}

 
.slideshow-wrapg {
  display: inline;
  height: 196px;
  width: 336px;
  margin: 0 0 0 0;
  border: var(--border);
  position: relative;
  float: left;
  margin-top: 8px;
  margin-left: 8px;
}

.slideshow-innerg:active {
  transform: scale(2.0) translateX(-85px);
  filter: FlipH;
  -ms-filter: "FlipH";
  z-index: 1000000000;
  border: var(--border);
  cursor: -webkit-zoom-out;
  box-shadow: 6px 6px 8px var(--c-black);
}

.slideshow-innerg {
  margin-top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(44,44,44);
  overflow: hidden;
  position: relative;
  transition: all .2s ease-in-out;
}

.slideshow-innerg > ul {
  list-style: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}

.slideshow-innerg > ul > li {
  width: 100%;
  height: 320px;
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.slideshow-innerg > ul > li > img {
  margin: auto;
  height: 196px;
  width: 336px;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  cursor: -webkit-zoom-in;
  object-fit: cover;
}

.slideshow-wrapg input[type=radio] {
  position: absolute;
  left: 50%;
  bottom: 9px;
  z-index: 100;
  visibility: hidden;
}

.slideshow-wrapg label:not(.arrows):active { bottom: -32px; }

 
.slideshow-wrapg input[type=radio].buttonA:checked ~ label[for=button-1],
.slideshow-wrapg input[type=radio].buttonB:checked ~ label[for=button-2],
.slideshow-wrapg input[type=radio].buttonC:checked ~ label[for=button-3],
.slideshow-wrapg input[type=radio].buttonD:checked ~ label[for=button-4] {
  background: var(--g-active), url('/common/img/vborder2.png');
  color: var(--c-white);
}

 
input[type=radio].buttonA:checked ~ label.buttonALabelarc,
input[type=radio].buttonA:checked ~ label.buttonALabelgb,
input[type=radio].buttonA:checked ~ label.buttonALabelgba,
input[type=radio].buttonA:checked ~ label.buttonALabelgen,
input[type=radio].buttonA:checked ~ label.buttonALabelnes,
input[type=radio].buttonA:checked ~ label.buttonALabelpce,
input[type=radio].buttonA:checked ~ label.buttonALabelsms,
input[type=radio].buttonA:checked ~ label.buttonALabelsnes,
input[type=radio].buttonA:checked ~ label.buttonALabelother
{ color: var(--c-white); }

input[type=radio].buttonA:checked ~ label.buttonALabelarc   { background: var(--g-active), url('/common/img/vborder2.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelgb    { background: var(--g-gb),   url('/common/img/gbbg.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelgba   { background: var(--g-gba),  url('/common/img/gbabg.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelgen   { background: var(--g-gen),  url('/common/img/genbg.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelnes   { background: var(--g-nes),  url('/common/img/nesbg.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelpce   { background: var(--g-pce),  url('/common/img/pcebg.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelsms   { background: var(--g-sms),  url('/common/img/smsbg.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelsnes  { background: var(--g-snes), url('/common/img/snesbg.png'); }
input[type=radio].buttonA:checked ~ label.buttonALabelother { background: var(--g-other),url('/common/img/otherbg.png'); }

input[type=radio].buttonB:checked ~ label.buttonBLabelarc   { background: var(--g-active), url('/common/img/vborder2.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelgb    { background: var(--g-gb),   url('/common/img/gbbg.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelgba   { background: var(--g-gba),  url('/common/img/gbabg.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelgen   { background: var(--g-gen),  url('/common/img/genbg.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelnes   { background: var(--g-nes),  url('/common/img/nesbg.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelpce   { background: var(--g-pce),  url('/common/img/pcebg.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelsms   { background: var(--g-sms),  url('/common/img/smsbg.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelsnes  { background: var(--g-snes), url('/common/img/snesbg.png'); }
input[type=radio].buttonB:checked ~ label.buttonBLabelother { background: var(--g-other),url('/common/img/otherbg.png'); }

input[type=radio].buttonC:checked ~ label.buttonCLabelarc   { background: var(--g-active), url('/common/img/vborder2.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelgb    { background: var(--g-gb),   url('/common/img/gbbg.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelgba   { background: var(--g-gba),  url('/common/img/gbabg.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelgen   { background: var(--g-gen),  url('/common/img/genbg.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelnes   { background: var(--g-nes),  url('/common/img/nesbg.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelpce   { background: var(--g-pce),  url('/common/img/pcebg.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelsms   { background: var(--g-sms),  url('/common/img/smsbg.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelsnes  { background: var(--g-snes), url('/common/img/snesbg.png'); }
input[type=radio].buttonC:checked ~ label.buttonCLabelother { background: var(--g-other),url('/common/img/otherbg.png'); }

input[type=radio].buttonD:checked ~ label.buttonDLabelarc   { background: var(--g-active), url('/common/img/vborder2.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelgb    { background: var(--g-gb),   url('/common/img/gbbg.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelgba   { background: var(--g-gba),  url('/common/img/gbabg.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelgen   { background: var(--g-gen),  url('/common/img/genbg.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelnes   { background: var(--g-nes),  url('/common/img/nesbg.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelpce   { background: var(--g-pce),  url('/common/img/pcebg.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelsms   { background: var(--g-sms),  url('/common/img/smsbg.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelsnes  { background: var(--g-snes), url('/common/img/snesbg.png'); }
input[type=radio].buttonD:checked ~ label.buttonDLabelother { background: var(--g-other),url('/common/img/otherbg.png'); }

 
.buttonA { margin-left: -171px; }
.buttonB { margin-left: -86px; }
.buttonC { margin-left: -1px; }
.buttonD { margin-left: 84px; border-right: var(--border); border-top-right-radius: 15px; border-bottom-right-radius: 15px; }

.buttonALabelarc, .buttonALabelgb, .buttonALabelgba, .buttonALabelgen,
.buttonALabelnes, .buttonALabelpce, .buttonALabelsms, .buttonALabelsnes,
.buttonALabelother,
.buttonBLabelarc, .buttonBLabelgb, .buttonBLabelgba, .buttonBLabelgen,
.buttonBLabelnes, .buttonBLabelpce, .buttonBLabelsms, .buttonBLabelsnes,
.buttonBLabelother,
.buttonCLabelarc, .buttonCLabelgb, .buttonCLabelgba, .buttonCLabelgen,
.buttonCLabelnes, .buttonCLabelpce, .buttonCLabelsms, .buttonCLabelsnes,
.buttonCLabelother,
.buttonDLabelarc, .buttonDLabelgb, .buttonDLabelgba, .buttonDLabelgen,
.buttonDLabelnes, .buttonDLabelpce, .buttonDLabelsms, .buttonDLabelsnes,
.buttonDLabelother {
  position: absolute;
  bottom: -32px;
  z-index: 100;
  width: 83px;
  height: 25px;
  background-image: url('/common/img/vborder.png');
  background: var(--g-cell), url('/common/img/vborder.png');
  color: var(--c-text-dim);
  text-shadow: var(--shadow-text-sm);
  font-size: 24px;
  font-family: var(--ff-title);
  text-align: center;
  border-left: var(--border);
  border-top: var(--border);
  cursor: pointer;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
  padding: 0;
}

.buttonALabelarc, .buttonALabelgb, .buttonALabelgba, .buttonALabelgen,
.buttonALabelnes, .buttonALabelpce, .buttonALabelsms, .buttonALabelsnes,
.buttonALabelother {
  left: -4px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.buttonBLabelarc, .buttonBLabelgb, .buttonBLabelgba, .buttonBLabelgen,
.buttonBLabelnes, .buttonBLabelpce, .buttonBLabelsms, .buttonBLabelsnes,
.buttonBLabelother { left: 81px; }

.buttonCLabelarc, .buttonCLabelgb, .buttonCLabelgba, .buttonCLabelgen,
.buttonCLabelnes, .buttonCLabelpce, .buttonCLabelsms, .buttonCLabelsnes,
.buttonCLabelother { left: 166px; }

.buttonDLabelarc, .buttonDLabelgb, .buttonDLabelgba, .buttonDLabelgen,
.buttonDLabelnes, .buttonDLabelpce, .buttonDLabelsms, .buttonDLabelsnes,
.buttonDLabelother {
  left: 251px;
  border-right: var(--border);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

 
.slideshow-wrapg input[type=radio]#button-1:checked ~ #slideshow-inner > ul,
.slideshow-wrapg input[type=radio]#button-2:checked ~ #slideshow-inner > ul,
.slideshow-wrapg input[type=radio]#button-3:checked ~ #slideshow-inner > ul,
.slideshow-wrapg input[type=radio]#button-4:checked ~ #slideshow-inner > ul
{ left: 0; }

 
label.arrows {
  font-family: 'WebSymbolsRegular';
  font-size: 25px;
  color: rgb(255,255,240);
  position: absolute;
  top: 50%;
  margin-top: -25px;
  display: none;
  opacity: 0.7;
  cursor: pointer;
  z-index: 1000;
  background-color: transparent;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  text-shadow: 0 0 3px rgba(0,0,0,.8);
}

input[type=radio]#button-1:checked ~ .arrows#arrow-2,
input[type=radio]#button-2:checked ~ .arrows#arrow-3,
input[type=radio]#button-3:checked ~ .arrows#arrow-4,
input[type=radio]#button-4:checked ~ .arrows#arrow-5 {
  right: -55px;
  display: block;
}

input[type=radio]#button-2:checked ~ .arrows#arrow-1,
input[type=radio]#button-3:checked ~ .arrows#arrow-2,
input[type=radio]#button-4:checked ~ .arrows#arrow-3,
input[type=radio]#button-5:checked ~ .arrows#arrow-4 {
  left: -55px;
  display: block;
  transform: scaleX(-1);
}

input[type=radio]#button-2:checked ~ .arrows#arrow-1 { left: -19px; }
input[type=radio]#button-3:checked ~ .arrows#arrow-2 { left: -37px; }
input[type=radio]#button-5:checked ~ .arrows#arrow-4 { left: -73px; }

 
.pagearea {
  background-image: url("/common/img/footer.png");
  background-image: var(--g-footer), url("/common/img/footer.png");
  display: block;
  padding: 20px;
  margin: 0;
  overflow: hidden;
  border-left: var(--border);
  border-right: var(--border);
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.pagebutton {
  background: var(--g-cell), url('/common/img/vborder.png');
  color: var(--c-text-dim);
  text-shadow: var(--shadow-text-sm);
  font-size: 32px;
  font-family: var(--ff-title);
  text-align: center;
  display: inline-block;
  padding: 15px 0 0 0;
  margin: 0;
  height: 50px;
  width: 60px;
  border-right: var(--border);
  border-top: var(--border);
  border-bottom: var(--border);
  cursor: pointer;
}

.prevbutton {
  background: var(--g-cell), url('/common/img/vborder.png');
  color: var(--c-text-dim);
  text-shadow: var(--shadow-text-sm);
  font-size: 32px;
  font-family: var(--ff-title);
  text-align: center;
  display: inline-block;
  padding: 15px 0 0 0;
  margin: 0;
  height: 50px;
  width: 70px;
  border-right: var(--border);
  border-left: var(--border);
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  border-top: var(--border);
  border-bottom: var(--border);
}

.nextbutton {
  background: var(--g-cell), url('/common/img/vborder.png');
  color: var(--c-text-dim);
  text-shadow: var(--shadow-text-sm);
  font-size: 32px;
  font-family: var(--ff-title);
  text-align: center;
  display: inline-block;
  padding: 15px 0 0 0;
  margin: 0;
  height: 50px;
  width: 70px;
  border-right: var(--border);
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  border-top: var(--border);
  border-bottom: var(--border);
}

.pageactive {
  background: var(--g-active), url('/common/img/vborder2.png');
  color: var(--c-text);
  cursor: pointer;
}
.pagebutton:hover {
  background: var(--g-active), url('/common/img/vborder2.png');
  color: var(--c-text);
}

 
.browsetab {
  background: var(--g-cell), url('/common/img/vborder.png');
  display: inline-block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-right: var(--border);
  text-align: center;
  width: 156px;
  height: 100px;
  position: relative;
  cursor: pointer;
}
.browsetab p {
  z-index: 10000000000;
  font-family: var(--ff-title);
  font-size: 30px;
  text-shadow: var(--shadow-text);
  text-align: center;
  color: var(--c-white);
  position: relative;
  top: 62px;
}
.browsetab img {
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
}

.gentab  { background: var(--g-gen),  url('/common/img/genbg.png'); }
.arctab  { background: var(--g-arc),  url('/common/img/arcbg.png'); }
.snestab { background: var(--g-snes), url('/common/img/snesbg.png'); }
.nestab  { background: var(--g-nes),  url('/common/img/nesbg.png'); }
.gbtab   { background: var(--g-gb),   url('/common/img/gbbg.png'); }
.gbatab  { background: var(--g-gba),  url('/common/img/gbabg.png'); }
.alltab  { background: var(--g-gen),  url('/common/img/genbg.png'); }

 
.searchtop {
  width: 100%;
  height: auto;
  display: block;
  background: #ffff00;
}
.searchbottom {
  width: 100%;
  height: auto;
  display: block;
  background: #ff00ff;
}
.searchrow {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  display: flex;
  background: var(--g-cell), url('/common/img/vborder.png');
  border-bottom: var(--border);
  color: var(--c-text);
  font-family: var(--ff-title);
  font-size: 16px;
  text-shadow: var(--shadow-text);
}
.searchrow.active,
.searchrow.active .arccell {
  background: var(--g-cell), url('/common/img/genbg.png');
}
.searchright {
  width: 796px;
  height: auto;
  display: inline-block;
}
.searchheader {
  display: inline-block;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  height: 38px;
  width: 160px;
  border-right: var(--border);
  border-bottom: var(--border);
  font-family: var(--ff-title);
  font-size: 20px;
  text-shadow: var(--shadow-text);
  text-align: center;
  color: var(--c-white);
}
.searchsection {
  display: inline-block;
  padding: 0;
  margin: 0;
  height: 38px;
  width: 120px;
  border-right: var(--border);
  border-bottom: var(--border);
  font-family: var(--ff-title);
  font-size: 16px;
  text-shadow: var(--shadow-text);
  text-align: center;
  color: var(--c-gold);
  letter-spacing: 2px;
}
.searchheader p { margin-top: 6px; text-transform: uppercase; }
.searchbleft {
  width: 100%;
  height: auto;
  display: block;
  background: #0000ff;
}
.searchbright {
  width: 100%;
  height: 60px;
  display: block;
  background: var(--g-cell), url('/common/img/vborder.png');
  border-top: var(--border);
  border-bottom: var(--border);
  color: var(--c-text-dim);
  cursor: pointer;
  text-align: center;
}
.searchbright p {
  font-family: var(--ff-title);
  font-size: 40px;
  text-shadow: var(--shadow-text);
  margin: 0 auto;
  padding-top: 8px;
}
.searchbright:hover {
  background: var(--g-other), url('/common/img/vborder2.png');
  color: var(--c-text);
}
.searchbright:active {
  background: linear-gradient(to top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 15%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.8) 100%), url('/common/img/vborder2.png');
  color: var(--c-text);
}

#searchbigbar {
  background: var(--g-cell), url('/common/img/vborder.png');
  color: var(--c-text);
  font-family: var(--ff-title);
  font-size: 16px;
  text-shadow: var(--shadow-text);
  height: 25px;
  padding-left: 10px;
  padding-right: 8px;
  border-radius: 25px;
  border: 2px solid var(--c-white);
  box-shadow: var(--shadow-box);
  text-transform: uppercase;
  margin-top: 3px;
  margin-left: 8px;
  width: 100%;
}

 
.checkareap {
  width: 92px;
  height: 38px;
  position: relative;
  display: inline-block;
  right: 64px;
}
.checkareap label {
  width: 150px;
  height: 38px;
  position: relative;
  display: inline-block;
  background-image: url('/common/img/empt.png');
  background-position: 4px 2px;
  background-repeat: no-repeat;
  font-family: var(--ff-title);
  font-size: 22px;
  text-shadow: var(--shadow-text);
  color: var(--c-text-dim);
  cursor: pointer;
}
.checkareap label:hover {
  background-image: url('/common/img/hover.png');
  color: var(--c-text);
}
.checkareap label p {
  position: absolute;
  left: 38px;
  top: 4px;
}
.checkareap input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  visibility: hidden;
}
.checkareap input[type=checkbox]:checked + label {
  background-image: url('/common/img/checked.png');
  color: var(--c-text);
}
.checkareap input[type=checkbox]:checked + label img { opacity: 1; }
.checkareap label img { opacity: 0.5; margin-top: 2px; }
.checkareap label:hover img { opacity: 1; }

.frow div.checkareap,
.frow div.checkareap label,
.frow div.checkareap input {
  width: 148px;
}

 
.searchselect {
  background: url('/common/img/vborder.png');
  color: var(--c-text);
  font-family: var(--ff-title);
  font-size: 16px;
  text-shadow: var(--shadow-text);
  width: 100%;
  height: 28px;
  padding-left: 10px;
  padding-right: 8px;
  border-radius: 25px;
  border: 2px solid var(--c-white);
  box-shadow: var(--shadow-box);
  text-transform: uppercase;
  margin-top: 4px;
  margin-left: 6px;
  outline: none;
  cursor: pointer;
}
.searchselect option {
  background: var(--c-bg-dark);
  color: var(--c-text);
  font-family: var(--ff-title);
  font-size: 14px;
  text-transform: none;
}

.searchinput {
  display: flex;
  width: 100%;
}

.searchform {
  display: flex;
  flex-wrap: wrap;
  width: 956px;
  margin: 0 auto;
  row-gap: 32px;
}

.searchformrow {
  display: flex;
  gap: 32px 0;
  width: 100%;
}

 
.searchformrow.advanced {
  display: none;
}
.searchformrow.advanced.show {
  display: flex;
}

.searchformrow.advanced .fsb-button > span {
  max-width: 110px;
}

.searchformrow.advanced > .searchcolumn:first-child .searchrow,
.searchformrow.advanced > .searchcolumn:nth-child(2) .searchrow,
.searchformrow.advanced > .searchcolumn:nth-child(3) .searchrow {
  padding-right: 8px;
}:root {
   
  --fsb-border: 2px solid var(--c-white);
  --fsb-radius: 25px;
  --fsb-color: var(--c-text);
  --fsb-background: var(--c-bg-dark);
  --fsb-font-size: 16px;
  --fsb-shadow: var(--shadow-box);
  --fsb-padding: 0 10px;
  --fsb-padding-right: 10px;
  --fsb-arrow-size: 6px;
  --fsb-arrow-padding: 8px;
  --fsb-arrow-color: var(--c-text);
  --fsb-icon-color: var(--c-text);
  --fsb-list-height: 300px;
  --fsb-list-border: 2px solid var(--c-white);
  --fsb-list-radius: 10px;
  --fsb-list-color: var(--c-text);
  --fsb-list-background: var(--c-bg-dark);
  --fsb-hover-color: var(--c-gold);
  --fsb-hover-background: var(--c-bg-dim);
  --fsb-disabled-opacity: .3;
}

.fsb-original-select {
  display: inline-block;
  margin: 0;
  padding: 8px 22px 8px 8px;
  padding: var(--fsb-padding);
  padding-right: calc(var(--fsb-arrow-padding) * 2 + var(--fsb-arrow-size));
  font-family: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

.fsb-original-select[disabled] {
  color: rgba(0, 0, 0, .3);
  cursor: not-allowed;
}

.fsb-select {
  display: inline-block;
  position: relative;
}

select[disabled] + .fsb-select {
  cursor: not-allowed;
}

.fsb-select,
.fsb-original-select {
  min-width: 0;
  border: 1px solid #ccc;
  border: var(--fsb-border);
  border-radius: 5px;
  border-radius: var(--fsb-radius);
  box-sizing: border-box;
  color: inherit;
  color: var(--fsb-color);
  background-color: #fff;
  background-color: var(--fsb-background);
  font-size: 1em;
  font-size: var(--fsb-font-size);
  box-shadow: none;
  box-shadow: var(--fsb-shadow);
}

.fsb-select svg {
  width: 1em;
  height: 1em;
  margin-right: 8px;
  margin-right: var(--fsb-padding-right);
  fill: currentColor;
  fill: var(--fsb-icon-color);
  pointer-events: none;
}

.fsb-label {
  display: none;
}

 
.fsb-button {
  display: flex !important;
  align-items: center;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 8px 22px 8px 8px !important;
  padding: var(--fsb-padding) !important;
  padding-right: calc(var(--fsb-arrow-size) + var(--fsb-arrow-padding) + var(--fsb-padding-right)) !important;
  border: 0 !important;
  border-radius: inherit !important;
  color: inherit !important;
  background-color: inherit !important;
  font-size: 1em !important;
  font-family: inherit !important;
  text-align: inherit !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.fsb-button > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fsb-button > span,
.fsb-option > span {
  pointer-events: none;
}

select[disabled] + .fsb-select .fsb-button {
  opacity: .4;
  pointer-events: none;
}

.fsb-button:after,
select[disabled] + .fsb-select .fsb-button[aria-expanded="true"]:after {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  width: var(--fsb-arrow-size);
  height: 6px;
  height: var(--fsb-arrow-size);
  right: 8px;
  right: var(--fsb-arrow-padding);
  top: 50%;
  transform: translateY(-65%) rotateZ(45deg);
  border: solid currentColor;
  border: solid var(--fsb-arrow-color);
  border-width: 0 1.5px 1.5px 0;
  box-sizing: border-box;
  transition: transform .3s ease-in-out;
  pointer-events: none;
}

.fsb-button[aria-expanded="true"]:after {
  transform: translateY(-35%) rotateZ(225deg);
}

.fsb-list,
select[disabled] + .fsb-select .fsb-list {
  display: block;
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  height: 0;
  margin: 0;
  left: 0;
  top: 100%;
  z-index: 1;
  padding: 0;
  border: inherit;
  border: var(--fsb-list-border);
  border-radius: inherit;
  border-radius: var(--fsb-list-radius);
  box-sizing: border-box;
  color: inherit;
  color: var(--fsb-list-color);
  background-color: inherit;
  background-color: var(--fsb-list-background);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
  opacity: 0;
  transition: opacity .2s ease-in-out;
  overflow: auto;
}

.fsb-top .fsb-list {
  top: auto;
  bottom: 100%;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, .2);
}

.fsb-button[aria-expanded="true"] + .fsb-list {
  z-index: 10000;
  height: auto;
  max-height: var(--fsb-list-height);
  visibility: visible;
  opacity: 1;
  background: var(--g-cell), url('/common/img/vborder.png');
}

.fsb-option {
  display: flex;
  align-items: center;
  padding: var(--fsb-padding);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fsb-option:not([aria-disabled="true"]):focus {
  outline: none;
  color: var(--fsb-hover-color);
  background-color: var(--fsb-hover-background);
}

.fsb-option[aria-disabled="true"] {
  opacity: var(--fsb-disabled-opacity);
}

.fsb-resize {
  display: block;
  height: 0;
  padding-right: 14px;
  padding-right: calc(var(--fsb-arrow-padding) * 2 + var(--fsb-arrow-size) - var(--fsb-padding-right));
  box-sizing: border-box;
}

.fsb-resize > * {
  display: block;
}

.fsb-select {
  width: 100%;
  height: 28px;
  margin-top: 4px;
  margin-left: 6px;
  background-image: url('/common/img/vborder.png');
  font-family: var(--ff-title);
  text-shadow: var(--shadow-text);
  text-transform: uppercase;
  cursor: pointer;
}

.fsb-button {
  font-family: var(--ff-title);
  text-shadow: var(--shadow-text);
  text-transform: uppercase;
}

.fsb-list {
  font-family: var(--ff-title);
  z-index: 60;
}

.fsb-option {
  font-size: 14px;
  padding: 6px 10px;
  text-transform: uppercase;
} .variant-games a:link {
   color: var(--c-white);
   text-decoration: none;
 }

 .variant-games a:visited {
   color: var(--c-gold);
   text-decoration: none;
 }

 .variant-games a:hover {
   color: var(--c-green);
 }

 .variant-games a:active {
   color: var(--c-dark-green);
   text-decoration: none;
 }


 ::-webkit-scrollbar {
   width: 28px;
   height: 28px;
 }

 ::-webkit-scrollbar-corner {
   background: var(--g-header-r), url('/common/img/vborder.png');
 }

 ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, 1);
   background: var(--c-bg-dim);
 }

 ::-webkit-scrollbar-thumb:vertical {
   border: var(--border);
   -webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, 1);
   background: var(--g-active-r), url('/common/img/vborder2.png');
 }

 ::-webkit-scrollbar-thumb:horizontal {
   border: var(--border);
   -webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, 1);
   background: var(--g-active), url('/common/img/vborder2.png');
 }

 ::-webkit-scrollbar-button:horizontal:decrement {
   height: 28px;
   width: 28px;
   background-image: var(--g-active-r), url('/common/img/hleft.png');
   border: var(--border);
 }

 ::-webkit-scrollbar-button:horizontal:increment {
   height: 28px;
   width: 28px;
   background-image: var(--g-active-r), url('/common/img/hright.png');
   border: var(--border);
 }

 ::-webkit-scrollbar-button:vertical:decrement {
   height: 28px;
   width: 28px;
   background-image: var(--g-active), url('/common/img/vup.png');
   border: var(--border);
 }

 ::-webkit-scrollbar-button:vertical:increment {
   height: 28px;
   width: 28px;
   background-image: var(--g-active), url('/common/img/vdown.png');
   border: var(--border);
 }


 .gamebodyleft {
   background: var(--c-bg-dark);
   z-index: 20;
   width: 576px;
   display: inline;
   float: left;
   padding: 0;
   margin: 0;
   position: relative;
 }

 .gameheader {
   background-image: url("/common/img/gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border: var(--border);
   font-family: var(--ff-title);
   font-size: 38px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: block;
   margin: 0;
   padding: 0 20px 0 0;
   height: var(--header-h);
   width: 556px;
   text-transform: uppercase;
 }



 .gamemarquee {
   border-left: var(--border);
   border-right: var(--border);
   display: block;
   padding: 0;
   margin: 0;
   position: relative;
   top: 0;
   left: 0;
   height: 183px;
   width: 576px;
 }

 .gamescreen {
   border-bottom: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   display: block;
   height: 450px;
   width: 576px;
   padding: 0;
   margin: 0;
   background-size: 100% 100%;
 }

 iframe.gameintro {
   margin-top: 72px;
   margin-left: 88px;
   border: var(--border);
 }

 .gamelinks {
   background-image: url("/common/img/storybg.png");
   background-image: var(--g-greeting), url("/common/img/storybg.png");
   background-repeat: repeat-y;
   border-bottom: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   color: var(--c-cyan);
   display: block;
   position: relative;
   width: 576px;
   overflow-y: auto;
   background-attachment: local;
   padding: 20px 0;
   margin: 0;
 }

 .gamelink a {
   font-family: var(--ff-story);
   font-size: 18px;
   display: block;
   margin: 4px 40px;
   word-break: break-all;
 }

 .gamebingo {
   box-sizing: border-box;
   background-image: url("/common/img/storybg.png");
   background-image: var(--g-greeting), url("/common/img/storybg.png");
   background-repeat: repeat-y;
   border-bottom: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   display: block;
   width: 100%;
   overflow: hidden;
   padding: 20px;
   margin: 0;
 }

 .bingocell {
   border: var(--border);
   box-sizing: border-box;
   background: var(--c-bg-dark);
   color: var(--c-text-dim);
   font-family: var(--ff-story);
   font-size: 16px;
   line-height: 1.25;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   float: left;
   width: 20%;
   height: 54px;
   padding: 4px;
   margin: 0;
   cursor: pointer;
   transition: all .3s ease-in-out;
 }

 .bingocell.bingoon {
   background: var(--c-bg-dim);
   color: var(--c-cyan);
   text-shadow: var(--shadow-text-sm);
 }

 .bingocell.bingoactive {
   background: var(--c-bg-nav);
   color: var(--c-white);
   text-shadow: var(--shadow-text-sm);
 }

 .bingocell:hover {
   background: var(--c-bg-nav);
    color: var(--c-white);
 }

 .bingoinfo {
   box-sizing: border-box;
   background-image: url("/common/img/storybg.png");
   background-image: var(--g-greeting), url("/common/img/storybg.png");
   background-repeat: repeat-y;
   border-bottom: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   color: var(--c-cyan);
   display: none;
   align-items: center;
   gap: 32px;
   width: 100%;
   padding: 20px;
   margin: 0;
 }

 .bingoinfolabel {
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 24px;
   text-shadow: var(--shadow-text);
   margin-bottom: 8px;
 }

 .bingoinfotext {
   font-family: var(--ff-story);
   font-size: 18px;
   line-height: 1.3;
 }

 .bingoimg {
   flex-shrink: 0;
 }

 .gameabout {
   background-image: url("/common/img/descriptionbg.png");
   background-image: var(--g-footer), url("/common/img/descriptionbg.png");
   border-bottom: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   color: var(--c-cyan);
   display: block;
   position: relative;
   text-align: center;
   height: 353px;
   width: 576px;
   padding: 25px 0;
   margin: 0;
   overflow-y: auto;
 }

 .gameabout p {
   font-family: var(--ff-story);
   font-size: 24px;
   -webkit-font-smoothing: antialiased;
   text-shadow: 4px 4px 2px rgba(0, 0, 66, 1);
   text-indent: 30px;
   margin-left: 40px;
   margin-right: 210px;
   z-index: 100;
   position: absolute;
   padding-bottom: 25px;
 }

 img.gamechar {
   height: 350px;
   float: right;
   position: sticky;
   top: 0;
   right: 20px;
   image-rendering: pixelated;
   width: 50%;
   object-fit: contain;
 }



 .gamestory {
   background-image: url("/common/img/storybg.png");
   background-image: var(--g-greeting), url("/common/img/storybg.png");
   background-repeat: repeat-y;
   border-bottom: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   color: var(--c-cyan);
   display: block;
   position: relative;
   text-align: center;
   height: 320px;
   width: 576px;
   overflow-y: auto;
   background-attachment: local;
   padding: 25px 0;
   margin: 0;
 }

 .gamestory p {
   font-family: var(--ff-story);
   font-size: 24px;
   -webkit-font-smoothing: antialiased;
   text-shadow: 4px 4px 2px rgba(0, 0, 66, 1);
   margin-left: 60px;
   margin-right: 60px;
   margin-top: 20px;
 }

 .gamestory img {
   border: var(--border);
   box-shadow: 8px 8px 1px var(--c-black);
   margin-top: 16px;
 }

 .gamestory img:first-child {
   margin-top: 0;
 }



 .gametrivia {
   background-image: url("/common/img/storybg.png");
   background-image: var(--g-greeting), url("/common/img/storybg.png");
   background-repeat: repeat-y;
   border-bottom: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   color: var(--c-cyan);
   display: block;
   position: relative;
   text-align: center;
   height: 372px;
   width: 576px;
   overflow-y: auto;
   background-attachment: local;
   padding: 38px 0 10px 0;
   margin: 0;
 }

 .gametriviainfo,
 .fightertriviainfo {
   width: 100%;
   position: relative;
   display: block;
   margin-bottom: 32px;
 }

 .gametrivia p {
   font-family: var(--ff-story);
   font-size: 24px;
   -webkit-font-smoothing: antialiased;
   text-shadow: 4px 4px 2px rgba(0, 0, 132, 1);
   text-indent: 30px;
   text-align: center;
   margin-right: 50px;
   margin-left: 50px;
   white-space: pre-wrap;
 }

 .gametriviabullet,
 .fightertriviabullet {
   height: 44px;
   width: 64px;
   float: left;
 }

 .gametriviabullet img,
 .fightertriviabullet img {
   position: fixed;
   right: 0;
   bottom: 0;
 }

 .fightertrivia {
   background-image: url("/common/img/storybg.png");
   background-image: var(--g-greeting), url("/common/img/storybg.png");
   background-repeat: repeat-y;
   border-bottom: var(--border);
   border-right: var(--border);
   color: var(--c-cyan);
   display: block;
   position: relative;
   text-align: center;
   height: 292px;
   width: 476px;
   overflow-y: auto;
   background-attachment: local;
   padding: 38px 0 10px 0;
   margin: 0;
 }

 .fightertrivia p {
   font-family: var(--ff-story);
   font-size: 24px;
   -webkit-font-smoothing: antialiased;
   text-shadow: 4px 4px 2px rgba(0, 0, 132, 1);
   text-indent: 30px;
   text-align: center;
   margin-right: 50px;
   margin-left: 50px;
 }



 .gamebodyright {
   background: #000066;
   z-index: 19;
   width: 378px;
   padding: 0;
   margin: 0;
   display: inline;
   float: right;
   position: relative;
   left: -4px;
   text-transform: uppercase;
 }



 .gamehbar {
   background-image: url("/common/img/hborder.png");
   background: var(--g-header), url('/common/img/hborder.png');
   background-repeat: repeat-x;
   border: var(--border);
   display: block;
   margin: 0;
   padding: 0;
   height: 23px;
   width: 100%;
   clear: both;
 }

 .gamevbar {
   background-image: url("/common/img/vborder.png");
   background: var(--g-header-r), url('/common/img/vborder.png');
   background-repeat: repeat-y;
   display: inline;
   float: left;
   margin: 0;
   padding: 0;
   height: 100%;
   width: 25px;
 }



 .gameposter {
   border-left: var(--border);
   border-right: var(--border);
   border-top: var(--border);
   display: block;
   float: left;
   margin-bottom: 0;
   padding: 0;
   height: 420px;
   width: 100%;
 }

 img.poster {
   border-right: var(--border);
   border-left: var(--border);
   display: inline;
   width: 324px;
   height: 420px;
   float: left;
   object-fit: contain;
 }



 .gamestats {
   background: var(--c-gold);
   border: var(--border);
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0;
   width: 378px;
   clear: both;
 }

 .gamestatsheader {
   background-image: url("/common/img/gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border-bottom: var(--border);
   font-family: var(--ff-title);
   font-size: 38px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: block;
   margin: 0;
   padding: 0 20px 0 0;
   box-sizing: border-box;
   height: var(--header-h);
   width: 100%;
 }

 .gamestatinfo {
   background-image: url("/common/img/gamestatsbg.png");
   background: var(--g-cell), url('/common/img/vborder.png');
   background-repeat: repeat;
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 26px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: block;
   margin: 0;
   padding: 0 10px 0 0;
   min-height: 30px;
   width: 100%;
   box-sizing: border-box;
   overflow-y: hidden;
 }

 .gamestattype {
   background-image: url("/common/img/gameheaderbg.png");
   background: var(--g-header), url('/common/img/gameheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border-right: var(--border);
   transform: skew(-25deg);
   font-family: var(--ff-title);
   font-size: 26px;
   text-shadow: var(--shadow-text);
   text-align: center;
   display: inline;
   float: left;
   position: relative;
   left: -40px;
   margin: 0;
   padding: 0 10px 0 5px;
   height: 30px;
 }

 .gamestattypetext,
 .fighterstattypetext {
   transform: skew(25deg);
   cursor: help;
 }

 .gamestattypetext {
   padding-top: 1px;
 }

 .fighterstattypetext {
   padding-top: 6px;
 }

 .gamestattext {
   padding-top: 1px;
 }

 .gamecredittext {
   font-size: 18px;
   padding-top: 5px;
   position: absolute;
   width: 97%;
 }

 .gamestatedge {
   background-image: url("/common/img/gameheaderbg.png");
   background: var(--g-header), url('/common/img/gameheaderbg.png');
   background-repeat: repeat-x;
   position: relative;
   float: left;
   height: 30px;
   width: 40px;
 }

 .variant-games .gamefooterborder {
   background-image: url("/common/img/gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border: var(--border);
   font-family: var(--ff-title);
   font-size: 38px;
   font-weight: 400;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: block;
   position: static;
   margin: 0;
   padding: 0 20px 0 0;
   height: var(--header-h);
   width: var(--header-w);
   clear: both;
 }

 .variant-games .gamefooter {
   background-image: url("/common/img/footer.png");
   background-image: var(--g-footer), url("/common/img/footer.png");
   border: var(--border);
   display: inline-block;
   padding: 0;
   margin: 0;
   width: var(--content-w);
   padding: 30px 0 20px;
 }

 img.tryimg {
   border: var(--border);
   margin: 0 auto;
   box-shadow: 8px 8px 1px var(--c-black);
   display: block;
   height: 146px;
   width: 250px;
 }



 img.fighterselect {
   margin: 0 auto;
   padding: 40px 0 50px 0;
   display: block;
   height: 60px;
 }

 .fightertabs {
   width: 956px;
   position: relative;
 }

 .fightertabs input {
   position: absolute;
   z-index: 1000;
   width: 250px;
   height: 292px;
   left: 0;
   opacity: 0;
   cursor: pointer;
   padding: 0;
   margin-right: 30px;
 }

 .fightertabs input#fightertab-1,
 .fightertabs input#fightertab-1+label {
   left: 52px;
 }

 .fightertabs input#fightertab-2,
 .fightertabs input#fightertab-2+label {
   left: 354px;
 }

 .fightertabs input#fightertab-3,
 .fightertabs input#fightertab-3+label {
   left: 656px;
 }

 .fightertabs input#fightertab-4,
 .fightertabs input#fightertab-4+label {
   left: 800px;
 }

 .fightertabs label {
   margin: 0;
   padding: 0;
   position: absolute;
   opacity: 1;
   transition: all ease-out 0.5s 0.4s;
 }

 img.fightericon {
   width: 246px;
   margin: 0;
   padding: 0;
   border: var(--border);
   transition: all .5s ease-in-out;
   opacity: 0;
   position: absolute;
   top: 25px;
   left: 25px;
 }

 img.fightericonoff {
   width: 246px;
   margin: 0;
   padding: 0;
   border: var(--border);
   position: absolute;
   top: 25px;
   left: 25px;
   box-shadow: 8px 8px 1px var(--c-black);
 }

 .fightericonspacer {
   width: 248px;
   height: 100%;
   display: inline-block;
   float: left;
 }

 .fselect {
   width: 304px;
   height: 342px;
   display: inline-block;
   position: absolute;
   top: -25px;
   left: -25px;
 }

 .fightermiddle {
   width: 304px;
   height: 288px;
   padding: 0;
   margin: 0;
 }

 .fselect .fighterhbar,
 .fselect .fightervbar {
   transition: all .5s ease-in-out;
   opacity: 0;
 }

 .fightertabs input:checked+label {
   background: linear-gradient(to bottom, rgba(0, 93, 193, 1) 0%, rgba(0, 93, 224, 1) 12%, rgba(0, 152, 247, 1) 25%, rgba(0, 93, 224, 1) 39%, rgba(0, 93, 193, 1) 50%, rgba(0, 80, 209, 1) 54%, rgba(0, 85, 170, 1) 63%, rgba(0, 6, 196, 1) 100%);
   z-index: 6;
 }

 .fightertabs input:checked+label .fighterhbar,
 .fightertabs input:checked+label .fightervbar {
   opacity: 1;
 }

 .fightertabs>input:hover+label img.fightericon,
 .fightertabs>input:checked+label img.fightericon {
   opacity: 1;
 }

 .fightertabs>input:checked+label img.fightericonoff {
   box-shadow: 0 0 0;
 }

 .fightertabs>input:checked+label .fightername {
   color: var(--c-text);
 }

 .fightername {
   color: var(--c-bg-nav);
   font-family: var(--ff-title);
   font-size: 58px;
   text-shadow: 8px 8px var(--c-black);
   text-align: center;
   transition: all .5s ease-in-out;
   padding: 0;
   margin: 0 auto;
 }

 .fighterhbar {
   background-image: url("hborder2.png");
   background: var(--g-header), url('/common/img/hborder2.png');
   background-repeat: repeat-x;
   border: var(--border);
   display: block;
   margin: 0;
   padding: 0;
   height: 23px;
   width: 298px;
   clear: both;
 }

 .fightervbar {
   background-image: url("vborder2.png");
   background: var(--g-header-r), url('/common/img/vborder2.png');
   background-repeat: repeat;
   display: inline;
   float: left;
   margin: 0;
   padding: 0;
   height: 100%;
   width: 25px;
 }

 .fighterportraits {
   width: 956px;
   height: 555px;
   background-color: var(--c-black);
   background-image: url("/common/img/pp.png");
   background-image: var(--g-greeting), url("/common/img/pp.png");
   border-top: var(--border);
 }

 .fighterspacer {
   display: inline-block;
   width: 956px;
   height: 400px;
 }

 .fighterheader {
   background-image: url("gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border-top: var(--border);
   font-family: var(--ff-title);
   font-size: 38px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: block;
   margin: 0;
   padding: 0 20px 0 0;
   height: var(--header-h);
   width: var(--header-w);
 }

 .fightermovename {
   background-image: url("gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 38px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: inline-block;
   float: left;
   position: relative;
   left: 0;
   margin: 0;
   padding: 0 30px 0 10px;
   height: var(--header-h);
   z-index: 1000;
 }

 .fightermoveinput {
   background-image: url("gamestatsheaderbg2.png");
   background: var(--g-header), url('/common/img/gamestatsheaderbg2.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border-right: var(--border);
   border-left: var(--border);
   transform: skew(-25deg);
   font-family: var(--ff-title);
   font-size: 20px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: inline-block;
   float: left;
   position: relative;
   left: -10px;
   margin: 0;
   padding: 0 20px;
   height: var(--header-h);
   z-index: 1100;
 }

 .fightermoveinput p,
 .stagename p {
   transform: skew(25deg);
 }

 .fightermoveinput>p {
   margin-top: 8px;
 }

 .fighterinfo {
   background-image: url("/common/img/footer.png");
   background-image: var(--g-footer), url("/common/img/footer.png");
   border-top: var(--border);
   display: inline-block;
   padding: 0;
   margin: 0;

   min-height: 243px;
   width: 956px;
   overflow: hidden;
 }

 .fightermoveinfo {
   background-image: url("/common/img/footer.png");
   background-image: var(--g-footer), url("/common/img/footer.png");
   border-top: var(--border);
   display: inline-block;
   padding: 0;
   margin: 0;
   height: 180px;
   width: 956px;
   overflow: hidden;
   clear: both;
 }

 #fightercontrols {
   height: 220px;
 }

 .controllerarea {
   width: 33%;
   height: 100%;
   display: inline-block;
   padding: 0;
   margin: 0;
   position: relative;
 }

 .helper,
 .helper2,
 .helper3 {
   width: 100%;
   text-align: center;
   position: absolute;
 }

 .helper {
   bottom: 70px;
 }

 .helper2,
 .helper3 {
   bottom: 72px;
 }

 .controltext {
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 36px;
   text-shadow: var(--shadow-text);
   text-align: center;
   position: absolute;
   width: 100%;
   bottom: 10px;
 }

 .fighterscreens {
   width: 296px;
   height: 100%;
   padding: 0;
   margin: 0;
   position: relative;
   display: inline-block;
   float: left;
   overflow-x: hidden;
   text-align: center;
 }

 .fighterscreens iframe {
   position: absolute;
   top: 18px;
   left: 8px;
   box-shadow: 6px 6px 1px var(--c-black);
 }

 .fighterscreens img {
   position: relative;
   border: var(--border);
   box-shadow: 8px 8px 1px var(--c-black);
   height: 160px;
   margin-top: 10px;
   margin-right: 10px;
   max-width: 98%;
 }

 .fighterbio {
   width: 410px;
   height: 100%;
   padding: 0;
   margin: 0;
   display: inline-block;
   float: left;
 }

 .fighterbio p,
 .enemybio p,
 .stagebio p,
 .bonusstagebio p {
   color: var(--c-text);
   font-family: var(--ff-story);
   font-size: 19px;
   -webkit-font-smoothing: antialiased;
   text-shadow: 4px 4px 1px rgba(0, 0, 0, 1);
   text-align: center;
   margin-top: 15px;
   margin-right: 5px;
   margin-left: 5px;
 }

 .fighterstats {
   width: 260px;
   height: 100%;
   padding: 0;
   margin: 0;
   float: left;
 }

 .fighterstattype,
 .enemystattype,
 .stagestattype {
   background-image: url("/common/img/gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat;
   color: var(--c-text);
   border-right: var(--border);
   transform: skew(-25deg);
   font-family: var(--ff-title);
   font-size: 30px;
   text-shadow: var(--shadow-text);
   text-align: center;
   vertical-align: text-bottom;
   display: table-cell;
   float: left;
   position: relative;
   left: -20px;
   margin: 0;
   padding: 0 6px 0 24px;
   width: 74px;
   clear: both;
 }

 .fighterstattype {
   height: 25%;
 }

 .enemystattype,
 .stagestattype {
   height: 50px;
 }

 .fightermoveinfo .fighterstattype,
 .fightermoveinfo .fighterstars {
   height: 25%;
 }

 .fighterstars {
   width: 140px;
   height: 25%;
   display: inline-block;
   position: relative;
   left: -10px;
 }

 img.statstar {
   height: 26px;
   width: 26px;
   display: inline;
   margin-top: 9px;
 }

 p.fightersmalltext {
   font-size: 20px;
 }

 .fighterhalf {
   width: 478px;
   display: inline-block;
   float: left;
 }

 .fighterhalf .gameheader {
   width: 456px;
 }

 img.triviaimg {
   box-shadow: 4px 4px 2px var(--c-black);
   border: 2px solid;
   margin-bottom: 10px;
 }



 .enemyindex {
   background-image: url('/common/img/footer.png');
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0px, rgba(255, 255, 255, 0) 15px, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0.8) 100%), url('/common/img/footer.png');
   background-repeat: repeat-y;
   width: 956px;
   display: block;
   margin: 0;
   padding: 0;
 }

 .enemyrow {
   border-top: var(--border);
   height: 254px;
   width: 956px;
   margin: 0;
   padding: 0;
 }

 .enemyarea {
   height: 250px;
   width: 191px;
   margin: 0;
   padding: 0;
   text-align: center;
   position: relative;
   float: left;
 }

 .enemyarea a,
 .enemyarea a:visited,
 .enemyarea a:active,
 .enemyarea a:hover,
 .bossarea a,
 .bossarea a:visited,
 .bossarea a:active,
 .bossarea a:hover,
 .stagewavecard a,
 .stagewavecard a:visited,
 .stagewavecard a:active,
 .stagewavecard a:hover {
   text-decoration: none;
   color: var(--c-text);
 }

 .enemyarea img,
 .bossarea img {
   transform: scale(1.5);
   border: var(--border);
   box-shadow: 4px 4px 1px var(--c-black);
 }

 .enemyarea p {
   color: var(--c-text);
   font-family: var(--ff-header);
   font-size: 42px;
   text-shadow: var(--shadow-text);
   text-align: center;
   position: absolute;
   width: 100%;
   bottom: -14px;
 }

 .bossindex {
   background-image: url('/common/img/footer.png');
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0px, rgba(255, 255, 255, 0) 15px, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0.8) 100%), url('/common/img/footer.png');
   background-repeat: repeat-y;
   width: 956px;
   display: block;
   margin: 0;
   padding: 0;
 }

 .bossrow {
   border-top: var(--border);
   height: 254px;
   width: 956px;
   margin: 0;
   padding: 0;
 }

 .bossarea {
   height: 250px;
   width: 191px;
   display: inline-block;
   margin: 0;
   padding: 0;
   text-align: center;
   position: relative;
   float: left;
 }

 .bossarea p {
   color: var(--c-text);
   font-family: var(--ff-header);
   font-size: 34px;
   text-shadow: var(--shadow-text);
   text-align: center;
   position: absolute;
   width: 100%;
   bottom: 4px;
   line-height: 28px;
 }

 .enemybody .fightermovename {
   border-right: 0;
   background: none;
 }

 .enemyinfo {
   background-image: url("/common/img/footer.png");
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 15px, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.8) 100%), url("/common/img/footer.png");
   border-top: var(--border);
   display: inline-block;
   padding: 0;
   margin: 0;
   height: 250px;
   width: 956px;
   overflow: hidden;
   clear: both;
 }

 .enemybio {
   width: 480px;
   height: 100%;
   padding: 0;
   margin: 0;
   display: inline-block;
   float: left;
 }

 .enemyscreen,
 .bossscreen {
   width: 226px;
   height: 100%;
   padding: 0;
   margin: 0;
   position: relative;
   display: inline-block;
   float: left;
   overflow-x: hidden;
   text-align: center;
 }

 .enemyscreen img,
 .bossscreen img {
   transform: scale(1.9);
   position: relative;
   border: var(--border);
   box-shadow: 4px 4px 1px var(--c-black);
   bottom: -64px;
 }

 .enemystars {
   width: 180px;
   height: 50px;
   display: inline-block;
   position: relative;
   left: -10px;
 }



 .stageheader {
   background-image: url("/common/img/gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border-top: var(--border);
   font-family: var(--ff-title);
   font-size: 38px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: block;
   position: static;
   margin: 0;
   padding: 0 20px 0 0;
   height: var(--header-h);
   width: var(--header-w);
   clear: both;
 }

 .stagebody .enemyarea {
   height: 250px;
   width: 318px;
   display: inline-block;
   margin: 0;
   padding: 0;
   text-align: center;
   position: relative;
   float: left;
 }

 .stagebody .enemyarea img {
   height: 170px;
   border: var(--border);
   box-shadow: 4px 4px 1px var(--c-black);
   transform: scale(1.0);
 }

 .stagebody .helper2 {
   bottom: 52px;
 }

 .stagebody .enemyarea p {
   color: var(--c-text);
   font-family: var(--ff-header);
   font-size: 44px;
   text-shadow: var(--shadow-text);
   text-align: center;
   position: absolute;
   width: 100%;
   bottom: -6px;
 }

 .stageinfoheader {
   background-image: url("/common/img/gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   border-top: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   font-family: var(--ff-title);
   font-size: 20px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: block;
   position: relative;
   margin: 0;
   padding: 0 20px 0 0;
   height: var(--header-h);
   width: var(--header-w);
   overflow: hidden;
 }

 .stageinfoheader>p {
   margin-top: 8px;
 }

 .stagename {
   background-image: url("/common/img/gamestatheaderbg.png");
   background: var(--g-header), url('/common/img/gamestatheaderbg.png');
   background-repeat: repeat-x;
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 38px;
   text-shadow: var(--shadow-text);
   text-align: right;
   display: inline-block;
   float: left;
   position: relative;
   left: -10px;
   margin: 0;
   padding: 0 20px;
   height: var(--header-h);
 }

 .stageinfo {
   background-image: url("/common/img/footer.png");
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 15px, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.8) 100%), url("/common/img/footer.png");
   border-top: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   display: inline-block;
   padding: 0;
   margin: 0;
   height: 250px;
   width: 956px;
   overflow: hidden;
   clear: both;
 }

 .stagebio,
 .bonusstagebio {
   height: 100%;
   padding: 0;
   margin: 0;
   display: inline-block;
   float: left;
 }

 .stagebio {
   width: 300px;
 }

 .bonusstagebio {
   width: 550px;
 }

 .stagescreen {
   width: 406px;
   height: 100%;
   padding: 0;
   margin: 0;
   position: relative;
   display: inline-block;
   float: left;
   overflow-x: hidden;
   text-align: center;
 }

 .stagescreen img {
   position: relative;
   border: var(--border);
   box-shadow: 4px 4px 1px var(--c-black);
   bottom: -16px;
   max-height: 216px;
   max-width: 368px;
 }

 .stagestars {
   width: 180px;
   height: 50px;
   display: inline-block;
   position: relative;
   left: -10px;
 }

 .stagewaveheader {
   background-image: url("/common/img/hborder2.png");
   background: var(--g-header), url('/common/img/hborder2.png');
   background-repeat: repeat-x;
   border-top: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   display: block;
   margin: 0;
   padding: 0;
   height: 23px;
   width: 956px;
   clear: both;
   font-family: var(--ff-title);
   font-size: 20px;
   text-shadow: var(--shadow-text-sm);
   text-align: center;
   color: var(--c-text);
 }

 .stagewaverow {
   width: 936px;
   border-top: var(--border);
   border-left: var(--border);
   border-right: var(--border);
   display: block;
   position: relative;
   overflow: hidden;
   padding: 10px;
   background-image: url("/common/img/footer.png");
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 15px, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0.8) 100%), url("/common/img/footer.png");
 }

 .stagewavecard {
   display: inline-block;
   padding: 0;
   margin: 4px;
   position: relative;
   float: left;
 }

 .stagewavecard img {
   transform: scale(0.9);
   border: var(--border);
   box-shadow: 4px 4px 1px var(--c-black);
 }

 .stagewavecard p {
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 27px;
   text-shadow: var(--shadow-text);
   text-align: center;
   position: absolute;
   bottom: 6px;
   right: 4px;
   background-color: rgba(0, 0, 0, 0.8);
 }

 .stagewavehelper {
   height: 125px;
   display: table-cell;
   vertical-align: bottom;
 }

 .itemarea {
   height: 250px;
   width: 191px;
   display: inline-block;
   margin: 0;
   padding: 0;
   text-align: center;
   position: relative;
   float: left;
 }

 .itemarea img {
   border: var(--border);
   box-shadow: 4px 4px 1px var(--c-black);
 }

 p.itemname {
   color: var(--c-text);
   font-family: var(--ff-header);
   font-size: 34px;
   text-shadow: var(--shadow-text);
   text-align: center;
   position: absolute;
   width: 100%;
   bottom: 50px;
 }

 p.itemtype {
   color: var(--c-text);
   font-family: var(--ff-header);
   font-size: 28px;
   text-shadow: 3px 3px var(--c-black);
   text-align: center;
   position: absolute;
   width: 100%;
   bottom: 27px;
   z-index: 11;
 }

 p.itemdescription {
   color: var(--c-text);
   font-family: var(--ff-story);
   font-size: 16px;
   text-shadow: var(--shadow-text-sm);
   text-align: center;
   line-height: 110%;
   position: relative;
   margin-right: 10px;
   margin-left: 10px;
   width: 171px;
   bottom: -210px;
 }

 .itemhelper {
   width: 100%;
   text-align: center;
   position: absolute;
   bottom: 98px;
 }



 .mediaarea {
   height: 250px;
   width: 318px;
   display: inline-block;
   margin: 0;
   padding: 0;
   text-align: center;
   position: relative;
   float: left;
 }

 .mediaarea img {
   border: var(--border);
   box-shadow: 4px 4px 1px var(--c-black);
   max-width: 300px;
   max-height: 220px;
   margin-top: 10px;
   cursor: -webkit-zoom-in;
 }

 .videohelper:before {
   content: url(/common/img/mediapbutton.png);
   opacity: 0.4;
   position: absolute;
   top: 50px;
   left: 110px;
   transition: all .5s ease-in-out;
   cursor: pointer;
 }

 .videohelper:hover:before {
   opacity: 1.0;
 }

 .mediabodyhelper {
   width: 318px;
   height: 250px;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
 }

 .videohelper {
   width: 318px;
   height: 250px;
   display: table-cell;
   text-align: center;
   vertical-align: top;
 }

 .mediabody .mediaarea p {
   color: var(--c-text);
   font-family: var(--ff-header);
   font-size: 40px;
   text-shadow: var(--shadow-text);
   text-align: center;
   position: absolute;
   width: 100%;
   bottom: -10px;
 }



 .gamenav {
   background-color: var(--c-black);
   display: block;
   margin: 0 auto;
   padding: 0;
   height: 250px;
   width: var(--page-w);
   z-index: 1000;
 }

 .gamenavleft {
   display: inline-block;
   float: left;
 }

 .gamenavtitle {
   background-color: var(--c-bg);
   border: var(--border);
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 70px;
   text-align: center;
   text-shadow: 10px 6px var(--c-black);
   display: table-cell;
   margin: 0;
   padding: 0;
   vertical-align: middle;
   position: relative;
   height: 140px;
   width: 576px;
   text-transform: uppercase;
 }

 .aka {
   font-family: var(--ff-title);
   font-size: 20px;
   text-align: right;
   text-shadow: var(--shadow-text-sm);
   position: absolute;
   display: table-cell;
   right: 5px;
   bottom: 5px;
 }

 .aka img {
   bottom: -5px;
   position: relative;
 }

 .gamenavplatform {
   background-image: url('/common/img/vborder2.png');
   background-image: var(--g-active), url('/common/img/vborder2.png');
   border-bottom-right-radius: 80px;
   border-bottom: var(--border);
   border-right: var(--border);
   box-shadow: 2px 2px 2px var(--c-black);
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 18px;
   text-align: center;
   text-shadow: var(--shadow-text-sm);
   display: table-cell;
   position: absolute;
   margin: 0;
   padding: 4px 16px 4px 10px;
   vertical-align: text-bottom;
   height: 20px;
   top: 0;
 }

 .gamenavdevbar {
   background-image: url('/common/img/vborder2.png');
   background-image: var(--g-active), url('/common/img/vborder2.png');
   border-bottom: var(--border);
   border-right: var(--border);
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 14px;
   text-align: center;
   text-shadow: var(--shadow-text-sm);
   display: table-cell;
   vertical-align: middle;
   margin: 0;
   padding: 4px 6px 0 6px;
   height: 22px;
 }

 .gamenavdev {
   border-right: var(--border);
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 16px;
   text-align: left;
   text-shadow: var(--shadow-text-sm);
   display: table-cell;
   vertical-align: middle;
   margin: 0;
   padding-left: 6px;
   padding-right: 15px;
   padding-bottom: 0;
   height: 24px;
   min-width: 110px;
 }

 .gamenavdev:last-child {
   border: none;
 }

 .gamenavdev img,
 .gamestattext img {
   float: left;
   margin-right: 6px;
   position: relative;
   top: -3px;
 }

 .gamenavdev div {
   display: inline-block;
   position: relative;
   float: left;
   height: 20px;
   margin-left: 10px;
 }

 .gamestattext div {
   display: inline-block;
   position: relative;
   float: right;
   height: 20px;
   margin-left: 10px;
   font-size: 16px;
   padding-top: 4px;
 }

 .gamenavdev div:first-child {
   margin-left: 0;
 }

 .gamenavalsobar {
   background: linear-gradient(to bottom, rgba(38, 27, 196, 1) 0%, rgba(91, 135, 255, 1) 32%, rgba(38, 27, 196, 1) 89%, rgba(38, 27, 196, 1) 100%);
   border-bottom: var(--border);
   border-right: var(--border);
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 14px;
   text-align: center;
   text-shadow: var(--shadow-text-sm);
   display: table-cell;
   margin: 0;
   padding-top: 4px;
   height: 22px;
   width: 62px;
 }

 .gamenavalso {
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 16px;
   text-align: left;
   text-shadow: var(--shadow-text-sm);
   display: table-cell;
   margin: 0;
   padding: 3px 5px 0 6px;
   height: 24px;
   width: 200px;
 }

 .gamenavinfo {
   background-image: url('/common/img/vborder.png');
   background-image: linear-gradient(to bottom, rgba(122, 122, 122, 0.8) 0%, rgba(255, 255, 255, 0) 15%, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0.8) 100%), url('/common/img/vborder.png');
   border-left: var(--border);
   border-right: var(--border);
   display: block;
   margin: 0;
   padding: 0;
   width: 576px;
 }

 .gamenavtabs {
   display: flex;
   background-color: var(--c-bg-nav);
   border-bottom: var(--border);
   position: relative;
   margin: 0;
   padding: 0;
   height: 76px;
   width: 580px;
 }

 .gamenavtabs>input {
   background-color: var(--c-black);
   position: absolute;
   z-index: 1000;
   width: 114px;
   height: 76px;
   left: 0;
   opacity: 0;
   top: 2px;
   cursor: pointer;
   padding: 0;
   margin: 0;
 }

 #tab-3 {
   width: 114px;
 }

 .gamenavtabs input#tab-1 {
   left: 0;
 }

 .gamenavtabs input#tab-2 {
   left: 114px;
 }

 .gamenavtabs input#tab-3 {
   left: 228px;
 }

 .gamenavtabs input#tab-4 {
   left: 342px;
 }

 .gamenavtabs input#tab-5 {
   left: 456px;
 }

 .gamenavtabs>label {
   background-image: url('/common/img/vborder.png');
   background-image: linear-gradient(to bottom, rgba(122, 122, 122, 0.8) 0%, rgba(255, 255, 255, 0) 15px, rgba(0, 0, 0, 0) 61px, rgba(0, 0, 0, 0.8) 100%), url('/common/img/vborder.png');
   color: var(--c-text);
   border-right: var(--border);
   border-top: var(--border);
   font-family: var(--ff-title);
   font-size: 20px;
   text-shadow: var(--shadow-text-sm);
   text-align: center;
   vertical-align: bottom;
   display: inline-block;
   margin: 0;
   padding: 0;
   height: 76px;
   width: 114px;
   position: relative;
   transition: all ease-out 0.5s 0.4s;
 }

 #tab-1,
 #gamebutton,
 #tab-5,
 #mediabutton {
   width: 113px;
 }

 #gamebutton {
   border-left: var(--border);
 }

 .gamenavtabs>input:hover+label>img.gamenavicon,
 .gamenavtabs>input:checked+label>img.gamenavicon {
   opacity: 1;
 }

 .gamenavtabs>input:checked+label {
   background-image: url('/common/img/vborder3.png');
   background-image: linear-gradient(to bottom, rgba(122, 122, 255, 0.8) 0%, rgba(200, 200, 255, 0) 15px, rgba(0, 0, 0, 0) 61px, rgba(0, 0, 100, 0.8) 100%), url('/common/img/vborder3.png');
   z-index: 6;
 }

 /* Disabled tabs: no hover, no interaction */
 .gamenavtabs>input:disabled+label {
   pointer-events: none;
   opacity: 1;
 }

 .gamenavtabs>input:disabled+label>img.gamenavicon {
   opacity: 0 !important;
 }

 .gamenavtabs>input:disabled:checked+label {
   background-image: url('/common/img/vborder.png');
   background-image: linear-gradient(to bottom, rgba(122, 122, 122, 0.8) 0%, rgba(255, 255, 255, 0) 15px, rgba(0, 0, 0, 0) 61px, rgba(0, 0, 0, 0.8) 100%), url('/common/img/vborder.png');
   z-index: auto;
 }

 input.tab-selector-1:checked~.content .gamebody,
 input.tab-selector-2:checked~.content .fightersbody,
 input.tab-selector-3:checked~.content .enemybody,
 input.tab-selector-4:checked~.content .stagebody,
 input.tab-selector-5:checked~.content .mediabody {
   z-index: 6;
   opacity: 1;
 }

 .content {
   width: var(--page-w);
   z-index: 5;
   margin: 0 auto;
   padding: 0;
   display: block;
 }

 .fightercontent {
   width: 956px;
   z-index: 5;
   margin: 0 auto;
   padding: 0;
   display: block;
 }

 .gamebody {
   width: var(--page-w);
   transition: all .5s ease-in-out;
   display: block;
   margin: 0 auto;
 }

 .fightersbody {
   width: 956px;
   transition: all .5s ease-in-out;
   display: block;
   margin: 0 auto;
   border-left: var(--border);
   border-right: var(--border);
 }

 .enemybody {
   width: 956px;
   transition: all .5s ease-in-out;
   display: block;
   background-color: var(--c-black);
   background-repeat: no-repeat;
   border-right: var(--border);
   border-left: var(--border);
   margin: 0 auto;
 }

 .stagebody,
 .mediabody {
   width: 956px;
   transition: all .5s ease-in-out;
   display: block;
   background-color: var(--c-bg-darker);
   margin: 0 auto;
   border-left: var(--border);
   border-right: var(--border);
 }

 img.gamenavicon {
   position: absolute;
   left: 24px;
   top: 2px;
   transition: all .5s ease-in-out;
   opacity: 0;
 }

 img.gamenaviconoff {
   position: absolute;
   left: 24px;
   top: 2px;
 }

 #fighterbutton img {
   left: 20px;
 }

 .gamenavtabtext {
   position: absolute;
   top: 50px;
   z-index: 100;
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 20px;
   text-shadow: var(--shadow-text-sm);
   text-align: center;
   vertical-align: bottom;
   display: table-cell;
   margin: 0 auto;
   padding: 0;
   width: 100%;
 }

 .gamenavright {
   display: inline-block;
   float: right;
   height: 200px;
   width: 378px;
   margin: 0;
   padding: 0;
   border-bottom: var(--border);
   border-right: var(--border);
   border-top: var(--border);
 }

 .gametv {
   background-color: var(--c-black);
   border-bottom: var(--border);
   border-right: var(--border);
   display: inline;
   float: left;
   margin: 0;
   padding: 0;
   height: 200px;
   width: 378px;
 }

 .gamenav .gamehbar {
   background-image: url("/common/img/hborder2.png");
   background: var(--g-header), url('/common/img/hborder2.png');
 }

 .musicarea {
   border-top: var(--border);
   width: 876px;
   margin: 0;
   padding: 40px;
 }



 #slideshow-wrap {
   display: inline;
   height: 200px;
   width: 324px;
   margin: 0;
   border-left: var(--border);
   border-right: var(--border);
   border-bottom: var(--border);
   margin-bottom: 0;
   position: relative;
   float: left;
 }

 #slideshow-inner {
   margin-top: 0;
   width: 100%;
   height: 100%;
   background-color: rgb(44, 44, 44);
   overflow: hidden;
   position: relative;
 }

 #slideshow-inner>ul {
   list-style: none;
   height: 100%;
   width: 500%;
   overflow: hidden;
   position: relative;
   -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
   -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
   -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
   transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
 }

 #slideshow-inner>ul>li {
   width: 20%;
   height: 320px;
   float: left;
   position: relative;
 }

 #slideshow-inner>ul>li>img {
   margin: auto;
   height: 204px;
   width: 324px;
 }

 #slideshow-wrap input[type=radio] {
   position: absolute;
   left: 50%;
   bottom: 15px;
   z-index: 100;
   visibility: hidden;
 }

 #slideshow-wrap label:not(.arrows):not(.show-description-label) {
   position: absolute;
   left: 50%;
   bottom: -26px;
   z-index: 100;
   width: 64px;
   height: 25px;
   background-image: url('/common/img/vborder.png');
   background-image: var(--g-header), url('/common/img/vborder.png');
   color: var(--c-text-dim);
   text-shadow: var(--shadow-text-sm);
   font-size: 24px;
   font-family: var(--ff-title);
   text-align: center;
   border-left: var(--border);
   cursor: pointer;
   -webkit-transition: background-color .2s;
   -moz-transition: background-color .2s;
   -o-transition: background-color .2s;
   transition: background-color .2s;
   padding: 0;
 }

 #slideshow-wrap label:not(.arrows):active {
   bottom: -26px;
 }

 #slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1],
 #slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2],
 #slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3],
 #slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4],
 #slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5] {
   background: var(--g-active), url('/common/img/vborder2.png');
   color: var(--c-text);
 }

 #slideshow-wrap label[for=button-1] {
   margin-left: -164px;
 }

 #slideshow-wrap label[for=button-2] {
   margin-left: -99px;
 }

 #slideshow-wrap label[for=button-3] {
   margin-left: -34px;
 }

 #slideshow-wrap label[for=button-4] {
   margin-left: 31px;
 }

 #slideshow-wrap label[for=button-5] {
   margin-left: 96px;
   border-right: var(--border);
 }

 #slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul {
   left: 0;
 }

 #slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul {
   left: -100%;
 }

 #slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul {
   left: -200%;
 }

 #slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul {
   left: -300%;
 }

 #slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul {
   left: -400%;
 }

 label.arrows {
   font-family: 'WebSymbolsRegular';
   font-size: 25px;
   color: rgb(255, 255, 240);
   position: absolute;
   top: 50%;
   margin-top: -25px;
   display: none;
   opacity: 0.7;
   cursor: pointer;
   z-index: 1000;
   background-color: transparent;
   -webkit-transition: opacity .2s;
   -moz-transition: opacity .2s;
   -o-transition: opacity .2s;
   transition: opacity .2s;
   text-shadow: 0 0 3px rgba(0, 0, 0, .8);
 }

 input[type=radio]#button-1:checked~.arrows#arrow-2,
 input[type=radio]#button-2:checked~.arrows#arrow-3,
 input[type=radio]#button-3:checked~.arrows#arrow-4,
 input[type=radio]#button-4:checked~.arrows#arrow-5 {
   right: -55px;
   display: block;
 }

 input[type=radio]#button-2:checked~.arrows#arrow-1,
 input[type=radio]#button-3:checked~.arrows#arrow-2,
 input[type=radio]#button-4:checked~.arrows#arrow-3,
 input[type=radio]#button-5:checked~.arrows#arrow-4 {
   left: -55px;
   display: block;
   transform: scaleX(-1);
 }

 input[type=radio]#button-2:checked~.arrows#arrow-1 {
   left: -19px;
 }

 input[type=radio]#button-3:checked~.arrows#arrow-2 {
   left: -37px;
 }

 input[type=radio]#button-5:checked~.arrows#arrow-4 {
   left: -73px;
 }

 #search {
   width: 260px;
   height: 25px;
   padding-left: 10px;
   padding-right: 8px;
   position: absolute;
   top: 10px;
   right: 40px;
 }

 #searchbox {
   background: var(--g-cell), url('/common/img/vborder.png');
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 16px;
   width: 260px;
   height: 25px;
   padding-left: 10px;
   padding-right: 8px;
   position: absolute;
   top: 0;
   right: 0;
   border-top-left-radius: 25px;
   border-bottom-left-radius: 25px;
   border: 2px solid var(--c-text);
   box-shadow: var(--shadow-box);
   text-transform: uppercase;
 }

 #searchbutton {
   background: var(--g-cell), url('/common/img/vborder.png');
   width: 30px;
   height: 25px;
   position: absolute;
   top: 0;
   right: -32px;
   border-top-right-radius: 25px;
   border-bottom-right-radius: 25px;
   border: 2px solid var(--c-text);
   box-shadow: var(--shadow-box);
   cursor: pointer;
 }

 #searchbutton:hover {
   background: var(--g-active), url('/common/img/vborder2.png');
 }

 #searchbutton img {
   padding-top: 2px;
   padding-left: 3px;
 }

 .ui-autocomplete {
   color: var(--c-red);
   width: 230px;
   margin-left: 10px;
   list-style-type: none;
   z-index: 1000000000000;
   padding-left: 10px;
   padding-right: 10px;
 }

 .ui-autocomplete li {
   background: var(--g-cell), url('/common/img/vborder.png');
   width: 256px;
   height: 20px;
   border-left: 2px solid var(--c-text);
   border-right: 2px solid var(--c-text);
   border-bottom: 2px solid var(--c-text);
   box-shadow: var(--shadow-box);
   cursor: pointer;
   color: var(--c-text);
   font-family: var(--ff-title);
   font-size: 16px;
   text-shadow: var(--shadow-text);
   padding-left: 10px;
   padding-top: 2px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }

 .ui-autocomplete li:hover {
   background: var(--g-active), url('/common/img/vborder2.png');
 }

 ul.ui-autocomplete li.ui-menu-item:last-child {
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
 }

 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus {
   background: var(--g-active), url('/common/img/vborder2.png');
 }



 .gamereview {
   background-image: url("/common/img/footer.png");
   background-image: var(--g-footer), url("/common/img/footer.png");
   border: var(--border);
   display: flex;
   overflow: hidden;
   padding: 0;
   margin: 0;

   width: 956px;
   position: relative;
 }

 .gamereview .bubble {
   width: auto;
   position: static;
   padding-top: 20px;
 }

 .gamereview img.bubblearrow {
   left: 652px !important;
 }

 .gamereview .bubblemiddle,
 .gamereview .bubbletop,
 .gamereview .bubblebottom {
   width: 423px;
 }

 .gamereview .bubbletop {
   background-image: url(/common/img/revtop.png);
   width: 423px;
   height: 26px;
   display: block;
   padding: 0;
   margin: 0;
   position: relative;
 }

 .gamereview .bubblemiddle {
   background-image: url(/common/img/revmiddle.png);
 }

 .gamereview .bubblemiddle:before {
   content: "";
   clear: both;
 }

 .gamereview .bubblemiddle p {
   margin: auto;
   font-family: var(--ff-oswald);
   font-size: 17px;
   text-shadow: var(--shadow-text);
   color: var(--c-text);
   text-align: center;
   line-height: 22px;
   padding: 0 32px 10px 26px;
 }

 .gamereview .bubblebottom {
   background-image: url(/common/img/revbottom.png);
   width: 423px;
   height: 31px;
   display: block;
   padding: 0;
   margin: 0;
   position: relative;
 }

 .gamereview .fighterstattype,
 .gamereview .fighterstars {
   height: 49px;
 }

 .gamereview .fighterstattype {
   width: 86px;
   padding-left: 18px;
 }

 .gamereview .fighterstattypetext {
   padding: 13px 0;
   font-size: 20px;
 }

 img.smallslam {
   position: absolute;
   left: 708px;
   top: 28px;
 }

 .bubble {
   width: 423px;
   position: relative;
   top: 18px;
   left: 264px;
 }

 .bubbletop {
   background-image: url("/common/img/revtop.png");
   width: 423px;
   height: 26px;
   display: block;
   padding: 0;
   margin: 0;
   position: relative;
 }

 .bubblemiddle {
   background-image: url("/common/img/revmiddle.png");
   width: 423px;
   min-height: 162px;
   display: block;
   padding: 0;
   margin: 0;
   position: relative;
   background-repeat: repeat-y;
 }

 .bubblemiddle p {
   margin: auto;
   font-family: var(--ff-oswald);
   font-size: 17px;
   text-shadow: var(--shadow-text);
   color: var(--c-text);
   text-align: center;
   line-height: 22px;
   padding: 0 32px 10px 26px;
 }

 .bubblebottom {
   background-image: url("/common/img/revbottom.png");
   width: 423px;
   height: 31px;
   display: block;
   padding: 0;
   margin: 0;
   position: relative;
 }

 img.bubblearrow {
   position: absolute;
   left: 652px !important;
   top: 50% !important;
   transform: translateY(-50%);
 } 

 
a:link   { color: var(--c-red);      text-decoration: none; }
a:visited{ color: var(--c-dark-red);  text-decoration: none; }
a:hover  { color: var(--c-light-red); }
a:active { color: var(--c-magenta);   text-decoration: none; }

a.try:link { color: var(--c-white); text-decoration: none; }

 
.newsheader {
  background-image: url("/common/img/contactheader.png");
  background: var(--g-header), url('/common/img/contactheader.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border: var(--border);
  font-family: var(--ff-title);
  font-weight: 400;
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: var(--header-h);
  width: var(--header-w);
  text-transform: uppercase;
}

 
.greetingarea {
  width: var(--content-w);
  height: 600px;
  transition: all .5s ease-in-out;
  display: block;
  background-color: var(--c-black);
  background-image: url("/common/img/contactg.png");
  background-image: var(--g-greeting), url("/common/img/contactg.png");
  background-repeat: no-repeat;
  margin: 0 auto;
  border-left: var(--border);
  border-right: var(--border);
  position: relative;
}


.greetingarea.contact {
  background-image: url("/common/img/contactg.png");
  background-image: var(--g-greeting), url("/common/img/contactg.png");
}

.greetingtext {
  width: 290px;
  height: 280px;
  position: absolute;
  left: 82px;
  top: 82px;
  font-family: var(--ff-oswald);
  font-size: 21px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
}

.greetingtext2 {
  width: 823px;
  height: 100px;
  position: absolute;
  left: 66px;
  top: 431px;
  font-family: var(--ff-oswald);
  font-size: 24px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
}

 
img.bubblearrow {
  position: absolute;
  left: 656px;
  top: 128px;
}

 
.gamefooterborder {
  background-image: url("/common/img/contactheader.png");
  background: var(--g-header), url('/common/img/contactheader.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border: var(--border);
  font-family: var(--ff-title);
  font-weight: 400;
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  position: static;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: var(--header-h);
  width: var(--header-w);
  clear: both;
}

.gamefooterborder.contact {
  background-image: url("/common/img/contactheader.png");
  background: var(--g-header), url('/common/img/contactheader.png');
}

 
img.tryimg {
  border: var(--border);
  margin: 0 auto;
  margin-top: 0;
  box-shadow: 8px 8px 1px var(--c-black);
  display: block;
  height: 146px;
  width: 250px;
} 

 
.variant-news a:link   { color: var(--c-red);      text-decoration: none; }
.variant-news a:visited{ color: var(--c-dark-red);  text-decoration: none; }
.variant-news a:hover  { color: var(--c-light-red); }
.variant-news a:active { color: var(--c-magenta);   text-decoration: none; }

a.games:link   { color: var(--c-cyan-text); text-decoration: none; }
a.contact:link { color: var(--c-magenta); text-decoration: none; }
a.about:link   { color: var(--c-green);  text-decoration: none; }

.newsheader {
  background-image: url("/common/img/newsheader.png");
  background: var(--g-header), url('/common/img/newsheader.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border: var(--border);
  font-family: var(--ff-title);
  font-weight: 400;
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: var(--header-h);
  width: var(--header-w);
  text-transform: uppercase;
}

 
.greetingarea {
  width: var(--content-w);
  height: 600px;
  transition: all .5s ease-in-out;
  display: block;
  background-color: var(--c-black);
  background-image: url("/common/img/greeting.png");
  background-image: var(--g-greeting), url("/common/img/greeting.png");
  background-repeat: no-repeat;
  margin: 0 auto;
  border-left: var(--border);
  border-right: var(--border);
  position: relative;
}

.greetingtext {
  width: 290px;
  height: 280px;
  position: absolute;
  left: 82px;
  top: 82px;
  font-family: var(--ff-oswald);
  font-size: 24px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
}

.greetingtext2 {
  width: 823px;
  height: 100px;
  position: absolute;
  left: 66px;
  top: 456px;
  font-family: var(--ff-oswald);
  font-size: 24px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
}

img.bubblearrow {
  position: absolute;
  left: 656px !important;
  top: 128px;
}

 
.variant-news .gamefooterborder {
  background-image: url("/common/img/newsheader.png");
  background: var(--g-header), url('/common/img/newsheader.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border: var(--border);
  font-family: var(--ff-title);
  font-weight: 400;
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  position: static;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: var(--header-h);
  width: var(--header-w);
  clear: both;
}

.linksarea {
  width: var(--content-w);
  background-color: var(--c-black);
  border-left: var(--border);
  border-right: var(--border);
  border-bottom: var(--border);
  margin: 0 auto;
  padding: 20px 40px;
  font-family: var(--ff-oswald);
  font-size: 20px;
  line-height: 32px;
  text-shadow: var(--shadow-text-sm);
  color: var(--c-text);
  max-width: 960px;
  width: 100%;
  box-sizing: border-box;
  background: var(--c-cell), url(/common/img/vborder.png)
}

.linksarea ul {
  list-style: disc;
  padding-left: 24px;
  margin: 0;
}

.linksarea li {
  margin-bottom: 8px;
}

.linksarea a {
  word-break: break-word;
}

  

 
.variant-about a:link   { color: var(--c-green);       text-decoration: none; }
.variant-about a:visited{ color: var(--c-dark-green);  text-decoration: none; }
.variant-about a:hover  { color: var(--c-light-green); }
.variant-about a:active { color: var(--c-cyan-link);   text-decoration: none; }

a.try:link { color: var(--c-white); text-decoration: none; }

 
.aboutheader {
  background-image: url("/common/img/aboutheader.png");
  background: var(--g-header), url('/common/img/aboutheader.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border: var(--border);
  font-family: var(--ff-title);
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: var(--header-h);
  width: var(--header-w);
}

 
.qbubble {
  width: 673px;
  position: relative;
  top: 18px;
  left: 264px;
}

.qbubbletop {
  background-image: url("/common/img/qbubbletop.png");
  width: 673px;
  height: 26px;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

.qbubblemiddle {
  background-image: url("/common/img/qbubblemiddle.png");
  width: 673px;
  min-height: 118px;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  background-repeat: repeat-y;
}
.qbubblemiddle p {
  margin: auto;
  font-family: var(--ff-oswald);
  font-size: 23px;
  text-shadow: var(--shadow-text);
  color: var(--c-text);
  text-align: center;
  line-height: 36px;
  padding: 0 32px 10px 26px;
}

.qbubblebottom {
  background-image: url("/common/img/qbubblebottom.png");
  width: 673px;
  height: 31px;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
}

img.smallq {
  position: absolute;
  left: 10px;
  top: -4px;
}

img.qbubblearrow {
  position: absolute;
  left: 238px;
  top: 96px;
}

 
.variant-about .gamefooterborder {
  background-image: url("/common/img/aboutheader.png");
  background: var(--g-header), url('/common/img/aboutheader.png');
  background-repeat: repeat-x;
  color: var(--c-text);
  border: var(--border);
  font-family: var(--ff-title);
  font-weight: 400;
  font-size: 38px;
  text-shadow: var(--shadow-text);
  text-align: right;
  display: block;
  position: static;
  margin: 0 auto;
  padding: 0 20px 0 0;
  height: var(--header-h);
  width: var(--header-w);
  clear: both;
}