/* Dark fantasy refresh for the Ice Spirit homepage. */
html,
body {
	background: #05080e url(../images/new-bg.jpg) no-repeat center top;
	color: #d8e5ef;
}

body {
	min-width: 1280px;
	font-family: "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
	overflow-x: hidden;
}

a {
	color: #d8e5ef;
}

a:hover {
	color: #f1c36a;
}

#header {
	height: 92px;
	background: linear-gradient(180deg, rgba(4, 8, 15, .96), rgba(8, 15, 27, .72) 70%, rgba(8, 15, 27, 0));
	border-bottom: 0;
	position: absolute;
	z-index: 1500;
}

#header:after {
	content: none;
}

#logo {
	width: 640px;
	height: 300px;
	margin-left: -320px;
	top: -12px;
	background: url(../images/new-logo.png) no-repeat center top;
	background-size: contain;
	filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .75));
	animation: logoEntrance 1.1s cubic-bezier(.2, .78, .18, 1) both, logoFrostPulse 5.6s ease-in-out 1.1s infinite;
	will-change: transform, filter;
}

#logo a {
	display: block;
}

#menu {
	height: 88px;
	margin-top: 0;
}

#menu ul li {
	margin: 0 58px 0 22px;
}

#menu ul li:nth-child(3) {
	margin-left: 430px;
}

#menu ul li a {
	width: 152px;
	height: 64px;
	padding-top: 18px;
	line-height: 28px;
	background: none;
	color: #e7f4ff;
	font-size: 20px;
	letter-spacing: 0;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .88);
	border-bottom: 2px solid transparent;
	animation: menuDropIn .72s ease-out both;
}

#menu ul li:nth-child(1) a {
	animation-delay: .12s;
}

#menu ul li:nth-child(2) a {
	animation-delay: .2s;
}

#menu ul li:nth-child(3) a {
	animation-delay: .28s;
}

#menu ul li:nth-child(4) a {
	animation-delay: .36s;
}

#menu ul li a span {
	margin-top: 2px;
	color: #b38d4e;
	font-family: Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#menu ul li.change a,
#menu ul li a:hover {
	color: #ffffff;
	background: linear-gradient(180deg, rgba(45, 91, 128, .22), rgba(209, 158, 72, .08));
	border-bottom-color: #d7a756;
	box-shadow: inset 0 -18px 30px rgba(55, 170, 231, .08);
}

#menu ul li.change span,
#menu ul li a:hover span {
	color: #f3c76f;
}

#bigpic {
	left: auto;
	width: 100%;
	height: 724px;
	margin: 0 auto;
	margin-bottom: 0;
	background: #05080e;
	overflow: hidden;
	position: relative;
	isolation: isolate;
	z-index: 1;
}

#bigpic:before,
#bigpic:after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

#bigpic:before {
	z-index: 3;
	background:
		linear-gradient(112deg, transparent 0 34%, rgba(120, 214, 255, .02) 40%, rgba(139, 225, 255, .24) 46%, rgba(255, 223, 162, .12) 50%, rgba(139, 225, 255, .08) 55%, transparent 64%),
		linear-gradient(180deg, rgba(7, 13, 22, .16), rgba(7, 13, 22, 0) 42%, rgba(3, 6, 11, .26));
	mix-blend-mode: screen;
	opacity: .48;
	transform: translate3d(-58%, 0, 0);
	animation: coverLightSweep 9s ease-in-out 1.2s infinite;
}

#bigpic:after {
	z-index: 5;
	background:
		linear-gradient(180deg, rgba(3, 6, 11, .18), transparent 18%, transparent 58%, rgba(3, 6, 11, .9) 100%),
		radial-gradient(ellipse at 50% 112%, rgba(92, 184, 230, .2), transparent 54%);
}

#bigpic > img:first-child {
	position: relative;
	left: 50%;
	width: 1920px;
	height: 724px;
	margin-left: -960px;
	display: block;
	transform-origin: center center;
	animation: coverBackgroundBreathe 24s ease-in-out infinite alternate;
	will-change: transform, filter;
}

#bigpic .hero-dragon {
	position: absolute !important;
	left: 50% !important;
	top: 112px !important;
	z-index: 2 !important;
	width: 760px !important;
	height: auto !important;
	margin-left: -385px !important;
	opacity: .58 !important;
	pointer-events: none !important;
	filter: drop-shadow(0 22px 26px rgba(0, 0, 0, .7)) saturate(.9) brightness(.78) !important;
	display: block !important;
	transform-origin: 52% 46%;
	animation: coverDragonFloat 8.2s ease-in-out infinite;
	will-change: transform, opacity, filter;
}

.cover-vfx {
	position: absolute;
	inset: 0;
	z-index: 4;
	overflow: hidden;
	pointer-events: none;
}

.cover-vfx span {
	position: absolute;
	display: block;
	pointer-events: none;
}

.cover-aurora {
	left: -8%;
	right: -8%;
	top: 128px;
	height: 230px;
	background:
		linear-gradient(100deg, transparent 6%, rgba(82, 209, 255, .12) 24%, transparent 42%),
		linear-gradient(82deg, transparent 34%, rgba(101, 246, 221, .1) 52%, rgba(247, 197, 102, .08) 61%, transparent 78%);
	filter: blur(10px);
	mix-blend-mode: screen;
	opacity: .68;
	transform: skewY(-4deg);
	animation: coverAuroraFlow 15s ease-in-out infinite alternate;
}

.cover-mist {
	left: 50%;
	width: 2300px;
	height: 270px;
	margin-left: -1150px;
	background:
		linear-gradient(90deg, transparent, rgba(169, 225, 255, .13) 24%, rgba(245, 252, 255, .12) 48%, rgba(118, 198, 241, .1) 72%, transparent),
		repeating-linear-gradient(97deg, transparent 0 80px, rgba(190, 232, 255, .07) 112px, transparent 170px);
	filter: blur(18px);
	mix-blend-mode: screen;
	opacity: .52;
}

.cover-mist-a {
	bottom: 20px;
	animation: coverMistLeft 18s linear infinite;
}

.cover-mist-b {
	bottom: 145px;
	height: 190px;
	opacity: .3;
	transform: scaleX(1.12);
	animation: coverMistRight 26s linear infinite;
}

.cover-snow {
	inset: -120px 0 0;
	background-repeat: repeat;
	mix-blend-mode: screen;
	opacity: .72;
}

.cover-snow-a {
	background-image:
		radial-gradient(circle, rgba(235, 250, 255, .72) 0 1px, transparent 1.6px),
		radial-gradient(circle, rgba(155, 222, 255, .5) 0 1px, transparent 1.7px);
	background-size: 118px 148px, 173px 211px;
	background-position: 18px 12px, 86px 54px;
	animation: coverSnowFall 18s linear infinite;
}

.cover-snow-b {
	background-image:
		radial-gradient(circle, rgba(255, 248, 219, .66) 0 1px, transparent 1.5px),
		radial-gradient(circle, rgba(190, 236, 255, .42) 0 1px, transparent 1.4px);
	background-size: 241px 277px, 331px 383px;
	background-position: 124px 0, 38px 96px;
	opacity: .44;
	animation: coverSnowFallSlow 31s linear infinite;
}

.cover-shards {
	inset: 84px 0 80px;
	background-image:
		linear-gradient(118deg, transparent 0 47%, rgba(162, 230, 255, .28) 48%, rgba(255, 244, 196, .18) 50%, transparent 52%),
		linear-gradient(62deg, transparent 0 48%, rgba(91, 199, 255, .16) 49%, transparent 51%);
	background-size: 270px 180px, 360px 240px;
	background-position: 12px 0, 128px 42px;
	filter: drop-shadow(0 0 7px rgba(106, 210, 255, .22));
	mix-blend-mode: screen;
	opacity: .38;
	animation: coverShardDrift 13s linear infinite;
}

.cover-flare {
	left: 50%;
	top: 236px;
	width: 370px;
	height: 150px;
	margin-left: -190px;
	background:
		linear-gradient(100deg, transparent 6%, rgba(89, 252, 234, .2) 36%, rgba(247, 225, 143, .14) 54%, transparent 74%),
		linear-gradient(92deg, transparent 18%, rgba(80, 185, 255, .18) 48%, transparent 70%);
	filter: blur(12px);
	mix-blend-mode: screen;
	opacity: .46;
	transform: rotate(-6deg) skewX(-8deg);
	animation: coverFlarePulse 4.8s ease-in-out infinite;
}

#GongGao {
	top: 636px;
	width: 1000px;
	height: 42px;
	margin-left: -500px;
	background: linear-gradient(90deg, rgba(3, 7, 13, .94), rgba(15, 35, 54, .88), rgba(3, 7, 13, .94));
	border: 1px solid rgba(213, 171, 91, .55);
	box-shadow: 0 18px 45px rgba(0, 0, 0, .42), inset 0 0 18px rgba(93, 177, 232, .12);
}

#GongGao h5 {
	width: 118px;
	height: 42px;
	line-height: 42px;
	background: linear-gradient(180deg, #c7994d, #6f431a);
	color: #08101b;
	font-size: 15px;
	font-weight: bold;
}

#GongGao p {
	width: 842px;
	height: 42px;
	line-height: 42px;
	padding: 0 18px;
	color: #f0c36d;
}

#GongGao p a {
	color: #eef8ff;
}

#container {
	margin-top: -18px;
}

#sidebar,
#neirong {
	position: relative;
}

#download {
	height: auto;
	margin-bottom: 12px;
	background: linear-gradient(180deg, rgba(13, 25, 41, .96), rgba(5, 10, 18, .96));
	border: 1px solid rgba(201, 157, 80, .5);
	box-shadow: 0 20px 45px rgba(0, 0, 0, .38), inset 0 0 30px rgba(65, 168, 230, .08);
}

#download a {
	text-indent: 0 !important;
	position: relative;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	color: #eef8ff;
	text-align: center;
	text-shadow: 0 2px 7px rgba(0, 0, 0, .85);
	border-bottom: 1px solid rgba(211, 171, 91, .22);
	transition: all .2s ease;
}

#download a:before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 0, rgba(98, 195, 255, .22), transparent 58%);
	opacity: .75;
}

#download a:hover {
	color: #fff;
	box-shadow: inset 0 0 30px rgba(229, 178, 88, .18);
}

#download .btn_payment {
	width: 300px;
	height: 126px;
	padding-top: 68px;
	background: linear-gradient(135deg, rgba(20, 55, 86, .96), rgba(12, 18, 30, .98)), url(../images/new-banner1.jpg) center 20% / cover;
	font-size: 25px;
	font-weight: bold;
	color: #ffe1a0;
}

#download .btn_payment:after {
	content: "Download Client";
	display: block;
	margin-top: 6px;
	color: #93d8ff;
	font: 12px Georgia, "Times New Roman", serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#download .btn_ {
	width: 100px;
	height: 82px;
	padding-top: 31px;
	background: linear-gradient(180deg, rgba(21, 42, 66, .98), rgba(8, 14, 24, .98));
	font-size: 15px;
}

#download .btn_kfd,
#download .btn_bd {
	width: 300px;
	height: 74px;
	padding-top: 27px;
	clear: both;
	background: linear-gradient(90deg, rgba(10, 23, 38, .98), rgba(29, 57, 84, .98), rgba(10, 23, 38, .98));
	font-size: 18px;
}

#download .btn_bd {
	color: #f5ca76;
}

#MENUBTN,
#KeFu,
#Introduction,
#PlayBanner,
#Video,
#PhotoShow {
	background: linear-gradient(180deg, rgba(12, 24, 39, .98), rgba(5, 9, 16, .98));
	border: 1px solid rgba(196, 153, 78, .42);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .36), inset 0 0 28px rgba(77, 168, 224, .07);
}

#MENUBTN {
	height: 413px;
	padding-top: 20px;
}

#KeFu {
	height: 363px;
	padding-top: 20px;
}

#MENUBTN h4,
#KeFu h4 {
	visibility: visible;
	height: 46px;
	line-height: 46px;
	color: #f0c36d;
	font-size: 20px;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid rgba(196, 153, 78, .28);
	margin-bottom: 12px;
}

#MENUBTN .weixin,
#KeFu .weixin {
	color: #d8e5ef;
}

#MENUBTN .weixin p,
#KeFu .weixin p {
	color: #c9d8e4;
}

#MENUBTN .weixin p em,
#KeFu .weixin p em {
	color: #f2c774;
}

#MENUBTN .MENUBTN_qun li {
	width: 86px;
}

#MENUBTN .MENUBTN_qun {
	float: none;
	display: grid;
	grid-template-columns: repeat(3, 86px);
	width: 258px;
	margin: 0 auto;
}

#MENUBTN .MENUBTN_qun li {
	float: none;
}

#MENUBTN .MENUBTN_qun li.monster-drop {
	clear: none;
	float: none;
	width: 86px;
	position: static;
	left: auto;
	grid-column: 1;
	margin-top: 8px;
	text-align: left;
}

#MENUBTN .MENUBTN_qun li.monster-drop a {
	display: block;
	padding: 0;
}

#MENUBTN .MENUBTN_qun li.monster-drop .icon img {
	margin-right: 5px;
}

#MENUBTN .MENUBTN_qun li a {
	color: #c8d9e8;
	border: 1px solid transparent;
	border-radius: 3px;
}

#MENUBTN .MENUBTN_qun li a:hover {
	background: rgba(48, 100, 137, .36);
	border-color: rgba(211, 171, 91, .36);
	color: #fff;
}

#MENUBTN .MENUBTN_qun li .icon img {
	filter: sepia(.18) saturate(1.1) hue-rotate(165deg) drop-shadow(0 0 7px rgba(111, 199, 255, .35));
}

#KeFu .weixin .ewm {
	border: 1px solid rgba(211, 171, 91, .5);
	box-shadow: 0 0 18px rgba(101, 196, 255, .16);
}

#Video,
#PlayBanner {
	box-sizing: border-box;
}

#Video.feature-image {
	cursor: default;
}

#Video img,
#PlayBanner img,
.pics_ .photo img,
.PictureList .photo img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

#Video.feature-image img {
	opacity: 1 !important;
}

#Video.feature-image:before,
#Video.feature-image:after,
#Video .play,
#Video .play-btn,
#Video .play_button,
#Video .btn_play {
	display: none !important;
	content: none !important;
}

#PlayBanner {
	overflow: hidden;
}

.server-status {
	height: 100%;
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, rgba(10, 23, 38, .96), rgba(4, 9, 16, .98));
}

.server-status__image {
	height: 112px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid rgba(205, 165, 87, .4);
}

.server-status__image:after {
	content: "SERVER ONLINE";
	position: absolute;
	right: 10px;
	bottom: 8px;
	padding: 3px 6px;
	background: rgba(5, 15, 24, .8);
	border: 1px solid rgba(122, 229, 184, .5);
	color: #a4f3cc;
	font: 10px/1 Georgia, "Times New Roman", serif;
	letter-spacing: 1px;
}

.server-status__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.server-status__heading {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 13px 8px;
	border-bottom: 1px solid rgba(130, 177, 206, .2);
}

.server-status__heading strong,
.server-status__heading small {
	display: block;
}

.server-status__heading strong {
	color: #f2ce83;
	font-size: 14px;
	line-height: 19px;
}

.server-status__heading small {
	color: #80b6d7;
	font: 9px/1.2 Georgia, "Times New Roman", serif;
	letter-spacing: .8px;
}

.status-dot {
	width: 8px;
	height: 8px;
	flex: 0 0 8px;
	border-radius: 50%;
	background: #65df9d;
	box-shadow: 0 0 0 3px rgba(101, 223, 157, .12), 0 0 12px rgba(101, 223, 157, .75);
}

.server-status__list {
	margin: 0;
	padding: 8px 13px 4px;
	list-style: none;
}

.server-status__list li {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(130, 177, 206, .15);
	color: #c8d9e6;
	font-size: 13px;
	line-height: 18px;
}

.server-status__item strong {
	font-weight: normal;
	color: #e2edf5;
}

.server-status__item em {
	margin-left: auto;
	font-style: normal;
	font-size: 11px;
}

.server-light {
	width: 9px;
	height: 9px;
	flex: 0 0 9px;
	border-radius: 50%;
	background: #65df9d;
	box-shadow: 0 0 0 3px rgba(101, 223, 157, .12), 0 0 10px rgba(101, 223, 157, .75);
}

.is-online em {
	color: #8fe9b7;
}

.is-offline .server-light {
	background: #e55f60;
	box-shadow: 0 0 0 3px rgba(229, 95, 96, .12), 0 0 10px rgba(229, 95, 96, .72);
}

.is-offline em {
	color: #f18c8d;
}

.is-checking .server-light {
	background: #e4bd63;
	box-shadow: 0 0 0 3px rgba(228, 189, 99, .12), 0 0 10px rgba(228, 189, 99, .6);
}

.is-checking em {
	color: #e4bd63;
}

.server-status__more {
	display: block;
	margin: auto 13px 11px;
	padding-top: 9px;
	border-top: 1px solid rgba(205, 165, 87, .28);
	color: #e2bc6b;
	font-size: 12px;
	text-align: right;
}

.server-status__more:hover {
	color: #fff0c5;
}

#Introduction {
	background: linear-gradient(180deg, rgba(11, 24, 39, .98), rgba(7, 12, 22, .98));
	color: #d9e6f0;
}

.Tab {
	border-bottom-color: rgba(202, 159, 82, .36);
}

.Tab li a {
	height: 60px;
	line-height: 60px;
	color: #bfcfde;
	font-size: 16px;
}

.Tab li.change {
	border-bottom-color: #d8a958;
}

.Tab li.change a,
.Tab li a:hover {
	color: #f2c774;
}

.NewsList li,
.rechargeList li,
.huishoulist li,
.fenqulist li {
	color: #d9e6f0;
	border-bottom-color: rgba(129, 173, 201, .24);
}

.NewsList li:hover,
.rechargeList li:hover,
.huishoulist li:hover,
.fenqulist li:hover {
	background-color: rgba(72, 117, 149, .18);
}

.NewsList li a,
.content_ p {
	color: #d9e6f0;
}

.NewsList li a:hover {
	color: #f2c774;
}

.NewsList li .btn_fl,
.rechargeList li span i,
.huishoulist li span i,
.fenqulist li span i {
	background-color: #9d7131;
	color: #07111e;
}

#picList {
	background: #060b13;
}

.pics_ {
	background: #070d18;
	border: 1px solid rgba(196, 153, 78, .26);
	box-sizing: border-box;
}

.pics_ .text {
	background: linear-gradient(180deg, rgba(4, 8, 15, .18), rgba(4, 8, 15, .72));
	text-shadow: 0 2px 10px rgba(0, 0, 0, .9);
}

.pics_ .text span {
	color: #a8c9dc;
}

.pics_ .text strong {
	color: #fff0c0;
}

#PhotoShow {
	background: linear-gradient(180deg, rgba(9, 20, 34, .98), rgba(4, 8, 15, .98));
	overflow: hidden;
}

#PhotoShowGundong {
	width: 970px;
	overflow: hidden;
}

.PictureList li:hover {
	background-color: rgba(73, 125, 162, .16);
}

.PictureList .photo {
	background: #05080e;
	border: 1px solid rgba(196, 153, 78, .35);
	box-sizing: border-box;
}

.PictureList .photo img {
	object-fit: cover;
	object-position: center;
}

.PictureList em {
	display: none;
}

#PhotoShow .move_left span,
#PhotoShow .move_right span {
	filter: hue-rotate(170deg) saturate(1.2) brightness(1.28) drop-shadow(0 0 10px rgba(104, 198, 255, .35));
}

#footer {
	margin-top: -250px;
	background: linear-gradient(180deg, rgba(5, 8, 14, 0), #05080e 48%, #020408 100%);
	border-top: 1px solid rgba(196, 153, 78, .22);
}

#footer .center {
	padding-top: 64px;
}

#footer .bomlogo img {
	max-width: 300px;
	height: auto;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .7));
}

#footer .box,
#footer .tips,
#footer ul li a {
	color: #7f91a3;
}

.friend-links {
	margin: 10px 0 6px;
	color: #8fa8bd;
	font-size: 12px;
}

.friend-links span {
	margin-right: 8px;
	color: #b99050;
}

.friend-links a {
	display: inline-block;
	vertical-align: middle;
}

.friend-links img {
	max-height: 36px;
	width: auto;
	vertical-align: middle;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .45));
}

#footer ul li a:hover,
#footer p a:hover {
	color: #f2c774;
}

#footer p a {
	color: #d8e5ef;
}

.container1 .scroll_track {
	background: rgba(101, 151, 183, .18);
}

.container1 .scroll_drag {
	background: linear-gradient(180deg, #75c8f8, #a77a38);
}

@keyframes logoEntrance {
	0% {
		opacity: 0;
		transform: translate3d(0, -18px, 0) scale(.92);
		filter: drop-shadow(0 0 0 rgba(128, 220, 255, 0));
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0) scale(1);
		filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .75));
	}
}

@keyframes logoFrostPulse {
	0%,
	100% {
		filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .75)) drop-shadow(0 0 0 rgba(104, 210, 255, 0));
	}
	50% {
		filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .82)) drop-shadow(0 0 18px rgba(104, 210, 255, .32));
	}
}

@keyframes menuDropIn {
	0% {
		opacity: 0;
		transform: translate3d(0, -10px, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes coverBackgroundBreathe {
	0% {
		transform: scale(1.012) translate3d(0, 0, 0);
		filter: brightness(.96) saturate(.96);
	}
	100% {
		transform: scale(1.045) translate3d(-14px, -6px, 0);
		filter: brightness(1.05) saturate(1.08);
	}
}

@keyframes coverDragonFloat {
	0%,
	100% {
		transform: translate3d(0, 0, 0) rotate(-.5deg) scale(1);
		opacity: .54;
	}
	50% {
		transform: translate3d(10px, -14px, 0) rotate(.7deg) scale(1.018);
		opacity: .64;
	}
}

@keyframes coverLightSweep {
	0%,
	54% {
		opacity: 0;
		transform: translate3d(-64%, 0, 0);
	}
	68% {
		opacity: .5;
	}
	100% {
		opacity: 0;
		transform: translate3d(64%, 0, 0);
	}
}

@keyframes coverAuroraFlow {
	0% {
		transform: translate3d(-44px, 0, 0) skewY(-4deg);
		opacity: .46;
	}
	100% {
		transform: translate3d(58px, 12px, 0) skewY(-2deg);
		opacity: .74;
	}
}

@keyframes coverMistLeft {
	0% {
		transform: translate3d(-120px, 0, 0);
	}
	100% {
		transform: translate3d(120px, 0, 0);
	}
}

@keyframes coverMistRight {
	0% {
		transform: translate3d(150px, 0, 0) scaleX(1.12);
	}
	100% {
		transform: translate3d(-150px, 0, 0) scaleX(1.12);
	}
}

@keyframes coverSnowFall {
	0% {
		background-position: 18px -120px, 86px -180px;
	}
	100% {
		background-position: 78px 724px, 18px 664px;
	}
}

@keyframes coverSnowFallSlow {
	0% {
		background-position: 124px -180px, 38px -260px;
	}
	100% {
		background-position: 40px 724px, 150px 640px;
	}
}

@keyframes coverShardDrift {
	0% {
		background-position: 12px -120px, 128px -40px;
		opacity: .18;
	}
	42% {
		opacity: .42;
	}
	100% {
		background-position: 130px 220px, 8px 340px;
		opacity: .18;
	}
}

@keyframes coverFlarePulse {
	0%,
	100% {
		opacity: .28;
		transform: rotate(-6deg) skewX(-8deg) scaleX(.92);
	}
	50% {
		opacity: .62;
		transform: rotate(-4deg) skewX(-4deg) scaleX(1.1);
	}
}

@media (prefers-reduced-motion: reduce) {
	body:not(.cover-motion-on) #logo,
	body:not(.cover-motion-on) #menu ul li a,
	body:not(.cover-motion-on) #bigpic:before,
	body:not(.cover-motion-on) #bigpic > img:first-child,
	body:not(.cover-motion-on) #bigpic .hero-dragon,
	body:not(.cover-motion-on) .cover-vfx span {
		animation: none !important;
	}

	body:not(.cover-motion-on) #bigpic > img:first-child,
	body:not(.cover-motion-on) #bigpic .hero-dragon {
		transform: none !important;
	}

	body:not(.cover-motion-on) .cover-snow,
	body:not(.cover-motion-on) .cover-shards {
		display: none;
	}
}