html{
	color: white;
	text-shadow: black 0 0 2px;
	min-height: 100%;
	background-image: url('../../image/background/ol_bg.jpg');
	background-size: cover;
	background-position: 50% 50%;
}
body{
	width: 100%;
	height: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	display: block;
}
.glass_ui .dialog.scroll1.scroll2,
.glass_ui .menubg.charactercard,
.glass_ui .menu {
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	background: rgba(0, 0, 0, 0.4);
	box-shadow: rgba(0, 0, 0, 0.5) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 3px 10px;
}
#window.glass_ui .dialog.popped:not(.menu) {
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	box-shadow: rgba(0, 0, 0, 0.6) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 3px 10px;
}
#system>div>div,#mebg,.control,.player,.card,.avatar,.avatar2,.button,#window>.dialog.popped,
#arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty),.menu,.menubutton,#splash>div,
#arena.mobile:not(.chess) .player[data-position='0'] .equips,.playerbg,#window .player.playerbg,.menubg,.mebg{
	box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4));
	border-radius: 8px;
}
#arena.mobile.textequip:not(.chess) .player[data-position='0'] .equips{
	background-image: none;
	box-shadow: rgba(0, 0, 0, 0.2) -1px 0px 0px 0px;
}
#arena:not(.chess).textequip .player[data-position='0'] .equips>.card{
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important;
}
#arena.observe .handcards>.card{
	background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important;
}
.videonode.menubutton.extension.current{
	background-image: linear-gradient(rgba(89, 111, 117, 0.4),rgba(89, 111, 117, 0.4));
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
}

/*.player.current_action{
	background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1));
}*/
.menubutton{
	border-radius: 4px;
}
/*.player{
	background-image: url('card.png');
	background-size: cover;
}*/
#window>.dialog.popped{
	border-radius: 6px;
}
.control,#system>div>div,.judges>div,.marks>div,
#arena:not(.long) .player.unseen .equips:not(*:empty),
#arena.long .player.unseen2 .equips:not(*:empty){
	border-radius:4px;
	overflow: hidden;
}
#arena:not(.long).mobile:not(.oldlayout) .player.unseen:not([data-position="0"]) .equips:not(*:empty)>.card,
#arena:not(.long):not(.mobile):not(.oldlayout) .player.unseen .equips:not(*:empty)>.card:not(.selected),
#arena.long.mobile:not(.oldlayout) .player.unseen2:not([data-position="0"]) .equips:not(*:empty)>.card,
#arena.long:not(.mobile):not(.oldlayout) .player.unseen2 .equips:not(*:empty)>.card:not(.selected){
	background: none !important;
}
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5 {
    border-radius: 4px;
}
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.image{
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name{
    display: block;
    transform: scale(0.43) !important;
    transform-origin: left top;
    left: 2px;
    top: 3px;
}
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.name.long{
    top: 2px;
}
#arena.mobile:not(.chess) .player[data-position='0']>.equips>.equip5>.info{
    display: block;
    transform: scale(0.43) !important;
    transform-origin: right top;
    right: 3px;
    top: 3px;
}
.cardbg{
	background-size: 100% 100% !important;
}
.card{
	color:white;
}
.card:not(*:empty),.cardbg{
	color:rgb(77, 60, 51);
	text-shadow:none;
	background: url('card.png');
	background-size:100% 100%;
}
.card .markcount{
	box-shadow: rgba(0, 0, 0, 0.8) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px;
	background: url('card.png');
	background-size: cover;
	/*color: white;*/
}
#me>div>div>.card,#arena>.card:not(*:empty){
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 3px 10px;
}
/*.player{
	background:repeating-linear-gradient(
      135deg,
      rgba(0,0,0,0.4),
      rgba(0,0,0,0.4) 2px,
      rgba(0,0,0,0.2) 2px,
      rgba(0,0,0,0.2) 4px
    );
}*/

.card:empty,.card.infohidden{
    background: url('../style/cardback/image/official.png');
    background-size: 100% 100%;
}
.card.infohidden:not(.infoflip){
	background: url('../style/cardback/image/official2.png');
	background-size: 100% 100%;
}

#system>div>.glow {
    background-image: linear-gradient(rgba(47,101,150,1), rgba(43, 90, 132,1));
	box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important;
}

.menupaused{
	opacity: 0.3 !important;
}

.player .marks>div:first-child>div{
	-webkit-filter: invert(0.8) sepia(1);
}

.fire{
	color: rgb(255,119,63);
}
.thunder{
	color: rgb(117,186,255);
}
.poison{
	color: rgb(104,221,127);
}
.brown{
	color: rgb(195,161,223);
}
#roundmenu.clock>div:nth-of-type(15){
	background: rgba(0,0,0,0.3);
	box-shadow: rgba(0,0,0,0.6) 0 0 5px inset;
}


.woodbg{
	color:rgba(77, 60, 51,1) !important;
	text-shadow:none !important;
}
.woodbg .menubutton.large{
	background: url('card2.png') !important;
	background-size: 100% 100% !important;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px, rgba(0, 0, 0, 0.3) 0 0 5px !important;
}

.player>.glassbg{
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: none;
	z-index: 1;
	pointer-events: none;
}
.player>.glassbg>div:last-child{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}
.player>.glassbg>div:first-child{
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	transition-property: transform;
	transition-duration: 0s;
	background-size: cover;
	-webkit-filter: blur(3px);
}
.popup-container>.prompt-container>div>div{
	background: rgba(0,0,0,0.6);
}

.popup-container>.menu.visual>.button.dashedmenubutton{
	box-shadow: rgba(0, 0, 0, 0.4) 0 0 0 1px, rgba(0, 0, 0, 0.2) 0 3px 10px !important;
	border: none;
	background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)) !important;
}
.popup-container>.menu.visual>.button.dashedmenubutton:not(.hpbutton){
	width: 90px;
	height: 90px;
}
.popup-container>.menu.visual>.button.dashedmenubutton.controlbutton{
    height: 26px;
}
.popup-container>.menu.visual>.button.dashedmenubutton.controlbutton>div{
	line-height: 26px;
}