body {
	line-height: 1.2;
	margin: 0;
	background-color: #FFF;
	color: #333;
	background: linear-gradient(to right, #deffe682 50%, #fff, #ffdbd6, #fff, #deffe6);
}

body, table {
	font-family: arial,helvetica,sans-serif; 
	font-size: 14px;
}

p, h1, h2, h3, h4, h5 {
	margin: 1em 0px;
}

b, h1, h2, h3, h4, h5 {
	font-weight: bold;
}

h3 {
	font-size: larger;
}

strong {
	font-weight: bold;
}

a {
	color:#FD8603; 
	text-decoration: none;
}

a:visited {
	color:#FD8603; 
	text-decoration: none;
}

a:hover {
	color: #333333; 
	text-decoration: underline;
}

select {
	background-color: #FFFFFF; 
	font-family: arial, sans-serif; 
	font-size: 12px;
	margin: 0;
	padding: 0;
}

input {
	font-size: 12px; 
	font-family: arial, sans-serif;
}

hr {
	color: #dddddd;
}

a, img {
	border: 0;
}

img {
	vertical-align: top;
}

form {
	margin: 0;
	padding: 0;
    background-color: #e4efff;
}

.nowrap {
	white-space: nowrap;
}

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
}

.clearfix {
	*zoom: 1;
}

.tKbd {
	margin-top: 7px;
}

.tKbd td {
	padding: 2px 3px;
}

.tMainContainer {
	text-align: center;
	padding: 0px 17px 0 17px;
}

.tMainContainerSecondLayer {
	padding: 0 17px 2px 17px;
}

.tMenuBox {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 1200;
	background-color: #fff;
	boder: none;
	border: 1px solid #666;
	border-right: none;
	padding: 17px;
	display: none;
	min-width: 250px;
	max-width: 319px;
}

.tMenuBox ul li {
	list-style: none;
	margin: 0.4em 0;
}

.tMenuBox ul li:last-child {
	margin: 0.4em 0 0 0;
}

.tLogoContainer {
	width: 100%;
	position: relative;
	margin: 0;
	height: 35px;
	font-size: 15px;
	background: linear-gradient(87deg,#104403 0,#481104 100%)!important;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 12%);
}

.tMirrorContainer {
	width: 100%;
	position: relative;
	margin: 0;
	font-size: 13px;
}

.tLogo {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 27px;
	width: 178px;
	z-index: 100;
	background: #fff;
}

.tMyTranslit {
	color: #fff;
	position: absolute;
	top: 0;
	right: 27px;
	line-height: 30px;
}

.tTxtLogoTranslit {
	position: absolute;
	top: 0;
	left: 17px;
	line-height: 26px;
	color: #cdc713;
	font-weight: 900;
    padding-top: 2px;
}

.tTxtLogoTranslit a {
	color: #fff;
}

.tTxtMirrorTranslit {
	position: absolute;
	top: 0;
	left: 17px;
	line-height: 30px;
	color: inherit;
}

.tTxtMirrorTranslit a {
	color: inherit;
}

.tTableContainer {
	padding: 0;
	margin: 0 auto 1px auto;
	position: relative;
	z-index: 40;
	display: inline-block;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

.tControlContainer {
	padding: 0;
	margin: 0 auto 0 auto;
	z-index: 40;
	display: block;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

.tControlInline {
	display:inline-block; 
	zoom: 1;
	*display: inline;
	margin: 0 0 3px 0;
}

.tControlInlineSetup {
	display:inline-block; 
	zoom: 1;
	*display: inline;
	margin: 0 10px 20px 0;
	font-size: 20px;
	font-weight: bold;
	padding: 7px;
}

.tCiS0 {
	background-color: #fff;
}

.tCiS1 {
	background-color: #eee;
}

.tControlInlineSetup input {
	display: block;
	margin: 5px 0 0 0;
	font-size: 10px;
	font-weight: normal;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #666666; 
	font-size: 14px; 
	font-family: arial,sans-serif; 
	color: #666666;
	height: 1.6em;
	width: 6em;
}

.tSwitcherContainer {
	padding: 0;
	margin: 0 0 2px 0;
	z-index: 40;
	display: inline-block;
	width: 100%;
	text-align: center;
	text-align: -webkit-center;
	text-align: -moz-center;
}

.tMenu {
	margin: 0 20px 7px 0;
	width: 100%;
}

.tAdvContainer {
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 50;
}

.tBoxAdvUp {
	margin: auto;
	padding: 0;
	width: 728px;
	overflow: hidden;
	position: relative;
	z-index: 50;
}

.tBoxAdv {
	background: none;
	margin: auto;
	padding: 0;
	width: 728px;
	overflow: hidden;
	position: relative;
	z-index: 50;
}

.tBoxAdv970 {
	background: none;
	margin: auto;
	padding: 0;
	width: 970px;
	overflow: hidden;
	position: relative;
	z-index: 50;
}

.tBoxAdvSecond {
	padding: 15px 0 0 0;
}

.tBoxWzg,
.tBoxBannerLeft {
	display: inline; 
	width: 100%;
}

.tWzg, .tWzg * {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.tWzg {
	color: #333;
	font-size: 12px;
	clear: both;
	z-index: 20;
}

.tWzg li {
	float: left;
	position: relative;
	background: #fff;
	white-space: nowrap;
	*white-space: normal;
	z-index: 10;
}

.tWzg input {
	cursor: pointer;
	background: #e8e5e5;
	border: none;
	margin: 0;
	padding: 0;
	padding: 5px 5px 3px 5px;
	font: inherit !important;	
}

.tWzg input:hover {
	background: #5a0604;
	color: #e4e054;
}

.tWzg input[highlight="red"]:hover {
	background: #5a0604;
	color: #e4e054;
}

.tWzg input[highlight="green"]:hover {
	background: #9bfda6;
	color: #333;
}

.tWzg input[highlight="yandex"] {
	background: #fff3bf;
	color: #333;
	margin-left: 25px;
}

.tWzg input[highlight="yandex"]:hover {
	background: #fff;
	color: #333;
}

.tWzg input[highlight="google"] {
	background: #c9deff;
	color: #333;
}

.tWzg input[highlight="google"]:hover {
	background: #fff;
	color: #333;
}

.tWzg input[highlight="youtube"] {
	background: #fcccce;
	color: #333;
}

.tWzg input[highlight="youtube"]:hover {
	background: #fff;
	color: #333;
}

.tWzg input[highlight="more"] {
    background: #fff;
    color: #333;
}

.tWzg input[highlight="more"]:hover {
    background: #deffce;
    color: #333;
}

.tC0 {
	font-size: 13px;
	cursor: pointer;
	color:#333;
	background: #FFF;
}
.tC1 {
	font-size: 13px;
	cursor: pointer;
	color:#333; 
	background: #EEE;
}

.bcharset, .bcharset2 {
	font-size: 12px; 
	font-family: arial,sans-serif; 
	letter-spacing: 0em; 
	font-weight: normal; 
	cursor: pointer;
	margin: 0;
	padding: 3px 0px;
	width: 22px;
}

.shiftb {
	width: auto;
	padding: 3px 5px;
}

.bcharset {
	background: #FFF; 
	border: 1px solid #999999; 
	color: #666666;
}

.bcharset2 {
	background: #CCC; 
	border: 1px solid #666666; 
	color: #444;
}

.bcharset:hover {
	color: #444;
	background: #EEE;
}

.bcharset2:hover {
	background: #BBB;
	color: #333;
}

.tC2 {
	color: #999999;
}

.tC20 {
}

.tC21 {
	background: #ccc;
}

.tNosymbTrans {
	text-decoration: line-through; color: #990000;
}

#letterscounter {
	text-align: left;
	margin: 2px 0 0 3px;
	color: #333;
}

.txtarea, .txtarea_small {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	outline: none;
	border: 2px solid #b9bd14;
	font-size: 14px;
	font-family: Verdana,Tahoma, sans-serif;
	color: #000000;
	z-index: 100;
	background-color: #f8f8f8;
}

.txtarea {
    border:2px solid #131b12;
    padding: 2rem 1rem;
    min-height: 3em;
    resize: both;
    border: 2px solid #b9bd14;
}

.txtarea {
	padding: 4px 4px;
	width: 100%;
	height: 400px;
}

.toptable1 {
	background: #FCA469; 
	color: #FFFFFF; 
	padding: 5px; 
	border-bottom: 2px solid #666666;
}

.toptable1 a {
	color:#FFFFFF; 
	text-decoration: none;
}

.toptable1 a:visited {
	color:#FFFFFF; 
	text-decoration: none;
}

.toptable1 a:hover {
	color: #FFFFFF; 
	text-decoration: underline;
}

.toptable2 {
	background: #EEEEEE; 
	color: #666666; 
	padding: 3px; 
	padding-left: 5px; 
	padding-right: 5px; 
	border-bottom: 1px solid #cccccc; 
	border-top: 1px solid #cccccc;
}

.toptable2 a {
	color:#666666; 
	text-decoration: none;
}

.toptable2 a:visited {
	color:#666666; 
	text-decoration: none;
}

.toptable2 a:hover {
	color: #333333; 
	text-decoration: underline;
}

.toptable3 {
	background: #D4D3D3; 
	color: #333333; 
	padding: 2px; 
	padding-left: 5px; 
	padding-right: 5px; 
	border-top:1px solid #FFFFFF;
}

.toptable3 a {
	color:#333333; 
	text-decoration: none;
}

.toptable3 a:visited {
	color:#333333; 
	text-decoration: none;
}

.toptable3 a:hover {
	color: #333333; 
	text-decoration: underline;
}

.tSearchBlock {
	background: #fff;
	padding: 10px 0;
	border: none;
}

.tBottomContainer {
	padding: 20px 0 10px 0;
	color: #999;
	background: linear-gradient(to right, #deffe682 50%, #fff, #ffdbd6, #fff, #deffe6);
}

.tBottomContainer a {
	color: #999;
}

.tcbs, .tcbsSetup {
	padding: 0;
	margin: 0;
	font-size: 15px;
	text-decoration: none;
	font-family: Verdana,Tahoma, sans-serif;
	letter-spacing: 0em;
	font-weight: normal;
	color: #999999;
	vertical-align: bottom;
}

.tcbsSetup {

}

.tSetupPin,
.tSetupAccount {
	color: #333;
	-webkit-appearance: none;	
	font-size: 18px; 
	font-family: arial,sans-serif; 
	letter-spacing: 0em; 
	font-weight: normal; 
	cursor: pointer;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #aaa;

}

.tcbssup {
	font-size: 10px; 
	vertical-align: top;
}

.tcbul {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

.tYouSeeMe {
	display: block;
}

.tYouDontSeeMe {
	display: none;
}

.tCenter {
	margin: auto;
	text-align: center;
}

.tAdlink {
	text-align: left;
	padding-left: 1em; 
}

.tMenuLink {
	cursor: pointer;
	text-decoration: none;
}

.tMenuLink:hover {
	text-decoration: underline;
}

.tBackToTextfield {
	padding: 0;
	margin: 15px 0;
	font-size: 18px;
	font-family: Verdana,Tahoma, sans-serif;
	letter-spacing: 0em;
	font-weight: normal;
	color: #999999;
	vertical-align: bottom;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

@media (max-width: 550px) {
	.no-xs {
		display:none;
	}
}

@media (max-width: 321px) {
	.no-xxs {
		display:none;
	}
}

.tLoadButton, .tLoadInput {
	background: #FFFFFF;
	border: 1px solid #666666; 
	line-height: normal !important;
	color: #333;
	margin: 0 3px 0 0;
	padding: 2px;
	-webkit-appearance: none;
}

.tLoadButton {
	cursor: pointer; 
	background-color: #ededed;
}

.tLoadButton::-moz-focus-inner { 
    border: 0;
}

.tError {
	color: #fca469;
	font-weight: bold;
}

.tPechenkiInfoblock {
	//position: fixed;
	//top: 0;
	//left: 0;
	font-size: 12px;
	z-index: 1000;
	width: 100%;
	background: #eee;
	color: #333; 
	padding: 30px 30px 20px 30px;
}

.tPechenkiNEU {
	font-size: 11px;
	z-index: 1000;
	width: 100%;
	background: #eee;
	color: #333; 
	padding: 1px 10px 10px 10px;
}

.tPechenkiConsentNo {
	background: #eee;
	font-size: 12px;
	text-align: center;
	width: 100%;
	padding: 0.7em 0;

}

.tPechenkiInfoblock
.tPechenkiRemark  {
	font-size: 11px;
	color: #999; 
}

.tPechenkiInfoblock
.tPechenkiOnOff {
	font-size: 12px;
	color: #999;
	text-align: right; 
	margin: 0 10px 10px 0;
}

.tPechenkiGreen {
	color: green;
}

.tPechenkiInfoblock .tPechenkiCaption {
	color: #636363;
	margin: 0 0 15px 0;
	text-align: center;
}

.tPechenkiInfoblock .tPechenkiSilentClose {
	text-align: center;
}


.tPechenkiInfoblock .tPechenkiSilentClose span {
	color: #FD8603;
	cursor: pointer;
	text-decoration: none;
	margin: 10px 0 0px 0;
	text-align: center;
}

.tPechenkiInfoblock .tPechenkiSilentClose span:hover {
	text-decoration: underline;
}


.tPechenkiButton,
.tPechenkiButtonNEU {
	font-size: 1.1em;
	margin: 30px auto 30px auto;
	background-color: #fd8603;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #fd8603;
	text-align: center;
	width: 20em;
	line-height: 40px;
	z-index: 1001;
}

.tPechenkiButtonNEU {
	margin: 10px auto 10px auto;
	line-height: 30px;
}

.tPechenkiButtonNoshow {
	font-size: 1em;
	margin: 10px auto 0px auto;
	background-color: #eee;
	color: #fd8603;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #fd8603;
	text-align: center;
	width: 20em;
	line-height: 30px;
	z-index: 1001;
}

.tPechenkiButtonNoshow:hover {
	color: #fff;
	background-color: #fd8603;
}

.tButtonA {
	margin: 0 0 10px 0;
	color: #fff;
}

.tButtonA a {
	padding: 8px 25px;
	background-color: #fff;
	color: #a0a0a0;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #a0a0a0;
	line-height: 30px;
	z-index: 1001;
}

.tButtonA a:hover {
	background-color: #eee;
}

.tPechenkiButton:hover,
.tPechenkiButtonNEU:hover {
	background-color: #eee;
	color: #fd8603;
}

@media (max-width: 500px) {

	.tPechenkiInfoblock {
		padding: 10px;
	}
	
	.tPechenkiInfoblock .tPechenkiButton {
		position: relative;
		top: 0;
		right: 0;
		margin: 0 auto 10px auto;
		display: block;
		width: 20em;
		line-height: 30px;
	}
}

.tBannerRight120 {
	width: 120px;
	height: 300px; 
	position: absolute;
	right: 0px; 
	top: 0px; 
	display: block;
}

.tTextArea0,
.tWzgBlock0 {
	position: relative; 	
	padding-right: 0;
	overflow: visible;
}

.tTextArea120,
.tWzgBlock120 {
	position: relative; 	
	padding-right: 122px;
	overflow: visible;
}

.tTextArea0,
.tTextArea120 {
	z-index: 50;
}


@media (max-width: 680px) {
	.tBannerRight120 {
		display: none;
		width: 0px;
	}
	.onBigScreen {
		display: none;
		width: 0px;
	}
	.tTextArea120,
	.tWzgBlock120 {
		padding-right: 0;
	}
}

#hint1 {
	position: absolute;	
	top: 0;
	left: 0;
	background: url("/pict/hint1.png") no-repeat left bottom;
	width: 180px;
	height: 25px;
	z-index: 999;
	display: none;
}

#hint2 {
	position: absolute;	
	top: 35px;
	right: 32px;
	background: url("/pict/hint2.png") no-repeat left bottom;
	width: 175px;
	height: 32px;
	z-index: 999;
	display: none;
}


div.table { 
	display: table; 
	display: block; 
}

div.tr { 
	display:table-row; 
	display:block; 
}

div.td { 
	display: table-cell;
	padding: 0 2px; 
	display: inline;
	vertical-align: middle;
}

div.td>input {
	margin: 0 10px 3px 0;
}

.comeon { 
	text-decoration: none; 
	font-size: 18px; 
	font-family: Verdana,Tahoma, sans-serif; 
	letter-spacing: 0em; 
	font-weight: normal; 
	color: #999;
	vertical-align: middle;
}

.comeon2 {
	text-decoration: none; 
	font-size: 18px; 
	font-family: Verdana,Tahoma, sans-serif; 
	letter-spacing: 0em; 
	font-weight: normal; 
	color: #999999;
}

.tSrchCaption {
	text-align: right;
}

.tSrchTab {
	text-align: left; 
	margin: 0 auto;
}

.tSrchTab input[type="submit"] {
	-webkit-appearance: none;
	background: #FFFFFF;
	border: 1px solid #666666;
	cursor: pointer;
	font-size: 1.5em;
	font-family: arial,sans-serif;
	color: #666666;
	padding: 0.5em 1em;
}

.tSrchTab input[type="submit"]:hover {
	background: #eee;
}

.tSrchCol td {
	padding: 4px 10px 5px 0px;
}

.tSrchTabMobile {
	max-width: 468px;
	margin: auto;
	text-align: center;
}
 
.tSrchTabMobile input[type="submit"] {
	padding: 10px 10px;
	width: 100%;
	background: #ededed;
	border: 1px solid #666666; 
	cursor: pointer; 
	font-size: 18px;
	font-family: Verdana, Tahoma, sans-serif;
	color: #666666;
}

.tSrchTabMobile input[type="submit"]:hover {
	background: #bbb;
	border-color: #333;
}

.tSrchTabMobile .tSrchCol {
	padding: 10px 20px;
	width: 100%;
}

.tButtonOk, .tButtonCancel {
	font-size: 18px; 
	font-family: arial,sans-serif; 
	letter-spacing: 0em; 
	font-weight: normal; 
	cursor: pointer;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #aaa;
}

.tButtonOk {
	background-color: #fd8603;
	color: #fff;
	border: 1px solid #fd8603;
}

.tButtonOk:hover {
	background-color: #fff;
	color: #fd8603;
}

.tButtonCancel:hover {
	background-color: #eee;	
}

.tErrorMessage {
	font-size: 14px;
        font-family: arial,sans-serif;
        letter-spacing: 0em;
        font-weight: normal;
	background: rgba(253, 134, 3, 0.43);
	color: #000;
	margin: 1em 1em 2em 1em;
	padding: 1em 20px;
}

.tClickLink {
	color:#FD8603; 
	text-decoration: none;
	cursor: pointer;
}

.tClickLink:hover {
	color:#333; 
}

.tLcs {
	font-family:sans-serif;
	font-size:0.82em;
	border:black 1px solid;
	padding: 15px;
	width: 100%;
}

ul#tTabCell .tB {
	margin-top: 4px;
}

ul#tTabCell,
ul#tTabCell li {
	margin: 0;
	padding: 0;
}

ul#tTabCell li {
	display: inline-block;
	vertical-align: top;
	align: center;
	padding: 3px;	
	margin-top: 3px;
	font-size: 13px;
	cursor: pointer;
	color: #333;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

ul#tTabCell li:nth-of-type(even) {
  /* background-color: #eee; */
}

.tTableContainer .spacer,
.tTableContainer .spacer a {
	font-size: 11px;
	color: #999;
	text-align: right;
	min-height: 8px;
	text-decoration: none;
}

.tUbratre {
	text-align: right;
	line-height: 23px;
	vertical-align: text-bottom;
}

.tUbratre .tClickLink {
	font-size: 11px;
	color: #afafaf;
}

.adjustment {
	margin: 0 auto 10px auto;
	color: #999;
	max-width: 90%;
}

.ii-logo {
	margin-top: 8px;
}

.tBlurred {
	filter: blur(4px);
	-webkit-filter: blur(4px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
}

.tHintCons {
	text-align: center;
	padding: 17px 17px 0 17px;
	color: #a0a0a0;
}

.letterscounter {
	font-size: 12px;
}

.top-menu {
 position: relative;
}

.top-menu:before, .top-menu:after {
  content: '';
  position: absolute;
  top: -2px;
  background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
    #0000ff, #00ff00,#ffff00, #ff0000);
  background-size: 400%;
  width: calc(100% + 0px);
  height: calc(100% + 4px);
  z-index: -1;
}

.top-menu:after {
  filter: blur(50px);
}

.top-menu {
	width: 100%;
	background: linear-gradient(87deg,#104403 0,#481104 100%)!important;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 12%);
	}
.top-menu li{
	list-style:none;
	display:inline-block;
	background: #580303;
	border-radius: 0px 10px 2px 13px;
	box-shadow: 0 3px 0 #bba914;
	position:relative;
	margin:0px 0px 5px 2px;
}
.top-menu li:hover{
	background:#080802;
	color:#b8ea56;
	background-image: linear-gradient(to right top, #013108 80%, #d4d7ee, #921e0c, #bcc1de, #0b5805);
	box-shadow: rgb(246 249 149 / 40%) 0px 30px 90px;
	border-radius: 0px 10px 2px 13px;
	box-shadow: 0 3px 0 #bba914;
}
.top-menu li a{
	color:#cedd33;
	padding:5px 7px;	
	text-decoration:none;	
	display:block;
}
.top-menu li ul{
	display:none;
	position:absolute;
	padding-left:0;
	width:120px;
	padding-top:3px;
}
.top-menu li:hover ul{
	display:block;
	left:0px;
}

/* Night Mode Style */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
    background: linear-gradient(to right, #222 50%, #121212, #333, #121212, #222);
}

body.dark-mode a {
    color: #fca469;
}

body.dark-mode a:hover {
    color: #ffd700;
}



body.dark-mode .tC0,
body.dark-mode .tC1 {
    background: #333;
    color: #e0e0e0;
}

body.dark-mode .tSearchBlock,
body.dark-mode .tBottomContainer {
    background: linear-gradient(to right, #222 50%, #121212, #333, #121212, #222);
    color: #e0e0e0;
}

body.dark-mode .tWzg input {
    background: #444;
    color: #e0e0e0;
}

body.dark-mode .tWzg input:hover {
    background: #555;
    color: #ffd700;
}

.malh {
    background: none;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    padding: 0px 0px 0px 0px;
    border-radius: 9px;
}
.malh:hover {
    background: #ffd700;
}

body.dark-mode textarea {
    color: #000000;
    background-color: #d9d7d7;
}

body.dark-mode #letterscounter {
    color: #afaaaa;
}

body.dark-mode ul#tTabCell li {
    color: #a9a9a9;
}

body.dark-mode form {
    background-color: #3d0202;
}
/* flame */
@keyframes flameMove {
    0% { transform: translateY(0) scale(1) rotate(0deg); opacity: 1; }
    25% { transform: translateY(-10px) scale(1.1) rotate(-3deg); opacity: 0.9; }
    50% { transform: translateY(-20px) scale(1.2) rotate(3deg); opacity: 0.8; }
    75% { transform: translateY(-25px) scale(1.1) rotate(-3deg); opacity: 0.7; }
    100% { transform: translateY(-30px) scale(1) rotate(0deg); opacity: 0; }
}

@keyframes flameFlicker {
    0%, 100% { filter: brightness(1.2); }
    50% { filter: brightness(0.8); }
}

@keyframes smokeMove {
    0% { transform: translateY(0) scale(1); opacity: 0.5; }
    100% { transform: translateY(-40px) scale(1.5); opacity: 0; }
}

@keyframes tongueOfFlame {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    50% { transform: translateY(-15px) scale(1.3); opacity: 0.7; }
    100% { transform: translateY(-25px) scale(1.5); opacity: 0; }
}

.flame-particle {
    position: absolute;
    width: 14px;
    height: 20px;
    background: radial-gradient(circle, rgba(255, 200, 0, 1) 10%, rgba(255, 140, 0, 0.8) 50%, rgba(255, 0, 0, 0) 100%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.9;
    animation: flameMove 0.7s linear forwards, flameFlicker 0.2s infinite alternate;
    z-index: 9999;
    box-shadow: 0px 0px 10px rgba(255, 140, 0, 0.7);
}

/* Дым */
.smoke {
    position: absolute;
    width: 20px;
    height: 20px;
    background: radial-gradient(circle, rgba(100, 100, 100, 0.3) 10%, rgba(50, 50, 50, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.5;
    animation: smokeMove 1.2s linear forwards;
}

/* Языки пламени */
.tongue-of-flame {
    position: absolute;
    width: 10px;
    height: 15px;
    background: radial-gradient(circle, rgba(255, 165, 0, 1) 10%, rgba(255, 69, 0, 0.8) 50%, rgba(255, 0, 0, 0) 100%);
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.9;
    animation: tongueOfFlame 0.6s linear forwards;
}