/*******************************/
/* Fonts
/*******************************/

/* MontserratO */
@font-face {
    font-family: 'MontserratO';
    font-style: normal;
    src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-display: swap;
}

/* OdibeeSans */
@font-face {
    font-family: 'OdibeeSans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/OdibeeSans-Regular.ttf') format('truetype');
    font-display: swap;
}
  
/*******************************/
/* General Stuff
/*******************************/

* {
    font-family: 'MontserratO', sans-serif;
    outline:none;
    font-weight:500;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body{
    padding:0;
    background:#333;
    margin:0;
    font-size:15px;
    overscroll-behavior-y: contain;
}
#site.mobile{
    font-size:12px;
}
b,
strong {
  font-weight: bolder;
}
h1 span{
    font-family:'Odibeesans';
}
h1 {
    font-size:1.6em;
    color: #fff;
    text-shadow: 0px 0px 4px #000, 2px 2px 0px #000;
    padding: 0 0 0.2em;
    text-align:left;
    padding-left:1.2em;
    font-family:'Odibeesans';
    font-weight: normal;
    text-transform: uppercase;
    display:block;
    margin-bottom:0.4em;
}
h2{
    font-family:'Odibeesans';
    font-weight: normal;
    text-transform: uppercase;
    font-size:1.2em;
    text-align:center;
    padding: 0 0 0.2em;
    text-shadow: 2px 2px 0px #000;
    padding: 0 0 0.2em;
}
P{
    margin:0 0 1em 0;
}
IMG{
    border-radius:8px;
}
.hidden{
    display:none !important;
}
.link{
    color:#fff;    
    transition:color 0.2s;
}
.small{
    font-size:0.8em;
}
#site:not(.mobile) .link:hover{
    color:#ff0 !important;		
    text-decoration:none;
    cursor:pointer;
}

/*******************************/
/* Buttons
/*******************************/
#mainbuttons{
    position:absolute;
    top: 0.6em;
    right: 1.2em;
    display:block;
    text-align:right;
}
.icon,
.button,
.nobutton{
    width:1.8rem;
    height:1.8rem;
    margin: -0.3rem !important;
}
.icon,
.button,
.nobutton,
.navbutton,
.disabledbutton{
    background-position:50% 50%;
    background-size:100%;
    transition:all 0.2s ease;
    border: transparent 0.6rem solid;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}
.navbutton,
.button{
    cursor:pointer !important;
    box-shadow: 0 0 1px 8px #2220;
    background-color:#2220;
    border-radius:2rem;
}
#searchclear,
#searchclose, 
#searchbutton,
#blogsearchbutton,
#menuicon,
.sharebutton{
    display:inline-block;
    margin-left:1.2rem;
    margin-top:1.2rem;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}
#fullscreen,
#lightdarkmode{
    display:inline-block;
    width: 1.8em;
    height: 1.8em;
    background-position: 50%;
    background-size: 100%;
    border: 0.8em solid transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
}
#menuicon{
    background-image:url(images/ui/menu_w.png);    
}
#searchclose{
    background-image:url(images/ui/back_w.png);
}
#searchbutton,
#blogsearchbutton{
    background-image:url(images/ui/search_w.png);   
}
#searchclear{
    background-image:url(images/ui/clear_w.png);
    margin-top: -0.75em !important;
    margin-left: -3em !important;
    background-size:80%;
    background-position:50%;
    background-repeat:no-repeat;
}
.sharebutton{
    background-image:url(images/ui/share_w.png);
    position:absolute;
    right:0.4rem;
    top:0.4rem; 
    opacity:0.2;
}
.rssbutton{
    background-image:url(images/ui/rss_w.png);
    position:absolute;
    right:0.4rem;
    top:0.4rem; 
    opacity:1;
}
#searchclear.hidden{
    visibility:hidden;
}
#fullscreen{
    background-image:url(images/ui/fullscreen_w.png);  
}
#site.fullscreen #fullscreen{
    background-image:url(images/ui/fullscreenExit_w.png);  
}
#lightdarkmode{
    background-image:url(images/ui/light_w); 
}
#BackToTop{
    background-image:url(images/ui/backup_w.png);
    filter:drop-shadow(1px 1px #000);
}
#PinBoxList {
    background-image:url(images/ui/pin_w.png);
}
#site.pinnedBoxlist #PinBoxList{
    background-image:url(images/ui/pinned_w.png);
}
#site:not(.mobile) .navbutton:hover,
#site:not(.mobile) .button:hover {
    background-color: #555c !important;
    border-radius: 2em;
    opacity:1;
}
.icon.menuGames,
.icon.menuBlog,
.icon.menuAbout,
.icon.menuShelf,
.icon.menuDSGVO,
.icon.menuFightClub{
    background-size:1.8em;
    background-position:50%;
    background-repeat:no-repeat;
}
.icon.menuGames{
    background-image:url(images/ui/home_w.png);
}
.icon.menuArtists{
    background-image:url(images/ui/artist_w.png);
}
.icon.menuBlog{
    background-image:url(images/ui/quote_w.png);
}
.icon.menuAbout{
    background-image:url(images/ui/about_w.png);
}
.icon.menuNerdwall{
    background-image:url(images/ui/panorama_w.png);
}
.icon.menuDSGVO{
    background-image:url(images/ui/GDPR_w.png);
}
.icon.menuFightClub{
    background-image:url(images/ui/fighter_w.png);
}
.icon.menuShelf{
    background-image:url(images/ui/shelf_w.png);
}
#site.showBoxlist.portrait #searchbutton,
#site.showBoxlist.mobile.portrait #searchbutton{
    display:none;    
}
#site #searchclose{
    display:none;
}
#site.showBoxlist.mobile.portrait #searchclose,
#site.showBoxlist.portrait #searchclose{
    display:inline-block;    
}

/*******************************/
/* Background
/*******************************/
#bg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle closest-corner at 50% 50%, transparent 50%, #0008 70%, #000),linear-gradient(rgba(15, 15, 15, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0 ,0.1) 33.3%, rgba(0, 255, 0, 0.1) 33.3%,rgba(0, 255, 0,0.1) 66.6%, rgba(0, 0, 255,0.1) 66.6%, rgba(0, 0, 255,0.1) 100%);
    background-size: 100%, 100% 4px, 6px 100%;
    background-repeat: no-repeat, repeat, repeat;
    background-position: 100% 100%, 0%, 0%;
    background-color:none;
    z-index: 1;
}
#bgGame {
    position: fixed;
    top: 0em;
    left: 0em;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color:#000;
    z-index: 0;
    filter: blur(5px) saturate(0.7);
    transition:opacit 0.2s ease;
    background-image: url(images/NerdWall20211025.webp);
}

/*******************************/
/* Main
/*******************************/
#main{
    scroll-behavior: smooth;
    position:absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease;
    z-index: 1;
    display: block;
}
//#site.games #main,
#site.blog #main,
#site.singleblog #main,
#site.about #main,
#site.impressum #main,
#site.fightclub #main,
#site.dsgvo #main{
    top:3.8em;
    height:calc(100% - 3.8em);

}

#site.showBoxlist.pinnedBoxlist #bg,
#site.showBoxlist.pinnedBoxlist #bgGame,
#site.showBoxlist.pinnedBoxlist:NOT(.portrait) #main{
    width: calc(100% - 33.3em);
}
#games, 
#boxview, 
#blog, 
#artists,
#shelf,
#about,
#impressum,
#fightclub,
#dsgvo {
    scroll-behavior: smooth;
    position: relative;
    width: 100%;
    height:calc(100vh - 4em);
    margin-top:4em;
    z-index: 1;
    overflow-y:auto;
}
#boxview, 
#games {
    height:100%;
    margin-top:0em;
}

/*******************************/
/* Header
/*******************************/
#header{
    position:fixed;
    top:0;
    left:0;
    right: 0;
    background:transparent;
    box-shadow:0 0 0 0 transparent;
    display: block;
    z-index: 5;
    height: 2.4rem;
    transition: all 0.2s ease;
    overscroll-behavior-y: auto !important;
    padding: 0.6em;
    right: 0;
}
#site.mobile #searchtitle, 
#site.mobile #title{
    transform: translate(0, -0.3rem);
}

#site:not(.mobile) #header:hover,
#site.showMenu #header,
#site.showBoxlist #header,
#site.headerBG #header,
#site.about #header,
#site.impressum #header,
#site.fightclub #header,
#site.artists #header,
#site.blog #header,
#site.singleblog #header,
#site.dsgvo #header,
#site.nerdwall #header,
#site.shelf #header,
#site.games.mobile #header{
    background:#222;
    box-shadow:0 4px 6px 1px #000;
}
#searchtitle,
#title{
    color: #ff0;
    text-shadow: 3px 3px 0 #000;
    font-family: 'Odibeesans';
    font-size: 2.4em;
    font-weight: normal;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 0.3em;
    margin-top: 0.005em;
    line-height: 1em;
}
#searchtitle{
    color:#fff;
    display:none;
}
#site.showBoxlist.portrait #searchtitle{
    display:inline-block;
}

/*******************************/
/* Greyout                     
/*******************************/
#greyout {
	position:fixed;
	top:0em;
	left:0em;
	width:100%;
	height:100%;
	background-color:#080808;
	opacity:0;
	z-index:0;
	transition: opacity 0.3s ease;
}

#site.showMenu #greyout,
#site.showBoxlist:not(.pinnedBoxlist) #greyout{
    display:block;
    opacity:0.6;
	z-index:3;
}
#BackToTop{
    position:fixed;
    z-index:4;
    opacity:0;
    bottom:-10em;
    right:1em;
}
#site.BackToTop #BackToTop{
    opacity:1;
    bottom:1em;
}
#site.showBoxlist.pinnedBoxlist #BackToTop{
    right:36em;
}


/*******************************/
/* Menu & Boxlist 
/*******************************/
#boxlist,
#menu{
    display:none;
	background:#333;
	border:none !important;
	position:fixed;
	top:3.5em;
	bottom:0em;
	height:100%;
	font-size:1em;
	z-index:4;
	padding:0em;
	margin:0em;
	transition: opacity 0.2s ease, left 0.2s ease, right 0.2s ease;
	overflow-y:hidden;
	overflow-x:hidden !important;
}
#menu{
	left:-45em;
    box-shadow:2px 0 2px 0 #000;
    width:calc(100% - 1em);
    height:calc(100% - 3.5em);
    max-width:16em;
}
#boxlist{
	right:-45em;
    box-shadow: -2px 0 4px 2px #000;
    width: calc(100% - 1em);
    max-width: 33.3em;
    overflow-y: auto;
    padding: 0 0.5em;
    height: calc(100% - 3.5em);
}
div#boxlist::-webkit-scrollbar-track {
    margin: 6em 0 5em;
}
#site.showMenu #menu{
    left:0em;
}
#site.showBoxlist #boxlist{
    right:0em;
}

#site.showBoxlist.portrait #boxlist,
#site.showBoxlist.mobile.portrait #boxlist{
    max-width:100%;
}
#boxlistCache{
    display:none;
}

#site.showBoxlist.mobile #filterbox{
    width:100%;
}

#gamelist .icon,
#menu .icon{
	cursor:pointer;
	padding:0.6em;
	margin:0.2em;
	vertical-align:middle;
	background-color:#fff0;
	transition:all 0.2s ease !important;
    width:1.6em;
    height:1.6em;
}
#menubox{
	box-shadow:none !important;
	position:relative;
	top:0em;
	bottom:0em;
	height:100%;
	max-height:100%;
	color:#eee;
	margin:0em;	
    overflow-y:auto;
}
#menuPanel{
	background:transparent;
	height:5em;
	clear:both;
}
#site:not(.mobile) #menu:focus,#menu:hover{
	overflow-y:auto !important;
	overflow-x:hidden !important;
}
#menuPanel p {
	margin:0.2em;
	border-radius:5px;
    transition:all 0.2s ease;
    background:transparent;
}
#menuPanel p .menuItem{
	color:#fff;
	font-size:1.2em;
	vertical-align:middle;
    font-weight:600;
}
#site:not(.mobile) #menuPanel p:not(.header):hover{
	background:#555;
	cursor:pointer;
	opacity:1;
}
#site:not(.mobile) #gamelist .filterbutton:hover/*,
#menuPanel p.selected img, 
#site:not(.mobile) #menuPanel p:hover img*/ {
    transform: scale(1.1);
    filter:saturate(1) drop-shadow(2px 2px 1px black);
}
#site:not(.mobile) #menuPanel p:hover span {
    color: #ff0;
}
#menuPanel p.selected, #BoxCollectionView p.selected{
	background:#555;
	opacity:1;
}
#menuPanel p.selected SPAN, #BoxCollectionView p.selected SPAN{
	color:#ff0;
	font-weight:800;
	opacity:1;
    text-shadow: 2px 2px 2px #000;
}
#menuPanel hr {
	width:80%;
	opacity:0.5;
	border: 1px dotted #ffff00;
	border-bottom-width:0em;
}
#menuPanel p.header{
    // border-top: 1px solid #000;
    margin-top: 0.5em;
    color: #aaa;
    opacity: 1;
    border-radius: 0;
    padding: 0.5em 0 0 1em;
    font-size: 0.9em;
}


#boxlist h1{
    position: sticky;
    background: #333;
    padding: 0.8em 0.5em 0.2em 1em;
    z-index: 4;
    height: 0.8em;
    top: 4em;
    box-shadow: 0 4px 4px 2px #333;
    margin-left: -1em;
    font-size: 1.2em;
}
#boxlist .group{
    transition:all 0.2s ease;
    opacity:1;
}
#boxlist .group.hidden{
    display:none;
}

#boxlist img.filterbutton {
    width: 1.4em !important;
    height: 1.4em !important;
    min-width: 1.4em;
    border: none;
    box-shadow: none;
    z-index: 2;
    margin: -1em -0.2em 0 0;
}
#boxlist h1 div.filterinput {
    display: inline-block;
    width: calc(100% - 0.5em);
    margin-top: -0.5em;
    padding: 0 0.5em;
}
  
#boxlist h1 {
    display:flex;
    line-height: 1em;
}
#boxlist h1 .seperatorIndex{
    //font-family: 'Splash';
    color: #ff0;
    font-size: 1.2em;
    text-shadow: 1px 0px 0 #ff0, 1px 1px 0 #000;
    line-height: 0.6em;
    margin: 0 0.6em 0 0.4em;
    overflow: visible;
}
#boxlist h1 span{
    order:1;
    font-family: 'Odibeesans';
    /* max-width:50%; */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right:0.5em;
}
#boxlist h1 span.sepEnd{
    order:3;
    padding-left:0.5em;
    padding-right:0;
}
#boxlist h1::after{
    background-image: radial-gradient(circle, #fff 3px, transparent 4px);
    background-position: bottom;
    background-size: 1.6ex 1.2em;
    background-repeat: space no-repeat;
    content: "";
    flex-grow: 1;
    height: 1em;
    order: 2;
    opacity: 0.3;
    transition: all 0.2s ease;
}
#noGameFound{
    width:15em;
    color:#eee;
    margin:6em auto;
    display:none;
}
xx#filterbox{
    display: inline-block;
    background: transparent;
    width: 0em;
    overflow: hidden;
    transition: all 0.2s ease;
}
xx#site.showBoxlist #filterbox{
    width:28em;
    max-width:calc(100% - 4em);
}

#site.showBoxlist.mobile.portrait #title,
#site.showBoxlist.mobile.portrait #menuicon,
#site.showBoxlist.portrait #title,
#site.showBoxlist.portrait #menuicon{
    display:none;
}
#site.showBoxlist.mobile.portrait #mainbuttons,
#site.showBoxlist.portrait #mainbuttons{
    left:0em;
    text-align:left;
}
#BlogSearch,
#filterbox input{
    background: transparent;
    border: transparent;
    border-radius: 5px 5px 0 0;
    font-size: 1.2em;
    color: #eee;
    border-bottom: 2px solid #ff0;
    width: calc(100% - 5em);
    padding: 0.2em 0.5em;
    outline: transparent;
    vertical-align:bottom;
    text-shadow:2px 2px 0 #000;
}
#filterbox,
#CoverVSTitle {
    position: fixed;
    bottom: 0em;
	right:-45em;
    width: calc(100% - 1em);
    max-width: 33.3em;
    padding: 0.8em 0.5em;
    text-align: center;
    background: #333;
    box-shadow: 0 -6px 6px -2px #333;
    z-index: 4;
    margin-left: -1.5em;
	transition: opacity 0.2s ease, left 0.2s ease, right 0.2s ease;
}
#PinBoxList {
    background-repeat: no-repeat;
    background-position: 0.5em 50%;
    background-size: 1.2em;
    padding: 0 1em 0 2em !important;
    margin: 0 1em;
}
#site.portrait #PinBoxList{
    display:none;
}
#site.pinnedBoxlist #PinBoxList{
    background-color: #000;
}
#filterbox{
    top: 3.7em;
    bottom: unset;
    height: 4em;
    padding: 1.5em 0.5em 0;
}
#site.showBoxlist #filterbox,
#site.showBoxlist #CoverVSTitle{
    right:0em;
}
#site.showBoxlist.portrait #filterbox,
#site.showBoxlist.mobile.portrait #filterbox,
#site.showBoxlist.portrait #CoverVSTitle,
#site.showBoxlist.mobile.portrait #CoverVSTitle{
    max-width:100%;
}

#games .button, 
#blog .navbutton,
#blog .disabledbutton,
#CoverVSTitle .button{
    font-size: 1.2em;
    padding: 0 1.4em;
    font-family: 'OdibeeSans';
    border-radius: 2em;
    background-color: #222;
    color: #fff;
    margin: 0 0.4em !important;
    display: inline-block;
    height: auto;
}
#games .button{
    width: 4em;
    margin: 1em auto 0 !important;
    background: #111;
}
#CoverVSTitle .button{
    width: 3.8em !important;
}

/*******************************/
/* BoxView
/*******************************/
#gatefoldpics,
#contentpics{
    width:100%;
    text-align:center;
}
#gatefoldpics .gatefoldpic,
#contentpics .contentpic{
    display:inline-block;
    max-width:100%;
    transition:all 0.2s ease;
}

#site.portrait #gatefoldpics .gatefoldpic, 
#site.portrait #contentpics .contentpic,
#gatefoldpics .gatefoldpic.maxxed,
#contentpics .contentpic.maxxed{
    max-width:100%;
}
#gatefoldpics img,
#contentpics img{
    border-radius:0em;
    box-shadow:0 2px 4px 0 #000;
    transition:all 0.2s ease;
    width:100%;
}
#contentpics img{
    border-radius:1em;
}
#gatefoldpics img{
    margin-bottom:2em;
}
#boxview #boxFrontBack{
    display:inline-block;
    width:1px;
    height:1px;
    overflow:hidden;
    position:fixed;
    z-index:-9999;
}

#boxview #ThreeDBbox{
    position:sticky;
    top:0;
}
#boxview #ThreeDBbox{
    height: 100vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    display:block;
}
#boxview #gamedetails{
    position:relative;
    margin:10em 0 0 auto;
    width:fit-content;
    text-align: right;
    max-width: 24em;    
    display:block;
    padding-right:2em;
    padding-top:2em;
    padding-bottom:4em;
    transition:margin 0.2s ease;
}
#site.GameDetailsShown #scrollDownForDetails{
    opacity:0;
}
#site.portrait #boxview #gamedetails{
    width: 100%;
    max-width: calc(100% - 2em);
}
#boxview #content {
    padding: 0;
    width: 100%;
    display: block;
    box-shadow: 0 4px 6px 0px #000 inset;
    backdrop-filter: saturate(0);
    background: #8882;
    margin:0;
    position:absolute;
}

#shelf #shelfControls p,
#nerdwall #nerdwallinfo p,
#boxview #gamedetails span{
    color: #fff;
    text-shadow: 0px 0px 4px #000, 1px 1px 0px #000;
    display:block;
    font-size:0.9em;
}
#shelf #shelfControls p,
#nerdwall #nerdwallinfo p{
    background: #000a;
    padding: 1em;
    border-radius: 1em;
    margin-right: -0.5em;
}
#shelf #shelfControls p a.link,
#nerdwall #nerdwallinfo p a.link{
    color:#fff !important;
}
#shelf #shelfControls p a.link:hover,
#nerdwall #nerdwallinfo p a.link:hover{    
    color:#ff0 !important;
    text-shadow:none;
}
#site.portrait #shelf #shelfControls,
#site.portrait #nerdwall #nerdwallinfo {
    width: calc(100% - 3.5em);
    bottom: 1em;
}
#shelf #shelfControls input{
    width:100%;
}
#boxview #gamedetails a{
    color: #fff;
}
#boxview #gamedetails h1,
#boxview #gamedetails h2{
    color: #fff;
    box-shadow: none;
    text-align: right;
    margin: 0;
    line-height:1em;
}
#boxview #gamedetails h1{
    font-size: 1.4em;
}
#shelf #shelfControls h1,
#nerdwall #nerdwallinfo h1,
#gamedetails #detailshead h1 {
    color: #ff0;
    font-size: 2em;
    text-shadow: 0px 1px 0 #ff0, 0px 0px 4px #000, 2px 3px 0px #000;
}
#site.mobile #gamedetails #detailshead h1 {
    font-size:1.6em;
}
#boxview #gamedetails h2{
    font-size: 1.0em;
}

#boxview #gamedetails>h1:not(:first-of-type){
    margin-top:2em;
}
#eBay {
    position: relative;
    display: inline-block;
    background: red;
    width: auto;
    height: 1em;
    font-weight: bold;
    box-shadow: 0 4px 4px 1px #000;
    font-size: 0.8em;
    margin-bottom: 2em !important;
    margin-top: 1em !important;
    text-decoration:none;
}
#detailshead{
    padding-bottom:3em;
}
#gamedetails #scrollDownForDetails{
    font-size: 0.8em;
    text-align: right;
    display: block;
    color: #ff0;
    position: absolute;
    margin-top: 1em;
    right: 2.5em;
    transition:all 0.2s ease;
    animation-name: ScrollForMoreHighlight;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    //animation-timing-function: ease;
}
#site.NoHints #gamedetails #scrollDownForDetails{
    animation:none;
}
@keyframes ScrollForMoreHighlight {
    0%, 80%, 100% {color: #ffff00ff;}
    90% {color: #ffff0000;}
}
#lookInside {
    margin: 0;
    padding: 0 2em 2em;
    background: #333;
    box-shadow: 0 6px 4px -2px #000 inset;
}
#lookInside h1 {
    padding-left:0;
}
#lookInside p {
    text-align: center;
    padding: 5em 0 1em;
    color: #aaa;
}
#site.portrait #lookInside{
    padding:2em 1em;
}
.connections {
    margin: 0;
    box-shadow: 0 -2px 4px 2px #000, 0 2px 4px 2px #000;
    padding: 2em 0;
    position:relative;
}
.connections h1 {
    padding-left:0;
}
#variants, 
#series, 
#universe {
    text-align: center;
    padding: 0.5em 0 2em;
    max-width: 80rem;
    margin: 0 auto;
}
#content h1 {
    text-align:center;
}
#content>h1 {
    padding:0 0 0.2em !important;
}
#content #lookInside h1{
    padding: 2em 0 1em 0;
    margin: 0;
}


#artists .artisttext .game:not(:hover),
#games .gameHistory .game:not(:hover),
#boxview #content #universe div.container,
#boxview #content #series div.container,
#boxview #content #variants img,
#boxlistbox.cover .game:not(:hover) {
    background-size: contain !important;
    background-position: 50% 50% !important;
    background-color: transparent;
    box-shadow: none;
    border-color: transparent;
    filter: drop-shadow(0 2px 4px #000);
    border-radius: 0;
    transition: backgroundSize 0.1s, boxShadow 0.1s, transform 0.1s;
}

#artists .artisttext .game{
    margin: 0.5em 0;
    width: 9.4em;
}
#site.portrait #artists .artisttext .game{
    background-size: contain !important;
    background-position: 50% 50% !important;
    background-color: transparent;
    margin: 0.5em 0;
    width: 7.4em;
    height: 8em;
}
#artists .artisttext .game,
#games .gameHistory .game,
#boxlistbox.cover .game{
    height: 10em;
}

#site:not(.mobile) #boxlistbox.cover .game:hover {
    background-size: cover !important;
}
#boxlistbox{
    margin-top: 4.7em;
    margin-bottom: 4em;
    text-align: justify;
}
#boxview #content #universe div,
#boxview #content #series div{
    display:inline-block;
    position:relative;
    background-size:100%;
    margin-bottom:0.8em;
}
#boxview #content #universe img,
#boxview #content #variants img{
    height:150px;
}
#boxview #content #universe div.container,
#boxview #content #series div.container,
#boxview #content #variants img{
    border-radius:0;
    margin:0.4em 0.5em;
}
#boxview #content #universe div img,
#boxview #content #series div img{
    height:150px;
    visibility:hidden;
}

#site.mobile #boxview #content #universe div img,
#site.mobile #boxview #content #variants img,
#site.mobile #boxview #content #series div img{
    height:130px;
}

#boxview #content #universe div.expansion,
#boxview #content #series div.expansion{
    margin:0.4em 1em 0.4em 0;
}
#boxview #content #universe div.expansion img,
#boxview #content #series div.expansion img{
    height:120px;
}
#site.mobile #boxview #content #universe div.expansion img,
#site.mobile #boxview #content #series div.expansion img{
    height:110px;
}
#boxview #content #universe div.spacer,
#boxview #content #series div.spacer{
    margin-left:2em;
}


x#site:not(.mobile) #boxview #content #universe div.container:hover,
x#site:not(.mobile) #boxview #content #series div.container:hover,
x#boxview #content #series div.highlight,
x#site:not(.mobile) #boxview #content #variants img:hover{
    z-index:3;
    transform:scale(1.05);
    box-shadow:1em 1em 20px 0 #ff02 inset, 0 0 5px 2px #000 inset, 0 0 0em 0.25em #ff0,0 0 0em 0.27em #000, 0 0 5px 0.20em #ff0, 0 6px 8px #000;
    filter:contrast(1.15);		
    border-radius:0.8em;
    cursor:pointer;
}

/*******************************/
/* NerdWall
/*******************************/

#nerdwall iframe {
    width: 100%;
    height: calc(100vh - 3.6rem);
    margin-top: 3.6rem;
    border: none;
    display: block;
}
#nerdwall #nerdwallinfo{
    position: fixed;
    bottom: 2em;
    right: 2em;
    width: 30%;
    max-width: 40em;
    text-align: justify;
}
#nerdwall #nerdwallinfo h1{
    text-align: right;
}
#nerdwall #nerdwallinfo h1 span{
    font-family: sans-serif;
}



/*******************************/
/* Games
/*******************************/

#games{
    color: #ccc;
    //background:#3338;
}
#games h1{
    margin: 0 auto;
    max-width: 28em;
    display: block;
    padding: 1em 1em;
    text-align: center;
}
#games .intro {
    padding: 0em 2em;
}
#games .intro .polaroids {
    padding: 5em 8em 0em 0;
    text-align:center;
}
#site.portrait #games .intro .polaroids {
    padding-top: 9em;
}
#games .intro .photo{
    border: 1em solid #fff;
    border-width: 0.7em 0.7em 2.7em 0.7em;
    max-width: 25em;
    width: calc(33% + 4em);
    background-color: #333;
    display: inline-block;
    transform-origin: 50% 50%;
    margin: 6em auto;
    box-shadow: -2px 6px 4px 0px #000;
    transition: all 0.2s ease, background-position 0s linear;
    background-size: cover;
    margin-right: -8em;
    position: relative;
    border-radius: 0.2em;
    transform-origin:50% 50%
}
#games .intro .photo:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
#games .intro .photo:nth-of-type(1):before,
#games .intro .photo:nth-of-type(2):before,
#games .intro .photo:nth-of-type(3):before {
    position: absolute;
    color: #000;
    right: 0.4em;
    bottom: -2.6em;
    font-size:0.7em;
}
#games .intro .photo:nth-of-type(1){
    background-image:url(images/Polaroid_HereticW.webp);
    z-index:0;
    transform:rotate(-7deg);top:2em;
    top:1em;    
    transform-origin:100% 100%;
    background-position: 12.5% 50%;
}
#games .intro .photo:nth-of-type(1):before {
    content: "Heretic (Shareware), 1994, PC";
}
#games .intro .photo:nth-of-type(2){
    background-image:url(/images/Polaroid_TetrisW.webp);
    z-index:1;
    transform:rotate(2deg);
    top:-4em;
    background-position: 15.5% 50%;
}
#games .intro .photo:nth-of-type(2):before {    
    content: "Tetris, 1988, C64";
}
#games .intro .photo:nth-of-type(3){
    background-image:url(images/Polaroid_idAnthologyW.webp);
    z-index:0;
    transform:rotate(7deg);
    top:0em;
    background-position: 12.5% 50%;
}
#games .intro .photo:nth-of-type(3):before {
    content: "id Anthology, 1996, PC";    
}
#games .intro .photo:hover{
    box-shadow: -4px 14px 8px -4px #000;
    cursor:pointer;
}
#games .intro .photo:nth-of-type(1):hover{
    transform:rotate(-8deg);
    top:0.5em;
    background-position: 91.5% 50%;
}
#games .intro .photo:nth-of-type(2):hover{
    transform: rotate(1deg);
    top:-4.5em;
    background-position: 85% 50%;
}
#games .intro .photo:nth-of-type(3):hover{
    transform:rotate(8deg);
    top:-0.5em;
    background-position: 82.85% 50%;
}
#games .blurb,
#games .container,
#games .blogcontainer{
    padding: 1em 1em;
    max-width: 45em;
    margin: 0 auto;
}
#games .blurb,
#games .container{
    display: block;
    column-count: 2;
    column-width: 20em;
    text-align: justify;
    column-gap: 2em;
}
#games>.container p,
#games .blogpostpreview{
    max-width: 55em;
    margin-left:auto;
    margin-right:auto;
}
#site.portrait #games .blurb{
    column-count:1;
}
#games .blurb h1{
    margin:0;
    display:inline-block;
}
#games .blurb a,
#games .blurb .link,
#games .container a,
#games .container .link{
    color:#fff;
}
#artists .sig,
#games .sig{
    font-family: 'Odibeesans';
    font-size: 1.6em;
    color: #ff0;
    text-shadow: 0 1px 1px #000;
    display: inline-block;
    margin-top: 0.4em;
}

#games .blurb,
#games .gamecontainer{
    margin: 0 auto;
    text-align: center;
    max-width: 55em;
    padding: 1.5em 1em;
    border-radius: 1em;
    box-shadow: 0 2px 4px 0 #000;
}
#games .blurb {
    margin-bottom: 4em;
    column-count:1;
    background: #222;
    border: 2px solid #000;
}
#games .gamecontainer{
    background: #222;
    background: transparent;
    max-width: unset;
    border-radius: 0;
    backdrop-filter: saturate(0);    
    box-shadow: 0 -2px 4px 2px #000, 0 2px 4px 2px #000;
}
#games .gamecontainer.press img{
    border-radius:0;
    height:4em;    
}
#site.portrait #games .gamecontainer{
    background:none;
    padding:1.5em 0;
    border-radius:none;
}
#AboutNerdWall,
.intro.gamecontainer img {
    border: 0.5em solid #fff;
    border-radius: 2px;
    width: 80%;
    max-width: 50em;
    transform: rotate(-3deg);
    margin:3em auto;
}
#games>.container,
#games .blogcontainer {
    max-width: unset;
    background: #222;
    box-shadow: 0 4px 6px 0px #000 inset;
}

#games #print {
    overflow: hidden;
    display: inline-block;
    padding: 1em 0 0 0;
    width:100%;
    max-width: 50em;
    margin-top:-3em;
    margin-bottom: -0.3em;
}

#games #print img {
    height: auto;
    width: 20%;
    max-width: 150px;
    transform: rotate(-5deg) translateY(40%);
    margin: 0 -5%;
    transition: all 0.2s ease;
    filter: drop-shadow(-6px 0px 6px black) saturate(0.8);
    cursor: pointer;
    transform-origin: 0% 100%;
}
#games #print img:hover {
    transform: rotate(-10deg) translateY(20%);
    filter: drop-shadow(-8px 0px 8px black) saturate(1);
}
.gamecontainer.press{
    padding:0 2em !important;
}
#games .press .blurb {
    column-count: 3 !important;
    text-align:left;
    position:relative;
    z-index:1;
    column-width: 14em;
    column-gap: 0.5em;
}

#games>.container, #games .blogcontainer {
    padding-bottom: 3em;
}

#artists .artisttext .game:hover .variantsTag,
#games .gamecontainer .game:hover .variantsTag {
    display: block !important;
}
#games .gamecontainer .gameHistory {
    height: 23em;
    overflow: hidden;
    padding-top: 1em;
}
#site.portrait #games .gamecontainer .gameHistory {
    height: 45.5em;
    overflow: hidden;
}
.blogpostpreview {
    text-align: left;
    padding: 0.2em 0;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blogpostpreview .blogdate {
    display: inline-block;
    width: 5em;
    margin: 0.8em 1.4em 0 0;
    text-align: left;
}
#site.portrait .blogpostpreview .blogdate {
    display:block;
    margin:0.4em 1.4em 0 0;
}
#site.portrait .blogpostpreview .blogtitle {
    display:block;
}
.blogpostpreview .blogtitle {
    font-family: 'Odibeesans';
    font-size: 1.2em;
    font-weight: normal;
    text-transform: uppercase;
}
.blogpostpreview .blogpreview {
    color: #bbb;
}
#games .container.statistics {
    line-height: 2.5em;
    column-gap: 0.5em;
    column-width: 12.5em;
    column-count: 4;
}
#games .container.statistics svg {
    width: 2.2em;
    display: inline-block;
    height: 2.2em;
    vertical-align: middle;
    margin: 0 1em 0 1em;
    transform: none;
    filter: drop-shadow(2px 2px 0px black);
}
/*******************************/
/* Contact
/*******************************/

#about{
    color: #ccc;
    background:#3338;
}
#about h1{
    margin: 0 auto;
    max-width: 28em;
    display: block;
    padding: 1em 1em;
}
#about .container{
    column-count: 2;
    padding: 1em 1em;
    column-width: 20em;
    max-width: 45em;
    margin: 0 auto;
    text-align: justify;
    column-gap: 2em;
}
#about IFRAME{
    width:100%;
    border:none;
    z-index:1;
    height: 15em;
    max-width:35em;
    border-radius:1em;
    margin:1em auto;
    box-shadow: 0 0 4px 3px #000;
    position:relative;
    display:block;
}
#about IFRAME.c64anabalt{
    background: radial-gradient(circle closest-corner at 50% 50%, transparent 50%, #0008 70%, #000),linear-gradient(rgba(15, 15, 15, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0 ,0.1) 33.3%, rgba(0, 255, 0, 0.1) 33.3%,rgba(0, 255, 0,0.1) 66.6%, rgba(0, 0, 255,0.1) 66.6%, rgba(0, 0, 255,0.1) 100%);
    background-size: 100%, 100% 4px, 6px 100%;
    background-repeat: no-repeat, repeat, repeat;
    background-position: 100% 100%, 0%, 0%;
}
#about DIV.c64anabalt{
    background:url(/images/bg/C64anabalt.webp);
    background-size:cover;
    background-position:50%;
    filter:blur(5px);
    position:relative;
    z-index:0;
    width:100%;
    max-width:33em;
    height:14em;
    margin:1em auto -15.5em auto;
    display:block;
}

/*******************************/
/* dsgvo
/*******************************/

#dsgvo{
    color: #ccc;
    background:#3338;
}
#dsgvo h1{
    margin: 0 auto;
    max-width: 28em;
    display: block;
    padding: 1em 1em;
    text-align:center;
}
#dsgvo h2{
    color:#ff0;
    text-align:left;
    margin:1rem 0 0 0;
}
#dsgvo h3{
    font-size: 1.1em;
    text-shadow: 2px 2px 0px #000;
    color:#fff;
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
}
#dsgvo .container{
    padding: 1em 1em;
    max-width: 45em;
    margin: 0 auto;
    text-align: justify;
    column-gap: 2em;
}

/*******************************/
/* shelf
/*******************************/
#shelf {
    margin-top: 4em;
}
#site.shelf:not(.mobile) #searchbutton{
    display:none !important;
}
#shelf iframe {
    width: 100%;
    height: calc(100vh - 3.6rem);
    margin-top: 3.6rem;
    border: none;
    display: block;
}
#shelf #shelfControls{
    position: fixed;
    bottom: 2em;
    right: 2em;
    width: 30%;
    max-width: 10em;
    text-align: justify;
    z-index:2;
}
#shelf #shelfControls h1{
    text-align: right;
}
#shelf #shelfControls h1 span{
    font-family: sans-serif;
}
#shelf #shelfControls p {
    text-align:right;
}

#bigshelf{
    background-image:url(images/bg_normal.webp);
    background-size:auto 900px;
    padding: 30px 4em 300px;
    background-position: 0 30px;
    text-align: justify;
    line-height:0;
}
.shelfBox {
    height:230px;
    margin: 68px 0.2em 2px !important;
    transform-origin:50% 100% ;
    filter: drop-shadow(0px -2px 4px black) saturate(0.90) brightness(0.90);
    transform:scale(1) ;
    transition:all 0.2s ease;
    z-index:0;
    position:relative;
    margin:70px 0 0 0;
    padding:0;
    border:none;
    display:inline-block;
}
#bigshelf.noFancyFX .shelfBox {
    filter:none !important;
}
.shelfCover{
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-image:url('images/idle.gif');
}
#site:not(.mobile) .shelfBox:hover {
    margin: 68px 0.2em 2px !important;
    filter: drop-shadow(0px 2px 14px black) saturate(1.05) brightness(1.05);
    transform:rotateZ(1.5deg) scale(1.1) translateY(-0.5em);
    z-index:1;
}

#site:not(.mobile) .shelfBox:after {
    content: "";
    position: absolute;
    width: 100%;
    background: #000;
    height: 0;
    box-shadow: 0 0px 2px 2px #000, 0 -2px 10px 3px #000;
    opacity:1;
    transition:all 0.1s ease;
}
#site:not(.mobile) .shelfBox:hover::after {
    opacity:0;
}
.shelfCover {
    height:230px;
    border-radius: 2px !important;
    display:block;
    position:relative;
    margin: 0;
    padding:0;
}

#site.mobile {
    #bigshelf{
        zoom:0.5;
    }
}
.shelfSep.SepRelease {
    color: #ff0;
    font-size: 5em;
    font-family: monospace;
    font-weight: bold;

    word-wrap: break-word;
    line-height: 0.8em;
    width: 1em;
    overflow: hidden;
    text-align: center;
}

.shelfSep {
    display: inline-block;
    filter: drop-shadow(0px -2px 4px black);
}


/*******************************/
/* impressum
/*******************************/

#impressum{
    color: #ccc;
    background:#3338;
}
#impressum h1{
    margin: 0 auto;
    max-width: 28em;
    display: block;
    padding: 1em 1em;
    text-align:center;
}
#impressum h2{
    color:#ff0;
    text-align:left;
    margin:1rem 0 0 0;
}
#impressum h3{
    font-size: 1.1em;
    text-shadow: 2px 2px 0px #000;
    color:#fff;
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
}
#impressum .container{
    padding: 1em 1em;
    max-width: 45em;
    margin: 0 auto;
    text-align: justify;
    column-gap: 2em;
}

/*******************************/
/* fightclub
/*******************************/

#fightclub{
    color: #ccc;
    background:#3338;
}
#fightclub h1{
    margin: 0 auto;
    max-width: 28em;
    display: block;
    padding: 1em 1em;
    text-align:center;
}
#fightclub h2{
    color:#ff0;
    text-align:left;
    margin:1rem 0 0 0;
}
#fightclub h3{
    font-size: 1.1em;
    text-shadow: 2px 2px 0px #000;
    color:#fff;
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
}
#fightclub .container{
    padding: 1em 1em;
    max-width: 45em;
    margin: 0 auto;
    text-align: justify;
    column-gap: 2em;
}

/*******************************/
/* Media Icons
/*******************************/

.media{
	display:inline-block;
	position:relative;
	color:#444;
	text-align:center;
    margin-top:0.4em;
	text-align:left;
    margin-right:2em;
}
.media img,
.media svg{
	width:2.5em;
	height:2.5em;
	margin:0 -2.1em 0.4em 0;
	position:relative;
	transition:all 0.1s ease;
	background:none;
	filter:drop-shadow(0px 0px 0px #0000);
}
#site:not(.mobile) .media img:hover,
#site:not(.mobile) .media svg:hover{
	transform:scale(1.3) rotate(5deg);
	transform-origin:50%;
	z-index:9;
	filter:drop-shadow(0px 3px 1px #0008);
}
.media span{
	display:block;
	text-align:left;
}
.media .mediaspacer{
	display:inline-block !important;
	width:2em;
}
#main svg{
	transform:rotate(-15deg);
	transform-origin:50%;
}
svg.icon{
	width:2.5em;
	height:2.5em;
}
svg.icon.media{
	margin:0 -2em 0 0;
}
svg g.line{
	stroke:#444;
	fill:transparent;
}
svg g.bg *.stroke{
	stroke:#fff;
	fill:transparent;
}
svg g.bg *.fill{
	fill:#fff;
	stroke:transparent;
}
svg g.bg *.fill.stroke{
	fill:#fff;
	stroke:#fff;
}

/*******************************/
/* SCROLLBARS
/*******************************/
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #000000; 
    border-radius:5px;
}
#main::-webkit-scrollbar-track {
    margin:4.5em 0 0 0;
}
::-webkit-scrollbar-thumb {
    background: #888; 
    border-radius:5px;
    min-height:3em;
    transition:all 0.2s ease;
}

#site:not(.mobile) ::-webkit-scrollbar-thumb:hover {
    background: #ff0; 
}

/*******************************/
/* Content
/*******************************/

/* Show Game */
#site.games #main #games,
#site.games #bgGame{
    display:block;
}
#site.games #main #boxview,
#site.games #main #blog,
#site.games #main #about,
#site.games #main #artists,
#site.games #main #dsgvo,
#site.games #main #impressum,
#site.games #main #nerdwall,
#site.games #main #shelf,
#site.games #main #fightclub{
    display:none;
}

/* Show Shelf */
#site.shelf #main #shelf,
#site.shelf #bgGame{
    display:block;
}
#site.shelf #main #boxview,
#site.shelf #main #blog,
#site.shelf #main #about,
#site.shelf #main #artists,
#site.shelf #main #nerdwall,
#site.shelf #main #dsgvo,
#site.shelf #main #impressum,
#site.shelf #main #games,
#site.shelf #main #fightclub{
    display:none;
}

/* Show NerdWall */
#site.nerdwall #main #nerdwall,
#site.nerdwall #bgGame{
    display:block;
}
#site.nerdwall #main #boxview,
#site.nerdwall #main #blog,
#site.nerdwall #main #about,
#site.nerdwall #main #artists,
#site.nerdwall #main #shelf,
#site.nerdwall #main #dsgvo,
#site.nerdwall #main #impressum,
#site.nerdwall #main #games,
#site.nerdwall #main #fightclub{
    display:none;
}

/* Show BoxView */
#site.boxview #main #boxview
#site.boxview #bgGame,
#site.boxview #bg{
    display:block;
}
#site.boxview #main #games,
#site.boxview #main #blog,
#site.boxview #main #about,
#site.boxview #main #artists,
#site.boxview #main #impressum,
#site.boxview #main #fightclub,
#site.boxview #main #nerdwall,
#site.boxview #main #shelf,
#site.boxview #main #dsgvo{
    display:none;
}

/* Show About */
#site.about #main #games,
#site.about #main #boxview,
#site.about #main #blog,
#site.about #main #artists,
#site.about #main #dsgvo,
#site.about #main #impressum,
#site.about #main #fightclub,
#site.about #main #nerdwall,
#site.about #main #shelf,
#site.about #bgGame/*,
#site.about #bg*/{
    display:none;
}
#site.about #main #about{
    display:block;
}

/* Show Blog */
#site.blog #main #games,
#site.blog #main #boxview,
#site.blog #main #about,
#site.blog #main #artists,
#site.blog #main #dsgvo,
#site.blog #main #impressum,
#site.blog #main #fightclub,
#site.blog #main #nerdwall,
#site.blog #main #shelf,
#site.blog #main #blog #singleBlogEntry,
#site.blog #bgGame/*,
#site.blog #bg*/{
    display:none;
}
#site.blog #main #blog,
#site.singleblog #main #blog #blogposts_general,
#site.blog #bg{
    display:block;
}
/* Show Single Blog */
#site.singleblog #main #games,
#site.singleblog #main #boxview,
#site.singleblog #main #about,
#site.singleblog #main #artists,
#site.singleblog #main #dsgvo,
#site.singleblog #main #impressum,
#site.singleblog #main #fightclub,
#site.singleblog #main #nerdwall,
#site.singleblog #main #shelf,
#site.singleblog #main #blog #blogposts_general,
#site.singleblog #bgGame/*,
#site.singleblog #bg*/{
    display:none;
}
#site.singleblog #main #blog,
#site.singleblog #main #blog #singleBlogEntry,
#site.singleblog #bg{
    display:block;
}
/* Show Artists */
#site.artists #main #games,
#site.artists #main #boxview,
#site.artists #main #about,
#site.artists #main #blog,
#site.artists #main #impressum,
#site.artists #main #fightclub,
#site.artists #main #nerdwall,
#site.artists #main #shelf,
#site.artists #main #blog #blogposts_general,
#site.artists #main #dsgvo,
#site.artists #bgGame/*,
#site.dsgvo #bg*/{
    display:none;
}
#site.artists #main #artists,
#site.artists #bg{
    display:block;
}
/* Show Data Protection */
#site.dsgvo #main #games,
#site.dsgvo #main #boxview,
#site.dsgvo #main #about,
#site.dsgvo #main #blog,
#site.dsgvo #main #artists,
#site.dsgvo #main #impressum,
#site.dsgvo #main #fightclub,
#site.dsgvo #main #nerdwall,
#site.dsgvo #main #shelf,
#site.dsgvo #main #blog #blogposts_general,
#site.dsgvo #bgGame/*,
#site.dsgvo #bg*/{
    display:none;
}
#site.dsgvo #main #dsgvo,
#site.dsgvo #bg{
    display:block;
}

/* Show Impressum */
#site.impressum #main #games,
#site.impressum #main #boxview,
#site.impressum #main #about,
#site.impressum #main #blog,
#site.impressum #main #artists,
#site.impressum #main #dsgvo,
#site.impressum #main #fightclub,
#site.impressum #main #nerdwall,
#site.impressum #main #shelf,
#site.impressum #main #blog #blogposts_general,
#site.impressum #bgGame/*,
#site.dsgvo #bg*/{
    display:none;
}
#site.impressum #main #impressum,
#site.impressum #bg{
    display:block;
}

/* Show Fight Club */
#site.fightclub #main #games,
#site.fightclub #main #boxview,
#site.fightclub #main #about,
#site.fightclub #main #blog,
#site.fightclub #main #artists,
#site.fightclub #main #impressum,
#site.fightclub #main #dsgvo,
#site.fightclub #main #nerdwall,
#site.fightclub #main #shelf,
#site.fightclub #main #blog #blogposts_general,
#site.fightclub #bgGame/*,
#site.dsgvo #bg*/{
    display:none;
}
#site.fightclub #main #fightclub,
#site.fightclub #bg{
    display:block;
}

/*******************************/
/* Artists
/*******************************/

#artists{
    background: #3338;
}
#site.artists #bgGame{
    background-image:url(images/ArtistsBG.webp);
    display:block;
}
.artistposts {
    margin: 0 auto;
    text-align: center; 
    padding: 3em 0;
}
.artistpost{
    border-radius: 1rem;
    overflow: hidden;
    max-width: 55em;
    display: block;
    margin: 2em auto;
    padding:0em 1em 0em 1em;
    position:relative;
}
.artistProfile{
    position: absolute;
    top: 2.2em;
    text-align: center;
    width: 5em;
}
.artistProfile .game {
    width: 5.5em;
    height: 5.5em;
    background-size:5.5em;
    border-radius: 10.8em;
    display: inline-block;
    margin-top: -1.8em;
}
.artistpost>h1{
    color:#fff;
    padding:0.6em 0 0 4.5em;
    margin:0 0 0 0;
    position:relative;
    text-align:left !important;
}
.artisttext{
    color:#ccc;
    text-align:left;
}
.artisttext p{
    padding:0 1em;    
}
.artisttext A{
    color:#fff;
}
.artisttext A:hover{
    color:#ff0;
    text-decoration:none;
}
.artistpost .artisttext{
    padding:0.5em 0 1em 6.2em;
}
#ArtistUnknown .artistpost .artisttext{
    padding: 0.5em 0 1em 0;
}
#artists h1.index{
    color:#ff0;
    text-align:center;
    font-size:2.5em;
    padding: 0 0 0.2em 0;
}
#ArtistUnknown h1{
    padding: 0 0 0.2em 0;
}
#ArtistUnknown {
    background: #333;
    box-shadow: 0 6px 4px -2px #000 inset, 0 -6px 4px -2px #000 inset;
    padding: 2em 0;
}
#ArtistUnknown > h1,
#ArtistUnknown > h1 {
    text-align: center !important;
}
#artists IMG.header{
    width: 80%;
    max-width: 50em;
    margin: 6em auto;
    display: block;
    filter: drop-shadow(0px 5px 2px #000c);
}
#site.mobile #ArtistUnknown .artisttext {
    padding: 0 !important;
    margin: 0 !important;
}
/*******************************/
/* Blog Posts
/*******************************/

.blogposts {
    margin: 0 auto;
    text-align: center; 
    padding: 3em 0;
}
#blog{
    background: #3338;
}
#boxview .blogposts{
    background: #333;
}
.blogpost{
    border-radius: 1rem;
    overflow: hidden;
    max-width: 55em;
    display: block;
    margin: 2em auto 4em;
    padding:1em 1em 1em 5.3em;
    position:relative;
}
#blog .blogpost{
    position:relative;
    box-shadow:none;
}
#blog #blogposts_general > h1 {
    color: #ff0;
    text-align: center;
    font-size: 3em;
}
#site.portrait .blogposts .blogpost {
    width: calc(100% - 5.3em);
    margin: 2em 1em 4em 0.5em;
    border-radius: 0;
    box-shadow:none;
    background:transparent;
    border-radius:0;
}
#site.portrait .blogpost{
    background :transparent;
    padding: 0 0 0 4.3em;
}
.blogpost h1{
    color:#fff;
    padding:0.6em 2.5em 0.4em 0.6em;
    margin:0 0 0.6em 0;
    position:relative;
    text-align:left !important;
}
.blogpost h2{
    color:#fff;
}
.blogBoxes{
    position: absolute;
    top: 3em;
    left: 0.8em;
    text-align: center;
    width: 5em;
}
#site.portrait .blogBoxes{
    top: 2.5em;
    left: 0em;
}
.blogBoxes .game {
    width: 4em;
    height: 4em;
    border-radius: 10.8em;
    display: inline-block;
    margin-top: -1.8em;
}
.BlogBoxContainer{
    perspective:300px;
    perspective-origin: 100% 100%;
    display:inline-block;
    position:relative;
    margin:0 -1.5em;
    transform-origin:50% 100%;
    transition:all 0.2s ease;
}
.BlogBoxContainer IMG{
    height: 7em;
    transform: rotateY(-0deg);
    border-radius: 4px;
    filter: drop-shadow(0px 5px 2px #000c);
    cursor: pointer;
}
.BlogBoxContainer:hover{
    transform:scale(1.2);
}
#site.portrait .blogpost.storytime{
    box-shadow:none !important;
}
.blogpost.titlescreen h1{
    margin-bottom:0 !important;
}
.blogpost.titlescreen IMG{
    width:100%;
    margin-top:0em !important;
}
.blogpost .blogtext{
    padding:1em 0em;
}
.blogpost .blogtext .quote {
    background-color: #0006;
    border-radius: 1em;
    margin: 2em 4em;
    width: calc(100% - 12em);
    padding: 2em 1em;
}
#site.portrait .blogpost .blogtext .quote {
    border-radius: 1em;
    margin: 2em 0.5em;
    width: calc(100% - 2em);
    padding: 2em 0.5em;
  }
.blogpost .blogtext .quote::before {
    content: "";
    background-image: url(images/ui/quote_w.png);
    display: block;
    width: 6em;
    height: 6em;
    position: absolute;
    background-size: contain;
    margin-top: -4.5em;
    left: 7em;
}
#site.portrait .blogpost .blogtext .quote::before {
    right: -1em;
    left: unset;
}

.blogpost .blogtext .caption {
    text-align:center;
    font-size:0.9em;
}

.blogpost.storytime .blogtext{
    column-count:2;
    column-width:20em;
    orphans:4;
    text-align: justify;
    column-gap: 0;
    padding: 0.5em;
}

.blogtext{
    color:#ccc;
    text-align:left;
}
.blogtext p{
    padding:0 1em;    
}
.blogtext A{
    color:#fff;
}
.blogtext A:hover{
    color:#ff0;
    text-decoration:none;
}
.blogtext IMG,
.blogtext IFRAME,
.blogtext VIDEO {
    border-radius: 1em;
    border: none !important;
    display: block;
    margin: 2em 1em 0.5em;
    width: calc(100% - 2em) !important;
    box-shadow: 0 2px 4px 0 #000;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-color: #0003 !important;
    background-image:url('images/idle.gif');
}
.blogtext IMG{
    cursor: pointer;
    transition:all 0.2s ease;
}
.blogtext IMG:hover {
    transform: scale(1.005);
    box-shadow: 0 2px 6px 1px #000;
}
.blogtext IFRAME{
    height:10em;
}
.blogdate{
    font-size:0.8em;
    color:#bbb;
    text-align: left;
    margin: -1.5em 1.4em 1em;
}
#site.portrait .blogdate{
    text-align: left;
    margin: -1.5em 1.4em 1em;
}
#YouVeSearchedFor,
#YouVeReachedTheEnd {
    color: #ff0;
    text-shadow: 1px 1px 0 #000;
}
#blog .navbutton,
#blog .disabledbutton{
    width: 4.5em;
    padding: 0 0.4em;
}
#blog .disabledbutton{
    color:#aaa;
    background-color: transparent;
    box-shadow: 0 0 0 3px #222 inset;
    border-width: 0;
    padding: 0.6rem 1.4em;
}

#blogrollPost{
    display:none;
}
#site.singleblog #blogrollFixed {
    display:none !important;
}
#blogrollFixed {
    position: fixed;
    top: 6em;
    right: 4em;
    color: #fff;
    text-align: left;
    width:14em;
    margin:0 auto;
}
#blogrollFixed a {
    color: #aaa;
    font-size: 0.9em;
    text-decoration: none;
}
#blogrollFixed a:hover{
    color:#ff0;
}
#blogrollFixed h2{
    text-align:left;
}
#blogrollPost UL {
    column-count: 3;
    column-width: 13em;
}
@media only screen and (max-width: 1400px) {
    #blogrollFixed {
        display:none;
    }
    #blogrollPost{
        display:block;
    }
}
.statTable{
    width:100%;
    border-collapse:collapse;
}
.statTable td{
    margin:0;
    padding:0;
}
.statTable .label{
    width:5em;
    text-align:right;
    padding:0 1em 0 0;
    font-family:monospace;
}
.statTable .statColumn{
    height: 0.8rem;
    border-radius:0.5em 1em 1em 0.5em;
    color: #000;
    font-size: 0.8em;
    padding: 0.1em 0.3em 0 0;
    display: block;
    text-align: right;
    text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    font-weight:bold;
}
.statTable .statColumn:hover{
    /*background:#ff0;*/
}

/* This year on bigboxcollection.com */

#blogposts_general .blogposts>h1 {
    color: #ff0;
    text-align: center;
    font-size: 3em;
    font-family: 'Odibeesans';
    text-shadow: 1px 0 0 #ff0;
}

/*******************************/
/* Affiliate Links
/*******************************/
.affiliate{
    display:none;
}

/*******************************/
/* Share Button
/*******************************/

.shareLink{
	padding:0em 0.2em;
	clear:both;
	height:0px;
	transition:height 0.2s ease;
	overflow:hidden;
    margin-top: -1.5em;
    margin-bottom: 1.5em;
}
.shareLink .label{
	margin: 0em;
    padding: 0.1em 2em .5em;
    text-align: right;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
}
textarea.sharelink{
	resize: none;
    border: none;
    width: calc(100% - 1em);
    margin: 0em;
    color: #ff0;
    padding: 0.4em 0em 0em 0em;
    text-align: center;
    background: #555;
    border-radius: 1em;
    font-size: 1em;
    cursor: pointer;
    height: 1.7em;
    text-shadow: 1px 1px 0 #000;
    font-weight: 500;
    transition:all 0.2s ease;
}
textarea.sharelink:hover{
	background: #666;
}
#gamedetails textarea.sharelink{
    font-size: 0.9em;
    margin-top: 0.0em;
    background: transparent;
    text-align: right;
}

/*******************************/
/* New Styles
/*******************************/

.game{		
    width:9.7em;
    height:5em;
    display:inline-block;		
    border-radius:0.8em;
    border:1px solid #000;
    margin: 0.6em 0.3em;
    box-shadow: 0 0 2px 1px #222 inset, 0 6px 4px -3px #000;
    background-repeat:no-repeat;
    background-color:#000;
    transition:transform 0.1s, height 0.1s;
    overflow:hidden;
    z-index:1;
    position:relative;
    cursor:pointer;
    overflow:visible;
    vertical-align: top;
    text-align:justify;
    position:relative;
    z-index:0;
}
#site:not(.mobile) .game:hover,
#boxlistbox:not(.cover).game.selected,
#boxlistbox:not(.cover).game:focus{
    z-index:3;
    transform:scale(1.05);
    box-shadow:1em 1em 20px 0 #ff02 inset, 0 0 5px 2px #000 inset, 0 0 0em 0.25em #ff0,0 0 0em 0.27em #000, 0 0 5px 0.20em #ff0, 0 6px 8px #000;
    filter:contrast(1.15);
}
#site.portrait #artists .artisttext .game:hover,
#site:not(.mobile) #artists .artisttext .game:hover,
#site:not(.mobile) #boxview #content #universe div.container:hover,
#site:not(.mobile) #boxview #content #series div.container:hover,
#boxview #content #series div.highlight,
#site:not(.mobile) #boxview #content #variants img:hover,
#site:not(.mobile) .gameHistory .game:hover,
.gameHistory .game.selected,
.gameHistory .game:focus,
#site:not(.mobile) #boxlistbox.cover .game:hover,
#boxlistbox.cover .game.selected,
#boxlistbox.cover .game:focus {
    z-index:3;
    transform:scale(1.1) rotate(2deg);
    box-shadow:none;
    filter:drop-shadow(2px 8px 4px #000) contrast(1.15);
    background-size: contain !important;
    background-position: 50% !important;
    background-color: transparent;
    border-color: transparent;
    cursor:pointer;
}

.variantsTag{
    position:absolute;
    top:-0.3em;				
    right:-0.4em;
    width:auto;
    text-align:center;
    font-size:0.65em;
    background:#fff;
    color:#000;
    padding:0.0em 0.4em;
    border-radius:0.4em;
    height:1.2em;
    display:block;
    font-weight:bold;
    box-shadow:0 0 2px 1px #000;
    transform:rotate(5deg);
}	


/*******************************/
/* Light mode
/*******************************/


#site.light{
    background:#fcf7f1
}
#site.light h1 {
    color:#39221a;
    text-shadow: none;
}

#site.light h2 {
    /* text-shadow: 2px 2px 0px #000; */
}
#site.light .link{
    color:#000;
}
#site.light:not(.mobile) .link:hover{
    color:#000 !important;
    text-shadow:1px 1px 1px #ff0;
}
#site.light .navbutton,
#site.light .button{
    box-shadow: 0 0 1px 8px #fcf7f100;
    background-color:#fcf7f100;
}
#site.light #menuicon{
    /*background-image:url(images/ui/menu_w.png);*/
}
#site.light #searchclose{
    /*background-image:url(images/ui/back_w.png));*/
}
#site.light #searchbutton{
    /*background-image:url(images/ui/search_w.png);*/
}
#site.light #blogsearchbutton{
    background-image:url(images/ui/search_b.png);
}
#site.light #searchclear{
    background-image:url(images/ui/clear_b.png);
}
#site.light #searchclear:hover{
    background-image:url(images/ui/clear_w.png);
}
#site.light .sharebutton{
    background-image:url(images/ui/share_b.png);
}
#site.light .sharebutton:hover{
    background-image:url(images/ui/share_w.png);
}
#site.light .rssbutton{
    background-image:url(images/ui/rss_b.png);
}
#site.light .rssbutton:hover{
    background-image:url(images/ui/rss_w.png);
}
#site.light #fullscreen{
    background-image:url(images/ui/fullscreen_b.png); 
}
#site.light.fullscreen #fullscreen{
    background-image:url(images/ui/fullscreenExit_b.png); 
}
#site.light #BackToTop{
    background-image:url(images/ui/backup_b.png);
}
#site.light #BackToTop:hover{
    background-image:url(images/ui/backup_w.png);
}
#site.light #PinBoxList {
    /*background-image:url(images/ui/pin_w.png);*/
}
#site.light.pinnedBoxlist #PinBoxList{
    /*background-image:url(images/ui/pinned_w.png);*/
}
#site.light #lightdarkmode{
    background-image:url(images/ui/dark_b.png); 
}
#site.light .icon.menuGames{
    background-image:url(images/ui/home_b.png);
}
#site.light .icon.menuArtists{
    background-image:url(images/ui/artist_b.png);
}
#site.light .icon.menuBlog{
    background-image:url(images/ui/quote_b.png);
}
#site.light .icon.menuNerdwall{
    background-image:url(images/ui/panorama_b.png);
}
#site.light .icon.menuAbout{
    background-image:url(images/ui/about_b.png);
}
#site.light .icon.menuDSGVO{
    background-image:url(images/ui/GDPR_b.png);
}
#site.light .icon.menuFightClub{
    background-image:url(images/ui/fighter_b.png);
}
#site.light .icon.menuShelf{
    background-image:url(images/ui/shelf_b.png);
}
#site.light:not(.mobile) .button:hover {
    /*background-color: #bbbc !important;*/
}    
#site.light #bg {
}
#site.light #bgGame {
}
#site.light:not(.mobile) #header:hover,
#site.light.showMenu #header,
#site.light.showBoxlist #header,
#site.light.headerBG #header,
#site.light.about #header,
#site.light.blog #header,
#site.light.dsgvo #header,
#site.light.singleblog #header,
#site.light.nerdwall #header,
#site.light.shelf #header,
#site.light.games #header{
    background:#795548;
    box-shadow:0 2px 4px 0px #000;
}
#site.light #searchtitle,
#site.light #title{
    /*color: #686868;*/
    /*text-shadow: 1px 1px 0 #010;*/
}
#site.light #searchtitle{
    /* color:#fff; */
}
#site.light #greyout {
	background-color:#aaa;
}
#site.light #boxlist,
#site.light #menu{
    background:#f5f5f5;
}
#site.light #menu{
    box-shadow:2px 0 4px 0px #888;
}
#site.light #boxlist{
    box-shadow: -2px 0 4px 0px #888;
}
#site.light #gamelist .icon{
    filter:invert(1);
}
#site.light #menubox{
    /* color:#eee */
}
#site.light #menuPanel p .menuItem{
    color:#444;
}
#site.light:not(.mobile) #menuPanel p:hover{
	background:#aaa;
}
#site.light:not(.mobile) #gamelist .filterbutton:hover/*,
#site.light #menuPanel p.selected img, 
#site.light:not(.mobile) #menuPanel p:hover img */{
    /*
    filter:saturate(1) drop-shadow(2px 2px 1px black);
    filter:invert(1) !important;
    */
}
#site.light:not(.mobile) #menuPanel p:hover span {
    text-shadow:2px 2px 1px #000;
}
#site.light #menuPanel p.selected, #BoxCollectionView p.selected{
    background:#aaa;
}
#site.light #menuPanel p.selected SPAN, #BoxCollectionView p.selected SPAN{
    color:#ff0;
    text-shadow:2px 2px 1px #000;
}

#site.light #menuPanel hr {
    border: 1px dotted #ffff00;
}
#site.light #menuPanel p.header{
    border-top: 1px solid #444;
    color: #000;
}

#site.light #games .blurb {
    background: #eeed;
}
#site.light #games>.container, 
#site.light #games .blogcontainer {
    background: #f5f5f5;
}

#site.light #boxlist h1{
    background: #f5f5f5;
    box-shadow: 0 4px 4px 2px #f5f5f5;
}
#site.light #boxlist h1 .seperatorIndex{
    color: #ff0;
    text-shadow: 1px 0px 0 #ff0, 1px 1px 0 #000;
}
#site.light #boxlist h1::after{
    background-image: radial-gradient(circle, #795548 3px, transparent 4px);
}
#site.light #noGameFound{
    color:#f00;
}
#site.light #BlogSearch,
#site.light #filterbox input{
    border-bottom: 2px solid #444;
    color: #000;
    text-shadow:none;
}
#site.light #filterbox,
#site.light #CoverVSTitle {
    background: #f5f5f5;
    box-shadow: 0 -6px 6px -2px #eee;
}
#site.light.pinnedBoxlist #PinBoxList{
    background-color: #000;
}
#site.light #blog .navbutton,
#site.light #CoverVSTitle .button{
    background-color: #222;
    color: #fff;
}
#site.light #blog .disabledbutton{
    color:#000;
}
#site.light #gatefoldpics img,
#site.light #contentpics img{
    box-shadow:0 2px 4px 0 #000;
}
#site.light #boxview #content {
    box-shadow: 0 4px 6px 0px #000 inset;
    background: #8882;
}
/*****************/
#site.light #shelf #shelfControls p,
#site.light #nerdwall #nerdwallinfo p,
#site.light #boxview #gamedetails span{
    color: #fff;
    text-shadow: 0px 0px 4px #000, 1px 1px 0px #000;
}
#site.light #boxview #gamedetails a{
    color: #fff;
}
#site.light #boxview #gamedetails h1,
#site.light #boxview #gamedetails h2{
    color: #fff;
}
#site.light #shelf #shelfControls h1,
#site.light #nerdwall #nerdwallinfo h1,
#site.light #gamedetails #detailshead h1 {
    color: #ff0;
    text-shadow: 0px 1px 0 #ff0, 0px 0px 4px #000, 2px 3px 0px #000;
}
#site.light #gamedetails #scrollDownForDetails{
    color: #ff0;
}
#site.light #lookInside {
    background: #fcf7f1;
    //box-shadow: 0 4px 6px 0px #000 inset;
}
#site.light #lookInside h1 {
    color:#333;
}
#site.light #lookInside p {
    color: #666;
}
#site.light .connections h1 {
    color:#fff;
}
/*#site.light #boxview #content #universe img,*/
#site.light #boxview #content #universe div.container,
/*#site.light #boxview #content #series img,*/
#site.light #boxview #content #series div.container,
#site.light #boxview #content #variants img,
#site.light #boxlistbox.cover .game:not(:hover) {
    filter: drop-shadow(0 2px 4px #000);
}
x#site.light:not(.mobile) #boxview #content #universe div.container:hover,
x#site.light:not(.mobile) #boxview #content #series div.container:hover,
x#site.light #boxview #content #series div.highlight,
x#site.light:not(.mobile) #boxview #content #variants img:hover{
    box-shadow:1em 1em 20px 0 #ff02 inset, 0 0 5px 2px #000 inset, 0 0 0em 0.25em #ff0,0 0 0em 0.27em #000, 0 0 5px 0.20em #ff0, 0 6px 8px #000;
}
#site.light #about,
#site.light #dsgvo,
#site.light #games{
    color: #666;
    background: #fff4;
}
#site.light #about A,
#site.light #dsgvo A,
#site.light #games A{
    color: #000 !important;
}
#site.light #dsgvo h2{
    color:#795548;
    font-weight:bold;
    text-shadow:none;
}
#site.light #dsgvo h3{
    color:#000;
    text-shadow:none;
}
#site.light #about h1,
#site.light #games h1 {
    font-weight:bold;
    text-shadow:none;
}
#site.light #artists .sig,
#site.light #games .sig{
    color: #000;
    text-shadow: 0 1px 1px #888;
}
#site.light #games .gamecontainer{
    //background: #f5f5f5;
}
#site.light .blogpostpreview .blogpreview{
    color:#666;
}
#site.light #games .container.statistics svg {
    filter: drop-shadow(1px 1px 0px black);
}






#site.light ::-webkit-scrollbar-track {
    background: #fcf7f1; 
}
#site.light ::-webkit-scrollbar-thumb {
    background: #795548; 
}
#site.light:not(.mobile) ::-webkit-scrollbar-thumb:hover {
    background: #000; 
}
/***********************/

#site.light #artists {
    background: #fcf7f1cc;
}
#site.light .artistpost>h1 {
    color:#000;
}
#site.light .artisttext {
    color:#333;
}
#site.light #artists h1.index {
    color:#000;
}
#site.light .artisttext A{
    color:#000;
}
#site.light #ArtistUnknown {
    background: #fcf7f1;
}

/***********************/
#site.light #blog {
    background: #fcf7f1cc;
}
#site.light #boxview .blogposts{
    background: #fcf7f1;
}
#site.light .blogpost h1{
    color:#000;
}
#site.light .blogpost h2{
    color:#fff;
}
#site.light .blogpost .blogtext .quote {
    background-color: #fff8;
}
#site.light .blogpost .blogtext .quote::before {
    background-image: url(images/ui/quote_b.png);
}
#site.light .blogtext{
    color:#333;
}
#site.light .blogtext A{
    color:#000;
}
#site.light .blogtext A:hover{
    color:#ff0;
}
#site.light .blogdate{
    color:#888;
}
#site.light #YouVeSearchedFor,
#site.light #YouVeReachedTheEnd {
    color: #444;
    text-shadow: none;
}
#site.light .shareLink .label{
    color:#444;
}



#site.light #blogrollFixed {
    color: #000;
}
#site.light #blogrollFixed h2 {
    text-shadow:none;
}
#site.light #blogrollFixed a {
    color: #666;
}
#site.light #blogrollFixed a:hover{
    color:#000;
}



/**********************/

#site.light .game{		
    border: 1px solid #aaa;
    box-shadow: 0 2px 4px -1px #ccc inset, 0 6px 4px -3px #444;
}
x#site.light:not(.mobile) .game:hover,
x#site.light .game.selected,
x#site.light .game:focus{
    box-shadow:1em 1em 20px 0 #ff02 inset, 0 0 5px 2px #000 inset, 0 0 0em 0.25em #ff0,0 0 0em 0.27em #000, 0 0 5px 0.20em #ff0, 0 6px 8px #000;
}




#site.photoshoot #header,
#site.photoshoot #menuicon,
#site.photoshoot #searchbutton,
#site.photoshoot #scrollDownForDetails{
    display:none;
}
#site.photoshoot #header,
#site.photoshoot #gamedetails{
    font-size:1.2em;
}
#site.photoshoot #header {
    top: -0.3em;
    left: -1em;
}
#site.photoshoot #gamedetails {
    max-width: 50em;
    right: -1em;
    bottom: -2em !important;
}
#site.photoshoot #gamedetails .link{
    text-decoration:none;
}
#site.photoshoot #boxview {
    overflow: hidden;
}
#site.photoshoot #greyout{
    opacity:0.3;
}
#site.photoshoot #ThreeDBbox {
    background: #ffffff11;
    backdrop-filter: sepia(1);
}
#site.photoshoot #ThreeDboxViewer {
    filter:saturate(1.05) contrast(1.05);
    width:70% !important;
    transform: translateY(-15px);
    height: calc(100% + 15px) !important;
}
#site.photoshoot #main, 
#site.photoshoot #bg, 
#site.photoshoot #bgGame {
    border: 0em solid transparent;
    box-shadow: 0 0 0 1px #000, 0 0 0 1em #fff;
    margin: 1em !important;
}
#site.photoshoot #bg{
    background-size:100%, 100% 8px, 9px 100%
}
#site.photoshoot, 
#site.photoshoot #main, 
#site.photoshoot #ThreeDBbox, 
#site.photoshoot #bgGame, 
#site.photoshoot #bg, 
#site.photoshoot #boxview {
    width: 800px !important;
    height: 450px !important;
}


/* Screenshot Frames */
.blogtext IMG.C64 {
    border: 10px solid transparent !important;
    padding: 0 0 0 0;
    border-image: url(images/TV.png) 31 126 66 28 !important;
    border-width: 40px 206px 100px 40px !important;
    width: calc(100% - 250px) !important;
    box-shadow: none !important;
    background-color: transparent !important;
    filter: drop-shadow(0 8px 4px black);
}