/* generated by cmd/rogalicexport (ui) from the styles of panorama/layout/battle_pass/crownfall/bp_popup_crownfall_encounter_survivors.xml; do not edit */

/* --- Panorama layout model --- */
@property --ha { syntax: "*"; inherits: false; }
@property --va { syntax: "*"; inherits: false; }
@property --p-js { syntax: "*"; inherits: false; }
@property --p-as { syntax: "*"; inherits: false; }
@property --p-disp { syntax: "*"; inherits: false; }
@property --p-vis { syntax: "*"; inherits: false; }
@property --p-flow { syntax: "*"; inherits: false; }
@property --p-ov { syntax: "*"; inherits: false; }
@property --p-shrink { syntax: "*"; inherits: false; }
@property --fw { syntax: "*"; inherits: false; }
@property --fh { syntax: "*"; inherits: false; }
@property --p-to { syntax: "*"; inherits: false; }
@property --p-wash { syntax: "*"; inherits: false; }
@property --p-imgshadow { syntax: "*"; inherits: false; }
@property --p-bgi { syntax: "*"; inherits: false; }
@property --p-bgg { syntax: "*"; inherits: false; }
@property --p-bgs { syntax: "*"; inherits: false; }
@property --p-bgp { syntax: "*"; inherits: false; }
@property --p-bgr { syntax: "*"; inherits: false; }
@property --p-om { syntax: "*"; inherits: false; }
@property --p-ob { syntax: "*"; inherits: false; }
@property --p-clip { syntax: "*"; inherits: false; }
@property --p-brightness { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --p-saturation { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --p-contrast { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --p-hue { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@property --p-blur { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --p-clip-a { syntax: "<angle>"; inherits: false; initial-value: 360deg; }

/* A panel is a 1x1 grid: its children overlap and align themselves. */
:where([data-ptype]) {
	position: relative;
	box-sizing: border-box;
	display: var(--p-vis, var(--p-disp, grid));
	grid-template: minmax(0, 1fr) / minmax(0, 1fr);
	grid-area: 1 / 1;
	justify-self: var(--p-js, var(--ha, start));
	align-self: var(--p-as, var(--va, start));
	flex: 0 var(--p-shrink, 1) auto;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0 solid transparent;
	overflow: clip;
	overflow-clip-margin: border-box;
	pointer-events: var(--p-hit, auto);
}
/* In a flow the parent's cross axis takes the child's alignment. */
@container style(--p-flow: col) {
	:where([data-ptype]) { --p-as: var(--ha, start); --p-js: start; flex: var(--fh, 0 var(--p-shrink, 1) auto); }
}
@container style(--p-flow: row) {
	:where([data-ptype]) { --p-as: var(--va, start); flex: var(--fw, 0 var(--p-shrink, 1) auto); }
}
/* overflow other than squish: the children keep their size. */
@container style(--p-ov: keep) {
	:where([data-ptype]) { --p-shrink: 0; }
}
/* A label never squishes below its text (the difficulty screen's titles
   sit in a full column). */
:where(p-label) {
	--p-disp: block;
	--p-shrink: 0;
	white-space: pre-line;
	overflow-wrap: break-word;
}
/* A text color gradient: a copy of the text clipped to it (see --p-tg). */
:where(p-label)::after {
	content: var(--p-tgc, none);
	position: absolute;
	inset: 0;
	padding: inherit;
	border: inherit;
	border-color: transparent;
	background-image: var(--p-tg, none);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: none;
	pointer-events: none;
}
/* A border-brush ring over the border (see --p-bt ...). */
:where([data-ptype])::before {
	position: absolute;
	inset: calc(-1 * var(--p-bt, 0px)) calc(-1 * var(--p-br, 0px)) calc(-1 * var(--p-bb, 0px)) calc(-1 * var(--p-bl, 0px));
	box-sizing: border-box;
	border-style: solid;
	border-color: transparent;
	border-width: inherit;
	border-radius: inherit;
	background-origin: border-box;
	background-clip: border-box;
	mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	mask-clip: padding-box, border-box;
	mask-origin: padding-box, border-box;
	mask-composite: exclude;
	pointer-events: none;
}
:where(p-image) > img {
	display: block;
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	object-fit: fill;
	pointer-events: none;
}
:where(p-image[data-scaling="stretch-to-fit-preserve-aspect"], p-image[data-scaling="stretch-to-fit-x-preserve-aspect"], p-image[data-scaling="stretch-to-fit-y-preserve-aspect"]) > img { object-fit: contain; }
:where(p-image[data-scaling="stretch-to-cover-preserve-aspect"]) > img { object-fit: cover; }
:where(p-image[data-scaling="none"]) > img { object-fit: none; }
:where(p-image) > img:not([src]) { display: none; }
:where([data-hittest="false"]) { pointer-events: none; }
:where([data-hittestchildren="false"] [data-ptype]) { pointer-events: none; }
:where(p-progressbar) > :where(.ProgressBarLeft, .ProgressBarRight) { height: 100%; }
:where(p-progressbar) > :where(.ProgressBarRight) { --ha: end; }
:where([data-onactivate]) { cursor: pointer; }
/* The page: 1920x1080 scaled to the window (panorama.js sets the transform). */
.p-stage {
	position: absolute;
	left: 0;
	top: 0;
	width: 1920px;
	height: 1080px;
	transform-origin: 0 0;
	overflow: hidden;
	font-family: "Radiance", sans-serif;
	font-size: 16px;
	color: #ffffff;
	line-height: normal;
	text-align: left;
	user-select: none;
	-webkit-user-select: none;
}
.p-texttooltip {
	position: absolute;
	z-index: 1000;
	max-width: 400px;
	padding: 8px 12px;
	background-color: #0e1215f0;
	border: 1px solid #3a4246;
	box-shadow: 0 4px 16px #000000c0;
	color: #c8d2d6;
	font-size: 16px;
	pointer-events: none;
	white-space: pre-line;
}

/* --- fonts --- */
@font-face { font-family: "Bangers"; src: url("../fonts/bangers-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Creepster"; src: url("../fonts/creepster-regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Grenze"; src: url("../fonts/grenze-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-black.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-blackitalic.otf") format("opentype"); font-weight: 900; font-style: italic; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-bolditalic.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-lightitalic.otf") format("opentype"); font-weight: 300; font-style: italic; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-regularitalic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-semibold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-semibolditalic.otf") format("opentype"); font-weight: 600; font-style: italic; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-ultralight.otf") format("opentype"); font-weight: 200; font-style: normal; font-display: block; }
@font-face { font-family: "Radiance"; src: url("../fonts/radiance-ultralightitalic.otf") format("opentype"); font-weight: 200; font-style: italic; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-black.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-blackitalic.otf") format("opentype"); font-weight: 900; font-style: italic; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-bolditalic.otf") format("opentype"); font-weight: 700; font-style: italic; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-italic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-lightitalic.otf") format("opentype"); font-weight: 300; font-style: italic; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-regularitalic.otf") format("opentype"); font-weight: 400; font-style: italic; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-semibold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-semibolditalic.otf") format("opentype"); font-weight: 600; font-style: italic; font-display: block; }
@font-face { font-family: "RadianceM"; src: url("../fonts/radiancem-ultralight.otf") format("opentype"); font-weight: 250; font-style: normal; font-display: block; }
@font-face { font-family: "Ravenhook"; src: url("../fonts/ravenhook.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: block; }
@font-face { font-family: "Reaver"; src: url("../fonts/reaver-black.otf") format("opentype"); font-weight: 900; font-style: normal; font-display: block; }
@font-face { font-family: "Reaver"; src: url("../fonts/reaver-bold.otf") format("opentype"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "Reaver"; src: url("../fonts/reaver-light.otf") format("opentype"); font-weight: 300; font-style: normal; font-display: block; }
@font-face { font-family: "Reaver"; src: url("../fonts/reaver-regular.otf") format("opentype"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "Reaver"; src: url("../fonts/reaver-semibold.otf") format("opentype"); font-weight: 600; font-style: normal; font-display: block; }
@font-face { font-family: "UnifrakturCook"; src: url("../fonts/unifrakturcook-bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: block; }
p-label {
	font-family: "Radiance", "FZLanTingHei-R-GBK", "TH Sarabun New", "YDYGO 540", "Gulim", "MingLiU", sans-serif;
}
.LighterGreyText {
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
}
.BodyMedium {
	font-size: 18px;
	line-height: 24px;
}
.BodySmall {
	font-size: 16px;
	line-height: 20px;
}
.TitleExtraLarge,
.TitleLarge,
.TitleMedium,
.TitleSmall {
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1.5px;
}
.TitleExtraLarge {
	font-size: 52px;
	line-height: 1.1;
}
.TitleLarge {
	font-size: 38px;
	line-height: 1.2;
}
.TitleMedium {
	font-size: 26px;
	line-height: 1.2;
}
.TitleSmall {
	font-size: 17px;
	line-height: 1.2;
}
.DisplayLarge {
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
}
.DisplayLarge {
	font-size: 32px;
}
.LabelLarge,
.LabelMedium,
.LabelSmall {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.LabelLarge {
	font-size: 19px;
	line-height: 24px;
	font-weight: 600;
	letter-spacing: 1.5px;
}
.LabelMedium {
	font-size: 16px;
	line-height: 20px;
}
.LabelSmall {
	font-size: 13px;
	line-height: 16px;
}
p-dropdown {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #292e2e 0%, #191e1e 100%);
	--p-bgi: url("img/control_icons/arrow_dropdown_png.png");
	--p-bgr: no-repeat;
	--p-bgp: right 38px top 35%;
	--p-bgs: 32px 32px;
	box-shadow: #00000055 0px 0px 1px 3px;
	border: 2px solid #5e686966;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
	font-size: 24px;
	width: 320px;
	--fw: 0 0 auto;
	height: 41px;
	--fh: 0 0 auto;
	padding: 4px 8px;
	z-index: 1;
	transition-property: background-color, border;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
p-dropdown:not(.p-disabled):hover:not(:is(.p-disabled *)) {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #393e3e 0%, #292e2e 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
p-dropdown:focus .TickBox {
	--p-to: initial;
	text-overflow: clip;
	white-space: nowrap;
}
p-dropdown.p-disabled {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #292e2e 0%, #191e1e 100%);
	border: 2px solid #3b414266;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
	--p-bgi: url("img/control_icons/arrow_dropdown_disabled_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
p-dropdown p-label {
	width: 100%;
	--fw: 0 0 auto;
	margin: 3px 29px 0px 6px;
	font-size: 18px;
	transition-property: color;
	transition-duration: 0.15s;
	transition-timing-function: linear;
}
p-dropdown:focus p-label {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
p-dropdown.p-disabled p-label {
	color: #444444;
	--p-tg: none;
	--p-tgc: none;
}
a:hover {
	text-decoration: underline;
}
b {
	font-weight: 700;
}
i {
	font-style: italic;
}
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
h1 {
	font-weight: 700;
}
h2 {
	font-weight: 700;
}
pre {
	font-family: "Courier New", "Courier", sans-serif;
}
.LeftRightFlow {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.HorizontalCenter {
	--ha: center;
}
p-label {
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
	font-size: 18px;
}
p-dotasettingscheckbox {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 1px 4px;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	transition-property: background-color, box-shadow, color;
	transition-duration: 0.25s;
	transition-timing-function: ease-in-out;
}
p-dotasettingscheckbox .TickBox {
	width: 18px;
	--fw: 0 0 auto;
	height: 18px;
	--fh: 0 0 auto;
	--va: center;
	background-color: black;
	--p-bgg: none;
	border: 2px solid #5e686966;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
	box-shadow: #00000055 0px 0px 1px 3px;
	transition-property: background-color, box-shadow, color, border, background-image, --p-wash, scale;
	transition-duration: 0.20s;
	transition-timing-function: ease-in-out;
}
p-dotasettingscheckbox.p-selected .TickBox {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #e7f6f5 0%, #a0d6d7 100%);
	border: 3px solid #000000;
	--p-bt: 3px;
	--p-br: 3px;
	--p-bb: 3px;
	--p-bl: 3px;
	box-shadow: #5b62bf77 0px 0px 8px 0px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
p-dotasettingscheckbox:hover .TickBox {
	border: 2px solid #697879;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
}
p-dotasettingscheckbox p-label {
	margin-left: 8px;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.3px;
	transition-property: color;
	transition-duration: 0.2s;
	transition-timing-function: linear;
}
p-dotasettingscheckbox:not(.p-disabled):hover p-label {
	color: #d2d6d1;
	--p-tg: none;
	--p-tgc: none;
}
p-dotasettingscheckbox.p-selected p-label {
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
}
p-dotasettingscheckbox.p-disabled p-label {
	color: #333333;
	--p-tg: none;
	--p-tgc: none;
}
p-dotasettingscheckbox.p-disabled .TickBox {
	border-color: #333333;
}
p-dotasettingscheckbox.p-disabled.p-selected .TickBox {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #222222 0%, #333333 100%);
	border: 3px solid #000000;
	--p-bt: 3px;
	--p-br: 3px;
	--p-bb: 3px;
	--p-bl: 3px;
	box-shadow: #33333377 0px 0px 8px 0px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #222222 0%, #4B555D 100%);
	--p-bgi: url("img/backgrounds/background_play_button_2x_png.png");
	--p-bgs: cover;
	border: 1px solid #83838390;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	margin: 8px;
	min-width: 192px;
	max-width: 500px;
	padding: 10px 30px;
	transition-property: background-color, --p-wash;
	transition-delay: 0.0s;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.Small {
	min-width: 100px;
	padding: 6px 20px;
}
.PopupButton p-label {
	color: white;
	--p-tg: none;
	--p-tgc: none;
	font-size: 20px;
	--ha: center;
	text-align: center;
	--va: center;
	text-transform: uppercase;
	--p-to: shrink;
	text-overflow: clip;
	text-shadow: 0px 0px 5px #000000, 0px 0px 5px #000000, 0px 0px 5px #000000;
	font-weight: 600;
	letter-spacing: 1px;
}
.PopupButton.Small p-label {
	font-size: 18px;
}
.PopupButton:not(.p-disabled):hover {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #58636e 0%, #53626e 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.p-disabled {
	opacity: 0.3;
	--p-hit: inherit;
}
.PopupButton.p-disabled p-label {
	color: #999999;
	--p-tg: none;
	--p-tgc: none;
}
.PopupButton:active p-label {
	transform: translateY(1px);
}
.PopupButton:active {
	border: 1px solid #83838390;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #272f33 0%, #5a6c75 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.Blue {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #112b3a 0%, #1E5D81 100%);
	border: 1px solid #4BCDEA30;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.Blue:not(.p-disabled):hover {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #164f70 0%, #287aaa 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.Blue:active {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #091a24 0%, #174864 100%);
	border: 1px solid #ffffff10;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.Gold {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #795714 0%, #fdc762 100%);
	border: 1px solid #fcc81e50;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.Gold:not(.p-disabled):hover {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #a37924 0%, #ffda95 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupButton.Gold:active {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #4b360b 0%, #b48630 100%);
	border: 1px solid #ffffff10;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
p-rangeslider {
	width: 30px;
	--fw: 0 0 auto;
	height: 130px;
	--fh: 0 0 auto;
	margin-bottom: 20px;
}
p-rangeslider.HorizontalSlider {
	width: 420px;
	--fw: 0 0 auto;
	height: 30px;
	--fh: 0 0 auto;
}
p-progressbar {
	width: 320px;
	--fw: 0 0 auto;
	height: 22px;
	--fh: 0 0 auto;
	border-radius: 8px;
	background-color: #000000ff;
	--p-bgg: none;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.ProgressBarLeft {
	background-color: #ffffff33;
	--p-bgg: none;
}
.Spinner {
	width: 28px;
	--fw: 0 0 auto;
	height: 28px;
	--fh: 0 0 auto;
	--p-bgi: url("img/status_icons/loadingthrobber_round_psd.png");
	--p-bgr: no-repeat;
	--p-bgp: 50% 50%;
	--p-bgs: contain;
	animation-name: pk-SpinnerRotate;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-direction: reverse;
	animation-iteration-count: infinite;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.VerticalDivider {
	width: 1px;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: #ffffff88;
	--p-bgg: none;
}
.FillWidth {
	width: 100%;
	--fw: 1 1 0px;
}
.ButtonPrimary {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--p-bgi: url("img/backgrounds/background_play_button_2x_png.png");
	--p-bgs: cover;
	border-radius: 3px;
	padding: 0px 16px;
	height: 34px;
	--fh: 0 0 auto;
	transition-property: background-color, border, --p-brightness, opacity, transform;
	transition-duration: 0.1s;
	transition-timing-function: ease;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #525F65 0%, #2F363A 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ButtonPrimary::before {
	content: "";
	background-image: linear-gradient(180deg, #FFFFFF08 0%, #FFFFFF03 100%);
}
.ButtonPrimary.Wide {
	padding: 0px 24px;
}
.ButtonPrimary p-label {
	color: white;
	--p-tg: none;
	--p-tgc: none;
	font-size: 16px;
	line-height: 20px;
	opacity: 0.8;
	--p-hit: inherit;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-align: center;
	--ha: center;
	--va: center;
	margin: -1px 0px 1px;
	text-transform: uppercase;
	--p-to: shrink;
	text-overflow: clip;
	text-shadow: 0px 1px 4px #000000;
	letter-spacing: 1.5px;
	transition-property: transform, text-shadow, opacity;
	transition-duration: 0.05s, 0.1s;
	transition-timing-function: ease;
}
.ButtonPrimary p-image {
	width: 20px;
	--fw: 0 0 auto;
	height: 20px;
	--fh: 0 0 auto;
	margin: 0px 4px;
	--va: center;
	--p-wash: url(#pw-dae2e5ff);
	transition-property: transform, --p-imgshadow;
	transition-duration: 0.05s;
	transition-timing-function: ease;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ButtonPrimary p-image {
	--p-imgshadow: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.3));
	--p-wash: url(#pw-dae2e5ff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ButtonPrimary.Small {
	padding: 0px 6px;
	height: 24px;
	--fh: 0 0 auto;
}
.ButtonPrimary.Small p-label {
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	margin: 0px;
	letter-spacing: 1px;
}
.ButtonPrimary.Small p-image {
	width: 18px;
	--fw: 0 0 auto;
	height: 18px;
	--fh: 0 0 auto;
	margin: 0px 2px;
	--p-wash: url(#pw-b0bcc2ff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ButtonPrimary.Small.Wide {
	padding: 0px 16px;
}
.ButtonPrimary.Blue {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #3782A4 0%, #235777 100%);
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ButtonPrimary.Blue::before {
	content: "";
	background-image: linear-gradient(180deg, #FFFFFF40 0%, #FFFFFF08 100%);
}
.ButtonPrimary.Blue:active:not(.p-disabled):not(.Disabled) {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #235777 0%, #3782A4 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ButtonPrimary.Gold {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #ffebb1 0%, #c6a562 45%, #ae9259 55%, #dcb870 100%);
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ButtonPrimary.Gold::before {
	content: "";
	background-image: linear-gradient(180deg, #FFFFFF20 0%, #FFFFFF06 100%);
}
.ButtonPrimary.Gold:active:not(.p-disabled):not(.Disabled) {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #dcb870 0%, #ae9259 45%, #c6a562 55%, #ffebb1 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ButtonPrimary.Gold p-label {
	opacity: 1;
	--p-hit: inherit;
}
.ButtonPrimary:active:not(.p-disabled):not(.Disabled) {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #2F363A 0%, #525F65 100%);
	--p-brightness: 0.8;
	transition-duration: 0.05s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ButtonPrimary:hover:not(.p-disabled):not(.Disabled) {
	--p-brightness: 2;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ButtonPrimary:hover:not(.p-disabled):not(.Disabled) p-label {
	color: white;
	--p-tg: none;
	--p-tgc: none;
	opacity: 1;
	--p-hit: inherit;
}
.ButtonPrimary:hover:not(.p-disabled):not(.Disabled) p-image {
	--p-wash: url(#pw-ffffffff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ButtonPrimary:active:not(.p-disabled):not(.Disabled) {
	--p-brightness: 0.8;
	transition-duration: 0.05s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ButtonPrimary:active:not(.p-disabled):not(.Disabled) p-label {
	transform: translateY( 0.5px );
}
.ButtonPrimary:active:not(.p-disabled):not(.Disabled) p-image {
	transform: translateY( 0.5px );
}
.ButtonPrimary.p-disabled {
	--p-saturation: 0;
	opacity: 0.3;
	--p-hit: inherit;
	--p-brightness: 0.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ButtonPrimary.p-disabled p-label {
	opacity: 1;
	--p-hit: inherit;
}
p-dotaemoticon {
	image-rendering: pixelated;
}
.PopupPanel {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #272d2eee 0%, #131617ee 100%);
	border: 1px solid #5e6869;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	padding-top: 32px;
	padding-bottom: 32px;
	padding-right: 64px;
	padding-left: 64px;
	min-width: 450px;
	--va: center;
	--ha: center;
	opacity: 1.0;
	--p-hit: inherit;
	box-shadow: black 0px 0px 8px 0px;
	animation-name: pk-links-and-more-button-focus;
	animation-duration: 0.6s;
	animation-delay: 0.0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	transition-property: transform, scale, opacity, background-color, height, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-delay: 0.0s;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupPanel.Hidden {
	opacity: 0.0;
	--p-hit: none;
	scale: 1.25;
	transform: translateY( -10px );
	box-shadow: 0 0 0px transparent;
}
.TopGoldDash {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, #977628 0%, #EFD4AC 50%, #977628 100%);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	--p-bt: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.GoldText {
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #8d6c3a 100%);
	--p-tgc: attr(data-t);
}
#CloseButtonContainer,
#ResizeButtonContainer {
	--ha: end;
	width: 96px;
	--fw: 0 0 auto;
	height: 96px;
	--fh: 0 0 auto;
	overflow-x: clip;
	overflow-y: clip;
	--p-ov: keep;
}
#CloseButtonContainer .CloseButtonBackground,
#CloseButtonContainer .CloseButtonBackgroundHover,
#ResizeButtonContainer .CloseButtonBackground,
#ResizeButtonContainer .CloseButtonBackgroundHover {
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	width: 140px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--ha: end;
}
#CloseButtonContainer .CloseButtonBackground,
#ResizeButtonContainer .CloseButtonBackground {
	background-color: rgba(0, 0, 0, 0.4);
	--p-bgg: none;
	border: 1px solid rgba(255, 255, 255, 0.04);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	transform: rotateZ( 45deg ) translateX( 78px ) translateY( -78px );
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}
#CloseButtonContainer .CloseButtonBackgroundHover,
#ResizeButtonContainer .CloseButtonBackgroundHover {
	background-color: transparent;
	--p-bgg: linear-gradient(315deg, #EFD4AC 0%, #DCB25E 100%);
	transform: rotateZ( 45deg ) translateX( 76px ) translateY( -166px );
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#CloseButtonContainer .CloseIcon,
#ResizeButtonContainer .CloseIcon {
	--ha: end;
	margin: 12px;
	--p-imgshadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, 1));
	--p-wash: url(#pw-dae2e5ff);
	opacity: 0.6;
	--p-hit: inherit;
	transition-property: --p-wash, opacity;
	transition-duration: 0.1s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DashDotDivider {
	--ha: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.DashDotDivider .Dash {
	--va: center;
	width: 100%;
	--fw: 1 1 0px;
	height: 1px;
	--fh: 0 0 auto;
	opacity: 0.6;
	--p-hit: inherit;
}
.DashDotDivider .Dash.Left {
	background-color: transparent;
	--p-bgg: linear-gradient(270deg, #EFD4AC 0%, #dcb25e66 50%, #97762800 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DashDotDivider .Dash.Right {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, #EFD4AC 0%, #dcb25e66 50%, #97762800 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupPanel .MainContentsWrapper {
	padding: 8px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #463f3186 0%, #2A1E0C 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	box-shadow: 0px 16px 80px -4px rgba(0, 0, 0, 0.4);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupPanel .MainContentsWrapper::before {
	content: "";
	background-image: linear-gradient(180deg, #8671455d 0%, #57411e69 100%);
}
.PopupPanel .MainContentsWrapper #CloseButtonContainer {
	margin: 1px;
}
.PopupPanel .MainContents {
	border: 1px solid rgb(255, 255, 255);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-color: rgb(19, 35, 66);
	--p-bgg: none;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.6);
	--p-bgp: center;
	--p-bgs: cover;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupPanel .MainContents::before {
	content: "";
	background-image: linear-gradient(180deg, #EFD4AC 0%, #DCB25E 50%, #977628 100%);
}
.ControlKey {
	border: 1px solid rgba(255, 255, 255, 0.8);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	border-radius: 4px;
	box-shadow: 0px 5px 20px -3px rgba(0, 0, 0, 0.8);
}
.ControlKey::before {
	content: "";
	background-image: linear-gradient(180deg, #66767c 0%, #364047 100%);
}
.ControlKey.Small .KeyText {
	padding: 2px 0px 4px;
	min-width: 28px;
	border-radius: 3px;
	font-size: 14px;
	min-height: 22px;
	box-shadow: inset 0px -1px 2px 0px rgba(0, 0, 0, 0.92);
	font-weight: 400;
	text-shadow: none;
	color: rgba(245, 245, 245, 0.539);
	--p-tg: none;
	--p-tgc: none;
}
.ControlKey .KeyText {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #303942 0%, #161c21 100%);
	box-shadow: inset 0px -3px 2px 0px rgba(0, 0, 0, 0.92);
	padding: 5px 0px 7px;
	min-width: 34px;
	border-radius: 3px;
	font-size: 16px;
	min-height: 32px;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0px 0px 12px rgba(213, 236, 255, 0.1);
	--ha: center;
	--va: center;
	--p-bgs: 16px;
	--p-bgr: no-repeat;
	--p-bgp: center 7px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PopupPanel {
	background-color: transparent;
	--p-bgg: none;
	animation: none;
	border: 0px solid transparent;
	--p-bt: 0px;
	--p-br: 0px;
	--p-bb: 0px;
	--p-bl: 0px;
	padding: 0px;
	box-shadow: none;
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
}
.MainContents {
	border: 0px solid rgb(255, 255, 255);
	--p-bt: 0px;
	--p-br: 0px;
	--p-bb: 0px;
	--p-bl: 0px;
	border-color: transparent;
	--ha: center;
	--va: center;
	width: 1244px;
	--fw: 0 0 auto;
	height: 700px;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #253242 0%, #0B111A 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MainContents::before {
	content: "";
	background-image: linear-gradient(180deg, #EFD4AC 0%, #DCB25E 50%, #977628 100%);
}
.MainContents #CloseButtonContainer {
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	margin-top: 2px;
}
.MainContents .TopGoldDash {
	width: 100%;
	--fw: 0 0 auto;
	height: 2px;
	--fh: 0 0 auto;
}
.LeaderboardContainer {
	margin-left: 20px;
	width: 100%;
	--fw: 0 0 auto;
	--ha: end;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-top: 7px;
}
.LeaderboardContainer .LeaderList {
	width: 100%;
	--fw: 0 0 auto;
	min-height: 50px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	overflow-x: clip;
	overflow-y: auto;
	--p-ov: keep;
}
.LeaderboardContainer .LeaderListHeader {
	width: 100%;
	--fw: 0 0 auto;
	margin-bottom: 8px;
}
.LeaderboardContainer .LeaderboardRow {
	zoom: 100%;
	width: 100%;
	--fw: 0 0 auto;
	margin-bottom: 2px;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-right: 0px;
	height: 24px;
	--fh: 0 0 auto;
}
.LeaderboardContainer .LeaderboardRow #LeaderListAvatar {
	width: 24px;
	--fw: 0 0 auto;
	height: 24px;
	--fh: 0 0 auto;
	--va: center;
	margin-right: 5px;
}
.LeaderboardContainer .LeaderboardRow .LeaderListName {
	padding-top: 2px;
	height: 24px;
	--fh: 0 0 auto;
	color: #DAE2E5;
	--p-tg: none;
	--p-tgc: none;
	--va: center;
	width: 100%;
	--fw: 1 1 0px;
	font-size: 16px;
	margin-top: 1px;
}
.LeaderboardContainer .LeaderboardRow .LeaderListValue {
	--ha: end;
	text-align: right;
	color: #DAE2E5;
	--p-tg: none;
	--p-tgc: none;
	--va: center;
	margin-right: 12px;
}
#CloseButtonContainer .ReturnIcon {
	--ha: end;
	margin: 12px;
	--p-imgshadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, 1));
	--p-wash: url(#pw-b0bcc2ff);
	opacity: 0.6;
	--p-hit: inherit;
	transition-property: --p-wash, opacity;
	transition-duration: 0.1s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
#CloseButtonContainer .CloseIcon {
	--p-vis: none;
}
.VisualNovelOuterContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	margin: 1px;
	padding-top: 100px;
	background-color: #0005;
	--p-bgg: none;
	--p-bgr: repeat;
	transition-property: opacity, --p-blur;
	transition-duration: 0.5s, 0.3s;
	opacity: 0;
	--p-hit: none;
	--p-blur: 10px;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ShowVisualNovel .VisualNovelOuterContainer {
	opacity: 1;
	--p-hit: inherit;
	--p-blur: 0px;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
#VisualNovelContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.VisualNovelBackground {
	border-top: 1px solid rgb(255, 255, 255);
	--p-bt: 1px;
	border-bottom: 1px solid rgb(255, 255, 255);
	--p-bb: 1px;
	border-color: transparent;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #253242 0%, #0B111A 100%);
	opacity: 0.99;
	--p-hit: inherit;
	width: 100%;
	--fw: 0 0 auto;
	height: 220px;
	--fh: 0 0 auto;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.VisualNovelBackground::before {
	content: "";
	background-image: linear-gradient(180deg, #EFD4AC 0%, #DCB25E 50%, #977628 100%);
}
p-dotacrownfallbutton:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	transition-property: --p-brightness, transform;
	transition-duration: 0.1s, 0.05s;
}
p-dotacrownfallbutton .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	max-height: 30px;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-align: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	--ha: center;
	margin-top: 21px;
	padding: 0px 55px;
	--p-to: shrink;
	text-overflow: clip;
	transition-property: color;
	transition-duration: 0.05s;
}
.Language_schinese p-dotacrownfallbutton .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *),
.Language_tchinese p-dotacrownfallbutton .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *),
.Language_koreana p-dotacrownfallbutton .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	font-size: 24px;
}
p-dotacrownfallbutton .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *),
p-dotacrownfallbutton .ButtonOutline:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	width: 100%;
	--fw: 0 0 auto;
	border-width: 88px 56px 0px 56px;
	--p-bt: 88px;
	--p-br: 56px;
	--p-bb: 0px;
	--p-bl: 56px;
	border-image-slice: 100% 112 0 112 fill;
	border-image-repeat: stretch;
	transition-property: --p-brightness, --p-wash;
	transition-duration: 0.05s;
}
p-dotacrownfallbutton .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	--p-wash: url(#pw-2a7bdeff);
	border-image-source: url("img/events/crownfall/buttons/button_primary_bg_psd.png");
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-dotacrownfallbutton .ButtonOutline:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	border-image-source: url("img/events/crownfall/buttons/button_primary_outline_psd.png");
}
p-dotacrownfallbutton.MinWidth:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	min-width: 200px;
}
p-dotacrownfallbutton.Secondary:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	margin-left: -8px;
	margin-right: -8px;
	max-height: 45px;
}
p-dotacrownfallbutton.Secondary .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	max-height: 20px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1.5px;
	text-align: center;
	color: #d8dee1;
	--p-tg: linear-gradient(180deg, white 0%, #B0BCC2 100%);
	--p-tgc: attr(data-t);
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	--ha: center;
	margin-top: 15px;
	padding: 0px 36px;
	font-family: "Radiance", sans-serif;
}
.Language_schinese p-dotacrownfallbutton.Secondary .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *),
.Language_tchinese p-dotacrownfallbutton.Secondary .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	font-size: 24px;
	font-family: "Radiance", "FZLanTingHei-R-GBK", "TH Sarabun New", "YDYGO 540", "Gulim", "MingLiU", sans-serif;
}
.Language_koreana p-dotacrownfallbutton.Secondary .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	font-size: 18px;
	font-family: "Radiance", "FZLanTingHei-R-GBK", "TH Sarabun New", "YDYGO 540", "Gulim", "MingLiU", sans-serif;
}
.Language_thai p-dotacrownfallbutton.Secondary .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	font-family: "Radiance", "FZLanTingHei-R-GBK", "TH Sarabun New", "YDYGO 540", "Gulim", "MingLiU", sans-serif;
	font-size: 26px;
	max-height: 26px;
	margin-top: 12px;
}
p-dotacrownfallbutton.Secondary .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *),
p-dotacrownfallbutton.Secondary .ButtonOutline:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	border-width: 56px 32px 0px 32px;
	--p-bt: 56px;
	--p-br: 32px;
	--p-bb: 0px;
	--p-bl: 32px;
	border-image-slice: 100% 64 0 64 fill;
}
p-dotacrownfallbutton.Secondary .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	--p-wash: url(#pw-1f3776ff);
	border-image-source: url("img/events/crownfall/buttons/button_secondary_bg_psd.png");
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-dotacrownfallbutton.Secondary .ButtonOutline:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	border-image-source: url("img/events/crownfall/buttons/button_secondary_outline_psd.png");
}
p-dotacrownfallbutton.Secondary.Wide .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	padding: 0px 44px;
}
p-dotacrownfallbutton:not(.p-disabled):hover .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	--p-brightness: 2.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-dotacrownfallbutton:not(.p-disabled):hover .ButtonLabel:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
p-dotacrownfallbutton:active:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	transform: scale3d( 0.98, 0.98, 1 );
}
p-dotacrownfallbutton:active .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	--p-brightness: 0.4;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-dotacrownfallbutton.p-disabled:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	--p-saturation: 0.2;
	--p-brightness: 0.2;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-dotacrownfallbutton.Blue .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	--p-wash: url(#pw-2a7bdeff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-dotacrownfallbutton.Gold .ButtonBackground:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	--p-wash: url(#pw-ffcd76ff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-dotacrownfallbutton.GlowButton:where([data-layout~="bp_button_crownfall"], [data-layout~="bp_button_crownfall"] *) {
	animation-name: pk-GlowButton;
	animation-duration: 0.8s;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
p-crownfallsurvivorspoweruptooltip #Contents:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	padding: 0px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	max-width: 300px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(39, 44, 48) 0%, rgb(25, 28, 30) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PowerupTooltipHeader:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(208, 228, 255, 0.043) 0%, rgba(201, 233, 255, 0) 100%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.7);
	--p-bb: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PowerupTooltipHeader .HeaderContents:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	padding: 8px 12px;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.PowerupTooltipHeader .AbilityName:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	letter-spacing: 0.5px;
	font-weight: 600;
	width: 100%;
	--fw: 1 1 0px;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	--va: center;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
}
.PowerupTooltipHeader .LevelLabel:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	margin-right: 4px;
	margin-top: 6px;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
}
.PowerupTooltipHeader .AbilityLevelContainer:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	background-color: rgb(9, 9, 11);
	--p-bgg: none;
	width: 28px;
	--fw: 0 0 auto;
	height: 28px;
	--fh: 0 0 auto;
	border-radius: 50%;
	border: 1.5px solid white;
	--p-bt: 1.5px;
	--p-br: 1.5px;
	--p-bb: 1.5px;
	--p-bl: 1.5px;
	border-color: transparent;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4);
}
.PowerupTooltipHeader .AbilityLevelContainer:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *)::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #8d6c3a 100%);
}
.PowerupTooltipHeader .AbilityLevelContainer .AbilityLevel:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	--ha: center;
	--va: center;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	font-weight: 600;
	text-align: center;
	font-size: 15px;
	margin-top: 1px;
}
.PowerupTooltipHeader .RippleTexture:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	--p-bgi: url("img/hud/facets/ripple_texture_png.png");
	--p-bgs: cover;
	--p-bgp: center;
	mix-blend-mode: screen;
	opacity: 0.1;
	--p-hit: inherit;
	--p-ob: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.TooltipContentContainer:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 6px 12px 12px;
}
.TooltipContentContainer .PowerUpDescription:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	margin-bottom: 8px;
	font-size: 15px;
	color: rgb(156, 173, 196);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
}
.TooltipContentContainer #TooltipVariableLines:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.TooltipContentContainer #TooltipVariableLines .TooltipVariableLine:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(190, 226, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
	margin-bottom: 2px;
	padding: 4px 0px 4px 8px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TooltipContentContainer #TooltipVariableLines .TooltipVariableLine p-label:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	--va: center;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	color: rgb(215, 227, 243);
	--p-tg: none;
	--p-tgc: none;
}
.TooltipContentContainer #TooltipVariableLines .TooltipVariableLine .TooltipVariableName:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	width: 100%;
	--fw: 1 1 0px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	font-size: 15px;
}
.TooltipContentContainer #TooltipVariableLines .TooltipVariableLine.MagicalDamage:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(121, 150, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TooltipContentContainer #TooltipVariableLines .TooltipVariableLine.PhysicalDamage:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(224, 28, 48, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#AghInfoContainer:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 10px 12px 10px;
	--p-vis: none;
	border-top: 1px solid rgba(0, 0, 0, 0.674);
	--p-bt: 1px;
	background-color: transparent;
	--p-bgg: linear-gradient(116.565deg, rgba(58, 183, 255, 0.03) 0%, rgba(70, 97, 255, 0.02) 83.333%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#AghInfoContainer p-label:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	font-size: 15px;
	width: 100%;
	--fw: 1 1 0px;
	color: rgb(156, 173, 196);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
	--va: center;
}
#AghInfoContainer .AghIcon:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	width: 48px;
	--fw: 0 0 auto;
	height: 48px;
	--fh: 0 0 auto;
	margin-right: -10px;
	--p-imgshadow: drop-shadow(0px 0px 16px rgba(110, 134, 255, 0.224));
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ScepterUpgrade #AghInfoContainer:where([data-layout~="survivors_powerup_tooltip"], [data-layout~="survivors_powerup_tooltip"] *) {
	--p-vis: initial;
}
p-crownfallsurvivorsrewardtooltip #Contents:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	padding: 0px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	max-width: 260px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(39, 44, 48) 0%, rgb(25, 28, 30) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#ItemContainer:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	width: 300px;
	--fw: 0 0 auto;
	padding: 12px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #253242 0%, #0B111A 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.EconItemReward:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	width: 100%;
	--fw: 0 0 auto;
}
.EconItemReward .ImageContainer:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	width: 180px;
	--fw: 0 0 auto;
	height: 120px;
	--fh: 0 0 auto;
	--ha: center;
	margin-bottom: 8px;
}
.EconItemReward .ImageContainer #ItemImage:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-imgshadow: drop-shadow(0px 2px 12px black);
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.EconItemReward .ImageContainer .Quantity:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	--va: end;
	--ha: end;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 2px 2px 4px black;
	font-weight: 700;
	font-size: 32px;
	margin: 2px 6px;
	--p-vis: none;
}
.EconItemReward .Details:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	--va: center;
	--ha: center;
	width: 100%;
	--fw: 0 0 auto;
}
.EconItemReward .Details .ItemName:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	color: #DAE2E5;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	--ha: center;
	text-align: center;
}
#ItemContainer.EmoticonReward:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--va: center;
	padding: 24px 0px;
}
#ItemContainer.EmoticonReward p-dotaemoticon:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	--ha: center;
	zoom: 150%;
}
#ItemContainer.EmoticonReward p-label:where([data-layout~="survivors_tooltip_reward"], [data-layout~="survivors_tooltip_reward"] *) {
	--ha: center;
	color: #DAE2E5;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
p-crownfallsurvivorsinvalidmetaprogressionupgradetooltip #Contents:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	padding: 0px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	max-width: 260px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(39, 44, 48) 0%, rgb(25, 28, 30) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.Container:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	width: 300px;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 10px 16px;
}
.Container .GoldRequiredLabel:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--ha: center;
	text-transform: lowercase;
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	font-size: 16px;
	line-height: 1.2;
}
.Container .GoldRequiredLabel b:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #8d6c3a 100%);
	--p-tgc: attr(data-t);
	font-weight: 600;
}
.Container .LineBreak:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	width: 100%;
	--fw: 1 1 0px;
	margin-top: 10px;
	--ha: center;
	border-top: 1px solid rgba(212, 229, 255, 0.1);
	--p-bt: 1px;
	border-color: transparent;
	padding-top: 6px;
}
.Container .LineBreak:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *)::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.Container #Requirement:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--ha: center;
	text-align: center;
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	font-size: 16px;
	line-height: 1.2;
}
.Container #Requirement .TokenName:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	font-weight: 600;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
}
.Container #TokensContainer:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	margin-top: -2px;
}
.OnlyGoldNeeded .Container #Requirement:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--p-vis: none;
}
.OnlyGoldNeeded .Container .LineBreak:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--p-vis: none;
}
.OnlyGoldNeeded .Container #TokensContainer:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--p-vis: none;
}
.OnlyTokensNeeded .Container .GoldRequiredLabel:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--p-vis: none;
}
.OnlyTokensNeeded .Container .LineBreak:where([data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"], [data-layout~="survivors_tooltip_invalid_metaprogression_upgrade"] *) {
	--p-vis: none;
}
.PopupPanel.Survivors {
	--p-disp: grid;
	--p-flow: initial;
	background-color: transparent;
	--p-bgg: none;
	animation: none;
	border: 0px solid transparent;
	--p-bt: 0px;
	--p-br: 0px;
	--p-bb: 0px;
	--p-bl: 0px;
	padding: 0px;
	box-shadow: none;
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
}
.MainContentsWrapperContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--va: center;
	margin-top: 32px;
}
.PopupPanel .MainContents {
	width: 1560px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 56.25;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 62.5;
	background-color: black;
	--p-bgg: none;
}
.PopupPanel.Maximized {
	width: 1920px;
	--fw: 0 0 auto;
	height: 1080px;
	--fh: 0 0 auto;
}
.AspectRatio16x10 .PopupPanel.Maximized {
	width: 100%;
	--fw: 0 0 auto;
	height: 90%;
	--fh: 0 0 auto;
}
.PopupPanel.Maximized .MainContentsWrapperContainer {
	width: 100%;
	--fw: 1 1 0px;
	height: 100%;
	--fh: 1 1 0px;
	margin: 0px;
}
.PopupPanel.Maximized .MainContentsWrapper {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	margin: 0px;
	border: 0px;
	--p-bt: 0px;
	--p-br: 0px;
	--p-bb: 0px;
	--p-bl: 0px;
	padding: 0px;
	zoom: 100%;
}
.PopupPanel.Maximized .MainContents {
	zoom: 100%;
	border: 0px;
	--p-bt: 0px;
	--p-br: 0px;
	--p-bb: 0px;
	--p-bl: 0px;
	width: 1920px;
	--fw: 0 0 auto;
	height: 1080px;
	--fh: 0 0 auto;
}
.PopupPanel.Maximized .DebugContainer {
	--p-vis: none;
}
.PopupPanel.Maximized .DebugTimelineControlsContainer {
	--p-vis: none;
}
.PopupPanel.Maximized #ResizeButtonContainer,
.PopupPanel.Maximized #CloseButtonContainer {
	margin: 0px;
}
.FadeCover {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: black;
	--p-bgg: none;
	opacity: 0;
	--p-hit: none;
	transition-property: opacity;
	transition-duration: 1.5s;
}
.BossFadeIn .FadeCover {
	opacity: 0;
	--p-hit: none;
}
.BossFadeOut .FadeCover {
	opacity: 1;
	--p-hit: inherit;
}
.PlayerDamageContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, red 0%, rgba(255, 0, 0, 0) 40%, rgba(255, 0, 0, 0) 60%, red 100%);
	--p-ob: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 50%, white 100%);
	opacity: 0;
	--p-hit: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.PlayerTookDamage .PlayerDamageContainer {
	animation-name: pk-PlayerTookDamageAnim;
	animation-duration: 0.8s;
	animation-iteration-count: 1;
}
.GameUI {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
}
.GameState_Setup .GameUI,
.GameState_Finished .GameUI,
.DebugFinishedScreen .GameUI {
	--p-vis: none;
}
.TimerContainer {
	--ha: center;
	margin-top: -5.5px;
	--p-ob: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 5%);
	height: 100px;
	--fh: 0 0 auto;
	transform: none;
	opacity: 1;
	--p-hit: inherit;
	transition-property: transform, opacity;
	transition-duration: 0.2s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.GameState_Setup .TimerContainer,
.GameState_Finished .TimerContainer,
.GameState_ShowingDialogue .TimerContainer,
.DebugFinishedScreen .TimerContainer {
	transform: translateY( -24px );
	opacity: 0;
	--p-hit: none;
	transition-duration: 0.4s;
	transition-delay: 0.5s;
}
.TimerContainer .ScoreBackground,
.TimerContainer .ScoreBorder {
	width: 310px;
	--fw: 0 0 auto;
	transform: scaleY( -1.0 );
}
.TimerContainer .ScoreBackground {
	--p-wash: url(#pw-685d47ff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.TimerContainer .ScoreBorder {
	--p-wash: url(#pw-f0ce92ff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.TimerContainer .TimerInfoContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	margin-top: 4px;
}
.TimerContainer .DifficultyContainer {
	--ha: center;
	margin-top: 45px;
}
.TimerContainer .DifficultyContainer .EchelonBadge {
	height: 22px;
	--fh: 0 0 auto;
	--p-imgshadow: drop-shadow(0px 2px 12px black);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.TimerContainer .DifficultyContainer .DifficultyText {
	--va: center;
	--ha: center;
	font-size: 12px;
	color: rgba(245, 245, 245, 0.7);
	--p-tg: none;
	--p-tgc: none;
	width: 100%;
	--fw: 0 0 auto;
	height: 16px;
	--fh: 0 0 auto;
	text-align: center;
	margin: 0px 8px;
	--p-to: shrink;
	text-overflow: clip;
	text-shadow: 0px 2px 8px black;
}
.TimerContainer .DifficultyContainer .DifficultyText b {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
.TimerContainer .ScoreData {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--va: center;
	width: 120px;
	--fw: 0 0 auto;
}
.TimerContainer .ScoreData .ScoreLabel {
	--ha: center;
	color: rgba(255, 255, 255, 0.5);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	margin-bottom: -5px;
}
.TimerContainer .ScoreData .ScoreHUD {
	--ha: center;
	font-weight: 700;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	font-size: 21px;
	text-shadow: 0px 0px 12px #ffd05a31;
	padding: 0px 12px;
	transition-duration: 0.1s;
	transition-property: transform, --p-brightness, text-shadow;
}
.IsAnimatingScore .TimerContainer .ScoreData .ScoreHUD {
	--p-brightness: 1.5;
	transform: scale3d( 1.08, 1.08, 1 );
	text-shadow: 0px 0px 12px #ffd05a99;
	transition-duration: 0.3s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.TimerContainer .Dash {
	height: 40px;
	--fh: 0 0 auto;
	width: 1px;
	--fw: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(255, 255, 255, 0.1) 70%, rgba(255, 255, 255, 0) 100%);
	--va: center;
	--p-vis: initial;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimerContainer .GoldData {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--va: center;
	width: 120px;
	--fw: 0 0 auto;
	--p-vis: initial;
}
.TimerContainer .GoldData .GoldLabel {
	--ha: center;
	color: rgba(255, 255, 255, 0.5);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	margin-bottom: -5px;
}
.TimerContainer .GoldData .GoldDataContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
}
.TimerContainer .GoldData .GoldDataContainer .GoldHUD {
	--ha: center;
	font-weight: 700;
	font-size: 21px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
}
.TimerContainer .GoldData .GoldDataContainer .GoldIcon {
	width: 22px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--p-imgshadow: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.8));
	--va: center;
	--p-ob: linear-gradient(180deg, #FFF2DF 10%, #ebc386 48.4%, #BA8C47 51.6%, #8d6c3a 90%);
	padding: 2px;
	margin-left: -1px;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.BossHealthContainer {
	opacity: 0;
	--p-hit: none;
	--ha: center;
	--va: start;
	margin-top: 64px;
}
.IsInBossStage:not(.GameState_GoingToBoss) .BossHealthContainer {
	opacity: 1;
	--p-hit: inherit;
}
.BossHealthContainer .BossLabel {
	--va: start;
	--ha: center;
	text-align: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 16px black;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	margin-bottom: 8px;
}
.BossHealthContainer #BossHealthProgressBar {
	border-radius: 3px;
	height: 20px;
	--fh: 0 0 auto;
	border: 1px solid rgb(0, 0, 0);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.02);
	width: 600px;
	--fw: 0 0 auto;
	background-color: rgba(0, 0, 0, 0.96);
	--p-bgg: none;
	margin-top: 30px;
}
.BossHealthContainer #BossHealthProgressBar .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #5CA33C 0%, #3E5F23 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.BossHealthContainer .ProgressBarLabel {
	font-size: 14px;
	--va: center;
	--ha: center;
	text-align: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 12px black;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 28px;
}
#ArenaSceneContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-brightness: 1;
	--p-blur: 0px;
	opacity: 1;
	--p-hit: inherit;
	transition-property: opacity, --p-brightness, --p-blur;
	transition-duration: 0.1s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.GameState_Setup #ArenaSceneContainer {
	opacity: 0;
	--p-hit: none;
	transition-duration: 0.5s;
}
.ShowPowerUpChoices #ArenaSceneContainer,
.GameState_Finished #ArenaSceneContainer,
.DebugFinishedScreen #ArenaSceneContainer,
.IsPaused.UserPaused #ArenaSceneContainer {
	--p-brightness: 0.1;
	--p-blur: 1px;
	transition-duration: 0.5s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
#ArenaSceneContainer #ArenaScene {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
}
.PlayerHudContainer {
	--va: end;
	--ha: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 200px;
	--fh: 0 0 auto;
	padding-top: 20px;
	transform: none;
	opacity: 1;
	--p-hit: inherit;
	transition-property: transform, opacity;
	transition-duration: 0.7s;
	transition-delay: 0.3s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
	transform: translateY(120px);
}
.GameState_Setup .PlayerHudContainer {
	transform: translateY(120px);
}
.GameState_Active .PlayerHudContainer,
.GameState_ChoosingPowerUp .PlayerHudContainer {
	transform: none;
}
.PlayerHudContainer .HudEndCapImage {
	height: 110px;
	--fh: 0 0 auto;
	--p-hue: -15deg;
	--va: end;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PlayerHudContainer .HudEndCapImage.Right {
	transform: scaleX( -1 );
}
.PlayerHudContainer .PlayerExp {
	--ha: center;
	--va: end;
	padding-bottom: 8px;
	margin-right: -34px;
	z-index: 1;
}
.PlayerHudContainer .PlayerExp .GemImage {
	width: 44px;
	--fw: 0 0 auto;
	height: 44px;
	--fh: 0 0 auto;
	--p-bgi: url("img/events/crownfall/survivors/gem_png.png");
	--p-bgs: cover;
	--va: end;
	--ha: center;
	transform: translateY( 14px );
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerExpContainer {
	width: 80px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	padding: 2px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(23, 30, 37) 100%);
	border-radius: 50%;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.03);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerExpContainer::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.PlayerHudContainer .PlayerExpContainer #PlayerExpProgressBar {
	border-radius: 3px;
	height: 14px;
	--fh: 0 0 auto;
	border: 1px solid rgb(0, 0, 0);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.02);
	width: 100px;
	--fw: 0 0 auto;
	background-color: rgba(0, 0, 0, 0.96);
	--p-bgg: none;
	--p-vis: none;
}
.PlayerHudContainer .PlayerExpContainer .PlayerExpProgressCircle {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.03);
	--p-bt: 3px;
	--p-br: 3px;
	--p-bb: 3px;
	--p-bl: 3px;
}
.PlayerHudContainer .PlayerExpContainer #PlayerExpProgressCircleFilled {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border-radius: 50%;
	border: 3px solid white;
	--p-bt: 3px;
	--p-br: 3px;
	--p-bb: 3px;
	--p-bl: 3px;
	border-color: transparent;
}
.PlayerHudContainer .PlayerExpContainer #PlayerExpProgressCircleFilled::before {
	content: "";
	background-image: linear-gradient(180deg, #ffe89c 0%, #856d20 100%);
}
.PlayerHudContainer .PlayerExpContainer .PlayerExpLevelLabelsContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--va: center;
}
.PlayerHudContainer .PlayerExpContainer .PlayerExpLevelLabelsContainer .LevelText {
	--ha: center;
	text-align: center;
	margin-top: -4px;
	margin-bottom: -3px;
	font-size: 20px;
}
.PlayerHudContainer .PlayerExpContainer .PlayerExpLevelLabelsContainer .GemCounter {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
}
.PlayerHudContainer .PlayerExpContainer .PlayerExpLevelLabelsContainer .GemCounter .ExpText {
	--ha: center;
	--p-vis: none;
	text-align: center;
	letter-spacing: 0px;
	--va: center;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.6);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px black;
}
.PlayerHudContainer .PlayerExpContainer .ExpGemModel {
	width: 80px;
	--fw: 0 0 auto;
	height: 80px;
	--fh: 0 0 auto;
}
.PlayerHudContainer .PlayerHeroPortraitContainer {
	width: 110px;
	--fw: 0 0 auto;
	height: 110px;
	--fh: 0 0 auto;
	--va: end;
	background-color: transparent;
	--p-bgg: radial-gradient(80% 80% at 50% 50%, rgb(73, 69, 122) 0%, rgb(6, 7, 30) 100%);
	box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.01);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	--p-bt: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerHeroPortraitContainer #HeroPortrait {
	width: 100%;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 133;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	margin-top: -10%;
}
.PlayerHudContainer .PlayerHeroPortraitContainer .WIPLabel {
	--ha: center;
	--va: end;
}
.PlayerHudContainer .PlayerAbilitiesContainer {
	padding: 0px 12px;
	height: 100%;
	--fh: 0 0 auto;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerAbilitiesBackground {
	width: 100%;
	--fw: 0 0 auto;
	margin-left: -12px;
	margin-right: -12px;
	height: 110px;
	--fh: 0 0 auto;
	--va: end;
	background-color: rgba(38, 37, 49, 0.2);
	--p-bgg: none;
	--p-bgi: url("img/events/crownfall/survivors/ability_bg_png.png");
	--p-bgs: cover;
	--p-bgp: top;
	box-shadow: inset -1px 0px 0px rgba(255, 255, 255, 0.01);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerInnatesAndActiveContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--va: end;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer {
	--va: end;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-right: -8px;
	margin-bottom: 40px;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot {
	margin-right: 8px;
	margin-bottom: 4px;
	padding-bottom: 8px;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpLevel {
	opacity: 0;
	--p-hit: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpImageContainer {
	width: 40px;
	--fw: 0 0 auto;
	height: 41px;
	--fh: 0 0 auto;
	margin-right: 10px;
	padding: 3px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 100%);
	border-radius: 80px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
	--p-bb: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpCooldownContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-vis: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpCooldownContainer #PowerUpCooldownProgress {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: rgba(0, 0, 0, 0.9);
	--p-bgg: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpCooldownContainer .PowerupCooldownLabel {
	--ha: center;
	--va: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px black, 0px 2px 6px black, 0px 2px 6px black;
	font-size: 25px;
	margin-bottom: 2px;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpImageBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 0px solid rgba(212, 229, 255, 0.06);
	--p-bt: 0px;
	--p-br: 0px;
	--p-bb: 0px;
	--p-bl: 0px;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot.OnCooldown .PowerUpCooldownContainer {
	--p-vis: initial;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot.EmptySlot #PowerUpImage {
	--p-vis: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot.EmptySlot .PowerUpLevel {
	--p-vis: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpLevel {
	font-size: 12px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #00000000 0%, #000000 100%);
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #ffc56f 100%);
	--p-tgc: attr(data-t);
	text-shadow: 0px 1px 4px #000000, 0px 1px 4px #000000, 0px 1px 4px #000000;
	--va: center;
	--ha: center;
	text-align: center;
	padding-top: 3px;
	transform: translate3d(20px, 20px, 0px);
	width: 25px;
	--fw: 0 0 auto;
	height: 25px;
	--fh: 0 0 auto;
	z-index: 10;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(0, 0, 0) 70%, rgb(32, 41, 48) 100%);
	border: 2px solid white;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
	border-color: transparent;
	border-radius: 50%;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerInnateContainer .PlayerInventorySlot .PowerUpLevel::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #ebc386 40%, #BA8C47 60%, #8d6c3a 100%);
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer {
	--va: end;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-right: -8px;
	margin-bottom: 40px;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot {
	margin-right: 8px;
	margin-bottom: 4px;
	padding-top: 10px;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer {
	width: 56px;
	--fw: 0 0 auto;
	height: 56px;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.04);
	--p-bb: 1px;
	box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.6);
	padding: 3px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer #PowerUpImage {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpCooldownContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-vis: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpCooldownContainer #PowerUpCooldownProgress {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: rgba(0, 0, 0, 0.9);
	--p-bgg: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpCooldownContainer .PowerupCooldownLabel {
	--ha: center;
	--va: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px black, 0px 2px 6px black, 0px 2px 6px black;
	font-size: 20px;
	margin-bottom: 3px;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpImageBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 1px solid rgba(212, 229, 255, 0.06);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer .PowerUpImageBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #ffffff 0%, #ffffff22 100%);
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer .ActiveImageBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 1px solid rgba(212, 229, 255, 0.06);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	--p-bgi: url("img/hud/reborn/autocastable_ability_border_psd.png");
	--p-bgs: 100%;
	--p-vis: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer .ActiveImageBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #ffffff 0%, #ffffff22 100%);
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpImageContainer #AutoCasting {
	width: 56px;
	--fw: 0 0 auto;
	height: 56px;
	--fh: 0 0 auto;
	transform: scale3d(1.15, 1.15, 1);
	--ha: center;
	--va: center;
	opacity: 0;
	--p-hit: none;
	transition-property: opacity, transform;
	transition-duration: 0.25s;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .ShardScepterImageContainer {
	--ha: center;
	margin-top: -20px;
	--p-vis: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .ShardScepterImageContainer .ShardScepterBackground {
	--ha: center;
	--va: center;
	width: 26px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	border-radius: 50%;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #293542be 0%, #090c10db 60%);
	border: 0.5px solid rgba(192, 225, 255, 0.2);
	--p-bt: 0.5px;
	--p-br: 0.5px;
	--p-bb: 0.5px;
	--p-bl: 0.5px;
	border-color: transparent;
	box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.6);
	--p-vis: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .ShardScepterImageContainer .ShardScepterBackground::before {
	content: "";
	background-image: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 50%);
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .ShardScepterImageContainer .AbilityShardScepterImage {
	--ha: center;
	--va: center;
	width: 36px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--p-bgs: cover;
	margin-left: -0.2px;
	--p-imgshadow: drop-shadow(0px 2px 16px black);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.ScepterUpgrade .ShardScepterImageContainer {
	--p-vis: initial;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.ScepterUpgrade .ShardScepterImageContainer .AbilityShardScepterImage {
	--p-bgi: url("img/hud/reborn/aghs_on_scepter_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.ShardUpgrade .ShardScepterImageContainer {
	--p-vis: initial;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.ShardUpgrade .ShardScepterImageContainer .AbilityShardScepterImage {
	--p-bgi: url("img/hud/reborn/aghs_on_shard_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.ScepterUpgrade.ShardUpgrade .ShardScepterImageContainer {
	--p-vis: initial;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.ScepterUpgrade.ShardUpgrade .ShardScepterImageContainer .AbilityShardScepterImage {
	--p-bgi: url("img/hud/reborn/aghs_on_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.OnCooldown .PowerUpCooldownContainer {
	--p-vis: initial;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.AbilityActive #AutoCasting {
	opacity: 1;
	--p-hit: inherit;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.EmptySlot #PowerUpImage {
	--p-vis: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot.EmptySlot .PowerUpLevel {
	--p-vis: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpLevel {
	--va: center;
	--ha: center;
	padding-top: 2px;
	transform: translate3d(20px, 20px, 0px);
	width: 20px;
	--fw: 0 0 auto;
	height: 20px;
	--fh: 0 0 auto;
	z-index: 10;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(0, 0, 0) 70%, rgb(32, 41, 48) 100%);
	border: 1px solid rgba(255, 255, 255, 0.6);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	border-radius: 50%;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #ffc56f 100%);
	--p-tgc: attr(data-t);
	font-size: 12px;
	text-align: center;
	text-shadow: 0px 1px 4px #000000, 0px 1px 4px #000000, 0px 1px 4px #000000;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer #PlayerActiveContainer .PlayerInventorySlot .PowerUpLevel::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #ebc386 40%, #BA8C47 60%, #8d6c3a 100%);
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer {
	--ha: center;
	--va: end;
	margin-bottom: 12px;
	width: 100%;
	--fw: 0 0 auto;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer #PlayerHealthProgressBar {
	border-radius: 3px;
	height: 24px;
	--fh: 0 0 auto;
	border: 1px solid rgb(0, 0, 0);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.02);
	width: 100%;
	--fw: 0 0 auto;
	background-color: rgba(0, 0, 0, 0.94);
	--p-bgg: none;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer #PlayerHealthProgressBar .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #5CA33C 0%, #3E5F23 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer #PlayerHealthProgressBar .ProgressBarLeft .DotaSceneContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer #PlayerHealthProgressBar .ProgressBarLeft .DotaSceneContainer #HealthBurner {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer #PlayerHealthProgressBar .ProgressBarRight {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #17200d 0%, #222e13 20%, #1e2911 50%, #17200d 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer .PlayerHealth {
	--va: center;
	--ha: center;
	text-align: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 1px 8px black, 0px 1px 8px black;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 16px;
	transform: translateY( 1px );
}
.PlayerHudContainer .PlayerAbilitiesContainer .PlayerHealthContainer .PlayerHealthRegen {
	color: #5cea57;
	--p-tg: none;
	--p-tgc: none;
	--va: center;
	--ha: end;
	text-align: right;
	font-family: "RadianceM", "Radiance", "FZLanTingHei-R-GBK", "TH Sarabun New", "YDYGO 540", "Gulim", "MingLiU", sans-serif;
	text-shadow: 0px 1px 8px black, 0px 1px 8px black;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 14px;
	margin-right: 8px;
	transform: translateY( 1px );
}
.PlayerHudContainer .PlayerAbilitiesContainer .EdgeShadow {
	height: 110px;
	--fh: 0 0 auto;
	width: 12px;
	--fw: 0 0 auto;
	--va: end;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, #00000000 100%);
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	margin-left: -12px;
	border-left: 1px solid rgba(0, 0, 0, 0.3);
	--p-bl: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerItemsContainer {
	width: 200px;
	--fw: 0 0 auto;
	height: 110px;
	--fh: 0 0 auto;
	--va: end;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(22, 27, 37, 0.8) 0%, rgba(0, 0, 0, 1) 100%);
	--p-bgi: url("img/events/crownfall/survivors/inventory_bg_png.png");
	--p-bgs: cover;
	--p-bgp: top;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerItemsContainer #PlayerPassiveContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: wrap;
	--ha: center;
	--va: center;
}
.PlayerHudContainer .PlayerItemsContainer #PlayerPassiveContainer .PlayerInventorySlot {
	width: 62px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 75;
}
.PlayerHudContainer .PlayerItemsContainer #PlayerPassiveContainer .PlayerInventorySlot .PowerUpImageContainer {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.6) 100%);
	box-shadow: inset 0px 1px 0px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid black;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	margin: 3px;
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerItemsContainer #PlayerPassiveContainer .PlayerInventorySlot.EmptySlot .PowerUpLevel {
	--p-vis: none;
}
.PlayerHudContainer .PlayerItemsContainer #PlayerPassiveContainer .PlayerInventorySlot .PowerUpLevel {
	--va: end;
	--ha: end;
	padding-top: 2px;
	width: 20px;
	--fw: 0 0 auto;
	height: 20px;
	--fh: 0 0 auto;
	z-index: 10;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(0, 0, 0) 70%, rgb(32, 41, 48) 100%);
	border: 1px solid rgba(255, 255, 255, 0.6);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	border-radius: 50%;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #ffc56f 100%);
	--p-tgc: attr(data-t);
	font-size: 12px;
	text-align: center;
	text-shadow: 0px 1px 4px #000000, 0px 1px 4px #000000, 0px 1px 4px #000000;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerHudContainer .PlayerItemsContainer #PlayerPassiveContainer .PlayerInventorySlot .PowerUpLevel::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #ebc386 40%, #BA8C47 60%, #8d6c3a 100%);
}
.PlayerHudContainer .PlayerItemsContainer #PlayerPassiveContainer .PlayerInventorySlot .PowerUpCooldownContainer {
	--p-vis: none;
}
.PlayerHudContainer .PlayerItemsContainer .EdgeShadow {
	height: 100%;
	--fh: 0 0 auto;
	width: 12px;
	--fw: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, #00000000 100%);
	border-left: 1px solid rgba(0, 0, 0, 0.6);
	--p-bl: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#AbilityCombinationItemsContainer {
	width: auto;
	--fw: initial;
	height: auto;
	--fh: initial;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	--p-vis: none;
	margin-bottom: 8px;
}
#AbilityCombinationItemsContainer .LabelSmall {
	--va: center;
}
#AbilityCombinationItemsContainer #AbilityCombinationItems {
	height: auto;
	--fh: initial;
	width: auto;
	--fw: initial;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-left: 8px;
}
#AbilityCombinationItemsContainer #AbilityCombinationItems .RecipeItemImage {
	height: 32px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 125 / 100;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	margin: 3px;
}
#ItemAffectedAbilitiesOuter {
	width: 100%;
	--fw: 0 0 auto;
	height: auto;
	--fh: initial;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--p-vis: none;
	margin-top: 12px;
	margin-bottom: 78px;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	--va: end;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 100% at 50% 0%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#ItemAffectedAbilitiesOuter .ItemAffectedHolder {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
}
#ItemAffectedAbilitiesOuter .BodySmall {
	--ha: center;
	color: rgba(239, 246, 255, 0.35);
	--p-tg: none;
	--p-tgc: none;
	opacity: 0.9;
	--p-hit: inherit;
	font-size: 14px;
	margin: 2px 0px -2px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
}
#ItemAffectedAbilitiesOuter #ItemAffectedAbilities {
	width: auto;
	--fw: initial;
	max-width: 95%;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	overflow-x: clip;
	overflow-y: clip;
	--p-ov: initial;
}
#ItemAffectedAbilitiesOuter #ItemAffectedAbilities .AbilitySynergyImage {
	height: 28px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 100 / 100;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	margin: 6px 2px;
}
#ItemAffectedAbilitiesOuter #ItemAffectedAbilities .ItemSynergyImage {
	height: 28px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 125 / 100;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	margin: 6px 3px;
}
.PowerupExisting #ItemAffectedAbilitiesOuter {
	margin-bottom: 78px;
}
.ItemCombination #AbilityCombinationItemsContainer {
	--p-vis: initial;
}
.HasSynergies #ItemAffectedAbilitiesOuter {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.HasSynergies .PowerUpContainer .PowerUpDescription {
	margin-bottom: 0px;
	position: relative;
	inset: auto;
	justify-self: var(--p-js, var(--ha, start));
	align-self: var(--p-as, var(--va, start));
}
.WIPLabel {
	color: magenta;
	--p-tg: none;
	--p-tgc: none;
	font-size: 14px;
	text-shadow: 0px 1px 4px black, 0px 1px 4px black, 0px 1px 4px black, 0px 1px 4px black;
	text-transform: uppercase;
}
.SurvivorsPowerUp_10 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/faceless_void_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_11 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/storm_spirit_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_12 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/prophet_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_13 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/axe_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_14 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/venomancer_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_15 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/vengeful_spirit_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_16 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/ancient_apparition_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_17 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/lina_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_18 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/tinker_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_19 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/beastmaster_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_120 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/queenofpain_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_21 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/batrider_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_210 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/nightstalker_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_102 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/antimage_persona_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SurvivorsPowerUp_130 .PowerUpBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/huskar_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper {
	--ha: center;
	--va: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 100px;
	transition-property: opacity, transform;
	transition-duration: 0.25s;
	opacity: 0;
	--p-hit: none;
	transform: scale3d( 1.1, 1.1, 1 );
	transition-timing-function: ease-out, cubic-bezier(0, 0.9, 0, 0.9);
}
.ShowPowerUpChoices .PlayerLevelUpChoiceWrapper {
	transform: none;
	opacity: 1;
	--p-hit: inherit;
	transition-duration: 0.1s;
	transition-timing-function: ease-in;
}
.PlayerLevelUpChoiceWrapper .LevelUpTitle {
	width: 100%;
	--fw: 0 0 auto;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 3px 12px black;
	text-align: center;
	z-index: 1;
	--p-vis: none;
}
.RerollButtonActive .PlayerLevelUpChoiceWrapper .RerollButton {
	--p-brightness: 2.0;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0px 48px;
}
.PowerUpChoiceRerolling .PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer #PowerUp1 {
	animation-name: pk-RerollPowerup1, pk-RerollPowerupFade;
}
.PowerUpChoiceRerolling .PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer #PowerUp2 {
	animation-name: pk-RerollPowerup2, pk-RerollPowerupFade;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice {
	padding: 20px 24px 0px;
	margin: 0px -4px;
}
.PowerUpChoiceRerolling .PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice {
	animation-name: pk-RerollPowerup0, pk-RerollPowerupFade;
	animation-duration: 0.6s, 0.3s;
	animation-iteration-count: 1;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .HeroImageContainer {
	--p-vis: none;
	--ha: center;
	width: 132px;
	--fw: 0 0 auto;
	z-index: 1;
	transition-property: transform;
	transition-duration: 0.1s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .HeroImageContainer .ActorShadow {
	--ha: center;
	--va: end;
	transform: translateY( 15% );
	opacity: 0.4;
	--p-hit: inherit;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .HeroImageContainer .ActorBackground {
	width: 50%;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	background-color: rgb(6, 10, 15);
	--p-bgg: none;
	--ha: center;
	--va: end;
	transform: rotateZ( 45deg ) translateY( -16px );
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .HeroImageContainer .ActorBorderUnder,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .HeroImageContainer .ActorBorderOver {
	width: 100%;
	--fw: 0 0 auto;
	--va: end;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .HeroImageContainer #HeroImage {
	width: 100%;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 112.5;
	--p-om: url("img/events/crownfall/visual_novel/portrait_mask_png.png");
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .ShardScepterImageContainer {
	--ha: center;
	margin-top: -38px;
	margin-bottom: -8px;
	z-index: 1;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	zoom: 130%;
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .ShardScepterImageContainer .ShardScepterParticles {
	width: 240%;
	--fw: 0 0 auto;
	height: 240%;
	--fh: 0 0 auto;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	--ha: center;
	--va: center;
	--p-om: url("img/masks/sun_burst_png.png");
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .ShardScepterImageContainer .AbilityShardScepterImage {
	--ha: center;
	--va: center;
	width: 72px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--p-bgs: cover;
	--p-imgshadow: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.6));
	margin-right: 1px;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer {
	width: 100%;
	--fw: 0 0 auto;
	width: 250px;
	--fw: 0 0 auto;
	height: 480px;
	--fh: 0 0 auto;
	margin: 92px 0px 45px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #977b51 0%, #2e261b 100%);
	box-shadow: 0px 8px 80px -6px rgba(0, 0, 0, 0.6);
	transition-property: background-color, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .HeroName {
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .PowerUpBackground {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	transform: scale3d( 1.1, 1.1, 1 );
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	--p-blur: 12px;
	opacity: 0.15;
	--p-hit: inherit;
	--p-saturation: 1.1;
	--p-bgs: cover;
	--p-bgp: center;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .PowerupLabel {
	width: 100%;
	--fw: 0 0 auto;
	background-color: rgba(0, 0, 0, 0.4);
	--p-bgg: none;
	padding: 24px 8px 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	--p-bb: 1px;
	color: rgba(236, 246, 255, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 1px 6px black;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .ScepterLabel,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .ShardLabel {
	width: 100%;
	--fw: 0 0 auto;
	background-color: rgba(0, 0, 0, 0.7);
	--p-bgg: none;
	padding: 16px 8px 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	--p-bb: 1px;
	color: rgb(181, 214, 243);
	--p-tg: none;
	--p-tgc: none;
	font-weight: 600;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	font-size: 12px;
	text-shadow: 0px 1px 6px black;
	text-align: center;
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .PowerupTexture {
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	mix-blend-mode: multiply;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .AbilityImageContainer {
	margin-top: 16px;
	--ha: center;
	padding: 5px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.02);
	--p-bb: 1px;
	box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.6);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .AbilityImageContainer #AbilityImage {
	height: 92px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 125 / 100;
	box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.6);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .AbilityImageContainer .AbilityImageShine {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .AbilityImageContainer .AbilityImageShine::before {
	content: "";
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .AbilityName {
	margin: 12px 0px 10px;
	--ha: center;
	text-align: center;
	color: rgba(245, 245, 245, 0.96);
	--p-tg: none;
	--p-tgc: none;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: 1px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .PowerUpDescription {
	width: 100%;
	--fw: 0 0 auto;
	--ha: center;
	padding: 0px 12px;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	--va: end;
	margin-bottom: 80px;
	margin-top: 8px;
	line-height: 1.2;
	max-height: 66px;
	--p-to: shrink;
	text-overflow: clip;
	color: rgba(239, 246, 255, 0.35);
	--p-tg: none;
	--p-tgc: none;
	text-align: center;
	font-size: 14px;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .MajorUpgrade {
	--ha: center;
	width: 100%;
	--fw: 0 0 auto;
	text-align: center;
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .LevelUpgradeInfo {
	--ha: center;
	--va: end;
	text-align: center;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	width: 100%;
	--fw: 0 0 auto;
	padding: 12px 12px 36px;
	margin: 0px 16px;
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 50%, #ebc386 74%, #BA8C47 76%, #8d6c3a 100%);
	--p-tgc: attr(data-t);
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	font-size: 26px;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 1);
	--p-to: shrink;
	text-overflow: clip;
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .NewPowerup {
	--ha: center;
	--va: end;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	margin-bottom: 32px;
	height: auto;
	--fh: initial;
	width: auto;
	--fw: initial;
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .NewPowerup .NewPowerupBadge {
	height: 46px;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
	padding: 12px;
	--p-imgshadow: drop-shadow(0px 2px 12px black);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer .NewPowerup p-label {
	width: 64px;
	--fw: 0 0 auto;
	--ha: center;
	--va: center;
	margin-bottom: 3px;
	letter-spacing: 0.5px;
	font-weight: 700;
	--p-to: shrink;
	text-overflow: clip;
	text-align: center;
	color: black;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	width: 100%;
	--fw: 0 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.02);
	--p-bb: 1px;
	border-color: transparent;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines .TooltipVariableLine {
	width: 100%;
	--fw: 0 0 auto;
	--ha: start;
	padding: 2.5px 16px 3.5px;
	margin-bottom: -1px;
	border-top: 1px solid rgba(255, 255, 255, 0.02);
	--p-bt: 1px;
	border-color: transparent;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines .TooltipVariableLine::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines .TooltipVariableLine .TooltipVariable {
	--ha: center;
	text-align: center;
	color: rgba(239, 246, 255, 0.7);
	--p-tg: none;
	--p-tgc: none;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	font-size: 15px;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
	height: 21.5px;
	--fh: 0 0 auto;
	--p-to: shrink;
	text-overflow: clip;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines .TooltipVariableLine .TooltipVariable b {
	color: #51DD70;
	--p-tg: none;
	--p-tgc: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines .TooltipVariableLine.PhysicalDamage {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(192, 23, 40, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #TooltipVariableLines .TooltipVariableLine.MagicalDamage {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(82, 118, 248, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	width: 100%;
	--fw: 0 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.02);
	--p-bb: 1px;
	border-color: transparent;
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines .AttributeDescriptionLine {
	width: 100%;
	--fw: 0 0 auto;
	--ha: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	border-top: 1px solid rgba(255, 255, 255, 0.02);
	--p-bt: 1px;
	padding: 4px 32px 5px;
	margin-bottom: -1px;
	border-color: transparent;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines .AttributeDescriptionLine::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines .AttributeDescriptionLine #AttributeDetails {
	--ha: center;
	text-align: center;
	color: rgba(239, 246, 255, 0.8);
	--p-tg: none;
	--p-tgc: none;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	font-size: 15px;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
	--p-to: shrink;
	text-overflow: clip;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines .AttributeDescriptionLine #AttributeDetails b {
	color: #51DD70;
	--p-tg: none;
	--p-tgc: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines .AttributeDescriptionLine.PhysicalDamage {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(192, 23, 40, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainer #AttributeDescriptionLines .AttributeDescriptionLine.MagicalDamage {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(82, 118, 248, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainerBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	margin: 92px 0px 45px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	transition-property: border, transform;
	transition-duration: 0.1s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .PowerUpContainerBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #DDAF6B 48%, #674108 52%, #A27531 100%);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice #ChooseButton {
	zoom: 85%;
	width: 78%;
	--fw: 0 0 auto;
	--ha: center;
	--va: end;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice .ControlKey {
	--va: start;
	--ha: end;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	margin: 8px;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.484);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerupExisting .LevelUpgradeInfo {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerupExisting #TooltipVariableLines {
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerupExisting #AttributeDescriptionLines {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerupNew .NewPowerup {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.HasHero .HeroImageContainer {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.HasHero .PowerUpContainer {
	height: 600px;
	--fh: 0 0 auto;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.HasHero .PowerupLabel {
	padding: 56px 8px 8px;
	color: rgba(236, 246, 255, 0.5);
	--p-tg: none;
	--p-tgc: none;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.HasHero .AbilityImageContainer {
	margin-top: 64px;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.HasHero .PowerUpContainer {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #2b3a4b 0%, #0d1321 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.HasHero .PowerUpContainer #AbilityImage {
	height: 88px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 100 / 100;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade {
	padding: 20px 12px 0px;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpContainer,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpContainer {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #1b2230 20%, #245f9e 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpContainerBorder,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpContainerBorder {
	border-color: transparent;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpContainerBorder::before,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpContainerBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #c2e8ff 0%, #6ca1f5 48%, #1148a7 52%, #2e67b1 100%);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .AbilityImageContainer,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .AbilityImageContainer {
	margin-top: 16px;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpBackground,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpBackground {
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpContainer,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpContainer {
	width: 220px;
	--fw: 0 0 auto;
	height: 480px;
	--fh: 0 0 auto;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpContainer #AbilityImage,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpContainer #AbilityImage {
	height: 64px;
	--fh: 0 0 auto;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .AbilityName,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .AbilityName {
	margin: 8px 0px 4px;
	font-size: 16px;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade #ItemAffectedAbilitiesOuter,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade #ItemAffectedAbilitiesOuter {
	margin-bottom: 36px;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .LevelUpgradeInfo,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .HeroImageContainer,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerupLabel,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .LevelUpgradeInfo,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .HeroImageContainer,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerupLabel {
	--p-vis: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpDescription,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpDescription {
	position: relative;
	inset: auto;
	justify-self: var(--p-js, var(--ha, start));
	align-self: var(--p-as, var(--va, start));
	margin-bottom: 0px;
	color: rgba(239, 246, 255, 0.6);
	--p-tg: none;
	--p-tgc: none;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	font-size: 14px;
	line-height: 1.3;
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.8);
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .PowerUpDescription b,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .PowerUpDescription b {
	color: #51DD70;
	--p-tg: none;
	--p-tgc: none;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .ShardScepterImageContainer,
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .ShardScepterImageContainer {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .AbilityShardScepterImage {
	--p-bgi: url("img/hud/reborn/aghs_on_scepter_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ScepterUpgrade .ScepterLabel {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .AbilityShardScepterImage {
	--p-bgi: url("img/hud/reborn/aghs_on_shard_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.ShardUpgrade .ShardLabel {
	--p-vis: initial;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerUpSelected .PowerUpContainer {
	animation-name: pk-BounceFocusPowerup;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerUpSelected .PowerUpContainerBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 4px solid white;
	--p-bt: 4px;
	--p-br: 4px;
	--p-bb: 4px;
	--p-bl: 4px;
	transform: scale3d( 1.03, 1.01, 1 );
	animation-name: pk-BounceFocusPowerup;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
}
.RerollButtonActive .PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerUpSelected .PowerUpContainerBorder {
	border: 1px solid rgba(255, 255, 255, 0.8);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	transform: scale3d( 1, 1, 1 );
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpChoiceContainer .PowerUpChoice.PowerUpSelected .HeroImageContainer {
	transform: translateY( -2px );
}
.PlayerLevelUpChoiceWrapper #PlayerLevelUpActionsContainer {
	--ha: center;
	opacity: 0;
	--p-hit: none;
	margin-top: 4px;
}
.ShowPowerUpChoices.HasRerollsLeft .PlayerLevelUpChoiceWrapper #PlayerLevelUpActionsContainer {
	opacity: 1;
	--p-hit: inherit;
}
.PlayerAttributesGroup {
	--va: center;
	height: 100%;
	--fh: 0 0 auto;
	transition-property: opacity, transform;
	transition-duration: 0.25s;
	transition-delay: 0.3s;
	opacity: 0;
	--p-hit: none;
	transition-timing-function: ease-out, cubic-bezier(0, 0.9, 0, 0.9);
	--ha: end;
}
.MinimapRight .PlayerAttributesGroup {
	--ha: start;
}
.ShowPowerUpChoices .PlayerAttributesGroup,
.IsPaused:not(.ShowVisualNovel) .PlayerAttributesGroup {
	transform: none;
	opacity: 0.9;
	--p-hit: inherit;
	transition-duration: 0.1s;
	transition-timing-function: ease-in;
	transition-delay: 0s;
}
.PlayerAttributesGroup .AttributesShadow {
	width: 400px;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--va: center;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	z-index: -1;
	background-color: transparent;
	--p-bgg: radial-gradient(100% 50% at 0% 50%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.75) 60%, rgba(0, 0, 0, 0) 100%);
	--p-blur: 12px;
	opacity: 0.5;
	--p-hit: inherit;
	transform: scaleX( -1 );
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MinimapRight .PlayerAttributesGroup .AttributesShadow {
	transform: scaleX( 1 );
}
.PlayerAttributesGroup #PlayerAttributesContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--va: center;
	--ha: end;
	margin: 0px 40px;
	--p-vis: none;
}
.MinimapRight .PlayerAttributesGroup #PlayerAttributesContainer {
	--ha: start;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute {
	margin-bottom: 3px;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute p-label {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px black;
	--va: center;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .LeftSide {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 170px;
	--fw: 0 0 auto;
	height: 28px;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.018) 100%);
	border: 1px solid rgba(255, 255, 255, 0.04);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-right: 0px;
	--p-br: 0px;
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .LeftSide::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .LeftSide .AttributeIcon {
	width: 14px;
	--fw: 0 0 auto;
	height: 14px;
	--fh: 0 0 auto;
	padding: 1px;
	margin-right: 3px;
	--va: center;
	--p-vis: none;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .LeftSide .AttributeName {
	width: 100%;
	--fw: 1 1 0px;
	height: 16px;
	--fh: 0 0 auto;
	letter-spacing: -0.2px;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .LeftSide .AttributeValue {
	text-align: right;
	margin-right: 6px;
	letter-spacing: 1px;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .ItemContainer {
	height: 28px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 150 / 100;
	background-color: rgba(0, 0, 0, 0.1);
	--p-bgg: none;
	border: 1px solid rgba(255, 255, 255, 0.2);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.112);
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .ItemContainer::before {
	content: "";
	background-image: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0.7) 100%);
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .AttributeBuffContainer {
	height: 100%;
	--fh: 0 0 auto;
	width: 60px;
	--fw: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, #51dd7009 0%, #51dd7000 100%);
	border: 1px solid #51DD70&44;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	border-left: 0px;
	--p-bl: 0px;
	--p-vis: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .AttributeBuffContainer::before {
	content: "";
	background-image: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute .AttributeBuffContainer .AttributeBuffValue {
	margin-left: 8px;
	color: #51DD70;
	--p-tg: none;
	--p-tgc: none;
}
.PlayerAttributesGroup #PlayerAttributesContainer .PlayerAttribute.HasBonus .AttributeBuffContainer {
	--p-vis: initial;
}
.DebugContainer {
	--p-vis: none;
	--ha: end;
	--va: center;
	padding: 8px;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	background-color: rgba(113, 138, 163, 0.938);
	--p-bgg: none;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	max-width: 160px;
}
.DebugContainer .DebugSection {
	border: 1px solid black;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	padding: 4px;
	margin-top: 4px;
}
.DebugContainer .DebugColumn {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.DebugContainer .DebugRow {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-top: 6px;
	width: 100%;
	--fw: 0 0 auto;
}
.ShowCheats .DebugContainer {
	--p-vis: initial;
}
.DebugContainer p-button {
	padding: 4px;
	background-color: darkslategray;
	--p-bgg: none;
	margin: 2px;
}
.DebugContainer p-button p-label {
	font-size: 12px;
}
.DebugContainer p-dotasettingscheckbox p-label {
	font-size: 13px;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
}
.DebugContainer p-dropdown {
	height: 26px;
	--fh: 0 0 auto;
	width: 150px;
	--fw: 0 0 auto;
	padding: 2px;
	border-width: 1px;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	margin-bottom: 4px;
}
.DebugContainer p-dropdown p-label {
	font-size: 12px;
}
.DebugContainer #TotalEnemiesDebugLabel,
.DebugContainer #TotalSpawnersDebugLabel {
	font-size: 12px;
	margin: 4px;
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
.DebugTimelineControlsContainer {
	width: 1100px;
	--fw: 0 0 auto;
	height: 40px;
	--fh: 0 0 auto;
	border: 1px solid black;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-color: #651d72;
	--p-bgg: none;
	--ha: center;
	--va: end;
	margin: 10px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.DebugTimelineControlsContainer .TimelineContainer {
	--ha: center;
	width: 1000px;
	--fw: 0 0 auto;
}
.DebugTimelineControlsContainer .TimelineContainer .HorizontalSlider {
	margin: 2px;
	--va: start;
	margin-top: 0;
	width: 100%;
	--fw: 0 0 auto;
}
.DebugTimelineControlsContainer .Row {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.DebugTimelineControlsContainer .Row .RowRight {
	--ha: end;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.DebugTimelineControlsContainer .DebugButton {
	background-color: #b263df;
	--p-bgg: none;
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	margin: 2px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.DebugTimelineControlsContainer .DebugButton p-label {
	color: black;
	--p-tg: none;
	--p-tgc: none;
	letter-spacing: 1px;
}
.DebugTimelineControlsContainer .DebugButton:hover {
	--p-brightness: 1.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DebugTimelineControlsContainer .DebugButton:active {
	--p-brightness: 0.3;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.KeyArtContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	margin: 1px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #2C1E5A 0%, #060724 100%);
	transition-property: opacity, --p-brightness;
	transition-duration: 0.4s;
	opacity: 0;
	--p-hit: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.KeyArtContainer .KeyArtTempLabel {
	margin: 16px;
	color: magenta;
	--p-tg: none;
	--p-tgc: none;
	--p-vis: none;
}
.KeyArtContainer .KeyArtImage {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-ob: linear-gradient(90deg, white 80%, #FFFFFF00 100%);
	transition-property: --p-blur, opacity, transform;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.ShowHeroScreen .KeyArtContainer .KeyArtImage {
	--p-blur: 5px;
	transform: translateX( -24px );
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ShowDifficultyScreen .KeyArtContainer .KeyArtImage {
	--p-blur: 5px;
	transform: translateX( -48px );
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ShowHeroScreen .KeyArtContainer {
	--p-brightness: 0.3;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.GameState_Setup .KeyArtContainer {
	opacity: 1;
	--p-hit: inherit;
}
.SetupScreenInnerBorder {
	border: 1px solid rgba(255, 255, 255, 0.02);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 1 1 0px;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
}
.SetupScreen {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	opacity: 0;
	--p-hit: none;
	transform: none;
	transition-property: transform, opacity;
	transition-duration: 0.15s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
.GameState_Setup .SetupScreen {
	opacity: 1;
	--p-hit: inherit;
}
.ShowHeroScreen .SetupScreen {
	opacity: 0;
	--p-hit: none;
	transform: translateX( -160px );
	transition-duration: 0.4s;
	transition-delay: 0.2s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
}
.GameState_Active .SetupScreen {
	opacity: 0;
	--p-hit: none;
}
.SetupScreen .SetupScreenLeftCol {
	width: 56%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
}
.SetupScreen .SetupScreenMenu {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--va: center;
	--ha: end;
	width: 780px;
	--fw: 0 0 auto;
	margin-bottom: 140px;
}
.Maximized .SetupScreen .SetupScreenMenu {
	margin-right: 6%;
}
.SetupScreen .SetupScreenMenu .MinigameLogoEn,
.SetupScreen .SetupScreenMenu .MinigameLogoCn {
	--ha: center;
	margin-bottom: -30px;
	width: 100%;
	--fw: 0 0 auto;
}
.SetupScreen .SetupScreenMenu .MinigameLogoCn {
	--p-vis: none;
	width: 90%;
	--fw: 0 0 auto;
}
.Language_schinese .SetupScreen .SetupScreenMenu .MinigameLogoEn {
	--p-vis: none;
}
.Language_schinese .SetupScreen .SetupScreenMenu .MinigameLogoCn {
	--p-vis: initial;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent {
	margin: 0px 18%;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .GameIntroDescription {
	width: 100%;
	--fw: 0 0 auto;
	text-align: center;
	margin-bottom: 32px;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.6);
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .PlaySectionHeader {
	width: 100%;
	--fw: 0 0 auto;
	margin-bottom: 8px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .PlaySectionCol {
	width: 100%;
	--fw: 1 1 0px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .PlaySectionCol.Left {
	margin-right: 8px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .PlaySectionCol.Right {
	margin-left: 8px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .HowToPlaySection {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .HowToPlaySection .HowToPlayDescription {
	font-size: 16px;
	line-height: 1.2;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .HowToPlaySection .HowToPlayDescription b {
	font-weight: 700;
	font-size: 16px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .HowToPlaySection .DescriptionContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--va: center;
	margin-bottom: 8px;
	padding-right: 16px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .HowToPlaySection .DescriptionContainer .SubHeader {
	color: #DAE2E5;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .HowToPlaySection .DescriptionContainer .Details {
	color: #8B989E;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .LeaderboardContainer {
	margin: 0px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .LeaderboardContainer .LeaderListHeader {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .LeaderboardContainer .LeaderListHeader .LeaderListHeaderLabel {
	width: 100%;
	--fw: 1 1 0px;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .LeaderboardContainer .LeaderListHeader .LeaderListHeaderLabel,
.SetupScreen .SetupScreenMenu .PlaySectionContent .LeaderboardContainer .LeaderListHeader .LeaderListHeaderScore {
	color: rgba(241, 249, 255, 0.5);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .RewardsSection {
	--p-vis: none;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
	--fw: 0 0 auto;
	margin-bottom: 12px;
	--p-vis: none;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .RewardsSection .RewardRow {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	--fw: 0 0 auto;
	margin-bottom: 2px;
	--p-vis: none;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .RewardsSection .RewardRow.HasReward {
	--p-vis: initial;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .RewardsSection .RewardRow.Unlocked {
	--p-brightness: 0.1;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .RewardsSection .RewardRow .RewardScore {
	width: 80px;
	--fw: 0 0 auto;
	--va: center;
	text-align: left;
	font-weight: 700;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .RewardsSection .RewardRow .RewardValue {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	--fw: 0 0 auto;
	--va: center;
}
.SetupScreen .SetupScreenMenu .PlaySectionContent .RewardsSection .RewardRow .RewardValue p-dotacrownfalltoken {
	width: 38px;
	--fw: 0 0 auto;
}
.SetupScreen .BottomButtons {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	--va: end;
	padding-bottom: 40px;
}
.SetupScreen .BottomButtons .Loading {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--va: end;
	margin-bottom: 38px;
	margin-right: 8px;
	margin-left: 8px;
	--p-vis: none;
}
.IsLoading .SetupScreen .BottomButtons .Loading {
	--p-vis: initial;
}
.SetupScreen .BottomButtons .Loading .Spinner {
	--va: center;
	margin-right: 8px;
}
.SetupScreen .BottomButtons .Loading > p-label {
	--va: center;
	text-transform: uppercase;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	letter-spacing: 2px;
	font-size: 20px;
}
.SetupScreen .BottomButtons p-dotacrownfallbutton {
	min-width: 300px;
}
.IsLoading .SetupScreen .BottomButtons .StartGameButton {
	--p-vis: none;
}
.SetupScreen .ExitButton {
	--p-vis: none;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	--ha: center;
	--va: end;
	width: 460px;
	--fw: 0 0 auto;
	padding: 10px 0px 16px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	--p-bt: 1px;
	border-color: transparent;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 100% at 50% 0%, rgb(13, 11, 33) 0%, rgba(0, 0, 0, 0) 100%);
	transition-property: --p-brightness;
	transition-duration: 0.1s;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.SetupScreen .ExitButton::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
}
.SetupScreen .ExitButton:hover {
	--p-brightness: 2;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PlayedOnce .SetupScreen .ExitButton {
	--p-vis: initial;
}
.ControlKey {
	--ha: center;
	margin: 3px;
	animation-name: none;
	zoom: 84%;
}
.ControlKey .Up {
	--p-bgi: url("img/control_icons/24px/arrow_up.svg");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlKey .Down {
	--p-bgi: url("img/control_icons/24px/arrow_down.svg");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlKey .Forward {
	--p-bgi: url("img/control_icons/24px/arrow_right.svg");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlKey .Back {
	--p-bgi: url("img/control_icons/24px/arrow_left.svg");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlKey .Space {
	--p-bgi: url("img/control_icons/24px/space.svg");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlDescriptionBlock {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-right: 16px;
}
.ControlDescriptionBlock .OrSeparator {
	--va: center;
	margin: 0px 12px;
	color: #8B989E;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}
.ControlDescriptionBlock .SubHeader {
	color: #DAE2E5;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}
.ControlDescriptionBlock .Details {
	color: #8B989E;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}
.ControlDescriptionBlock .KeysColumn {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.ControlDescriptionBlock .KeysRow {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.ControlDescriptionBlock .ControlMouse {
	--va: center;
}
.ControlDescriptionBlock .ControlMouse .MouseButton {
	--va: center;
	--ha: center;
	min-width: 60px;
	min-height: 60px;
}
.ControlDescriptionBlock .ControlMouse .MOUSE1,
.ControlDescriptionBlock .ControlMouse .MOUSE2,
.ControlDescriptionBlock .ControlMouse .MOUSE3 {
	height: 45px;
	--fh: 0 0 auto;
	width: 45px;
	--fw: 0 0 auto;
	--va: center;
	--p-bgs: contain;
	--p-bgp: center;
	--p-bgr: no-repeat;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlDescriptionBlock .ControlMouse .MOUSE1 {
	--p-bgi: url("img/events/crownfall/shmup/mouse_leftclick_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlDescriptionBlock .ControlMouse .MOUSE2 {
	--p-bgi: url("img/events/crownfall/shmup/mouse_rightclick_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ControlDescriptionBlock .ControlMouse .MOUSE3 {
	--p-bgi: url("img/events/crownfall/shmup/mouse_middleclick_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.GamepadContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: 16px;
}
.GamepadContainer .GamepadIcon {
	height: 24px;
	--fh: 0 0 auto;
	width: 24px;
	--fw: 0 0 auto;
	--p-ob: linear-gradient(180deg, white 10%, rgb(45, 59, 79) 90%);
	--p-imgshadow: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.8));
	--va: center;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.GamepadContainer .GamepadLabel {
	color: #8B989E;
	--p-tg: none;
	--p-tgc: none;
	margin-left: 6px;
	--va: center;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
	margin-bottom: 2px;
}
.GoldHeader {
	text-transform: uppercase;
	--p-to: shrink;
	text-overflow: clip;
	letter-spacing: 2px;
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 20%, #ebc386 58.4%, #BA8C47 61.6%, #8d6c3a 100%);
	--p-tgc: attr(data-t);
	text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
	margin-bottom: 4px;
	font-weight: 600;
	font-size: 22px;
}
.PatchNotesButtonContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: 16px;
}
.PatchNotesButtonContainer .PatchNotesButton .PatchNotesButtonLabel {
	font-size: 14px;
}
.PatchNotesMenu {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--va: center;
	--ha: start;
	width: 780px;
	--fw: 0 0 auto;
	margin-bottom: 140px;
	margin-left: 40px;
	opacity: 0;
	--p-hit: none;
	background-color: #000000ee;
	--p-bgg: none;
	padding: 12px;
	overflow-x: clip;
	overflow-y: auto;
	--p-ov: keep;
}
.PatchNotesMenu .LabelLarge {
	color: white;
	--p-tg: none;
	--p-tgc: none;
	margin-top: 12px;
}
.PatchNotesMenu .LabelMedium {
	color: white;
	--p-tg: none;
	--p-tgc: none;
	margin-top: 8px;
}
.PatchNotesMenu .LabelSmall {
	margin-top: 4px;
	text-transform: none;
}
.ShowPatchNotes .PatchNotesMenu {
	opacity: 1;
	--p-hit: inherit;
}
.MetaProgressionSelection .UpgradesSection {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #253242 0%, #0B111A 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
	--fw: 0 0 auto;
	overflow-x: clip;
	overflow-y: auto;
	--p-ov: keep;
	height: 100%;
	--fh: 1 1 0px;
	padding: 20px 0px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttributeRow {
	width: 100%;
	--fw: 1 1 0px;
	--ha: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 0px 20px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute {
	width: 100%;
	--fw: 4 1 0px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	min-height: 200px;
	background-color: #0008;
	--p-bgg: none;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(61, 73, 90) 0%, rgb(38, 50, 67) 100%);
	border: 1px solid rgba(194, 224, 255, 0.06);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	box-shadow: 0px 3px 12px -1px rgba(0, 0, 0, 0.3);
	transition-property: background-color;
	transition-duration: 0.1s;
	margin: 4px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute #FilterTokenIcon {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 14px;
	--fh: 0 0 auto;
	--ha: center;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute #FilterTokenIcon .LabelSmall {
	letter-spacing: normal;
	font-size: 11px;
	--va: center;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute #FilterTokenIcon .Checkbox {
	width: 14px;
	--fw: 0 0 auto;
	height: 14px;
	--fh: 0 0 auto;
	border: 1px solid rgba(194, 224, 255, 0.1);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	margin-left: 2px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute #FilterTokenIcon.Filtered .Checkbox {
	--p-bgi: url("img/control_icons/check_shadow_png.png");
	--p-bgr: no-repeat;
	--p-bgp: 45% 55%;
	--p-bgs: 75% 75%;
	--p-wash: url(#pw-c2e0ffcc);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer {
	padding: 8px 8px;
	height: 100%;
	--fh: 0 0 auto;
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #UpgradePipsContainer {
	width: 55%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	margin-top: 3px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #UpgradePipsContainer .UpgradePipOuter {
	width: 100%;
	--fw: 1 1 0px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #UpgradePipsContainer .UpgradePipOuter .UpgradePip {
	--ha: center;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #0B111A 0%, #0b111a99 100%);
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
	width: 10px;
	--fw: 0 0 auto;
	height: 10px;
	--fh: 0 0 auto;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #UpgradePipsContainer .UpgradePipOuter.Upgraded .UpgradePip {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #FFF2DF 0%, #ebc386 48%, #BA8C47 52%, #ffc56f 100%);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #UpgradePipsContainer .UpgradePipOuter.Focused .UpgradePip {
	background-color: #51DD70;
	--p-bgg: none;
	border: 1px solid rgba(255, 255, 255, 0.1);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	animation-name: pk-UpgradePipGlow;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .AttributeName {
	--p-to: shrink;
	text-overflow: clip;
	text-align: center;
	width: 100%;
	--fw: 1 1 0px;
	height: 25px;
	--fh: 0 0 auto;
	margin-bottom: 4px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .AttributeValue {
	margin-top: 7px;
	--p-to: shrink;
	text-overflow: clip;
	text-align: center;
	width: 100%;
	--fw: 1 1 0px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	height: 20px;
	--fh: 0 0 auto;
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .AttributeValue b {
	color: #51DD70;
	--p-tg: none;
	--p-tgc: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .UpgradeButton {
	width: 100%;
	--fw: 0 0 auto;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #CompletionProgress {
	height: 8px;
	--fh: 0 0 auto;
	overflow-x: clip;
	overflow-y: clip;
	--p-ov: keep;
	border-radius: 2px;
	--va: center;
	margin-top: 7px;
	background-color: rgba(0, 0, 0, 0.8);
	--p-bgg: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #CompletionProgress .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #FFF2DF 0%, #ebc386 48%, #BA8C47 52%, #8d6c3a 100%);
	border: 1px solid black;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-radius: 1px;
	box-shadow: 0px 2px 8px black;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #CompletionProgress .ProgressBarRight {
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostLabelContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: 10px;
	width: 100%;
	--fw: 0 0 auto;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostLabelContainer .LineBreak {
	width: 100%;
	--fw: 1 1 0px;
	--va: center;
	--ha: center;
	border-top: 1px solid rgba(212, 229, 255, 0.1);
	--p-bt: 1px;
	border-color: transparent;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostLabelContainer .LineBreak::before {
	content: "";
	background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostLabelContainer .LineBreak.Right {
	transform: scaleX( -1 );
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostLabelContainer .CostLabel {
	--va: center;
	margin: 0px 2px 0px 4px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	margin-top: -6px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostContainer .TokenCost {
	--va: start;
	--ha: start;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	padding-right: 24px;
	margin-left: -16px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostContainer .TokenCost p-dotacrownfalltoken {
	margin-right: -32px;
	margin-left: 4px;
	zoom: 80%;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostContainer .CurrencyPlus {
	--va: center;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostContainer .CurrencyCost {
	--va: center;
	text-align: left;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	--p-to: shrink;
	text-overflow: clip;
	letter-spacing: 0.4px;
	font-size: 18px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer .CostContainer .GoldIcon {
	width: 18px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--p-imgshadow: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.8));
	--va: center;
	--p-ob: linear-gradient(180deg, #FFF2DF 10%, #ebc386 48.4%, #BA8C47 51.6%, #8d6c3a 90%);
	margin-top: 2px;
	padding: 2px;
	margin-left: -1px;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .MetaUpgradeAttributeContainer #UpgradeButton {
	--va: end;
	margin-bottom: 5px;
	margin-top: 10px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.NoTokenCost .TokensContainer {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.NoTokenCost .CurrencyPlus {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.NoTokenCost .CostContainer {
	padding-top: 10px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.NoTokenCost #FilterTokenIcon {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.CantAffordUpgrade {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(41, 48, 59) 0%, rgb(21, 28, 37) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .SelectedDifficultyBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 3px solid white;
	--p-bt: 3px;
	--p-br: 3px;
	--p-bb: 3px;
	--p-bl: 3px;
	border-color: transparent;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	transition-property: border;
	transition-duration: 0.1s;
	opacity: 0.0;
	--p-hit: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute .SelectedDifficultyBorder::before {
	content: "";
	background-image: linear-gradient(90deg, #DCB25E 0%, #EFD4AC 50%, #DCB25E 100%);
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.UpgradesAvailable .SelectedDifficultyBorder {
	opacity: 1.0;
	--p-hit: inherit;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.GamepadSelected .SelectedDifficultyBorder {
	opacity: 1;
	--p-hit: inherit;
	animation-name: pk-OpacityPulse;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(41, 48, 59) 0%, rgb(21, 28, 37) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .UpgradeButton {
	opacity: 0;
	--p-hit: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .CostLabelContainer {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .CostContainer {
	margin: 0px;
	height: 100%;
	--fh: 0 0 auto;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .CostContainer .TokenCost {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .CostContainer .CurrencyCost {
	font-size: 50px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .GoldIcon {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .CurrencyPlus {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection #MetaUpgradesContainer .MetaUpgradeAttribute.MaxLevel .CostLabelContainer {
	--p-vis: none;
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	width: 80%;
	--fw: 0 0 auto;
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TotalGoldContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	padding: 16px 0px;
	width: 100%;
	--fw: 1 1 0px;
	border-top: 1px solid rgba(194, 224, 255, 0.08);
	--p-bt: 1px;
	border-color: transparent;
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TotalGoldContainer::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 30%, white 70%, rgba(255, 255, 255, 0) 100%);
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TotalGoldContainer p-label {
	text-align: center;
	--ha: center;
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TotalGoldContainer .TotalGoldLabel {
	margin-bottom: -4px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TotalGoldContainer .TotalGoldValue {
	text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.6);
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TotalGoldContainer .GoldIcon {
	width: 34px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--va: center;
	margin-left: 4px;
	--p-imgshadow: drop-shadow(0px 3px 12px black);
	--p-ob: linear-gradient(180deg, #FFF2DF 0%, #ebc386 48%, #BA8C47 52%, #8d6c3a 100%);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TokensButtonContainer {
	--ha: center;
	width: 100%;
	--fw: 1 1 0px;
	height: 100%;
	--fh: 0 0 auto;
}
.MetaProgressionSelection .UpgradesSection .ResourceContainer .TokensButtonContainer .TokensButton {
	--ha: center;
	--va: center;
	min-width: 250px;
}
.MetaProgressionSelection .UpgradesSection .DebugButtons {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	margin-bottom: 12px;
	opacity: 0;
	--p-hit: none;
}
.Dota2Main .MetaProgressionSelection .UpgradesSection .DebugButtons {
	opacity: 1;
	--p-hit: inherit;
}
.MetaProgressionSelection .UpgradesSection .DebugButtons .DebugButton {
	padding: 4px;
	background-color: darkslategray;
	--p-bgg: none;
	margin: 2px;
}
.MetaProgressionSelection .UpgradesSection .DebugButtons .DebugButton p-label {
	font-size: 12px;
}
.MetaProgressionSelection .UpgradesSection .DebugButtons .DebugButton:hover {
	--p-brightness: 1.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MetaProgressionSelection .UpgradesSection .DebugButtons .DebugButton:active {
	--p-brightness: 0.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MetaProgressionSelection .UpgradesSection .PointsAvailable {
	--ha: center;
	margin: 10px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	color: gold;
	--p-tg: none;
	--p-tgc: none;
}
.SurvivorsGameTabs {
	--ha: center;
}
.SurvivorsGameTabs .SurvivorsTabsBackground {
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	width: 100%;
	--fw: 0 0 auto;
	height: 56px;
	--fh: 0 0 auto;
	border-width: 56px 56px 0px 56px;
	--p-bt: 56px;
	--p-br: 56px;
	--p-bb: 0px;
	--p-bl: 56px;
	border-image-slice: 100% 112 0 112 fill;
	border-image-repeat: stretch;
	border-image-source: url("img/events/crownfall/buttons/tabs_background_png.png");
}
.SurvivorsGameTabs .TabsContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 0px 9.5px;
	--va: center;
}
.SurvivorsGameTabs .TabsContainer .TabItem {
	min-width: 220px;
	margin: 0px -4px;
	height: 42px;
	--fh: 0 0 auto;
	transition-property: --p-brightness, transform;
	transition-duration: 0.1s;
}
.SurvivorsGameTabs .TabsContainer .TabItem:hover {
	--p-brightness: 2;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.SurvivorsGameTabs .TabsContainer .TabItem:active {
	transform: scale3d( 0.98, 0.98, 1 );
}
.SurvivorsGameTabs .TabsContainer .TabItem p-label {
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1.5px;
	text-align: center;
	color: #d8dee1;
	--p-tg: linear-gradient(180deg, white 0%, #B0BCC2 100%);
	--p-tgc: attr(data-t);
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	--ha: center;
	--va: center;
}
.SurvivorsGameTabs .TabsContainer .TabItem .TabItemBg {
	width: 100%;
	--fw: 0 0 auto;
	border-width: 42px 42px 0px 42px;
	--p-bt: 42px;
	--p-br: 42px;
	--p-bb: 0px;
	--p-bl: 42px;
	border-image-slice: 100% 84 0 84 fill;
	border-image-repeat: stretch;
	border-image-source: url("img/events/crownfall/buttons/tab_background_png.png");
	opacity: 0;
	--p-hit: none;
	transform: scale3d( 0.95, 0.95, 1 );
	transition-property: opacity, transform;
	transition-duration: 0.15s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}
.SelectedTab0 .SurvivorsGameTabs #PlayTab .TabItemBg {
	opacity: 1;
	--p-hit: inherit;
	transform: none;
}
.SelectedTab1 .SurvivorsGameTabs #UpgradesTab .TabItemBg {
	opacity: 1;
	--p-hit: inherit;
	transform: none;
}
.PauseScreen {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-bottom: 80px;
	--ha: center;
	--va: center;
	opacity: 0.0;
	--p-hit: none;
	transform: scale3d( 1.3, 1.3, 1 );
	transition-property: opacity, transform;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transition-delay: 0.1s;
}
.PauseScreen .PauseScreenContent {
	padding: 48px;
	--ha: center;
	--va: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 48px 160px;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(11, 12, 15, 0) 0%, rgba(11, 12, 15, 0.4) 10%, rgba(11, 12, 15, 0.7) 20%, rgba(11, 12, 15, 0.9) 50%, rgba(11, 12, 15, 0.7) 80%, rgba(11, 12, 15, 0.4) 90%, rgba(11, 12, 15, 0) 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PauseScreen .PauseScreenContent::before {
	content: "";
	background-image: linear-gradient(90deg, #dcb25e00 0%, #EFD4AC 50%, #dcb25e00 100%);
}
.IsPaused.UserPaused .PauseScreen {
	opacity: 1.0;
	--p-hit: inherit;
	transform: none;
	transition-duration: 0.15s;
	transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
.PauseScreen .PauseText {
	font-size: 32px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	color: #ebcd96;
	--p-tg: linear-gradient(180deg, #f9e7cd 0%, #DCB25E 100%);
	--p-tgc: attr(data-t);
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.8);
	font-weight: 600;
	text-transform: uppercase;
	--ha: center;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 24px;
}
.PauseScreen p-dotacrownfallbutton {
	--ha: center;
}
.PauseScreen .ResumeButton {
	min-width: 360px;
	zoom: 90%;
}
.LeaveButtonActive .PauseScreen .ResumeButton {
	--p-brightness: 0.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PauseScreen .LeaveButton {
	--ha: center;
	min-width: 220px;
	margin-top: -24px;
}
.LeaveButtonActive .PauseScreen .LeaveButton {
	--p-brightness: 3;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PauseScreen .LeaveButton.Secondary {
	margin-left: 0px;
	margin-right: 0px;
}
.FinishedScreen {
	--ha: center;
	--va: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
	--fw: 0 0 auto;
	transform: translateY( 40px );
	--p-vis: none;
}
.GameState_Finished .FinishedScreen,
.DebugFinishedScreen .FinishedScreen {
	--p-vis: initial;
}
.FinishedScreen .Title {
	font-size: 40px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.8);
	font-weight: 700;
	text-transform: uppercase;
	--ha: center;
	text-align: center;
	letter-spacing: 2px;
	z-index: 1;
}
.FinishedScreen .FinalScreenBackground {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	margin-top: 100px;
	opacity: 0.8;
	--p-hit: inherit;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	--p-bt: 1px;
	border-color: transparent;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 100% at 50% 0%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalScreenBackground::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 30%, white 70%, rgba(255, 255, 255, 0) 100%);
}
.FinishedScreen .FinalHeroContainer {
	width: 360px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--ha: center;
	margin-top: -32px;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.FinishedScreen .FinalHeroContainer .FinalHeroBackground {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border-radius: 50%;
	background-color: rgb(30, 30, 30);
	--p-bgg: none;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 50% at 50% 50%, rgb(21, 48, 81) 0%, rgb(6, 8, 14) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalHeroContainer #PostGameHeroModel {
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	width: 900px;
	--fw: 0 0 auto;
	height: 900px;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
}
.FinishedScreen .FinalHeroContainer .FinalHeroBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border-radius: 50%;
	border: 10px solid white;
	--p-bt: 10px;
	--p-br: 10px;
	--p-bb: 10px;
	--p-bl: 10px;
	border-color: transparent;
}
.FinishedScreen .FinalHeroContainer .FinalHeroBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #DDAF6B 48%, #BA8C47 52%, #785C32 100%);
}
.FinishedScreen .FinalHeroContainer .FinalHeroBorder.Under {
	--p-ob: linear-gradient(180deg, white 0%, white 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.FinishedScreen .FinalHeroContainer .FinalHeroBorder.Over {
	--p-ob: linear-gradient(0deg, white 0%, white 20%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.FinishedScreen.SurvivorsHeroID_1 #PostGameHeroModel {
	transform: translateX( -10px ) translateY( 30px );
	--p-ob: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 25%, white 55%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.FinishedScreen.SurvivorsHeroID_2 #PostGameHeroModel {
	transform: translateX( 16px ) translateY( 30px );
	--p-ob: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 25%, white 55%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.FinishedScreen.SurvivorsHeroID_3 #PostGameHeroModel {
	transform: translateX( 0px ) translateY( 0px ) scale3d( 0.85, 0.85, 1 );
	--p-ob: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 25%, white 58%, rgba(255, 255, 255, 0) 68%, rgba(255, 255, 255, 0) 100%);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.FinishedScreen .Message {
	--ha: center;
	text-align: center;
}
.FinishedScreen .CheatWarning {
	margin-top: 8px;
	font-size: 16px;
	--ha: center;
	text-align: center;
	width: 400px;
	--fw: 0 0 auto;
	color: #ff4433;
	--p-tg: none;
	--p-tgc: none;
	--p-vis: none;
}
.CheatDetected .FinishedScreen .CheatWarning {
	--p-vis: initial;
}
.FinishedScreen .FinalMainContainer {
	width: 90%;
	--fw: 0 0 auto;
	--ha: center;
	margin-top: 60px;
}
.FinishedScreen .PlayButtonContainer {
	width: 60%;
	--fw: 0 0 auto;
	--ha: center;
	margin-top: 14px;
	padding: 16px;
}
.FinishedScreen .PlayButtonContainer .PlayAgainButton {
	--ha: center;
	min-width: 340px;
}
.FinishedScreen .PostGameButtonsContainer {
	margin-top: 16px;
	--ha: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.FinishedScreen .PostGameButtonsContainer p-dotacrownfallbutton {
	min-width: 300px;
}
.FinishedScreen.GoToHeroButtonSelected .HeroSelectButton {
	--p-brightness: 3.0;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.FinishedScreen.GoToHeroButtonSelected .PlayAgainButton {
	--p-brightness: 0.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.FinishedScreen.GoToDifficultyButtonSelected .UpgradesButton {
	--p-brightness: 3.0;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.FinishedScreen.GoToDifficultyButtonSelected .PlayAgainButton {
	--p-brightness: 0.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.FinishedScreen .HeroSelectButton:not(.Secondary) {
	width: 390px;
	--fw: 0 0 auto;
}
.FinishedScreen .UpgradesButton:not(.Secondary) {
	width: 390px;
	--fw: 0 0 auto;
}
.FinishedScreen .FinalAbilitiesContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.FinishedScreen .FinalAbilitiesContainer .AbilityStatLabel {
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	--va: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	font-size: 20px;
	text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.8);
	height: 29px;
	--fh: 0 0 auto;
	--p-to: shrink;
	text-overflow: clip;
}
.FinishedScreen .FinalAbilitiesContainer .HeaderLabel {
	text-transform: uppercase;
}
.FinishedScreen .FinalAbilitiesContainer .AbilityName {
	--p-vis: none;
}
.FinishedScreen .FinalAbilitiesContainer .AbilityLevel {
	width: 80px;
	--fw: 0 0 auto;
	text-align: center;
}
.FinishedScreen .FinalAbilitiesContainer .AbilityTimeHeld {
	width: 80px;
	--fw: 0 0 auto;
	text-align: center;
}
.FinishedScreen .FinalAbilitiesContainer .AbilityDamage {
	width: 120px;
	--fw: 0 0 auto;
	text-align: center;
}
.FinishedScreen .FinalAbilitiesContainer .AbilityDPS {
	width: 80px;
	--fw: 0 0 auto;
	text-align: center;
}
.FinishedScreen .FinalAbilitiesContainer .AbilitiesStatsHeading {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: end;
	padding-bottom: 8px;
	padding-right: 6px;
}
.FinishedScreen .FinalAbilitiesContainer .AbilitiesStatsHeading p-label {
	--va: center;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 480px;
	--fw: 0 0 auto;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 2px 6px;
	margin-bottom: 3px;
	background-color: white;
	--p-bgg: none;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.018) 40%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.018) 60%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	border-left: 0px;
	--p-bl: 0px;
	border-right: 0px;
	--p-br: 0px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityName {
	--p-vis: none;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityImageContainer {
	--ha: center;
	padding: 3px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.02);
	--p-bb: 1px;
	box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.6);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityImageContainer #AbilityImage {
	width: 40px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(20, 22, 23) 0%, rgb(31, 34, 37) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityLevelContainer {
	margin: 0px 26px;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityShardScepterImage {
	width: 40px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--va: center;
	--p-bgs: cover;
	--p-imgshadow: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.6));
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityShardScepterImage.Empty {
	--p-bgi: url("img/hud/reborn/aghs_off_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityShardScepterImage.Shard {
	--p-bgi: url("img/hud/reborn/aghs_on_shard_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityShardScepterImage.Scepter {
	--p-bgi: url("img/hud/reborn/aghs_on_scepter_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats .AbilityShardScepterImage.ShardScepter {
	--p-bgi: url("img/hud/reborn/aghs_on_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats.EmptySlot {
	opacity: 0.5;
	--p-hit: inherit;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats.EmptySlot .AbilityLevelContainer {
	--p-vis: none;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats.EmptySlot .AbilityShardScepterImage {
	opacity: 0.5;
	--p-hit: inherit;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats.EmptySlot .AbilityStatLabel {
	opacity: 0;
	--p-hit: none;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats.EmptySlot .AbilityLevelContainer {
	opacity: 0.4;
	--p-hit: inherit;
}
.FinishedScreen .FinalAbilitiesContainer #AbilitiesStatsContainer .AbilityStats.EmptySlot .AbilityLevelContainer::before {
	content: none;
}
.FinishedScreen .FinalItemsContainer {
	--ha: end;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 460px;
	--fw: 0 0 auto;
}
.FinishedScreen .FinalItemsContainer .ItemLevel {
	width: 100px;
	--fw: 0 0 auto;
	text-align: center;
}
.FinishedScreen .FinalItemsContainer .ItemTimeHeld {
	width: 100px;
	--fw: 0 0 auto;
	text-align: center;
}
.FinishedScreen .FinalItemsContainer .ItemName {
	width: 100%;
	--fw: 1 1 0px;
	text-align: left;
}
.FinishedScreen .FinalItemsContainer .ItemsStatsHeading {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0px 4px 8px;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats {
	width: 480px;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 2px 4px;
	margin-bottom: 3px;
	background-color: white;
	--p-bgg: none;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.018) 40%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.018) 60%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats p-label {
	--va: center;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats .ItemName {
	color: rgba(245, 245, 245, 0.6);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.8);
	margin-left: 8px;
	font-size: 15px;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats .AbilityLevelContainer {
	margin: 0px 32px;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats .ItemLevel,
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats .ItemTimeHeld {
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	font-size: 20px;
	text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.8);
	height: 29px;
	--fh: 0 0 auto;
	--p-to: shrink;
	text-overflow: clip;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats #ItemImage {
	height: 38px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 133.33 / 100;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats.EmptySlot {
	opacity: 0.5;
	--p-hit: inherit;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats.EmptySlot p-label,
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats.EmptySlot .AbilityLevelContainer {
	--p-vis: none;
}
.FinishedScreen .FinalItemsContainer #ItemsStatsContainer .ItemStats.EmptySlot #ItemImage {
	background-color: black;
	--p-bgg: none;
	box-shadow: 0px 0px 0px #00000000;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.025);
}
.FinishedScreen .AbilityLevelContainer {
	width: 28px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--va: center;
	border-radius: 50%;
	border: 2px solid white;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
	border-color: transparent;
	background-color: rgba(0, 0, 0, 0.8);
	--p-bgg: none;
	box-shadow: 0px 2px 8px -1px rgba(0, 0, 0, 0.2);
}
.FinishedScreen .AbilityLevelContainer::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #8d6c3a 100%);
}
.FinishedScreen .AbilityLevelContainer p-label {
	font-size: 14px;
	text-align: center;
	--va: center;
	--ha: center;
	font-weight: 600;
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 35%, #ebc386 66.2%, #BA8C47 68.8%, #8d6c3a 100%);
	--p-tgc: attr(data-t);
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.FinishedScreen .FinalEnemyStatsContainer {
	--ha: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 12px 0px 16px;
	--p-vis: none;
}
.FinishedScreen .FinalEnemyStatsContainer .EnemiesDefeatedTitle {
	--ha: center;
	margin-bottom: 8px;
}
.FinishedScreen .FinalEnemyStatsContainer #EnemiesStatsContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
}
.FinishedScreen .FinalEnemyStatsContainer #EnemiesStatsContainer .EnemyStats {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin: 0px 4px;
}
.FinishedScreen .FinalEnemyStatsContainer #EnemiesStatsContainer .EnemyStats .EnemyStatImageContainer {
	width: 52px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #313721 0%, #58572b 100%);
	box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.4);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .FinalEnemyStatsContainer #EnemiesStatsContainer .EnemyStats .EnemyKilled {
	text-align: center;
	--ha: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	margin-top: 4px;
	max-width: 56px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
}
.FinishedScreen .FinalStatsContainer {
	--ha: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 80%;
	--fw: 0 0 auto;
	margin-top: 16px;
	z-index: 1;
}
.FinishedScreen .FinalStatsContainer .FinalScoreLabel {
	margin: 0px 12px;
	text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.8);
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	text-align: center;
}
.FinishedScreen .FinalStatsContainer .FinalStats {
	--ha: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: 2px 0px;
}
.FinishedScreen .FinalStatsContainer .FinalStats .VerticalDash {
	height: 100%;
	--fh: 0 0 auto;
	width: 1px;
	--fw: 0 0 auto;
	background-color: rgba(255, 255, 255, 0.05);
	--p-bgg: none;
	margin: 2px 0px;
}
.FinishedScreen .FinalStatsContainer .FinalStats .FinalStatBlock {
	width: 170px;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.FinishedScreen .FinalStatsContainer .FinalStats .FinalStatBlock p-label {
	--ha: center;
}
.FinishedScreen .FinalStatsContainer .FinalStats .FinalStatBlock .FinalStatValue {
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	--va: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	font-size: 24px;
	text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.8);
	max-width: 170px;
	height: 35px;
	--fh: 0 0 auto;
}
.FinishedScreen .FinalStatsContainer .FinalStats .FinalStatBlock .FinalStatValue.FinalStatGold {
	font-weight: 600;
	color: #d3a867;
	--p-tg: linear-gradient(180deg, #FFF2DF 40%, #ebc386 68.8%, #BA8C47 71.2%, #8d6c3a 100%);
	--p-tgc: attr(data-t);
}
.FinishedScreen .FinalStatsContainer .FinalStats .FinalStatBlock.FinalScoreBlock {
	width: auto;
	--fw: initial;
}
.FinishedScreen .FinalStatsContainer .FinalStats .FinalStatBlock.FinalScoreBlock .FinalStatValue {
	font-size: 36px;
	font-weight: 600;
	margin: 0px 10px;
	margin-top: -2px;
	height: auto;
	--fh: initial;
	width: 170px;
	--fw: 0 0 auto;
	text-align: center;
	--p-to: shrink;
	text-overflow: clip;
}
.FinishedScreen .DifficultyContainer {
	margin: 0px -3px;
}
.FinishedScreen .DifficultyContainer .EchelonBadge {
	height: 26px;
	--fh: 0 0 auto;
	--p-imgshadow: drop-shadow(0px 2px 12px black);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.FinishedScreen .DifficultyContainer .DifficultyText {
	--va: center;
	--ha: center;
	font-size: 13px;
	color: rgba(245, 245, 245, 0.7);
	--p-tg: none;
	--p-tgc: none;
	width: 100%;
	--fw: 0 0 auto;
	height: 16px;
	--fh: 0 0 auto;
	text-align: center;
	margin: 0px 8px;
	--p-to: shrink;
	text-overflow: clip;
	text-shadow: 0px 2px 8px black;
}
.FinishedScreen .DifficultyContainer .DifficultyText b {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
.FinishedScreen .PostGameDifficultyContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	margin-top: -12px;
	padding: 8px 160px 32px;
	margin-bottom: -44px;
	--p-vis: none;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 100% at 50% 0%, rgba(255, 234, 195, 0.04) 0%, rgba(255, 234, 195, 0.02) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.FinishedScreen .PostGameDifficultyContainer p-label {
	--ha: center;
	text-align: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	padding: 16px;
	margin: 0px -6px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	animation-name: pk-TextGlow;
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.FinishedScreen .PostGameDifficultyContainer .DifficultyUnlockedLabel {
	--p-vis: none;
}
.FinishedScreen .PostGameDifficultyContainer .UpgradesAvailableLabel {
	--p-vis: none;
}
.FinishedScreen.UnlockedNewDifficulty .DifficultyUnlockedLabel {
	--p-vis: initial;
}
.FinishedScreen.UnlockedNewDifficulty .PostGameDifficultyContainer {
	--p-vis: initial;
}
.FinishedScreen.UpgradesAvailable .UpgradesAvailableLabel {
	--p-vis: initial;
}
.FinishedScreen.UpgradesAvailable .PostGameDifficultyContainer {
	--p-vis: initial;
}
.FinishedScreen .FinalTimeRangeContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--p-vis: none;
}
.FinishedScreen .FinalTimeRangeContainer p-label {
	--ha: center;
}
.FinishedScreen .FinalTimeRangeContainer p-rangeslider {
	margin-bottom: -4px;
}
#EventsOverlay {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	overflow-x: clip;
	overflow-y: clip;
	--p-ov: keep;
}
#EventsOverlay .ScoreEvent {
	width: 300px;
	--fw: 0 0 auto;
	height: 200px;
	--fh: 0 0 auto;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	transform: translate3d( -150px, -100px, 0px );
}
#EventsOverlay .ScoreEvent .Contents {
	width: 100%;
	--fw: 0 0 auto;
	--va: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	animation-name: pk-ScoreEventAnimation;
	animation-duration: 0.7s;
	animation-fill-mode: forwards;
}
#EventsOverlay .ScoreEvent .Contents .EventTitle {
	--ha: center;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 2px 2px 4px black;
}
#EventsOverlay .ScoreEvent .Contents .ScoreAmount {
	--ha: center;
	text-align: center;
	font-size: 32px;
	color: yellow;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 2px 2px 4px black;
}
#EventsOverlay .DamageEvent {
	width: 300px;
	--fw: 0 0 auto;
	height: 200px;
	--fh: 0 0 auto;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	transform: translate3d( -150px, -100px, 0px );
}
#EventsOverlay .DamageEvent.DefaultDamageEvent .DamageAmount {
	--ha: center;
	--va: center;
	text-align: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	font-size: 36px;
	font-weight: 700;
	text-shadow: 2px 2px 4px black;
	animation-name: pk-DefaultDamageEventAnimation;
	animation-duration: 0.7s;
	animation-fill-mode: forwards;
}
#EventsOverlay .DamageEvent.CritDamageEvent .Contents {
	--ha: center;
	--va: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	animation-name: pk-CritDamageEventAnimation;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}
#EventsOverlay .DamageEvent.CritDamageEvent .Icon {
	width: 32px;
	--fw: 0 0 auto;
	height: 32px;
	--fh: 0 0 auto;
	margin-right: 4px;
	--va: center;
	--p-wash: url(#pw-ff0000ff);
	--p-bgi: url("img/control_icons/crit_damage_png.png");
	--p-bgs: contain;
	--p-bgr: no-repeat;
	--p-bgp: center;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#EventsOverlay .DamageEvent.CritDamageEvent .DamageAmount {
	color: rgb( 255, 0, 0 );
	--p-tg: none;
	--p-tgc: none;
	font-size: 48px;
	font-weight: 700;
	text-shadow: 2px 2px 4px black;
}
#EventsOverlay .DamageEvent.MagicDamageEvent .Contents {
	--ha: center;
	--va: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	animation-name: pk-MagicDamageEventAnimation;
	animation-duration: 0.7s;
	animation-fill-mode: forwards;
}
#EventsOverlay .DamageEvent.MagicDamageEvent .Icon {
	width: 32px;
	--fw: 0 0 auto;
	height: 32px;
	--fh: 0 0 auto;
	margin-right: 4px;
	--va: center;
	--p-wash: url(#pw-a326e4ff);
	--p-bgi: url("img/control_icons/magic_damage_png.png");
	--p-bgs: contain;
	--p-bgr: no-repeat;
	--p-bgp: center;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#EventsOverlay .DamageEvent.MagicDamageEvent .DamageAmount {
	color: rgb( 163, 38, 228 );
	--p-tg: none;
	--p-tgc: none;
	font-size: 48px;
	font-weight: 700;
	text-shadow: 2px 2px 4px black;
}
.PauseHint {
	--ha: end;
	--va: end;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-top: 12px;
	transition-property: transform, opacity, --p-brightness;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
	opacity: 0;
	--p-hit: none;
	transform: translateY( 24px );
}
.GameState_Active .PauseHint {
	opacity: 1;
	--p-hit: inherit;
	transform: none;
	transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
.PauseHint:hover {
	--p-brightness: 2.0;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PauseHint:active {
	--p-brightness: 1.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.PauseHint .PauseLabelContainer {
	--va: center;
	margin-right: 8px;
	margin-top: -2px;
}
.PauseHint .PauseLabel,
.PauseHint .UnPauseLabel {
	--ha: end;
	opacity: 0;
	--p-hit: none;
	transition-property: transform, opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
.PauseHint .PauseLabel {
	transition-duration: 0.05s;
	opacity: 1;
	--p-hit: inherit;
	transform: none;
	transition-delay: 0s;
}
.IsPaused .PauseHint .PauseLabel {
	transition-duration: 0.2s;
	opacity: 0;
	--p-hit: none;
	transform: translateY( -8px );
	transition-delay: 0.05s;
}
.PauseHint .UnPauseLabel {
	transition-duration: 0.2s;
	opacity: 0;
	--p-hit: none;
	transform: translateY( 8px );
	transition-delay: 0.05s;
}
.IsPaused .PauseHint .UnPauseLabel {
	transition-duration: 0.05s;
	opacity: 1;
	--p-hit: inherit;
	transform: none;
	transition-delay: 0s;
}
.MinimapWrapper {
	--va: end;
	margin: 24px;
	--ha: start;
	width: 240px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	transition-property: transform, opacity;
	transition-duration: 0.7s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
	transform: scale3d( 0.7, 0.7, 1 );
	opacity: 0;
	--p-hit: none;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
}
.GameState_Active:not(.IsInBossStage) .MinimapWrapper,
.GameState_ChoosingPowerUp:not(.IsInBossStage) .MinimapWrapper {
	transform: none;
	opacity: 1;
	--p-hit: inherit;
	animation-name: pk-BounceMinimap;
	animation-duration: 0.4s;
	animation-iteration-count: 3;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MinimapRight .MinimapWrapper {
	--ha: end;
}
.MinimapWrapper .MinimapBackgroundNight {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	--ha: center;
	--va: center;
	border-radius: 50%;
	background-color: #0F0F15;
	--p-bgg: none;
	--p-ob: radial-gradient(100% 100% at 50% 50%, #ffffff 0%, #ffffff 30%, #888888 40%, #000000 48%);
	box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.6);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.MinimapWrapper .MinimapContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
}
.MinimapWrapper .MinimapBorder,
.MinimapWrapper .MinimapBorderShine,
.MinimapWrapper .MinimapBorderShadow {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border-radius: 50%;
}
.MinimapWrapper .MinimapBorderShadow {
	border: 5px solid rgba(0, 0, 0, 0.7);
	--p-bt: 5px;
	--p-br: 5px;
	--p-bb: 5px;
	--p-bl: 5px;
}
.MinimapWrapper .MinimapBorder {
	border: 4px solid white;
	--p-bt: 4px;
	--p-br: 4px;
	--p-bb: 4px;
	--p-bl: 4px;
	border-color: transparent;
}
.MinimapWrapper .MinimapBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #3F464A 0%, #242527 100%);
}
.MinimapWrapper .MinimapBorderShine {
	border: 0.8px solid rgba(255, 255, 255, 0.2);
	--p-bt: 0.8px;
	--p-br: 0.8px;
	--p-bb: 0.8px;
	--p-bl: 0.8px;
	border-color: transparent;
	box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.05);
}
.MinimapWrapper .MinimapBorderShine::before {
	content: "";
	background-image: linear-gradient(180deg, #ffffff 0%, #ffffff00 100%);
}
#Minimap {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	--ha: center;
	--va: center;
}
#Minimap .MinimapPlayerIcon {
	width: 50px;
	--fw: 0 0 auto;
	height: 50px;
	--fh: 0 0 auto;
	z-index: 1;
	transform: scaleX( -1 );
}
#Minimap .MinimapPlayerIcon .MinimapPlayerIconGlow {
	width: 70%;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 110;
	margin-top: 1px;
	--ha: center;
	--va: center;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 50% at 50% 50%, rgb(6, 255, 43) 0%, rgba(48, 255, 6, 0.8) 40%, rgba(29, 86, 179, 0) 100%);
	border-radius: 80px;
	mix-blend-mode: screen;
	--p-brightness: 2;
	animation-name: pk-GlowMinimapHeroIcon;
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	--p-vis: none;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapPlayerIcon .MinimapPlayerIconImage {
	width: 50%;
	--fw: 0 0 auto;
	height: 50%;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
	--p-bgs: cover;
	--p-bgr: no-repeat;
	--p-bgp: center;
	image-rendering: pixelated;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapPlayerIcon #MinimapPlayerIconCompassContainer {
	--ha: center;
	--va: center;
	width: 100%;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	margin-top: 6px;
}
#Minimap .MinimapPlayerIcon #MinimapPlayerIconCompassContainer .MinimapPlayerIconCompass {
	width: 65%;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	--ha: center;
	--va: center;
	--p-bgi: url("img/events/crownfall/survivors/minimap/compass_icon_png.png");
	--p-bgs: cover;
	--p-bgp: center;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapPlayerIcon.PlayerHero_1 .MinimapPlayerIconImage {
	--p-bgi: url("img/heroes/icons/npc_dota_hero_vengefulspirit_alt2_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapPlayerIcon.PlayerHero_2 .MinimapPlayerIconImage {
	--p-bgi: url("img/heroes/icons/npc_dota_hero_skywrath_mage_alt1_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapPlayerIcon.PlayerHero_3 .MinimapPlayerIconImage {
	--p-bgi: url("img/heroes/icons/npc_dota_hero_kez_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapSmallMinibossIcon {
	width: 56px;
	--fw: 0 0 auto;
	height: 56px;
	--fh: 0 0 auto;
}
#Minimap .MinimapSmallMinibossIcon .MinimapSmallMinibossPin {
	width: 70%;
	--fw: 0 0 auto;
	height: 70%;
	--fh: 0 0 auto;
	--ha: center;
	--va: end;
	--p-bgs: contain;
	--p-bgr: no-repeat;
	--p-bgi: url("img/events/crownfall/survivors/minimap/pin_png.png");
	margin-bottom: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapSmallMinibossIcon .MinimapSmallMinibossImage {
	width: 35%;
	--fw: 0 0 auto;
	height: 35%;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
	margin-top: 4px;
	--p-bgs: contain;
	--p-bgr: no-repeat;
	image-rendering: pixelated;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapResurrectorIcon .MinimapSmallMinibossImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_resurrector_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapGolemIcon .MinimapSmallMinibossImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_golem_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapAbsorberIcon .MinimapSmallMinibossImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_defender_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapArcherIcon .MinimapSmallMinibossImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivors_archer_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapTowerIcon .MinimapSmallMinibossImage {
	--p-bgi: url("img/hud/icon_roshan_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapMagnetIcon {
	width: 20px;
	--fw: 0 0 auto;
	height: 20px;
	--fh: 0 0 auto;
	--p-bgs: contain;
	--p-bgr: no-repeat;
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_magnet_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapTreasureIcon {
	width: 30px;
	--fw: 0 0 auto;
	height: 30px;
	--fh: 0 0 auto;
}
#Minimap .MinimapTreasureIcon .MinimapTreasureGlow {
	width: 70%;
	--fw: 0 0 auto;
	height: 30%;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 50% at 50% 50%, rgba(255, 238, 6, .5) 0%, rgba(255, 238, 6, .5) 50%, rgba(255, 247, 137, 0) 100%);
	border-radius: 80px;
	mix-blend-mode: screen;
	--p-brightness: 2;
	animation-name: pk-ActiveLabelGlow;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapTreasureIcon .MinimapTreasureIconImage {
	width: 30px;
	--fw: 0 0 auto;
	height: 30px;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
	--p-bgs: cover;
	--p-bgi: url("img/events/crownfall/survivors/minimap/treasure_icon_png.png");
	--p-bgr: no-repeat;
	--p-bgp: center;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#Minimap .MinimapTreasureIcon .MinimapTreasureIconAlert {
	width: 16px;
	--fw: 0 0 auto;
	height: 16px;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #e9aa2c 0%, rgb(203, 93, 15) 100%);
	border: 0.3px solid black;
	--p-bt: 0.3px;
	--p-br: 0.3px;
	--p-bb: 0.3px;
	--p-bl: 0.3px;
	border-radius: 50%;
	margin-top: 10%;
	--va: start;
	--ha: center;
	--p-bgs: 70%;
	--p-bgi: url("img/events/crownfall/survivors/minimap/exclaimation_point_png.png");
	--p-bgr: no-repeat;
	--p-bgp: center;
	animation-name: pk-BobItem;
	animation-duration: 0.6s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	--p-vis: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ParentDifficultyLevelsContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #253242 0%, #0B111A 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ParentDifficultyLevelsContainer .TableHeader {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 20px 12px 6px 24px;
	margin-right: 12px;
	background-color: #253242;
	--p-bgg: none;
	--p-ob: linear-gradient(180deg, white 90%, #FFFFFF00 100%);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.ParentDifficultyLevelsContainer .TableHeader .DifficultyHeaderLabel {
	width: 100%;
	--fw: 1 1 0px;
}
.DifficultySelectScreen {
	--ha: center;
	--va: center;
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	opacity: 0;
	--p-hit: none;
	transform: scale3d( 1.1, 1.1, 1 );
	transition-property: transform, opacity;
	transition-duration: 0.4s;
	transition-delay: 0.2s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
}
.GameState_Setup .DifficultySelectScreen {
	transform: translateX( 160px );
}
.GameState_Setup.ShowDifficultyScreen .DifficultySelectScreen {
	opacity: 1;
	--p-hit: inherit;
	transform: none;
	transition-duration: 0.15s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
.DifficultySelectScreen .ChooseHeroTitle {
	--ha: center;
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
	color: #eff0f1;
	--p-tg: linear-gradient(180deg, #dee1e3 0%, white 100%);
	--p-tgc: attr(data-t);
	margin-top: 80px;
	margin-bottom: 10px;
	font-size: 48px;
}
.DifficultySelectScreen .DifficultySelectActions {
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	--ha: center;
	--va: end;
	width: 520px;
	--fw: 0 0 auto;
	padding: 0px 40px 40px;
}
.DifficultySelectScreen .Container {
	width: 100%;
	--fw: 0 0 auto;
	height: 78%;
	--fh: 0 0 auto;
	margin: 45px 80px 0px;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
}
.DifficultySelectScreen .Container .MetaProgressionSelection,
.DifficultySelectScreen .Container .DifficultySelectionContainer {
	width: 100%;
	--fw: 1 1 0px;
	height: 100%;
	--fh: 0 0 auto;
	margin: 0 12px;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
.DifficultySelectScreen .Container .MetaProgressionSelection .TopGoldDash,
.DifficultySelectScreen .Container .DifficultySelectionContainer .TopGoldDash {
	width: 100%;
	--fw: 0 0 auto;
	height: 2px;
	--fh: 0 0 auto;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
}
.DifficultySelectScreen .Container .MetaProgressionSelection .TopGoldDash.Bottom,
.DifficultySelectScreen .Container .DifficultySelectionContainer .TopGoldDash.Bottom {
	--va: end;
}
.DifficultySelectScreen .Container .UpgradesTitle,
.DifficultySelectScreen .Container .DifficultyTitle {
	width: 100%;
	--fw: 0 0 auto;
	text-align: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.6);
}
.DifficultySelectScreen .Container .DifficultyIntroDescription {
	--ha: center;
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
	margin-top: -6px;
	margin-bottom: 16px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	height: 22px;
	--fh: 0 0 auto;
	width: 100%;
	--fw: 0 0 auto;
	text-align: center;
	--p-to: shrink;
	text-overflow: clip;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	overflow-x: clip;
	overflow-y: auto;
	--p-ov: keep;
	padding: 44px 24px 24px;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(61, 73, 90) 0%, rgb(38, 50, 67) 140%);
	width: 100%;
	--fw: 1 1 0px;
	margin-bottom: 6px;
	box-shadow: 0px 3px 12px -1px rgba(0, 0, 0, 0.3);
	height: 92px;
	--fh: 0 0 auto;
	transition-property: background-color, --p-brightness, transform;
	transition-duration: 0.1s, 0.1s, 0.05s;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:hover {
	--p-brightness: 1.3;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .DifficultyLevelItemContent {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-left: 4px;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .DifficultyBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 1px solid rgba(194, 224, 255, 0.06);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .SelectedDifficultyBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 0px solid white;
	--p-bt: 0px;
	--p-br: 0px;
	--p-bb: 0px;
	--p-bl: 0px;
	border-color: transparent;
	transition-property: border;
	transition-duration: 0.1s;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .SelectedDifficultyBorder::before {
	content: "";
	background-image: linear-gradient(90deg, #DCB25E 0%, #EFD4AC 50%, #DCB25E 100%);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .EchelonContainer {
	--va: center;
	width: 120px;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .EchelonContainer .EchelonContent {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--va: center;
	--ha: center;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .EchelonContainer .EchelonContent p-label {
	text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.6);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .EchelonContainer .EchelonContent .RankLabel {
	--ha: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	font-size: 12px;
	margin-bottom: -3px;
	font-weight: 600;
	transition-property: color;
	transition-duration: 0.1s;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .EchelonContainer .EchelonContent .RankValue {
	--ha: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	font-size: 24px;
	font-weight: 600;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .EchelonContainer .EchelonBadge {
	--ha: center;
	--va: center;
	width: 48px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	border: 1px solid #DCB25E;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	transform: rotateZ( 45deg );
	background-color: #00000022;
	--p-bgg: none;
	--p-ob: linear-gradient(135deg, white 0%, #FFFFFF00 20%, #FFFFFF00 35%, white 55%, #FFFFFF22 100%);
	box-shadow: 0px 0px 0px 1px #00000011;
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .VerticalDivider {
	width: 1px;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 40%, white 60%, rgba(255, 255, 255, 0) 100%);
	opacity: 0.1;
	--p-hit: inherit;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .LockIcon {
	--p-vis: none;
	--va: center;
	width: 15px;
	--fw: 0 0 auto;
	margin-right: 4px;
	--p-ob: linear-gradient(180deg, #B0BCC2 0%, #6B7980 100%);
	opacity: 0;
	--p-hit: none;
	margin-top: -1px;
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .LockedPattern {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-bgi: url("img/events/crownfall/survivors/locked_pattern_png.png");
	--p-bgs: 16px;
	opacity: 0.02;
	--p-hit: inherit;
	--p-vis: none;
	--p-wash: url(#pw-8b989eff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .RewardContainer {
	width: 105px;
	--fw: 0 0 auto;
	height: 70px;
	--fh: 0 0 auto;
	--ha: end;
	--va: center;
	margin-right: 12px;
	background-color: rgba(0, 0, 0, 0.3);
	--p-bgg: none;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .RewardContainer #RewardSnippetContainer {
	--ha: center;
	--va: center;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .RewardContainer .EmoticonReward {
	zoom: 150%;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .RewardContainer #ItemImage {
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
	--ha: end;
	--va: center;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .DifficultyDescriptionContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--va: center;
	margin-left: 24px;
	width: 100%;
	--fw: 1 1 0px;
	margin-right: 24px;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .DifficultyDescriptionContainer .DifficultyName {
	text-align: center;
	--va: center;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .DifficultyDescriptionContainer .DifficultyDescription {
	--va: center;
	font-size: 16px;
	color: rgba(192, 204, 223, 0.7);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem .DifficultyDescriptionContainer .DifficultyDescription b {
	color: #DAE2E5;
	--p-tg: none;
	--p-tgc: none;
	font-weight: 600;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.Locked {
	background-color: rgb(18, 21, 28);
	--p-bgg: none;
	opacity: 0.4;
	--p-hit: inherit;
	box-shadow: none;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.Locked .DifficultyName {
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.Locked .LockIcon {
	--p-vis: initial;
	opacity: 1;
	--p-hit: inherit;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.Locked .LockedPattern {
	--p-vis: initial;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.Locked:hover {
	--p-brightness: 1;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.PreviousDifficulty {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgb(81, 67, 48) 0%, #584C32 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.PreviousDifficulty .RewardContainer .RewardLabel {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, #7E6941 0%, #584C32 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active .SelectedDifficultyBorder,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected .SelectedDifficultyBorder {
	border-width: 2px;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active .DifficultyName,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected .DifficultyName {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active .DifficultyDescription,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected .DifficultyDescription {
	opacity: 1;
	--p-hit: inherit;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active .RankLabel,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected .RankLabel {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active .SelectedDifficultyBorder,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected .SelectedDifficultyBorder {
	animation-name: pk-GoldGlow;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active .RewardContainer .RewardLabel,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected .RewardContainer .RewardLabel {
	color: white;
	--p-tg: none;
	--p-tgc: none;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active:hover,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected:hover {
	--p-brightness: 1;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem:active:active,
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.p-selected:active {
	--p-brightness: 0.5;
	transform: scale3d( 0.99, 0.97, 1 );
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.GamepadSelected .SelectedDifficultyBorder {
	animation-name: pk-OpacityPulse;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.GamepadSelected .DifficultyBorder {
	--p-brightness: 3.0;
	border: 3px solid white;
	--p-bt: 3px;
	--p-br: 3px;
	--p-bb: 3px;
	--p-bl: 3px;
	animation-name: pk-OpacityPulse;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DifficultySelectScreen .Container .DifficultySelectionContainer .DifficultyLevelsContainer .DifficultyLevelItem.NoReward .RewardContainer {
	--p-vis: none;
}
.DifficultySelectScreen .HeroSelectActions {
	--ha: center;
	--va: end;
	width: 520px;
	--fw: 0 0 auto;
	padding: 0px 40px 40px;
}
.DifficultySelectScreen .FinishHeroSelectButton {
	--ha: center;
	--va: end;
	min-width: 300px;
	margin-top: 24px;
}
.GamePadSelectionActive .DifficultySelectScreen .FinishHeroSelectButton {
	animation-name: none;
	--p-brightness: 0.2;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.DifficultySelectScreen .BackArrowButton {
	--ha: start;
	--va: center;
	border: 1px solid rgb(255, 255, 255);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #30385a 0%, #111422 100%);
	border-radius: 50%;
	margin-top: 4px;
	box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.4);
	transition-property: border, background-color, transform, --p-brightness;
	transition-duration: 0.1s;
	transition-timing-function: ease-out, cubic-bezier(0, 0.9, 0, 0.9);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DifficultySelectScreen .BackArrowButton::before {
	content: "";
	background-image: linear-gradient(180deg, #EFD4AC 0%, #977628 100%);
}
.DifficultySelectScreen .BackArrowButton:hover {
	border: 1px solid rgba(255, 255, 255, 1);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-color: rgba(0, 0, 0, 0.8);
	--p-bgg: none;
	transform: scale3d( 1.08, 1.08, 1 );
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #3e4871 0%, #1a1e33 100%);
	--p-brightness: 1.2;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.DifficultySelectScreen .BackArrowButton:active {
	transform: scale3d( 0.9, 0.9, 1 );
	--p-brightness: 0.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.LocalMultiplayer .DifficultySelectScreen .BackArrowButton {
	margin-bottom: 0;
}
.DifficultySelectScreen .BackArrowButton p-image {
	width: 22px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	margin: 16px;
	--p-imgshadow: drop-shadow(0px 2px 12px black);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.HeroSelectScreen {
	--ha: center;
	--va: center;
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	opacity: 0;
	--p-hit: none;
	transform: scale3d( 1.1, 1.1, 1 );
	transition-property: transform, opacity;
	transition-duration: 0.4s;
	transition-delay: 0.2s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
}
.GameState_Setup .HeroSelectScreen {
	transform: translateX( 160px );
}
.GameState_Setup.ShowHeroScreen .HeroSelectScreen {
	opacity: 1;
	--p-hit: inherit;
	transform: none;
	transition-duration: 0.15s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
.GameState_Setup.ShowHeroScreen.ShowDifficultyScreen .HeroSelectScreen {
	opacity: 0;
	--p-hit: none;
	transform: translateX( -160px );
	transition-duration: 0.4s;
	transition-delay: 0.2s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
}
.HeroSelectScreen .ChooseHeroTitle {
	--ha: center;
	text-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
	color: #eff0f1;
	--p-tg: linear-gradient(180deg, #dee1e3 0%, white 100%);
	--p-tgc: attr(data-t);
	margin-top: 80px;
	font-size: 48px;
}
.HeroSelectScreen #HeroSelect {
	--ha: center;
	--va: center;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 48px;
	margin-bottom: 24px;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton {
	height: 600px;
	--fh: 0 0 auto;
	width: 280px;
	--fw: 0 0 auto;
	margin: 12px 16px;
	box-shadow: 0px 12px 120px -6px rgba(0, 0, 0, 0.7);
	transition-property: transform, --p-brightness;
	transition-duration: 0.15s, 0.05s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	transform: scale3d( 0.96, 0.96, 1 );
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .ChooseHeroBackground {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #0d1321 0%, #2b3a4b 100%);
	transition-property: background-color;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .ChooseHeroTexture {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	mix-blend-mode: multiply;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .ChooseHeroCustomBackground {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-bgs: cover;
	--p-bgp: center;
	opacity: 0.4;
	--p-hit: inherit;
	transform: scale3d( 1.1, 1.1, 1 );
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .ChooseHeroBorder {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border: 1px solid #FFFFFF11;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	transition-property: border;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .ChooseHeroBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #ebc386 48%, #BA8C47 52%, #8d6c3a 100%);
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .TickBox {
	--p-vis: none;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton #HeroModel {
	height: 180%;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 100 / 100;
	--va: center;
	--ha: center;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	--p-ob: linear-gradient(180deg, white 50%, rgba(255, 255, 255, 0) 70%);
	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.9, 0, 0.9);
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.SurvivorsHero_1 #HeroModel {
	transform: translateX( 0px ) translateY( 0px );
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.SurvivorsHero_2 #HeroModel {
	transform: translateX( 0px ) translateY( 0px );
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.SurvivorsHero_3 #HeroModel {
	transform: translateX( 0px ) translateY( -30px ) scale3d( 0.8, 0.8, 1 );
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.SurvivorsHero_1 .ChooseHeroCustomBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/faceless_void_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.SurvivorsHero_2 .ChooseHeroCustomBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/lich_psd.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.SurvivorsHero_3 .ChooseHeroCustomBackground {
	--p-bgi: url("img/materials/portraits_card/portrait_backgrounds/slardar_psd.png");
	--p-hue: -20deg;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	--va: end;
	padding-bottom: 32px;
	padding-top: 16px;
	width: 100%;
	--fw: 0 0 auto;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .HeroName {
	--ha: center;
	margin-bottom: 8px;
	padding-bottom: 8px;
	width: 100%;
	--fw: 0 0 auto;
	border-bottom: 1px solid rgba(255, 255, 255, 0.103);
	--p-bb: 1px;
	border-color: transparent;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
	text-align: center;
	font-weight: 600;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .HeroName::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .StartingAbilityLabel {
	--ha: center;
	color: rgba(255, 255, 255, 0.6);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
	margin-bottom: 8px;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .LeftRightFlow {
	--ha: center;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .InnateImageContainer {
	width: 56px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	margin-right: 10px;
	--ha: end;
	--va: center;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
	box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.2);
	border-radius: 100px;
	--p-imgshadow: drop-shadow(0px 2px 16px black);
	padding: 4px;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .AbilityImageContainer {
	--ha: center;
	padding: 4px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
	box-shadow: inset 0px 1px 6px rgba(0, 0, 0, 0.2);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .AbilityImageContainer #AbilityImage {
	background-color: black;
	--p-bgg: none;
	height: 64px;
	--fh: 0 0 auto;
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 100 / 100;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .AbilityImageContainer .AbilityImageShine {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton .HeroDetails .AbilityImageContainer .AbilityImageShine::before {
	content: "";
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.02) 100%);
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton:hover .ChooseHeroBackground {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #32436b 0%, #2b3a4b 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton:hover .ChooseHeroCustomBackground {
	opacity: 0.4;
	--p-hit: inherit;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton:active {
	transform: scale3d( 0.94, 0.94, 1 );
	--p-brightness: 0.4;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.p-selected {
	transform: none;
	z-index: 1;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.p-selected .ChooseHeroBorder {
	border: 6px solid white;
	--p-bt: 6px;
	--p-br: 6px;
	--p-bb: 6px;
	--p-bl: 6px;
	border-color: transparent;
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.p-selected .ChooseHeroBorder::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #ebc386 48%, #BA8C47 52%, #8d6c3a 100%);
}
.HeroSelectScreen #HeroSelect .ChooseHeroButton.p-selected #HeroModel {
	opacity: 1;
	--p-hit: inherit;
}
.HeroSelectScreen .HeroSelectActions {
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	--ha: center;
	--va: end;
	width: 520px;
	--fw: 0 0 auto;
	padding: 0px 40px 40px;
}
.HeroSelectScreen .BackArrowButton {
	--va: center;
	border: 1px solid rgb(255, 255, 255);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #30385a 0%, #111422 100%);
	border-radius: 50%;
	margin-top: 4px;
	box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.4);
	transition-property: border, background-color, transform, --p-brightness;
	transition-duration: 0.1s;
	transition-timing-function: ease-out, cubic-bezier(0, 0.9, 0, 0.9);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen .BackArrowButton::before {
	content: "";
	background-image: linear-gradient(180deg, #EFD4AC 0%, #977628 100%);
}
.FirstTimeIntro .HeroSelectScreen .BackArrowButton {
	--p-vis: none;
}
.HeroSelectScreen .BackArrowButton:hover {
	border: 1px solid rgba(255, 255, 255, 1);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-color: rgba(0, 0, 0, 0.8);
	--p-bgg: none;
	transform: scale3d( 1.08, 1.08, 1 );
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #3e4871 0%, #1a1e33 100%);
	--p-brightness: 1.2;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HeroSelectScreen .BackArrowButton:active {
	transform: scale3d( 0.9, 0.9, 1 );
	--p-brightness: 0.5;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.LocalMultiplayer .HeroSelectScreen .BackArrowButton {
	margin-bottom: 0;
}
.HeroSelectScreen .BackArrowButton p-image {
	width: 22px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	margin: 16px;
	--p-imgshadow: drop-shadow(0px 2px 12px black);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.HeroSelectScreen .FinishHeroSelectButton {
	--ha: center;
	--va: end;
	min-width: 300px;
	margin-top: 24px;
}
.FirstTimeIntro .HeroSelectScreen .FinishHeroSelectButton {
	--p-vis: none;
}
.HeroSelectFirstTimeIntroButtons {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	--va: end;
	padding-bottom: 40px;
	--p-vis: none;
}
.FirstTimeIntro .HeroSelectFirstTimeIntroButtons {
	--p-vis: initial;
}
.HeroSelectFirstTimeIntroButtons .Loading {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--va: end;
	margin-bottom: 38px;
	margin-right: 8px;
	margin-left: 8px;
	--p-vis: none;
}
.IsLoading .HeroSelectFirstTimeIntroButtons .Loading {
	--p-vis: initial;
}
.HeroSelectFirstTimeIntroButtons .Loading .Spinner {
	--va: center;
	margin-right: 8px;
}
.HeroSelectFirstTimeIntroButtons .Loading > p-label {
	--va: center;
	text-transform: uppercase;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	letter-spacing: 2px;
	font-size: 20px;
}
.HeroSelectFirstTimeIntroButtons p-dotacrownfallbutton {
	min-width: 300px;
}
.IsLoading .HeroSelectFirstTimeIntroButtons .StartGameButton {
	--p-vis: none;
}
#HeroSelectPlayButtonFirstTimeIntro {
	--p-vis: none;
}
.FirstTimeIntro #HeroSelectPlayButtonFirstTimeIntro {
	--p-vis: initial;
}
.IsLoading #HeroSelectPlayButtonFirstTimeIntro {
	--p-vis: none;
}
#ChatterContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--p-brightness: 1;
	--p-blur: 0px;
	opacity: 1;
	--p-hit: inherit;
	transition-property: opacity, --p-brightness, --p-blur;
	transition-duration: 0.1s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.GameState_Setup #ChatterContainer {
	opacity: 0;
	--p-hit: none;
	transition-duration: 0.5s;
}
.ShowPowerUpChoices #ChatterContainer,
.GameState_Finished #ChatterContainer,
.DebugFinishedScreen #ChatterContainer,
.IsPaused.UserPaused #ChatterContainer {
	--p-brightness: 0.1;
	--p-blur: 1px;
	transition-duration: 0.5s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
#ChatterContainer #ChatterVisualNovel {
	zoom: 90%;
	--va: start;
	margin-top: -20px;
}
#VideoContainer {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	background-color: black;
	--p-bgg: none;
	overflow-x: clip;
	overflow-y: clip;
	--p-ov: keep;
	opacity: 0.0;
	--p-hit: none;
	transition-property: opacity;
	transition-duration: 2.0s;
}
.ShowVideoContainer #VideoContainer {
	opacity: 1.0;
	--p-hit: inherit;
	transition-duration: 0.3s;
}
#VideoContainer #MoviePanel {
	width: auto;
	--fw: 0 0 auto;
	aspect-ratio: 177.77 / 100;
	height: 100%;
	--fh: 0 0 auto;
	--ha: center;
	--va: center;
}
.AspectRatio16x10 #VideoContainer #MoviePanel {
	width: 100%;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 56.25;
}
#VideoContainer .CloseVideoButton {
	z-index: 1;
	opacity: 0.0;
	--p-hit: none;
	--ha: end;
	margin: 16px;
	transition-property: opacity;
	transition-duration: 0.2s;
}
.ShowVideoCloseButton #VideoContainer .CloseVideoButton {
	opacity: 1.0;
	--p-hit: inherit;
}
.ObjectivesIntroContainer {
	--ha: center;
	--va: center;
	margin-bottom: 100px;
	width: 1000px;
	--fw: 0 0 auto;
	height: 200px;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(11, 12, 15, 0) 0%, rgba(11, 12, 15, 0.4) 10%, rgba(11, 12, 15, 0.7) 20%, rgba(11, 12, 15, 0.9) 50%, rgba(11, 12, 15, 0.7) 80%, rgba(11, 12, 15, 0.4) 90%, rgba(11, 12, 15, 0) 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	opacity: 0;
	--p-hit: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesIntroContainer::before {
	content: "";
	background-image: linear-gradient(90deg, #dcb25e00 0%, #EFD4AC 50%, #dcb25e00 100%);
}
.ObjectivesIntro .ObjectivesIntroContainer {
	animation-name: pk-ObjectivesIntroBackground;
	animation-duration: 4s;
	animation-iteration-count: 1;
}
.ObjectivesIntroContainer #SurviveTitle {
	width: 100%;
	--fw: 0 0 auto;
	color: rgba(255, 255, 255, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-transform: uppercase;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
	--ha: center;
	--va: center;
	text-align: center;
	font-weight: 600;
	font-size: 48px;
	--p-to: shrink;
	text-overflow: clip;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	opacity: 0;
	--p-hit: none;
}
.ObjectivesIntroLabel .ObjectivesIntroContainer #SurviveTitle {
	animation-name: pk-ObjectivesIntro;
	animation-duration: 2s;
	animation-iteration-count: 1;
}
.ObjectivesIntroContainer #DefeatImperiaTitle {
	width: 100%;
	--fw: 0 0 auto;
	color: rgba(255, 255, 255, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-transform: uppercase;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
	--ha: center;
	--va: center;
	text-align: center;
	font-weight: 600;
	font-size: 76px;
	--p-to: shrink;
	text-overflow: clip;
	margin-bottom: 2px;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	opacity: 0;
	--p-hit: none;
}
.ObjectivesIntroLabel .ObjectivesIntroContainer #DefeatImperiaTitle {
	animation-name: pk-ObjectivesIntro;
	animation-duration: 2s;
	animation-delay: 2s;
	animation-iteration-count: 1;
}
.MinibossIntroContainer {
	--ha: center;
	--va: center;
	width: 1000px;
	--fw: 0 0 auto;
	padding: 24px 80px;
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(11, 12, 15, 0) 0%, rgba(11, 12, 15, 0.4) 10%, rgba(11, 12, 15, 0.7) 20%, rgba(11, 12, 15, 0.9) 50%, rgba(11, 12, 15, 0.7) 80%, rgba(11, 12, 15, 0.4) 90%, rgba(11, 12, 15, 0) 100%);
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	border-color: transparent;
	margin-bottom: 400px;
	opacity: 0;
	--p-hit: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MinibossIntroContainer::before {
	content: "";
	background-image: linear-gradient(90deg, #dcb25e00 0%, #EFD4AC 50%, #dcb25e00 100%);
}
.MinibossArrived .MinibossIntroContainer {
	animation-name: pk-MinibossArrived;
	animation-duration: 3s;
	animation-iteration-count: 1;
}
.MinibossIntroContainer #MinibossArrivedTitle {
	width: 100%;
	--fw: 0 0 auto;
	color: rgba(255, 255, 255, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-transform: uppercase;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
	--ha: center;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	text-align: center;
	font-weight: 600;
	font-size: 48px;
	--p-to: shrink;
	text-overflow: clip;
}
.ObjectivesLogShadow {
	--va: end;
	width: 400px;
	--fw: 0 0 auto;
	height: 800px;
	--fh: 0 0 auto;
	background-color: transparent;
	--p-bgg: radial-gradient(100% 100% at 100% 100%, rgba(19, 21, 23, 0.9) 0%, rgba(19, 24, 19, 0.75) 60%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.7;
	--p-hit: inherit;
	--ha: start;
	transform: scaleX( -1 );
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MinimapRight .ObjectivesLogShadow {
	--ha: end;
	transform: scaleX( 1 );
}
.ObjectivesLogContainer {
	--ha: start;
	--va: end;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 210px;
	--fw: 0 0 auto;
	margin: 40px;
	margin-bottom: 280px;
	transition-property: transform, opacity;
	transition-duration: 0.4s;
	transition-delay: 0.6s;
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
	opacity: 0;
	--p-hit: none;
}
.GameState_Active:not(.IsInBossStage) .ObjectivesLogContainer.Revealed,
.GameState_ChoosingPowerUp:not(.IsInBossStage) .ObjectivesLogContainer.Revealed {
	opacity: 1;
	--p-hit: inherit;
	animation-name: pk-BounceObjectives;
	animation-duration: 0.4s;
	animation-iteration-count: 3;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MinimapRight .ObjectivesLogContainer {
	--ha: end;
}
.ObjectivesLogContainer .Emblem {
	transform: scaleY( -1 );
	width: 80%;
	--fw: 0 0 auto;
	--ha: center;
	margin-top: 8px;
	margin-right: 12px;
	opacity: 0.6;
	--p-hit: inherit;
	--p-vis: none;
}
.ObjectivesLogContainer .ObjectivesTitleContainer {
	width: 100%;
	--fw: 0 0 auto;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 0px 8px;
	margin-bottom: 6px;
}
.ObjectivesLogContainer .ObjectivesTitleContainer .ObjectivesHeading {
	width: 100%;
	--fw: 0 0 auto;
	color: rgba(255, 255, 255, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.8);
	--ha: center;
	text-align: center;
	font-weight: 600;
	margin-bottom: 2px;
}
.ObjectivesLogContainer .ObjectivesTitleContainer .ObjectivesDescription {
	width: 100%;
	--fw: 0 0 auto;
	text-align: center;
	font-size: 13px;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.8);
	color: rgba(245, 245, 245, 0.5);
	--p-tg: none;
	--p-tgc: none;
}
.ObjectivesLogContainer #MandatoryObjectivesContainer,
.ObjectivesLogContainer #OptionalObjectivesContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-top: 8px;
}
.ObjectivesLogContainer .Objective {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	--fw: 1 1 0px;
	padding: 3px 4px 3px 4px;
	border: 1px solid white;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-color: transparent;
	--p-bgg: linear-gradient(270deg, rgba(11, 12, 15, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
	border-color: transparent;
	border-radius: 0px 80px 80px 0px;
	margin-bottom: 3px;
	--p-vis: none;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer .Objective::before {
	content: "";
	background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
.MinimapRight .ObjectivesLogContainer .Objective {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, rgba(11, 12, 15, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
	border-color: transparent;
	border-radius: 80px 0px 0px 80px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MinimapRight .ObjectivesLogContainer .Objective::before {
	content: "";
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
.ObjectivesLogContainer .Objective .ObjectiveImage {
	--va: center;
	width: 32px;
	--fw: 0 0 auto;
	height: auto;
	--fh: 0 0 auto;
	aspect-ratio: 100 / 100;
	border-color: transparent;
	border-color: transparent;
	--p-bgp: center;
	--p-bgr: no-repeat;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer .Objective .ObjectiveImage::before {
	content: "";
	background-image: linear-gradient(180deg, rgb(255, 232, 182) 0%, rgb(67, 56, 38) 50%, rgb(118, 90, 39) 100%);
}
.ObjectivesLogContainer .Objective .ObjectiveTextContainer {
	--va: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	margin-left: 6px;
	width: 100%;
	--fw: 1 1 0px;
	margin-bottom: 3px;
}
.ObjectivesLogContainer .Objective .ObjectiveTextContainer .ObjectiveName {
	font-size: 14px;
	color: rgba(245, 245, 245, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 6px black;
	font-family: "Reaver", "Goudy Trajan Medium", "FZKai-Z03", "TH Sarabun New", "YDYGO 540", sans-serif;
	--p-to: shrink;
	text-overflow: clip;
}
.ObjectivesLogContainer .Objective .ObjectiveTextContainer .ObjectiveStatusLabel {
	font-size: 12px;
	color: rgba(245, 245, 245, 0.8);
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 0px 12px rgba(115, 180, 255, 0.3);
	margin-top: -2px;
	margin-left: -12px;
	padding: 0px 12px 4px;
	--p-vis: none;
	animation-name: pk-ActiveLabelGlow;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.ObjectivesLogContainer .Objective .ObjectiveRewardIcon {
	width: 32px;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	--va: center;
	--p-bgs: contain;
	--p-bgi: url("img/hud/reborn/aghs_off_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer .Objective.Complete {
	text-decoration: line-through;
}
.ObjectivesLogContainer .Objective.Complete .ObjectiveRewardIcon {
	--p-bgi: url("img/hud/reborn/aghs_on_scepter_large_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer .Objective.Revealed {
	--p-vis: initial;
}
.ObjectivesLogContainer .Objective.MinimapArcherIcon .ObjectiveImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivors_archer_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer .Objective.MinimapResurrectorIcon .ObjectiveImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_resurrector_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer .Objective.MinimapGolemIcon .ObjectiveImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_golem_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer .Objective.MinimapAbsorberIcon .ObjectiveImage {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_defender_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ObjectivesLogContainer #DefeatImperiaLabel {
	--p-vis: none;
}
.FirstTimeIntroDialogue .VisualNovelOuterContainer {
	padding-top: 300px;
	background-color: #000000;
	--p-bgg: none;
	--p-bgi: url("img/events/crownfall/survivors/survivors_keyart_psd.png");
	--p-bgs: cover;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MinibossWarningAlertContainer {
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
	--ha: center;
	opacity: 0;
	--p-hit: none;
}
.MiniBossWarning .MinibossWarningAlertContainer {
	opacity: 1;
	--p-hit: inherit;
}
.MinibossWarningAlertContainer .WarningDarkness {
	width: 1600px;
	--fw: 0 0 auto;
	height: 360px;
	--fh: 0 0 auto;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	background-color: transparent;
	--p-bgg: radial-gradient(50% 100% at 50% 0%, black 0%, rgba(0,0,0,0.8) 50%, #00000000 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MinibossWarningAlertContainer .WarningContainer {
	margin-top: 72px;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
}
.MinibossWarningAlertContainer .WarningContainer .Emblem {
	--va: center;
	margin-top: 5px;
	--p-wash: url(#pw-f0ce92ff);
	height: 20px;
	--fh: 0 0 auto;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MinibossWarningAlertContainer .WarningContainer .Emblem.Left {
	transform: scaleX( -1 );
}
.MinibossWarningAlertContainer .WarningContainer .WarningBadge {
	margin: 0px -32px;
	padding: 0px 32px;
}
.MinibossWarningAlertContainer .WarningContainer .WarningBadge .WarningBadgeBackground {
	width: 100%;
	--fw: 0 0 auto;
	border-width: 48px 24px 0px 24px;
	--p-bt: 48px;
	--p-br: 24px;
	--p-bb: 0px;
	--p-bl: 24px;
	border-image-slice: 100% 48 0 48 fill;
	border-image-source: url("img/events/crownfall/survivors/warning_badge_png.png");
	--ha: center;
	--va: center;
	animation-name: pk-PulseWarningBadge;
	animation-duration: 0.3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate-reverse;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MinibossWarningAlertContainer .WarningContainer .WarningBadge .WarningLabel {
	--ha: center;
	--va: center;
	color: white;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
	margin: 0px 24px 3px;
}
.MinibossWarningAlertContainer .WarningContainer .WarningBadge .WarningRed {
	--ha: center;
	--va: center;
	border-radius: 20px;
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	background-color: transparent;
	--p-bgg: radial-gradient(50% 50% at 50% 50%, #F81A25 0%, #F81A2599 30%, #F81A2500 100%);
	mix-blend-mode: screen;
	overflow-x: visible;
	overflow-y: visible;
	--p-ov: keep;
	animation-name: pk-GlowWarningBadge;
	animation-duration: 0.3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate-reverse;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.MinibossWarningAlertContainer .WarningTitleContainer {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
	margin: -5px 0px;
}
.MinibossWarningAlertContainer .WarningTitleContainer .MultiDash {
	--va: center;
	height: 16px;
	--fh: 0 0 auto;
	margin-bottom: 2px;
	--p-wash: url(#pw-ff4433ff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.MinibossWarningAlertContainer .WarningTitleContainer .MultiDash.Left {
	transform: scaleX( -1 );
}
.MinibossWarningAlertContainer .WarningTitleContainer .WarningTitle {
	--va: center;
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	font-size: 22px;
	text-shadow: 0px 2px 16px black;
	margin: 0px 6px;
}
.MinibossWarningAlertContainer .BottomEmblem {
	--ha: center;
	--p-wash: url(#pw-f0ce92ff);
	height: 10px;
	--fh: 0 0 auto;
	margin-top: 8px;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
#HealthBarsContainer {
	height: 100%;
	--fh: 0 0 auto;
	width: 100%;
	--fw: 0 0 auto;
	--p-vis: none;
	--p-brightness: 1;
	--p-blur: 0px;
	opacity: 1;
	--p-hit: inherit;
	transition-property: opacity, --p-brightness, --p-blur;
	transition-duration: 0.1s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.GameState_Active #HealthBarsContainer {
	--p-vis: initial;
}
.GameState_Setup #HealthBarsContainer {
	opacity: 0;
	--p-hit: none;
	transition-duration: 0.5s;
}
.ShowPowerUpChoices #HealthBarsContainer,
.GameState_Finished #HealthBarsContainer,
.DebugFinishedScreen #HealthBarsContainer,
.IsPaused.UserPaused #HealthBarsContainer {
	--p-brightness: 0.1;
	--p-blur: 1px;
	transition-duration: 0.5s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
#HealthBarsContainer .HealthBar {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	transform: translateX(-30px) translateY(-60px);
	padding: 8px;
}
#HealthBarsContainer .HealthBar .HealthBarContainer {
	--va: center;
	box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.4);
}
#HealthBarsContainer .HealthBar .HealthBarContainer #HealthBar {
	width: 60px;
	--fw: 0 0 auto;
	height: 8px;
	--fh: 0 0 auto;
	border-radius: 2px;
	border: 1.5px solid rgb(0, 0, 0);
	--p-bt: 1.5px;
	--p-br: 1.5px;
	--p-bb: 1.5px;
	--p-bl: 1.5px;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.02);
	background-color: rgba(0, 0, 0, 1);
	--p-bgg: none;
}
#HealthBarsContainer .HealthBar .HealthBarContainer #HealthBar .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, rgb(236, 54, 54) 0%, darkred 100%);
	border-radius: 1px;
	transition-property: opacity, background-color;
	transition-duration: 0.3s;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#HealthBarsContainer .HealthBar .PlayerHealthBarExpContainer {
	z-index: 1;
	transform: translateX( 17px );
	--p-vis: none;
}
#HealthBarsContainer .HealthBar.PlayerFriendly {
	transform: translateX(-110px) translateY(-90px);
}
#HealthBarsContainer .HealthBar.PlayerFriendly .HealthBarContainer {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, #335f4c 0%, #2a3c37 50%);
	transition-property: background-color;
	transition-duration: 0.3s;
	padding: 3px 3px 3px 12px;
	border-radius: 2px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerTookDamage #HealthBarsContainer .HealthBar.PlayerFriendly .HealthBarContainer {
	animation-name: pk-FlashHealthBarDamageBorder;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#HealthBarsContainer .HealthBar.PlayerFriendly .HealthBarContainer #HealthBar {
	width: 120px;
	--fw: 0 0 auto;
}
#HealthBarsContainer .HealthBar.PlayerFriendly .HealthBarContainer #HealthBar .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #75E533 0%, #316812 80%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.PlayerTookDamage #HealthBarsContainer .HealthBar.PlayerFriendly .HealthBarContainer #HealthBar .ProgressBarLeft {
	animation-name: pk-FlashHealthBarDamage;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#HealthBarsContainer .HealthBar.PlayerFriendly .PlayerHealthBarExpContainer {
	margin: 8px;
	width: 26px;
	--fw: 0 0 auto;
	height: 26px;
	--fh: 0 0 auto;
	--va: center;
	border-radius: 50%;
	border: 1px solid rgb(0, 0, 0);
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	--ha: start;
	background-color: transparent;
	--p-bgg: linear-gradient(0deg, rgb(0, 0, 0) 30%, rgb(32, 41, 48) 70%);
	box-shadow: 0px 4px 12px -2px rgba(0, 0, 0, 0.6);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.GameState_Active #HealthBarsContainer .HealthBar.PlayerFriendly .PlayerHealthBarExpContainer {
	--p-vis: initial;
}
#HealthBarsContainer .HealthBar.PlayerFriendly .PlayerHealthBarExpContainer p-label {
	--ha: center;
	--va: center;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	text-shadow: 0px 2px 8px black;
	letter-spacing: 0px;
	margin-top: -1px;
}
#HealthBarsContainer .HealthBar.PlayerFriendly .PlayerHealthBarExpContainer .PlayerExpProgressCircle {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border-radius: 50%;
	border: 2px solid rgba(215, 227, 255, 0.06);
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
}
#HealthBarsContainer .HealthBar.PlayerFriendly .PlayerHealthBarExpContainer #PlayerExpProgressCircleFilled {
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	border-radius: 50%;
	border: 2px solid white;
	--p-bt: 2px;
	--p-br: 2px;
	--p-bb: 2px;
	--p-bl: 2px;
	border-color: transparent;
}
#HealthBarsContainer .HealthBar.PlayerFriendly .PlayerHealthBarExpContainer #PlayerExpProgressCircleFilled::before {
	content: "";
	background-image: linear-gradient(180deg, #FFF2DF 0%, #ebc386 40%, #BA8C47 60%, #8d6c3a 100%);
}
#HealthBarsContainer .HealthBar.PlayerFriendly.Invulnerable {
	animation-name: pk-PulseHealthBar;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
#HealthBarsContainer .HealthBar.PlayerFriendly.Invulnerable .HealthBarContainer {
	background-color: transparent;
	--p-bgg: linear-gradient(90deg, #257594 0%, #24445e 50%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#HealthBarsContainer .HealthBar.PlayerFriendly.Invulnerable .HealthBarContainer #HealthBar .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #33d9e5 0%, #20338d 80%);
	animation-name: pk-InvulnerableHealthBarPlayer_Animation;
	animation-duration: 0.18s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate-reverse;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#HealthBarsContainer .HealthBar.Invulnerable #HealthBar .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #33d9e5 0%, #20338d 80%);
	animation-name: pk-InvulnerableHealthBarPlayer_Animation;
	animation-duration: 0.3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate-reverse;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.HighlightTarget {
	position: absolute;
	inset: 0;
	justify-self: var(--ha, start);
	align-self: var(--va, start);
	width: 100%;
	--fw: 0 0 auto;
	height: 100%;
	--fh: 0 0 auto;
	z-index: 2;
	opacity: .4;
	--p-hit: inherit;
	--p-vis: none;
}
.DoHighlight_Attr1 .TooltipHighlight_Attr1 .HighlightTarget,
.DoHighlight_Attr3 .TooltipHighlight_Attr3 .HighlightTarget,
.DoHighlight_Attr4 .TooltipHighlight_Attr4 .HighlightTarget,
.DoHighlight_Attr6 .TooltipHighlight_Attr6 .HighlightTarget,
.DoHighlight_Attr8 .TooltipHighlight_Attr8 .HighlightTarget,
.DoHighlight_Attr26 .TooltipHighlight_Attr26 .HighlightTarget,
.DoHighlight_Attr27 .TooltipHighlight_Attr27 .HighlightTarget,
.DoHighlight_Attr28 .TooltipHighlight_Attr28 .HighlightTarget,
.DoHighlight_Attr29 .TooltipHighlight_Attr29 .HighlightTarget,
.DoHighlight_Attr31 .TooltipHighlight_Attr31 .HighlightTarget,
.DoHighlight_Attr32 .TooltipHighlight_Attr32 .HighlightTarget,
.DoHighlight_Attr37 .TooltipHighlight_Attr37 .HighlightTarget,
.DoHighlight_Attr38 .TooltipHighlight_Attr38 .HighlightTarget,
.DoHighlight_Attr58 .TooltipHighlight_Attr58 .HighlightTarget,
.DoHighlight_Attr59 .TooltipHighlight_Attr59 .HighlightTarget,
.DoHighlight_Attr60 .TooltipHighlight_Attr60 .HighlightTarget,
.DoHighlight_Attr61 .TooltipHighlight_Attr61 .HighlightTarget,
.DoHighlight_Attr69 .TooltipHighlight_Attr69 .HighlightTarget,
.HighlightActive.DoHighlight_Everything .PlayerInventorySlot:not(.EmptySlot) .HighlightTarget,
.HighlightActive .TooltipHighlight_Everything .HighlightTarget {
	--p-vis: initial;
	animation-name: pk-syngery_highlight;
	animation-duration: 2.0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
.TimelineBackground {
	width: 90%;
	--fw: 0 0 auto;
	height: 360px;
	--fh: 0 0 auto;
	--ha: center;
	background-color: transparent;
	--p-bgg: radial-gradient(50% 50% at 50% 0%, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimelineContainer {
	--ha: center;
	--va: start;
	margin-top: 64px;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0px 16px;
	--p-brightness: 1;
	--p-blur: 0px;
	transition-property: opacity, --p-brightness, --p-blur;
	transition-duration: 0.2s, 0.1s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.IsInBossStage .TimelineContainer,
.ShowVisualNovel .TimelineContainer {
	opacity: 0;
	--p-hit: none;
}
.ShowPowerUpChoices .TimelineContainer,
.GameState_Finished .TimelineContainer,
.DebugFinishedScreen .TimelineContainer,
.IsPaused.UserPaused .TimelineContainer {
	--p-brightness: 0.1;
	--p-blur: 1px;
	transition-duration: 0.5s;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
}
.TimelineContainer .TimerHUD {
	color: whitesmoke;
	--p-tg: none;
	--p-tgc: none;
	margin-bottom: 1px;
	--va: center;
	text-shadow: 0px 2px 12px black;
	font-size: 20px;
}
.TimelineContainer .Timeline {
	padding: 0px 8px;
	--va: center;
}
.TimelineContainer .Timeline #TimelineBar {
	width: 480px;
	--fw: 0 0 auto;
	height: 6px;
	--fh: 0 0 auto;
	--va: center;
	border-radius: 2px;
	border: 1px solid black;
	--p-bt: 1px;
	--p-br: 1px;
	--p-bb: 1px;
	--p-bl: 1px;
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #2A1E0C 0%, #463f31 100%);
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #242527 0%, #3F464A 100%);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimelineContainer .Timeline #TimelineBar .ProgressBarLeft {
	background-color: transparent;
	--p-bgg: linear-gradient(180deg, #FFF2DF 0%, #ebc386 33.6%, #BA8C47 36.4%, #785C32 70%);
	border-radius: 1px;
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimelineContainer .Timeline .MinibossTimelineIcon {
	width: 24px;
	--fw: 0 0 auto;
	height: 24px;
	--fh: 0 0 auto;
	--va: center;
	--p-bgi: url("img/control_icons/24px/help_diamond.svg");
	--p-ob: linear-gradient(180deg, #B0BCC2 0%, #49565C 100%);
	--p-imgshadow: drop-shadow(0px 2px 16px black);
	--p-bgs: 80%;
	--p-bgp: center;
	--p-bgr: no-repeat;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.TimelineContainer .Timeline .MinibossTimelineIcon.Revealed {
	image-rendering: pixelated;
	--p-bgs: cover;
	--p-imgshadow: initial;
	--p-ob: white;
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
	mask-image: var(--p-om, linear-gradient(#fff, #fff)), var(--p-ob, linear-gradient(#fff, #fff)), var(--p-clip, linear-gradient(#fff, #fff));
	mask-mode: alpha, luminance, alpha;
	mask-size: 100% 100%;
	mask-repeat: no-repeat;
	mask-composite: intersect;
}
.TimelineContainer .Timeline .MinibossTimelineIcon.Revealed.MinimapResurrectorIcon {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_resurrector_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimelineContainer .Timeline .MinibossTimelineIcon.Revealed.MinimapGolemIcon {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_golem_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimelineContainer .Timeline .MinibossTimelineIcon.Revealed.MinimapAbsorberIcon {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivor_defender_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimelineContainer .Timeline .MinibossTimelineIcon.Revealed.MinimapArcherIcon {
	--p-bgi: url("img/events/crownfall/survivors/minimap/npc_dota_survivors_archer_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.TimelineContainer .Timeline .BossTimelineIcon {
	width: 32px;
	--fw: 0 0 auto;
	height: 32px;
	--fh: 0 0 auto;
	--ha: end;
	--va: center;
	margin-right: -16px;
	image-rendering: pixelated;
	margin-bottom: 6px;
	--p-bgs: cover;
	--p-bgi: url("img/heroes/icons/npc_dota_hero_vengefulspirit_alt3_png.png");
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
#ResizeButtonContainer {
	--ha: start;
	transform: scaleX( -1 );
	margin: 1px;
}
.ChatWheelMessage {
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 100px;
	--fh: 0 0 auto;
	--va: center;
}
.ChatWheelMessage.ChatWheelMessageIsSpray {
	height: 200px;
	--fh: 0 0 auto;
	width: 220px;
	--fw: 0 0 auto;
	padding-left: 6px;
	padding-right: 0px;
}
.ChatWheelMessageIcon {
	width: 20px;
	--fw: 0 0 auto;
	height: 20px;
	--fh: 0 0 auto;
	--p-bgi: url("img/control_icons/chat_wheel_icon_png.png");
	--p-bgs: contain;
	--p-bgr: no-repeat;
	--p-bgp: center;
	--p-wash: url(#pw-fa98e8ff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ChatWheelMessageSoundIcon {
	width: 30px;
	--fw: 0 0 auto;
	height: 30px;
	--fh: 0 0 auto;
	--va: center;
	--ha: center;
	--p-bgi: url("img/hud/reborn/icon_scoreboard_mute_sound_psd.png");
	--p-bgr: no-repeat;
	--p-bgs: contain;
	--p-wash: url(#pw-ffffffff);
	filter: var(--p-wash,) brightness(var(--p-brightness)) saturate(var(--p-saturation)) contrast(var(--p-contrast)) hue-rotate(var(--p-hue)) blur(var(--p-blur)) var(--p-imgshadow,);
	background-image: var(--p-bgi, none), var(--p-bgg, none);
	background-size: var(--p-bgs, auto), 100% 100%, 100% 100%, 100% 100%;
	background-position: var(--p-bgp, 0% 0%), 0% 0%, 0% 0%, 0% 0%;
	background-repeat: var(--p-bgr, repeat), no-repeat, no-repeat, no-repeat;
}
.ChatWheelMessage.ChatWheelMessageHasSound:not(.ChatWheelMessageIsSpray) #ChatWheelMessageSoundButton {
	--p-vis: initial;
}
#ChatWheelMessageSoundButton {
	zoom: 70%;
	--p-vis: none;
	--va: center;
	--p-disp: flex;
	--p-flow: col;
	flex-direction: column;
	flex-wrap: nowrap;
}
#ChatWheelMessageSoundButton p-label {
	--ha: center;
	--va: center;
	text-align: center;
	color: #B0BCC2;
	--p-tg: none;
	--p-tgc: none;
	text-shadow: 0px 2px 8px black;
	max-height: 43px;
	margin: 0px 4px;
}
#ChatWheelMessageSoundButton .ChatWheelMessageContainer {
	margin-top: 4px;
	--p-disp: flex;
	--p-flow: row;
	flex-direction: row;
	flex-wrap: nowrap;
	--ha: center;
}
#dota_survivors_disable_dialogue {
	margin-top: 4px;
	--va: center;
}
#dota_survivors_disable_dialogue p-label {
	font-size: 16px;
}
@keyframes pk-SpinnerRotate {
	0% {
		transform: rotateZ( 359.9deg );
	}
	50% {
		transform: rotateZ( 180deg );
	}
	100% {
		transform: rotateZ( 0.1deg );
	}
}
@keyframes pk-OpacityPulse {
	0% {
		opacity: 1.0;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		opacity: 1.0;
	}
}
@keyframes pk-links-and-more-button-focus {
	from {
		background-color: transparent;
		--p-bgg: linear-gradient(180deg, #a9c8daee 0%, #000000ee 100%);
	}
	50% {
		background-color: transparent;
		--p-bgg: linear-gradient(180deg, #272d2eee 0%, #131617ee 100%);
	}
	to {
		background-color: transparent;
		--p-bgg: linear-gradient(180deg, #272d2eee 0%, #131617ee 100%);
	}
}
@keyframes pk-GlowButton {
	0% {
		--p-brightness: 1;
	}
	100% {
		--p-brightness: 2.2;
	}
}
@keyframes pk-PlayerTookDamageAnim {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0.8;
	}
	100% {
		opacity: 0;
	}
}
@keyframes pk-BounceFocusPowerup {
	0% {
		scale: 1;
	}
	20% {
		scale: 1.03;
	}
	100% {
		scale: 1;
	}
}
@keyframes pk-RerollPowerup0 {
	0% {
		transform: translateY( -24px );
	}
	30% {
		transform: translateY( 12px );
	}
	60% {
		transform: none;
	}
}
@keyframes pk-RerollPowerup1 {
	20% {
		transform: translateY( -24px );
	}
	50% {
		transform: translateY( 12px );
	}
	80% {
		transform: none;
	}
}
@keyframes pk-RerollPowerup2 {
	40% {
		transform: translateY( -24px );
	}
	70% {
		transform: translateY( 12px );
	}
	100% {
		transform: none;
	}
}
@keyframes pk-RerollPowerupFade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes pk-UpgradePipGlow {
	0% {
		--p-brightness: 4;
		box-shadow: 0px 0px 20px rgba(57, 255, 103, 0.2);
	}
	100% {
		--p-brightness: 1;
		box-shadow: 0px 0px 16px rgba(57, 255, 103, 0.1);
	}
}
@keyframes pk-GoldGlow {
	0% {
		--p-brightness: 1;
	}
	100% {
		--p-brightness: 2.0;
	}
}
@keyframes pk-OpacityPulse {
	0% {
		opacity: 0.0;
	}
	100% {
		opacity: 1.0;
	}
}
@keyframes pk-TextGlow {
	0% {
		--p-brightness: 1;
		text-shadow: 0px 0px 20px rgba(255, 212, 148, 0.2);
	}
	100% {
		--p-brightness: 1.2;
		text-shadow: 0px 0px 20px rgba(255, 212, 148, 0.8);
	}
}
@keyframes pk-ScoreEventAnimation {
	0% {
		transform: scale3d( 1.2, 1.2, 1.0 );
	}
	10% {
		transform: scale3d( 1.5, 1.5, 1.0 );
	}
	100% {
		transform: translateY( -30px);
	}
}
@keyframes pk-DefaultDamageEventAnimation {
	0% {
		transform: scale3d( 1.2, 1.2, 1.0 );
	}
	10% {
		transform: scale3d( 1.5, 1.5, 1.0 );
	}
	100% {
		transform: translateY( -30px);
	}
}
@keyframes pk-CritDamageEventAnimation {
	0% {
		transform: scale3d( 1.2, 1.2, 1.0 );
	}
	10% {
		transform: scale3d( 2.0, 2.0, 1.0 );
	}
	100% {
		transform: translateY( -60px);
	}
}
@keyframes pk-MagicDamageEventAnimation {
	0% {
		transform: scale3d( 1.2, 1.2, 1.0 );
	}
	10% {
		transform: scale3d( 1.5, 1.5, 1.0 );
	}
	100% {
		transform: translateY( -30px);
	}
}
@keyframes pk-GlowMinimapHeroIcon {
	100% {
		scale: 1.1;
		--p-brightness: 3;
	}
}
@keyframes pk-BobItem {
	0% {
		transform: translateY( 0px );
	}
	100% {
		transform: translateY( 1px );
	}
}
@keyframes pk-ObjectivesIntro {
	0% {
		opacity: 0;
		transform: scale3d(2, 2, 1);
	}
	8% {
		opacity: 1;
		transform: scale3d(1.2, 1.2, 1);
	}
	92% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		opacity: 0;
		transform: scale3d(0.9, 0.9, 1);
	}
}
@keyframes pk-ObjectivesIntroBackground {
	0% {
		opacity: 0;
		transform: scale3d(2, 2, 1);
	}
	8% {
		opacity: 1;
		transform: scale3d(1.2, 1.2, 1);
	}
	92% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		opacity: 0;
		transform: scale3d(0.9, 0.9, 1);
	}
}
@keyframes pk-MinibossArrived {
	0% {
		opacity: 0;
		transform: scale3d(2, 2, 1);
	}
	8% {
		opacity: 1;
		transform: scale3d(1.2, 1.2, 1);
	}
	92% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		opacity: 0;
		transform: scale3d(0.9, 0.9, 1);
	}
}
@keyframes pk-BounceObjectives {
	0% {
		transform: translateY( 0px );
	}
	20% {
		transform: translateY( -16px );
		--p-brightness: 3;
	}
	100% {
		transform: translateY( 0px );
	}
}
@keyframes pk-BounceMinimap {
	0% {
		transform: none;
	}
	20% {
		transform: scale3d( 1.1, 1.1, 1 );
		--p-brightness: 3;
	}
	100% {
		transform: none;
	}
}
@keyframes pk-ActiveLabelGlow {
	0% {
		--p-brightness: 1;
		text-shadow: 0px 0px 12px rgba(115, 180, 255, 0.2);
	}
	100% {
		--p-brightness: 2.0;
		text-shadow: 0px 0px 12px rgba(115, 180, 255, 0.8);
	}
}
@keyframes pk-GlowWarningBadge {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes pk-PulseWarningBadge {
	100% {
		transform: scale3d( 1.04, 1.08, 1 );
		--p-brightness: 3;
	}
}
@keyframes pk-PulseHealthBar {
	20% {
		scale: 1.2;
		--p-brightness: 5;
	}
}
@keyframes pk-InvulnerableHealthBarPlayer_Animation {
	0% {
		opacity: 1;
		--p-brightness: 1.7;
	}
	100% {
		opacity: 0.1;
		--p-brightness: 1;
	}
}
@keyframes pk-FlashHealthBarDamage {
	20% {
		background-color: transparent;
		--p-bgg: linear-gradient(180deg, white 0%, white 80%);
	}
}
@keyframes pk-FlashHealthBarDamageBorder {
	20% {
		background-color: transparent;
		--p-bgg: linear-gradient(90deg, rgb(236, 54, 54) 0%, darkred 50%);
	}
}
@keyframes pk-syngery_highlight {
	0% {
		background-color: #e38f1200;
		--p-bgg: none;
	}
	50% {
		background-color: #e38f1299;
		--p-bgg: none;
	}
	100% {
		background-color: #e38f1200;
		--p-bgg: none;
	}
}