/* ============================
  POWERED BY GAMBLING PROJECT
============================== */

body
	{
		background:
		radial-gradient(1950px 1080px at 50% -320px, rgba(122, 108, 248, 0.24), rgba(0,0,0,0) 63%),
		radial-gradient(1820px 1180px at 50% 42%, rgba(78, 82, 176, 0.18), rgba(0,0,0,0) 70%),
		radial-gradient(1120px 660px at 14% 22%, rgba(255,255,255, 0.025), rgba(0,0,0,0) 52%),
		radial-gradient(1080px 760px at 22% 88%, rgba(60, 70, 154, 0.13), rgba(0,0,0,0) 64%),
		radial-gradient(1020px 580px at 91% 8%, rgba(255, 170, 82, 0.012), rgba(0,0,0,0) 54%),
		linear-gradient(180deg, rgba(9,10,24,0) 0%, rgba(0,0,0,.36) 100%),
		#090d1e;
		font-family: 'Roboto Condensed', sans-serif;
		color: #d3d4de;
		box-sizing: border-box;
		height: 100vh;
		margin: 0;
		padding: 0;
		height:100%;
	}

 html
	{
		overflow-x: hidden;
		position: relative;
		min-height: 100%;
		height:100%;
		box-sizing: border-box;
	}

 .msg {
		color: #095c60;
	}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

 a
	{
		color: #c1c5d6;
	    text-decoration: none;
	}
	.spText{
		display: inline-block;
		padding: 5px 20px;
		background: linear-gradient(	90deg, #4276c4 0%, #5582c4 100%);
		box-shadow: 0 5px 14px rgb(14 74 162);
		border-radius: 3px;
		font-weight: 600;
		color: #000;
		margin-top: 5px;
	}
	.name {
				display: inline-block;
		    padding: 1px 8px;
		    background: linear-gradient( 90deg, #4276c4 0%, #5582c4 100%);
		    border-radius: 2px;
		    font-weight: 600;
		    margin-top: 5px;

	}
.cryptoWalletBox{
	display: flex;
flex-wrap: nowrap;
margin: 25px;
justify-content: center;
flex-direction: row;
overflow: hidden;
}
.copy {
    position: absolute;
    right: 1px;
    top: 1px;
    background: rgb(255,255,255,9%);
    color: #e7e7e7;
    padding: 8px;
		font-size: 23px;
    cursor: pointer;
	}
.success {
    background: rgb(83 129 196);
}
.qrCode {
	overflow: hidden;
		position: relative;
		display: flex;
		width: 160px;
		height: 160px;
	 	background: rgb(255 255 255);
		opacity: .95;
		border-radius: 8px;
		transition: all 1s cubic-bezier(0, 1.15, .36, 1);

}
	.CryptoWallet {
		position: relative;
		display: block;
		background: #1c2344;
		padding: 10px;
		border-radius: 5px;
	}

	.alink
	 {
		 color: #4170c3;
		text-decoration: none;
	 }
:root{
  --chatW: 260px;     /* ширина чата */
  --chatPeek: 14px;   /* ширина "полоски" при скрытии */
  --gap: 20px;        /* текущий grid-gap */
  /* Сразу под topbar (design-core --topbarH), не в зоне ленты выигрышей */
  --chatToggleTop: calc(var(--topbarH) + 10%);
}

.globalWrapper{
	background:
    radial-gradient(1950px 1080px at 50% -350px, rgba(122, 108, 248, 0.15), rgba(0,0,0,0) 65%),
    radial-gradient(1820px 1180px at 50% 40%, rgba(78, 82, 176, 0.15), rgba(0,0,0,0) 71%),
    radial-gradient(1120px 660px at 14% 22%, rgba(255,255,255, 0.023), rgba(0,0,0,0) 52%),
    radial-gradient(1080px 760px at 22% 88%, rgba(60, 70, 154, 0.11), rgba(0,0,0,0) 64%),
    radial-gradient(1020px 580px at 91% 8%, rgba(255, 170, 82, 0.010), rgba(0,0,0,0) 54%),
    linear-gradient(180deg, rgba(9,10,24,0) 0%, rgba(0,0,0,.38) 100%),
    #090d1e;
  background-repeat:no-repeat;
  background-position:right;
  display:grid;
  grid-gap: var(--gap);
  grid-template-columns: 1fr var(--chatW);
  height:100%;
  width:100%;
  overflow-y:auto;
  top:0;
  left:0;
  transition:
    grid-template-columns .5s cubic-bezier(0,1.15,.36,1),
    grid-gap .5s cubic-bezier(0,1.15,.36,1);
}
/* Кнопка "Чат" в правом верхнем углу */
.chatEdgeToggle{
  position: fixed;
  top: var(--chatToggleTop);
  right: 8px;
  z-index: 99999;

  display:flex;
  align-items:center;
  gap:6px;

  padding:6px 12px;
  border-radius:999px;

  background:rgba(15,23,42,.96);
  border:1px solid rgba(148,163,253,.6);

  box-shadow:0 10px 25px rgba(0,0,0,.6);
  cursor:pointer;
  user-select:none;

  color:#e5e7eb;
  font-size:12px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;

  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .15s ease;
}

.chatEdgeToggle:hover{
  background:rgba(30,64,175,.95);
  border-color:#60a5fa;
  box-shadow:0 14px 32px rgba(37,99,235,.7);
  transform:translateY(-1px);
}

.chatEdgeIcon{
  font-size:16px;
  line-height:1;
  transition:transform .25s ease;
}

.chatEdgeLabel{
  margin-top:1px;
}

.chatEdgeArrow{
  font-size: 22px;
  line-height: 1;
  transition: transform .35s ease;
}

/* ===== состояние: чат скрыт ===== */

.chat-collapsed .globalWrapper{
  grid-template-columns: 1fr var(--chatPeek);
  grid-gap: 0;
}

/* схлопываем колонку чата */
.chat-collapsed .rightBlockNew{
  width: var(--chatPeek) !important;
  min-width: 0 !important;
  max-width: var(--chatPeek) !important;

  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;

  overflow: hidden !important;
  pointer-events: none;
}

/* скрываем содержимое чата */
.chat-collapsed .rightBlockNew > *{
  max-width: 100% !important;
  display: none !important;
}

/* растягиваем верхнюю панель */
.chat-collapsed .panelUp,
.chat-collapsed .panelUpContentNew{
  width: 100% !important;
  max-width: none !important;
}

.chat-collapsed .panelUpContentNew{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* кнопка-язычок, когда чат скрыт */
.chat-collapsed .chatEdgeToggle{
  background:rgba(15,23,42,.9);
  border-color:rgba(148,163,253,.4);
  box-shadow:0 8px 20px rgba(0,0,0,.55);
}

/* стрелка разворачивается */
.chat-collapsed .chatEdgeIcon,
.chat-collapsed .chatEdgeArrow{
  transform: rotate(180deg);
}

	.copyRefLink{
		font-size: 20px;;
		background: rgb(255,255,255,9%);
		color: #e7e7e7;
		cursor: pointer;
		opacity: 0.85;
	
	}

	.snowball {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 11px;
	  height: 11px;
	  border-radius: 50%;
	  background: white;
	  opacity: 0;

	  animation: snowRain 4s ease-in infinite;

	  box-shadow: 0 0 5px 3px rgba(255, 255, 255, .75);
	}

	.snowball2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background: white;
		opacity: 0;
		background: white;

		box-shadow: 0 0 5px 3px rgba(255, 255, 255, .75);
	}
	.snowball3 {
		position: absolute;
		top: 0;
		left: 0;
		width: 17px;
		height: 17px;
		border-radius: 50%;
		background: white;
		opacity: 0;

		animation: snowRain 6s ease-in-out infinite;

		box-shadow: 0 0 5px 3px rgba(255, 255, 255, .75);
	}

@keyframes snowRain2 {
	from {
	margin-left: 100%;
}
to {
	margin-left: 15%;
}

30% {
	width: 50px;
	height: 50px;
	opacity: 1;
}
70% {
	opacity: 1;
}
80%{
	width: 135px;
	height: 135px;
}
100% {
	width: 0px;
	height: 0px;
	opacity: 0;
	top: 490px;
}
}

	@keyframes snowRain {
		0% {
			opacity: 0;
			top: 0;
		}

		30% {
			opacity: 0.9;
		}

		70% {
			opacity: 1;
		}

		100% {
			opacity: 0;
			top: 470px;
		}

	}
	.snowball-0 {
		left: 10px;
		animation-delay: -.13s;
	}
	.snowball-1 {
	  left: 80px;
	  animation-delay: -.13s;
	}

	.snowball-2 {
	  left: 110px;
	  animation-delay: .42s;
	}

	.snowball-3 {
	  left: 140px;
	  animation-delay: .75s;
	}

	.snowball-4 {
	  left: 170px;
	  animation-delay: -.15s;
	}

	.snowball-5 {
	  left: 200px;
	  animation-delay: -.13s;
	}

	.snowball-6 {
	  left: 230px;
	  animation-delay: .14s;
	}

	.snowball-7 {
		left: 260px;
		animation-delay: -.3s;
	}

	.snowball-8 {
		left: 290px;
		animation-delay: -.12s;
	}

	.snowball-9 {
		left: 320px;
		animation-delay: -.3s;
	}

	.snowball-10 {
		left: 350px;
		animation-delay: -.18s;
	}

	.snowball-11 {
		left: 380px;
		animation-delay: .3s;
	}

	.snowball-12 {
		left: 410px;
		animation-delay: -.17s;
	}
	.snowball-13 {
		left: 440px;
		animation-delay: .22s;
	}
	.snowball-14 {
		left: 470px;
		animation-delay: .17s;
	}
	.snowball-15 {
		left: 500px;
		animation-delay: -.13s;
	}

	.snowball-16 {
		left: 530px;
		animation-delay: .42s;
	}

	.snowball-17 {
		left: 560px;
		animation-delay: .15s;
	}

	.snowball-18 {
		left: 590px;
		animation-delay: .58s;
	}

	.snowball-19 {
		left: 620px;
		animation-delay: -.33s;
	}

	.snowball-20 {
		left: 650px;
		animation-delay: .24s;
	}

	.snowball-21 {
		left: 680px;
		animation-delay: .13s;
	}

	.snowball-22 {
		left: 710px;
		animation-delay: .22s;
	}

	.snowball-23 {
		left: 740px;
		animation-delay: -.21s;
	}

	.snowball-24 {
		left: 770px;
		animation-delay: -.13s;
	}

	.snowball-25 {
		left: 800px;
		animation-delay: .32s;
	}

	.snowball-26 {
		left: 830px;
		animation-delay: -.7s;
	}
	.snowball-27 {
		left: 860px;
		animation-delay: -.45s;
	}
	.snowball-28 {
		left: 890px;
		animation-delay: .13s;
	}
	.snowball-29 {
		left: 920px;
		animation-delay: .28s;
	}
	.snowball-30 {
		left: 950px;
		animation-delay: .13s;
	}
	.snowball-31 {
		left: 980px;
		animation-delay: -.44s;
	}

	.snowball-32 {
		left: 1010px;
		animation-delay: .18s;
	}

	.snowball-33 {
		left: 1040px;
		animation-delay: -.52s;
	}

	.snowball-34 {
		left: 1070px;
		animation-delay: .22s;
	}

	.snowball-35 {
		left: 1100px;
		animation-delay: .47s;
	}

	.snowball-36 {
		left: 1130px;
		animation-delay: -.14s;
	}

	.snowball-37 {
		left: 1160px;
		animation-delay: -.13s;
	}

	.snowball-38 {
		left: 1190px;
		animation-delay: .12s;
	}

	.snowball-39 {
		left: 1210px;
		animation-delay: .15s;
	}

	.snowball-40 {
		left: 1240px;
		animation-delay: -.13s;
	}

	.snowball-41 {
		left: 1270px;
		animation-delay: .23s;
	}

	.snowball-42 {
		left: 1300px;
		animation-delay: -.27s;
	}
	.snowball-43 {
		left: 1330px;
		animation-delay: -.32s;
	}
	.snowball-44 {
		left: 1360px;
		animation-delay: .3s;
	}
	.snowball-45 {
		left: 1390px;
		animation-delay: -.12s;
	}

	.snowball-46 {
		left: 1420px;
		animation-delay: -.16s;
	}

	.snowball-47 {
		left: 1450px;
		animation-delay: .25s;
	}

	.snowball-48 {
		left: 1480px;
		animation-delay: .12s;
	}

	.snowball-49 {
		left: 1510px;
		animation-delay: .13s;
	}

	.snowball-50 {
		left: 1540px;
		animation-delay: .23s;
	}

	.snowball-51 {
		left: 1570px;
		animation-delay: .14s;
	}
	.snowball-52 {
		left: 1600px;
		animation-delay: .21s;
	}
	.snowball-53 {
		left: 1630px;
		animation-delay: -.17s;
	}


	@keyframes snowRain {
	  0% {
	    opacity: 0;
	    top: 0;
	  }

	  30% {
	    opacity: 0.9;
	  }

	  70% {
	    opacity: 1;
	  }

	  100% {
	    opacity: 0;
	    top: 470px;
	  }
	}

 .contentBlock
	{
		margin-top: 65px;
		min-width: 300px;
		overflow-x: hidden;
		z-index: 1;
	}
 .contentBlock::-webkit-scrollbar { width: 0px; }

 .panelUp
	{
		background: #0d1a38;
		display: block;
		position: fixed;
		height: 50px;
		left: 60px;
		right: 275px;
		top: 0;
		z-index: 1000;
		max-width: inherit;
	}
 .panelUpAvatar
	{
		position: relative;
		left: 8px;
		top: 6px;
		border: 1px solid #11131f;
		width: 40px;
		height: 40px;
		border-radius: 8px;
		opacity: 0.9;
	}
 .panelUpUserName
	{
		position: absolute;
		left: 53px;
		top: 16px;
		font-size: 16px;
		font-weight: 900;
		text-transform: uppercase;
	}
 .panelUpTextLinks
	{
    position: absolute;
    top: 16px;
    font-size: 16px;
    font-weight: 900;
		text-transform: uppercase;
	}
 .panelUpTextLinks.one
	{
		left: 470px;
	}
 .panelUpTextLinks.two
	{
		left: 548px;
	}
 .panelUpTextLinks.three
	{
		left: 622px;
	}
	.panelUpTextLinks.four
	 {
		 left: 696px;
	 }

 .panelUpSoundButton
	{
		position: absolute;
		transform: translate(376px, 22px);
		font-size: 15px;
		width: 32px;
		height: 32px;
	}
 .panelUpSoundButton.off
	{
		color: #0e4aa2;
	}

@media (max-width: 767px) {
 .panelUpSoundButton
	{
		transform: translate(0px, 19px);
		right:222px;

	}

}

 .panelUpPromoButton
	{
		position: absolute;
		transform: translate(404px, 19px);
		font-size: 15px;
		width: 32px;
		height: 32px;
	}
 .panelUpExitButton
	{
		position: absolute;
		background: #6d1496;
		text-align: center;
		padding-top: 2px;
		right: 5px;
		color: #eeeeee;
		transform: translate(-6px, 13px);
		font-size: 17px;
		width: 30px;
		height: 30px;
		border-radius: 6px;
	}
	.panelUpLink
 	{
		color: #f9f1f1;
		position: absolute;
transform: translate(-33px);
top: 5px;
	}
 .panelUp-DepositButton
	{
		position: absolute;
		background: linear-gradient(90deg, #10a3b9 0%, #1598a4 100%);
		text-align: center;
		padding-top: 3px;
		right: 5px;
		color: #f9f1f1;
		transform: translate(-137px, -27px);
		font-size: 14px;
		width: 76px;
		height: 30px;
		border-radius: 6px;
	}
	.panelUp-DepositButton:hover
	{
		background:#1059b5;
	}
	.panelUpWalletButton
 	{
 		position: absolute;
 		background: #0c469b;
 		text-align: center;
 		padding-top: 3px;
 		right: 5px;
 		color: #f9f1f1;
 		transform: translate(-49px, -27px);
 		font-size: 14px;
 		width: 76px;
 		height: 30px;
 		border-radius: 6px;
 	}
	.panelUpBalanceBlock
 	{
 		position: absolute;
 		background: #0b0c19;
 		text-align: right;
 		padding-top: 4px;
 		padding-right: 5px;
 		right: 5px;
 		transform: translate(-225px, -24px);
 		font-size: 13px;
 		font-weight: bold;
 		width: 79px;
 		height: 27px;
 		border-radius: 6px;
 	}


 .panelUpBalanceBlock img
	{
		position: absolute;
		right: 10px;
		transform: translate(-47px, -2px);
		width: 25px;
		height: 25px;
	}
	.leftBlockMenuItemSc
	{

		width: 25px;
		height: 25px;

		text-decoration: none;

	}
	.leftBlockMenuItemVk img
	{
		position: absolute;
		bottom: 0;
		top:92%;
		margin-left:6px;
		width: 25px;
		height: 25px;
		margin-top: 5px;
		opacity: 0.75;
	}
	.leftBlockMenuItemTg img
	{
		position: absolute;
		bottom: 0;
		top:96%;
		margin-left:6px;
		width: 23px;
		height: 23px;
		margin-top: 5px;
		opacity: 0.75;

	}
	.leftBlockMenuItemVk img:hover
	{
		opacity: 1;
	}
	.leftBlockMenuItemTg img:hover
	{
		opacity: 1;
	}

 .leftBlock
	{
		background: #0d1a38;
		overflow-x: hidden;
		z-index: 1;
		-webkit-box-shadow: -3px 5px 13px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: -3px 5px 13px 0px rgba(0, 0, 0, 0.1);
		box-shadow: -3px 5px 13px 0px rgba(0, 0, 0, 0.1);
	}
 .leftBlockGrid
	{
		display: grid;
		grid-template-rows: 78px 1fr;
		height:100%;
	}
 .leftBlockGridLogo
	{
		text-align: center;
		overflow: hidden;
	}
 .leftBlockLogo
	{
		top: 0px;
        left: 5px;
        width: 65px;
        margin: 0px;
	}

.leftBlockLogo:hover
	{
		opacity:0.9;
	}

 .leftBlockGridMenu
	{
		text-align: center;
		overflow-x: hidden;
	}

	.leftBlockMenuItemPc
 	{
		background-color: #0e4aa2;
    border-radius: 0 1.5rem 0 0;
		text-align: center;
		margin-top: 35px;
		text-decoration: none;

 	}

	.leftBlockMenuItem
 	{
 		display: block;
 		width: 40px;
 		height: 40px;
 		color: #a8b0ce;
 		margin-top: 12px;
 		margin-left: 11px;
 		border-radius: 10px;
 		text-decoration: none;
		background: #0e2458;
 	}
  .leftBlockMenuItem:hover
 	{
 		color: #fff;
		background: #183a8b;
 	}
  .leftBlockMenuItem.active
 	{
 		color: #fff;
		background: linear-gradient(90deg, #2313a2 0%, #17306a 100%);
 	}
	 .leftBlockMenuItem img
 	{
 		width: 30px;
 		height: 30px;
 		margin-top: 5px;
 	}



 .rightBlock
	{
		background: #0d1a38;
		overflow-x: hidden;
		-moz-box-shadow: 1px 1px 7px 3px rgba(0, 0, 0, 0.37);
		box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.37);
		transition: all 5s cubic-bezier(0, 1.15, 0.36, 1) 0s;
	}
 .rightBlock.chatOpened
	{
		position:fixed;
		display:block;
		width:100%;
		height:100%;
		background: radial-gradient(at 50% -5%, rgba(64, 71, 88, 0.95), rgb(5, 13, 37));
		z-index:1000;
	}

 .rightBlockGrid
	{
		display: grid;
		grid-template-rows: 51px 1fr 150px;
		height:100%;
	}
	.d-none {
    display: none!important;
	}
	.rightBlockHeaderStream {
	    position: relative;
	    display: flex;
			height:55px;
	    align-items: center;
	    justify-content: center;
	    background: linear-gradient(
	90deg ,rgb(18,59,68,15%) 0,rgb(66,52,67,44%) 100%);
	    border-bottom: 1px solid #161d34;
	}
 .rightBlockHeader
	{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: left;
		border-bottom: 1px solid #151829;
	}
	.rightBlockHeaderClose
 	{
 		transform: translate(20px, 1px);
 		font-size: 12px;
 	}
	.rightBlockHeaderClose:hover
 	{
		color:#ffffff;
 	}
 .rightBlockHeaderTxt1
	{
		transform: translate(16px, 1px);
		font-size: 18px;
	}
 .rightBlockHeaderTxt2
	{
		position: absolute;
		right: 15px;
		font-size: 22px;
	}
 .rightBlockHeaderTxt3
	{
		position: absolute;
		right: 28px;
		background: #89e129b8;
		width: 8px;
		height: 8px;
		transform: translate(-10px, 0px);
		border-radius: 100%;
	}


 .rightBlockChat
	{
		overflow-x: hidden;
	}
 .rightBlockChatMessageBlock
	{
		position: relative;
		min-height: 60px;
		padding: 8px 10px 8px 8px;
		margin: 8px;
		border-radius: 6px;
	}
 .rightBlockChatMessageBlock.rbchmb1
	{
		background: #0c1f4c;
	}
 .rightBlockChatMessageBlock.rbchmb2
	{
		background: #112962;
	}
	.rightBlockChatMessageBlock.info
	 {
		 background: #0d667c;
	 }
 .rightBlockChatMessageAvatar
	{
		width: 45px;
		height: 45px;
		border: 2px solid #9e353500;
		border-radius: 10px;
	}
 .rightBlockChatMessageNick
	{
		display: inline-block;
		overflow: hidden;
		font-size: 14px;
		font-weight: 600;
		color: #c0c3ce;
		text-overflow: ellipsis;
		cursor: pointer;
		white-space: nowrap;
		transform: translate(4px, -4px);
	}
 .rightBlockChatMessageText
	{
		margin-left: 52px;
		margin-top: -23px;
		line-height: 14px;
		font-size: 14px;
		font-weight: 400;
		color: #d9d0d0;
		word-break: break-word;
	}
	.rightBlockChatMessageTextClose
 	{
 		margin-left: 52px;
 		margin-top: -23px;
 		line-height: 14px;
 		font-size: 14px;
 		font-weight: 400;
 		color: #a5a2a2;
 		word-break: break-word;
		-webkit-filter: blur(4px);
  -moz-filter: blur(4px);
 	}
 .rightBlockChatTextArea
	{
	position: relative;
	background: #081126;
	border: 0px;
	width: 90%;
	height: 58px;
	padding: 0px;
	padding-top: 2px;
	padding-left: 9px;
	padding-right: 93px;
	border-radius: 0px;
	margin: 0px;
	margin-left: 15px;
	margin-top: 15px;
	font-size: 14px;
	text-align: left;
	color: #d2d2d2;
	word-break: break-word;
	line-height: 0px;
	outline: none;
	border-radius: 15px;
	}
 .rightBlockChatTextArea:hover
	{
		background: #22263a;
		border: 0px;
	}
 .rightBlockChatButton
	{
		position: absolute;
		right: 0;
		transition: all 1s cubic-bezier(0, 1.15, 0.36, 1) 0s;
		width: 40px;
		height: 36px;
		border: 1px solid transparent;
		border-radius: 10px;
		background: #0e2458;
		color: #9b9ca0;
		font-size: 23px;
		margin-top: 0px;
		cursor: pointer;
		outline: none;
		transform: translate(-20px, 26px);
	}
 .rightBlockChatButton:hover
	{
		background: #151829;
		border: 1px solid #151829;
		color: #fff;
		outline: none;

	}
 .rightBlockChatButton:active
	{
		background: rgba(133, 145, 191, 0.47);
		border: 1px solid #151829;
		color: #fff;
		outline: none;

	}

 .rightBlockFooter
	{
		position: relative;

	}

 .form-control
	{
		background: rgb(46,45,66);
	}
 .input-group-text
	{
		 background: #363452;
	}
 .buttonGreen
	{
		background: rgb(52,99,74);
		background: linear-gradient(90deg, #2313a2 0%, #17306a 100%);
		color:#fff;
	}
/* Верхняя панель "Вернуться" */
/* ===== BACK BUTTON FIX ===== */
.CasinoLobbyHeadPlay{
  position: fixed;
  top: 12px;
  right: 12px;
  z-index: 999999;
  pointer-events: auto;
}

.backListSLot{
  position: relative;
  z-index: 99999;
  pointer-events: auto;
}
.backListSLot{
  background: linear-gradient(180deg, rgba(120,140,255,.35), rgba(40,55,120,.35));
  border: 1px solid rgba(160,190,255,.35);
  color: #e9efff;
  padding: 6px 10px;
  border-radius: 8px;
  box-shadow: 0 8px 18px rgba(0,0,0,.35);
}

.backListSLot:hover{
  transform: translateY(-1px);
  filter: brightness(1.08);
}
.BigBlockSlot{
  width: 100%;
  max-width: 100vw;
  padding: 0 14px; /* аккуратные поля, чтобы не липло к краям */
  box-sizing: border-box;
}



/* ВАЖНО: сам баннер/iframe растягиваем */
.casinoGameWrapper,
.casinoGameWrapperMobile{
  width: 100% !important;
  height: calc(100vh - 110px); /* подстрой под свою шапку */
  border: 0;
  display: block;
  border-radius: 0;
}

/* на мобиле */
@media (max-width: 768px){
  .casinoGameWrapperMobile{
    height: calc(100vh - 90px);
  }
}

	  .casinoLobbyWrapper {
			  display: flex;
			  flex-wrap: wrap;
			  margin: 5px;
		  justify-content: center;
		  }
	  
	  .casinoLobbyWrapper .gameCard {
			  overflow: hidden;
			  position: relative;
			  display: flex;
			  flex-direction: column;
			  flex: 0 0 calc(14% - 12px);
			  background: #141623;
			  justify-content: center;
			  align-items: center;
			  margin: 6px;
			  border-radius: 15px;
			  box-shadow: 0 5px 10px 2px rgb(8 10 12 / 20%);
			  opacity: .95;
			  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
			  cursor: pointer
		  }
	  
	  
	  @media (max-width: 2000px) {
		  .casinoLobbyWrapper .gameCard {
			  flex:0 0 calc(14% - 12px)
		  }
	  }
	  
	  
	  @media (max-width: 1368px) {
		  .casinoLobbyWrapper .gameCard {
			  flex:0 0 calc(19% - 12px)
		  }
	  }
	  @media (max-width: 800px) {
		  .casinoLobbyWrapper .gameCard {
			  flex:0 0 calc(19% - 12px)
		  }
	  }

	  .casinoLobbyWrapper .gameCard .overlay {
			  position: absolute;
			  display: none;
			  justify-content: center;
			  align-items: center;
			  position: absolute;
			  top: 0;
			  width: 100%;
			  height: calc(100% - 38px);
			  background: rgb(19,24,31,39%);
			  text-align: center;
			  z-index: 10;
			  backdrop-filter: blur(2px);
			  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
		  }
	  .casinoLobbyWrapper .gameCard .overlay:hover {
			  display: block;
	  
		  }
	  
	  .casinoLobbyWrapper .gameCard:hover {
			  display: block;
			  opacity: 1
		  }
	  
	  
	  
	  .casinoLobbyWrapper .gameCard .gameName {
			  background: #5e4bc2;
			  width: 100%;
			  padding: 8px 0 0 0;
			  height: 40px;
			  line-height: 24px;
			  font-family: 'Roboto Condensed';
			  font-size: 14px;
			  font-weight: 500;
			  text-align: right;
			  padding-right: 10px;
		  }
	  
	  .casinoLobbyWrapper .gameCard .providerLogo {
			  position: absolute;
			  width: 75px;
			  bottom: 7px;
			  left: 5px;
			  filter: drop-shadow(1px 2px 1px #000);
			  opacity: .9
		  }
	  
	  .casinoLobbyWrapper .gameCard .gamePicture {
			  width: 100%;
			  transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s
		  }
	  
	  .casinoLobbyWrapper .gameCard .gamePicture:hover {
			  filter: blur(5px) grayscale(.9)
		  }
	  
	  .casinoLobbyWrapper .gameCard .top {
			  position: absolute;
			  background: linear-gradient(90deg,rgb(171,2,58,80%) 0,rgb(65,100,177,97%) 100%);
			  left: 0;
			  top: 0;
			  padding: 5px;
			  padding-right: 10px;
			  color: #fff;
			  font-size: 11px;
			  font-weight: 900;
			  border-radius: 10px;
			  transform: translate(8px,-2px);
			  z-index: 2
		  }
	  /*GameCardlobby на странице /lobby*/
	  .casinoLobbyWrapper .gameCardLobby{
			  overflow: hidden;
			  position: relative;
			  display: flex;
			  flex-direction: column;
			  flex: 0 0 calc(16% - 12px);
			  background: #141623;
			  justify-content: center;
			  align-items: center;
			  margin: 6px;
			  border-radius: 15px;
			  box-shadow: 0 5px 10px 2px rgb(8 10 12 / 20%);
			  opacity: .95;
			  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
			  cursor: pointer
		  }
	  
	  
		  @media (max-width: 2000px) {
		  .casinoLobbyWrapper .gameCardLobby{
			  flex:0 0 calc(16% - 12px)
		  }
		  }
		  @media (max-width: 1368px) {
			  .casinoLobbyWrapper .gameCardLobby {
				  flex:0 0 calc(19% - 12px)
			  }
		  }
		  @media (max-width: 800px) {
			  .casinoLobbyWrapper .gameCardLobby {
				  flex:0 0 calc(23% - 12px)
			  }
		  }
		  .casinoLobbyWrapper .gameCardLobby .overlay {
			  position: absolute;
			  display: none;
			  justify-content: center;
			  align-items: center;
			  position: absolute;
			  top: 0;
			  width: 100%;
			  height: calc(100% - 38px);
			  background: rgb(19,24,31,39%);
			  text-align: center;
			  z-index: 10;
			  backdrop-filter: blur(2px);
			  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
		  }
	  .casinoLobbyWrapper .gameCardLobby .overlay:hover {
			  display: block;
	  
		  }
	  
	  .casinoLobbyWrapper .gameCardLobby:hover {
			  display: block;
			  opacity: 1
		  }
	  
	  
	  
	  .casinoLobbyWrapper .gameCardLobby .gameName {
			  background: #5e4bc2;
			  width: 100%;
			  padding: 8px 0 0 0;
			  height: 40px;
			  line-height: 24px;
			  font-family: 'Roboto Condensed';
			  font-size: 14px;
			  font-weight: 500;
			  text-align: right;
			  padding-right: 10px;
		  }
	  
	  .casinoLobbyWrapper .gameCardLobby .providerLogo {
			  position: absolute;
			  width: 75px;
			  bottom: 7px;
			  left: 5px;
			  filter: drop-shadow(1px 2px 1px #000);
			  opacity: .9
		  }
	  
	  .casinoLobbyWrapper .gameCardLobby .gamePicture {
			  width: 100%;
			  transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s
		  }
	  
	  .casinoLobbyWrapper .gameCardLobby .gamePicture:hover {
			  filter: blur(5px) grayscale(.9)
		  }
	  
	  .casinoLobbyWrapper .gameCardLobby .top {
			  position: absolute;
			  background: linear-gradient(90deg,rgb(171,2,58,80%) 0,rgb(65,100,177,97%) 100%);
			  left: 0;
			  top: 0;
			  padding: 5px;
			  padding-right: 10px;
			  color: #fff;
			  font-size: 11px;
			  font-weight: 900;
			  border-radius: 10px;
			  transform: translate(8px,-2px);
			  z-index: 2
		  }
	  /*GameCardlobby на странице  конец /lobby*/
.overlay{ display:none; }
.gameCard:hover .overlay{ display:block; }
	  /*GameCardlobbySite на странице /lobby*/
	  .casinoLobbyWrapperSite {
		  display: flex;
		  flex-wrap: wrap;
		  margin: 5px;
		  justify-content: center;
	  }
	  .casinoLobbyWrapperSite .gameCardLobbySite{
		  overflow: hidden;
		  position: relative;
		  display: flex;
		  flex-direction: column;
		  flex: 0 0 calc(25% - 12px);
		  background: #141623;
		  justify-content: center;
		  align-items: center;
		  margin: 6px;
		  border-radius: 15px;
		  box-shadow: 0 5px 10px 2px rgb(8 10 12 / 20%);
		  opacity: .95;
		  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
		  cursor: pointer
	  }
	  
	  
	  @media (max-width: 2000px) {
	  .casinoLobbyWrapperSite .gameCardLobbySite{
		  flex:0 0 calc(25% - 12px)
	  }
	  }
	  @media (max-width: 1368px) {
		  .casinoLobbyWrapperSite .gameCardLobbySite {
			  flex:0 0 calc(23% - 12px)
		  }
	  }
	  @media (max-width: 800px) {
		  .casinoLobbyWrapperSite .gameCardLobbySite {
			  flex:0 0 calc(20% - 12px)
		  }
	  }
	  .casinoLobbyWrapperSite .gameCardLobbySite .overlay {
		  position: absolute;
		  display: none;
		  justify-content: center;
		  align-items: center;
		  position: absolute;
		  top: 0;
		  width: 100%;
		  height: calc(100% - 38px);
		  background: rgb(19,24,31,39%);
		  text-align: center;
		  z-index: 10;
		  backdrop-filter: blur(2px);
		  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
	  }
	  .casinoLobbyWrapperSite .gameCardLobbySite .overlay:hover {
		  display: block;
	  
	  }
	  
	  .casinoLobbyWrapperSite .gameCardLobbySite:hover {
		  display: block;
		  opacity: 1
	  }
	  
	  
	  
	  .casinoLobbyWrapperSite .gameCardLobbySite .gameName {
		  background: #5e4bc2;
		  width: 100%;
		  padding: 8px 0 0 0;
		  height: 40px;
		  line-height: 24px;
		  font-family: 'Roboto Condensed';
		  font-size: 14px;
		  font-weight: 500;
		  text-align: right;
		  padding-right: 10px;
	  }
	  
	  .casinoLobbyWrapperSite .gameCardLobbySite .providerLogo {
		  position: absolute;
		  width: 75px;
		  bottom: 7px;
		  left: 5px;
		  filter: drop-shadow(1px 2px 1px #000);
		  opacity: .9
	  }
	  
	  .casinoLobbyWrapperSite .gameCardLobbySite .gamePicture {
		  width: 100%;
		  transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s;
		  opacity: 0.9;
	  }
	  
	  .casinoLobbyWrapperSite .gameCardLobbySite .gamePicture:hover {
		  filter: blur(3px) grayscale(.9)
	  }
	  
	  .casinoLobbyWrapperSite .gameCardLobbySite .top {
		  position: absolute;
		  background: linear-gradient(90deg,rgb(171,2,58,80%) 0,rgb(65,100,177,97%) 100%);
		  left: 0;
		  top: 0;
		  padding: 5px;
		  padding-right: 10px;
		  color: #fff;
		  font-size: 11px;
		  font-weight: 900;
		  border-radius: 10px;
		  transform: translate(8px,-2px);
		  z-index: 2
	  }
	  /*GameCardlobbySite на странице  конец /lobby*/
	  /*GameCardlobbySiteMobile на странице /lobby*/
	  .casinoLobbyWrapperSiteMobile {
		  display: none;
		  flex-wrap: wrap;
		  margin: 5px;
		  justify-content: center;
	  }
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite{
		  overflow: hidden;
		  position: relative;
		  display: flex;
		  flex-direction: column;
		  flex: 0 0 calc(25% - 12px);
		  background: #141623;
		  justify-content: center;
		  align-items: center;
		  margin: 6px;
		  border-radius: 15px;
		  box-shadow: 0 5px 10px 2px rgb(8 10 12 / 20%);
		  opacity: .95;
		  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
		  cursor: pointer
	  }
	  
	  
	  @media (max-width: 800px) {
		  .casinoLobbyWrapperSiteMobile .gameCardLobbySite {
			  flex:0 0 calc(50% - 12px)
		  }
	  }
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite .overlay {
		  position: absolute;
		  display: none;
		  justify-content: center;
		  align-items: center;
		  position: absolute;
		  top: 0;
		  width: 100%;
		  height: calc(100% - 38px);
		  background: rgb(19,24,31,39%);
		  text-align: center;
		  z-index: 10;
		  backdrop-filter: blur(2px);
		  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
	  }
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite .overlay:hover {
		  display: block;
	  
	  }
	  
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite:hover {
		  display: block;
		  opacity: 1
	  }
	  
	  
	  
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite .gameName {
		  background: #5e4bc2;
		  width: 100%;
		  padding: 8px 0 0 0;
		  height: 40px;
		  line-height: 24px;
		  font-family: 'Roboto Condensed';
		  font-size: 14px;
		  font-weight: 500;
		  text-align: right;
		  padding-right: 10px;
	  }
	  
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite .providerLogo {
		  position: absolute;
		  width: 75px;
		  bottom: 7px;
		  left: 5px;
		  filter: drop-shadow(1px 2px 1px #000);
		  opacity: .9
	  }
	  
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite .gamePicture {
		  width: 100%;
		  transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s;
		  opacity: 0.9;
	  }
	  
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite .gamePicture:hover {
		  filter: blur(3px) grayscale(.9)
	  }
	  
	  .casinoLobbyWrapperSiteMobile .gameCardLobbySite .top {
		  position: absolute;
		  background: linear-gradient(90deg,rgb(171,2,58,80%) 0,rgb(65,100,177,97%) 100%);
		  left: 0;
		  top: 0;
		  padding: 5px;
		  padding-right: 10px;
		  color: #fff;
		  font-size: 11px;
		  font-weight: 900;
		  border-radius: 10px;
		  transform: translate(8px,-2px);
		  z-index: 2
	  }
	  /*GameCardlobbySiteMobile на странице  конец /lobby*/
		.casinoLobbyWrapperMobile{
			display: none;
			flex-wrap: wrap;
			margin: 5px;
			justify-content: center;
		  }
		  @media (max-width: 800px) {
			  .casinoLobbyWrapperMobile{
				display: flex;
			  }
			  .casinoLobbyWrapper{
				display: none;
			  }
			  .casinoLobbyWrapperSiteMobile{
				  display: flex;
				}
				.casinoLobbyWrapperSite{
				  display: none;
				}
	  
		  }
		.casinoLobbyWrapperMobile .gameCardLobby {
				  overflow: hidden;
				  position: relative;
				  display: flex;
				  flex-direction: column;
				  flex: 0 0 calc(33% - 12px);
				  background: #141623;
				  justify-content: center;
				  align-items: center;
				  margin: 6px;
				  border-radius: 15px;
				  box-shadow: 0 5px 10px 2px rgb(8 10 12 / 20%);
				  opacity: .95;
				  transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
				  cursor: pointer
			  }
	  
		.casinoLobbyWrapperMobile .gameCardLobby:hover {
				display: block;
				opacity: 1
			}
	  
		.casinoLobbyWrapperMobile .gameCardLobby .gameName {
				background: #5e4bc2;
				width: 100%;
				padding: 8px 0 0 0;
				height: 40px;
				line-height: 24px;
				font-family: 'Roboto Condensed';
				font-size: 13px;
				font-weight: 500;
				text-align: center;
			}
	  
		.casinoLobbyWrapperMobile .gameCardLobby .providerLogo {
				position: absolute;
				width: 75px;
				bottom: 10px;
				left: 5px;
			  top:1px;
				filter: drop-shadow(1px 2px 1px #000);
				opacity: .9
			}
	  
		.casinoLobbyWrapperMobile .gameCardLobby .gamePicture {
				width: 100%;
				transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s
			}
	  
		.casinoLobbyWrapperMobile .gameCardLobby .gamePicture:hover {
				filter: blur(5px) grayscale(.9)
			}
	  
		.casinoLobbyWrapperMobile .gameCardLobby .top {
				position: absolute;
				background: linear-gradient(90deg,rgb(171,2,58,80%) 0,rgb(65,100,177,97%) 100%);
				left: 0;
				top: 0;
				padding: 5px;
				padding-right: 10px;
				color: #fff;
				font-size: 11px;
				font-weight: 900;
				border-radius: 10px;
				transform: translate(8px,-2px);
				z-index: 2
			}
	  .casinoLobbyWrapper .gameCard .new {
			  position: absolute;
			  background: rgb(168,20,20,90%);
			  right: 2px;
			  bottom: 48px;
			  padding: 5px;
			  color: #fff;
			  font-size: 11px;
			  font-weight: 900;
			  border-radius: 4px;
			  z-index: 2;
			  transform: translate(-3px,4px)
		  }
		  .casinoPlayButton {
			  width: 80px;
			  height: 80px;
			  margin: auto;
			  position: absolute;
			  top: -10px;
			  left: 0;
			  bottom: 0;
			  right: 0;
			  opacity: 0.75;
		  }
	  
		  .casinoSlotButtonMini {
			  background: rgb(54,64,84,52%);
			  color: #a0a7b5;
			  border: 1px solid rgb(0,0,0,10%);
			  margin-left: 5px;
			  width: 45%;
			  height: 30px;
			  border-radius: 5px;
			  line-height: 17px;
			  font-size: 13px;
			  box-shadow: none
		  }

 .cardBgDarkBlue
	{
		border-radius: 0 2rem 0 0;
      background-color: #0d1a38;
      overflow: hidden;
	}
 .bgDarkBlue
	{
		background: #101221;
	}
 .bgDarkGray
	{
		background: #1b1b2b;
	}
 .cardCircle
	{

		position:relative;
		background-image: url(/diz/avatars/cardCircleBg.png);
		background-position: center;
		background-size: cover;
		width: 180px;
		height: 180px;
	}
 .cardCircle.profile
	{
		width: 50%;
		margin: 0 auto;
		width: 170px;
		height: 170px;
	}
 .cardCircle.profile.do1000
	{
		background-image: url(/img/do1000.png);
	}
 .cardCircle.profile.do2000
	{
		background-image: url(/img/do2000.png);
	}
 .cardCircle.profile.do5000
	{
		background-image: url(/img/do5000.png);
	}
 .cardCircle.profile.do10000
	{
		background-image: url(/img/do10000.png);
	}
 .cardCircle.profile.do20000
	{
		background-image: url(/img/do20000.png);
	}
 .cardCircle.profile.do50000
	{
		background-image: url(/img/do50000.png);
	}
 .cardCircle.profile.do500000
	{
		background-image: url(/img/do500000.png);
	}

 .cardCircleAvatar
	{
		width: 100px;
		height: 100px;
		border-radius: 100px;
		position: absolute;
		transform: translate(39px, 39px);
	}
 .cardCircleAvatar.profile
	{
		width: 149px;
		height: 149px;
		border: 0px;
		transform: translate(-4px, -7px);
	}
 .cardHeader
	{
		border-bottom: 3px solid #068bad;
		position: absolute;
		top: 10px;
		right: 15px;
	}
	.cardHeaderClassic
	 {
		 border-bottom: 3px solid #068bad;
		 text-align: center;
		 top: 10px;
		 right: 15px;
	 }
	.cardHeaderId
	 {
		 border-bottom: 3px solid #78b798;
		 position: absolute;
		 top: 10px;
		 left: 125px;
	 }
	 .cardHeader2
	 {
		 position: absolute;
		 top: 10px;
		 left: 17px;
	 }
	 .cardHeader3
	 {
		 position: absolute;
			top: 55px;
		 left: 17px;
	 }
	 .cardHeader4
	 {
		 position: absolute;
			top: 100px;
		 left: 17px;
	 }
	 .cardHeader5
	 {
		 position: absolute;
			top: 145px;
		 left: 17px;
	 }
	 .cardHeader6
		{
			position: absolute;
		 top: 190px;
			left: 17px;
		}
		.cardUserName
		 {
			 position: absolute;
			 top: 36px;
			 right: 14px;
		 }
		 .cardUserNameClassic
			{
				text-align: center;
				top: 50px;
				right: 14px;
			}
		.cardSumm1
		 {
			 position: absolute;
			 bottom: 26px;
			 right: 78px;
			 font-size: 14px;
			 color: #9093a0;
		 }
		.cardSumm2
		 {
			 position: absolute;
			 bottom: 26px;
			 right: 14px;
			 font-size: 14px;
			 color: #9093a0;
		 }
		.cardPercent1
		 {
			 position: absolute;
			 bottom: 7px;
			 right: 72px;
			 font-size: 14px;
			 color: #9093a0;
		 }
		.cardPercent2
		 {
			 position: absolute;
			 bottom: 7px;
			 right: 14px;
			 font-size: 14px;
			 color: #9093a0;
		 }
		 @media (max-width: 767px) {
			 .financeContainer {
					 display: block;
					 min-height: 100px;
			 }
		 }

		 @media (min-width: 767px) {
			 .financeContainer {
					 display: flex;
					 min-height: 100px;
			 }
			}
			.financeContainerBlocks {
					margin: 15px;
					flex: 1 1 200px;
					border-radius: 10px;
			}
			.financeContainerBlocks:nth-child(1) {
				flex: 0 1 250px;
			}
			.financePayMethod
			{
			position: relative;
			display: flex;
			background: rgb(52,99,74);
		background: linear-gradient(90deg, #052F6D 0%, #0F4DA8 100%);
			color: #c1c5d6;
			text-decoration: none;
			font-size: 14px;
			width: 100%;
			min-width: 250px;
			height: 35px;
			line-height: 21px;
			margin-top: 7px;
			border: 1px solid transparent;
			border-radius: 100px;
			}
			.financePayFormHeader {
				position: relative;
				display: flex;
				align-items: center;
				background: linear-gradient(90deg ,rgb(98,90,158,17%) 0,rgb(39,35,55,62%) 100%);
				color: #c1c5d6;
				font-size: 16px;
				padding-left: 10px;
				width: 100%;
				height: 40px;
				border: 1px solid transparent;
				border-radius: 5px;
			}
/* ============ ПРОФИЛЬ ================ */
 .userTournamentWins
	{
		position: absolute;
		background: #3e8685;
		padding: 10px;
		top: 113px;
		left: 131px;
		border-radius: 18px;
		font-size: 14px;
		color: #ffffff;
		font-weight: 900;
	}

/* ============ TOURNAMENT ================ */
 .tournCardStatus
	{
		position: absolute;
		background: #282b42;
		padding: 9px;
		top: 7px;
		left: 14px;
		border-radius: 13px;
		font-size: 14px;
		color: #ffffff;
	}
 .tournCardPrize
	{
    position: absolute;

    background: #b31057;
    padding: 9px;
    bottom: 110px;
    right: 15px;
    border-radius: 13px;
    font-size: 14px;
    color: #ffffff;
	}

 .mobileCloseChat
	{
		display:none;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 41px;
		color: #9ca2b7;
		transform: translate(17px, -5px);
		cursor: pointer;
	}


@media (max-width: 767px) {

  .globalWrapper {
    grid-gap: 0;
    grid-template-columns: 1fr;   /* ТОЛЬКО КОНТЕНТ */
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

 .panelUpNew
	{
		width: 100%;
		left: 0;
		top: 0;
	}

	.mobileCloseChat { display:block; }
}
@media (max-width: 991px) {
  .contentBlock {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;              /* важно: убирает искусственное сжатие */
    overflow-x: visible;       /* чтобы не резало ширину */
  }
}
/* ============ S C R O L L ================ */
#loadSlot { width: 100%; }

.chat-collapsed .panelUp,
.chat-collapsed .panelUpContentNew{
  width: 100% !important;
  max-width: none !important;
}

/* если у тебя ещё используется panelUpNew */
.chat-collapsed .panelUp,
.chat-collapsed .panelUpNew,
.chat-collapsed .panelUpContentNew{
  width: 100% !important;
  max-width: none !important;
}

/* если панель была центрирована через margin */
.chat-collapsed .panelUpContentNew{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* снимаем ограничения ширины */
.chat-collapsed .contentBlock,
.chat-collapsed .contentBlock > *{
  max-width: none !important;
}
::-webkit-scrollbar-track {background: #242423;}
::-webkit-scrollbar-thumb {background: #4a4e50;}
::-webkit-scrollbar-thumb:hover {background: #923088;}
::-webkit-resizer {width: 3px;}
::-webkit-scrollbar {width: 3px; height: 3px;}

/* (guest /login styles moved to /css/main2-guest.css) */


/* === TOP SPACING SAFEGUARD: только для /tournaments, /help, /affilates === */
.appBody.needsTopPadFix #TYDY_WRAPPER{
  padding-top:16px;
}
.appBody.needsTopPadFix #TYDY_WRAPPER > main,
.appBody.needsTopPadFix #TYDY_WRAPPER > main.pageStage{
  padding-top:0;
}
.appBody.needsTopPadFix #TYDY_WRAPPER > main > *:first-child,
.appBody.needsTopPadFix #TYDY_WRAPPER > main.pageStage > *:first-child{
  margin-top:0;
}

.contentBlock,
#TYDY_WRAPPER,
.pageStage {
  width: 100%;
  max-width: 100%;
}

.tournamentsPage .cardBgDarkBlue {
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.18);
  background: rgba(15,23,42,.55);
  box-shadow:
    0 1px 0 rgba(255,255,255,.05) inset,
    0 18px 44px rgba(0,0,0,.55);
}