:root{
  --ps2-bg1:#040715;
  --ps2-bg2:#0a1030;
  --ps2-accent: 120,180,255;
}

body
{
   background-color: #000000;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
html, body{
  margin:0;
  height:100%;
  overflow:hidden;
  background: radial-gradient(1200px 800px at 35% 45%, rgba(20,40,120,.35), transparent 60%),
              linear-gradient(180deg, var(--ps2-bg2), var(--ps2-bg1));
  font-family: system-ui, sans-serif;
}
a
{
   color: #FFFFFF;
   text-decoration: none;
}
a:hover
{
   color: #FFFFFF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
.ps2Menu{
  position:fixed;
  top:40px;
  right:40px;
  width:220px;
  z-index:299;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.tile{
  position:relative;
  display:block;
  width:220px;
  height:86px;
  border-radius:10px;
  overflow:hidden;
  text-decoration:none;

  /* glass */
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    0 10px 30px rgba(0,0,0,.45),
    0 0 0 rgba(120,180,255,0);

  transform: translateZ(0);
  transition: transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease, filter 140ms ease;
}
.tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.85;
  filter: contrast(1.05) saturate(1.1);
}

.tile::after{
  /* specular highlight */
  content:"";
  position:absolute; inset:-40% -20% auto -20%;
  height:80%;
  background: linear-gradient(120deg, rgba(255,255,255,.22), transparent 60%);
  transform: rotate(-10deg);
  opacity:.45;
}

.tile span{
  position:absolute;
  left:12px;
  bottom:10px;
  font-size:12px;
  letter-spacing:.12em;
  color: rgba(230,240,255,.85);
  text-transform:uppercase;
  text-shadow: 0 1px 8px rgba(0,0,0,.8);
}

/* selection = bigger + brighter bloom */
.tile.selected{
  transform: scale(1.07) translateX(-8px);
  border-color: rgba(160,210,255,.55);
  box-shadow:
    0 12px 34px rgba(0,0,0,.55),
    0 0 22px rgba(var(--ps2-accent), .35);
  filter: brightness(1.15);
}
/* “CRT-ish” overlay */
#crtOverlay{
  position:fixed; inset:0;
  pointer-events:none;
  z-index:500;
  background:
    /* scanlines */
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.03) 0px,
      rgba(255,255,255,0.03) 1px,
      rgba(0,0,0,0.00) 2px,
      rgba(0,0,0,0.00) 4px
    ),
    /* vignette */
    radial-gradient(1200px 900px at 50% 50%, transparent 50%, rgba(0,0,0,.55) 100%);
  mix-blend-mode: overlay;
  opacity:.55;
}

/* a tiny bit of “PS2 bloom” */
#uiGlow{
  position:fixed; inset:0;
  pointer-events:none;
  z-index:450;
  background: radial-gradient(700px 400px at 40% 52%, rgba(var(--ps2-accent), .10), transparent 70%);
  filter: blur(2px);
}

  #spinner, #bg { transform: translateZ(0); overflow: hidden; }
  #spinner div > div, #bg > div {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
    contain: paint; /* isolates repaint damage */
  }
#PageHeader
{
   background-color: #212121;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageHeader
{
   -webkit-transition: all 500ms linear 0ms;
   transition: all 500ms linear 0ms;
}
#wb_galleryGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#galleryGrid
{
   box-sizing: border-box;
   padding: 25px 15px 25px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#galleryGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#galleryGrid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#galleryGrid > .row > .col-1
{
   float: left;
}
#galleryGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#galleryGrid:before,
#galleryGrid:after,
#galleryGrid .row:before,
#galleryGrid .row:after
{
   display: table;
   content: " ";
}
#galleryGrid:after,
#galleryGrid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#galleryGrid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_game_dig
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#game_dig
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#game_dig > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#game_dig > .row > .col-1, #game_dig > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#game_dig > .row > .col-1, #game_dig > .row > .col-2
{
   float: left;
}
#game_dig > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: center;
}
#game_dig > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#game_dig:before,
#game_dig:after,
#game_dig .row:before,
#game_dig .row:after
{
   display: table;
   content: " ";
}
#game_dig:after,
#game_dig .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#game_dig > .row > .col-1, #game_dig > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0px 0px 20px 0px;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text4
{
   display: block;
   margin: 0px 0px 20px 0px;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_game_moon
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#game_moon
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#game_moon > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#game_moon > .row > .col-1, #game_moon > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#game_moon > .row > .col-1, #game_moon > .row > .col-2
{
   float: left;
}
#game_moon > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: center;
}
#game_moon > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#game_moon:before,
#game_moon:after,
#game_moon .row:before,
#game_moon .row:after
{
   display: table;
   content: " ";
}
#game_moon:after,
#game_moon .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#game_moon > .row > .col-1, #game_moon > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0px 0px 20px 0px;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text1
{
   display: block;
   margin: 0px 0px 20px 0px;
   box-sizing: border-box;
   width: 100%;
}
#Table2
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   background-image: none;
   border-collapse: separate;
   border-spacing: 1px;
   margin: 0;
}
#Table2 td
{
   padding: 0;
}
#Table2 p, #Table2 ul
{
   margin: 0;
   padding: 0;
}
#Table2 .cell0
{
   background-color: transparent;
   background-image: none;
   text-align: center;
   vertical-align: bottom;
   font-size: 0;
}
#wb_Image8
{
   margin: 0;
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image9
{
   margin: 0;
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image10
{
   margin: 0;
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image11
{
   margin: 0;
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image12
{
   margin: 0;
   vertical-align: top;
}
#Image12
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image13
{
   margin: 0;
   vertical-align: top;
}
#Image13
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image2
{
   margin: 0;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image3
{
   margin: 0;
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1122px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}