/**
* Colors
*/
/**
* Fonts weights
*/
html {
--blue-50: #d0f3ff;
--blue-100: #d0f3ff;
--blue-200: #adeffe;
--blue-300: #82e5fb;
--blue-400: #08b0b0;
--blue-500: #207781;
--blue-600: #055a7e;
--blue-800: #00305a;
--blue-900: #081829;
--primary-50: white;
--primary-100: #fbfbfa;
--primary-200: #e7e6db;
--primary-300: #d3d1bc;
--primary-400: #949062;
--primary-500: #75724e;
--primary-600: #666344;
--primary-700: #575439;
--primary-800: #47452f;
--primary-900: #383625;
}
.single-stuff-ui ul li {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-top: 1rem;
}
.single-stuff-ui ul li figure:not(.bar) {
height: 2rem;
width: 2rem;
background: rgba(5, 5, 5, 0.15);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
margin-right: 0.5rem;
}
.single-stuff-ui ul li figure:not(.bar) img {
image-rendering: pixelated;
filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgb(0, 0, 0));
transform: scale(3);
}
.single-stuff-ui ul li figure:not(.bar).right img {
transform: scale(3) translate(-15%, -10%);
}
.single-stuff-ui ul li figure:not(.bar).armor img {
transform: scale(3) translate(4%, -13%);
}
.single-stuff-ui ul li figure:not(.bar).helm img {
transform: scale(3) translate(2%, 3%);
}
.single-stuff-ui ul li figure:not(.bar).left img {
transform: scale(3) translate(11%, -11%);
}
.single-stuff-ui ul li figure:not(.bar) img {
transform: scale(1);
}
.single-stuff-ui ul li .content {
width: calc(100% - 2.5rem);
}
.single-stuff-ui ul li .content h4 {
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
color: #ffc107;
}
.single-stuff-ui ul li .content strong, .single-stuff-ui ul li .content em {
filter: drop-shadow(0 1px 0 rgb(0, 0, 0)) drop-shadow(0 -1px 0 rgb(0, 0, 0)) drop-shadow(1px 0 0 rgb(0, 0, 0)) drop-shadow(-1px 0 0 rgb(0, 0, 0));
}
.single-stuff-ui ul li .content .bar {
z-index: -1;
margin-top: 0.1rem;
margin-left: -0.1rem;
}
.single-stuff-ui ul li .content span {
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
margin-top: -0.8em;
margin-right: 0.2em;
display: block;
float: right;
color: #fff;
}
@keyframes appear {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@font-face {
font-family: "NuclearRain";
src: url(61b95dd4b016f64794129f139a8d18a6.eot);
src: url(61b95dd4b016f64794129f139a8d18a6.eot#iefix) format("embedded-opentype"), url(5813fc45c73eba17232f597c23f43d43.ttf) format("truetype"), url(data:application/font-woff;base64,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) format("woff2"), url(data:application/font-woff;base64,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) format("woff"), url(503f3f3f91278877954780b239fed552.svg#NuclearRain) format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "FFTA2";
src: url(9d67cb3560840e11514e6918e46eb2a0.eot);
src: url(9d67cb3560840e11514e6918e46eb2a0.eot#iefix) format("embedded-opentype"), url(5aafe1de280e7d27706cb2fc2feeaa16.ttf) format("truetype"), url(data:application/font-woff;base64,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) format("woff2"), url(data:application/font-woff;base64,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) format("woff"), url(81fd267bc706643f926641922babb109.svg#FFTA2) format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "ffta2_bold";
src: url(149c581d1f7045f8e50bedb63ab93724.eot);
src: url(149c581d1f7045f8e50bedb63ab93724.eot#iefix) format("embedded-opentype"), url(data:application/octet-stream;base64,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AqoAAP1WAAAABQAAAAAEAAqqAAMABwALAA8AEwAAAQEBAQEBAQEBAQEBAQEBAQEBAQECqgAAAVYAAP1VAAABVQAA/VYAAAFVAAAAAAAAAVUAAAAAAAABVgAAAAABVQAA/qsBVQKrAAD9VQKrAqoAAP1WAqoCqwAA/VUCqwFVAAD+qwAAAAUEAAAACAAKqgADAAcACwAPABMAAAEBAQEBAQEBAQEBAQEBAQEBAQEBBAAAAAFVAAAAAAAAAVUAAAAAAAABVgAA/VUAAAFVAAD9VgAAAVUAAAAAAVUAAP6rAVUCqwAA/VUCqwKqAAD9VgKqAqsAAP1VAqsBVQAA/qsAAAALAAAAAAqqCqoABQAJAA0AEQAVABkAHQAhACUAKQAvAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAAAAAAVUAAAFVAAAAAAAAAVYAAP1VAAABVQAAAVYAAAFVAAD9VQAAAVYAAAFVAAABVQAAAVYAAAFVAAD9VQAAAVYAAPwAAAABVQAAAAAAAAFVAAACqwAA/VUAAAQAAAAAAAKqAAD+qwAA/qsBVQFVAAD+qwFVAVYAAP6qAAABVgAA/qoBVgFVAAD+qwAAAVUAAP6rAAABVQAA/qsBVQFVAAD+qwAAAqsAAP1VAqsBVQAA/qv9VQQAAAABVQAA+qsAAAABAAAAAAgACAAACwAAAQEBAQEBAQEBAQEBAqoAAP1WAAACqgAAAqsAAAKrAAD9VQAAAAACqgAAAqsAAAKrAAD9VQAA/VUAAP1WAAAAAgKq/VYFVQKqAAMACQAAAQEBAQEBAQEBAQKqAAABVgAAAAAAAP6qAAACqwAA/VYBVQAA/qsBVQFVAAACqgAA/AEAAAABAAACqggABVUAAwAAAQEBAQAAAAAIAAAAAqoCqwAA/VUAAAABAqoAAAVVAqoAAwAAAQEBAQKqAAACqwAAAAACqgAA/VYAAAAEAVUAAAaqCqoAAwAHAAsADwAAAQEBAQEBAQEBAQEBAQEBAQFVAAABVQAAAAAAAAFWAAAAAAAAAVUAAAAAAAABVQAAAAACqgAA/VYCqgKrAAD9VQKrAqsAAP1VAqsCqgAA/VYAAgAAAAAIAAlVAAMADwAAAQEBAQEBAQEBAQEBAQEBAQVVAAD9VQAA/qsAAP6rAAABVQAABVUAAAFWAAD+qgAAAVUGqwAA+VX+qwFVAAAGqwAAAVUAAP6rAAD5VQAA/qsAAQFVAAAFVQqqAAcAAAEBAQEBAQEBAqoAAP6rAAABVQAAAqsAAAAACAAAAAFVAAABVQAA9VYAAAABAAAAAAgACqoAFQAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQAAAAABVQAAAqsAAAFVAAD6qwAABqoAAAFWAAD+qgAA/qsAAP1VAAAFVgAAAAAEAAAAAVUAAAFVAAACqwAAAVUAAP6rAAD9VQAA/qsAAP6rAAD9VQAA/qsAAQAAAAAIAAqqABMAAAEBAQEBAQEBAQEBAQEBAQEBAQEBAAAAAAVVAAD8AAAABAAAAPqrAAAGqgAAAVYAAP6qAAABVgAA/qoAAAAAAVUAAAQAAAABVQAAAqsAAAFVAAD+qwAA/VUAAP1WAAD9VQAA/qsAAAABAAAAAAgACqoACQAAAQEBAQEBAQEBAQVVAAD6qwAAAqoAAAKrAAACqwAAAAACqgAABqsAAPqrAAAGqgAA9VYAAQAAAAAIAAqqAA8AAAEBAQEBAQEBAQEBAQEBAQEAAAAABVUAAPqrAAAIAAAA+qoAAAQAAAABVgAA/qoAAAAAAVUAAAQAAAAFVQAA/qsAAP1VAAD+qwAA/AAAAP6rAAAAAwAAAAAIAAqqAAMAEQAVAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBBVUAAP1VAAD+qwAA/qsAAAFVAAABVQAABAAAAAFWAAD+qgAA/AAAAAQAAAABVQQAAAD8AP6rAVUAAAarAAABVQAA/VUAAP6rAAD8AAAA/qsJVQFVAAD+qwACAAAAAAgACqoABQANAAABAQEBAQEBAQEBAQEBAQKqAAABVgAAAVUAAAAAAAD6qwAACAAAAP6qAAAAAAVVAAABVQAA+VYGqgKrAAABVQAA/VYAAP6qAAAAAwAAAAAIAAqqAAMABwAbAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBVUAAP1VAAACqwAA/VUAAP6rAAD+qwAAAVUAAP6rAAABVQAABVUAAAFWAAD+qgAAAVYAAP6qAAABVQQAAAD8AAVVAqsAAP1V+VYBVQAAAqsAAAKqAAACqwAAAVUAAP6rAAD9VQAA/VYAAP1VAAD+qwAAAAMAAAAACAAKqgADAAcAFQAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQFVAAAEAAAAAAAAAP1VAAACqwAA/AAAAP6rAAABVQAABVUAAAFWAAD+qgAAAAABVQAA/qsFVQQAAAD8APwAAqsAAAFVAAAEAAAAAVUAAP6rAAD5VQAA/qsAAgKqAAAFVQaqAAMABwAAAQEBAQEBAQECqgAAAqsAAP1VAAACqwAAAAACqgAA/VYEAAKqAAD9VgADAqr9VgVVBqoAAwAJAA0AAAEBAQEBAQEBAQEBAQEBAqoAAAFWAAAAAAAA/qoAAAKrAAD9VQAAAqsAAP1WAVUAAP6rAVUBVQAAAqoAAPwBBVUCqgAA/VYABgAAAAAJVQqqAAMABwALAA8AEwAjAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEEAAAAAVUAAP1VAAABVgAAAVUAAAFVAAD6qwAAAVUAAAQAAAABVgAA+AAAAAKqAAAEAAAAAqsAAP6rAAD9VQAA/qsAAP1VAAAAAAFVAAD+qwFVAVUAAP6rAAABVQAA/qsBVQFWAAD+qgAAAVYAAP6qAVYCqgAABAAAAPwAAAD9VgAAAVUAAAQAAAD8AAAA/qsABgAAAAAJVQqqAA8AEwAXABsAHwAjAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECqgAA/VYAAAFVAAACqwAAAVUAAAKrAAABVQAA/VUAAPqrAAABVQAABAAAAAFWAAD6qgAAAVYAAAFVAAABVQAA/VYAAAFVAAAAAAQAAAACqgAA/qsAAPwAAAAEAAAAAVUAAP1WAAD8AAaqAVYAAP6qAAABVgAA/qoBVgFVAAD+qwAAAVUAAP6rAVUBVQAA/qsAAgAAAAAIAAqqAAMAFwAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAqoAAAKrAAD9VQAAAVYAAAFVAAD9VQAA/VYAAAFVAAAFVQAAAVYAAP6qAAD+qwAAAAACqgAA/VYEAAFVAAABVQAAAqsAAP1VAAACqwAAAVUAAP6rAAD9VQAA/qsAAP6rAAoAAAAACqoKqgADAAcAEwAXABsAHwAjACcAKwAxAAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQVVAAABVQAA/qsAAAFVAAD5VgAAAVUAAAFVAAABVgAAAVUAAP1VAAAEAAAAAVYAAPgAAAABVQAAAVUAAAFWAAAEAAAAAVUAAPqrAAABVQAAAAAAAAFVAAACqwAA/VUAAAQAAAAAAAFVAAD+qwKqAVYAAP6q/VYCqgAAAqsAAP6rAAD+qgAA/qsAAP6rBAABVQAA/qsBVQFVAAD+qwAAAVUAAP6rAAABVQAA/qsBVQFWAAD+qgFWAVUAAP6r/qoCqwAAAVUAAPwAAAAAAgAAAAAJVQgAAAMADwAAAQEBAQEBAQEBAQEBAQEBAQaqAAD8AAAA/VYAAAFVAAAGqwAAAVUAAP1VAAD8AAAABAACqgAA/Vb8AAaqAAABVgAA/qoAAPlWAAACqgAA/VYAAwAAAAAJVQgAAAMABwATAAABAQEBAQEBAQEBAQEBAQEBAQEBAQaqAAD8AAAABAAAAPwAAAD9VgAACAAAAAFVAAD+qwAAAVUAAP6rAAABVQKrAAD9VQQAAVUAAP6r+qsIAAAA/qoAAP6rAAD+qwAA/VUAAP6rAAAAAQAAAAAIAAgAAAsAAAEBAQEBAQEBAQEBAQFVAAD+qwAAAVUAAAarAAD6qgAABVYAAAAAAVUAAAVVAAABVgAA/qoAAPqrAAD+qwAAAAIAAAAACAAIAAADAAsAAAEBAQEBAQEBAQEBAQVVAAD9VQAA/VYAAAaqAAABVgAA/qoAAAFVBVUAAPqr/qsIAAAA/qoAAPqrAAD+qwABAAAAAAgACAAACwAAAQEBAQEBAQEBAQEBAAAAAAgAAAD6qgAABAAAAPwAAAAFVgAAAAAIAAAA/qoAAP6rAAD+qwAA/VUAAP6rAAAAAQAAAAAIAAgAAAkAAAEBAQEBAQEBAQEAAAAACAAAAPqqAAAEAAAA/AAAAAAACAAAAP6qAAD+qwAA/qsAAPwAAAEAAAAACAAIAAANAAABAQEBAQEBAQEBAQEBAQFVAAD+qwAAAVUAAAarAAD6qgAAAqsAAAKrAAAAAAFVAAAFVQAAAVYAAP6qAAD6qwAAAqsAAPwAAAEAAAAACAAIAAALAAABAQEBAQEBAQEBAQEAAAAAAqoAAAKrAAACqwAA/VUAAP1VAAAAAAgAAAD8AAAABAAAAPgAAAACqgAA/VYAAAABAAAAAAKqCAAAAwAAAQEBAQAAAAACqgAAAAAIAAAA+AAAAAABAAAAAAgACAAADQAAAQEBAQEBAQEBAQEBAQEBVQAA/qsAAAKqAAACqwAA/qsAAAQAAAD+qgAAAAABVQAAAqsAAP1VAAAFVQAAAVYAAPlVAAD+qwABAAAAAAgACAAADwAAAQEBAQEBAQEBAQEBAQEBAQAAAAACqgAAAqsAAAKrAAD+qgAAAVYAAP1VAAD9VQAAAAAIAAAA/AAAAAQAAAD8AAAA/qoAAP1WAAACqgAA/VYAAAABAAAAAAgACAAABQAAAQEBAQEBAAAAAAKqAAAFVgAAAAAIAAAA+VUAAP6rAAMAAAAACVUIAAADAAsAEwAAAQEBAQEBAQEBAQEBAQEBAQEBAQEEAAAAAVUAAPqrAAACqgAAAVYAAP6qAAAEAAAA/qsAAAFVAAACqwAAAqoCqwAA/VX9VggAAAD+qgAA/qsAAPqrAAAFVQAAAVUAAAFWAAD4AAAAAAIAAAAACAAIAAAHAA8AAAEBAQEBAQEBAQEBAQEBAQEAAAAAAqoAAAFWAAD+qgAAAqsAAP6rAAABVQAAAqsAAAAACAAAAP6qAAD+qwAA+qsAAAQAAAABVQAAAqsAAPgAAAIAAAAACAAIAAADAA8AAAEBAQEBAQEBAQEBAQEBAQEFVQAA/VUAAP6rAAD+qwAAAVUAAAVVAAABVgAA/qoAAAFVBVUAAPqr/qsBVQAABVUAAAFWAAD+qgAA+qsAAP6rAAIAAAAACAAIAAADAA0AAAEBAQEBAQEBAQEBAQEBBVUAAP1VAAD9VgAABqoAAAFWAAD+qgAA/AAAAAQAAqoAAP1W/AAIAAAA/qoAAP1WAAD+qgAA/VYAAAACAAAAAAlVCAAABwATAAABAQEBAQEBAQEBAQEBAQEBAQEBAQVVAAD+qwAAAVUAAP1VAAD+qwAA/qsAAAFVAAAFVQAAAVYAAAFVAAABVQFVAAABVgAAAqoAAPqr/qsBVQAABVUAAAFWAAD+qgAA+qsAAP6rAAIAAAAACAAIAAADABEAAAEBAQEBAQEBAQEBAQEBAQEBAQVVAAD9VQAA/VYAAAaqAAABVgAA/qoAAAFWAAD9VQAA/VUAAAQAAqoAAP1W/AAIAAAA/qoAAP1WAAD+qgAA/VYAAAKqAAD9VgAAAAEAAAAACAAIAAAPAAABAQEBAQEBAQEBAQEBAQEBAAAAAAVVAAD6qwAAAVUAAAarAAD6qgAABVYAAP6qAAAAAAFVAAACqwAAAqoAAAFWAAD+qgAA/qsAAPwAAAD+qwAAAAEAAAAACAAIAAAHAAABAQEBAQEBAQKqAAD9VgAACAAAAP1VAAAAAAaqAAABVgAA/qoAAPlWAAAAAQAAAAAIAAgAAAsAAAEBAQEBAQEBAQEBAQFVAAD+qwAAAqoAAAKrAAACqwAA/qoAAAAAAVUAAAarAAD5VQAABqsAAPlVAAD+qwAAAAEAAAAACAAIAAAPAAABAQEBAQEBAQEBAQEBAQEBAqoAAP6rAAD+qwAAAqoAAAKrAAACqwAA/qoAAP6rAAAAAAFVAAABVQAABVYAAPqqAAAFVgAA+qoAAP6rAAD+qwAAAAMAAAAACVUIAAADAAsAEwAAAQEBAQEBAQEBAQEBAQEBAQEBAQEEAAAAAVUAAPqrAAACqgAAAVYAAP6qAAAEAAAA/qsAAAFVAAACqwAAAqoBVgAA/qr9VggAAAD6qgAA/qsAAP6rAAABVQAAAVUAAAVWAAD4AAAAAAMAAAAACAAIAAAPABMAFwAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAAAAAAFVAAABVQAAAqsAAAFVAAABVgAA/VUAAP1VAAD9VgAAAqoAAAKrAAACqwAAAAACqgAAAVYAAAFVAAD+qwAA/qoAAP1WAAACqgAA/VYFVQKrAAD9VQAAAqsAAP1VAAAAAQAAAAAIAAgAAA8AAAEBAQEBAQEBAQEBAQEBAQECqgAA/qsAAP6rAAACqgAAAqsAAAKrAAD+qgAA/qsAAAAAAqoAAAFWAAAEAAAA/AAAAAQAAAD8AAAA/qoAAP1WAAAAAQAAAAAIAAgAABMAAAEBAQEBAQEBAQEBAQEBAQEBAQEBAAAAAAFVAAABVQAAAqsAAPqrAAAIAAAA/qoAAP1WAAD+qgAABVYAAAAAAqoAAAFWAAABVQAAAVUAAAFWAAD9VQAA/qsAAP6qAAD+qwAA/qsAAAAHAAAAAAqqCqoAAwAHAAsAFwAbAB8AIwAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAqoAAAVWAAD5VQAAAVUAAAVWAAABVQAA+qsAAP6qAAABVgAAAqoAAAFWAAD+qgAA+VYAAAFVAAAIAAAAAVUAAParAAAIAAAAAAABVQAA/qsBVQFVAAD+qwAAAVUAAP6rAVUBVgAABAAAAP6qAAABVgAA/AAAAP6qAAAGqwAA+VUAAAarAAD5VQarAVUAAP6rAAAAAQFVCAACqgqqAAMAAAEBAQEBVQAAAVUAAAgAAqoAAP1WAAAAAQVVCAAGqgqqAAMAAAEBAQEFVQAAAVUAAAgAAqoAAP1WAAAAAgAACAAEAAqqAAMABwAAAQEBAQEBAQEAAAAAAVUAAAFVAAABVgAACAACqgAA/VYAAAKqAAD9VgACBAAIAAgACqoAAwAHAAABAQEBAQEBAQQAAAABVQAAAVUAAAFWAAAIAAKqAAD9VgAAAqoAAP1WAAAAIAGGAAEAAAAAAAAAFgAAAAEAAAAAAAEACgAWAAEAAAAAAAIABwAgAAEAAAAAAAMACgAnAAEAAAAAAAQAEgAxAAEAAAAAAAUAAwBDAAEAAAAAAAYACgBGAAEAAAAAAAcAKwBQAAEAAAAAAAgAFgB7AAEAAAAAAAkABwCRAAEAAAAAAAoAJgCYAAEAAAAAAAsAPQC+AAEAAAAAAAwAOQD7AAEAAAAAAA0AIQE0AAEAAAAAABMAKQFVAAEAAAAAAQAADAF+AAMAAQQJAAAALAGKAAMAAQQJAAEAFAG2AAMAAQQJAAIADgHKAAMAAQQJAAMAFAHYAAMAAQQJAAQAJAHsAAMAAQQJAAUABgIQAAMAAQQJAAYAFAIWAAMAAQQJAAcAVgIqAAMAAQQJAAgALAKAAAMAAQQJAAkADgKsAAMAAQQJAAoATgK6AAMAAQQJAAsAegMIAAMAAQQJAAwAcgOCAAMAAQQJAA0AQgP0AAMAAQQJABMAUgQ2AAMAAQQJAQAAGASIQ29weXJpZ2h0IHBhdWxsZXUgMjAyMmZmdGEyX2JvbGRSZWd1bGFyZmZ0YTJfYm9sZGZmdGEyX2JvbGQgUmVndWxhcjEuMGZmdGEyX2JvbGRGb250U3RydWN0IGlzIGEgdHJhZGVtYXJrIG9mIEZvbnRTdHJ1Y3QuY29taHR0cHM6Ly9mb250c3RydWN0LmNvbXBhdWxsZXXSZmZ0YTJfYm9sZNMgd2FzIGJ1aWx0IHdpdGggRm9udFN0cnVjdGh0dHBzOi8vZm9udHN0cnVjdC5jb20vZm9udHN0cnVjdGlvbnMvc2hvdy8yMTYyNTcwL2ZmdGEyLWJvbGRodHRwczovL2ZvbnRzdHJ1Y3QuY29tL2ZvbnRzdHJ1Y3RvcnMvc2hvdy8xMzI1MzU1L3BhdWxsZXVGb250U3RydWN0IE5vbi1Db21tZXJjaWFsIExpY2Vuc2VGaXZlIGJpZyBxdWFja2luZyB6ZXBoeXJzIGpvbHQgbXkgd2F4IGJlZEFBZ09kMXhqWGc9PQBDAG8AcAB5AHIAaQBnAGgAdAAgAHAAYQB1AGwAbABlAHUAIAAyADAAMgAyAGYAZgB0AGEAMgBfAGIAbwBsAGQAUgBlAGcAdQBsAGEAcgBmAGYAdABhADIAXwBiAG8AbABkAGYAZgB0AGEAMgBfAGIAbwBsAGQAIABSAGUAZwB1AGwAYQByADEALgAwAGYAZgB0AGEAMgBfAGIAbwBsAGQARgBvAG4AdABTAHQAcgB1AGMAdAAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAEYAbwBuAHQAUwB0AHIAdQBjAHQALgBjAG8AbQBoAHQAdABwAHMAOgAvAC8AZgBvAG4AdABzAHQAcgB1AGMAdAAuAGMAbwBtAHAAYQB1AGwAbABlAHUgHABmAGYAdABhADIAXwBiAG8AbABkIB0AIAB3AGEAcwAgAGIAdQBpAGwAdAAgAHcAaQB0AGgAIABGAG8AbgB0AFMAdAByAHUAYwB0AAoAaAB0AHQAcABzADoALwAvAGYAbwBuAHQAcwB0AHIAdQBjAHQALgBjAG8AbQAvAGYAbwBuAHQAcwB0AHIAdQBjAHQAaQBvAG4AcwAvAHMAaABvAHcALwAyADEANgAyADUANwAwAC8AZgBmAHQAYQAyAC0AYgBvAGwAZABoAHQAdABwAHMAOgAvAC8AZgBvAG4AdABzAHQAcgB1AGMAdAAuAGMAbwBtAC8AZgBvAG4AdABzAHQAcgB1AGMAdABvAHIAcwAvAHMAaABvAHcALwAxADMAMgA1ADMANQA1AC8AcABhAHUAbABsAGUAdQBGAG8AbgB0AFMAdAByAHUAYwB0ACAATgBvAG4ALQBDAG8AbQBtAGUAcgBjAGkAYQBsACAATABpAGMAZQBuAHMAZQBGAGkAdgBlACAAYgBpAGcAIABxAHUAYQBjAGsAaQBuAGcAIAB6AGUAcABoAHkAcgBzACAAagBvAGwAdAAgAG0AeQAgAHcAYQB4ACAAYgBlAGQAQQBBAGcATwBkADEAeABqAFgAZwA9AD0AAAADAAAAAAAAAMwAZgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAA=) format("truetype"), url(data:application/font-woff;base64,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) format("woff2"), url(data:application/font-woff;base64,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) format("woff"), url(e2c4a6263cddc785c040b916306f2f7e.svg#ffta2_bold) format("svg");
font-style: normal;
font-weight: 400;
}
* {
box-sizing: border-box;
padding: 0;
margin: 0;
user-select: none;
overscroll-behavior: none;
letter-spacing: 1px;
}
html {
min-height: 100vh;
width: 100vw;
overflow: hidden;
image-rendering: pixelated;
}
body {
background: #050505;
min-height: 100vh;
width: 100vw;
overflow: hidden;
color: white;
font-family: "FFTA2";
}
.bar {
position: relative;
height: 1rem;
border: 1px solid rgba(0, 0, 0, 0.7);
background: rgba(0, 0, 0, 0.5);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.7);
border-radius: 4px;
overflow: hidden;
}
.bar i {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: linear-gradient(to right, #e7a631, #d55b28);
transition: all 0.2s ease;
border-radius: 2px;
border-top: 4px solid rgba(255, 255, 255, 0.3);
}
.bow-row {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.box {
padding: 1rem;
background: linear-gradient(45deg, var(--primary-600), var(--primary-500));
margin: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.box span {
font-size: 1.2rem;
display: block;
color: #ffc107;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.box strong {
color: #fff;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.fps-ui {
position: fixed;
left: 1rem;
top: 1rem;
z-index: 1000;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.button {
color: #fff;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.character-ui {
background: linear-gradient(45deg, var(--primary-600), var(--primary-500));
color: white;
filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 -2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(2px 0 0 rgba(0, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 0, 0.5));
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 0.5rem);
font-size: 1.2rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.character-ui h2 {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
font-size: 2rem;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.character-ui .bottom {
width: 100%;
margin-top: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.character-ui > .top {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.character-ui > .top > .left {
width: 35%;
}
.character-ui > .top > .right {
width: 65%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 1rem;
}
.character-ui > .top > .right .job {
width: 100%;
margin-bottom: 1rem;
}
.character-ui > .top > .right .job strong {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.character-ui > .top > .right .setup {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.character-ui > .top > .right .setup > * {
width: 3rem;
overflow: hidden;
}
.character-ui > .top > .right .setup > * > span {
color: var(--primary-400);
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
margin-bottom: 0.5rem;
display: block;
margin-left: 0.2rem;
}
.character-ui > .top > .right .setup > * li span {
display: none;
margin-left: 0.2em;
}
.character-ui > .top > .right .setup > *.active {
width: calc(100% - 2.5rem);
}
.character-ui > .top > .right .setup > *.active > span {
color: #fff;
}
.character-ui > .top > .right .setup > *.active li span {
display: block;
}
.character-ui > .top > .left {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.character-ui > .top > .left .character-canvas {
border-radius: 4px;
background: rgba(255, 255, 255, 0.2);
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
width: 100%;
padding-top: 100%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.character-ui > .top > .left .character-canvas img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.character-ui > .top > .left .stats li {
width: 100%;
list-style: none;
}
.character-ui > .top > .left .stats li strong, .character-ui > .top > .left .stats li span {
filter: drop-shadow(0 1px 0 rgb(0, 0, 0)) drop-shadow(0 -1px 0 rgb(0, 0, 0)) drop-shadow(1px 0 0 rgb(0, 0, 0)) drop-shadow(-1px 0 0 rgb(0, 0, 0));
}
.character-ui > .top > .left .stats li.hp, .character-ui > .top > .left .stats li.mp {
color: #fff;
display: flex;
}
.character-ui > .top > .left .stats li.hp span, .character-ui > .top > .left .stats li.mp span {
z-index: 1;
width: 100%;
}
.character-ui > .top > .left .stats li.hp .bar, .character-ui > .top > .left .stats li.mp .bar {
height: 0.5rem;
width: 5rem;
margin-left: -2.5rem;
margin-top: 0.5rem;
}
.character-ui > .top > .left .stats li .bar i {
background: linear-gradient(to right, #e7a631, #d55b28);
}
.character-ui > .top > .left .stats li.mp .bar i {
background: linear-gradient(to right, var(--primary-500), var(--primary-400));
}
.character-ui > .top > .left .stats li.stat {
color: var(--primary-300);
display: flex;
justify-content: space-between;
}
.character-ui > .top > .left .stats li.stat strong, .character-ui > .top > .left .stats li.stat span {
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
font-size: 0.5rem;
filter: drop-shadow(0 2px 0 var(--primary-900)) drop-shadow(0 -2px 0 var(--primary-900)) drop-shadow(2px 0 0 var(--primary-900)) drop-shadow(-2px 0 0 var(--primary-900));
}
.character-ui > .top > .left .stats li.stat span {
width: 2rem;
text-align: right;
}
.character-ui > .top > .left .stats li.stat span.increase {
color: #95ff3f;
}
.character-ui > .top > .left .stats li.stat span.decrease {
color: #ef8673;
}
.character-ui > .top > .left .stats li.stat strong:after {
margin-left: 0.2em;
}
.character-ui > .top > .left .stats li.stat.atk strong:after {
content: "@";
}
.character-ui > .top > .left .stats li.stat.def strong:after {
content: "_";
}
.character-ui > .top > .left .stats li.stat.pow strong:after {
content: "*";
}
.character-ui > .top > .left .stats li.stat.res strong:after {
content: "#";
}
.character-ui > .top > .left .stats li.stat.spd strong:after {
content: "&";
}
.character-ui > .top ul > span {
font-size: 1.2rem;
font-weight: 700;
}
.character-ui > .top .skills {
margin-left: 1rem;
}
.character-ui > .top .stuffs li, .character-ui > .top .skills li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0.2rem;
border-radius: 2rem;
}
.character-ui > .top .stuffs li.selected, .character-ui > .top .skills li.selected {
background: var(--primary-400);
}
.character-ui > .top .stuffs li figure, .character-ui > .top .skills li figure {
height: 2rem;
width: 2rem;
background: rgba(5, 5, 5, 0.15);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.character-ui > .top .stuffs li figure img, .character-ui > .top .skills li figure img {
image-rendering: pixelated;
filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgb(0, 0, 0));
transform: scale(3);
}
.character-ui > .top .stuffs li figure.right img, .character-ui > .top .skills li figure.right img {
transform: scale(3) translate(-15%, -10%);
}
.character-ui > .top .stuffs li figure.armor img, .character-ui > .top .skills li figure.armor img {
transform: scale(3) translate(4%, -13%);
}
.character-ui > .top .stuffs li figure.helm img, .character-ui > .top .skills li figure.helm img {
transform: scale(3) translate(2%, 3%);
}
.character-ui > .top .stuffs li figure.left img, .character-ui > .top .skills li figure.left img {
transform: scale(3) translate(11%, -11%);
}
.character-ui > .top .stuffs li figure img, .character-ui > .top .skills li figure img {
transform: scale(1);
}
.character-ui > .top .stuffs li span, .character-ui > .top .skills li span {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
margin-left: 0.5em;
}
.character-ui > .top .skills li {
position: relative;
}
.character-ui > .top .skills li:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 1px 0 var(--primary-800)) drop-shadow(0 -1px 0 var(--primary-800)) drop-shadow(1px 0 0 var(--primary-800)) drop-shadow(-1px 0 0 var(--primary-800));
font-style: italic;
}
.character-ui > .top .skills li figure {
border: 2px solid var(--primary-800);
}
.character-ui > .top .skills li.active:before {
content: "A";
color: #95ff3f;
}
.character-ui > .top .skills li.passive:before {
content: "P";
color: #adeffe;
}
.character-ui > .top .skills li.reactive:before {
content: "R";
color: #ef8673;
}
.active-skills-ui {
position: fixed;
top: calc(50vh - 5rem);
width: 100vw;
}
.active-skills-ui ul {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
}
.active-skills-ui ul li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 0 #050505;
padding: 0.2rem;
border-radius: 0.6rem;
background: linear-gradient(45deg, var(--primary-400), var(--primary-300));
margin: 0 0.3rem;
position: relative;
}
.active-skills-ui ul li figure {
transform: scale(1.5);
}
.active-skills-ui ul li.unavailable {
filter: brightness(0.5);
}
.active-skills-ui ul li.unavailable span {
color: #474747;
}
.active-skills-ui ul li strong {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.active-skills-ui ul li span {
position: absolute;
top: 100%;
right: 0;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
color: #adeffe;
transform: translate(0rem, -50%);
}
.status-manager-ui {
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.status-manager-ui .status {
animation: disappear 2s ease forwards;
color: #ffcf52;
filter: drop-shadow(0 1px 0 #856000) drop-shadow(0 -1px 0 #856000) drop-shadow(1px 0 0 #856000) drop-shadow(-1px 0 0 #856000);
}
.status-manager-ui .status.damage {
color: #ef8673;
filter: drop-shadow(0 1px 0 #87220f) drop-shadow(0 -1px 0 #87220f) drop-shadow(1px 0 0 #87220f) drop-shadow(-1px 0 0 #87220f);
}
.status-manager-ui .status.heal {
color: #95ff3f;
filter: drop-shadow(0 1px 0 #337200) drop-shadow(0 -1px 0 #337200) drop-shadow(1px 0 0 #337200) drop-shadow(-1px 0 0 #337200);
}
.status-manager-ui .status.experience {
color: #ffcf52;
filter: drop-shadow(0 1px 0 #856000) drop-shadow(0 -1px 0 #856000) drop-shadow(1px 0 0 #856000) drop-shadow(-1px 0 0 #856000);
}
@keyframes disappear {
0% {
transform: translate(-50%, -50%) scale(1.5);
}
25% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
100% {
opacity: 0;
transform: translate(-50%, calc(-50% - 3rem));
}
}
.turns-ui {
position: fixed;
top: 50vh;
left: calc(50% - 1rem);
width: 100vw;
display: flex;
}
.turns-ui figure {
position: relative;
width: 2rem;
height: 2rem;
transform: translate(-50%, 50%);
}
.turns-ui figure:first-of-type {
width: 3rem;
height: 3rem;
transform: translate(-50%, 0);
}
.turns-ui figure:first-of-type strong {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.turns-ui figure strong {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
display: none;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.turns-ui figure strong span {
white-space: nowrap;
}
.turns-ui figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
transform: scale(2);
image-rendering: pixelated;
}
.canvas-holder {
position: relative;
}
.active-character-ui {
position: absolute;
bottom: 1rem;
font-size: 0.8rem;
}
.active-character-ui.ally {
left: 0;
color: #adeffe;
}
.active-character-ui.ally > div {
padding-right: 1rem;
}
.active-character-ui.ally > div > figure {
margin-right: 0.5rem;
}
.active-character-ui.ally > div:before {
clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
transform: scale(1.1) translate(5px, 10px);
background: #04131e;
}
.active-character-ui.ally > div:after {
clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
background: linear-gradient(45deg, #0a2e4b, #104a78);
}
.active-character-ui.foe {
right: 0;
color: #ef8673;
}
.active-character-ui.foe > div {
padding-left: 1rem;
flex-direction: row-reverse;
}
.active-character-ui.foe > div:before {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
transform: scale(1.1) translate(-5px, 10px);
background: #3d1012;
}
.active-character-ui.foe > div:after {
clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
background: #8e252b;
}
.active-character-ui.foe > div > figure {
margin-left: 0.5rem;
}
.active-character-ui.foe > div > figure strong.level.very-low {
color: #474747;
}
.active-character-ui.foe > div > figure strong.level.low {
color: #95ff3f;
}
.active-character-ui.foe > div > figure strong.level.fair {
color: #ffc107;
}
.active-character-ui.foe > div > figure strong.level.hard {
color: #d55b28;
}
.active-character-ui.foe > div > figure strong.level.very-hard {
color: #f44336;
}
.active-character-ui.foe > div .stats li {
align-items: flex-end;
}
.active-character-ui > div {
z-index: 10;
position: relative;
display: flex;
padding: 0.5rem;
}
.active-character-ui > div:before, .active-character-ui > div::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.active-character-ui > div > figure {
width: 3rem;
height: 3rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.active-character-ui > div > figure img {
transform: scale(2) translate(0, -0.5rem);
image-rendering: pixelated;
}
.active-character-ui > div > figure strong.level {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
white-space: nowrap;
color: #ffc107;
}
.active-character-ui > div > figure strong.level span {
font-size: 0.8em;
margin-right: 0.2em;
}
.active-character-ui > div .stats {
list-style: none;
z-index: 10;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.active-character-ui > div .stats li {
margin-bottom: 0.3rem;
width: 100%;
display: flex;
flex-direction: column;
}
.active-character-ui > div .stats .job {
font-size: 0.6rem;
}
.active-character-ui > div .stats .job span {
font-size: 0.4rem;
color: #fff;
}
.active-character-ui > div .stats .bar {
z-index: -1;
width: 100%;
}
.active-character-ui > div .stats .hp strong, .active-character-ui > div .stats .mp strong {
position: absolute;
margin-top: -0.2rem;
}
.active-character-ui > div .stats .hp strong span, .active-character-ui > div .stats .mp strong span {
margin-right: 0.2em;
}
.active-character-ui > div .stats .hp .bar, .active-character-ui > div .stats .mp .bar {
height: 0.5rem;
margin-top: 0.3rem;
}
.active-character-ui > div .stats .hp strong span {
color: #f44336;
}
.active-character-ui > div .stats .hp .bar {
width: 95%;
}
.active-character-ui > div .stats .hp .bar i {
background: linear-gradient(45deg, #ba160a, #f44336);
}
.active-character-ui > div .stats .mp strong span {
color: var(--primary-400);
}
.active-character-ui > div .stats .mp .bar {
width: 90%;
}
.active-character-ui > div .stats .mp .bar i {
background: linear-gradient(45deg, var(--primary-500), var(--primary-400));
}
.auto-battle-ui {
position: fixed;
top: 1rem;
right: 1rem;
padding: 0.1rem 0.5rem;
border-radius: 5px;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
color: #fff;
border: 2px solid #fff;
background: transparent;
display: inline-block;
margin-top: 1rem;
margin-right: 1rem;
margin: 0;
}
.clan-menu-ui {
height: calc(50vh - 2rem);
}
.character-skills-ui {
position: fixed;
top: 50vh;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 1.5rem);
background: var(--primary-500);
color: white;
filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 -2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(2px 0 0 rgba(0, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 0, 0.5));
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8);
}
.character-skills-ui h2 {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
font-size: 2rem;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.character-skills-ui .bottom {
width: 100%;
margin-top: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.character-skills-ui h2 {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
color: var(--primary-300);
margin-bottom: 0.5rem;
text-transform: capitalize;
font-size: 1.5rem;
}
.character-skills-ui .container {
height: calc(100% - 1.5rem);
overflow-y: scroll;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
border-radius: 5px;
}
.character-skills-ui .container table {
width: 100%;
border-collapse: collapse;
}
.character-skills-ui .container table thead {
position: sticky;
top: 0;
z-index: 1;
}
.character-skills-ui .container table thead tr th {
padding: 0.2rem;
background: var(--primary-900);
color: var(--primary-300);
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.character-skills-ui .container table thead tr th:first-of-type {
border-radius: 5px 0 0 5px;
}
.character-skills-ui .container table thead tr th:last-of-type {
border-radius: 0 5px 5px 0;
}
.character-skills-ui .container table thead tr th.name {
text-align: left;
}
.character-skills-ui .container table tr th:last-of-type, .character-skills-ui .container table tr td:last-of-type {
padding-right: 1rem !important;
}
.character-skills-ui .container table tr.roster {
color: var(--primary-300);
}
.character-skills-ui .container table tr.selected {
background: var(--primary-300);
color: #fff;
}
.character-skills-ui .container table tr.current {
color: #ffc107;
}
.character-skills-ui .container table tr figure:not(.bar) {
height: 2rem;
width: 2rem;
background: rgba(5, 5, 5, 0.15);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.character-skills-ui .container table tr figure:not(.bar) img {
image-rendering: pixelated;
filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgb(0, 0, 0));
transform: scale(3);
}
.character-skills-ui .container table tr figure:not(.bar).right img {
transform: scale(3) translate(-15%, -10%);
}
.character-skills-ui .container table tr figure:not(.bar).armor img {
transform: scale(3) translate(4%, -13%);
}
.character-skills-ui .container table tr figure:not(.bar).helm img {
transform: scale(3) translate(2%, 3%);
}
.character-skills-ui .container table tr figure:not(.bar).left img {
transform: scale(3) translate(11%, -11%);
}
.character-skills-ui .container table tr figure:not(.bar) img {
transform: scale(1);
}
.character-skills-ui .container table tr td {
padding: 0.2rem 0.5rem;
}
.character-skills-ui .container table tr td:first-of-type {
border-radius: 5px 0 0 5px;
}
.character-skills-ui .container table tr td:last-of-type {
border-radius: 0 5px 5px 0;
}
.character-skills-ui .container table tr td.name, .character-skills-ui .container table tr td.held, .character-skills-ui .container table tr td.equipped {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.character-skills-ui .container table tr td.name {
font-size: 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.character-skills-ui .container table tr td.progress {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.character-skills-ui .container table tr td.progress strong {
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
color: #ffc107;
}
.character-skills-ui .container table tr td.progress .bar {
z-index: -1;
margin-top: 0.8rem;
}
.character-skills-ui .container table tr td.progress span {
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
margin-top: -0.8em;
margin-right: 0.2em;
display: block;
float: right;
color: #fff;
}
.map-ui {
width: 100vw;
height: 100vh;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
background: #524129;
animation: appear 1s ease forwards;
}
.map-ui .regions {
position: relative;
min-width: 100%;
min-height: 100%;
}
.map-ui .regions .region {
position: absolute;
transform: translate(-50%, -50%) scale(3);
}
.map-ui .regions .region.active {
z-index: 1;
transform: translate(-50%, calc(-50% - 3rem)) scale(3);
}
.map-ui .regions .region.active .container h2 {
display: block;
}
.map-ui .regions .region.active .container img {
filter: drop-shadow(0px 1px 0px #5e1f00) drop-shadow(0px 1px 0px #5e1f00) drop-shadow(0px 1px 0px #5e1f00) drop-shadow(0px 1px #47231b) drop-shadow(0px 1px #47231b) drop-shadow(0px 1px #47231b) drop-shadow(0px 1px #47231b) drop-shadow(0px 1px #47231b) drop-shadow(0px 10px 0px black);
}
.map-ui .regions .region.active .container .places {
display: block;
pointer-events: all;
}
.map-ui .regions .region .container {
position: relative;
transition: all 0.2s ease-out;
transform: translate(50%, 50%);
}
.map-ui .regions .region .container h2 {
position: absolute;
top: 50%;
transform: translate(-50%, -50%) scale(0.5) skew(-20deg, -10deg);
z-index: 1;
font-size: 1.5rem;
color: #ffc107;
text-shadow: 0 0.2em 0.1em rgba(0, 0, 0, 0.2);
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
font-weight: bold;
font-family: serif;
letter-spacing: 0.4em;
display: none;
text-align: center;
line-height: 1em;
animation: levitate 3s infinite ease;
}
@keyframes levitate {
0% {
transform: translate(-50%, -50%) scale(0.5) skew(-20deg, -10deg);
text-shadow: 0 0.1rem 0.1em rgba(0, 0, 0, 0.1);
}
50% {
transform: translate(-50%, calc(-50% - 0.1rem)) scale(0.5) skew(-20deg, -10deg);
text-shadow: 0 0.2rem 0.2em rgba(0, 0, 0, 0.1);
}
100% {
transform: translate(-50%, -50%) scale(0.5) skew(-20deg, -10deg);
text-shadow: 0 0.1rem 0.1em rgba(0, 0, 0, 0.1);
}
}
.map-ui .regions .region .container canvas {
transform: translate(-50%, -50%) scale(0.3);
position: absolute;
pointer-events: none;
transition: all 1s linear;
}
.map-ui .regions .region .container canvas:nth-of-type(1) {
transform: translate(calc(-50% + 0.1rem), calc(-50% - 0rem)) scale(0.3);
z-index: 12;
}
.map-ui .regions .region .container canvas:nth-of-type(2) {
transform: translate(calc(-50% - 0.4rem), calc(-50% - 0.3rem)) scale(0.3);
z-index: 11;
}
.map-ui .regions .region .container canvas:nth-of-type(3) {
transform: translate(calc(-50% + 0.4rem), calc(-50% - 0.5rem)) scale(0.3);
z-index: 10;
}
.map-ui .regions .region .container img {
image-rendering: pixelated;
filter: brightness(0.5) grayscale(0.3);
transform: translate(-50%, -50%);
}
.map-ui .regions .region .container .places {
display: none;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.map-ui .regions .region .container .places svg {
position: absolute;
color: #ad5929;
pointer-events: none;
}
.map-ui .regions .region .container .places svg line, .map-ui .regions .region .container .places svg path {
stroke-width: 3px;
stroke: currentColor;
}
.map-ui .regions .region .container .places .place {
z-index: 10;
width: 1rem;
height: 0.6rem;
position: absolute;
border-radius: 50%;
border: 2px solid #ad5929;
transform: translate(-50%, -50%);
background: #ffdf8c;
display: none;
transition: all 0.2s ease-out;
}
.map-ui .regions .region .container .places .place.active {
transform: translate(-50%, -50%) scale(1.1);
}
.map-ui .regions .region .container .places .place[data-discovered][data-type=junction] {
display: flex;
justify-content: center;
align-items: center;
}
.map-ui .regions .region .container .places .place[data-discovered][data-type=junction]:before {
content: "";
background-image: url(ac7d96321dc26e44a79880aad09c54a1.png);
background-size: contain;
background-position: bottom;
display: block;
background-repeat: no-repeat;
image-rendering: pixelated;
width: 0.8rem;
height: 0.6rem;
transform: translate(0, -50%);
position: absolute;
}
.map-ui .regions .region .container .places .place[data-discovered][data-type=battle]:not([data-completed]) {
display: flex;
justify-content: center;
align-items: center;
}
.map-ui .regions .region .container .places .place[data-discovered][data-type=battle]:not([data-completed]):before {
content: "";
background-image: url(8d84ea661dcc5f4e6c5331eee65beae1.png);
background-size: contain;
background-position: bottom;
display: block;
background-repeat: no-repeat;
image-rendering: pixelated;
width: 1.2rem;
height: 1.5rem;
transform: translate(0, -50%);
top: -4px;
position: absolute;
}
.map-ui .regions .region .container .places .place[data-discovered][data-type=city] {
display: flex;
justify-content: center;
align-items: center;
}
.map-ui .regions .region .container .places .place[data-discovered][data-type=city]:before {
content: "";
background-image: url(1beb23a448acae3bb60c01670b8b1cb6.png);
background-size: contain;
background-position: bottom;
display: block;
background-repeat: no-repeat;
image-rendering: pixelated;
width: 1.2rem;
height: 1.2rem;
transform: translate(0, -50%);
top: -1px;
position: absolute;
}
.map-ui .regions .region .container .places .place[data-discovered] {
display: flex;
}
.place-ui {
position: fixed;
bottom: 0;
left: 0;
width: calc(100% - 1rem);
padding: 1rem;
background: linear-gradient(45deg, var(--primary-600), var(--primary-500));
margin: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
.place-ui h1, .place-ui h2, .place-ui h3, .place-ui h4, .place-ui h5, .place-ui h6 {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.place-ui span {
font-size: 1.2rem;
display: block;
color: #ffc107;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.place-ui strong {
color: #fff;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.place-ui .completed {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.place-ui .button {
padding: 0.1rem 0.5rem;
border-radius: 5px;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
color: #fff;
border: 2px solid #fff;
background: var(--primary-500);
display: inline-block;
margin-top: 1rem;
margin-right: 1rem;
}
.placement-ui .team-placement {
position: fixed;
top: 0;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 0.5rem);
}
.placement-ui .team-placement .container {
position: relative;
width: 100%;
height: 100%;
transform: translate(45%, 51%);
}
.placement-ui .team-placement .container .spot {
position: absolute;
width: 3rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.placement-ui .team-placement .container .spot:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 1rem;
top: unset;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
border-radius: 50%;
}
.placement-ui .team-placement .container .spot canvas {
transform: translate(0, -1rem);
z-index: 1;
pointer-events: none;
image-rendering: pixelated;
}
.placement-ui .team-placement .container .spot.active:before {
background: rgba(255, 255, 255, 0.3);
}
.character-stuff-ui {
position: fixed;
top: 50vh;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 1.5rem);
background: var(--primary-500);
color: white;
filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 -2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(2px 0 0 rgba(0, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 0, 0.5));
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8);
}
.character-stuff-ui h2 {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
font-size: 2rem;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.character-stuff-ui .bottom {
width: 100%;
margin-top: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.character-stuff-ui h2 {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
color: var(--primary-300);
margin-bottom: 0.5rem;
text-transform: capitalize;
font-size: 1.5rem;
}
.character-stuff-ui .container {
height: calc(100% - 1.5rem);
overflow-y: scroll;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
border-radius: 5px;
}
.character-stuff-ui .container table {
width: 100%;
border-collapse: collapse;
}
.character-stuff-ui .container table thead {
position: sticky;
top: 0;
z-index: 1;
}
.character-stuff-ui .container table thead tr th {
padding: 0.2rem;
background: var(--primary-900);
color: var(--primary-300);
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.character-stuff-ui .container table thead tr th:first-of-type {
border-radius: 5px 0 0 5px;
}
.character-stuff-ui .container table thead tr th:last-of-type {
border-radius: 0 5px 5px 0;
}
.character-stuff-ui .container table thead tr th.name {
text-align: left;
}
.character-stuff-ui .container table tr.item.disabled {
color: #474747;
}
.character-stuff-ui .container table tr.item.selected {
background: var(--primary-300);
}
.character-stuff-ui .container table tr.item.current {
color: #ffc107;
}
.character-stuff-ui .container table tr.item figure {
height: 2rem;
width: 2rem;
background: rgba(5, 5, 5, 0.15);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.character-stuff-ui .container table tr.item figure img {
image-rendering: pixelated;
filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgb(0, 0, 0));
transform: scale(3);
}
.character-stuff-ui .container table tr.item figure.right img {
transform: scale(3) translate(-15%, -10%);
}
.character-stuff-ui .container table tr.item figure.armor img {
transform: scale(3) translate(4%, -13%);
}
.character-stuff-ui .container table tr.item figure.helm img {
transform: scale(3) translate(2%, 3%);
}
.character-stuff-ui .container table tr.item figure.left img {
transform: scale(3) translate(11%, -11%);
}
.character-stuff-ui .container table tr.item td {
padding: 0.2rem 0.5rem;
}
.character-stuff-ui .container table tr.item td:first-of-type {
border-radius: 5px 0 0 5px;
}
.character-stuff-ui .container table tr.item td:last-of-type {
border-radius: 0 5px 5px 0;
}
.character-stuff-ui .container table tr.item td.name, .character-stuff-ui .container table tr.item td.held, .character-stuff-ui .container table tr.item td.equipped {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.character-stuff-ui .container table tr.item td.name {
font-size: 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.character-stuff-ui .container table tr.item td.held, .character-stuff-ui .container table tr.item td.equipped {
text-align: right;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.character-stuff-ui .container table tr th:last-of-type, .character-stuff-ui .container table tr td:last-of-type {
padding-right: 1rem !important;
}
.single-stuff-ui {
position: fixed;
top: 0;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 0.5rem);
background: var(--primary-500);
color: white;
filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 -2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(2px 0 0 rgba(0, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 0, 0.5));
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8);
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
left: calc(40% + 1rem);
width: 50vw;
}
.single-stuff-ui h2 {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
font-size: 2rem;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.single-stuff-ui .bottom {
width: 100%;
margin-top: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.single-stuff-ui > div {
display: flex;
justify-content: flex-start;
align-items: center;
}
.single-stuff-ui > div > figure {
height: 2rem;
width: 2rem;
background: rgba(5, 5, 5, 0.15);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.single-stuff-ui > div > figure img {
image-rendering: pixelated;
filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgb(0, 0, 0));
transform: scale(3);
}
.single-stuff-ui > div > figure.right img {
transform: scale(3) translate(-15%, -10%);
}
.single-stuff-ui > div > figure.armor img {
transform: scale(3) translate(4%, -13%);
}
.single-stuff-ui > div > figure.helm img {
transform: scale(3) translate(2%, 3%);
}
.single-stuff-ui > div > figure.left img {
transform: scale(3) translate(11%, -11%);
}
.single-stuff-ui > div h2 {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.single-stuff-ui ul {
width: 100%;
}
.single-stuff-ui ul li {
filter: brightness(0.5);
}
.single-stuff-ui ul li.available {
filter: none;
}
.characters-battle-ui {
position: absolute;
left: 0;
bottom: 0.5rem;
width: 100vw;
height: calc(50vh - 5rem);
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.characters-battle-ui .allies, .characters-battle-ui .foes {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
}
.characters-battle-ui .allies.foes, .characters-battle-ui .foes.foes {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: flex-end;
}
.characters-battle-ui .allies .character, .characters-battle-ui .foes .character {
font-size: 0.8rem;
}
.characters-battle-ui .allies .character:nth-child(1), .characters-battle-ui .foes .character:nth-child(1) {
order: 1;
}
.characters-battle-ui .allies .character:nth-child(3), .characters-battle-ui .foes .character:nth-child(3) {
order: 2;
}
.characters-battle-ui .allies .character.ally, .characters-battle-ui .foes .character.ally {
left: 0;
color: var(--primary-50);
}
.characters-battle-ui .allies .character.ally > div, .characters-battle-ui .foes .character.ally > div {
padding-right: 1rem;
}
.characters-battle-ui .allies .character.ally > div > figure, .characters-battle-ui .foes .character.ally > div > figure {
margin-right: 0.5rem;
}
.characters-battle-ui .allies .character.ally > div:after, .characters-battle-ui .foes .character.ally > div:after {
transition: all 0.2s ease-out;
clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
background: var(--primary-900);
}
.characters-battle-ui .allies .character.ally.active div:after, .characters-battle-ui .foes .character.ally.active div:after {
background: var(--primary-800);
}
.characters-battle-ui .allies .character.foe, .characters-battle-ui .foes .character.foe {
right: 0;
color: #ef8673;
}
.characters-battle-ui .allies .character.foe.active div:after, .characters-battle-ui .foes .character.foe.active div:after {
background: #8e252b;
}
.characters-battle-ui .allies .character.foe > div, .characters-battle-ui .foes .character.foe > div {
padding-left: 1rem;
flex-direction: row-reverse;
}
.characters-battle-ui .allies .character.foe > div:after, .characters-battle-ui .foes .character.foe > div:after {
transition: all 0.2s ease-out;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
background: #8e252b;
background: #661a1f;
}
.characters-battle-ui .allies .character.foe > div > figure, .characters-battle-ui .foes .character.foe > div > figure {
margin-left: 0.5rem;
}
.characters-battle-ui .allies .character.foe > div > figure strong.level.very-low, .characters-battle-ui .foes .character.foe > div > figure strong.level.very-low {
color: #474747;
}
.characters-battle-ui .allies .character.foe > div > figure strong.level.low, .characters-battle-ui .foes .character.foe > div > figure strong.level.low {
color: #95ff3f;
}
.characters-battle-ui .allies .character.foe > div > figure strong.level.fair, .characters-battle-ui .foes .character.foe > div > figure strong.level.fair {
color: #ffc107;
}
.characters-battle-ui .allies .character.foe > div > figure strong.level.hard, .characters-battle-ui .foes .character.foe > div > figure strong.level.hard {
color: #d55b28;
}
.characters-battle-ui .allies .character.foe > div > figure strong.level.very-hard, .characters-battle-ui .foes .character.foe > div > figure strong.level.very-hard {
color: #f44336;
}
.characters-battle-ui .allies .character.foe > div .stats li, .characters-battle-ui .foes .character.foe > div .stats li {
align-items: flex-end;
}
.characters-battle-ui .allies .character > div, .characters-battle-ui .foes .character > div {
z-index: 10;
position: relative;
display: flex;
padding: 0.5rem;
min-width: calc(50vw - 1rem);
}
.characters-battle-ui .allies .character > div:before, .characters-battle-ui .allies .character > div::after, .characters-battle-ui .foes .character > div:before, .characters-battle-ui .foes .character > div::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.characters-battle-ui .allies .character > div > figure, .characters-battle-ui .foes .character > div > figure {
width: 3rem;
height: 3rem;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.characters-battle-ui .allies .character > div > figure img, .characters-battle-ui .foes .character > div > figure img {
transform: scale(3) translate(0, -0.1rem);
image-rendering: pixelated;
width: 100%;
height: 100%;
}
.characters-battle-ui .allies .character > div > figure strong.level, .characters-battle-ui .foes .character > div > figure strong.level {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
white-space: nowrap;
color: #ffc107;
font-size: 0.6em;
}
.characters-battle-ui .allies .character > div > figure strong.level span, .characters-battle-ui .foes .character > div > figure strong.level span {
font-size: 0.8em;
margin-right: 0.2em;
}
.characters-battle-ui .allies .character > div .stats, .characters-battle-ui .foes .character > div .stats {
list-style: none;
z-index: 10;
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
width: calc(100% - 3rem);
}
.characters-battle-ui .allies .character > div .stats li, .characters-battle-ui .foes .character > div .stats li {
margin-bottom: 0.3rem;
width: 100%;
display: flex;
flex-direction: column;
}
.characters-battle-ui .allies .character > div .stats li > *:not(.bar), .characters-battle-ui .foes .character > div .stats li > *:not(.bar) {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.characters-battle-ui .allies .character > div .stats li > .bar, .characters-battle-ui .foes .character > div .stats li > .bar {
border-width: 2px;
}
.characters-battle-ui .allies .character > div .stats .job, .characters-battle-ui .foes .character > div .stats .job {
font-family: "ffta2_bold";
font-size: 0.5em;
text-transform: uppercase;
}
.characters-battle-ui .allies .character > div .stats .job .bar, .characters-battle-ui .foes .character > div .stats .job .bar {
margin-top: -0.7rem;
}
.characters-battle-ui .allies .character > div .stats .job .bar i, .characters-battle-ui .foes .character > div .stats .job .bar i {
background: #ffc107;
}
.characters-battle-ui .allies .character > div .stats .job strong, .characters-battle-ui .foes .character > div .stats .job strong {
font-size: 0.6rem;
}
.characters-battle-ui .allies .character > div .stats .job span, .characters-battle-ui .foes .character > div .stats .job span {
font-size: 0.4rem;
color: #fff;
}
.characters-battle-ui .allies .character > div .stats .bar, .characters-battle-ui .foes .character > div .stats .bar {
z-index: -1;
width: 100%;
}
.characters-battle-ui .allies .character > div .stats .hp strong, .characters-battle-ui .allies .character > div .stats .mp strong, .characters-battle-ui .foes .character > div .stats .hp strong, .characters-battle-ui .foes .character > div .stats .mp strong {
position: absolute;
margin-top: -0.2rem;
}
.characters-battle-ui .allies .character > div .stats .hp strong span, .characters-battle-ui .allies .character > div .stats .mp strong span, .characters-battle-ui .foes .character > div .stats .hp strong span, .characters-battle-ui .foes .character > div .stats .mp strong span {
margin-right: 0.2em;
}
.characters-battle-ui .allies .character > div .stats .hp .bar, .characters-battle-ui .allies .character > div .stats .mp .bar, .characters-battle-ui .foes .character > div .stats .hp .bar, .characters-battle-ui .foes .character > div .stats .mp .bar {
height: 0.8rem;
}
.characters-battle-ui .allies .character > div .stats .hp strong span, .characters-battle-ui .foes .character > div .stats .hp strong span {
color: #f44336;
}
.characters-battle-ui .allies .character > div .stats .hp .bar, .characters-battle-ui .foes .character > div .stats .hp .bar {
width: 95%;
}
.characters-battle-ui .allies .character > div .stats .hp .bar i, .characters-battle-ui .foes .character > div .stats .hp .bar i {
background: #f44336;
}
.characters-battle-ui .allies .character > div .stats .mp strong span, .characters-battle-ui .foes .character > div .stats .mp strong span {
color: var(--primary-400);
}
.characters-battle-ui .allies .character > div .stats .mp .bar, .characters-battle-ui .foes .character > div .stats .mp .bar {
width: 90%;
}
.characters-battle-ui .allies .character > div .stats .mp .bar i, .characters-battle-ui .foes .character > div .stats .mp .bar i {
background: var(--primary-400);
}
.battle-end-ui .rewards {
position: fixed;
top: 0;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 0.5rem);
background: var(--primary-500);
color: white;
filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 -2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(2px 0 0 rgba(0, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 0, 0.5));
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8);
top: 25vh;
height: unset;
transform: translate(0, -50%);
background: var(--primary-400);
filter: unset;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.battle-end-ui .rewards h2 {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
font-size: 2rem;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.battle-end-ui .rewards .bottom {
width: 100%;
margin-top: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.battle-end-ui .rewards .loots {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.battle-end-ui .rewards .loots li {
list-style: none;
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 1.2rem;
margin-top: 0.5rem;
}
.battle-end-ui .rewards .loots li figure {
height: 2rem;
width: 2rem;
background: rgba(5, 5, 5, 0.15);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.battle-end-ui .rewards .loots li figure img {
image-rendering: pixelated;
filter: drop-shadow(1px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 1px 0px rgb(0, 0, 0));
transform: scale(3);
}
.battle-end-ui .rewards .loots li figure.right img {
transform: scale(3) translate(-15%, -10%);
}
.battle-end-ui .rewards .loots li figure.armor img {
transform: scale(3) translate(4%, -13%);
}
.battle-end-ui .rewards .loots li figure.helm img {
transform: scale(3) translate(2%, 3%);
}
.battle-end-ui .rewards .loots li figure.left img {
transform: scale(3) translate(11%, -11%);
}
.battle-end-ui .rewards .loots li strong {
margin: 0 0.5rem;
}
.battle-end-ui .rewards .loots li strong, .battle-end-ui .rewards .loots li span {
filter: drop-shadow(0 1px 0 rgb(0, 0, 0)) drop-shadow(0 -1px 0 rgb(0, 0, 0)) drop-shadow(1px 0 0 rgb(0, 0, 0)) drop-shadow(-1px 0 0 rgb(0, 0, 0));
}
.error-ui {
position: fixed;
top: 0;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 0.5rem);
background: rgba(244, 67, 54, 0.8);
color: #fff;
z-index: 10000000000;
left: 0.5rem;
top: 0.5rem;
padding: 1rem;
font-weight: 700;
font-size: 1rem;
}
.error-ui ul li {
list-style: none;
margin-bottom: 1rem;
}
.job-selection-ui {
position: fixed;
top: 50vh;
left: 0;
width: calc(100vw - 1rem);
height: calc(50vh - 1.5rem);
background: var(--primary-500);
color: white;
filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 -2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(2px 0 0 rgba(0, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 0, 0.5));
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8);
}
.job-selection-ui h2 {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
font-size: 2rem;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.job-selection-ui .bottom {
width: 100%;
margin-top: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.job-selection-ui .jobs {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.job-selection-ui .jobs .job {
width: 100%;
margin-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.job-selection-ui .jobs .job.active strong {
color: #ffc107;
}
.job-selection-ui .jobs .job.unavailable strong {
color: #474747;
}
.job-selection-ui .jobs .job .bar {
width: 50%;
margin-top: 0.3rem;
}
.job-selection-ui .jobs .job strong, .job-selection-ui .jobs .job span {
display: block;
font-size: 1.2rem;
}
.job-selection-ui .jobs .job strong {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
font-size: 1.5rem;
}
.job-selection-ui .jobs .job span {
filter: drop-shadow(0 1px 0 rgb(0, 0, 0)) drop-shadow(0 -1px 0 rgb(0, 0, 0)) drop-shadow(1px 0 0 rgb(0, 0, 0)) drop-shadow(-1px 0 0 rgb(0, 0, 0));
}
.job-selection-ui .jobs .job .required-skills {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0.3rem;
}
.clan-list {
display: flex;
flex-wrap: wrap;
background: linear-gradient(45deg, var(--primary-600), var(--primary-500));
color: white;
filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 -2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(2px 0 0 rgba(0, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 0, 0.5));
margin: 0.5rem;
padding: 0.5rem;
border-radius: 5px;
outline: 2px solid rgba(0, 0, 0, 0.8);
border-left: 2px solid rgba(255, 255, 255, 0.5);
border-top: 2px solid rgba(255, 255, 255, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.8);
max-height: calc(50vh - 2rem);
}
.clan-list h2 {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -70%);
font-size: 2rem;
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}
.clan-list .bottom {
width: 100%;
margin-top: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.clan-list .character {
display: flex;
flex-direction: column;
align-items: center;
width: 25%;
text-align: center;
height: 6rem;
position: relative;
}
.clan-list .character:after {
content: "";
width: 50%;
top: 50%;
left: 50%;
height: 1rem;
transform: translate(-50%, 0);
z-index: -1;
background: rgba(5, 5, 5, 0.3);
border-radius: 50%;
position: absolute;
}
.clan-list .character.active img {
filter: brightness(0.5);
}
.clan-list .character.active:after {
background: rgba(5, 5, 5, 0.3);
}
.clan-list .character img {
margin: -1rem;
margin-top: -2rem;
}
.clan-list .character span, .clan-list .character strong {
filter: drop-shadow(0 2px 0 rgb(0, 0, 0)) drop-shadow(0 -2px 0 rgb(0, 0, 0)) drop-shadow(2px 0 0 rgb(0, 0, 0)) drop-shadow(-2px 0 0 rgb(0, 0, 0));
}