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

식물 vs 좀비 위키
둘러보기로 이동 검색으로 이동
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/* MediaWiki:Gadget-Timeless.css
* PvZKRWiki Timeless 모바일 인터페이스
* 기존 Timeless의 기능·구조·UI 위치는 유지하고 시각 디자인만 교체
*/
:root {
:root {
--pvzt-green: #3f8d3c;
--pvzt-bg: #e2d6bf;
--pvzt-green-dark: #2f7031;
--pvzt-bg-dark: #201913;
--pvzt-green-deep: #17633f;
--pvzt-content: #e6dbc3;
--pvzt-green-soft: #dfeecd;
--pvzt-paper: #efe6d2;
--pvzt-paper-soft: #f3ead8;
--pvzt-header: #4a8840;
--pvzt-header-dark: #387031;
--pvzt-title: #2d7a49;
--pvzt-brown: #7c5d45;
--pvzt-brown-dark: #5a402e;
--pvzt-brown-deep: #3d291e;
--pvzt-line: #c9b89b;
--pvzt-line-strong: #b8a487;
--pvzt-text: #4e3a2d;
--pvzt-muted: #7d695b;
--pvzt-wood-1: #473122;
--pvzt-wood-2: #2f2018;
--pvzt-shadow: 0 3px 12px rgba(51, 34, 22, 0.08);
}


--pvzt-brown-950: #2f1d13;
html {
--pvzt-brown-900: #3c2619;
min-height: 100% !important;
--pvzt-brown-800: #5a3521;
background-color: var(--pvzt-bg) !important;
--pvzt-brown-700: #75462d;
}
--pvzt-brown-600: #916342;


--pvzt-paper: #fff6e4;
body.skin-timeless {
--pvzt-paper-2: #f7e7c8;
position: relative !important;
--pvzt-paper-3: #ecd6ac;
min-height: 100vh !important;
--pvzt-line: #c9a978;
margin: 0 !important;
--pvzt-line-dark: #8b5a36;
background: transparent !important;
background-image: none !important;
color: var(--pvzt-text) !important;
isolation: isolate;
}


--pvzt-text: #49362a;
body.skin-timeless::before {
--pvzt-muted: #796454;
content: "";
--pvzt-link: #2d6f35;
position: fixed;
--pvzt-link-hover: #21592a;
inset: 0;
z-index: -2;
pointer-events: none;
background:
var(--pvzt-bg)
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
center / cover no-repeat;
}


--pvzt-radius-sm: 8px;
html.skin-theme-clientpref-night body.skin-timeless::before,
--pvzt-radius-md: 12px;
html[data-color-mode="dark"] body.skin-timeless::before,
--pvzt-radius-lg: 16px;
body.skin-theme-clientpref-night.skin-timeless::before,
--pvzt-shadow:
body[data-color-mode="dark"].skin-timeless::before {
0 5px 16px rgba(42, 24, 12, 0.16);
background:
--pvzt-shadow-soft:
var(--pvzt-bg-dark)
0 2px 8px rgba(42, 24, 12, 0.11);
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
center / cover no-repeat;
}
}


 
@media (prefers-color-scheme: dark) {
/* =========================
html.skin-theme-clientpref-os body.skin-timeless::before,
  모바일에서만 적용
body.skin-theme-clientpref-os.skin-timeless::before,
  ========================= */
html:not(.skin-theme-clientpref-day) body.skin-timeless::before {
 
@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:
background:
linear-gradient(
var(--pvzt-bg-dark)
rgba(47, 29, 19, 0.94),
url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
rgba(47, 29, 19, 0.94)
center / cover no-repeat;
),
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,
html.skin-theme-clientpref-day body.skin-timeless::before,
.skin-timeless #mw-content-block,
html[data-color-mode="light"] body.skin-timeless::before,
.skin-timeless #mw-content-wrapper,
body.skin-theme-clientpref-day.skin-timeless::before,
.skin-timeless #mw-content,
body[data-color-mode="light"].skin-timeless::before {
.skin-timeless #mw-header-container,
background:
.skin-timeless #mw-header,
var(--pvzt-bg)
.skin-timeless #mw-header-hack,
url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
.skin-timeless #mw-header-nav-hack,
center / cover no-repeat;
.skin-timeless #mw-footer-container,
}
.skin-timeless .mw-footer-container {
background-image: none !important;
}


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


/* 상단 헤더 */
.skin-timeless #mw-header-container,
.skin-timeless #mw-header-hack,
.skin-timeless #mw-header-nav-hack {
background: var(--pvzt-header) !important;
background-image: none !important;
border: 0 !important;
box-shadow:
inset 0 -1px 0 rgba(35, 75, 31, 0.45),
0 1px 4px rgba(35, 75, 31, 0.18) !important;
}


/* =========================
.skin-timeless #p-logo-text a {
  상단 헤더
color: #ffffff !important;
  ========================= */
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 700 !important;
font-variant: normal !important;
text-shadow: none !important;
}


.skin-timeless #mw-header-container,
.skin-timeless #p-logo-text a:hover {
.skin-timeless #mw-header,
color: #ffffff !important;
.skin-timeless #mw-header-hack,
text-decoration: none !important;
.skin-timeless #mw-header-nav-hack {
opacity: 0.96;
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 {
.skin-timeless #user-tools,
padding-top: 0.5rem !important;
.skin-timeless #user-tools a,
padding-bottom: 0.5rem !important;
.skin-timeless #personal > h2,
}
.skin-timeless #personal > h2 span {
color: #ffffff !important;
}


.skin-timeless #p-logo-text a,
.skin-timeless .mw-wiki-logo {
.skin-timeless #p-logo-text a:visited {
filter: drop-shadow(0 2px 4px rgba(45, 25, 8, 0.25));
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-site-navigation > h2,
}
.skin-timeless #mw-related-navigation > h2,
.skin-timeless #personal > h2 {
background: transparent !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}


.skin-timeless .mw-wiki-logo {
.skin-timeless #mw-site-navigation > h2:hover,
filter: drop-shadow(0 2px 3px rgba(31, 18, 9, 0.28));
.skin-timeless #mw-related-navigation > h2:hover,
}
.skin-timeless #personal > h2:hover {
background: rgba(255, 255, 255, 0.08) !important;
}


.skin-timeless #user-tools,
.skin-timeless .pokey {
.skin-timeless #user-tools a,
border-bottom-color: var(--pvzt-brown-dark) !important;
.skin-timeless #personal > h2,
}
.skin-timeless #personal > h2 span {
color: #ffffff !important;
}


/* 검색 */
.skin-timeless #simpleSearch {
overflow: hidden;
border: 1px solid #b9a78c !important;
border-radius: 7px !important;
background: #f8f2e7 !important;
background-image: none !important;
box-shadow: none !important;
}


/* =========================
.skin-timeless #simpleSearch:focus-within {
  검색창
border-color: var(--pvzt-header-dark) !important;
  ========================= */
box-shadow:
0 0 0 2px rgba(74, 136, 64, 0.16) !important;
}


.skin-timeless #simpleSearch {
.skin-timeless #searchInput {
overflow: hidden !important;
border: 0 !important;
border: 1px solid #6e9f68 !important;
outline: 0 !important;
border-radius: 9px !important;
background: transparent !important;
background: #fff9ed !important;
color: var(--pvzt-text) !important;
box-shadow: none !important;
box-shadow: none !important;
}
padding-right: 3em !important;
}


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


.skin-timeless #searchInput {
.skin-timeless #searchButton,
height: 2.45rem !important;
.skin-timeless #mw-searchButton {
padding-right: 3rem !important;
top: 0 !important;
border: 0 !important;
right: 0 !important;
outline: 0 !important;
width: 2.6em !important;
background: transparent !important;
height: 100% !important;
color: var(--pvzt-text) !important;
border: 0 !important;
font-family:
border-left: 1px solid #c8b79a !important;
"SB Aggro L",
border-radius: 0 !important;
"SB 어그로 L",
background-color: #f8f2e7 !important;
sans-serif !important;
background-image:
font-size: 0.82rem !important;
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236d513e' 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;
font-weight: 300 !important;
background-position: center !important;
box-shadow: none !important;
background-repeat: no-repeat !important;
}
background-size: 17px !important;
box-shadow: none !important;
cursor: pointer;
}


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


.skin-timeless #searchButton,
.skin-timeless .suggestions .suggestions-results,
.skin-timeless #mw-searchButton {
.skin-timeless .suggestions .suggestions-special {
top: 0 !important;
background: #f8f2e7 !important;
right: 0 !important;
border: 1px solid #c8b79a !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 .suggestions .suggestions-result {
.skin-timeless #mw-searchButton:hover {
color: var(--pvzt-brown) !important;
background-color: #f3e4ca !important;
}
}


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


.skin-timeless .suggestions .suggestions-result-current {
/* 좌우 사이드 영역 */
background: var(--pvzt-green-deep) !important;
.skin-timeless #mw-site-navigation,
color: #ffffff !important;
.skin-timeless #mw-related-navigation {
}
background:
radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
background-image:
radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
}


.skin-timeless #mw-site-navigation .sidebar-inner,
.skin-timeless #mw-related-navigation .sidebar-inner,
.skin-timeless #personal .dropdown {
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
padding-top: 0.5rem !important;
}


/* =========================
/* 로고 영역 */
  메뉴·사용자 버튼
.skin-timeless #mw-site-navigation .mw-wiki-logo,
  ========================= */
.skin-timeless #mw-site-navigation #p-logo a {
display: block !important;
margin: 0 auto 0.9rem !important;
}


.skin-timeless #mw-site-navigation > h2,
/* 포틀릿 */
.skin-timeless #mw-related-navigation > h2,
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet,
.skin-timeless #personal > h2 {
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet,
border: 1px solid rgba(38, 101, 40, 0.78) !important;
.skin-timeless #personal .dropdown .mw-portlet,
border-radius: 9px !important;
.skin-timeless #personal .dropdown > div {
background: #fff9ed !important;
margin: 0 0 1rem !important;
background-image: none !important;
padding: 0 !important;
box-shadow: none !important;
border: 0 !important;
}
background: transparent !important;
}


.skin-timeless #mw-site-navigation > h2:hover,
.skin-timeless #mw-site-navigation .sidebar-inner h2,
.skin-timeless #mw-related-navigation > h2:hover,
.skin-timeless #mw-site-navigation .sidebar-inner h3,
.skin-timeless #personal > h2:hover {
.skin-timeless #mw-related-navigation .sidebar-inner h2,
background: #ffffff !important;
.skin-timeless #mw-related-navigation .sidebar-inner h3,
}
.skin-timeless #personal .dropdown h3 {
margin: 0 !important;
padding: 0.62rem 0.7rem 0.58rem !important;
background: #e9dbc1 !important;
color: var(--pvzt-brown-deep) !important;
border: 1px solid #cab79a !important;
border-bottom: 0 !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 0.92rem !important;
font-weight: 500 !important;
text-align: left !important;
text-shadow: none !important;
}


.skin-timeless .pokey {
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul,
border-bottom-color: var(--pvzt-brown-800) !important;
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul,
}
.skin-timeless #personal .dropdown ul {
margin: 0 !important;
padding: 0.66rem 0.72rem !important;
border: 1px solid #cab79a !important;
border-top: 0 !important;
border-radius: 0 !important;
background: #efe1c8 !important;
background-image: none !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;
line-height: 1.38 !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.24rem !important;
}


.skin-timeless #mw-site-navigation .sidebar-inner,
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a,
.skin-timeless #mw-related-navigation .sidebar-inner,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a,
.skin-timeless #personal .dropdown {
.skin-timeless #personal .dropdown ul a {
overflow: hidden !important;
display: block !important;
border: 1px solid var(--pvzt-brown-800) !important;
padding: 0.1rem 0 !important;
border-radius: var(--pvzt-radius-md) !important;
color: var(--pvzt-brown-deep) !important;
background: var(--pvzt-paper-3) !important;
font-family:
background-image: none !important;
"SB Aggro L",
box-shadow: var(--pvzt-shadow) !important;
"SB 어그로 L",
}
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 0.82rem !important;
font-weight: 300 !important;
line-height: 1.42 !important;
text-decoration: none !important;
text-shadow: none !important;
}


.skin-timeless #mw-site-navigation .sidebar-inner h2,
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a:hover,
.skin-timeless #mw-site-navigation .sidebar-inner h3,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a:hover,
.skin-timeless #mw-related-navigation .sidebar-inner h2,
.skin-timeless #personal .dropdown ul a:hover {
.skin-timeless #mw-related-navigation .sidebar-inner h3,
color: #2a6b41 !important;
.skin-timeless #personal .dropdown h3 {
text-decoration: none !important;
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 .sidebar-inner .emptyPortlet {
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul,
display: none !important;
.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 #mw-content {
.skin-timeless #personal .dropdown li {
position: relative;
margin: 0 !important;
background: var(--pvzt-content) !important;
padding: 0 !important;
background-image: none !important;
list-style: none !important;
border: 0 !important;
}
border-radius: 0 !important;
box-shadow: none !important;
box-sizing: border-box;
overflow: visible !important;
}


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


.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet ul a,
.skin-timeless #mw-content #content {
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet ul a,
background: transparent !important;
.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 #firstHeading,
.skin-timeless #personal .dropdown ul a:hover {
.skin-timeless .mw-first-heading,
color: var(--pvzt-link-hover) !important;
.skin-timeless .mw-body h1.firstHeading {
text-decoration: underline !important;
display: inline-block !important;
}
width: auto !important;
max-width: 100% !important;
margin: 0 0 1rem !important;
padding: 0.34em 1.3em 0.32em 0.78em !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--pvzt-title) !important;
color: #ffffff !important;
font-size: 1.95em !important;
line-height: 1.12 !important;
text-shadow: none !important;
-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
}


.skin-timeless .sidebar-inner .emptyPortlet {
.skin-timeless #firstHeading *,
display: none !important;
.skin-timeless .mw-first-heading * {
}
color: #ffffff !important;
}


.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.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 {
font-family:
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 700 !important;
color: var(--pvzt-text) !important;
}


/* =========================
/* 액션 링크 - 사진처럼 훨씬 단순하게 */
  문서 상단 도구
.skin-timeless .tools-inline {
  위치와 기능 유지
margin-top: 0.2rem !important;
  ========================= */
}


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


.skin-timeless .tools-inline li {
.skin-timeless .tools-inline li > a {
margin: 0 !important;
display: inline-block !important;
border: 0 !important;
padding: 0.2rem 0.35rem 0.45rem 1.45rem !important;
border-bottom: 0 !important;
border: 0 !important;
}
border-bottom: 3px solid transparent !important;
border-radius: 0 !important;
box-sizing: border-box;
background-color: transparent !important;
background-position: left center !important;
background-repeat: no-repeat !important;
background-size: 14px auto !important;
color: #8a6a53 !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 0.76rem !important;
font-weight: 500 !important;
line-height: 1.25 !important;
text-decoration: none !important;
text-shadow: none !important;
box-shadow: none !important;
transition:
color 120ms ease,
border-color 120ms ease;
}


.skin-timeless .tools-inline li > a {
.skin-timeless .tools-inline li > a:hover {
display: inline-flex !important;
background-color: transparent !important;
align-items: center !important;
color: var(--pvzt-brown-dark) !important;
min-height: 30px !important;
text-decoration: none !important;
padding: 4px 9px 4px 26px !important;
transform: none !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 {
.skin-timeless .tools-inline li.selected > a {
background-color: #8a5a42 !important;
background-color: transparent !important;
text-decoration: none !important;
color: var(--pvzt-brown-dark) !important;
}
border-bottom-color: #8c6b51 !important;
}


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


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


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


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


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


.skin-timeless #ca-history > a {
.skin-timeless #ca-addsection > a,
background-image:
.skin-timeless #ca-viewsource > a,
url("/wiki/Special:Redirect/file/Actionbar-history.svg") !important;
.skin-timeless #t-contributions > a {
}
background-image: none !important;
padding-left: 0.35rem !important;
}


.skin-timeless #ca-addsection > a,
.skin-timeless #ca-watch > a,
.skin-timeless #ca-viewsource > a,
.skin-timeless #ca-unwatch > a {
.skin-timeless #t-contributions > a {
padding-left: 1.45rem !important;
padding-left: 9px !important;
padding-right: 0.35rem !important;
background-image: none !important;
background-position: left center !important;
}
background-size: 15px !important;
}


.skin-timeless #ca-watch > a,
.skin-timeless #ca-watch > a,
.skin-timeless #ca-unwatch > a {
.skin-timeless .pvz-watch-not-watched > a,
width: 34px !important;
.skin-timeless a.pvz-watch-not-watched {
padding: 4px !important;
background-image:
background-position: center !important;
url("/wiki/Special:Redirect/file/GW2_Star2.png") !important;
background-size: 17px !important;
}
}


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


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


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


/* =========================
/* 본문 내부 카드류 */
  본문 카드
.skin-timeless .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 {
border: 1px solid var(--pvzt-line-strong) !important;
border-radius: 0 !important;
background: var(--pvzt-paper) !important;
background-image: none !important;
color: var(--pvzt-brown) !important;
box-shadow: none !important;
}


.skin-timeless #mw-content {
.skin-timeless #localNotice {
position: relative !important;
padding: 0.75rem 0.9rem !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 #catlinks,
.skin-timeless #mw-content::after {
.skin-timeless .catlinks {
content: none !important;
margin-top: 1.2rem !important;
display: none !important;
padding: 0.52rem 0.72rem !important;
}
font-family:
"SB Aggro L",
"SB 어그로 L",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 300 !important;
line-height: 1.5 !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.72rem 0.88rem !important;
font-family:
"SB Aggro L",
"SB 어그로 L",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 300 !important;
line-height: 1.5 !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 #firstHeading,
.skin-timeless #catlinks a,
.skin-timeless .mw-first-heading,
.skin-timeless .catlinks a,
.skin-timeless .mw-body h1.firstHeading {
.skin-timeless .mw-parser-output > .mw-references-wrap a,
display: table !important;
.skin-timeless .mw-parser-output > ol.references a,
width: auto !important;
.skin-timeless .mw-parser-output > .references a,
max-width: calc(100% + 14px) !important;
.skin-timeless .toc a,
margin:
.skin-timeless #localNotice a {
0
color: var(--pvzt-brown) !important;
0
text-shadow: none !important;
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 #catlinks a:hover,
.skin-timeless .mw-first-heading * {
.skin-timeless .catlinks a:hover,
color: #ffffff !important;
.skin-timeless .mw-parser-output > .mw-references-wrap a:hover,
}
.skin-timeless .mw-parser-output > ol.references a:hover,
.skin-timeless .mw-parser-output > .references a:hover,
.skin-timeless .toc a:hover,
.skin-timeless #localNotice a:hover {
color: var(--pvzt-brown-dark) !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 .mw-heading2,
  ========================= */
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
position: relative !important;
margin-bottom: 0.72em !important;
padding-bottom: 12px !important;
border: 0 !important;
border-bottom: 0 !important;
background: none !important;
background-image: none !important;
box-shadow: none !important;
}


.skin-timeless .mw-body-content,
.skin-timeless .mw-heading2::before,
.skin-timeless .mw-parser-output {
.skin-timeless .mw-heading2::after,
color: var(--pvzt-text) !important;
.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-parser-output a,
.skin-timeless .mw-heading2 > h2,
.skin-timeless .mw-body-content a {
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
color: var(--pvzt-link) !important;
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 .mw-parser-output a:hover,
.skin-timeless .pvz-grass-divider {
.skin-timeless .mw-body-content a:hover {
position: absolute;
color: var(--pvzt-link-hover) !important;
right: 0;
}
bottom: 0;
left: 0;
z-index: 1;
display: block;
height: 14px;
overflow: hidden;
pointer-events: none;
background: #ead9b8;
-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");
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");
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-position: left bottom;
mask-position: left bottom;
-webkit-mask-size: 112px 12px;
mask-size: 112px 12px;
}


.skin-timeless .mw-body .mw-heading,
/* 하단 */
.skin-timeless .mw-body h1,
.skin-timeless #mw-footer-container,
.skin-timeless .mw-body h2,
.skin-timeless .mw-footer-container {
.skin-timeless .mw-body h3,
background: #eadfc8 !important;
.skin-timeless .mw-body h4,
background-image: none !important;
.skin-timeless .mw-body h5,
border-top: 1px solid var(--pvzt-line-strong) !important;
.skin-timeless .mw-body h6 {
box-shadow: none !important;
color: var(--pvzt-brown-900) !important;
color: var(--pvzt-brown) !important;
font-family:
}
"SB Aggro B",
"SB 어그로 B",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-weight: 700 !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) !important;
text-shadow: none !important;
}


/* =========================
.skin-timeless #mw-footer-container a:hover,
  문단 제목 아래 잔디 구분선
.skin-timeless .mw-footer-container a:hover {
  ========================= */
color: var(--pvzt-brown-dark) !important;
}


.skin-timeless .mw-heading2,
/* 반응형: 위치는 안 바꾸고 크기만 보정 */
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
@media screen and (max-width: 850px) {
position: relative !important;
.skin-timeless #mw-content {
margin-bottom: 0.72em !important;
padding: 0.9rem !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 #firstHeading,
.skin-timeless .mw-heading2::after,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-parser-output h2.pvz-grass-heading::before,
.skin-timeless .mw-body h1.firstHeading {
.skin-timeless .mw-parser-output h2.pvz-grass-heading::after {
font-size: 1.38em !important;
content: none !important;
padding: 0.34em 1em 0.32em 0.62em !important;
display: none !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
}
}


.skin-timeless .mw-heading2 > h2,
.skin-timeless .tools-inline li > a {
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
font-size: 0.7rem !important;
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;
}
}
}
}


 
@media screen and (min-width: 851px) {
/* =========================
.skin-timeless #firstHeading,
  주시 버튼 애니메이션
.skin-timeless .mw-first-heading {
  ========================= */
font-size: 2.05em !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);
}
}
}
}

2026년 7월 31일 (금) 00:37 기준 최신판

:root {
	--pvzt-bg: #e2d6bf;
	--pvzt-bg-dark: #201913;
	--pvzt-content: #e6dbc3;
	--pvzt-paper: #efe6d2;
	--pvzt-paper-soft: #f3ead8;
	--pvzt-header: #4a8840;
	--pvzt-header-dark: #387031;
	--pvzt-title: #2d7a49;
	--pvzt-brown: #7c5d45;
	--pvzt-brown-dark: #5a402e;
	--pvzt-brown-deep: #3d291e;
	--pvzt-line: #c9b89b;
	--pvzt-line-strong: #b8a487;
	--pvzt-text: #4e3a2d;
	--pvzt-muted: #7d695b;
	--pvzt-wood-1: #473122;
	--pvzt-wood-2: #2f2018;
	--pvzt-shadow: 0 3px 12px rgba(51, 34, 22, 0.08);
}

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

body.skin-timeless {
	position: relative !important;
	min-height: 100vh !important;
	margin: 0 !important;
	background: transparent !important;
	background-image: none !important;
	color: var(--pvzt-text) !important;
	isolation: isolate;
}

body.skin-timeless::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background:
		var(--pvzt-bg)
		url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
		center / cover no-repeat;
}

html.skin-theme-clientpref-night body.skin-timeless::before,
html[data-color-mode="dark"] body.skin-timeless::before,
body.skin-theme-clientpref-night.skin-timeless::before,
body[data-color-mode="dark"].skin-timeless::before {
	background:
		var(--pvzt-bg-dark)
		url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
		center / cover no-repeat;
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os body.skin-timeless::before,
	body.skin-theme-clientpref-os.skin-timeless::before,
	html:not(.skin-theme-clientpref-day) body.skin-timeless::before {
		background:
			var(--pvzt-bg-dark)
			url("/wiki/Special:Redirect/file/Wiki_Bg_Dark.png")
			center / cover no-repeat;
	}
}

html.skin-theme-clientpref-day body.skin-timeless::before,
html[data-color-mode="light"] body.skin-timeless::before,
body.skin-theme-clientpref-day.skin-timeless::before,
body[data-color-mode="light"].skin-timeless::before {
	background:
		var(--pvzt-bg)
		url("/wiki/Special:Redirect/file/Wiki_Bg_Light.png")
		center / cover no-repeat;
}

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

/* 상단 헤더 */
.skin-timeless #mw-header-container,
.skin-timeless #mw-header-hack,
.skin-timeless #mw-header-nav-hack {
	background: var(--pvzt-header) !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow:
		inset 0 -1px 0 rgba(35, 75, 31, 0.45),
		0 1px 4px rgba(35, 75, 31, 0.18) !important;
}

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

.skin-timeless #p-logo-text a:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	opacity: 0.96;
}

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

.skin-timeless .mw-wiki-logo {
	filter: drop-shadow(0 2px 4px rgba(45, 25, 8, 0.25));
}

/* 헤더의 작은 버튼류 */
.skin-timeless #mw-site-navigation > h2,
.skin-timeless #mw-related-navigation > h2,
.skin-timeless #personal > h2 {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.skin-timeless #mw-site-navigation > h2:hover,
.skin-timeless #mw-related-navigation > h2:hover,
.skin-timeless #personal > h2:hover {
	background: rgba(255, 255, 255, 0.08) !important;
}

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

/* 검색 */
.skin-timeless #simpleSearch {
	overflow: hidden;
	border: 1px solid #b9a78c !important;
	border-radius: 7px !important;
	background: #f8f2e7 !important;
	background-image: none !important;
	box-shadow: none !important;
}

.skin-timeless #simpleSearch:focus-within {
	border-color: var(--pvzt-header-dark) !important;
	box-shadow:
		0 0 0 2px rgba(74, 136, 64, 0.16) !important;
}

.skin-timeless #searchInput {
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	color: var(--pvzt-text) !important;
	box-shadow: none !important;
	padding-right: 3em !important;
}

.skin-timeless #searchInput::placeholder {
	color: #8a715a !important;
}

.skin-timeless #searchButton,
.skin-timeless #mw-searchButton {
	top: 0 !important;
	right: 0 !important;
	width: 2.6em !important;
	height: 100% !important;
	border: 0 !important;
	border-left: 1px solid #c8b79a !important;
	border-radius: 0 !important;
	background-color: #f8f2e7 !important;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%236d513e' 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: 17px !important;
	box-shadow: none !important;
	cursor: pointer;
}

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

.skin-timeless .suggestions .suggestions-results,
.skin-timeless .suggestions .suggestions-special {
	background: #f8f2e7 !important;
	border: 1px solid #c8b79a !important;
}

.skin-timeless .suggestions .suggestions-result {
	color: var(--pvzt-brown) !important;
}

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

/* 좌우 사이드 영역 */
.skin-timeless #mw-site-navigation,
.skin-timeless #mw-related-navigation {
	background:
		radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
		linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
	background-image:
		radial-gradient(circle at top left, rgba(255,255,255,0.04), transparent 30%),
		linear-gradient(180deg, var(--pvzt-wood-1), var(--pvzt-wood-2)) !important;
}

.skin-timeless #mw-site-navigation .sidebar-inner,
.skin-timeless #mw-related-navigation .sidebar-inner,
.skin-timeless #personal .dropdown {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	padding-top: 0.5rem !important;
}

/* 로고 영역 */
.skin-timeless #mw-site-navigation .mw-wiki-logo,
.skin-timeless #mw-site-navigation #p-logo a {
	display: block !important;
	margin: 0 auto 0.9rem !important;
}

/* 포틀릿 */
.skin-timeless #mw-site-navigation .sidebar-inner .mw-portlet,
.skin-timeless #mw-related-navigation .sidebar-inner .mw-portlet,
.skin-timeless #personal .dropdown .mw-portlet,
.skin-timeless #personal .dropdown > div {
	margin: 0 0 1rem !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !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.62rem 0.7rem 0.58rem !important;
	background: #e9dbc1 !important;
	color: var(--pvzt-brown-deep) !important;
	border: 1px solid #cab79a !important;
	border-bottom: 0 !important;
	font-family:
		"SB Aggro M",
		"SB 어그로 M",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.92rem !important;
	font-weight: 500 !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.66rem 0.72rem !important;
	border: 1px solid #cab79a !important;
	border-top: 0 !important;
	border-radius: 0 !important;
	background: #efe1c8 !important;
	background-image: none !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;
	line-height: 1.38 !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.24rem !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.1rem 0 !important;
	color: var(--pvzt-brown-deep) !important;
	font-family:
		"SB Aggro L",
		"SB 어그로 L",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 300 !important;
	line-height: 1.42 !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: #2a6b41 !important;
	text-decoration: none !important;
}

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

/* 본문 중앙 영역 */
.skin-timeless #mw-content {
	position: relative;
	background: var(--pvzt-content) !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box;
	overflow: visible !important;
}

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

.skin-timeless #mw-content #content {
	background: transparent !important;
}

/* 제목 리본 */
.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.skin-timeless .mw-body h1.firstHeading {
	display: inline-block !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 0 1rem !important;
	padding: 0.34em 1.3em 0.32em 0.78em !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: var(--pvzt-title) !important;
	color: #ffffff !important;
	font-size: 1.95em !important;
	line-height: 1.12 !important;
	text-shadow: none !important;
	-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
}

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

.skin-timeless #firstHeading,
.skin-timeless .mw-first-heading,
.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 {
	font-family:
		"SB Aggro B",
		"SB 어그로 B",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 700 !important;
	color: var(--pvzt-text) !important;
}

/* 액션 링크 - 사진처럼 훨씬 단순하게 */
.skin-timeless .tools-inline {
	margin-top: 0.2rem !important;
}

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

.skin-timeless .tools-inline li > a {
	display: inline-block !important;
	padding: 0.2rem 0.35rem 0.45rem 1.45rem !important;
	border: 0 !important;
	border-bottom: 3px solid transparent !important;
	border-radius: 0 !important;
	box-sizing: border-box;
	background-color: transparent !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: 14px auto !important;
	color: #8a6a53 !important;
	font-family:
		"SB Aggro M",
		"SB 어그로 M",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-size: 0.76rem !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition:
		color 120ms ease,
		border-color 120ms ease;
}

.skin-timeless .tools-inline li > a:hover {
	background-color: transparent !important;
	color: var(--pvzt-brown-dark) !important;
	text-decoration: none !important;
	transform: none !important;
}

.skin-timeless .tools-inline li.selected > a {
	background-color: transparent !important;
	color: var(--pvzt-brown-dark) !important;
	border-bottom-color: #8c6b51 !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 {
	background-image: none !important;
	padding-left: 0.35rem !important;
}

.skin-timeless #ca-watch > a,
.skin-timeless #ca-unwatch > a {
	padding-left: 1.45rem !important;
	padding-right: 0.35rem !important;
	background-position: left center !important;
	background-size: 15px !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 .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); }
}

/* 본문 내부 카드류 */
.skin-timeless .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 {
	border: 1px solid var(--pvzt-line-strong) !important;
	border-radius: 0 !important;
	background: var(--pvzt-paper) !important;
	background-image: none !important;
	color: var(--pvzt-brown) !important;
	box-shadow: none !important;
}

.skin-timeless #localNotice {
	padding: 0.75rem 0.9rem !important;
}

.skin-timeless #catlinks,
.skin-timeless .catlinks {
	margin-top: 1.2rem !important;
	padding: 0.52rem 0.72rem !important;
	font-family:
		"SB Aggro L",
		"SB 어그로 L",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 300 !important;
	line-height: 1.5 !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.72rem 0.88rem !important;
	font-family:
		"SB Aggro L",
		"SB 어그로 L",
		"SB Aggro",
		"SB 어그로",
		sans-serif !important;
	font-weight: 300 !important;
	line-height: 1.5 !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 #catlinks a,
.skin-timeless .catlinks a,
.skin-timeless .mw-parser-output > .mw-references-wrap a,
.skin-timeless .mw-parser-output > ol.references a,
.skin-timeless .mw-parser-output > .references a,
.skin-timeless .toc a,
.skin-timeless #localNotice a {
	color: var(--pvzt-brown) !important;
	text-shadow: none !important;
}

.skin-timeless #catlinks a:hover,
.skin-timeless .catlinks a:hover,
.skin-timeless .mw-parser-output > .mw-references-wrap a:hover,
.skin-timeless .mw-parser-output > ol.references a:hover,
.skin-timeless .mw-parser-output > .references a:hover,
.skin-timeless .toc a:hover,
.skin-timeless #localNotice a:hover {
	color: var(--pvzt-brown-dark) !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 .mw-heading2,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
	position: relative !important;
	margin-bottom: 0.72em !important;
	padding-bottom: 12px !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;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	height: 14px;
	overflow: hidden;
	pointer-events: none;
	background: #ead9b8;
	-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");
	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");
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-position: left bottom;
	mask-position: left bottom;
	-webkit-mask-size: 112px 12px;
	mask-size: 112px 12px;
}

/* 하단 */
.skin-timeless #mw-footer-container,
.skin-timeless .mw-footer-container {
	background: #eadfc8 !important;
	background-image: none !important;
	border-top: 1px solid var(--pvzt-line-strong) !important;
	box-shadow: none !important;
	color: var(--pvzt-brown) !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) !important;
	text-shadow: none !important;
}

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

/* 반응형: 위치는 안 바꾸고 크기만 보정 */
@media screen and (max-width: 850px) {
	.skin-timeless #mw-content {
		padding: 0.9rem !important;
	}

	.skin-timeless #firstHeading,
	.skin-timeless .mw-first-heading,
	.skin-timeless .mw-body h1.firstHeading {
		font-size: 1.38em !important;
		padding: 0.34em 1em 0.32em 0.62em !important;
	}

	.skin-timeless .tools-inline li > a {
		font-size: 0.7rem !important;
	}
}

@media screen and (min-width: 851px) {
	.skin-timeless #firstHeading,
	.skin-timeless .mw-first-heading {
		font-size: 2.05em !important;
	}
}

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