waifu test by legmeat

/* ==UserStyle==
@name         WaifuHelper Tweaks [WaifuGame]
@version      2022.12.14
@namespace    userstyles.world/user/kaorinite
@description  Various tweaks for WaifuGame.com
@author       WaifuHelper
@license      MIT License
@preprocessor   stylus

@var checkbox sidebarMenu "Permanent sidebar" 0
@var checkbox itemTraits "Food natures" 1
@var checkbox glowEffects "Performant glow effects" 0
@var select altHotel "Alternative hotel view" {
	"Default*": "0",
	"Pictures": "1",
	"Chart": "2"
}
@var checkbox horizontalTeam "Horizontal team (home page)" 0
//var checkbox showStats "Show stats (Hotel Pictures view)" 1
//var checkbox lightMode "I am feeling sick" 0
==/UserStyle== */
/*
	From Despair with <3	
	Features:
		-Food Traits
		-Better Cards view
		-Better Search view
		-Removed Perament Sidebar
*/
@-moz-document url-prefix("https://waifugame.com/") {
	lightMode=0
	:root {
		--darkest-black: #0f1117;
		--darker-black: #1b1d21;
		--dark-black: #21252a;

		--white-bg: #f4f4f4;
		--waif-chart-header: #f81b02;
		--waifu-chart-text: #ca5703;
		--waifu-chart-odd: #fee7e7;
		--waifu-chart-even: #fccccb;
		--waifu-red4: #d46e78;
		--waifu-red3: #ED5565;
		--waifu-red: #dc3545;
		--waifu-red2: #c82333;
		--waifu-red7: #C63F4D;

		scrollbar-width: thin;
		scrollbar-color: #d0368a var(--darkest-black);
	}

	/*scrollbars suggested by Daineze*/
	::-webkit-scrollbar,
	::-webkit-scrollbar-button {
		width: 0.5rem;
		background-color: transparent;
	}

	::-webkit-scrollbar-track-piece {
		border-radius: 1rem;

		background-color: var(--darkest-black);
	}

	/*colorblind mode
	img.rounded-s.glow-5:before, 
	.glow-0:before,
	.glow-1:before,
	.glow-2:before,
	.glow-3:before,
	.glow-4:before,
	.glow-5:before,
	.glow-6:before,
	.glow-7:before {
		position: fixed;
		color: white;
		top: 0;
		left: 0;
		border-bottom-right-radius: 1rem;
		font-weight: bold;
		font-size: 1.5em;
		padding: 0.5em;
	}
	.glow-0:before {
		content: "⠂";
		background: black;
	}
	.glow-1:before {
		content: "⠆";
		background: #3dd20b;
	}
	.glow-2:before {
		content: "⠋";
		background: #2f78ff;
	}
	.glow-3:before {
		content: "⠛";
		background: #9132c8;
	}
	.glow-4:before {
		content: "⠟";
		background: #ffb400;
	}
	img.rounded-s.glow-5:before, 
	.glow-5:before {
		content: "⠿";
		background: #CF4747;
	}
	.glow-0:hover,
	.glow-1:hover,
	.glow-2:hover,
	.glow-3:hover,
	.glow-4:hover,
	.glow-5:before:hover,
	.glow-6:hover,
	.glow-7:hover {
		content: "";
		background: red;
	}
	*/
	unless lightMode {
		::-webkit-scrollbar-thumb {
			border-radius: 1rem;
			background-image: linear-gradient(to bottom, #d0368a, #708ad4);
			background-color: #d46e78;
		}

		::-webkit-scrollbar-thumb:hover {
			border-radius: 1rem;
			background-image: linear-gradient(to bottom, #e1369a, #809ae4);
			background-color: #dc3545;
		}
	}

	if lightMode {
		body,
		.post-body,
		.post-title {
			font-family: 'Lexend', sans-serif;
		}

		.theme-dark,
		.theme-dark .page-bg,
		.theme-dark #page,
		.theme-dark .loader-main,
		.theme-dark .instant-article,
		.theme-dark .divider-icon i,
		.theme-dark .table tr.even td,
		.theme-dark .timeline-body,
		.theme-dark table,
		.theme-dark td {
			background-color: var(--white-bg)!important;
			color: #424242 !important;
		}
		.theme-dark .accordion-btn,
		.theme-dark .menu .nav-title,
		.theme-dark .menu .nav a i,
		.theme-dark .menu .nav a span,
		.theme-dark .menu .nav .active-nav i,
		.theme-dark .menu .nav .active-nav span,
		.theme-dark .header .header-icon,
		.theme-dark .header .header-title,
		.theme-dark .search-header .fa-search,
		.theme-dark .countdown div,
		.theme-dark .list-group i:last-child,
		.theme-dark .search-icon-list a,
		.theme-dark .fac label,
		.theme-dark .pagination a,
		.theme-dark .accordion-style-2 a,
		.theme-dark .input-style-1 .input-icon,
		.theme-dark .input-style-2 .input-icon,
		.theme-dark .input-style-1 span,
		.theme-dark .input-style-2 span,
		.theme-dark .input-style-1 input,
		.theme-dark .input-style-2 input,
		.theme-dark input,
		.theme-dark .contact-form i,
		.theme-dark .demo-icon-font article,
		.theme-dark [data-tab],
		span.select2-selection.select2-selection--multiple,
		.theme-dark .profile-2 .profile-stats a,
		.theme-dark .vcard-field *,
		.theme-dark .search-header input,
		.theme-dark .search-header input::placeholder,
		.theme-dark .footer .footer-title,
		.theme-dark .footer,
		.theme-dark .card,
		.theme-dark #preloader,
		div#footer-bar {
			background-color: white!important;
			color: #757575 !important;
		}
		div#footer-bar {
			box-shadow: 0 0 20px 0 #0002;
		}

		div#footer-bar i,
		div#footer-bar span {
			color: #1f1f1f !important;
		}

		/*select box*/
		select {
			padding: 5px!important;
			height: calc(1.8125rem + 2px);
			-moz-appearance: none;
			color: white;
			background-color: var(--dark-black);
			border-color: #dc3545!important;
			/* Firefox */
			-webkit-appearance: none;
			/* Safari and Chrome */
			appearance: none;

			display: block;
			width: 100%;
			-ms-word-break: normal;
			word-break: normal;

			background-repeat: no-repeat;
			background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
			background-position: right 15px top 1em, right 10px top 1em;
			background-size: 5px 5px, 5px 5px;
		}
		select:focus-within {
			background-color: #dc3545;
		}


		select:focus > option:checked,
		select option:hover {
			background-color: var(--dark-black);
		}

		select:disabled {
			opacity: .5;
			color: #dc3545;
			background-color: var(--dark-black);
			border-color: #dc3545;
			background-image: none;
		}


		.theme-dark .bg-theme {
			background-color: #fff!important
		}

		.theme-dark .color-theme {
			color: black!important
		}


		.theme-dark .menu .active-nav {
			font-weight: 700;
			color: #000!important
		}

		.row.bg-dark.rounded-m.mx-2,
		.row.no-gutters.bg-dark.rounded-m,
		.col-6.offset-3.mt-3.mb-3.bg-dark-dark.p-4.rounded-lg {
			background-color: #ffc7ca!important;
		}

		.theme-dark .list-custom-large a,
		.theme-dark .list-custom-small a,
		a.actionShowItemSheet {
			border-bottom: 1px dashed rgba(0, 0, 0, .54)!important;
		}

		.theme-dark span:not(.badge),
		h3#cardCount span.opacity-50,
		a.color-white {
			color: #dc3545!important;
		}

		.list-custom-small a img {
			margin-top: 0;
			width: 32px;
			height: 32px;
			float: none;
		}

		a.actionShowItemSheet,
		.list-group.list-custom-small span,
		.theme-dark p {
			color: #757575!important;
			font: 15px Roboto, sans-serif;
			line-height: 32px;
			word-break: break-word;
			word-wrap: break-word;
			font-weight: 400;
			vertical-align: middle;
			padding-top: 1px;
			padding-bottom: 1px;
		}

		.theme-dark h1,
		.theme-dark h2,
		.theme-dark h3,
		.theme-dark h4,
		.theme-dark h5,
		.theme-dark h6,
		.theme-dark #footer-bar a i,
		.theme-dark #footer-bar a span .theme-dark p strong {
			color: black;
		}

		#footer-bar a:hover,
		#footer-bar a:hover i,
		#footer-bar a:hover span {
			color: #dc3545!important;
		}

		button.eBuyBtn.btn.btn-sm.btn-block.btn-outline-secondary.border-green-dark {
			color: #8cc152;
		}

		button#searchRemFromWish,
		button#searchAddToWish,
		button#remCardToWish,
		button#addCardToWish,
		button.tagBtn.btn.btn-block.btn-outline-secondary,
		a.btn.btn-block.btn-outline-secondary {
			border-color: #dc3545;
			color: #dc3545;
			background-color: transparent;
		}

		button#searchRemFromWish:hover,
		button#searchAddToWish:hover,
		button#remCardToWish:hover,
		button#addCardToWish:hover,
		button.tagBtn.btn.btn-block.btn-outline-secondary:hover,
		a.btn.btn-block.btn-outline-secondary:hover {
			border-color: #dc3545;
			background-color: #dc3545;
			color: white;
		}

		button#searchRemFromWish:disabled:hover,
		button#searchAddToWish:disabled:hover,
		button#remCardToWish,
		button#remCardToWish:disabled:hover,
		button#addCardToWish:disabled {
			color: #dc3545;
			background-color: transparent;
		}
		button#addCardToWish:disabled:hover {
			color: #dc3545;
		}
		button#remCardToWish:hover,
		button#addCardToWish:hover {
			color: white;
		}
		button#remCardToWish:hover {
			background-color: #dc3545;
		}

		button.btn.btn-sm.btn-block.btn-outline-secondary {
			transition: all 300ms ease;
			transition-property: all;
			transition-duration: 300ms;
			transition-timing-function: ease;
			transition-delay: 0s;
		}

		.bg-red-dark {
			background-color: #dc3545!important;
		}
		.bg-red-dark:hover {
			background-color: #c82333!important;
		}

		button.eBuyBtn.btn.btn-sm.btn-block.btn-outline-secondary.border-green-dark:hover {
			color: white;
			background-color: #8cc152;
		}
		button.btn.btn-sm.btn-block.btn-outline-secondary:hover s.color-gray-dark {
			color: black!important;
		}
		button.btn.btn-sm.btn-block.btn-outline-secondary:hover i {
			color: white!important;
		}
		button.buyBtn.btn.btn-sm.btn-block.btn-outline-secondary {
			color: #dc3545;
			border-color: #dc3545;
		}
		button.buyBtn.btn.btn-sm.btn-block.btn-outline-secondary:hover {
			color: white;
			background-color: #dc3545;
		}
		button.btn.btn-sm.btn-outline-secondary.border-blue-dark {
			color: #4a89dc;
		}
		button.btn.btn-sm.btn-outline-secondary.border-blue-dark:hover {
			color: white;
			background-color: #4a89dc;
		}
		button.btn.btn-sm.btn-outline-secondary.border-blue-dark span {
			background-color: transparent!important;
		}
		li.select2-selection__choice button,
		li.select2-selection__choice span,
		span#toastText,
		span#cardVD,
		span#cardVS {
			background-color: transparent!important;
			color: white!important;
		}
		button.btn.btn-sm.btn-outline-secondary.border-blue-dark:hover span {
			color: white!important;
		}

		.header > .header-icon.header-icon-1,
		.header > .header-icon.header-icon-4 {
			box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .02)!important;
		}

		table thead {
			background-color: #f81b02!important;
			color: white;
		}

		.table.table-borderle...