미디어위키:Gadget-Timeless.css: 두 판 사이의 차이

/* MediaWiki:Gadget-Timeless.css
 * PvZKRWiki Timeless 모바일 인터페이스
 * 기존 Timeless의 기능·구조·UI 위치는 유지하고 시각 디자인만 교체
 */

:root {
	--pvzt-green: #3f8d3c;
	--pvzt-green-dark: #2f7031;
	--pvzt-green-deep: #17633f;
	--pvzt-green-soft: #dfeecd;

	--pvzt-brown-950: #2f1d13;
	--pvzt-brown-900: #3c2619;
	--pvzt-brown-800: #5a3521;
	--pvzt-brown-700: #75462d;
	--pvzt-brown-600: #916342;

	--pvzt-paper: #fff6e4;
	--pvzt-paper-2: #f7e7c8;
	--pvzt-paper-3: #ecd6ac;
	--pvzt-line: #c9a978;
	--pvzt-line-dark: #8b5a36;

	--pvzt-text: #49362a;
	--pvzt-muted: #796454;
	--pvzt-link: #2d6f35;
	--pvzt-link-hover: #21592a;

	--pvzt-radius-sm: 8px;
	--pvzt-radius-md: 12px;
	--pvzt-radius-lg: 16px;
	--pvzt-shadow:
		0 5px 16px rgba(42, 24, 12, 0.16);
	--pvzt-shadow-soft:
		0 2px 8px rgba(42, 24, 12, 0.11);
}


/* =========================
   모바일에서만 적용
   ========================= */

@media screen and (max-width: 850px) {

	/* =========================
	   기본 바탕 초기화
	   ========================= */

	html {
		min-height: 100% !important;
		background: var(--pvzt-brown-950) !important;
	}

	body.skin-timeless {
		min-height: 100vh !important;
		margin: 0 !important;
		background:
			linear-gradient(
				rgba(47, 29, 19, 0.94),
				rgba(47, 29, 19, 0.94)
			),
			url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
			center / cover fixed !important;
		color: var(--pvzt-text) !important;
		font-family:
			"SB Aggro L",
			"SB 어그로 L",
			-apple-system,
			BlinkMacSystemFont,
			"Segoe UI",
			"Apple SD Gothic Neo",
			"Noto Sans KR",
			sans-serif !important;
	}

	.skin-timeless #mw-content-container,
	.skin-timeless #mw-content-block,
	.skin-timeless #mw-content-wrapper,
	.skin-timeless #mw-content,
	.skin-timeless #mw-header-container,
	.skin-timeless #mw-header,
	.skin-timeless #mw-header-hack,
	.skin-timeless #mw-header-nav-hack,
	.skin-timeless #mw-footer-container,
	.skin-timeless .mw-footer-container {
		background-image: none !important;
	}

	.skin-timeless #mw-content-container,
	.skin-timeless #mw-content-block,
	.skin-timeless #mw-content-wrapper {
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}


	/* =========================
	   상단 헤더
	   ========================= */

	.skin-timeless #mw-header-container,
	.skin-timeless #mw-header,
	.skin-timeless #mw-header-hack,
	.skin-timeless #mw-header-nav-hack {
		background: var(--pvzt-green) !important;
		border: 0 !important;
		box-shadow:
			inset 0 -1px 0 rgba(28, 91, 31, 0.55),
			0 3px 9px rgba(19, 38, 17, 0.22) !important;
		color: #ffffff !important;
	}

	.skin-timeless #mw-header {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.skin-timeless #p-logo-text a,
	.skin-timeless #p-logo-text a:visited {
		color: #ffffff !important;
		font-family:
			"SB Aggro B",
			"SB 어그로 B",
			"SB Aggro",
			"SB 어그로",
			sans-serif !important;
		font-size: 0.94rem !important;
		font-variant: normal !important;
		font-weight: 700 !important;
		line-height: 1.2 !important;
		text-decoration: none !important;
		text-shadow: none !important;
	}

	.skin-timeless #p-logo-text a:hover {
		opacity: 0.9;
	}

	.skin-timeless .mw-wiki-logo {
		filter: drop-shadow(0 2px 3px rgba(31, 18, 9, 0.28));
	}

	.skin-timeless #user-tools,
	.skin-timeless #user-tools a,
	.skin-timeless #personal > h2,
	.skin-timeless #personal > h2 span {
		color: #ffffff !important;
	}


	/* =========================
	   검색창
	   ========================= */

	.skin-timeless #simpleSearch {
		overflow: hidden !important;
		border: 1px solid #6e9f68 !important;
		border-radius: 9px !important;
		background: #fff9ed !important;
		box-shadow: none !important;
	}

	.skin-timeless #simpleSearch:focus-within {
		border-color: #245e2a !important;
		box-shadow:
			0 0 0 3px rgba(255, 255, 255, 0.18) !important;
	}

	.skin-timeless #searchInput {
		height: 2.45rem !important;
		padding-right: 3rem !important;
		border: 0 !important;
		outline: 0 !important;
		background: transparent !important;
		color: var(--pvzt-text) !important;
		font-family:
			"SB Aggro L",
			"SB 어그로 L",
			sans-serif !important;
		font-size: 0.82rem !important;
		font-weight: 300 !important;
		box-shadow: none !important;
	}

	.skin-timeless #searchInput::placeholder {
		color: rgba(73, 54, 42, 0.55) !important;
	}

	.skin-timeless #searchButton,
	.skin-timeless #mw-searchButton {
		top: 0 !important;
		right: 0 !important;
		width: 2.7rem !important;
		height: 100% !important;
		border: 0 !important;
		border-left: 1px solid #d7bd90 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2375462d' d='M10.75 3a7.75 7.75 0 1 0 4.82 13.82l4.31 4.31a1.25 1.25 0 0 0 1.77-1.77l-4.31-4.31A7.75 7.75 0 0 0 10.75 3Zm0 2.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 0 1 0-10.5Z'/%3E%3C/svg%3E") !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: 18px !important;
		box-shadow: none !important;
		cursor: pointer !important;
	}

	.skin-timeless #searchButton:hover,
	.skin-timeless #mw-searchButton:hover {
		background-color: #f3e4ca !important;
	}

	.skin-timeless .suggestions .suggestions-results,
	.skin-timeless .suggestions .suggestions-special {
		border: 1px solid var(--pvzt-line) !important;
		background: var(--pvzt-paper) !important;
		color: var(--pvzt-text) !important;
	}

	.skin-timeless .suggestions .suggestions-result-current {
		background: var(--pvzt-green-deep) !important;
		color: #ffffff !important;
	}


	/* =========================
	   메뉴·사용자 버튼
	   ========================= */

	.skin-timeless #mw-site-navigation > h2,
	.skin-timeless #mw-related-navigation > h2,
	.skin-timeless #personal > h2 {
		border: 1px solid rgba(38, 101, 40, 0.78) !important;
		border-radius: 9px !important;
		background: #fff9ed !important;
		background-image: none !important;
		box-shadow: none !important;
	}

	.skin-timeless #mw-site-navigation > h2:hover,
	.skin-timeless #mw-related-navigation > h2:hover,
	.skin-timeless #personal > h2:hover {
		background: #ffffff !important;
	}

	.skin-timeless .pokey {
		border-bottom-color: var(--pvzt-brown-800) !important;
	}


	/* =========================
	   드롭다운·사이드 메뉴
	   기존 위치 유지
	   ========================= */

	.skin-timeless #mw-site-navigation .sidebar-inner,
	.skin-timeless #mw-related-navigation .sidebar-inner,
	.skin-timeless #personal .dropdown {
		overflow: hidden !important;
		border: 1px solid var(--pvzt-brown-800) !important;
		border-radius: var(--pvzt-radius-md) !important;
		background: var(--pvzt-paper-3) !important;
		background-image: none !important;
		box-shadow: var(--pvzt-shadow) !important;
	}

	.skin-timeless #mw-site-navigation .sidebar-inner h2,
	.skin-timeless #mw-site-navigation .sidebar-inner h3,
	.skin-timeless #mw-related-navigation .sidebar-inner h2,
	.skin-timeless #mw-related-navigation .sidebar-inner h3,
	.skin-timeless #personal .dropdown h3 {
		margin: 0 !important;
		padding: 0.56rem 0.68rem !important;
		border: 0 !important;
		border-bottom: 1px solid #d6b77f !important;
		background: #f4e2bd !important;
		color: var(--pvzt-brown-900) !important;
		font-family:
			"SB Aggro M",
			"SB 어그로 M",
			"SB Aggro",
			"SB 어그로",
			sans-serif !important;
		font-size: 0.8rem !important;
		font-weight: 500 !important;
		line-height: 1.25 !important;
		text-align: left !important;
		text-shadow: none !important;
	}

	.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul,
	.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul,
	.skin-timeless #personal .dropdown ul {
		margin: 0 !important;
		padding: 0.52rem 0.68rem 0.65rem !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: var(--pvzt-paper) !important;
		box-shadow: none !important;
		list-style: none !important;
		transform: none !important;
	}

	.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li,
	.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li,
	.skin-timeless #personal .dropdown li {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet li + li,
	.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet li + li,
	.skin-timeless #personal .dropdown li + li {
		margin-top: 0.16rem !important;
	}

	.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a,
	.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a,
	.skin-timeless #personal .dropdown ul a {
		display: block !important;
		padding: 0.23rem 0.12rem !important;
		color: var(--pvzt-text) !important;
		font-family:
			"SB Aggro L",
			"SB 어그로 L",
			sans-serif !important;
		font-size: 0.78rem !important;
		font-weight: 300 !important;
		line-height: 1.35 !important;
		text-decoration: none !important;
		text-shadow: none !important;
	}

	.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a:hover,
	.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a:hover,
	.skin-timeless #personal .dropdown ul a:hover {
		color: var(--pvzt-link-hover) !important;
		text-decoration: underline !important;
	}

	.skin-timeless .sidebar-inner .emptyPortlet {
		display: none !important;
	}


	/* =========================
	   문서 상단 도구
	   위치와 기능 유지
	   ========================= */

	.skin-timeless .tools-inline {
		gap: 0.28rem !important;
	}

	.skin-timeless .tools-inline li {
		margin: 0 !important;
		border: 0 !important;
		border-bottom: 0 !important;
	}

	.skin-timeless .tools-inline li > a {
		display: inline-flex !important;
		align-items: center !important;
		min-height: 30px !important;
		padding: 4px 9px 4px 26px !important;
		border: 1px solid var(--pvzt-brown-800) !important;
		border-radius: 8px !important;
		box-sizing: border-box !important;
		background-color: #7b4c34 !important;
		background-position: 7px center !important;
		background-repeat: no-repeat !important;
		background-size: 14px auto !important;
		color: #ffffff !important;
		font-family:
			"SB Aggro M",
			"SB 어그로 M",
			"SB Aggro",
			"SB 어그로",
			sans-serif !important;
		font-size: 0.7rem !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		text-decoration: none !important;
		text-shadow: none !important;
		box-shadow: none !important;
	}

	.skin-timeless .tools-inline li > a:hover {
		background-color: #8a5a42 !important;
		text-decoration: none !important;
	}

	.skin-timeless .tools-inline li.selected > a {
		background-color: #a47765 !important;
	}

	.skin-timeless .tools-inline li[id^="ca-nstab-"] > a {
		background-image:
			url("/wiki/Special:Redirect/file/Actionbar-document.svg") !important;
	}

	.skin-timeless #ca-talk > a {
		background-image:
			url("/wiki/Special:Redirect/file/Actionbar-talk.svg") !important;
	}

	.skin-timeless #ca-view > a,
	.skin-timeless #ca-view-foreign > a {
		background-image:
			url("/wiki/Special:Redirect/file/Actionbar-read.svg") !important;
	}

	.skin-timeless #ca-edit > a {
		background-image:
			url("/wiki/Special:Redirect/file/Actionbar-edit.svg") !important;
	}

	.skin-timeless #ca-history > a {
		background-image:
			url("/wiki/Special:Redirect/file/Actionbar-history.svg") !important;
	}

	.skin-timeless #ca-addsection > a,
	.skin-timeless #ca-viewsource > a,
	.skin-timeless #t-contributions > a {
		padding-left: 9px !important;
		background-image: none !important;
	}

	.skin-timeless #ca-watch > a,
	.skin-timeless #ca-unwatch > a {
		width: 34px !important;
		padding: 4px !important;
		background-position: center !important;
		background-size: 17px !important;
	}

	.skin-timeless #ca-watch > a,
	.skin-timeless .pvz-watch-not-watched > a,
	.skin-timeless a.pvz-watch-not-watched {
		background-image:
			url("/wiki/Special:Redirect/file/GW2_Star2.png") !important;
	}

	.skin-timeless #ca-unwatch > a,
	.skin-timeless .pvz-watch-watched > a,
	.skin-timeless a.pvz-watch-watched {
		background-image:
			url("/wiki/Special:Redirect/file/GW2_Star.png") !important;
	}


	/* =========================
	   본문 카드
	   ========================= */

	.skin-timeless #mw-content {
		position: relative !important;
		margin: 0.45rem 0.36rem 1rem !important;
		padding: 18px 14px 22px !important;
		overflow: hidden !important;
		border: 1px solid var(--pvzt-brown-800) !important;
		border-radius: var(--pvzt-radius-lg) !important;
		background: var(--pvzt-paper) !important;
		box-shadow: var(--pvzt-shadow) !important;
		box-sizing: border-box !important;
	}

	.skin-timeless #mw-content::before,
	.skin-timeless #mw-content::after {
		content: none !important;
		display: none !important;
	}


	/* =========================
	   문서 제목
	   제목만 위치·형태 변경 허용
	   ========================= */

	.skin-timeless #firstHeading,
	.skin-timeless .mw-first-heading,
	.skin-timeless .mw-body h1.firstHeading {
		display: table !important;
		width: auto !important;
		max-width: calc(100% + 14px) !important;
		margin:
			0
			0
			0.78rem
			-14px !important;
		padding:
			0.48em
			2.1em
			0.42em
			14px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: var(--pvzt-green-deep) !important;
		color: #ffffff !important;
		font-family:
			"SB Aggro B",
			"SB 어그로 B",
			"SB Aggro",
			"SB 어그로",
			sans-serif !important;
		font-size: 1.32em !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		-webkit-clip-path:
			polygon(
				0 0,
				100% 0,
				calc(100% - 20px) 100%,
				0 100%
			) !important;
		clip-path:
			polygon(
				0 0,
				100% 0,
				calc(100% - 20px) 100%,
				0 100%
			) !important;
	}

	.skin-timeless #firstHeading *,
	.skin-timeless .mw-first-heading * {
		color: #ffffff !important;
	}


	/* =========================
	   본문 글자·링크
	   ========================= */

	.skin-timeless .mw-body-content,
	.skin-timeless .mw-parser-output {
		color: var(--pvzt-text) !important;
	}

	.skin-timeless .mw-parser-output a,
	.skin-timeless .mw-body-content a {
		color: var(--pvzt-link) !important;
	}

	.skin-timeless .mw-parser-output a:hover,
	.skin-timeless .mw-body-content a:hover {
		color: var(--pvzt-link-hover) !important;
	}

	.skin-timeless .mw-body .mw-heading,
	.skin-timeless .mw-body h1,
	.skin-timeless .mw-body h2,
	.skin-timeless .mw-body h3,
	.skin-timeless .mw-body h4,
	.skin-timeless .mw-body h5,
	.skin-timeless .mw-body h6 {
		color: var(--pvzt-brown-900) !important;
		font-family:
			"SB Aggro B",
			"SB 어그로 B",
			"SB Aggro",
			"SB 어그로",
			sans-serif !important;
		font-weight: 700 !important;
	}


	/* =========================
	   문단 제목 아래 잔디 구분선
	   ========================= */

	.skin-timeless .mw-heading2,
	.skin-timeless .mw-parser-output h2.pvz-grass-heading {
		position: relative !important;
		margin-bottom: 0.72em !important;
		padding-bottom: 11px !important;
		border: 0 !important;
		border-bottom: 0 !important;
		background: none !important;
		background-image: none !important;
		box-shadow: none !important;
	}

	.skin-timeless .mw-heading2::before,
	.skin-timeless .mw-heading2::after,
	.skin-timeless .mw-parser-output h2.pvz-grass-heading::before,
	.skin-timeless .mw-parser-output h2.pvz-grass-heading::after {
		content: none !important;
		display: none !important;
		border: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}

	.skin-timeless .mw-heading2 > h2,
	.skin-timeless .mw-parser-output h2.pvz-grass-heading {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		border: 0 !important;
		border-bottom: 0 !important;
		background: none !important;
		background-image: none !important;
		box-shadow: none !important;
	}

	.skin-timeless .pvz-grass-divider {
		position: absolute !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		z-index: 1 !important;
		display: block !important;
		height: 13px !important;
		overflow: hidden !important;
		pointer-events: none !important;
		background: #ead9b8 !important;
		-webkit-mask-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E") !important;
		mask-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E") !important;
		-webkit-mask-repeat: repeat-x !important;
		mask-repeat: repeat-x !important;
		-webkit-mask-position: left bottom !important;
		mask-position: left bottom !important;
		-webkit-mask-size: 112px 12px !important;
		mask-size: 112px 12px !important;
	}


	/* =========================
	   표·입력창·버튼
	   ========================= */

	.skin-timeless table.wikitable {
		border: 1px solid var(--pvzt-line-dark) !important;
		background: var(--pvzt-paper) !important;
		color: var(--pvzt-text) !important;
	}

	.skin-timeless table.wikitable > tr > th,
	.skin-timeless table.wikitable > * > tr > th {
		border: 1px solid var(--pvzt-line) !important;
		background: var(--pvzt-paper-3) !important;
		color: var(--pvzt-brown-900) !important;
	}

	.skin-timeless table.wikitable > tr > td,
	.skin-timeless table.wikitable > * > tr > td {
		border: 1px solid var(--pvzt-line) !important;
		background: var(--pvzt-paper) !important;
	}

	.skin-timeless input,
	.skin-timeless select,
	.skin-timeless textarea,
	.skin-timeless .oo-ui-inputWidget-input,
	.skin-timeless .cdx-text-input__input {
		border-color: var(--pvzt-line) !important;
		border-radius: 8px !important;
		background: #fffdf8 !important;
		color: var(--pvzt-text) !important;
		box-shadow: none !important;
	}

	.skin-timeless input:focus,
	.skin-timeless select:focus,
	.skin-timeless textarea:focus,
	.skin-timeless .oo-ui-inputWidget-input:focus,
	.skin-timeless .cdx-text-input__input:focus {
		border-color: var(--pvzt-green) !important;
		box-shadow:
			0 0 0 3px rgba(63, 141, 60, 0.13) !important;
	}

	.skin-timeless .mw-ui-button,
	.skin-timeless .oo-ui-buttonElement-button,
	.skin-timeless .cdx-button {
		border-color: var(--pvzt-green-dark) !important;
		border-radius: 8px !important;
		background: var(--pvzt-green) !important;
		color: #ffffff !important;
		box-shadow: none !important;
	}

	.skin-timeless .mw-ui-button:hover,
	.skin-timeless .oo-ui-buttonElement-button:hover,
	.skin-timeless .cdx-button:hover {
		background: var(--pvzt-green-dark) !important;
	}


	/* =========================
	   목차·공지·분류·각주
	   ========================= */

	.skin-timeless .mw-body .toc,
	.skin-timeless ul#filetoc,
	.skin-timeless .toccolours,
	.skin-timeless #localNotice,
	.skin-timeless #catlinks,
	.skin-timeless .catlinks,
	.skin-timeless .mw-parser-output > .mw-references-wrap,
	.skin-timeless .mw-parser-output > ol.references,
	.skin-timeless .mw-parser-output > .references,
	.skin-timeless .mw-message-box {
		border: 1px solid var(--pvzt-line) !important;
		border-radius: 10px !important;
		background: var(--pvzt-paper-2) !important;
		background-image: none !important;
		color: var(--pvzt-brown-700) !important;
		box-shadow: none !important;
	}

	.skin-timeless #localNotice,
	.skin-timeless .mw-message-box {
		padding: 0.68rem 0.78rem !important;
	}

	.skin-timeless #catlinks,
	.skin-timeless .catlinks {
		margin-top: 1.2rem !important;
		padding: 0.56rem 0.7rem !important;
	}

	.skin-timeless .mw-parser-output > .mw-references-wrap,
	.skin-timeless .mw-parser-output > ol.references,
	.skin-timeless .mw-parser-output > .references {
		margin-top: 1.2rem !important;
		padding: 0.68rem 0.82rem !important;
	}

	.skin-timeless .mw-parser-output > .mw-references-wrap > ol.references {
		margin: 0 !important;
		padding: 0 0 0 1.5em !important;
		border: 0 !important;
		background: transparent !important;
	}

	.skin-timeless #mw-normal-catlinks,
	.skin-timeless .mw-normal-catlinks,
	.skin-timeless #mw-hidden-catlinks,
	.skin-timeless .mw-hidden-catlinks {
		border: 0 !important;
		background: transparent !important;
	}


	/* =========================
	   코드·인용문
	   ========================= */

	.skin-timeless pre,
	.skin-timeless code,
	.skin-timeless .mw-code {
		border-color: var(--pvzt-line) !important;
		background: #f4e8d2 !important;
		color: #49362a !important;
	}

	.skin-timeless blockquote {
		border-left: 4px solid var(--pvzt-green) !important;
		background: #f8ecd8 !important;
		color: var(--pvzt-text) !important;
	}


	/* =========================
	   하단
	   ========================= */

	.skin-timeless #mw-footer-container,
	.skin-timeless .mw-footer-container {
		border-top: 1px solid var(--pvzt-line) !important;
		background: #f1dfbd !important;
		color: var(--pvzt-brown-800) !important;
		box-shadow: none !important;
	}

	.skin-timeless #mw-footer-container a,
	.skin-timeless .mw-footer-container a,
	.skin-timeless #mw-footer-container a:visited,
	.skin-timeless .mw-footer-container a:visited {
		color: var(--pvzt-brown-700) !important;
		text-shadow: none !important;
	}

	.skin-timeless #mw-footer-container a:hover,
	.skin-timeless .mw-footer-container a:hover {
		color: var(--pvzt-brown-900) !important;
	}


	/* =========================
	   다크 모드
	   ========================= */

	html.skin-theme-clientpref-night,
	html[data-color-mode="dark"],
	body.skin-theme-clientpref-night,
	body[data-color-mode="dark"] {
		--pvzt-paper: #2b231e;
		--pvzt-paper-2: #342920;
		--pvzt-paper-3: #403125;
		--pvzt-line: #6c513c;
		--pvzt-line-dark: #8b6648;
		--pvzt-text: #eadbc8;
		--pvzt-muted: #baa795;
		--pvzt-link: #8fcf84;
		--pvzt-link-hover: #b0e6a7;
	}

	html.skin-theme-clientpref-night body.skin-timeless,
	html[data-color-mode="dark"] body.skin-timeless,
	body.skin-theme-clientpref-night.skin-timeless,
	body[data-color-mode="dark"].skin-timeless {
		background:
			linear-gradient(
				rgba(30, 22, 17, 0.95),
				rgba(30, 22, 17, 0.95)
			),
			url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
			center / cover fixed !important;
	}

	html.skin-theme-clientpref-night .skin-timeless #mw-content,
	html[data-color-mode="dark"] .skin-timeless #mw-content,
	body.skin-theme-clientpref-night.skin-timeless #mw-content,
	body[data-color-mode="dark"].skin-timeless #mw-content {
		border-color: #704a32 !important;
		background: var(--pvzt-paper) !important;
	}

	html.skin-theme-clientpref-night .skin-timeless #simpleSearch,
	html[data-color-mode="dark"] .skin-timeless #simpleSearch,
	body.skin-theme-clientpref-night.skin-timeless #simpleSearch,
	body[data-color-mode="dark"].skin-timeless #simpleSearch {
		background: #312720 !important;
	}

	html.skin-theme-clientpref-night .skin-timeless #searchInput,
	html[data-color-mode="dark"] .skin-timeless #searchInput,
	body.skin-theme-clientpref-night.skin-timeless #searchInput,
	body[data-color-mode="dark"].skin-timeless #searchInput {
		color: #eadbc8 !important;
	}

	html.skin-theme-clientpref-night .skin-timeless #mw-footer-container,
	html[data-color-mode="dark"] .skin-timeless #mw-footer-container,
	body.skin-theme-clientpref-night.skin-timeless #mw-footer-container,
	body[data-color-mode="dark"].skin-timeless #mw-footer-container {
		background: #2e241d !important;
	}
}


/* =========================
   주시 버튼 애니메이션
   ========================= */

.skin-timeless .pvz-watch-spinning > a,
.skin-timeless a.pvz-watch-spinning {
	animation:
		pvzt-watch-spin 320ms ease;
}

@keyframes pvzt-watch-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.skin-timeless *,
	.skin-timeless *::before,
	.skin-timeless *::after {
		animation-duration: 1ms !important;
		transition-duration: 1ms !important;
	}
}