/* bunker/assets/images/bg */
/* /bunker/assets/css */
/*#abcb2c, #a1c428, #1ff61f, #01371f*/

body {
	background-image: url(../images/bg/bg-main-bottom.webp?v=1);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: var(--bg-main);
}

header {
	background-image: url(../images/bg/bg-header-dark.webp?v=1);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--bg-main);
}
body:not(.homepage) .about-us-wrap {
	margin-top: 3rem;
}
.menu-header {
	background: var(--bg-menu);
}
.bg-offcanvas {
	backdrop-filter: unset;
	box-shadow: none !important;
	background: var(--bg-menu) !important;
}
.bg-offcanvas.show {
	background: var(--bg-menu) !important;
}
@media(max-width: 767px) {
.bg-offcanvas {
	background: var(--bg-menu) !important;
}	
}
.running-news.running-news-front, 
.running-news.running-news-back {
  background-color: #182d26;
}
.running-news .form-control {
  background-color: var(--bg-transparent);
  border-bottom: none;
}
.running-news i {
	color: var(--color-yellow-main);
	font-weight: bold;
}
.running-news .input-group-text {
	border-bottom: none;
}
.running-news .input-group-text::after {
	color: var(--color-yellow-main);
}

.form-floating .form-control {
	background-color: transparent;
}

.alert-info a,
.alert-warning a,
.alert-danger a,
.alert-primary a {
  color: var(--color-cool-blue);
}

.loggedin .btn-top-deposit-wrap button,
.loggedin .btn-top-withdraw-wrap button,
.loggedin .btn-top-download-wrap button {
	background: linear-gradient(to bottom, #5fcb41 0%,#2f5723 100%);
	border-color: #5fcb41;
	color: var(--color-light-black);
}

.loggedin .btn-top-keluar-wrap button {
	background: linear-gradient(to bottom, #e00201 0%,#7d0402 100%);
	color: var(--color-main) !important;
	border-color: #e00201;	
}

.navbar-nav > .nav-home > .nav-link:focus, .navbar-nav > .nav-home > .nav-link:hover, .navbar-nav > .nav-home > .nav-link.active {
  /*background-color: var(--color-green-main);*/
  background: linear-gradient(to bottom, #1ff61f 0%,#01371f 100%);
  color: #fff;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--color-green-main);
}

.input-group-text {
	background-color: #063277;
	color: #a9a9a9;
}

.realtime-latest-dpwd .list-latest-dpwd > .item-latest-dpwd {
	background-color: var(--bg-main-secondary);
}

.card-promotion .expired-promotion {
	color: var(--color-green-main);
}

.sidemenu-wrap .list-group-item.active, 
.sidemenu-wrap .list-group-item.active:hover {
	color: var(--color-light-black);
	background-color: var(--color-green-main);
	border-color: var(--color-green-main);
}

.sidemenu-wrap .list-group-item-action:hover {
	color: var(--color-main);
	background-color: var(--color-green-hover-main);
	border-color: var(--color-green-hover-main);
}

.subtitle-modalform {
	background-color: var(--color-green-hover-main);
}

.subtitle-modalform h4 {
	color: var(--color-main) !important;
}

#modal-see-bank-business-hour .modal-footer .btn, 
#modal-see-bank-business-hour .modal-footer .btn:focus {
	background: linear-gradient(to bottom, #1e75f6 0%,#0e376b 100%) !important;
	color: var(--color-main) !important;
	border-color: #1e75f6 !important;	
}

#modal-see-bank-business-hour .modal-footer .btn:hover {
	background: linear-gradient(to bottom, #1e75f6 0%,#1e75f6 100%) !important;
	color: var(--color-main) !important;
	border-color: #1e75f6 !important;
}

.card-title.no-hl, #form_selectbank_transfer .card-title {
	background-color: var(--color-green-dark-main) !important;
}

.card-text.no-hl, #form_selectbank_transfer .card-text {
	background-color: var(--bg-main-secondary) !important;
}

#form_selectbank_transfer .card-nav-tabs {
	border-color: var(--color-green-dark-main) !important;
}

#form_selectbank_transfer .card-nav-tabs .nav-link.active:focus, 
#form_selectbank_transfer .card-nav-tabs .nav-link.active:hover, 
#form_selectbank_transfer .card-nav-tabs .nav-link.active {
	background-color: var(--color-green-dark-main);
	border-color: var(--color-green-dark-main);
}

#adminBankTabContent .tab-pane .radio-item > .row {
	border-left: 1px solid var(--color-gray) !important;
}

 /*** ITEM GAME MENU WITH DETAILS ***/ 
.navbar .megamenu {
	background: #182d26;
	border-radius: 0 0 0.6em 0.6em;
	border-top: none;
}

.navbar .bg-offcanvas.show .megamenu {
	background: var(--bg-menu);
}

.navbar .megamenu.hot_game, 
.navbar .megamenu.slot {

}

.navbar .bg-offcanvas.show .megamenu.hot_game, 
.navbar .bg-offcanvas.show .megamenu.slot {
	background-image: none;
}

@media(min-width: 1400px) {
	.navbar .megamenu.hot_game, 
	.navbar .megamenu.slot {
		background-position: bottom;
	}
}

.item_game_menu_wrap.with_details {
	/*overflow: hidden;*/
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.56) 100%);
	border-radius: 0 50px 50px 0;
	padding: 10px;
}

.item_game_menu_wrap.with_details a {
	display: grid !important;
	grid-template-columns: 1fr 1.2fr;
	gap: 10px;
	align-items: center;
	text-decoration: none !important;
}

.item_game_menu_wrap.with_details .item_game_image {
	min-width: 1px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.item_game_menu_wrap.with_details .item_game_image img {
	background: none !important;
	border: none;
	border-radius: 5px;
	max-height: 70px;
	width: auto !important;
	/*transform: rotate(30deg);*/
	filter: drop-shadow(3px 3px 5px rgb(0, 0, 0));
}

.item_game_menu_wrap.with_details a:hover .item_game_image img {
	opacity: 1;
}

.item_game_menu_wrap.with_details .item_game_content {
	min-width: 1px;
	overflow: hidden;  
 }

.item_game_menu_wrap.with_details .item_game_content h5, 
.item_game_menu_wrap.with_details .item_game_content p {
	display: block;
	font-family: 'PlayRegular';
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	text-align: center;
}

.item_game_menu_wrap.with_details .item_game_content h5 {
	font-size: .875rem;
	line-height: normal;
	color: var(--color-main);
	margin-bottom: 5px;
}

.item_game_menu_wrap.with_details .item_game_content p {
	font-size: .625rem;
	margin-bottom: 0;
	color: var(--color-green-main);
	background: rgba(0, 0, 0, 0.53);
	display: table;
	margin: auto;
	border-radius: 30px;
	padding: 0 10px;
}

.item_game_menu_wrap.with_details .btn_wrapper {
	position: absolute !important;
	width: 100% !important;
	top: 0 !important;
	bottom: 0 !important;
}

.item_game_menu_wrap.with_details:hover .item_game_image, 
.item_game_menu_wrap.with_details:hover .item_game_content {
	filter: blur(.313rem);
}

body:not(.loggedin) .item_game_menu_wrap.with_details .btn_wrapper button {
	display: none;
}

body:not(.loggedin) .item_game_menu_wrap.with_details:hover .btn_wrapper button {
	display: block;
}

.item_game_menu_wrap.with_details:hover .btn_wrapper {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 5px 50px 50px 5px;
	/*backdrop-filter: blur(.313rem);*/
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255, 255, 255, 0.15) 100%);
}

.see-all-games {
	/* border-top: 1px solid var(--color-gray-light); */
	padding-top: 1.2rem;
	position: relative;
}

.see-all-games .btn {
	border-radius: 50px !important;
	background: linear-gradient(to bottom, #1ff61f 0%, #01371f 100%);
	color: #013904;
	border-color: #1ff61f;
}

.see-all-games .btn:hover {
	background: linear-gradient(to bottom, #01371f 0%, #01371f 100%);
	color: #1ff61f;
	border-color: #1ff61f;
}

/* on providers menu */
.item_game_menu_wrap.with_details.menu_providers {
	min-height: 65px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.item_game_menu_wrap.with_details.menu_providers a {
	grid-template-columns: 1fr;
}

.item_game_menu_wrap.with_details.menu_providers .item_game_image img {
	max-height: 36px;
}

.item_game_menu_wrap.with_details.menu_providers .item_game_image img.prv-pragmatic-play, 
.item_game_menu_wrap.with_details.menu_providers .item_game_image img.prv-afb-gaming {
	max-height: 46px;
}

.item_game_menu_wrap.with_details.menu_providers.maintenance .btn_wrapper {
	display: flex !important;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 5px 50px 50px 5px;
	/*backdrop-filter: blur(.313rem);*/
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255, 255, 255, 0.15) 100%);
}

.item_game_menu_wrap.with_details.menu_providers.maintenance .btn_wrapper h4 {
	text-shadow: 2px 2px 5px rgb(0, 0, 0);
}

.item_game_menu_wrap.with_details.menu_providers.maintenance a {
	cursor: not-allowed !important;
}

.item_game_menu_wrap.with_details.menu_providers.maintenance .item_game_image, 
.item_game_menu_wrap.with_details.menu_providers.maintenance .item_game_content {
	filter: blur(.313rem);
}

.item_game_menu_wrap.with_details.menu_providers.maintenance:hover .btn_wrapper {
	display: none !important;
}

.item_game_menu_wrap.with_details.menu_providers.maintenance:hover .item_game_image, 
.item_game_menu_wrap.with_details.menu_providers.maintenance:hover .item_game_content {
	filter: none;
}

/* RTP IN GAME ICON */

.rtp-game {
	font-size: 0.7em;
	color: greenyellow;
	text-align: center;
	background-color: #212121;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	border-top: 1px solid #676767;
}

@media (max-width: 575px) {
	.navbar .megamenu.hot_game, 
	.navbar .megamenu.slot {
		background-image: none;
	}
	
	.item_game_menu_wrap.with_details {
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.56) 100%);
		border-radius: 0 0 5px 5px;
		padding: 5px;
	}
	
	.item_game_menu_wrap.with_details a {
		grid-template-columns: 1fr;
		gap: 0;
	}
	
	.item_game_menu_wrap.with_details .item_game_image img {
		max-height: 50px;
		width: auto !important;
		transform: translateY(-10px);
		height: 50px !important;
	}
	
	.item_game_menu_wrap.with_details .item_game_content {
		/*display: none;*/
	}
	
	body:not(.loggedin) .item_game_menu_wrap.with_details .btn_wrapper button {
		display: block;
	}
	
	.item_game_menu_wrap.with_details .btn_wrapper {
		position: relative !important;
		top: unset !important;
		bottom: -10px !important;
		display: flex;
		background: transparent;
	}
	
	.item_game_menu_wrap.with_details:hover .btn_wrapper {
		background: transparent;
	}
	
	.item_game_menu_wrap.with_details:hover .item_game_image, 
	.item_game_menu_wrap.with_details:hover .item_game_content {
		filter: unset;
	}
	
	.item_game_menu_wrap.with_details.menu_providers .item_game_image {
		min-height: 45px;
	}
	
	.item_game_menu_wrap.with_details.menu_providers .item_game_image img {
		max-height: none;
		max-width: 81px;
		height: auto !important;
		transform: none;
	}
	
	.item_game_menu_wrap.with_details.menu_providers.maintenance .item_game_image, 
	.item_game_menu_wrap.with_details.menu_providers.maintenance .item_game_content {
		filter: none;
	}
	
	.item_game_menu_wrap.with_details.menu_providers.maintenance:hover .btn_wrapper {
		display: flex !important;
	}
}

@media (max-width: 480px) {
	.item_game_menu_wrap.with_details.menu_providers {
		/*min-height: 77px;*/
	}
	
	.item_game_menu_wrap.with_details.menu_providers .item_game_image {
		min-height: 45px;
	}
	
	.item_game_menu_wrap.with_details.menu_providers .item_game_image img {
		max-height: none;
		max-width: 81px;
		height: auto !important;
		transform: none;
	}
}

/** SEE ALL PROVIDERs BY MODAL, MODAL SEE ALL PROVIDERs **/

.bg-blue-greyish {
	background-color: #4e4969;
}
.bg-green-greyish {
	background-color: #4c7257;
}

.bg-soft-orange {
	background-color: #ff7800;
}
.bg-dark-grey {
	background-color: #2f2f2f;
}

.bg-hover-blue-greyish:hover {
	background-color: #4e4969;
}
.bg-hover-green-greyish:hover {
	background-color: #4c7257;
}


.border-multi-blueish {
  position: relative;
  border-radius: inherit;
}

.border-multi-blueish::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient( 90deg, #07a596, orange, yellow, #eb00ff, aqua, blue, violet );

  -webkit-mask:
	linear-gradient(#000 0 0) content-box,
	linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
		  mask-composite: exclude;

  pointer-events: none;
}

.border-multi-hover-greenish:hover {
  position: relative;
  border-radius: inherit;
}

.border-multi-hover-greenish:hover::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient( 90deg, #d5da32, #00ff4c, yellow, #0ff, aqua, #4f0, #eedd82 );

  -webkit-mask:
	linear-gradient(#000 0 0) content-box,
	linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
		  mask-composite: exclude;

  pointer-events: none;
}

.text-color-gold {
	color: #ffe300;
}
.text-color-hover-gold:hover {
	color: #ffe300;
}

.text-color-softgreen {
	color: #8aff8c;
}
.text-color-hover-softgreen:hover {
	color: #8aff8c;
}

.text-color-neon {
	color: #2df9dc;
}
.text-color-hover-neon:hover {
	color: #2df9dc;
}

.responsive-text-smallgap {
	font-size: clamp(1rem, 0.2vw + 1rem, 1.4rem);
}

.gamingGLPLModal .modal-header {
	border-color: #0ab05387;
}

#search-provider::placeholder {
	color: #848484;
	opacity: 1; /* supaya tidak pudar di beberapa browser */
}

.gamingGLPLModal .btn-close {
	position: absolute;
	right: 0.3em;
	background-color: #fff;
	z-index: 100;
	top: 0.3em;
	transform: scale(0.7);
}

.gamingGLPLModal .modal-content {
	border: 1px solid #0ab05387;
	box-shadow: 0 0 24px #155308fa;
	min-height: calc(100vh - 3rem);
}

.gamingGLPLModal .input-group-search-provider #search-provider {
	border-radius: 0 0.5rem 0.5rem 0;
}
.gamingGLPLModal .input-group-search-provider #search-provider:focus {
	border-color: var(--color-gray);
}

.gamingGLPLModal .input-group-search-provider .input-group-text {
	border-radius: 0.5rem 0 0 0.5rem;
}
/*
@media (max-width: 991px) and (min-width: 481px) {
	#btn-show-all-providers {
		transform: translateY(-20px);
		z-index: 2;
	}
}
*/
/** FAVORITE GAMESs **/

.fun-demo-games .content-fun-demo-games.list-favorited-game {
	padding-top: 2rem;
}

.fun-demo-games .content-fun-demo-games.list-favorited-game .no-results {
	top: 50%;
	transform: translateY(-50%);
}


/** ADD FAVORITE GAMEs **/
.main-add-favorite-game {
	position: absolute;
	z-index: 2;
	right: 5px;
	top: 5px;
	height: 25px;
	width: 25px;
	background: rgba(0, 0, 0, 0.87);
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 50px;
	line-height: normal;
}

.main-add-favorite-game a, 
.main-add-favorite-game a:focus {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-decoration: none;
	color: var(--color-gray);
}

.main-add-favorite-game a:hover {
	color: var(--color-red-main);
}

.main-add-favorite-game a:hover i {
    font-weight: 900; /*make it solid*/
}

.main-add-favorite-game a.favorited, 
.main-add-favorite-game a.favorited:hover {
	color: var(--color-red-main);
}

.main-add-favorite-game a.favorited i, 
.main-add-favorite-game a.favorited:hover i {
    font-weight: 900; /*make it solid*/
}

/** FAVORITE PROVIDERs **/

.fun-demo-games .content-fun-demo-games.list-favorited-provider {
	grid-template-columns: repeat(5, 1fr);
	padding-top: 2rem;
}

.fun-demo-games .content-fun-demo-games.list-favorited-provider .no-results {
	top: 50%;
	transform: translateY(-50%);
}

.list-favorited-provider .item-fav-provider {
	float: left;
	width: 100%;
	position: relative;
	min-height: 56px;
	max-height: 56px;
}

.list-favorited-provider .item-fav-provider > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: var(--color-dark-gray);
	border-radius: .5rem;
	padding: 10px;
	font-size: 16px;
	color: var(--color-main);
	border: 1px solid var(--color-gray);
	text-decoration: none;
}

.list-favorited-provider .item-fav-provider > a:hover, 
.list-favorited-provider .item-fav-provider > a:focus, 
.list-favorited-provider .item-fav-provider > a.active {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgb(1, 55, 31) 100%);
}

.list-favorited-provider .item-fav-provider a > img {
	height: 34px;
	width: auto;
}

/** ADD FAVORITE PROVIDERs **/
.main-add-favorite-provider {
	position: absolute;
	z-index: 2;
	right: 5px;
	top: 5px;
	height: 25px;
	width: 25px;
	background: rgba(0, 0, 0, 0.87);
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 50px;
	line-height: normal;
}

.main-add-favorite-provider a, 
.main-add-favorite-provider a:focus {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	text-decoration: none;
	color: var(--color-gray);
}

.main-add-favorite-provider a:hover {
	color: var(--color-red-main);
}

.main-add-favorite-provider a:hover i {
    font-weight: 900; /*make it solid*/
}

.main-add-favorite-provider a.favorited, 
.main-add-favorite-provider a.favorited:hover {
	color: var(--color-red-main);
}

.main-add-favorite-provider a.favorited i, 
.main-add-favorite-provider a.favorited:hover i {
    font-weight: 900; /*make it solid*/
}

/* custom favorite popup */
.swal2-popup.favorite-popup {
	background: var(--bg-dark-grey) !important;
	color: var(--color-main) !important;
	box-shadow: 0 0 20px rgba(255, 255, 255, .275);
	border: 1px solid var(--color-dark-gray);
}

.swal2-popup.favorite-popup .swal2-title {
	color: var(--color-main);
}

.swal2-popup.favorite-popup .swal2-styled.swal2-cancel {
	background-color: var(--color-gray) !important;
}

/* animate favorite */

/* --- Flying Heart --- */
.fav-flying-heart {
    position: fixed;
    font-size: 1.3rem;
    color: #e05555;
    z-index: 9999;
    pointer-events: none;
    opacity: 1;
    transform: scale(1.2);
    text-shadow: 0 0 10px rgba(224, 85, 85, 0.9),
                 0 0 20px rgba(224, 85, 85, 0.5);
    transition: left      0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                top       0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.65s ease-in,
                opacity   0.5s ease-in 0.2s; /* delay opacity biar ga langsung hilang */
}
.fav-flying-heart.fly-done {
    transform: scale(0.1);
    opacity: 0;
}

/* --- Particles --- */
.fav-particle {
    position: fixed;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    z-index: 9998;
    pointer-events: none;
    opacity: 1;
    transform: scale(1);
    transition: left      0.6s cubic-bezier(0.4, 0, 0.2, 1),
                top       0.6s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.6s ease-in,
                opacity   0.6s ease-in;
}
.fav-particle.fly-done {
    transform: scale(0);
    opacity: 0;
}

/* --- Shake + Glow Target --- */
@keyframes _shake {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(-6px); }
    40%  { transform: translateX(6px); }
    60%  { transform: translateX(-4px); }
    80%  { transform: translateX(4px); }
    100% { transform: translateX(0); }
}
@keyframes _glow {
    0%   { box-shadow: 0 0 0px rgba(224, 85, 85, 0); }
    50%  { box-shadow: 0 0 18px rgba(224, 85, 85, 0.7); }
    100% { box-shadow: 0 0 0px rgba(224, 85, 85, 0); }
}
._shake-glow {
    animation: _shake 0.4s ease, _glow 0.6s ease;
}

@media (max-width: 991px) {
	.fun-demo-games .content-fun-demo-games.list-favorited-provider {
		grid-template-columns: repeat(3, 1fr);
	}	
}

@media (max-width: 480px) {
	.fun-demo-games .content-fun-demo-games.list-favorited-provider {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 5px;
	}
	
	.list-favorited-provider .item-fav-provider {
		min-height: 42px;
		max-height: 42px;
	}	
	
	.list-favorited-provider .item-fav-provider > a {
		padding: 5px;
	}
	
	.list-favorited-provider .item-fav-provider a > img {
		height: 30px;
	}
}

/* FILTER GRAYSCALE and WHITE IMAGE */

.item-provider img {
  filter: grayscale(100%) brightness(1.5) contrast(0.85);
  transition: filter 0.3s ease;
}

.item-provider:hover img {
  filter: none !important;
}

/* MAIN LOBBY */
.fun-demo-games .title-fun-demo-games h1 {
  /* Gold gradient */
  background: linear-gradient(
    180deg,
    #fffadf 0%,
    #f9df7a 15%,
    #d4a017 30%,
    #f9df7a 50%,
    #b8820a 65%,
    #f0c040 80%,
    #7a4e00 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* Shadow & bevel */
  filter:
    drop-shadow(0px 3px 3px rgba(0,0,0,0.9))
    drop-shadow(0px 6px 10px rgba(0,0,0,0.7))
    drop-shadow(0px -1px 1px rgba(255,230,120,0.5));	
}

/* GAME ITEM LOBBY */

/* animate spread game items -- start */
.page-games.loggedin .item-fun-demo-game {
  opacity: 0;
  transform: translateY(60px) rotate(var(--init-rot, 0deg)) scale(0.6);
}

.page-games.loggedin .item-fun-demo-game.dealt {
  animation: dealCard 0.55s cubic-bezier(0.22, 1.2, 0.36, 1) forwards;
}

@keyframes dealCard {
  0% {
    opacity: 0;
    transform: translateY(80px) rotate(var(--init-rot, 0deg)) scale(0.55);
    filter: blur(4px);
  }
  80% {
    transform: translateY(-8px) rotate(calc(var(--init-rot, 0deg) * 0.1)) scale(1.04);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotate(0deg) scale(1);
    filter: blur(0);
  }
}
/* animate spread game items -- end */

/* SIDE MENU LOBBY */

.fun-demo-games .title-side-fun-demo-games {
  /* Gold gradient */
  background: linear-gradient(
    180deg,
    #fffadf 0%,
    #f9df7a 15%,
    #d4a017 30%,
    #f9df7a 50%,
    #b8820a 65%,
    #f0c040 80%,
    #7a4e00 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* Shadow & bevel */
  filter:
    drop-shadow(0px 3px 3px rgba(0,0,0,0.9))
    drop-shadow(0px 6px 10px rgba(0,0,0,0.7))
    drop-shadow(0px -1px 1px rgba(255,230,120,0.5));
}

.fun-demo-games .menu-side-fun-demo-games ul {

}

.fun-demo-games .menu-side-fun-demo-games ul li {
	position: relative;
	border-radius: .5rem;
	overflow: visible;
}

.fun-demo-games .menu-side-fun-demo-games ul > li + li {
	background-color: rgba(0, 0, 0, 0.56);
	margin-top: 0.625rem;
}

/* Bottom spread glow */
.fun-demo-games .menu-side-fun-demo-games ul li::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 15%; right: 15%;
  height: 14px;
  border-radius: 50%;
  filter: blur(9px);
  opacity: 0.55;
  pointer-events: none;
  z-index: 0;
  background: var(--glow-spread, rgba(100,150,255,0.7));
  transition: opacity 0.2s;
}
.fun-demo-games .menu-side-fun-demo-games ul li:hover::after { opacity: 1; }

.fun-demo-games .menu-side-fun-demo-games ul li a {
  position: relative;
  display: flex;
  align-items: center;
  /*gap: 10px;*/
  /*padding: 9px 14px 9px 10px;*/
  border-radius: .5rem;
  text-decoration: none;
  overflow: hidden;
  background: transparent;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border: none;
  color: var(--glow-text, #c8d8ff);
  text-shadow: 0 0 8px var(--glow-mid, rgba(100,150,255,0.8));
  box-shadow:
    0 0 0 1.5px var(--glow-border, rgba(100,150,255,0.85)),
    0 0 7px 2px  var(--glow-mid,    rgba(80,130,255,0.55)),
    0 0 20px 4px var(--glow-outer,  rgba(60,110,240,0.28)),
    inset 0 0 18px var(--glow-inner, rgba(40,90,200,0.10));
  transition: transform 0.15s ease, filter 0.15s ease;
  z-index: 1;
}

@media (max-width: 1199px) {
	.fun-demo-games .menu-side-fun-demo-games ul li a img {
		width: 26px;
		height: 26px;
	}	
}

@media (max-width: 767px) {
	.fun-demo-games .menu-side-fun-demo-games ul {
		grid-row-gap: 7px;
	}

	.fun-demo-games .menu-side-fun-demo-games ul > li + li {
		margin-top: 0;
	}
}

@media (max-width: 480px) {	
	.fun-demo-games .menu-side-fun-demo-games ul li a {
		font-size: 12px;
	}
}

@media (max-width: 360px) {
	.fun-demo-games .menu-side-fun-demo-games ul li a img {
		width: 21px;
		height: 21px;
	}
	
	.fun-demo-games .menu-side-fun-demo-games ul li a {
		font-size: 10px;
	}
}

/* TOP SHINE */
.fun-demo-games .menu-side-fun-demo-games ul li a::before {
  content: '';
  position: absolute;
  top: 0; left: 8%; right: 8%;
  height: 1.5px;
  border-radius: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0.10) 15%,
    rgba(255,255,255,0.80) 50%,
    rgba(255,255,255,0.10) 85%,
    transparent 100%
  );
  z-index: 3;
  pointer-events: none;
}

/* INNER TOP GLOW */
.fun-demo-games .menu-side-fun-demo-games ul li a::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50%;
  border-radius: 14px 14px 60% 60% / 14px 14px 30px 30px;
  background: linear-gradient(180deg, var(--glow-shine, rgba(160,190,255,0.07)) 0%, transparent 100%);
  pointer-events: none;
  z-index: 2;
}

.fun-demo-games .menu-side-fun-demo-games ul li a:hover { 
	filter: brightness(1.15); 
	border: none; 
}
.fun-demo-games .menu-side-fun-demo-games ul > li > a:hover, 
.fun-demo-games .menu-side-fun-demo-games ul > li > a:focus, 
.fun-demo-games .menu-side-fun-demo-games ul > li.active > a, 
.fun-demo-games .menu-side-fun-demo-games ul > li.active > a:hover, 
.fun-demo-games .menu-side-fun-demo-games ul > li.active > a:focus,
.fun-demo-games .menu-side-fun-demo-games ul li a:hover,
.fun-demo-games .menu-side-fun-demo-games ul li a:active { 
	border: none; 
}

.fun-demo-games .menu-side-fun-demo-games ul li a img {
  width: 31px;
  height: 31px;
  object-fit: contain;
  border-radius: 8px;
  flex-shrink: 0;
  position: relative;
  z-index: 4;
  filter: drop-shadow(0 0 7px var(--glow-mid, rgba(100,150,255,0.7)));
  transition: transform 0.15s ease;
}
.fun-demo-games .menu-side-fun-demo-games ul li a:hover img { transform: scale(1.1); }

/* ===== METEOR INNER — tepat di garis border atas ===== */
.fun-demo-games .menu-side-fun-demo-games ul li .meteor-inner {
  position: absolute;
  top: -1px;
  right: 8%;
  width: 35%;
  height: 2px;
  border-radius: 99px;
  z-index: 6;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--glow-outer)  15%,
    var(--glow-mid)    50%,
    var(--glow-border) 68%,
    var(--glow-outer)  85%,
    transparent 100%
  );
  filter: blur(0.3px);
  animation: meteor-in 3.8s ease-in-out infinite;
}
.fun-demo-games .menu-side-fun-demo-games ul li .meteor-inner::after {
  content: '';
  position: absolute;
  right: 30%;
  top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 4px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 0 3px 2px var(--glow-border),
    0 0 8px 4px var(--glow-mid),
    0 0 16px 6px var(--glow-outer);
}

/* ===== METEOR OUTER — tepat di garis border bawah ===== */
.fun-demo-games .menu-side-fun-demo-games ul li .meteor-outer {
  position: absolute;
  bottom: -1px;
  left: 8%;
  width: 50%;
  height: 2px;
  border-radius: 99px;
  z-index: 6;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    var(--glow-outer)  10%,
    var(--glow-mid)    40%,
    var(--glow-border) 60%,
    var(--glow-outer)  80%,
    transparent 100%
  );
  filter: blur(0.35px);
  animation: meteor-out-flicker 3.2s ease-in-out infinite 0.6s;
}
.fun-demo-games .menu-side-fun-demo-games ul li .meteor-outer::after {
  content: '';
  position: absolute;
  left: 56%;
  top: 50%;
  transform: translateY(-50%);
  width: 5px; height: 5px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 0 4px 2px var(--glow-border),
    0 0 10px 5px var(--glow-mid),
    0 0 20px 8px var(--glow-outer);
}

@keyframes meteor-in {
  0%   { opacity: 0; transform: translateX(14px); }
  10%  { opacity: 1; }
  72%  { opacity: 1; }
  100% { opacity: 0; transform: translateX(-10px); }
}
@keyframes meteor-out-flicker {
  0%   { opacity: 0.1; }
  20%  { opacity: 0.9; }
  45%  { opacity: 0.5; }
  60%  { opacity: 1;   }
  80%  { opacity: 0.6; }
  100% { opacity: 0.1; }
}


/* ===== FIRE EMBER — khusus .glow-red (Hot Game) ===== */

/* Titik ember utama di pojok kanan atas border */
.glow-red .fire-ember {
  position: absolute;
  top: -4px;
  right: 18%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  z-index: 10;
  pointer-events: none;
  background: radial-gradient(circle, #fff 0%, #ffe066 30%, #ff9900 65%, transparent 100%);
  box-shadow:
    0 0 4px 2px  rgba(255, 220, 80,  1.0),
    0 0 10px 5px rgba(255, 140, 20,  0.9),
    0 0 22px 10px rgba(255, 80,  10, 0.6),
    0 0 40px 18px rgba(220, 40,   0, 0.3);
  animation: ember-pulse 1.8s ease-in-out infinite;
}

/* Sinar silang di tengah ember */
.glow-red .fire-ember::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 28px; height: 1.5px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 200, 80, 0.6) 20%,
    rgba(255, 255, 180, 1.0) 50%,
    rgba(255, 200, 80, 0.6) 80%,
    transparent 100%
  );
  border-radius: 99px;
  animation: ember-ray-h 1.8s ease-in-out infinite;
}

.glow-red .fire-ember::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5px; height: 22px;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(255, 200, 80, 0.5) 20%,
    rgba(255, 255, 180, 0.9) 50%,
    rgba(255, 200, 80, 0.5) 80%,
    transparent 100%
  );
  border-radius: 99px;
  animation: ember-ray-v 1.8s ease-in-out infinite;
}

/* Percikan kecil melayang di sekitar ember */
.glow-red .spark-1,
.glow-red .spark-2,
.glow-red .spark-3,
.glow-red .spark-4 {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9;
  background: radial-gradient(circle, #fff 0%, #ffcc44 50%, transparent 100%);
}

.glow-red .spark-1 {
  width: 3px; height: 3px;
  top: -8px; right: 22%;
  box-shadow: 0 0 4px 2px rgba(255, 160, 30, 0.9);
  animation: spark-float-1 2.2s ease-in-out infinite 0.3s;
}
.glow-red .spark-2 {
  width: 2px; height: 2px;
  top: -2px; right: 12%;
  box-shadow: 0 0 3px 1px rgba(255, 120, 20, 0.8);
  animation: spark-float-2 1.9s ease-in-out infinite 0.7s;
}
.glow-red .spark-3 {
  width: 2px; height: 2px;
  top: -6px; right: 28%;
  box-shadow: 0 0 3px 1px rgba(255, 180, 40, 0.8);
  animation: spark-float-3 2.5s ease-in-out infinite 0.1s;
}
.glow-red .spark-4 {
  width: 3px; height: 3px;
  top: 0px; right: 8%;
  box-shadow: 0 0 4px 2px rgba(255, 100, 10, 0.7);
  animation: spark-float-4 2.0s ease-in-out infinite 1.1s;
}

@keyframes ember-pulse {
  0%   { transform: scale(0.85); opacity: 0.7; }
  40%  { transform: scale(1.15); opacity: 1;   }
  70%  { transform: scale(1.0);  opacity: 0.9; }
  100% { transform: scale(0.85); opacity: 0.7; }
}
@keyframes ember-ray-h {
  0%   { opacity: 0.4; transform: translate(-50%,-50%) scaleX(0.6); }
  40%  { opacity: 1.0; transform: translate(-50%,-50%) scaleX(1.0); }
  100% { opacity: 0.4; transform: translate(-50%,-50%) scaleX(0.6); }
}
@keyframes ember-ray-v {
  0%   { opacity: 0.3; transform: translate(-50%,-50%) scaleY(0.5); }
  40%  { opacity: 0.9; transform: translate(-50%,-50%) scaleY(1.0); }
  100% { opacity: 0.3; transform: translate(-50%,-50%) scaleY(0.5); }
}
@keyframes spark-float-1 {
  0%   { opacity: 0;   transform: translate(0, 0)    scale(0.5); }
  30%  { opacity: 1;   transform: translate(-3px, -6px) scale(1); }
  70%  { opacity: 0.7; transform: translate(-6px, -12px) scale(0.8); }
  100% { opacity: 0;   transform: translate(-9px, -18px) scale(0.3); }
}
@keyframes spark-float-2 {
  0%   { opacity: 0;   transform: translate(0, 0)     scale(0.5); }
  30%  { opacity: 1;   transform: translate(2px, -5px)  scale(1); }
  70%  { opacity: 0.6; transform: translate(4px, -10px) scale(0.7); }
  100% { opacity: 0;   transform: translate(6px, -16px) scale(0.2); }
}
@keyframes spark-float-3 {
  0%   { opacity: 0;   transform: translate(0, 0)      scale(0.4); }
  25%  { opacity: 0.9; transform: translate(-2px, -4px) scale(1); }
  65%  { opacity: 0.5; transform: translate(-5px, -9px) scale(0.6); }
  100% { opacity: 0;   transform: translate(-8px, -15px) scale(0.2); }
}
@keyframes spark-float-4 {
  0%   { opacity: 0;   transform: translate(0, 0)     scale(0.5); }
  35%  { opacity: 1;   transform: translate(3px, -7px) scale(1.1); }
  75%  { opacity: 0.5; transform: translate(5px, -13px) scale(0.7); }
  100% { opacity: 0;   transform: translate(7px, -20px) scale(0.2); }
}


/* ===== LOVE GLOW — khusus .glow-pink (Favorit Game) ===== */

/* Titik glow utama pojok kiri atas */
.glow-pink .love-core {
  position: absolute;
  top: -5px;
  left: 14%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 10;
  pointer-events: none;
  background: radial-gradient(circle, #fff 0%, #ffaaee 35%, #ff44cc 65%, transparent 100%);
  box-shadow:
    0 0 5px 3px  rgba(255, 100, 200, 1.0),
    0 0 12px 6px rgba(255,  60, 180, 0.9),
    0 0 26px 12px rgba(220,  20, 150, 0.6),
    0 0 45px 20px rgba(180,   0, 120, 0.3);
  animation: love-pulse 2.0s ease-in-out infinite;
}

/* Sinar silang pink */
.glow-pink .love-core::before {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 30px; height: 1.5px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255, 150, 220, 0.5) 20%,
    rgba(255, 220, 240, 1.0) 50%,
    rgba(255, 150, 220, 0.5) 80%,
    transparent 100%
  );
  border-radius: 99px;
  animation: love-ray-h 2.0s ease-in-out infinite;
}
.glow-pink .love-core::after {
  content: '';
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5px; height: 24px;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(255, 150, 220, 0.5) 20%,
    rgba(255, 220, 240, 0.9) 50%,
    rgba(255, 150, 220, 0.5) 80%,
    transparent 100%
  );
  border-radius: 99px;
  animation: love-ray-v 2.0s ease-in-out infinite;
}

/* Heart-heart melayang berterbangan */
.glow-pink .heart-1,
.glow-pink .heart-2,
.glow-pink .heart-3,
.glow-pink .heart-4,
.glow-pink .heart-5 {
  position: absolute;
  pointer-events: none;
  z-index: 9;
  font-style: normal;
  line-height: 1;
  color: #fff;
  text-shadow:
    0 0 3px  #fff,
    0 0 6px  rgba(255, 180, 230, 1.0),
    0 0 12px rgba(255, 80,  200, 1.0),
    0 0 22px rgba(255, 40,  170, 0.9),
    0 0 40px rgba(220, 0,   140, 0.6);
  filter:
    drop-shadow(0 0 3px rgba(255, 255, 255, 0.9))
    drop-shadow(0 0 8px rgba(255, 80, 200, 1.0))
    drop-shadow(0 0 18px rgba(220, 0, 160, 0.8));
}

.glow-pink .heart-1 { font-size: 8px;  top: -2px;  left: 18%; animation: heart-fly-1 2.4s ease-in-out infinite 0.0s; }
.glow-pink .heart-2 { font-size: 6px;  top:  2px;  left: 8%;  animation: heart-fly-2 2.8s ease-in-out infinite 0.5s; }
.glow-pink .heart-3 { font-size: 10px; top: -4px;  left: 26%; animation: heart-fly-3 2.1s ease-in-out infinite 0.9s; }
.glow-pink .heart-4 { font-size: 7px;  top:  0px;  left: 32%; animation: heart-fly-4 3.0s ease-in-out infinite 0.3s; }
.glow-pink .heart-5 { font-size: 5px;  top: -6px;  left: 6%;  animation: heart-fly-5 2.6s ease-in-out infinite 1.2s; }

@keyframes love-pulse {
  0%   { transform: scale(0.85); opacity: 0.75; }
  40%  { transform: scale(1.2);  opacity: 1.0;  }
  70%  { transform: scale(1.0);  opacity: 0.9;  }
  100% { transform: scale(0.85); opacity: 0.75; }
}
@keyframes love-ray-h {
  0%   { opacity: 0.3; transform: translate(-50%,-50%) scaleX(0.5); }
  40%  { opacity: 1.0; transform: translate(-50%,-50%) scaleX(1.0); }
  100% { opacity: 0.3; transform: translate(-50%,-50%) scaleX(0.5); }
}
@keyframes love-ray-v {
  0%   { opacity: 0.2; transform: translate(-50%,-50%) scaleY(0.4); }
  40%  { opacity: 0.9; transform: translate(-50%,-50%) scaleY(1.0); }
  100% { opacity: 0.2; transform: translate(-50%,-50%) scaleY(0.4); }
}

@keyframes heart-fly-1 {
  0%   { opacity: 0;   transform: translate(0, 0)       scale(0.5) rotate(-10deg); }
  25%  { opacity: 1;   transform: translate(-4px, -8px)  scale(1.1) rotate(5deg);  }
  65%  { opacity: 0.7; transform: translate(-7px, -16px) scale(0.9) rotate(15deg); }
  100% { opacity: 0;   transform: translate(-10px,-26px) scale(0.4) rotate(25deg); }
}
@keyframes heart-fly-2 {
  0%   { opacity: 0;   transform: translate(0, 0)       scale(0.4) rotate(8deg);   }
  30%  { opacity: 0.9; transform: translate(3px, -7px)   scale(1.0) rotate(-5deg);  }
  70%  { opacity: 0.6; transform: translate(5px, -14px)  scale(0.7) rotate(-15deg); }
  100% { opacity: 0;   transform: translate(7px, -22px)  scale(0.3) rotate(-28deg); }
}
@keyframes heart-fly-3 {
  0%   { opacity: 0;   transform: translate(0, 0)        scale(0.6) rotate(-5deg);  }
  20%  { opacity: 1;   transform: translate(-2px, -6px)   scale(1.2) rotate(8deg);   }
  60%  { opacity: 0.8; transform: translate(-5px, -13px)  scale(1.0) rotate(18deg);  }
  100% { opacity: 0;   transform: translate(-8px, -22px)  scale(0.3) rotate(30deg);  }
}
@keyframes heart-fly-4 {
  0%   { opacity: 0;   transform: translate(0, 0)        scale(0.5) rotate(12deg);  }
  35%  { opacity: 1;   transform: translate(4px, -9px)    scale(1.1) rotate(-8deg);  }
  72%  { opacity: 0.5; transform: translate(6px, -17px)   scale(0.7) rotate(-20deg); }
  100% { opacity: 0;   transform: translate(8px, -27px)   scale(0.2) rotate(-35deg); }
}
@keyframes heart-fly-5 {
  0%   { opacity: 0;   transform: translate(0, 0)        scale(0.4) rotate(-15deg); }
  28%  { opacity: 0.8; transform: translate(-3px, -5px)   scale(0.9) rotate(0deg);   }
  68%  { opacity: 0.5; transform: translate(-6px, -12px)  scale(0.6) rotate(12deg);  }
  100% { opacity: 0;   transform: translate(-9px, -20px)  scale(0.2) rotate(22deg);  }
}

/* ===== GLOW COLOR CLASSES ===== */
.glow-red    { --glow-spread:rgba(255,80,20,.75);  --glow-border:rgba(255,90,30,.85);  --glow-mid:rgba(255,70,20,.58);   --glow-outer:rgba(220,50,10,.30);  --glow-inner:rgba(180,40,10,.12);  --glow-shine:rgba(255,140,80,.08);  --glow-text:#ffaa80; }
.glow-orange { --glow-spread:rgba(255,135,0,.75);  --glow-border:rgba(255,145,10,.85); --glow-mid:rgba(240,120,0,.58);   --glow-outer:rgba(220,100,0,.30);  --glow-inner:rgba(185,80,0,.12);   --glow-shine:rgba(255,180,80,.08);  --glow-text:#ffcc80; }
.glow-gold   { --glow-spread:rgba(255,175,0,.75);  --glow-border:rgba(255,185,10,.85); --glow-mid:rgba(240,165,0,.60);   --glow-outer:rgba(220,140,0,.32);  --glow-inner:rgba(180,110,0,.12);  --glow-shine:rgba(255,220,80,.08);  --glow-text:#ffe080; }
.glow-yellow { --glow-spread:rgba(230,230,0,.70);  --glow-border:rgba(240,240,10,.82); --glow-mid:rgba(220,220,0,.55);   --glow-outer:rgba(200,200,0,.28);  --glow-inner:rgba(170,170,0,.10);  --glow-shine:rgba(255,255,80,.08);  --glow-text:#ffff80; }
.glow-lime   { --glow-spread:rgba(180,240,0,.70);  --glow-border:rgba(185,245,0,.82);  --glow-mid:rgba(165,225,0,.55);   --glow-outer:rgba(145,200,0,.28);  --glow-inner:rgba(120,170,0,.10);  --glow-shine:rgba(210,255,60,.08);  --glow-text:#d8ff80; }
.glow-green  { --glow-spread:rgba(30,220,80,.72);  --glow-border:rgba(40,225,85,.82);  --glow-mid:rgba(25,205,70,.55);   --glow-outer:rgba(15,185,55,.28);  --glow-inner:rgba(10,155,45,.10);  --glow-shine:rgba(80,255,120,.08);  --glow-text:#aaffaa; }
.glow-neon-green { --glow-spread:rgba(0,255,155,.72); --glow-border:rgba(0,255,160,.82); --glow-mid:rgba(0,240,145,.55); --glow-outer:rgba(0,215,128,.28); --glow-inner:rgba(0,185,110,.10); --glow-shine:rgba(80,255,190,.08); --glow-text:#80ffcc; }
.glow-teal   { --glow-spread:rgba(0,210,195,.72);  --glow-border:rgba(0,220,200,.85);  --glow-mid:rgba(0,200,182,.58);   --glow-outer:rgba(0,178,160,.30);  --glow-inner:rgba(0,145,130,.10);  --glow-shine:rgba(80,255,240,.07);  --glow-text:#80ffe8; }
.glow-cyan   { --glow-spread:rgba(0,210,255,.72);  --glow-border:rgba(0,215,255,.82);  --glow-mid:rgba(0,195,245,.55);   --glow-outer:rgba(0,175,225,.28);  --glow-inner:rgba(0,145,195,.10);  --glow-shine:rgba(80,235,255,.08);  --glow-text:#80e8ff; }
.glow-sky    { --glow-spread:rgba(0,180,255,.72);  --glow-border:rgba(0,185,255,.82);  --glow-mid:rgba(0,165,245,.55);   --glow-outer:rgba(0,145,225,.28);  --glow-inner:rgba(0,120,195,.10);  --glow-shine:rgba(80,210,255,.08);  --glow-text:#80ddff; }
.glow-blue   { --glow-spread:rgba(50,130,255,.72); --glow-border:rgba(60,140,255,.82); --glow-mid:rgba(45,120,245,.55);  --glow-outer:rgba(35,100,225,.28); --glow-inner:rgba(25,80,195,.10);  --glow-shine:rgba(120,180,255,.08); --glow-text:#90c0ff; }
.glow-purple { --glow-spread:rgba(155,75,255,.75); --glow-border:rgba(170,90,255,.85); --glow-mid:rgba(150,70,245,.60);  --glow-outer:rgba(130,50,225,.32); --glow-inner:rgba(110,40,195,.12); --glow-shine:rgba(200,150,255,.08); --glow-text:#d0aaff; }
.glow-pink   { --glow-spread:rgba(255,75,195,.72); --glow-border:rgba(255,80,200,.82); --glow-mid:rgba(245,60,182,.55);  --glow-outer:rgba(225,40,162,.28); --glow-inner:rgba(190,28,135,.10); --glow-shine:rgba(255,150,230,.08); --glow-text:#ffaaee; }
.glow-crimson{ --glow-spread:rgba(210,30,60,.75);  --glow-border:rgba(215,35,65,.85);  --glow-mid:rgba(195,25,50,.58);   --glow-outer:rgba(175,15,38,.30);  --glow-inner:rgba(150,10,28,.12);  --glow-shine:rgba(255,100,120,.08); --glow-text:#ff8088; }
.glow-neon-red { --glow-spread:rgba(255,45,95,.75); --glow-border:rgba(255,55,105,.85); --glow-mid:rgba(240,38,88,.60); --glow-outer:rgba(220,22,72,.32);  --glow-inner:rgba(190,12,58,.12);  --glow-shine:rgba(255,120,160,.08); --glow-text:#ff90b0; }