*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: var(--bg-color);
  font-size: var(--text-m);
  font-family: var(--font-body);
  font-weight: 400;
  overflow-x: hidden;
}

#body-container {
  position: relative;
  margin: auto;
  border-top: 0px;
  border-bottom: 0px;
}

.container {
  margin: auto;
  width: var(--size-xl);
  border-top: 0px;
  border-bottom: 0px;
}

#main {
	display:grid;
	grid-gap: var(--grid-gap);
}

:root {
  /* Space - Sizes */
  --spacing: clamp(1.25rem, calc(0.875rem + 0.78125vw), 1.5rem);
  --spacing-s: 0.75rem;
  --spacing-xs: 0.5rem;
  --spacing-xxs: 0.25rem;
  --spacing-l: 1.5rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 5rem;

  --grid-gap: var(--spacing);

  --primary-color: hsl(213, 64%, 77%);
  --bg-color-lightest: hsl(213, 12%, 28%);
  --bg-color: #131313;
  --bg-color-darker: hsl(213, 12%, 14%);
  --bg-color-content: hsl(0, 0%, 8%);
  --border-color: hsl(0, 0%, 19%);
  --border-color-light: hsl(0, 0%, 78%);
  --notice-bg-color: hsl(253, 75%, 45%);
  --clr-action: hsl(0, 0%, 22%);
  --navbar-bg-hover: hsl(0, 0%, 10%);
  --focus-color: hsl(207, 79%, 42%);
  
  --clr-text: hsl(0, 0%, 64%);
  --clr-text-dark: #333;
  --clr-heading: hsl(0, 0%, 100%);
  --clr-bold: hsl(0, 0%, 100%);
  
  --white: hsl(0, 0%, 100%);
  --black: hsl(0, 0%, 0%);

  --font-fallback: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --font-body: Inter, system-ui, sans-serif, var(--font-fallback);

  --text-xxs: 0.4rem;
  --text-xs: 0.7rem;
  --text-s: 0.8rem;
  --text-m: 1rem;
  --text-l: 18px;
  --text-xl: 2rem;
  --text-xxl: 3rem;

  --weight-m: 400;
  --weight-l: 700;
  
  --border-radius: 8px;
  --border-radius-xl: 24px;
  
  --transition: all 0.5s ease 0s;
  --transform: scale(1.05);
  
  --size-s: 576px;
  --size-m: 768px;
  --size-l: 910px;
  --size-xl: 1200px;
  --size-xxl: 1400px; 
}

.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-stretch { align-items: stretch; }
.items-baseline { align-items: baseline; }
.justify-center { justify-content: center; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.gap-1 {
  gap: var(--spacing-xs);
}
.gap-2 {
  gap: var(--spacing-s);
}

.gap-3 {
  gap: var(--spacing);
}

.gap-4 {
  gap: var(--spacing-l);
}

.text-xxs {
    font-size: var(--text-xxs);
}

.text-xs {
    font-size: var(--text-xs);
}

.text-s {
    font-size: var(--text-s);
}

.text-m {
    font-size: var(--text-m);
}

.border-none,
.border-none:hover {
  border: none !important;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 {
  font-size: var(--text-xxl);
}

h2 {
  font-size: var(--text-xl);
}

h3 {
  font-size: var(--text-l);
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: var(--text-m);
}

.mb {
  margin-bottom: var(--spacing);
}

.mb-0 {
  margin-bottom: 0 !important;
}

.nb-top {
  border-top: 0 !important;
}

.nb-bottom {
  border-bottom: 0 !important;
}

.flex-space-between {
  justify-content: space-between;
}

.flex-space-around {
  justify-content: space-around;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.balance {
  text-wrap: balance;
}

.rounded {
	border-radius: var(--border-radius);
}

.spacing-x {
	padding-left: var(--spacing);
	padding-right: var(--spacing);
}

.spacing-xs {
	padding-left: var(--spacing-s);
	padding-right: var(--spacing-s);
}

.spacing-y {
	padding-top: var(--spacing-l);
	padding-bottom: var(--spacing-l);
}

.spacing-ys {
	padding-top: var(--spacing-s);
	padding-bottom: var(--spacing-s);
}

.grid-split,
.grid-split-big {
  display: grid;
  grid-template-columns: 1fr 350px;
  grid-gap: var(--grid-gap);
}

.grid-split-inverted {
  display: grid;
  grid-template-columns: 350px 1fr;
  grid-gap: var(--grid-gap);
}

.text-muted {
  opacity: 0.80;
}

.text-center {
  text-align: center;
}

.bold {
  font-weight: var(--weight-l);
  color: hsl(0, 0%, 100%);
}

.justify {
  text-align: justify;
}

.lh {
  line-height: 1.5;
}

small {
  font-size: var(--text-s);
}

.small {
  font-size: var(--text-xs);
  text-transform: uppercase;
  font-weight: var(--weight-l);
}

.full-screen-width {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  width: 100vw;
}

.wide {
  max-width: 1200px;
}

.white {
	color: #fff !important;
}

.purple {
	background: #5200ffe6 !important;
}

.green {
	background: rgb(60 255 208) !important;
}

.main-content {
  display: grid;
  grid-gap: var(--grid-gap);
  align-content: start;

}

.clickeable-parent {
  position: static;
}

.clickeable-parent::before {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  z-index: 1;
}

.table-img {
  width: 5%;
  margin-right: var(--spacing-s);
}

.img-thumbnail-box {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: var(--border-radius);
  display: block;
}

.table-title {
  font-size: var(--text-s);
  text-wrap: balance;
}

.table-score {
  width: 5%;
}

.score {
  display: flex;
  font-weight: var(--weight-l);
  color: #333;
  align-items: center;
  justify-content: center;
}

.score-sm {
  font-size: var(--text-s);
  border-radius: var(--border-radius);
  padding: var(--spacing-xxs);
  width: 38px;
}

.score-lg {
  font-size: 22px;
  padding: var(--spacing-xs);
  width: 44px;
  height: 44px;
  line-height: 44px;
}

.score a:link {
  color: var(--clr-text-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xxs);
}

.score a:visited {
  color: var(--clr-text-dark);
}

.table td {
  padding: var(--spacing-xxs) var(--spacing-xxs) var(--spacing-xxs) 0;
}

.table td:last-child {
  padding-right: 0;
}

.new-listing {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--spacing-s);
  padding: var(--spacing-s);
  border-top: 0;
  border-left: 3px solid var(--border-color);
  border-right: 3px solid var(--border-color);
  border-bottom: 3px solid var(--border-color);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.content-new {
  display: grid;
  color: var(--clr-text);
  grid-template-columns: 1fr;
  column-gap: var(--spacing-s);
  padding: var(--spacing-s);
}

.content-new img {
  display: block;
}

.content-new-top {
  color: #fff;
  font-weight: var(--weight-l);
  font-size: var(--text-xs);
  line-height: 1.5;
}

.content-new-bottom {
  color: #fff;
  font-weight: var(--weight-l);
  text-transform: uppercase;
  font-size: var(--text-xs);
  text-align: center;
  line-height: 1.5;
  width: 100%;
}

p {
  margin-top: 0;
  margin-bottom: var(--spacing-s);
}

dl.metadata>dt {
  font-weight: var(--weight-l);
}

dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

ol,
ul,
dl {
  list-style: none;
  list-style-image: none;
  margin-top: 0;
  margin-bottom: 0;
}

a:link,
a:visited {
  color: #ffffff;
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.share-card {
  border: 3px solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--bg-color-content);
  color: #98989E;
}

.share-card__header {
  padding: var(--spacing-s);
  background: var(--bg-color-content);
  border-bottom: 3px solid var(--border-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  text-align: center;
  color: #fff;
}

.share-card__content {
  padding: var(--spacing-s);
  display: flex;
  gap: var(--spacing-s);
  align-items: center;
  justify-content: center;
}

.clear {
  clear: both !important;
  height: 0px !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: none !important;
  float: none !important;
  display: block !important;
}

.hide {
  display: none !important;
}

.para-link {
  display: block !important;
}

.image-replaced {
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
  height: 0;
}

input.image-replaced {
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (height divided by width) */
  border-radius: var(--border-radius);
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Experimental */

.youtube-card {
  border: 3px solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 300px;
}

.youtube-card__media-wrapper {
  height: 70%;
}

.youtube-card__media {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.youtube-card__bottom {
  background-color: #FF0016;
  height: 50%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.youtube-card__socials {
  display: flex;
  color: #fff;
  text-transform: uppercase;
  font-size: var(--text-xs);
  font-weight: var(--weight-l);
  padding: 20px;
}

.youtube-card__content_wrapper {
  position: absolute;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  background: rgba(255, 255, 255, 0);
  border-radius: 8px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(9.4px);
  -webkit-backdrop-filter: blur(9.4px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  max-width: 75%;
}

.youtube-card__content {
  width: 100%;
  min-height: fit-content;
  padding: 20px;
  line-height: 1;
}

.section-split {
	display: flex;
	color: #fff;
	justify-content: space-between;
	align-items: center;
}

.bloody-mimosa {
	background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
}

.not-bloody-mimosa {
	background: linear-gradient(90deg, #009fe3, #7656bc) !important;
}

.youtube-red {
	background: linear-gradient(135deg, rgba(255,0,0,1) 0%, rgba(19,19,19,1) 80%);
}

.youtube-red header p{
	color: #fff !important;
}

.border-red {
    border: 3px solid rgb(255,0,0) !important;
    border-radius: var(--border-radius) !important;
}

.dg-layout__grid {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--spacing);
}

.dg-layout__grid-2 {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--spacing);
}

.dg-layout__item {
  font-size: var(--text-s);
  font-weight: 700;
  display: flex;
  flex-direction: column;
}

.dg-layout__section .dg-layout__pod {
	display: flex;
    flex-direction: column;
    gap: var(--spacing-l);
}

.dg-layout__section .dg-layout__pod header {
	display: flex;
    flex: 2;
        margin-right: 30px;
		justify-content: space-between;
		flex-direction: column;
    }
	
.dg-layout__pod	header p {
    font-size: 85%;
    line-height: 1.3;
    margin: 0;
    color: #999;
}
	
.dg-layout__section .dg-layout__pod-main {
    flex: 5;
}

.top-reviews {
	display: grid;
	gap: var(--spacing-s);
	padding: var(--spacing);
	border-radius: var(--border-radius);
}

.top-reviews h2{
	color: #fff;
}

.top-reviews__item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid rgb(60 255 208);
	padding-bottom: var(--spacing-s);
}

.top-reviews__item-body {
	display: flex;
	flex-direction: column;
}

.top-reviews__item-title {
	font-weight: var(--weight-l);
}

.top-reviews__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.top-retro {
	display: grid;
	gap: var(--spacing-s);
	padding: var(--spacing);
	border-radius: var(--border-radius);
}

.top-retro h2{
	color: #000;
}

.top-retro__item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid #5200ff;
	padding-bottom: var(--spacing-s);
}

.top-retro__item-body {
	display: flex;
	flex-direction: column;
}

.top-retro__item-title {
	font-weight: var(--weight-l);
}

.top-retro__item-title a{
	color: #000;
}

.top-retro__item-platform a{
	font-size: var(--text-s);
	color: #000;
}

.header {
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-l);
  border-bottom: 3px solid var(--border-color);
}

.main-menu {
	display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
	margin-bottom: var(--spacing-s);
}

#topnav {
  background: url(/images/topnav2.gif) no-repeat;
  height: 50px;
}

#topnav2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#currentdate img {
  display: block;
}

.searchbox {
  display: flex;
  gap: var(--spacing-xs);
}

#loginform {
  display: flex;
  gap: var(--spacing-xxs);
  justify-items: center;
}

#loginform img {
  display: block;
  max-height: 35px;
}

.social-icons {
    margin: var(--spacing-s) var(--spacing-xs);
}

.social-icons_svg {
  fill: rgba(255, 255, 255, 0.65);
  transition: var(--transition);
}

.social-icons_svg:hover {
  fill: #fff;
}

a.menutitle {
  padding: 3px 10px 0 0 !important;
}

/* End */

/* The magic */


.section {
  background-color: var(--bg-color-content);
  border-radius: var(--border-radius);
  border: 3px solid var(--border-color);
  color: #98989E;
  display: flex;
  flex-direction: column;
}

.section-title {
  font-weight: var(--weight-l);
  font-size: var(--text-l);
  padding: var(--spacing-s);
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: var(--border-color);
}

.sub-section-title {
  font-weight: var(--weight-l);
  font-size: var(--text-m);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
  padding: var(--spacing-s);
}

.report-a-problem {
  text-align: center;
  border-radius: var(--border-radius);
  overflow: hidden;
}

.report-button {
  cursor: pointer;
  background: var(--bg-color-content);
  border: 3px solid var(--border-color);
  display: inline-block;
  line-height: 1.5;
  font-weight: var(--weight-l);
  padding: var(--spacing-xs);
  width: 100%;
  text-decoration: none;
  transition: var(--transition);
  border-radius: var(--border-radius);
}

.report-button:hover {
  text-decoration: none;
  border-color: var(--white);
  background-color: var(--clr-action);
  border-radius: var(--border-radius);
}

.select {
  display: flex;
  gap: var(--spacing-xs);
}

.custom-select {
  position: relative;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #fff;
  background-color: var(--bg-color);
  background-image: url("http://defunctgames.com/images/down-arrow.svg");
  background-position: right 8px top 50%;
  background-repeat: no-repeat,repeat;
  background-size: 1em auto,100%;
  border: 3px solid var(--border-color);
  border-radius: var(--border-radius);
  font-weight: 400;
  max-width: 100%;
  min-width: 100px;
  padding: var(--spacing-xs);
  text-overflow: ellipsis;
  transition: var(--transition);
}

.custom-select select:hover {
  background-color: var(--border-color);
  background-image: url("http://defunctgames.com/images/down-arrow.svg");
}

.custom-select select:focus {
  background-image: url("http://defunctgames.com/images/down-arrow.svg");
  border-color: #0060df;
  box-shadow: 0 0 0 2px rgba(0,144,237,.5);
  outline: none;
}

.custom-search {
  border: 3px solid var(--border-color);
  border-radius: var(--border-radius);
  background-color: var(--bg-color);
  background-position: 20px center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-image: url(https://www.fotmob.com/img/ic_search@3x.webp);
  padding-left: 56px;
  padding-top: var(--spacing-s);
  padding-bottom: var(--spacing-s);
  appearance: none;
  letter-spacing: 0.2px;
  text-align: left;
  color: var(--clr-text);
  width: 100%;
  transition: var(--transition);
}

.custom-search:focus,
.custom-search:hover {
  background-color: var(--border-color);
  background-position: 20px center !important;
  background-size: 16px !important;
  background-repeat: no-repeat !important;
  background-image: url(https://www.fotmob.com/img/ic_search@3x.webp) !important;
  color: var(--white);
  border-color: var(--white);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s;
}

input[type="submit"] {
  background: var(--bg-color);
  color: #fff;
  padding: var(--spacing-xs);
  border: 3px solid var(--border-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: var(--transition);
}

input[type="submit"]:hover {
  outline: none;
  background-color: var(--border-color);
}

.left_top {
  margin: 0px;
  background: url(/images/left_top595.gif) no-repeat;
  font-size: 0px;
  height: 14px;
}

#left_top-black {
  background: url(/images/left_top-black595.gif) no-repeat;
}

#left_middle-content {
  margin: 0 5px 0 0;
  /*background:url(/images/news!.jpg) no-repeat top right;*/
}

.left_box_large {
  margin: 10px 0 0 10px;
  width: 550px;
  color: #fff;
}

.left_box:first-child {
  margin-top: 0;
}

.left_box {
  margin: 10px 0 0 10px;
  width: 570px;
  color: #fff;
}

.left_box:first-child {
  margin-top: 0;
}

.leftside_box-header {
  font-size: 0px;
  height: 6px;
  background: url(/images/left_inside-top570.gif) no-repeat;
}

.systemarchive {
  height: 205px;
  padding: 0px 10px 0px 70px;
  color: #fff;

  font-weight: bold;
  font-size: 11px;
}

.systemarchive a:link,
.systemarchive a:visited,
.systemarchive a:active,
.systemarchive a:hover {
  color: #fff;
}

.bloglink {
  height: 170px;
  width: 333px;

  padding: 0 10px 0 110px;
  color: #9999ff;

  font-size: 12px;
}

.bloglink2 {
  height: 420px;
  width: 405px;
  padding: 0 10px 0 110px;
  color: #9999ff;

  font-size: 12px;
}

.bloglink3 {
  height: 535px;
  width: 410px;
  padding: 0 10px 0 110px;
  color: #9999ff;

  font-size: 12px;
}

.bloglink4 {
  height: 525px;
  width: 410px;
  padding: 0 10px 0 110px;
  color: #9999ff;

  font-size: 12px;
}

#showslink {
  padding: 0 110px 0 10px;
  text-align: justify;
  color: #ffcc99;
}

.bloglink a:link,
.bloglink a:visited,
.bloglink a:active,
.bloglink a:hover {
  color: #fff;
}

.bloglogo {
  margin: 0 0 10px 0;
}

.bloglogo img {
  border: 0px;
}

.bloglink-full {
  margin: 10px 0 0 0;
  text-align: center;
}

.box-content {
  border: 1px solid #000;
  border-top: 0px;
  background-color: #000;
  border-radius: 0 0 4px 4px;
}

.box-inner {
  padding: 10px;
  line-height: 1.5;
  font-family: Arial, sans-serif;
  text-align: justify;
  font-size: var(--text-l);
}

.box-inner p {
  margin-bottom: 10px;
}

.leftside_box-content {
  padding: 5px 0 5px 0;
  border: 1px solid #000;
  border-top: 0px;
  border-bottom: 0px;
  background-color: #000;
}

* html .leftside_box-content {
  height: 1px;
}

#dailythoughts {
  border: 0px;
  padding-bottom: 0px;
}

#showsbox {
  height: 165px;
  background: url(/images/frontpage-showslist2.jpg) no-repeat;
  border: 0px;
}

#showsbox2 {
  height: 410px;
  background: url(/images/frontpage-showslist-large.jpg) no-repeat;
  border: 0px;
}

#showsbox3 {
  height: 525px;
  background: url(/images/frontpage-showslist-large2.jpg) no-repeat;
  border: 0px;
}

#showsbox4 {
  height: 515px;
  background: url(/images/frontpage-showslist-large3.jpg) no-repeat;
  border: 0px;
}

#affiliates img {
  border: 1px dotted #fff;
}

.leftside_box-footer {
  font-size: 0px;
  height: 5px;
  background: url(/images/left_inside-bottom570.gif) no-repeat;
}

#signupad {
  width: 207px;
  height: 120px;
  float: left;
}

#signupad img {
  border: 1px solid #000;
}

#whatisdg {
  width: 207px;
  height: 120px;
  float: right;
  margin-right: 2px;
}

* html #whatisdg {
  margin-right: 0px;
}

#whatisdg img {
  border: 1px solid #000;
}

.banner {
  margin: 10px 0 0 10px;
}

.banner img {
  border: 1px solid #000;
}

.banner #bImage {
  border: 1px solid #000;
}

#bImage {
  z-index: 0;
  border: 1px solid #000 !important;
}

.left_bottom {
  height: 14px;
  background: url(/images/left_bottom595.gif) no-repeat;
  font-size: 0px;
  margin-bottom: 20px;
}

#left_bottom-black {
  background: url(/images/left_bottom-black595.gif) no-repeat;
}

.recentreviews {
  width: 100%;
  display: grid;
  column-gap: var(--spacing-xs);
  justify-content: center;

  grid-template-columns: repeat(4, 1fr);
}

.recentreviews-box {
  background: var(--bg-color-content);
  border: 3px solid var(--border-color);
  border-radius: var(--border-radius);
}

.recentreviews-box a:link,
.recentreviews-box a:visited,
.recentreviews-box a:active,
.recentreviews-box a:hover {
  color: #fff;
}

#reviewbox-top3-1 {
  margin: 0 6px 0 0px;
}

#reviewbox-top3-2 {
  margin: 0 6px 0 0px;
}

#reviewbox-top3-3 {
  margin: 0 6px 0 0px;
}

.recentreviews-top3 {
  background: var(--bg-color);
  color: #fff;
  font-weight: var(--weight-l);
  font-size: var(--text-xs);
  text-transform: uppercase;
  padding: var(--spacing-xs);
  text-align: center;
  border-bottom: 3px solid var(--border-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.recentreviews-middle {
  background: var(--bg-color-content);
  padding: var(--spacing-xs);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  border-radius: var(--border-radius);
}

.recentreviews-image img {
  width: 100%;
  border-radius: var(--border-radius);
  display: block;
  transition: var(--transition);
}

.recentreviews-image img:hover {
  transform: var(--transform);
}

.recentreviews-title {
  text-align: center;
  color: #000;
  font-size: var(--text-s);
  font-weight: bold;
}

.recentreviews-text {
  text-align: center;
  color: #000;
  padding: 0 5px 0 5px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.modern-reviews-grid {
	width: 100%;
	display: grid;
	grid-gap: var(--grid-gap);
	justify-content: center;
	grid-template-columns: repeat(3, 1fr);
}

.modern-reviews-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.modern-reviews-card__header {
  background: transparent;
  color: #fff;
  font-weight: var(--weight-l);
  font-size: var(--text-xs);
  text-align: center;
  border-top-left-radius: var(--border-radius, 6px);
  border-top-right-radius: var(--border-radius, 6px);
}

.modern-reviews-card__body {
  padding: var(--spacing-s);
  background:#fff;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border-bottom-left-radius: var(--border-radius, 6px);
  border-bottom-right-radius: var(--border-radius, 6px);
  gap: var(--spacing-xxs);
}

.modern-reviews-card__media img {
  width: 100%;
  display: block;
  border-top-left-radius: var(--border-radius, 6px);
  border-top-right-radius: var(--border-radius, 6px);
}

.modern-reviews-card__text {
  color: #000;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  font-size: var(--text-m);
  font-weight: var(--weight-l);
}

.system-tag a{
	font-size: var(--text-s);
	font-weight: var(--weight-m);
	text-transform: uppercase;
	color: #000;
}

.modern-reviews-card__text a{
	color: #000;
}

.recent-news-grid {
	width: 100%;
	display: grid;
	grid-gap: var(--grid-gap);
	justify-content: center;
	grid-template-columns: repeat(3, 1fr);
}

.recent-news-card {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	align-items: stretch;
}

.recent-news-card__header {
  background: transparent;
  color: #fff;
  font-weight: var(--weight-l);
  font-size: var(--text-xs);
  text-align: center;
  border-top-left-radius: var(--border-radius, 6px);
  border-top-right-radius: var(--border-radius, 6px);
}

.recent-news-card__body {
  padding: var(--spacing-s);
  background:#fff;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border-bottom-left-radius: var(--border-radius, 6px);
  border-bottom-right-radius: var(--border-radius, 6px);
}

.recent-news-card__media img {
  width: 100%;
  display: block;
  border-top-left-radius: var(--border-radius, 6px);
  border-top-right-radius: var(--border-radius, 6px);
}

.recent-news-card__text {
  color: #000;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  font-size: var(--text-m);
  font-weight: var(--weight-l);
}

.recent-news-card__text a{
	color: #000;
}

.category-tag a{
	font-size: var(--text-s);
	font-weight: var(--weight-m);
	text-transform: uppercase;
	color: #000;
}

.date-tag {
	margin-top: var(--spacing-s);
}

.date-tag a{
	font-size: var(--text-s);
	font-weight: var(--weight-m);
	color: #000;
}

.topbar {
  background: var(--bg-color-content);
  color: #fff;
  font-weight: var(--weight-l);
  text-transform: uppercase;
  font-size: var(--text-xs);
  padding: var(--spacing-xs);
  text-align: center;
  line-height: 1.5;
  border: 3px solid var(--border-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.topbar-sm {
  background: var(--bg-color-content);
  color: #fff;
  font-weight: var(--weight-l);
  padding: var(--spacing-xs);
  text-align: center;
  line-height: 1.5;
  border: 3px solid var(--border-color);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.bar-break {
  background: var(--bg-color);
  color: #fff;
  font-weight: var(--weight-l);
  padding: var(--spacing-xs);
  text-align: center;
  line-height: 1.5;
  border-top: 3px solid var(--border-color);
  border-bottom: 3px solid var(--border-color);
}

.topbar2 {
  height: 5px;
  background: url(/images/left_inside-top2.gif) no-repeat;
  color: #000;
  font-weight: bold;
  text-align: center;
  display: inherit;
}

.topbar-title {
  padding: 2px 0 0 0;
}

.rounded-bottom {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.list_review {
  border: 1px solid #000;
  border-top: 0px;
  font-size: var(--text-m);
  display: inherit;
  font-weight: bold;
  padding: 0px;
}



.list_review a:hover {
  text-decoration: none;
}

.entry_rowstyle_light_reviews {
  background-color: #c8c8c8;
}

.entry_rowstyle_light_reviews a {
  color: #333;
}

.entry_rowstyle_dark_reviews {
  background-color: #fff;
}

.entry_rowstyle_dark_reviews a {
  color: #111;
}

.hoveron_light_reviews,
.hoveron_dark_reviews {
  background-color: #000;
}

.hoveron_light_reviews a,
.hoveron_dark_reviews a {
  color: #fff;
}

.hoveroff_light_reviews {
  background-color: #c8c8c8;
}

.hoveroff_light_reviews a {
  color: #333;
}

.hoveroff_dark_reviews {
  background-color: #fff;
}

.hoveroff_dark_reviews a {
  color: #111;
}

.gamename_reviews {
  float: left;
  margin-left: 2px;
  width: 320px;
  display: inherit;
}

.percentage_reviews {
  float: left;
  display: inherit;
  width: 75px;
}

.reviewer_reviews {
  float: left;
  display: inherit;
  width: 55px;
}

.system_reviews {
  float: right;
  display: inherit;
  margin-right: 2px;
}

.magz-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: var(--spacing-xs);
  width: 100%;
}

.magz-grid img {
    border-radius: var(--border-radius);
    width: 100%;
    height: auto;
    display: block;
    transition: var(--transition);
}

.magz-grid img:hover {
  transform: var(--transform);
}

.egm-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: var(--spacing-s);
  text-align: center;
}

.egm-grid img {
    border-radius: var(--border-radius);
    width: 100%;
    height: auto;
    display: block;
    border: 3px solid var(--border-color);
    transition: var(--transition);
}

.egm-grid img:hover {
    border-color: var(--white);
}

.egm-grid__item {
  font-size: var(--text-s);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.egm-grid__item-media {
    width: 100%;
}

.egm-grid__item-media img {
  width: 100%;
  height: auto;
  display: block;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  transition: var(--transition);
}

.egm-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: var(--spacing-s);
    text-align: center;
    width: 100%;
}

.egm-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--spacing-s);
  text-align: center;
  width: 100%;
}

.egm-grid-4 img {
    width: 100%;
    height: auto;
    display: block;
    border: 3px solid var(--border-color);
    transition: var(--transition);
}

.egm-grid-4 img:hover {
  border-color: var(--white);
}

.egm-grid__item-title {
	padding: var(--spacing-s);
    background: #fff;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
	font-size: var(--text-m);
    border-bottom-left-radius: var(--border-radius, 6px);
    border-bottom-right-radius: var(--border-radius, 6px);
}

.egm-grid__item-title a{
	color: #000;
}

.review-scores-table {
  background: var(--bg-color-content);
  color: #fff;
  margin: 0;
  border-collapse: collapse;
  font-size: var(--text-s);
  width: 250px;
}

.review-scores-table th {
  border: 3px solid var(--border-color);
  vertical-align: middle;
  color: #fff;
  text-align: center;
  padding: var(--spacing-xxs);
}

.review-scores-table td {
  border: 3px solid var(--border-color);
  vertical-align: middle;
  color: #FC9;
  text-align: center;
  padding: var(--spacing-xxs);
}

.review-nso-table {
  background: #000;
  margin: 0;
  border-collapse: collapse;
  font-size: calc(1em * 0.875);
  line-height: 1.5;
  width: 100%;
}

.review-nso-table th {
  border: 3px solid var(--border-color);
  vertical-align: middle;
  color: #98989E;
  text-align: center;
  padding: var(--spacing-xxs);
}

.review-nso-table td {
  border: 3px solid var(--border-color);
  vertical-align: middle;
  color: #98989E;
  padding: var(--spacing-xxs);
}

.review-scores-table>caption {
  border: 3px solid var(--border-color);
  background: var(--bg-color);
  border-bottom: none;
  font-weight: var(--weight-l);
  padding: var(--spacing-xxs);
}

.sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-l);
}

.rightside_box {
  border-radius: var(--border-radius);
  overflow: hidden;
  border: 3px solid var(--border-color);
}

.rightside_box2 {
  margin-left: 10px;
  width: 570px;
  text-align: justify;
}

.rightside_box3 {
  margin: 0px 0px 0px 0px;
  width: 100px;
  text-align: justify;
}

.rightside_box-header {
  font-weight: var(--weight-l);
  padding: var(--spacing-xxs);
  text-align: center;
  background: #fff;
  color: #000;
}

.rightside_box-header-ads {
  font-weight: var(--weight-l);
  font-size: var(--text-xs);
  padding: var(--spacing-xs);
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  color: #000;
}

.rightside_box-header-news {
  font-weight: var(--weight-l);
  font-size: var(--text-xs);
  text-transform: uppercase;
  padding: var(--spacing-xs);
  background: #fff;
  color: #000;
  display: flex;
  justify-content: space-between;
}

.rightside_box-day {
  color: #000;
}

.rightside_box-day a:link,
.rightside_box-day a:visited,
.rightside_box-day a:active,
.rightside_box-day a:hover {
  color: #000;
}

.rightside_box-date {
  color: #000;
}

.rightside_box-date a:link,
.rightside_box-date a:visited,
.rightside_box-date a:active,
.rightside_box-date a:hover {
  color: #000;
}

.rightside_box-content {
  padding: var(--spacing-s);
  border-top: 3px solid var(--border-color);
  border-bottom: 3px solid var(--border-color);
  background-color: var(--bg-color-content);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-s);
}

.rightside_box-front {
  height: 3px;
  background: url(/images/right_top-front570.gif) no-repeat;
}

.rightside_box-header2 {
  background: #282e33;
  color: #fff;
  font-weight: var(--weight-l);
  font-size: 15px;
  padding: var(--spacing-xxs);
  text-align: center;
  line-height: 1.5;
  border: 1px solid var(--border-color);
}

.rightside_box-header4 {
  background: #282e33;
  color: #fff;
  font-weight: var(--weight-l);
  font-size: 15px;
  padding: var(--spacing-xxs);
  text-align: center;
  line-height: 1.5;
  border: 1px solid var(--border-color);
}

.rightside_box-header3 {
  background: #282e33;
  color: #fff;
  font-weight: var(--weight-l);
  font-size: 15px;
  padding: var(--spacing-xxs);
  text-align: center;
  line-height: 1.5;
  border: 1px solid var(--border-color);
}

.rightside_box-day3 {
  color: #fff;
}

.rightside_box-date3 {
  color: #fff;
  padding: 3px 5px 0 0;
  float: right;
  text-align: right;
}

/* ===== Sidebar Box Content Styling ===== */

/* Base styles & CSS variables */
.rightside_box-content {
  --rbc-text-color: inherit;
  --rbc-link-color: inherit;
  --rbc-expander-bg: transparent;
  --rbc-expander-text: #000;
}

.rightside_box-content .rightside_box-description a,
.rightside_box-content .rightside-box_title a {
  color: var(--rbc-link-color);
}

.rightside_box-content .rightside_box-expander {
  background-color: var(--rbc-expander-bg);
}

.rightside_box-content .rightside_box-expander a {
  color: var(--rbc-expander-text);
}

/* White text theme (17 classes) */
.rightside_box-content.a29magazines,
.rightside_box-content.a30rumors,
.rightside_box-content.egmawards,
.rightside_box-content.a23endings,
.rightside_box-content.a32codes,
.rightside_box-content.whatif,
.rightside_box-content.golfclub,
.rightside_box-content.badadvice,
.rightside_box-content.adventures,
.rightside_box-content.magazine,
.rightside_box-content.continue,
.rightside_box-content.problems,
.rightside_box-content.history,
.rightside_box-content.egm,
.rightside_box-content.nextgeneration,
.rightside_box-content.egmranks,
.rightside_box-content.comic {
  --rbc-text-color: #fff;
  --rbc-link-color: #fff;
  --rbc-expander-bg: #fff;
  --rbc-expander-text: #000;
  color: #fff;
}

.rightside_box-content.nintendopowerarchive .rightside_box-description a,
.rightside_box-content.nintendopowerarchive .rightside-box_title a,
.rightside_box-content.hgm .rightside_box-description a,
.rightside_box-content.hgm .rightside-box_title a {
  color: #fff;
}

/* ===== Solid Background Colors ===== */

/* Reds */
.rightside_box-content.a29magazines { background-color: #e00000; }
.rightside_box-content.a30rumors { background-color: #e00000; }
.rightside_box-content.egmawards { background-color: #e00000; }
.rightside_box-content.a23endings { background-color: #e00000; }
.rightside_box-content.a32codes { background-color: #e00000; }
.rightside_box-content.whatif { background-color: #950000; }
.rightside_box-content.badadvice,
.rightside_box-content.adventures { background-color: #9966ff; }
.rightside_box-content.a34cliches,
.rightside_box-content.a29controls,
.rightside_box-content.a30genres { background: #dc143c; }
.rightside_box-content.a31bonuslevels { background-color: #dc143c; }
.rightside_box-content.reviewcrew { background-color: #e92b2b; }
.rightside_box-content.live { background-color: #e55b3c; }

/* Greens */
.rightside_box-content.golfclub { background-color: #254117; }
.rightside_box-content.continue { background-color: #1f521e; }
.rightside_box-content.recapped { background-color: #91a790; }
.rightside_box-content.continuethegame { background-color: #cfc; }

/* Blues */
.rightside_box-content.history { background-color: #000000; }
.rightside_box-content.egm { background-color: #000000; }
.rightside_box-content.egmranks { background-color: #000000; }
.rightside_box-content.problems { background-color: #16117d; }
.rightside_box-content.magazine { background-color: #55555f; }
.rightside_box-content.weekendrecapped,
.rightside_box-content.dgcreviews { background-color: #6699cc; }
.rightside_box-content.covercritic { background-color: #b0c4de; }
.rightside_box-content.popupvideogames,
.rightside_box-content.notes { background-color: #ccf; }
.rightside_box-content.bonuslevels { background-color: #99f; }

/* Pastels & Neutrals */
.rightside_box-content.interview,
.rightside_box-content.conversation { background-color: #ccff99; }
.rightside_box-content.commercialbreak,
.rightside_box-content.dgn,
.rightside_box-content.nintendoswitchonline,
.rightside_box-content.retrobit,
.rightside_box-content.badad { background-color: #fffafa; }
.rightside_box-content.contest { background-color: #c0c0c0; }
.rightside_box-content.yourgame { background-color: #c0c0c0; }
.rightside_box-content.freezeframe { background-color: #ffe4e1; }
.rightside_box-content.toptenlists { background-color: #ffe4b5; }
.rightside_box-content.a29issuesofchristmas { background-color: #fcc; }
.rightside_box-content.uptodate { background-color: #d8bfd8; }
.rightside_box-content.ilovevgce { background-color: #c0d1a7; }
.rightside_box-content.yolo { background-color: #bcb99a; }
.rightside_box-content.scrapbook { background-color: #bc8f8f; }
.rightside_box-content.feuds { background-color: #bcb76b; }
.rightside_box-content.courant,
.rightside_box-content.hardware { background-color: #d2b48c; }
.rightside_box-content.onlinepass { background-color: #98afc7; }
.rightside_box-content.playerselect { background-color: #f08080; }

/* Other colors */
.rightside_box-content.decides { background-color: #ed7715; }
.rightside_box-content.a8bit { background-color: #ff99ff; }
.rightside_box-content.HGM { background: #ff99ff; }
.rightside_box-content.servicegaming,
.rightside_box-content.service { background-color: #f66; }
.rightside_box-content.e32006 { background-color: #fc6; }
.rightside_box-content.radiofreegaming { background-color: #f4a460; }
.rightside_box-content.notoriousabcs { background-color: #3cb371; }
.rightside_box-content.gameover { background-color: #dda0dd; }
.rightside_box-content.gamingxhistory { background-color: #ccf; }
.rightside_box-content.askdgc { background: #fff; }

.rightside_box.ads .rightside_box-content { background-color: #fff; }

/* ===== Image Backgrounds ===== */

/* theysaidwhat / greatmomentsgamepro images */
.rightside_box-content.theysaidwhat,
.rightside_box-content.greatmomentsgamepro { background: url(/images/theysaidwhat-bg.jpg) center / cover; }

/* Individual images */
.rightside_box-content.ivegotyournumber { background: url(/images/test14-bg.jpg) center / cover; }
.rightside_box-content.twidg { background: url(/images/thisweek-bg.jpg) center / cover; }
.rightside_box-content.insertcoin { background: url(/images/insertcoin-bg2.jpg) center / cover; }
.rightside_box-content.badacting { background: url(/images/badacting-bg.jpg) center / cover; }
.rightside_box-content.zen { background: url(/images/zen-bg.jpg) center / cover; }
.rightside_box-content.knowthegame { background: url(/images/knowthegame-bg.jpg) center / cover; }

/* 32endings-bg.jpg group */
.rightside_box-content.a32articles,
.rightside_box-content.a33days,
.rightside_box-content.a34themesongs,
.rightside_box-content.a32endings { background: url(/images/32endings-bg.jpg) center / cover; }

/* life-bg.jpg group */
.rightside_box-content.life,
.rightside_box-content.tv { background: url(/images/life-bg.jpg) center / cover; }

/* Other specific images */
.rightside_box-content.a29powerups { background: url(/images/29powerups-bg.jpg) center / cover; }
.rightside_box-content.mondocooltv { background: url(/images/mondocooltv-bg.jpg) center / cover; }
.rightside_box-content.leaderboard { background: url(/images/leaderboard-bg.jpg) center / cover; }
.rightside_box-content.future,
.rightside_box-content.rewind { background: url(/images/fightthefuture-bg.jpg) center / cover; }
.rightside_box-content.preview { background: url(/images/previewbg.jpg) center / cover; }
.rightside_box-content.advice { background: url(/images/advice-bg.jpg) center / cover; }
.rightside_box-content.expert,
.rightside_box-content.superplay { background: url(/images/expert-bg.jpg) center / cover; }
.rightside_box-content.reads { background: url(/images/reads-bg.jpg) center / cover; }
.rightside_box-content.blacksheep { background: url(/images/blacksheep-bg.jpg) center / cover; }
.rightside_box-content.worst { background: url(/images/worst-bg.jpg) center / cover; }
.rightside_box-content.company,
.rightside_box-content.system { background: url(/images/reviewcrew-bg.jpg) center / cover; }
.rightside_box-content.woreitbest { background: url(/images/woreitbest-bg.jpg) center / cover; }
.rightside_box-content.comic { background: url(/images/comic-bg.jpg) center / cover; }
.rightside_box-content.poetry { background: url(/images/poetry-bg.jpg) center / cover; }
.rightside_box-content.level1 { background: url(/images/level1-bg.jpg) center / cover; }
.rightside_box-content.shitmyfolkssay { background: url(/images/shitmyfolkssay-bg.jpg) center / cover; }
.rightside_box-content.nintendopower,
.rightside_box-content._29powerups { background: url(/images/nintendopower-bg.jpg) center / cover; }
.rightside_box-content.nextgen { background: url(/images/nextgen-bg.jpg) center / cover; }
.rightside_box-content.rip { background: url(/images/rip-bg.jpg) center / cover; }
.rightside_box-content.gamepro { background: url(/images/gamepro-bg.jpg) center / cover; }
.rightside_box-content.versus { background: url(/images/versus-bg.jpg) center / cover; }

/* Special color overrides for image backgrounds */
.rightside_box-content.poetry .rightside_box-description a,
.rightside_box-content.poetry .rightside-box_title a { color: #ffe1ff; }

.rightside_box-content.magazine .rightside_box-image img,
.rightside_box-content.continue .rightside_box-image img { border: 1px solid #fff; }

/* ===== Image & Typography ===== */

.rightside_box-image img {
  border-radius: var(--border-radius);
  width: 100%;
  display: block;
  transition: var(--transition);
}

.rightside_box-image img:hover {
  border-color: #aaa;
  transform: var(--transform);
}

.rightside-box_title {
  width: 100%;
  text-align: center;
  font-weight: var(--weight-l);
  font-size: var(--text-m);
  text-wrap: balance;
}

.rightside-box_title a { color: #000; }

.rightside_box-description {
  width: 100%;
  color: #000;
  text-align: justify;
  font-size: var(--text-s);
}

.rightside_box-description a { 
  color: #000; 
  text-decoration: none;
}

.rightside_box-description ul {
  padding-left: 30px;
  width: 200px;
}

.rightside_box-description ul li {
  color: #896e24;
  margin-bottom: 5px;
}

.rightside_box-summary {
  font-size: var(--text-s);
  text-align: justify;
}

.rightside_box-summary2014 {
  padding: 0 10px 0 10px;
  font-size: 13px;
  color: #faf8f8;
  font-weight: bold;
}

.expander-button {
  cursor: pointer;
  background: var(--bg-color-content);
  display: flex;
  font-size: var(--text-xs);
  text-transform: uppercase;
  font-weight: var(--weight-l);
  padding: var(--spacing-xs);
  width: 100%;
  transition: var(--transition);
  justify-content: center;
}

.expander-button:hover {
  text-decoration: none;
  background-color: var(--clr-action);
  border-color: var(--white);
}

.button {
  padding: var(--spacing-s);
  transition: var(--transition);
  background: var(--bg-color);
  display: flex;
  border: 3px solid var(--border-color);
  border-radius: var(--border-radius);
  font-size: var(--text-s);
  font-weight: var(--weight-l);
  overflow: hidden;
}

.button:hover {
  background-color: var(--border-color);
  text-decoration: none;
  border-color: var(--white);
}

/* FOOTER */

.bottomlinks {
  margin-top: var(--spacing);
  padding: var(--spacing);
  text-align: center;
  color: var(--clr-text);
  font-size: var(--text-s);
  font-weight: var(--weight-l);
  background-color: var(--bg-color-content);
  border-top: 3px solid var(--border-color);
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
  align-items: center;
}

.bottomlinks a:link,
.bottomlinks a:visited,
.bottomlinks a:active,
.bottomlinks a:hover {
  color: #fff;
}

/* END FOOTER */

.this-day {
    display: grid;
    gap: var(--spacing-s);
    padding: var(--spacing);
    border-radius: var(--border-radius);
}

.this-day_item {
    border-bottom: 1px solid rgb(60 255 208);
    padding-bottom: var(--spacing-s);
    color: var(--white);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
}

.this-day_item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}