piku styler by ninefloor

/* ==UserStyle==
@name         piku styler
@version      20240508.12.55
@namespace    https://userstyles.world/user/ninefloor
@description  이상형 월드컵 더 예쁘게 보기
@author       ninefloor
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.piku.co.kr/w/") {
body {
	font-family: 'Pretendard' !important;
}

.ibox.float-e-margins {
	overflow: hidden;
}

/* 각 사이드 랩 */
#wleft,
#wright {
	display: flex;
	flex-direction: column;
}

/* 영상 재생창 */
#play1,
#play2 {
	flex: 1;
}

/* 버튼 */
#lbtn,
#rbtn {
	height: 48px !important;
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	font-size: 24px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 버튼 내부 텍스트 */
#r1,
#l1 {
	display: none !important;
}

/* 전체 랩 */
.ibox-content {
	height: 100vh !important;
	border: none;
}

/* 헤더 */
.tad,
.hads {
	display: none;
}

/* VS 표시 */
#versus {
	display: none
}

/* 메인 타이틀*/
.ibox-content div:nth-child(4) {
	display: flex;
	flex-direction: column;
	width: auto !important;
	height: auto !important;
	position: fixed !important;
	top: 0px !important;
	left: 50% !important;
	transform: translateX(-50%);
	font-size: 24px !important;
	font-weight: 600 !important;
	background: white !important;
	z-index: 5 !important;
	padding: 8px 16px !important;
	color: black !important;
	border-radius: 0 0 8px 8px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7) !important;
}

.ibox-content div:nth-child(4) span:first-child {
	font-size: 14px;
	line-height: 20px !important;
	margin-bottom: 0px;
}

.ibox-content div:nth-child(4) span:last-child {
	line-height: 32px !important;
}


/* 후보 타이틀 */
.ibox-content div:nth-child(7) {
	height: auto !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	font-size: 24px !important;
	font-weight: 600 !important;
	/*     background-color: rgba(0, 0, 0, .25) !important; */
	/*     text-shadow: 0px 0px 8px #000000e6 !important; */
	text-shadow: -1px 0px rgba(0, 0, 0, .5), 0px 1px rgba(0, 0, 0, .5), 1px 0px rgba(0, 0, 0, .5), 0px -1px rgba(0, 0, 0, .5), 0px 0px 8px #000000e6 !important;
	position: fixed !important;
	top: 0% !important;
}

/* 후보 타이틀 내부 텍스트 */
#wleftn,
#wrightn {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90%);
	background-color: rgba(0, 0, 0, 0);
	/*     background-color: rgba(0, 0, 0, .4); */
	display: flex !important;
	justify-content: center;
	align-items: center;
	text-align: center !important;
	padding: 16px !important;
	color: #ddd;
	text-shadow: -1px 0px rgba(0, 0, 0, .1), 0px 1px rgba(0, 0, 0, .1), 1px 0px rgba(0, 0, 0, .1), 0px -1px rgba(0, 0, 0, .1), 0px 0px 8px rgba(0, 0, 0, .5) !important;
}

#wleftn {
	justify-content: flex-start;
	background: linear-gradient(355deg, rgba(236, 71, 88, 0) 50%, rgba(236, 71, 88, .6) 100%);
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1) !important;
}

#wrightn {
	justify-content: flex-end;
	background: linear-gradient(5deg, rgba(26, 123, 185, .0) 50%, rgba(26, 123, 185, 0.6) 100%);
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1) !important;
}

}