@charset "UTF-8";

@font-face {
	font-family: "源暎エムゴ Heavy";
	src: url("data:application/font-woff2;charset=UTF-8;base64,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") format("woff2");
}
@font-face {
	font-family: "源暎エムゴ Medium";
	src: url("data:application/font-woff2;charset=UTF-8;base64,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") format("woff2");
}
@font-face {
	font-family: "Passion One";
	src: url("PassionOne.woff2") format("woff2");
}

:root {
	--page-list-width : 72rem;

	--page-color-card           : #432f2f;
	--page-color-card-header    : darkgreen;
	--page-color-card-background: var(--color-window);
	--page-color-card-border    : var(--color-border);

	--page-color-label                     : seagreen;
	--page-color-label-effect-background   : var(--page-color-label);
	--page-color-label-effect              : white;
	--page-color-label-level-background    : darkgray;
	--page-color-label-level               : white;
	--page-color-label-condition-background: var(--page-color-label);
	--page-color-label-condition           : white;

	--page-color-spell        : indianred;
	--page-color-supplementary: darkgray;
	--page-color-next         : var(--color-theme);

	@media (prefers-color-scheme: dark) {
		--page-color-card       : currentcolor;
		--page-color-card-header: var(--color-theme);

		--page-color-label                     : seagreen;
		--page-color-label-effect-background   : #22663f;
		--page-color-label-effect              : whitesmoke;
		--page-color-label-level-background    : silver;
		--page-color-label-level               : var(--page-color-card-background);
		--page-color-label-condition-background: seagreen;
		--page-color-label-condition           : whitesmoke;
	}
}

#RoleList {
	margin: 2em 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}
#RoleList > * {
	flex: 0 1 12em;
	margin: 0 0 2rem 0;
	display: block;
}

#GuideActionReplaced {
	margin: 2em 0;
	display: flex;
	flex-wrap: wrap;
}
#GuideActionReplaced figure {
	margin: 0 0 1em 0;
}
#GuideActionReplaced figcaption {
	margin-left: 1em;
}
#GuideActionReplaced svg {
	width: 10em;
}



/*
スキルカードの基本レイアウト。
*/
ul.actions {
	max-width: var(--page-list-width);
	margin: 2rem 0;
	line-height: 1;
	list-style-type: none;
}
ul.actions > li {
	position: relative;
	padding: 0;
	display: grid;
	grid-template-columns: 1rem 1fr;
	grid-template-rows   : 1fr 1fr;
}
ul.actions > li.child,
ul.actions > li.replacedWith {
	grid-template-columns: 3rem 1fr;
}
ul.actions > li.child        > dl,
ul.actions > li.replacedWith > dl {
	grid-template-columns: 26em 1fr;
}

ul.actions > li > dl {
	grid-column: 2;
	grid-row   : 1/3;

	max-width: none;
	margin: 0.5rem 0;
	padding: 1ex 1em;
	border: solid medium var(--page-color-card-border);
	border-radius: 1em;
	background-color: var(--page-color-card-background);
	color: var(--page-color-card);

	display: grid;
	grid-template-columns: 28em 1fr;
	grid-template-rows   : min-content 1fr;
}
ul.actions > li > dl > dt {
	height: min-content;
	color: var(--page-color-card-header);
	font-size: 110%;
	line-height: 1.2;
}
ul.actions > li > dl > dd {
}
dd.props {
	margin-top : 1ex;
	margin-left: 1em;
}
dd.desc {
	height: 100%;
	grid-column: 2;
	grid-row   : 1/3;
	margin-left: 0;
}

li.role dt::before {
	content: "ROLE";
	color: var(--page-color-supplementary);
	font-weight: normal;
	font-size: 90%;
	font-family: "Passion One";
	margin-right: 1.5ex;
}

ul.actions > li.spaced > dl {
	margin-top: 2rem;
}

@media (max-width: 54em) {
	ul.actions > li              > dl,
	ul.actions > li.child        > dl,
	ul.actions > li.replacedWith > dl {
		grid-template-columns: 1fr;
		grid-template-rows   : min-content min-content 1fr;
	}
	ul.actions > li > dl > dt {
		padding-right: 1em;
	}
	dd.desc {
		grid-column: auto;
		grid-row   : auto;
		margin-left: 1em;
		padding-top: 1em;
	}
}

@media (max-width: 35em) {
	ul.actions > li > dl {
		padding: 1ex 1.5ex;
	}
	ul.actions > li > dl > dt {
		margin-left: -0.1em;
	}
	dd.props,
	dd.desc {
		margin-left: 0;
	}
	dd.props {
		font-size: 90%;
	}
	dd.desc > p {
		padding-right: 0;
	}

	ul.hasManyProps   dd.props,
	#AggressiveSpells dd.props {
		margin-top: 0.5ex;
	}
	ul.hasManyProps   dd.props .level,
	#AggressiveSpells dd.props .level {
		width: 100%;
	}
}



/*
スキルの関係性。
*/
.to1,
.to1s,
.to2,
.to2s,
.to3 {
	grid-row: 1;
	background-repeat: no-repeat;
	background-size: contain;
}
.to1 {
	grid-column: 1;
	background-image: url("images/to1.svg");
}
.to1s {
	grid-column: 1;
	background-image: url("images/to1s.svg");
}
.to2 {
	grid-column: 1;
	background-image: url("images/to2.svg");
}
.to2s {
	grid-column: 1;
	background-image: url("images/to2s.svg");
}
.to3 {
	grid-column: 3;
	background-image: url("images/to3.svg");
}
.from1,
.from1-1,
.from2,
.from3 {
	grid-row: 2;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}
.from1 {
	grid-column: 1;
	background-image: url("images/from1.svg");
}
.from1-1 {
	grid-column: 1;
	background-image: url("images/from1-1.svg");
}
.from2 {
	grid-column: 1;
	background-image: url("images/from2.svg");
}
.from3 {
	grid-column: 3;
	background-image: url("images/from3.svg");
}
li.thru1,
li.thru2,
li.thru12,
li.thru3,
li.thru4 {
	background-repeat: repeat-y;
}
li.thru1 {
	background-image: url("images/thru1.svg");
	background-size: 1rem;
}
li.thru2 {
	background-image: url("images/thru2.svg");
	background-size: 3rem;
}
li.thru12 {
	background-image: url("images/thru12.svg");
	background-size: 3rem;
}
li.thru3 {
	background-image: url("images/thru3.svg");
	background-size: 2rem;
	background-position: right;
}
li.thru4 {
	background-image: url("images/thru1.svg"), url("images/thru3.svg");
	background-size: 1rem, 2rem;
	background-position: left, right;
}

li.parent > dl::after,
li.child  > dl::before {
	content: "";
	background-image: url("images/grows.svg");
	background-repeat: no-repeat;
	background-size: 0.5rem;

	display: block;
	width : 1rem;
	height: 1rem;
	position: absolute;
	left: 6rem;
}
li.parent > dl::after {
	bottom: -0.5rem;
}
li.child > dl::before {
	top: 0;
}



/*
再使用待ち時間、使用準備時間、威力などの基礎情報のレイアウト。
*/
dd.props {
	display: flex;
	flex-wrap: wrap;
	height: min-content;
}
.props > div {
	display: flex;
	align-items: start;
}

.level {
	min-width: 4em;
	color: var(--page-color-card-header);
}
.level::before {
	content: "Lv";
	margin-right: 0.4ex;
	font-size: 80%;
	padding-top: 0.25em;
}

.recast::before,
.ws::before,
.spell::before,
.cast::before,
.potency::before {
	display: inline-block;
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
	height: 1.2em;
	vertical-align: top;
}

.recast::before,
.ws::before,
.spell::before {
	margin-right: 0.25ex;
	position: relative;
	top: 0.1ex;
}
.recast {
	min-width: 3.8em;
}
.recast::before {
	background-image : url("images/recast.svg");
	width: 1.2em;
}
.ws {
	min-width: 4.8em;
}
.ws::before {
	background-image : url("images/recast_ws.svg");
	width: 2.4em;
}
.spell {
	min-width: 5.5em;
}
.spell::before {
	background-image : url("images/recast_spell.svg");
	width: 3em;
}

.cast {
	min-width: 4em;
}
.cast::before {
	background-image : url("images/cast.svg");
	width: 1.6em;
	margin-right: 0.4ex;
	position: relative;
	top: 0.25ex;
}

.mp::before,
.charges::before {
	display: inline-block;
	font-family: "Passion One";
	margin-right: 0.6ex;
	position: relative;
	top: 0.1ex;
}
.mp {
	min-width: 4.2em;
}
.mp::before {
	content: "MP";
	color: var(--page-color-spell);
}
.charges {
	min-width: 5em;
}
.charges::before {
	content: "CHARGES";
	color: var(--page-color-label);
}
.duration::before {
	content: "効果時間";
	color: var(--page-color-label);
	font-family: "源暎エムゴ Heavy";
	font-size: 80%;
	margin-right: 0.8ex;
	position: relative;
	top: 0.4ex;
}

.potency {
	white-space: nowrap;
}
.potency::before {
	background-image : url("images/potency.svg");
	background-position: top;
	width: 1.2em;
	position: relative;
	top  : -0.8ex;
	right: -0.2ex;
}
.comboPotency {
	display: inline-block;
	padding-top: 0.25em;
	padding-left: 0.5ex;
	color: var(--page-color-supplementary);
	font-size: 80%;
}

.props ul {
	margin: 0;
	list-style-type: none;
	line-height: 1.4;
}

.props ul.listed:not(:last-child) {
	margin-right: 1ex;
}

.props ul.listed .spell::before,
.props ul.listed .cast::before,
.props ul.listed .mp::before {
	top: 0;
}

.props ul.hasSteps {
	margin-top: 0.1em;
	text-align: end;
}
.props *.hasSteps *[data-level]::after {
	content: "-Lv" attr(data-level);
	display: inline-block;
	min-width: 4em;
	margin-left: 0.5ex;
	font-size: 75%;
	color: var(--page-color-supplementary);
	text-align: start;
}



/*
スキルの説明。
*/
dd.desc > p {
	padding-right: 1.5ex;
}
p.condition {
	margin-bottom: 0.5ex;
	font-size: 95%;
}
p.condition::before {
	content: "使用条件:";
	display: inline-block;
	margin-right: 1ex;
	color : var(--page-color-label);
	font-family: "源暎エムゴ Medium";
}
li.replacedWith p.condition::before {
	content: "使用条件";
	padding: 0 0.8ex 0 0.8ex;
	border: solid thin var(--page-color-label-condition-background);
	color : var(--page-color-label-condition-background);
	font-size: 90%;
	line-height: 1.5;
}
p.combo::before {
	content: "COMBO: " attr(data-ws);
	display: inline-block;
	margin-right: 1ex;
	padding: 0 2.5ex 0 0.8ex;
	border-radius: 0.5ex;
	font-family: "Passion One";
	font-size: 80%;
	color: var(--page-color-label-condition);
	line-height: 1.5;
	vertical-align: 12%;
	background-color: var(--page-color-label-effect-background);
	background-image: url("images/combo.svg");
	background-repeat: no-repeat;
	background-size : 1ex;
	background-position: right 0.6ex center;
}

span.lv,
span.cond {
	display: inline-block;
	margin : 0 1ex 0.5ex 0;
	padding: 0 0.8ex;
	border-radius: 0.5ex;
	font-weight: normal;
	vertical-align: 12%;
	line-height: 1.5;
}
span.lv {
	background-color: var(--page-color-label-level-background);
	color : var(--page-color-label-level);
	font-size: 75%;
}
span.lv::before {
	content: "Lv";
	font-size: 80%;
}
span.cond {
	background-color: var(--page-color-label-effect-background);
	color: var(--page-color-label-effect);
	font-size: 80%;
}

/*
その他。
*/
.skillchain svg {
	width : 1ex;
	height: 1em;
	margin: 0 1ex;
	vertical-align: -10%;
	color: var(--page-color-next);
}

.soLongName {
	display: flex;
	flex-wrap: wrap;
}
.soLongName > * {
	flex: none;
}
img[src="images/folded.svg"] {
	height: 1em;
}


/*
スタイルの調整。
*/

ul.actions dd.desc *:last-child {
	margin-bottom: 0;
}



/*
表示サイズの動的調整
*/

ul.actions > li > dl {
	overflow-y: hidden;
	overflow-y: clip;
}
ul.actions > li > dl {
	transition: height 200ms;
}
ul.actions > li > dl.foldable.open {
	background-image: url("images/open.svg");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: top 1ex right 1ex;
}
ul.actions > li > dl.foldable:not(.open) {
	background-image: url("images/folded.svg");
	background-repeat: no-repeat;
	background-size: 1.2rem;
	background-position: top 1ex right 1ex;
}

/* 説明欄の開閉イベントのために高さを測定する処理で利用する一時的クラス */
.packed {
	max-height: 0;
}
@media (max-width: 54em) {
	.packed {
		display: none;;
	}
}

#Switch {
	display: none;
	padding: 1ex 1em;
	text-align: end;
	position: fixed;
	top  : 0;
	right: 0;
}
#Switch input {
	-webkit-appearance: none;
	height: 2em;
	width : 8em;
	border: solid thin var(--color-operation);
	border-radius: 1em;

	background-color: var(--color-background);
	color: var(--color-operation);
	font-size: 80%;
	font-weight: normal;
	cursor: pointer;
}


#Switch input:hover {
	background-color: var(--color-operation);
	color: var(--color-background);
	transition: background-color 400ms, color 400ms;
}

body.switchEnabled #Switch {
	display: block;
}
body.switchEnabled header {
	margin-top: 2.5em;
}