* { margin:0; padding:0;}
:focus { outline:0 none;}
html { position:relative; height:100%;}
body { background:#000; height:100%; position:relative; font-family: 'Open Sans', sans-serif; font-size:16px; min-width:1280px; color:#b0b6bc;}
a { color:#b0b6bc;}
a:hover { color:#ffb31b;}
.wrap-game { width:100%; min-height:100%;position:relative; overflow-y:hidden;}
#left { width:279px; float:left; border-right:1px solid #464f56; height:100%; position:absolute; left:0; background:url(../images/left-bg.jpg) top repeat-y;}
#right { width:279px; float:right; border-left:1px solid #464f56; height:100%; position:absolute; right:0; background:url(../images/right-game-bg.jpg) top repeat-y;}
.gamepanel { margin:0 280px;  z-index:1000; position:absolute;}
.game-menu { width:100%; background:url(../images/top-game-menu.jpg); height:36px; position:relative;}
.game-menu > ul {  white-space: nowrap;display: flex;overflow-x: auto;} 
.game-menu > ul > li { display:block; padding: 0 10px;text-align:center; border-left:1px solid #142b3d; border-right:1px solid #2e4457; float:left;}
.game-menu > ul > li:first-of-type { border-left:0 none;}
.game-menu > ul > li:last-of-type { border-right:0 none;}
.game-menu > ul > li > span { display:inline-block; line-height:36px; text-transform:uppercase; color:#737e88; text-decoration:none; font-weight:600; font-size:12px; width:100%; cursor:pointer; transition:.2s;}
.game-menu > ul > li > span:hover {color:#fff;}
.game-menu > ul > li > ul { width:100%; position:absolute; background:rgba(13,33,46	,.90); left:0; opacity:0; z-index:-100;}
.game-menu > ul > li:hover > ul { display:block; opacity:1; z-index:100;}
.game-menu > ul > li > ul { width:100%;}
.game-menu > ul > li > ul > li { width:80%; display:block; text-align:center; margin:0 10%; padding:10px 0; position:relative;}
.game-menu > ul > li > ul li a { color:#737e88; font-size:13px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.game-menu > ul > li > ul li a img { opacity:0.7;  box-sizing:border-box; box-shadow:0 6px 12px #000; display:block; margin:0 auto; width:auto !important;}
.game-menu > ul > li > ul li a:hover  { color:#ffb017;transition: .2s;transform: scale(1.2); opacity:.7;}
.game-menu > ul > li > ul li a:hover  img { opacity:1;} 
.game-menu .bx-default-pager { display:none;}
.game-menu .bx-controls-direction { position:absolute; top:50%; margin-top:-31px; width:100%;}
.game-menu .bx-controls-direction a { text-indent:-99999px;height:62px; width:30px; position:absolute;}
.game-menu  .bx-prev{ background:url(../images/drop-perv.svg) no-repeat center;  left:-10%;}
.game-menu  .bx-next{ background:url(../images/drop-next.svg) no-repeat center; right:-10%;}
/* Left panel*/
.game-logo a { background:url(../images/logo-normal.svg) no-repeat center 15px/ 230px,url(../images/game-logo.png) no-repeat; width:280px; height:217px; display:block; position:relative; z-index:1;}
.game-logo a:after, .game-logo a:before {
	content:'';
	display: block;
	background:url(../images/shine2.png) no-repeat;
	background-size:contain;
	transition-property: all;
	transition-duration: .4s;
	height: 80px;
	width: 100px;
	position:absolute;
	top:60px; left:100px;
	opacity:0;
	z-index:2;
	}
.game-logo a:before {top:70px; left:150px;}
.reg-st { width:230px; margin:0  auto; margin-top:5px; position:relative; z-index:100; margin-top:-50px; margin-bottom:20px;}
.reg-st a { display:block; background:url(../images/recov-btn-hd.svg) no-repeat center / cover; height:62px; border:0 none; width:229px; color:#fff; font-family: 'FuturaPT-Book'; font-size:24px; text-transform:uppercase; cursor:pointer; margin-top:10px; box-shadow:0 0 32px rgba(200,8,19, 0.6); border-radius:5px; text-align:center; text-decoration:none; line-height:62px;}
.reg-st a:hover { box-shadow:0 0 16px rgba(255,255,255,.50); text-shadow:0 1px 0 #000;}
.login { width:240px; margin:0  auto; margin-top:5px; padding-bottom:50px; text-align:center;}
.login h3 { color:#fead12; font-size:20px; padding-left:40px; background:url(../images/logout-a.svg) 5px center no-repeat; text-transform:uppercase; margin-bottom:20px; text-align:left;}
.login input[type="text"],.login input[type="password"] { width:229px; border:1px solid #303b46; background:rgba(12,23,28,.52); text-align:center; height:43px; border-radius:4px; margin-bottom:5px; color:#fff;}
.login input[type="text"]:hover, .login input[type="text"]:focus, .login input[type="password"]:hover, .login input[type="password"]:focus { box-shadow:0 0 6px rgba(255,255,255,.70)}
.login input[type="submit"] { background:url(../images/recov-btn-hd.svg) no-repeat center / cover; height:62px; border:0 none; width:229px; color:#fff; font-family: 'FuturaPT-Book'; font-size:24px; text-transform:uppercase; cursor:pointer; margin-top:10px; box-shadow:0 0 32px rgba(200,8,19, 0.6); border-radius:5px; position:relative; margin-bottom:20px;}
.login input[type="submit"]:hover {color:#ffb31b;}
.login a { color:#5580a6; margin-top:20px; display:block;}
.login a:hover { text-decoration:none; color:#fff;}
.social-login { margin:0 auto; width:240px; margin-top:10px;}
.social-login li { display:inline-block; margin:0;}
.social-login li a { background:url(../images/sn-bg.png); width:36px; height:29px; border-radius:36px; display:block; padding-top:7px; margin-top:0;}
.social-login li a span { width:24px; height:22px; display:block; margin-left:6px;}
.social-login li a.vk.active, .social-login li a.vk:hover { background:url(../images/active-sn-vk.png);}
.social-login li a.ok.active, .social-login li a.ok:hover { background:url(../images/active-sn-ok.png);}
.social-login li a.mr.active, .social-login li a.mr:hover { background:url(../images/active-sn-mr.png);}
.social-login li a.fb.active, .social-login li a.fb:hover { background:url(../images/active-sn-fb.png);}
.social-login li a.gp.active, .social-login li a.gp:hover { background:url(../images/active-sn-gp.png);}
.social-login li a.tw.active, .social-login li a.tw:hover { background:url(../images/active-sn-tw.png);}
.vk span { background:url(../images/vk-na.png)}
.vk.active span, .vk:hover span { background:url(../images/vk-act-ico.png);}
.ok span { background:url(../images/ok-na.png);}
.ok.active span, .ok:hover span { background:url(../images/ok-act-ico.png);}
.mr span { background:url(../images/mr-na.png);}
.mr.active span, .mr:hover span { background:url(../images/mr-act-ico.png);}
.fb span { background:url(../images/fb-na.png);}
.fb.active span, .fb:hover span { background:url(../images/fb-act-ico.png);}
.gp span { background:url(../images/gp-na.png);}
.gp.active span, .gp:hover span { background:url(../images/gp-act-ico.png);}
.tw span { background:url(../images/tw-na.png);}
.tw.active span, .tw:hover span { background:url(../images/tw-act-ico.png);}
.acc-bg { background:rgba(0,0,0,.20); width:100%; height:99px; margin-top:-60px; z-index:-1; border-bottom:1px solid #203a4a;  border-top:1px solid #203a4a;}
.acc-info { z-index:2; position:relative; margin-top:-70px; width:100%; box-sizing:border-box; padding-left:20px;}
.ac-name, .ttk1 { color:#ffb31b; font-size:14px; font-weight:bold;}
.ac-profile, .ttk2 { color:#677989; font-size:12px; font-weight:bold;}
.ac-logout { display:block; background:url(../images/logout-btn.svg) no-repeat; width:22px; height:18px; float:right; margin-top:-6px; margin-right:30px;transition:.2s;}
.ac-logout:hover {opacity:.5;}
.bonus-wis { margin-top:50px; padding-left:20px; border-bottom:1px solid rgba(255,255,255,0.1); float:left; padding-bottom:20px;}
.bonus-wis > div { float:left; width:85px; background:url(../images/sec-chance.svg) right -4px no-repeat;  padding-right:45px;}
.faq-gm { background:url(../images/znak-vopr.svg) no-repeat center; width:27px; height:27px; display:block; float:right; margin-right:25px; margin-top:5px;transition:.2s;}
.faq-gm:hover {transform: scale(1.2);}
.tk-bns { color:#fff; font-size:13px; text-transform:uppercase; background:url(../images/star-thg.svg) no-repeat center top / cover; width:171px; height:38px; display:block; float:left; font-weight:bold; text-decoration:none; text-align:center; line-height:38px; margin-top:20px; box-shadow:0 0 32px #1a8980,inset 0 0px 5px rgba(255,255,255,.7); margin-left:30px; border-radius:4px;}
.tk-bns:hover { text-shadow:1px 1px 0 #000,inset 0 0px 5px rgba(255,255,255,.7); box-shadow:0 0 16px #1a8980;}
.game-cass { display:block; float:left; background:url(../images/top-cass-btn-1.svg) no-repeat 75% center / 28px, url(../images/top-cass-btn.svg) no-repeat center / cover; width:230px; height:51px; color:#000; font-size:20px; line-height:51px; text-indent:58px; text-transform:uppercase; text-decoration:none; font-weight:bold; margin-left:20px; margin-top:20px; box-shadow:0 0 16px #ff7a0b; border-radius:5px;}
.game-cass:hover { box-shadow:0 0 32px #ff7a0b; color:#fff;}
.bet { float:left; width:230px; margin-top:20px; margin-left:20px;}
.bet a { display:block; width:50%; float:left; text-align:center; color:#344251; font-size:12px; background:rgba(0,0,0,.20); text-decoration:none; height:32px; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #344251; opacity:0.6; line-height:32px; font-weight:bold; text-shadow:1px -1px 0 rgba(0,0,0,.70)}
.bet a:first-child:nth-last-child(3), .bet a:first-child:nth-last-child(3) ~ a { width: 33.3333%;  }
.bet a:first-of-type { border-right:0 none; border-radius:5px 0 0 5px}
.bet a:last-of-type { border-left:0 none; border-radius:0 5px 5px 0;}
.bet a.active { background:#2c3945; opacity:1; color:#647788; border:0 none;}
.bet a:hover {background:#2c3945;  color:#fff; border:0 none;}
.onl-help {  background:rgba(14,27,40,.60); border-top:1px solid #283c50; border-bottom:1px solid #283c50; float:left; padding:20px 0; width:100%; margin-top:20px;}
.unlog .onl-help { margin-top:-20px;}
.onl-help a { text-align:center; text-transform:uppercase; color:#737e88; background:url(../images/hlp-cnt-ico.svg) 40px center no-repeat; height:46px; line-height:46px; display:block; text-decoration:none; font-size:13px; font-weight:bold; line-height:46px; text-indent:44px; transition:.2s;}
.onl-help a:hover {opacity:.5;}
/*Right-Panel*/ 
#tabs > ul { margin:20px auto; display:block; width:205px; border-radius:4px; background:rgba(14,30,43,.70); height:40px; border:1px solid #213649; box-sizing:border-box;}
#tabs > ul li { display:block;  float:left; width:98px; height:38px; line-height:38px; font-weight:600; border-radius:4px;}
#tabs > ul li a { width:100%; display:block; text-align:center; color:#fff; text-transform:uppercase; text-align:center; font-size:13px; text-decoration:none; }
#tabs > ul li.ui-tabs-active { width:105px; height:38px; background: url(../images/star-thg.svg) no-repeat center top / cover;
box-shadow: inset 0 0px 8px rgba(255,255,255,.7);}
.trn-game { min-height:650px;}
.trn-game h3 { color:#fff; text-align:center; padding:20px 0; font-weight:normal; font-size:26px;}
.prizef-game { font-size:14px; color:#a0a4a7; background:rgba(0,0,0,.30); box-sizing:border-box; padding:10px 30px; text-align:center; }
.orange-pf { color:#ffb31b; font-size:28px; font-weight:600; text-align:center;}
.orange-pf span { text-transform:uppercase; font-size:16px;}
.count-place { position:relative; width:205px; height:187px; margin:30px auto; border:1px solid #263440; box-shadow:0 0 8px #000;}
.counter { position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.7); z-index:2; padding:10px 0; text-align:center;}
.counter li { display:inline-block; color:#fff; text-align:center; position:relative; padding:0 5px;}
.counter li:after { content:':'; font-size:20px; display:block; position:absolute; right:-10px; top:0px;}
.counter li:last-of-type { color:#e18b01;}
.counter li:last-of-type span { color:rgba(255,139,1,.90)}
.counter li:last-of-type:after { display:none;}
.counter li div { font-size:20px; font-weight:600;}
.counter li span { color:#fff; opacity:.5; font-size:12px; text-transform:uppercase;}
.trn-game table { border-spacing:0; font-size:12px; color:#fff; border-top:1px solid #243641;}
.trn-game td {border-bottom:1px solid #243641; background:#132031; height:32px; text-align:center;}
.trn-game td:last-of-type {color:#ffb31b;}
.trn-game a { display:block; text-align:center;}
.see-all { color:#ffb31b; margin-top:30px;}
.take-tour { color:#252f39; font-size:13px; text-decoration:none; background:url(../images/take-tourbg.png); width:205px; height:43px; text-transform:uppercase; line-height:43px; margin:30px auto 0 auto; font-weight:bold; box-shadow:0 0 16px rgba(255,122,23,1.00),0 3px 5px rgba(5,7,10,1.00); text-shadow:1px -1px 0 rgba(255,255,255,0.37); border-radius:4px;}
.take-tour:hover { color:#fff; text-shadow:0 1px 0 #000;  box-shadow:0 0 16px rgba(255,255,255,1); }
#right .bx-controls-direction { display:none;}
#right .bx-default-pager { text-align:center; margin-top:0px;}
#right .bx-pager-item { display:inline-block; margin:0 2px;}
#right .bx-pager-item  a { display:inline-block; width:8px; height:8px; background:#213644; border:1px solid #30424f; border-radius:8px; text-indent:-99999px}
#right .bx-pager-item a.active { background:#ffb31b; border-color:#fff;}
.game-block {  width:119px; margin-bottom:10px; color:#b0b6bc; font-size:18px; cursor:pointer; position:relative; margin:10px;float: left;}
.game-block:nth-of-type(5n) { margin-right:0;}
.game-block > img { display:block; margin-left:1px;width: 100%;height: auto;}
.game-block:hover > img { opacity:.3;}
.game-block p { width:110px; height:52px; background:url(../images/gb-p.png); font-family: 'FuturaPT-Book'; line-height:48px;padding-left:10px; position:relative;}
.game-block a {font-size:10px;text-decoration: none;}
.game-block p a.plus { background:url(../images/plus-blg.svg); width:32px; height:32px; opacity:0.6; display:block; position:absolute; right:2px; bottom:10px; cursor:pointer;background-size: cover;}
/* @TODO icon for user favourite game */
.game-block p a.plus.fav { background:url(../images/plus-blg.svg) center left -32px / cover; }
.game-block:hover p { color:#ffb31b;	}
.game-block:hover p a.plus { opacity:1;}
.rblock { display:none; position:absolute; width:100%; height:90px; position:absolute;  top:0px; cursor:default;}
.game-block:hover .rblock { display:block;}
.play-now { display:block; width:44px; height:36px; background:url(../images/play-btn-bg.svg); border-radius:30px; box-shadow:0 0 20px #000, 0 0 30px #F40F13; margin:0 auto; margin-top:15px; transition: all 0.4s ease 0s;    background-size: cover;}
.play-now:hover  { -webkit-transform: perspective(100px)  scale(1.15);
	  -ms-transform:perspective(100px)  scale(1.15);
	  -o-transform:perspective(100px)   scale(1.15);
	-moz-transform:perspective(100px)   scale(1.15);
	 transform:perspective(100px)   scale(1.15);
	 z-index:100;}
.demo-game { display:block; background:url(../images/demo-bg.jpg); width:54px; height:25px; text-decoration:none; color:#b0b6bc; line-height:25px; text-align:center; text-transform:uppercase; font-weight:bold; font-size:11px; tex-shadow:0 -1px  0 #000; margin:0 auto; margin-top:5px;background-size: cover;}
.nnls:after { content:''; background:url(../images/newless.svg); width:61px; height:61px; display:block; position:absolute; right:-5px; top:6px;background-size: cover;}
.ttpg:after { content:''; background:url(../images/topper.svg); width:61px; height:61px; display:block; position:absolute; right:-5px; top:4px;background-size: cover;}
#tabs > div { float:left; width:100%; }
.winingam { width:100%; padding:20px 0; border-bottom:1px solid #1d3548; float:left; color:#737e88; font-size:13px; line-height:20px; position:relative; cursor:pointer;}
.winingam img { display:block; float:left; margin:0 10px; width:40%  !important; height:auto !important;}
.winingam p  span { color:#fff;}
.wname { color:#ffb31b; font-size:14px; margin-top:10px; font-weight:bold;}
.winingam .wgame { color:#fff; }
.winingam .wgame span { text-decoration:underline; color:#737e88;}
.whov { display:none; position:absolute; width:100%; height:100%; background:rgba(14,27,40,.90); top:0;}
.winingam:hover .whov { display:block;}
.whov a { background:url(../images/play-btn-bg.svg) no-repeat center / 60px auto; width:118px; height:100px; display:block; float:left; margin-top:15px;transition: all 0.4s ease 0s;}
.whov a:hover  { -webkit-transform: perspective(100px)  scale(1.15);
	  -ms-transform:perspective(100px)  scale(1.15);
	  -o-transform:perspective(100px)   scale(1.15);
	-moz-transform:perspective(100px)   scale(1.15);
	 transform:perspective(100px)   scale(1.15);
	 z-index:100;}
.whov p {color:#ffb31b; font-size:14px; margin-top:55px; font-weight:bold; float:left;}
.login .shiner { margin-top:-82px; margin-left:5px; width:229px; overflow:hidden; position:relative;}
.login  .shiner:after{ content:''; width:120px; height:62px; background:url(../images/shine3.png); position:absolute; top:0px; display:block;z-index:5;}
body.ongamming #left, body.ongamming #right, body.ongamming .game-menu{/*opacity: 0.6;*/ background-color: rgba(0,0,0,0.2);transition:all linear .8s 0.2s; -webkit-filter: brightness(40%);filter: brightness(40%);}

#myContent {
	position: relative;
}

body.fullscreen iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

body.fullscreen .gamepanel {
	position: static;
}

body.fullscreen #myContent {
	position: static;
}

.go-fullscreen {
	background: url("/images/fullscreen.png") no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 5;
}

body.fullscreen .go-fullscreen {
	background-image: url("/images/no-fullscreen.png");
}

.grecaptcha-badge {display: none;}

@media screen and (max-width: 1024px) {
	.game-menu > ul {  scrollbar-width: none;-ms-overflow-style: none;} 
}

/* ============================================================
   Страница игры / демо (/game/.../demo) — в стиле обновлённой главной:
   тёмные панели, золотые акценты, карточки со скруглением.
   ============================================================ */
html, body {background:#0b1018;}
.wrap-game {background:#0b1018;}

/* ---------- левая панель ---------- */
#left {box-sizing:border-box; background:linear-gradient(180deg, #121925 0%, #0b1018 100%) !important; border-right:1px solid rgba(255,255,255,.06); overflow-y:auto; overflow-x:hidden; scrollbar-width:none;}
#left::-webkit-scrollbar {display:none;}
.game-logo a {height:150px !important; background:url(/images/logo-normal.svg) 50% 34px / 210px auto no-repeat !important; border-bottom:0;}
.game-logo a::before, .game-logo a::after {display:none;}
.reg-st {margin:0 24px 22px !important; width:auto;}
.reg-st a, .reg-st a:hover {display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:50px; padding:0; box-sizing:border-box; border-radius:8px; border:1px solid rgba(255,212,140,.85);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);
	color:#1a1206; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-shadow:none; text-decoration:none; transition:transform .15s, filter .15s;}
.reg-st a::before {content:''; width:18px; height:18px; background:currentColor; -webkit-mask:url(/images/icons/user.svg) center / contain no-repeat; mask:url(/images/icons/user.svg) center / contain no-repeat;}
.reg-st a:hover {transform:translateY(-1px); filter:brightness(1.05);}

.login.game-login {width:auto; margin:0 24px; padding:20px 0 0; border-top:1px solid rgba(255,255,255,.06);}
.login.game-login, .login .form-game, .login form {height:auto !important; padding-bottom:0;}
.login .form-game {float:none;}
.login h3 {display:flex; align-items:center; gap:8px; height:auto; margin:0 0 14px; padding:0; background:none; color:#8d96a0; font:600 12px/1.2 'Open Sans', sans-serif; letter-spacing:.08em; text-transform:uppercase;}
.login h3::before {content:''; width:16px; height:16px; background:#f6b73c; -webkit-mask:url(/images/icons/user.svg) center / contain no-repeat; mask:url(/images/icons/user.svg) center / contain no-repeat;}
.login input[type="text"], .login input[type="password"] {display:block; width:100%; height:44px; margin:0 0 10px; padding:0 14px; box-sizing:border-box; text-align:left;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#fff; font:500 14px/1 'Open Sans', sans-serif; outline:0; box-shadow:none; transition:border-color .2s, box-shadow .2s, background-color .2s;}
.login input[type="text"]::placeholder, .login input[type="password"]::placeholder {color:#6d7782;}
.login input[type="text"]:hover, .login input[type="password"]:hover {border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.05);}
.login input[type="text"]:focus, .login input[type="password"]:focus {border-color:rgba(246,183,60,.75); box-shadow:0 0 0 3px rgba(246,183,60,.14); background:rgba(255,255,255,.06);}
.login input[type="submit"], .login input[type="submit"]:hover {display:block; width:100%; height:46px; margin:4px 0 0; padding:0; box-sizing:border-box; cursor:pointer; border-radius:8px;
	background:rgba(246,183,60,.1); border:1px solid rgba(246,183,60,.55); box-shadow:none; color:#f6b73c; font:600 16px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-shadow:none; transition:background-color .2s, border-color .2s, color .2s;}
.login input[type="submit"]:hover {background:rgba(246,183,60,.18); border-color:rgba(246,183,60,.85); color:#ffd27a;}
.login .msg {color:#ff8a80; font:500 12px/1.4 'Open Sans', sans-serif;}
.social-login {display:none !important;}
.login > a, .login > a.fancy {display:table; width:auto; margin:14px auto 0; padding:0; background:none; text-align:center; color:#8d96a0; font:500 13px/1.4 'Open Sans', sans-serif; text-decoration:none; transition:color .2s;}
.login > a span, .login > a.fancy {border-bottom:1px dashed rgba(141,150,160,.5);}
.login > a:hover {color:#fff;}

.onl-help {float:none; width:auto; height:auto; margin:24px 24px 24px !important; padding:0; border:0 !important;}
.onl-help a {display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:44px; padding:0; box-sizing:border-box; border-radius:10px;
	background-color:rgba(255,255,255,.04) !important; background-position:16px center !important; background-size:22px auto !important; border:1px solid rgba(255,255,255,.08);
	color:#c3c8ce; font-size:0 !important; text-indent:0 !important; padding-left:26px !important; text-transform:none; text-decoration:none; transition:border-color .2s, color .2s, background-color .2s;}
.onl-help a::after {content:'Онлайн помощь'; font:600 13px/1 'Open Sans', sans-serif; text-indent:0;}
.onl-help a:hover {border-color:rgba(246,183,60,.5); color:#fff; background-color:rgba(246,183,60,.06) !important;}

/* залогиненный игрок */
.acc-bg {background:rgba(255,255,255,.03); border-color:rgba(255,255,255,.07);}
.ac-name, .ttk1 {color:#f6b73c;}
.ac-profile, .ttk2 {color:#8d96a0;}
.bonus-wis {border-bottom-color:rgba(255,255,255,.07);}

/* ---------- верхнее меню провайдеров над игрой ---------- */
.game-menu {height:52px; background:#0e141d; border-bottom:1px solid rgba(255,255,255,.06); box-sizing:border-box;}
.game-menu > ul {height:52px; align-items:center; gap:4px; padding:0 10px; box-sizing:border-box; scrollbar-width:none;}
.game-menu > ul::-webkit-scrollbar {display:none;}
.game-menu > ul > li, .game-menu > ul > li:first-of-type, .game-menu > ul > li:last-of-type {flex:0 0 auto; height:auto; margin:0; padding:0; background:none; border:0;}
.game-menu > ul > li > span {display:flex; align-items:center; height:34px; padding:0 13px; border-radius:8px; border:1px solid transparent; background:none;
	color:#a5adb6; font:600 13px/1 'Open Sans', sans-serif; text-transform:none; letter-spacing:0; cursor:pointer; transition:color .2s, background-color .2s, border-color .2s;}
.game-menu > ul > li > span:hover, .game-menu > ul > li:hover > span {color:#f6b73c; background:rgba(246,183,60,.08); border-color:rgba(246,183,60,.35);}
/* выпадающая лента игр */
.game-menu > ul > li > ul {top:52px; padding:16px 0 14px !important; box-sizing:border-box; height:auto; background:rgba(14,20,29,.97); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
	border-bottom:1px solid rgba(246,183,60,.25); box-shadow:0 18px 40px rgba(0,0,0,.55); transition:opacity .2s, visibility .2s;}
.game-menu > ul > li > ul li a {color:#c3c8ce; font:600 12px/1.3 'Open Sans', sans-serif !important; text-transform:none !important; letter-spacing:0; text-decoration:none; transition:color .2s;}
.game-menu > ul > li > ul li a:hover {color:#f6b73c;}
.game-menu > ul > li > ul li a img {opacity:1 !important; filter:brightness(.92) !important; border-radius:8px; box-shadow:0 0 0 1px rgba(255,255,255,.08); transition:transform .2s, box-shadow .2s;}
.game-menu > ul > li > ul li a:hover img {transform:translateY(-2px); box-shadow:0 0 0 2px #f6b73c, 0 8px 18px rgba(0,0,0,.45); filter:none !important;}
.game-menu .bx-controls-direction a {width:34px !important; height:34px !important; margin-top:-17px !important; border-radius:50%; background:rgba(14,20,29,.85) !important; border:1px solid rgba(255,255,255,.12); text-indent:-9999px; overflow:hidden; transition:background-color .2s, border-color .2s;}
.game-menu .bx-controls-direction a::after {content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-5px 0 0 -6px; border:solid #f6b73c; border-width:2px 2px 0 0; transform:rotate(45deg); text-indent:0;}
.game-menu .bx-prev::after {margin-left:-3px !important; transform:rotate(-135deg) !important;}
.game-menu .bx-controls-direction a:hover {background:rgba(246,183,60,.14) !important; border-color:rgba(246,183,60,.6);}
/* игры в выпадающей ленте: картинка на всю ширину слайда — без больших пустот между играми */
.game-menu > ul > li > ul li a {display:block; text-align:center;}
.game-menu > ul > li > ul li a img {display:block; width:100% !important; height:auto !important; margin:0 0 7px !important; aspect-ratio:150 / 111; object-fit:cover;}
.game-menu > ul > li > ul > li {width:714px !important; max-width:calc(100% - 110px); margin-left:auto !important; margin-right:auto !important;}
.game-menu .bx-viewport, .game-menu .bxslider2 {height:auto !important;}
.game-menu .bxslider2::after {content:''; display:block; clear:both;}
/* стрелки у меню провайдеров (ставит /js/game-menu.js), по краям — мягкое затухание */
.game-menu {position:relative;}
.game-menu::before, .game-menu::after {content:''; position:absolute; top:0; bottom:1px; width:70px; z-index:2; pointer-events:none; opacity:0; transition:opacity .2s;}
.game-menu::before {left:0; background:linear-gradient(90deg, #0e141d 40%, rgba(14,20,29,0));}
.game-menu::after {right:0; background:linear-gradient(270deg, #0e141d 40%, rgba(14,20,29,0));}
.game-menu.gm-can-prev::before, .game-menu.gm-can-next::after {opacity:1;}
.game-menu > ul {scroll-behavior:smooth;}
.gm-arrow {position:absolute; top:50%; z-index:3; width:32px; height:32px; margin-top:-16px; padding:0; border-radius:50%; cursor:pointer; opacity:0; visibility:hidden;
	background:rgba(14,20,29,.9); border:1px solid rgba(255,255,255,.14); box-shadow:0 4px 12px rgba(0,0,0,.4); transition:opacity .2s, visibility .2s, background-color .2s, border-color .2s;}
.gm-arrow::after {content:''; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-4px 0 0 -5px; border:solid #f6b73c; border-width:2px 2px 0 0; transform:rotate(45deg);}
.gm-arrow--prev {left:8px;}
.gm-arrow--prev::after {margin-left:-2px; transform:rotate(-135deg);}
.gm-arrow--next {right:8px;}
.gm-arrow:hover {background:rgba(246,183,60,.16); border-color:rgba(246,183,60,.6);}
.game-menu.gm-can-prev .gm-arrow--prev, .game-menu.gm-can-next .gm-arrow--next {opacity:1; visibility:visible;}

/* ---------- игра ---------- */
.game-inner {background:#05080c;}
.game-inner iframe {display:block;}
.go-fullscreen {top:14px; right:14px; left:auto !important; width:38px; height:38px; box-sizing:border-box; border-radius:10px; cursor:pointer; z-index:5;
	background-color:rgba(14,20,29,.75) !important; background-position:center !important; background-size:16px 16px !important; border:1px solid rgba(255,255,255,.14);
	-webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:border-color .2s, background-color .2s, transform .15s;}
.go-fullscreen:hover {border-color:rgba(246,183,60,.7); background-color:rgba(246,183,60,.15) !important; transform:scale(1.05);}

/* ---------- правая панель: «Выигрыш» / «Мои игры» ---------- */
#right {box-sizing:border-box; background:linear-gradient(180deg, #121925 0%, #0b1018 100%); border-left:1px solid rgba(255,255,255,.06); overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.12) transparent;}
#right::-webkit-scrollbar {width:6px;} #right::-webkit-scrollbar-thumb {background:rgba(255,255,255,.12); border-radius:3px;}
#tabs {position:sticky; top:0; z-index:3; height:auto; margin:0; padding:14px 14px 12px; box-sizing:border-box; background:#121925; border-bottom:1px solid rgba(255,255,255,.06);}
#tabs ul.ui-tabs-nav {display:flex; width:auto; height:auto; margin:0; padding:4px; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07); border-radius:10px;}
#tabs ul.ui-tabs-nav li {flex:1 1 0; float:none; width:auto; height:auto; margin:0; padding:0; background:none; border:0;}
#tabs ul.ui-tabs-nav li a {display:flex; align-items:center; justify-content:center; width:100%; height:36px; margin:0; padding:0; box-sizing:border-box; border-radius:7px; background:none; border:0; box-shadow:none;
	color:#8d96a0; font:600 13px/1 'Open Sans', sans-serif; text-transform:none; text-shadow:none; text-decoration:none; outline:0; transition:color .2s, background-color .2s;}
#tabs ul.ui-tabs-nav li a:hover {color:#fff;}
#tabs ul.ui-tabs-nav li.ui-tabs-active a {color:#1a1206; background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); box-shadow:0 0 14px rgba(240,150,40,.3), inset 0 1px 0 rgba(255,236,190,.8);}
#tabs .rogule {display:none;}
#tabs-1, #tabs-2 {float:none; width:auto; height:auto !important; padding:10px 12px 16px; box-sizing:border-box;}

/* карточка выигрыша */
.winingam {position:relative; float:none; display:flex; align-items:center; gap:12px; width:auto; height:auto; margin:0 0 8px; padding:8px; box-sizing:border-box;
	background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.05); border-radius:12px; transition:background-color .2s, border-color .2s;}
.winingam:hover {background:rgba(255,255,255,.06); border-color:rgba(246,183,60,.3);}
.winingam img {flex:0 0 82px; width:82px !important; height:60px !important; margin:0 !important; object-fit:cover; border-radius:8px; box-shadow:0 0 0 1px rgba(255,255,255,.08);}
.win-bf {flex:1 1 auto; min-width:0; width:auto; height:auto; margin:0; padding:0;}
.win-bf p {float:none; width:auto; height:auto; margin:0; padding:0; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.win-bf .wname {color:#8d96a0; font:600 11px/1.4 'Open Sans', sans-serif; letter-spacing:.04em;}
.win-bf .wsumm {color:#6d7782; font:400 0/1 'Open Sans', sans-serif;}
.win-bf .wsumm span {color:#f6b73c; font:700 16px/1.35 'Futura PT Demi', 'Open Sans', sans-serif; font-variant-numeric:tabular-nums;}
.win-bf .wgame {color:#6d7782; font:400 0/1 'Open Sans', sans-serif;}
.win-bf .wgame span, .win-bf .wgame a {color:#e6e8eb; font:600 12px/1.4 'Open Sans', sans-serif; text-decoration:none;}
/* наведение: тёмная вуаль и кнопка «Играть» */
.winingam .whov {inset:0; width:auto; height:auto; border-radius:12px; background:rgba(8,12,18,.85); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
	align-items:center; justify-content:center; gap:10px; padding:0 12px; box-sizing:border-box;}
.winingam:hover .whov {display:flex !important;}
.winingam .whov p {order:1; flex:1 1 auto; min-width:0; margin:0; color:#fff; font:600 13px/1.3 'Open Sans', sans-serif; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.winingam .whov a {order:2; flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:auto; height:34px; margin:0; padding:0 14px; box-sizing:border-box; border-radius:8px;
	border:1px solid rgba(255,212,140,.85); background:linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%) !important; box-shadow:0 0 14px rgba(240,150,40,.35);
	color:#1a1206; font:600 13px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-decoration:none;}
.winingam .whov a::before {content:'Играть';}

@media screen and (max-width: 1024px) {
	.game-menu > ul > li > span {padding:0 10px; font-size:12px;}
}

/* ---------- телефоны: игра на весь экран, сверху логотип + «Регистрация» и меню провайдеров, боковые панели скрыты ---------- */
@media screen and (max-width: 900px) {
	html, body {min-width:0 !important; width:100% !important; overflow:hidden;}
	.wrap-game {width:100% !important; height:100vh; height:100dvh; display:flex; flex-direction:column; overflow:hidden;}
	#left {position:relative !important; inset:auto !important; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:12px; width:auto !important; height:auto !important; padding:8px 12px; overflow:visible;
		border-right:0; border-bottom:1px solid rgba(255,255,255,.06); background:#0e141d !important;}
	#left > *:not(.game-logo):not(.reg-st) {display:none !important;}
	#left .game-logo {width:auto; height:auto;}
	#left .game-logo a {width:118px; height:44px !important; background-position:left center !important; background-size:112px auto !important;}
	#left .reg-st {margin:0 !important; width:auto; height:auto;}
	#left .reg-st a {height:40px; padding:0 16px; font-size:15px;}
	.gamepanel {position:relative !important; inset:auto !important; margin:0 !important; width:100% !important; height:auto !important; flex:1 1 auto; min-height:0; display:flex; flex-direction:column;}
	.game-menu, .game-menu > ul {height:46px;}
	.game-menu {flex:0 0 auto;}
	.game-menu > ul > li > span {height:32px; padding:0 11px; font-size:12.5px;}
	.game-menu > ul > li > ul {top:46px;}
	#myContent {flex:1 1 auto; width:100% !important; height:auto !important; min-height:0;}
	#myContent iframe {width:100% !important; height:100% !important;}
	.go-fullscreen {top:10px; right:10px;}
	#right {display:none !important;}
}

/* ---------- доработки поверх старых правил ---------- */
/* в выпадающей ленте старый hover увеличивал и гасил всю ссылку — оставляем только золотую рамку у картинки */
.game-menu > ul > li > ul li a:hover {transform:none !important; opacity:1 !important;}

/* «Мои игры» (избранное) — сетка 2 в ряд, карточки как на главной */
.games-gam {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px;}
.games-gam::after {content:none;}
.games-gam .game-block {float:none; width:auto; margin:0 !important; overflow:hidden; border-radius:10px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); transition:border-color .2s;}
.games-gam .game-block:hover {border-color:rgba(246,183,60,.4);}
.games-gam .game-block > img {display:block; width:100%; height:auto; margin:0; aspect-ratio:150 / 111; object-fit:cover;}
.games-gam .game-block:hover > img {opacity:.35;}
.games-gam .game-block p {position:relative; width:auto; height:auto; margin:0; padding:7px 28px 8px 8px; box-sizing:border-box; background:none; font:600 12px/1.3 'Open Sans', sans-serif; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.games-gam .game-block p a {color:#e6e8eb; font-size:12px;}
.games-gam .game-block p a.plus {width:20px; height:20px; right:5px; bottom:50%; margin-bottom:-10px;}
.games-gam .game-block .rblock {top:0; left:0; right:0; width:auto; height:auto; aspect-ratio:150 / 111; display:none; flex-direction:column; align-items:center; justify-content:center; gap:6px;}
.games-gam .game-block:hover .rblock {display:flex;}
.games-gam .play-now, .games-gam .demo-game {margin:0;}

/* турнир во вкладке справа */
.trn-game {min-height:0; padding:4px 0 10px;}
.trn-game h3 {padding:10px 0 14px; color:#fff; font:600 18px/1.25 'Futura PT Demi', 'Open Sans', sans-serif;}
.prizef-game {padding:12px 16px; border-radius:10px; background:rgba(246,183,60,.07); border:1px solid rgba(246,183,60,.3); color:#8d96a0; font:500 12px/1.4 'Open Sans', sans-serif;}
.orange-pf {color:#f6b73c; font:700 24px/1.2 'Futura PT Demi', 'Open Sans', sans-serif;}
.count-place {width:100%; height:auto; margin:14px 0; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:10px; box-shadow:none;}
.count-place img {display:block; width:100%; height:auto;}
.counter {background:rgba(8,12,18,.82);}
.counter li:last-of-type, .counter li:last-of-type span {color:#f6b73c;}
.trn-game table {border:0; border-collapse:separate; border-spacing:0 4px;}
.trn-game td {height:30px; padding:0 10px; border:0; background:rgba(255,255,255,.035); color:#c3c8ce; text-align:left;}
.trn-game td:first-child {border-radius:8px 0 0 8px;}
.trn-game td:last-of-type {border-radius:0 8px 8px 0; color:#f6b73c; text-align:right; font-weight:700;}
a.take-tour, a.take-tour:hover {display:flex; align-items:center; justify-content:center; width:100%; height:44px; margin:14px 0 0; border-radius:8px; border:1px solid rgba(255,212,140,.85);
	background:linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%); box-shadow:0 0 18px rgba(240,150,40,.35); color:#1a1206; font:600 14px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-shadow:none; text-decoration:none;}
a.take-tour:hover {filter:brightness(1.05);}
#right .bx-pager-item a {background:rgba(255,255,255,.15); border:0;}
#right .bx-pager-item a.active {background:#f6b73c;}

/* ---------- левая панель игрока (вошёл в аккаунт) ---------- */
#left:not(.unlog) .game-logo a {height:132px !important; background-position:50% 26px !important;}
.acc-bg {display:none !important;}
.acc-info {position:relative; display:grid; grid-template-columns:36px 1fr auto; grid-template-areas:"ava num out" "ava prof out"; align-items:center; column-gap:10px; row-gap:2px; width:auto; margin:0 20px; padding:12px 12px 12px 14px; box-sizing:border-box; z-index:2;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:12px;}
.acc-info::before {content:''; grid-area:ava; width:36px; height:36px; border-radius:50%; background:rgba(246,183,60,.12) url(/images/icons/user.svg) center / 18px no-repeat; box-shadow:inset 0 0 0 1px rgba(246,183,60,.4);}
.acc-info .ac-name {grid-area:num; margin:0; color:#fff; font:600 16px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.03em;}
.acc-info .ac-name::before {content:'Счёт '; margin-right:2px; color:#8d96a0; font:600 11px/1 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase;}
.acc-info .ac-profile {grid-area:prof; justify-self:start; display:inline; margin:0; color:#f6b73c; font:600 12px/1.3 'Open Sans', sans-serif; text-decoration:none; border-bottom:1px dashed rgba(246,183,60,.5);}
.acc-info .ac-profile:hover {color:#ffd27a;}
.acc-info .ac-logout {grid-area:out; float:none; width:34px; height:34px; margin:0; border-radius:8px; background:rgba(255,255,255,.04) url(/images/logout-btn.svg) center / 16px no-repeat; border:1px solid rgba(255,255,255,.08); transition:background-color .2s, border-color .2s;}
.acc-info .ac-logout:hover {opacity:1; background-color:rgba(255,90,90,.12); border-color:rgba(255,90,90,.5);}
.bonus-wis {float:none; display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px 10px; width:auto; margin:12px 20px 0; padding:14px; box-sizing:border-box; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.025);}
.bonus-wis > div {float:none; width:auto; padding:0 0 0 38px; background:url(/images/sec-chance.svg) left center / 30px no-repeat;}
.bonus-wis .ttk1 {margin:0; color:#f6b73c; font:600 14px/1.25 'Futura PT Demi', 'Open Sans', sans-serif;}
.bonus-wis .ttk2 {margin:0; color:#8d96a0; font:500 12px/1.3 'Open Sans', sans-serif;}
.bonus-wis .faq-gm {float:none; width:26px; height:26px; margin:0; border-radius:50%; background:rgba(255,255,255,.05) url(/images/znak-vopr.svg) center / 14px no-repeat; border:1px solid rgba(255,255,255,.1);}
.bonus-wis .tk-bns {grid-column:1 / -1; float:none; display:flex; align-items:center; justify-content:center; width:100%; height:40px; margin:0; border-radius:8px; box-shadow:none;
	background:rgba(246,183,60,.1); border:1px solid rgba(246,183,60,.55); color:#f6b73c; font:600 0/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-shadow:none; transition:background-color .2s, border-color .2s;}
.bonus-wis .tk-bns::after {content:'Получить бонус'; font-size:14px;}
.bonus-wis .tk-bns:hover {background:rgba(246,183,60,.18); border-color:rgba(246,183,60,.85); text-shadow:none; box-shadow:none;}
#left .game-cass {float:none; display:flex; align-items:center; justify-content:center; gap:10px; width:auto; height:50px; margin:14px 20px 0; padding:0; box-sizing:border-box; text-indent:0; border-radius:8px; border:1px solid rgba(255,212,140,.85);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);
	color:#1a1206; font:600 0/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-decoration:none; transition:transform .15s, filter .15s;}
#left .game-cass::before {content:''; width:20px; height:20px; background:currentColor; -webkit-mask:url(/images/icons/wallet.svg) center / contain no-repeat; mask:url(/images/icons/wallet.svg) center / contain no-repeat;}
#left .game-cass::after {content:'Касса'; font-size:17px;}
#left .game-cass:hover {color:#1a1206; transform:translateY(-1px); filter:brightness(1.05);}
#left:not(.unlog) .onl-help {clear:both; margin:14px 20px 20px !important;}
/* выбор ставки (если есть) */
.bet {float:none; display:flex; width:auto; margin:12px 20px 0; padding:4px; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px;}
.bet a, .bet a:first-of-type, .bet a:last-of-type {flex:1 1 0; float:none; width:auto !important; height:32px; border:0; border-radius:7px; background:none; opacity:1; color:#8d96a0; font:600 12px/32px 'Open Sans', sans-serif; text-shadow:none;}
.bet a:hover {background:rgba(255,255,255,.06); color:#fff; border:0;}
.bet a.active {background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); color:#1a1206;}

/* ---------- меню провайдеров: лента игр не пропадает, когда ведёшь мышь вниз ----------
   пункт меню занимает всю высоту полосы (нет «мёртвой зоны» до ленты) + при уходе мыши лента гаснет с задержкой 0.15 c */
.game-menu > ul > li {align-self:stretch; display:flex !important; align-items:center;}
.game-menu > ul > li > ul {visibility:hidden; opacity:0; z-index:100 !important; transition:opacity .15s ease .15s, visibility 0s linear .3s !important;}
.game-menu > ul > li:hover > ul {visibility:visible; opacity:1; transition-delay:0s, 0s !important;}

/* ============================================================
   Системные окна сайта: «Сообщение сайта» (#ui-msg), «Требуется подтверждение» (#ui-confirm), #sended-message —
   тёмная карточка в стиле попапов входа/регистрации, золотая кнопка
   ============================================================ */
.fancybox-slide > #ui-msg#ui-msg, .fancybox-slide > #sended-message#sended-message {display:inline-block !important;}
/* «Да / Отмена» в одну строку; display только внутри открытого окна — иначе .hide перестанет прятать блок внизу страницы */
.fancybox-slide > #ui-confirm#ui-confirm {display:inline-grid !important; grid-template-columns:1fr 1fr; column-gap:10px;}
#ui-msg#ui-msg, #ui-confirm#ui-confirm, #sended-message#sended-message {position:relative; width:420px; max-width:calc(100vw - 32px); min-height:0; height:auto; margin:0; padding:62px 28px 26px; box-sizing:border-box; overflow:visible; text-align:center;
	background:linear-gradient(180deg, #131b26 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.08); border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.6);}
/* значок сверху */
#ui-msg#ui-msg::before, #ui-confirm#ui-confirm::before, #sended-message#sended-message::before {content:'i'; position:absolute; left:50%; top:-26px; width:52px; height:52px; margin-left:-26px; box-sizing:border-box; border-radius:50%;
	background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); border:4px solid #131b26; box-shadow:0 0 22px rgba(240,150,40,.45);
	color:#1a1206; font:italic 700 24px/44px Georgia, 'Times New Roman', serif; text-align:center;}
#ui-confirm#ui-confirm::before {content:'?'; font:700 24px/44px 'Open Sans', sans-serif;}
#ui-msg#ui-msg h3, #ui-confirm#ui-confirm h3, #sended-message#sended-message h3 {height:auto; margin:0 0 12px; padding:0; background:none; border:0; color:#f6b73c; font:600 18px/1.25 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
#ui-msg#ui-msg .msg, #ui-confirm#ui-confirm .msg, #sended-message#sended-message > div {width:auto; height:auto; margin:0 0 22px; padding:0; color:#c3c8ce; font:400 15px/1.55 'Open Sans', sans-serif; text-transform:none; text-shadow:none;}
#ui-msg#ui-msg .msg, #ui-confirm#ui-confirm .msg, #sended-message#sended-message > div {text-wrap:balance;}
#ui-msg#ui-msg .msg:empty, #ui-confirm#ui-confirm .msg:empty {display:none;}
/* кнопки */
#ui-msg#ui-msg a.ui-msg-close, #ui-confirm#ui-confirm a.ui-confirm-ok, #sended-message#sended-message > a {display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin:0; padding:0; box-sizing:border-box; border-radius:8px; border:1px solid rgba(255,212,140,.85);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);
	color:#1a1206; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-decoration:none; text-shadow:none; transition:transform .15s, filter .15s;}
#ui-msg#ui-msg a.ui-msg-close:hover, #ui-confirm#ui-confirm a.ui-confirm-ok:hover, #sended-message#sended-message > a:hover {color:#1a1206; transform:translateY(-1px); filter:brightness(1.05);}
#sended-message#sended-message > a {font-size:0;}
#sended-message#sended-message > a::after {content:'Хорошо'; font-size:17px;}
#ui-confirm#ui-confirm h3, #ui-confirm#ui-confirm .msg {grid-column:1 / -1;}
#ui-confirm#ui-confirm a.ui-confirm-ok, #ui-confirm#ui-confirm a.ui-confirm-close {font-size:0;}
#ui-confirm#ui-confirm a.ui-confirm-ok::after {content:'Да'; font-size:17px;}
#ui-confirm#ui-confirm a.ui-confirm-close {display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin:0; padding:0; box-sizing:border-box; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14);
	color:#c3c8ce; text-decoration:none; text-transform:none; text-shadow:none; transition:border-color .2s, color .2s, background-color .2s;}
#ui-confirm#ui-confirm a.ui-confirm-close::after {content:'Отмена'; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif;}
#ui-confirm#ui-confirm a.ui-confirm-close:hover {border-color:rgba(255,255,255,.3); color:#fff; background:rgba(255,255,255,.07);}
/* крестик */
#ui-msg#ui-msg .fancybox-close-small, #ui-confirm#ui-confirm .fancybox-close-small, #sended-message#sended-message .fancybox-close-small {top:12px; right:12px; width:32px; height:32px; padding:0; border-radius:8px; background:rgba(255,255,255,.05); transition:background-color .2s;}
#ui-msg#ui-msg .fancybox-close-small::after, #ui-confirm#ui-confirm .fancybox-close-small::after, #sended-message#sended-message .fancybox-close-small::after {content:'×'; position:static; display:block; width:auto; height:auto; background:none; border:0; color:#c3c8ce; font:400 24px/32px 'Open Sans', sans-serif;}
#ui-msg#ui-msg .fancybox-close-small:hover, #ui-confirm#ui-confirm .fancybox-close-small:hover, #sended-message#sended-message .fancybox-close-small:hover {background:rgba(255,255,255,.1);}

/* «Получить бонус»: пока ждём ответ — «Ожидайте...» с крутилкой (класс .is-loading ставит /js/game-menu.js) */
.bonus-wis .tk-bns.is-loading {pointer-events:none; gap:8px; color:#c9a35a; border-color:rgba(246,183,60,.35); background:rgba(246,183,60,.06);}
.bonus-wis .tk-bns.is-loading::before {content:''; width:14px; height:14px; box-sizing:border-box; border:2px solid rgba(246,183,60,.3); border-top-color:#f6b73c; border-radius:50%; animation:gmSpin .7s linear infinite;}
.bonus-wis .tk-bns.is-loading::after {content:'Ожидайте...';}
@keyframes gmSpin {to {transform:rotate(360deg);}}

/* Попапы сайта (регистрация, вход, восстановление пароля, «Успешная регистрация», «Сообщение сайта»).
   Копия блоков из style.css — для страниц, где style.css не подключён (страница игры /game/...). */

/* ============================================================
   Попап регистрации: тёмная карточка в стиле сайта, золотые акценты
   (двойной #reg-popup — чтобы перебить старые правила с #reg-popup .form-ong ...)
   ============================================================ */
#reg-popup#reg-popup {padding:0; border-radius:16px; overflow:hidden; background:#0e141d; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 80px rgba(0,0,0,.6);}
#reg-popup#reg-popup .form-ong {background:linear-gradient(180deg, #131b26 0%, #0e141d 100%);}
#reg-popup#reg-popup .form-ong h3 {display:flex; align-items:center; justify-content:center; gap:10px; height:auto; padding:22px 24px 18px; background:none; border-bottom:1px solid rgba(255,255,255,.06);
	color:#f6b73c; font:600 20px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
#reg-popup#reg-popup .form-ong h3 span {position:static; float:none; display:block; flex:0 0 24px; width:24px; height:24px; margin:0; background:currentColor; -webkit-mask:url(/images/icons/user.svg) center / contain no-repeat; mask:url(/images/icons/user.svg) center / contain no-repeat;}
#reg-popup#reg-popup .form-bdy {padding:26px 0 24px;}
#reg-popup#reg-popup .form-bdy form {width:360px; max-width:calc(100% - 48px); margin:0 auto; float:none;}
#reg-popup#reg-popup form p {margin:0 0 8px; color:#8d96a0; font:600 12px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
#reg-popup#reg-popup input[type=text] {width:100%; height:46px; margin:0 0 22px; padding:0 16px; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px;
	color:#fff; font:500 15px/1 'Open Sans', sans-serif; outline:0; transition:border-color .2s, box-shadow .2s, background-color .2s;}
#reg-popup#reg-popup input[type=text]:focus {border-color:rgba(246,183,60,.75); box-shadow:0 0 0 3px rgba(246,183,60,.14); background:rgba(255,255,255,.06);}
/* валюта — пилюли */
#reg-popup#reg-popup .many {margin:0 8px 22px 0;}
#reg-popup#reg-popup .many label {display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:76px; height:38px; padding:0 16px; box-sizing:border-box;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#c3c8ce; font:600 14px/1 'Open Sans', sans-serif; cursor:pointer; transition:all .2s;}
#reg-popup#reg-popup .many label::before, #reg-popup#reg-popup .many label::after {content:none;}
#reg-popup#reg-popup .many label:hover {border-color:rgba(246,183,60,.5); color:#fff;}
#reg-popup#reg-popup .many input:checked + label {background:rgba(246,183,60,.12); border-color:rgba(246,183,60,.8); color:#f6b73c; box-shadow:0 0 0 3px rgba(246,183,60,.1);}
/* чекбокс правил */
#reg-popup#reg-popup #cp-2 + label {display:block; width:auto; padding-left:32px; color:#9aa3ad; font:400 13px/22px 'Open Sans', sans-serif;}
#reg-popup#reg-popup #cp-2 + label::before {top:1px; left:0; width:20px; height:20px; box-sizing:border-box; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.2); border-radius:6px; transition:all .2s;}
#reg-popup#reg-popup #cp-2:checked + label::before {background:#f6b73c; border-color:#f6b73c;}
#reg-popup#reg-popup #cp-2 + label::after {content:''; position:absolute; opacity:0; top:5px; left:7px; width:5px; height:9px; border:solid #1a1206; border-width:0 2px 2px 0; transform:rotate(45deg); background:none; box-sizing:content-box;}
#reg-popup#reg-popup #cp-2:checked + label::after {opacity:1;}
#reg-popup#reg-popup #cp-2 + label a {color:#f6b73c; text-decoration:none; border-bottom:1px dashed rgba(246,183,60,.5);}
/* кнопка — золотая, как на сайте */
#reg-popup#reg-popup input[type=submit] {display:block; width:100% !important; max-width:none !important; height:52px; margin:24px 0 0 !important; padding:0; border-radius:8px; border:1px solid rgba(255,212,140,.85); cursor:pointer;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 18px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.02em; text-transform:none; text-shadow:none;
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22); transition:transform .15s, filter .15s, box-shadow .15s;}
#reg-popup#reg-popup input[type=submit]:hover {transform:translateY(-1px); filter:brightness(1.05); box-shadow:0 0 0 1px rgba(255,170,70,.28), 0 0 30px rgba(240,150,40,.6), 0 10px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);}
/* «У меня есть аккаунт» — тихая ссылка */
#reg-popup#reg-popup a.fancy {display:block; width:auto; height:auto; margin:16px auto 0; padding:0; background:none; text-align:center; color:#8d96a0; font:500 14px/1.4 'Open Sans', sans-serif; text-decoration:none; transition:color .2s;}
#reg-popup#reg-popup a.fancy::after {content:' →'; color:#f6b73c;}
#reg-popup#reg-popup a.fancy:hover {color:#fff;}
/* преимущества справа (заодно исправлена опечатка в заголовке) */
#reg-popup#reg-popup .privileg {box-sizing:border-box; margin:0; padding:0 30px 24px; background:linear-gradient(180deg, rgba(246,183,60,.06) 0%, rgba(14,20,29,0) 40%), #0b1018; border:0; border-left:1px solid rgba(255,255,255,.06);}
#reg-popup#reg-popup .privileg h3 {padding:24px 0 18px; margin:0 0 18px; border-bottom:1px solid rgba(255,255,255,.06); color:#8d96a0; font:600 0/1.2 'Open Sans', sans-serif; letter-spacing:.12em; text-transform:uppercase;}
#reg-popup#reg-popup .privileg h3::before {content:'Преимущества'; font-size:12px;}
#reg-popup#reg-popup .privileg h3::after {content:none;}
#reg-popup#reg-popup .privileg [class^="pppr-"] {display:block; position:relative; float:none; width:100%; box-sizing:border-box; min-height:52px; height:auto; margin:0 0 12px; padding:14px 14px 14px 80px;
	background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); border-radius:12px; color:#c3c8ce; font:400 14px/1.45 'Open Sans', sans-serif;}
#reg-popup#reg-popup .privileg [class^="pppr-"] span {position:absolute; left:14px; top:50%; transform:translateY(-50%); width:52px; height:52px; margin:0; background-size:contain; background-position:center; background-repeat:no-repeat;}
#reg-popup#reg-popup .privileg em {color:#f6b73c; font-style:normal; font-weight:700;}
@media screen and (max-width: 768px) {
	#reg-popup#reg-popup {flex-direction:column;}
	#reg-popup#reg-popup .privileg {border-left:0; border-top:1px solid rgba(255,255,255,.06);}
}

/* Попап регистрации: без выбора валюты (RUB выбрана по умолчанию и уходит с формой), форма по центру по высоте */
#reg-popup#reg-popup form p:nth-of-type(2), #reg-popup#reg-popup .many {display:none !important;}
#reg-popup#reg-popup input[type=text] {margin-bottom:18px;}
#reg-popup#reg-popup .form-ong {display:flex; flex-direction:column;}
#reg-popup#reg-popup .form-bdy {flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; height:auto;}
/* блик по кнопке «Регистрация»: лежит ровно поверх новой кнопки и мягко пробегает */
#reg-popup#reg-popup form {position:relative;}
#reg-popup#reg-popup .shiner {display:block !important; position:absolute; left:0; width:100% !important; max-width:none !important; height:52px; margin:-52px 0 0 0 !important; border-radius:8px; overflow:hidden; pointer-events:none;}
#reg-popup#reg-popup .shiner::after {content:''; position:absolute; top:0; left:-30%; width:70px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,250,230,.55) 50%, rgba(255,255,255,0) 100%); transform:skewX(-20deg); animation:regShine 3.6s ease-in-out infinite;}
@keyframes regShine {0% {left:-30%;} 45%, 100% {left:120%;}}
/* Попап регистрации: подпись поля — «Введите Вашу почту:» (текст подменяем через CSS, шаблона попапа нет) */
#reg-popup#reg-popup form p:nth-of-type(1) {font-size:0;}
#reg-popup#reg-popup form p:nth-of-type(1)::before {content:'Введите Вашу почту:'; font-size:12px;}

/* ============================================================
   Попапы «Вход» и «Восстановить пароль» — в стиле попапа регистрации
   ============================================================ */
/* карточки */
#login-popup#login-popup {flex-wrap:nowrap; width:auto !important; vertical-align:middle; text-align:left; padding:0; border-radius:16px; overflow:hidden; background:#0e141d; border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 80px rgba(0,0,0,.6);}
#rec-pass#rec-pass {height:auto !important; min-height:0 !important; width:440px; max-width:calc(100vw - 32px); padding:0; border-radius:16px; overflow:hidden; background:linear-gradient(180deg, #131b26 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.08); box-shadow:0 30px 80px rgba(0,0,0,.6);}
#login-popup#login-popup .form-ing, #login-popup#login-popup .privileg {float:none; flex-shrink:0;}
#login-popup#login-popup .form-ing {display:flex; flex-direction:column; background:linear-gradient(180deg, #131b26 0%, #0e141d 100%);}
/* заголовки */
#login-popup#login-popup .form-ing h3, #rec-pass#rec-pass > h3 {display:flex; align-items:center; justify-content:center; gap:10px; height:auto; margin:0; padding:22px 24px 18px; background:none; border-bottom:1px solid rgba(255,255,255,.06);
	color:#f6b73c; font:600 20px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
#login-popup#login-popup .form-ing h3 span, #rec-pass#rec-pass > h3 span {position:static; float:none; display:block; flex:0 0 24px; width:24px; height:24px; margin:0; background:currentColor;
	-webkit-mask:url(/images/icons/user.svg) center / contain no-repeat; mask:url(/images/icons/user.svg) center / contain no-repeat;}
/* тело формы */
#login-popup#login-popup .login-form {flex:1 1 auto; display:flex; flex-direction:column; justify-content:center; height:auto; padding:26px 0 24px;}
#rec-pass#rec-pass .form-bdy {padding:26px 0 26px; height:auto; border:0; background:none;}
#login-popup#login-popup .login-form form, #rec-pass#rec-pass .form-bdy form {position:relative; width:360px; max-width:calc(100% - 48px); margin:0 auto; float:none;}
#login-popup#login-popup form p, #rec-pass#rec-pass form p {margin:0 0 8px; padding:0; background:none; color:#8d96a0; font:600 12px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
#login-popup#login-popup input[type=text], #login-popup#login-popup input[type=password], #rec-pass#rec-pass input[type=text] {width:100%; height:46px; margin:0 0 18px; padding:0 16px; box-sizing:border-box;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#fff; font:500 15px/1 'Open Sans', sans-serif; outline:0; transition:border-color .2s, box-shadow .2s, background-color .2s;}
#login-popup#login-popup input[type=text]:focus, #login-popup#login-popup input[type=password]:focus, #rec-pass#rec-pass input[type=text]:focus {border-color:rgba(246,183,60,.75); box-shadow:0 0 0 3px rgba(246,183,60,.14); background:rgba(255,255,255,.06);}
/* выбор валюты убираем (RUB выбрана по умолчанию и уходит с формой) */
#login-popup#login-popup .social-login {display:none !important;}
#rec-pass#rec-pass form p:nth-of-type(2), #rec-pass#rec-pass form > div:not(.shiner):not(:last-child) {display:none !important;}
/* золотые кнопки */
#login-popup#login-popup .us-shiner {position:relative; width:100%; height:auto; margin:6px 0 0; padding:0; background:none;}
#login-popup#login-popup input[type=submit], #rec-pass#rec-pass input[type=submit] {display:block; width:100% !important; max-width:none !important; height:52px; margin:6px 0 0 !important; padding:0; border-radius:8px; border:1px solid rgba(255,212,140,.85); cursor:pointer;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 18px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.02em; text-transform:none; text-shadow:none;
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22); transition:transform .15s, filter .15s, box-shadow .15s;}
#login-popup#login-popup input[type=submit]:hover, #rec-pass#rec-pass input[type=submit]:hover {transform:translateY(-1px); filter:brightness(1.05);
	box-shadow:0 0 0 1px rgba(255,170,70,.28), 0 0 30px rgba(240,150,40,.6), 0 10px 20px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);}
/* блик поверх кнопок */
#login-popup#login-popup .shiner, #rec-pass#rec-pass .shiner {display:block !important; position:absolute; left:0; width:100% !important; max-width:none !important; height:52px; margin:-52px 0 0 0 !important; border-radius:8px; overflow:hidden; pointer-events:none;}
#login-popup#login-popup .shiner::after, #rec-pass#rec-pass .shiner::after {content:''; position:absolute; top:0; left:-30%; width:70px; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,250,230,.55) 50%, rgba(255,255,255,0) 100%); transform:skewX(-20deg); animation:regShine 3.6s ease-in-out infinite;}
/* «Забыли пароль?» — тихая ссылка */
#login-popup#login-popup a.forgot-pass {display:block; float:none; width:100%; height:auto; margin:18px auto 0; padding:0; background:none; text-align:center; color:#8d96a0; font:500 14px/1.4 'Open Sans', sans-serif; text-decoration:none; transition:color .2s;}
#login-popup#login-popup a.forgot-pass::after {content:' →'; color:#f6b73c;}
#login-popup#login-popup a.forgot-pass:hover {color:#fff;}
/* преимущества — как в регистрации */
#login-popup#login-popup .privileg {box-sizing:border-box; margin:0; padding:0 30px 24px; background:linear-gradient(180deg, rgba(246,183,60,.06) 0%, rgba(14,20,29,0) 40%), #0b1018; border:0; border-left:1px solid rgba(255,255,255,.06);}
#login-popup#login-popup .privileg h3 {padding:24px 0 18px; margin:0 0 18px; border-bottom:1px solid rgba(255,255,255,.06); color:#8d96a0; font:600 0/1.2 'Open Sans', sans-serif; letter-spacing:.12em; text-transform:uppercase;}
#login-popup#login-popup .privileg h3::before {content:'Преимущества'; font-size:12px;}
#login-popup#login-popup .privileg h3::after {content:none;}
#login-popup#login-popup .privileg [class^="pppr-"] {display:block; position:relative; float:none; width:100%; box-sizing:border-box; min-height:52px; height:auto; margin:0 0 12px; padding:14px 14px 14px 80px;
	background:rgba(255,255,255,.035); background-image:none; border:1px solid rgba(255,255,255,.06); border-radius:12px; color:#c3c8ce; font:400 14px/1.45 'Open Sans', sans-serif;}
#login-popup#login-popup .privileg [class^="pppr-"] span {position:absolute; left:14px; top:50%; transform:translateY(-50%); width:52px; height:52px; margin:0; background-size:contain; background-position:center; background-repeat:no-repeat;}
#login-popup#login-popup .privileg em {color:#f6b73c; font-style:normal; font-weight:700;}
@media screen and (max-width: 768px) {
	#login-popup#login-popup {flex-direction:column;}
	#login-popup#login-popup .privileg {border-left:0; border-top:1px solid rgba(255,255,255,.06);}
}
/* «Восстановить пароль»: подпись поля и короткая подсказка */
#rec-pass#rec-pass form p:nth-of-type(1) {font-size:0;}
#rec-pass#rec-pass form p:nth-of-type(1)::before {content:'Введите Вашу почту:'; font-size:12px;}
#rec-pass#rec-pass form p:nth-of-type(1)::after {content:'Пришлём ссылку для восстановления пароля'; display:block; margin:6px 0 2px; color:#6d7782; font:400 13px/1.4 'Open Sans', sans-serif; letter-spacing:0; text-transform:none;}

/* Попапы: раскладка включается только когда попап открыт в fancybox — в остальное время работает .hide (display:none) */
.fancybox-slide > #reg-popup#reg-popup {display:flex;}
.fancybox-slide > #login-popup#login-popup {display:inline-flex !important;}

/* Попапы: пустое поле при отправке — красная рамка и «встряхивание» вместо текстового сообщения */
#reg-popup#reg-popup input.field-error, #login-popup#login-popup input.field-error, #rec-pass#rec-pass input.field-error {border-color:rgba(255,95,80,.85); box-shadow:0 0 0 3px rgba(255,95,80,.15); animation:fieldShake .45s cubic-bezier(.36,.07,.19,.97) both;}
@keyframes fieldShake {10%, 90% {transform:translateX(-1px);} 20%, 80% {transform:translateX(3px);} 30%, 50%, 70% {transform:translateX(-6px);} 40%, 60% {transform:translateX(6px);}}


/* Попапы на телефоне: на всю ширину экрана (с отступом 12px), без пустоты над полем, кнопки во всю ширину;
   в регистрации — преимущества компактной строкой из трёх плашек, во входе — скрыты */
@media screen and (max-width: 768px) {
	.fancybox-slide > #reg-popup#reg-popup, .fancybox-slide > #login-popup#login-popup, .fancybox-slide > #rec-pass#rec-pass {width:calc(100vw - 24px) !important; max-width:420px !important; height:auto !important; min-height:0 !important; margin:12px 0 !important; flex-direction:column !important;}
	#reg-popup#reg-popup .form-ong, #login-popup#login-popup .form-ing {width:100% !important; height:auto !important; min-height:0 !important;}
	#reg-popup#reg-popup .form-ong h3, #login-popup#login-popup .form-ing h3, #rec-pass#rec-pass > h3 {padding:18px 44px 16px; font-size:18px;}
	#reg-popup#reg-popup .form-bdy, #login-popup#login-popup .login-form, #rec-pass#rec-pass .form-bdy {height:auto !important; min-height:0 !important; padding:22px 0 20px !important; justify-content:flex-start;}
	#reg-popup#reg-popup .form-bdy form, #login-popup#login-popup .login-form form, #rec-pass#rec-pass .form-bdy form {width:auto !important; max-width:none !important; margin:0 18px !important;}
	#reg-popup#reg-popup a.fancy, #login-popup#login-popup a.forgot-pass {margin-top:14px;}
	#reg-popup#reg-popup .privileg {display:grid !important; grid-template-columns:repeat(3, 1fr); gap:8px; width:100% !important; height:auto !important; padding:14px 12px 16px !important; border-left:0 !important; border-top:1px solid rgba(255,255,255,.06) !important; position:static !important;}
	#reg-popup#reg-popup .privileg h3 {display:none;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] {display:block !important; text-align:center; min-height:0; margin:0 !important; padding:10px 6px 10px !important; font-size:11.5px !important; line-height:1.35 !important;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] span {position:static !important; transform:none !important; display:block; width:38px !important; height:38px !important; margin:0 auto 6px !important; background-size:contain !important;}
	#login-popup#login-popup .privileg {display:none !important;}
}

/* Регистрация на телефоне: преимущества красивее — иконка, крупная золотая цифра, короткая подпись (текст подменяем через CSS) */
@media screen and (max-width: 768px) {
	#reg-popup#reg-popup .privileg [class^="pppr-"] {display:flex !important; flex-direction:column; align-items:center; font-size:0 !important; line-height:0 !important; padding:12px 6px 12px !important;
		background:linear-gradient(180deg, rgba(246,183,60,.07) 0%, rgba(255,255,255,.02) 100%) !important; border:1px solid rgba(246,183,60,.18) !important;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] br, #reg-popup#reg-popup .privileg [class^="pppr-"] em {display:none;}
	#reg-popup#reg-popup .privileg [class^="pppr-"] span {order:1; float:none !important; width:32px !important; height:32px !important; margin:0 auto 8px !important;}
	#reg-popup#reg-popup .privileg [class^="pppr-"]::before {order:2; display:block; color:#f6b73c; font:700 19px/1.1 'Futura PT Demi', 'Open Sans', sans-serif; text-shadow:0 0 12px rgba(246,183,60,.35);}
	#reg-popup#reg-popup .privileg [class^="pppr-"]::after {order:3; display:block; margin-top:4px; color:#9aa3ad; font:500 11px/1.3 'Open Sans', sans-serif;}
	#reg-popup#reg-popup .privileg .pppr-1::before {content:'до 30%';}
	#reg-popup#reg-popup .privileg .pppr-1::after {content:'возврат проигрыша';}
	#reg-popup#reg-popup .privileg .pppr-2::before {content:'96%';}
	#reg-popup#reg-popup .privileg .pppr-2::after {content:'отдача слотов';}
	#reg-popup#reg-popup .privileg .pppr-3::before {content:'Подарки';}
	#reg-popup#reg-popup .privileg .pppr-3::after {content:'активным игрокам';}
}

/* Капча в попапах регистрации и восстановления пароля: подпись «Подтвердите, что вы не робот:» и капча по центру (только когда капча появилась) */
[id^="captcha-recaptcha"]:not(:empty) {display:flex !important; flex-direction:column; align-items:center; width:100%; margin:18px 0 0; padding-top:16px; border-top:1px solid rgba(255,255,255,.06);}
[id^="captcha-recaptcha"]:not(:empty)::before {content:'Подтвердите, что вы не робот:'; display:block; width:100%; margin:0 0 10px; color:#8d96a0; font:600 12px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase; text-align:center;}
[id^="captcha-recaptcha"] > div {margin:0 auto;}

/* ============================================================
   «Успешная регистрация» (.regist-good): карточка в стиле попапов, номер счёта и пароль крупно,
   кнопки «копировать» и понятное предупреждение «сохраните данные»
   ============================================================ */
.over.regist-good {position:fixed; inset:0; z-index:10000; background:rgba(5,8,12,.72); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); overflow-y:auto;}
.over.regist-good .regist-good-1 {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(440px, calc(100vw - 24px)); max-height:calc(100vh - 24px); overflow-y:auto; box-sizing:border-box; margin:0;
	padding:84px 26px 24px; text-align:center; background:linear-gradient(180deg, #131b26 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.08); border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.6);}
.over.regist-good .logo-over {position:absolute; left:50%; top:14px; transform:translateX(-50%); width:72px; height:72px; margin:0;}
.over.regist-good .logo-over img {width:72px; height:auto;}
.over.regist-good .title {margin:0 0 14px; padding:0; color:#f6b73c; font:600 22px/1.2 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
/* предупреждение: сохраните данные */
.over.regist-good .text {display:flex; align-items:flex-start; gap:10px; margin:0 0 16px; padding:12px 14px; text-align:left; background:rgba(246,183,60,.08); border:1px solid rgba(246,183,60,.35); border-radius:10px;
	color:#f3d9a4; font:600 13px/1.45 'Open Sans', sans-serif;}
.over.regist-good .text::before {content:'!'; flex:0 0 20px; width:20px; height:20px; border-radius:50%; background:#f6b73c; color:#1a1206; font:800 13px/20px 'Open Sans', sans-serif; text-align:center;}
/* номер счёта и пароль */
.over.regist-good .form {margin:0 0 18px; padding:0; background:none; border:0;}
.over.regist-good .form1, .over.regist-good .form2 {position:relative; display:grid; grid-template-columns:1fr auto; grid-template-areas:"label btn" "value btn"; align-items:center; column-gap:12px; row-gap:2px;
	width:auto; height:auto; margin:0 0 10px; padding:10px 10px 10px 16px; box-sizing:border-box; text-align:left; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12); border-radius:10px; transition:border-color .2s, background-color .2s;}
.over.regist-good .form1 > div, .over.regist-good .form2 > div {grid-area:label; display:block; width:auto; margin:0; padding:0; color:#8d96a0; font:600 11px/1.2 'Open Sans', sans-serif; letter-spacing:.06em; text-transform:uppercase;}
.over.regist-good .form1 > span, .over.regist-good .form2 > span {grid-area:value; display:block; margin:0; padding:0; color:#fff; font:600 20px/1.25 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.06em; word-break:break-all; user-select:all; -webkit-user-select:all;}
.over.regist-good i.copy {grid-area:btn; position:static; display:flex; align-items:center; justify-content:center; gap:6px; width:auto; height:36px; margin:0; padding:0 12px; box-sizing:border-box; cursor:pointer;
	background:rgba(246,183,60,.1); border:1px solid rgba(246,183,60,.45); border-radius:8px; color:#f6b73c; font:600 12px/1 'Open Sans', sans-serif; font-style:normal; transition:background-color .2s, border-color .2s, color .2s;}
.over.regist-good i.copy::before {content:''; width:16px; height:16px; background:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat;}
.over.regist-good i.copy::after {content:'Копировать';}
.over.regist-good i.copy:hover {background:rgba(246,183,60,.18); border-color:rgba(246,183,60,.8);}
/* скопировано */
.over.regist-good .is-copied {border-color:rgba(70,210,120,.6); background:rgba(70,210,120,.06);}
.over.regist-good .is-copied i.copy {background:rgba(70,210,120,.14); border-color:rgba(70,210,120,.6); color:#5ee08a;}
.over.regist-good .is-copied i.copy::before {-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");}
.over.regist-good .is-copied i.copy::after {content:'Скопировано';}
/* кнопка «Сохранить» (скачивает файл с данными) — золотая */
.over.regist-good input[type=submit] {display:block; width:100%; height:50px; margin:4px 0 18px; padding:0; border-radius:8px; border:1px solid rgba(255,212,140,.85); cursor:pointer;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	color:#1a1206; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-shadow:none;
	box-shadow:0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85); transition:transform .15s, filter .15s;}
.over.regist-good input[type=submit]:hover {transform:translateY(-1px); filter:brightness(1.05);}
/* подвал: письмо и спам */
.over.regist-good .text-footer, .over.regist-good .text-footer p {margin:0; color:#9aa3ad; font:400 13px/1.5 'Open Sans', sans-serif;}
.over.regist-good .text-footer a {color:#f6b73c; text-decoration:none;}
.over.regist-good .text-footer .green {color:#5ee08a; font-weight:600;}
.over.regist-good .text-spam {margin:12px 0 0; padding:10px 12px; background:rgba(255,255,255,.035); background-image:none; border-radius:8px; color:#8d96a0; font:400 12.5px/1.45 'Open Sans', sans-serif;}
.over.regist-good .text-spam .white {color:#e6e8eb; font-weight:600;}
/* крестик */
.over.regist-good .close {position:absolute; top:14px; right:14px; width:32px; height:32px; border-radius:8px; background:rgba(255,255,255,.05); background-image:none; cursor:pointer; transition:background-color .2s;}
.over.regist-good .close::before, .over.regist-good .close::after {content:''; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#c3c8ce; border-radius:2px; transform:rotate(45deg);}
.over.regist-good .close::after {transform:rotate(-45deg);}
.over.regist-good .close:hover {background:rgba(255,255,255,.1);}
/* всплывающее «скопировано» */
.rg-toast {position:fixed; left:50%; bottom:28px; z-index:10010; transform:translate(-50%, 20px); opacity:0; pointer-events:none; padding:12px 18px; border-radius:10px; background:#0e141d; border:1px solid rgba(70,210,120,.5);
	color:#e6e8eb; font:600 14px/1.2 'Open Sans', sans-serif; box-shadow:0 12px 30px rgba(0,0,0,.5); transition:opacity .25s, transform .25s;}
.rg-toast.show {opacity:1; transform:translate(-50%, 0);}
@media screen and (max-width: 480px) {
	.over.regist-good .regist-good-1 {padding:78px 16px 18px;}
	.over.regist-good .title {font-size:19px;}
	.over.regist-good .form1 > span, .over.regist-good .form2 > span {font-size:18px;}
}
/* «Успешная регистрация»: снимаем старые фиксированные ширины, текст предупреждения понятнее */
.over.regist-good .regist-good-1 {max-width:none; padding-top:98px;}
.over.regist-good .logo-over {height:auto;}
.over.regist-good .form, .over.regist-good .text-spam, .over.regist-good .text-footer {max-width:none !important; float:none;}
.over.regist-good .form {width:100% !important;}
.over.regist-good .form1, .over.regist-good .form2 {width:100% !important; float:none !important;}
.over.regist-good .text-spam {display:block; width:100% !important; box-sizing:border-box;}
.over.regist-good .text {font-size:0; align-items:center;}
.over.regist-good .text::after {content:'Обязательно сохраните номер счёта и пароль — они нужны для входа на сайт. Скопируйте их или нажмите «Сохранить».'; font:600 13px/1.45 'Open Sans', sans-serif; color:#f3d9a4;}

/* «Успешная регистрация»: кнопки «Скопировать всё» и «Сохранить картинкой», .txt — тихой ссылкой */
.over.regist-good .rg-actions {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0 0 12px;}
.over.regist-good .rg-actions button {display:flex; align-items:center; justify-content:center; gap:8px; height:48px; padding:0 10px; border-radius:8px; cursor:pointer; font:600 15px/1 'Futura PT Demi', 'Open Sans', sans-serif; transition:transform .15s, filter .15s, background-color .2s, border-color .2s, color .2s;}
.over.regist-good .rg-actions button::before {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor;}
.over.regist-good .rg-copy-all {background:rgba(246,183,60,.1); border:1px solid rgba(246,183,60,.55); color:#f6b73c;}
.over.regist-good .rg-copy-all::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h10'/%3E%3C/svg%3E") center / contain no-repeat;}
.over.regist-good .rg-copy-all:hover {background:rgba(246,183,60,.18);}
.over.regist-good .rg-copy-all.is-done {background:rgba(70,210,120,.14); border-color:rgba(70,210,120,.6); color:#5ee08a;}
.over.regist-good .rg-save-img {border:1px solid rgba(255,212,140,.85); color:#1a1206;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 20px rgba(240,150,40,.35), 0 6px 14px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,236,190,.85);}
.over.regist-good .rg-save-img::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='3'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E") center / contain no-repeat;}
.over.regist-good .rg-save-img:hover {transform:translateY(-1px); filter:brightness(1.05);}
/* старая кнопка (скачивает .txt) — тихая ссылка */
.over.regist-good input[type=submit].rg-txt {height:auto; margin:0 auto 18px; padding:4px 6px; width:auto; background:none; border:0; box-shadow:none; color:#8d96a0; font:500 13px/1.3 'Open Sans', sans-serif; text-decoration:underline; text-decoration-style:dashed; text-underline-offset:3px;}
.over.regist-good input[type=submit].rg-txt:hover {color:#fff; transform:none; filter:none;}
@media screen and (max-width: 380px) {
	.over.regist-good .rg-actions {grid-template-columns:1fr;}
}
.over.regist-good .text::after {content:'Обязательно сохраните номер счёта и пароль — они нужны для входа на сайт. Скопируйте их или сохраните фото.';}
/* «Успешная регистрация»: иконка наполовину выходит за верх карточки */
.over.regist-good .regist-good-1 {overflow:visible; padding-top:58px;}
.over.regist-good .logo-over {top:-46px; width:92px;}
.over.regist-good .logo-over img {width:92px; filter:drop-shadow(0 8px 18px rgba(0,0,0,.5));}
/* «Успешная регистрация»: текст предупреждения */
.over.regist-good .text::after {content:'Обязательно сохраните номер счёта и пароль — они нужны для входа на сайт. Скопируйте их или сохраните картинкой или файлом.';}


/* «Успешная регистрация»: финальная кнопка «Всё сохранил — начать игру» под блоком про спам.
   Сначала спокойная (контур), после копирования/сохранения данных — золотая с подсветкой */
.over.regist-good .rg-go {display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:50px; margin:14px 0 0; padding:0 16px; box-sizing:border-box; cursor:pointer;
	background:rgba(255,255,255,.03); border:1px solid rgba(246,183,60,.45); border-radius:8px; color:#e6e8eb; font:600 16px/1 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.01em;
	transition:background .3s, color .3s, border-color .3s, box-shadow .3s, transform .15s, filter .15s; -webkit-tap-highlight-color:transparent;}
.over.regist-good .rg-go::after {content:''; flex:0 0 18px; width:18px; height:18px; background:currentColor; -webkit-mask:url(/images/icons/arrow-long.svg) center / contain no-repeat; mask:url(/images/icons/arrow-long.svg) center / contain no-repeat; transition:transform .2s;}
.over.regist-good .rg-go:hover {border-color:rgba(246,183,60,.8); color:#fff;}
.over.regist-good .rg-go:hover::after {transform:translateX(3px);}
.over.regist-good .rg-go.is-ready {border-color:rgba(255,212,140,.85); color:#1a1206;
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85); animation:rgGoIn .5s ease-out;}
.over.regist-good .rg-go.is-ready:hover {transform:translateY(-1px); filter:brightness(1.05);}
@keyframes rgGoIn {0% {transform:scale(.97);} 60% {transform:scale(1.02);} 100% {transform:scale(1);}}

/* ============================================================
   Системные окна сайта: «Сообщение сайта» (#ui-msg), «Требуется подтверждение» (#ui-confirm), #sended-message —
   тёмная карточка в стиле попапов входа/регистрации, золотая кнопка
   ============================================================ */
.fancybox-slide > #ui-msg#ui-msg, .fancybox-slide > #sended-message#sended-message {display:inline-block !important;}
/* «Да / Отмена» в одну строку; display только внутри открытого окна — иначе .hide перестанет прятать блок внизу страницы */
.fancybox-slide > #ui-confirm#ui-confirm {display:inline-grid !important; grid-template-columns:1fr 1fr; column-gap:10px;}
#ui-msg#ui-msg, #ui-confirm#ui-confirm, #sended-message#sended-message {position:relative; width:420px; max-width:calc(100vw - 32px); min-height:0; height:auto; margin:0; padding:62px 28px 26px; box-sizing:border-box; overflow:visible; text-align:center;
	background:linear-gradient(180deg, #131b26 0%, #0e141d 100%); border:1px solid rgba(255,255,255,.08); border-radius:16px; box-shadow:0 30px 80px rgba(0,0,0,.6);}
/* значок сверху */
#ui-msg#ui-msg::before, #ui-confirm#ui-confirm::before, #sended-message#sended-message::before {content:'i'; position:absolute; left:50%; top:-26px; width:52px; height:52px; margin-left:-26px; box-sizing:border-box; border-radius:50%;
	background:linear-gradient(180deg, #f9c766 0%, #f2a535 55%, #e08a1c 100%); border:4px solid #131b26; box-shadow:0 0 22px rgba(240,150,40,.45);
	color:#1a1206; font:italic 700 24px/44px Georgia, 'Times New Roman', serif; text-align:center;}
#ui-confirm#ui-confirm::before {content:'?'; font:700 24px/44px 'Open Sans', sans-serif;}
#ui-msg#ui-msg h3, #ui-confirm#ui-confirm h3, #sended-message#sended-message h3 {height:auto; margin:0 0 12px; padding:0; background:none; border:0; color:#f6b73c; font:600 18px/1.25 'Futura PT Demi', 'Open Sans', sans-serif; letter-spacing:.04em; text-transform:uppercase; text-shadow:none;}
#ui-msg#ui-msg .msg, #ui-confirm#ui-confirm .msg, #sended-message#sended-message > div {width:auto; height:auto; margin:0 0 22px; padding:0; color:#c3c8ce; font:400 15px/1.55 'Open Sans', sans-serif; text-transform:none; text-shadow:none;}
#ui-msg#ui-msg .msg, #ui-confirm#ui-confirm .msg, #sended-message#sended-message > div {text-wrap:balance;}
#ui-msg#ui-msg .msg:empty, #ui-confirm#ui-confirm .msg:empty {display:none;}
/* кнопки */
#ui-msg#ui-msg a.ui-msg-close, #ui-confirm#ui-confirm a.ui-confirm-ok, #sended-message#sended-message > a {display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin:0; padding:0; box-sizing:border-box; border-radius:8px; border:1px solid rgba(255,212,140,.85);
	background:radial-gradient(120% 130% at 30% -20%, rgba(255,240,205,.4) 0%, rgba(255,240,205,0) 50%), linear-gradient(180deg, #f9c766 0%, #f2a535 50%, #e08a1c 100%);
	box-shadow:0 0 0 1px rgba(255,170,70,.2), 0 0 22px rgba(240,150,40,.4), 0 8px 18px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,236,190,.85), inset 0 -4px 8px rgba(165,85,5,.22);
	color:#1a1206; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif; text-transform:none; text-decoration:none; text-shadow:none; transition:transform .15s, filter .15s;}
#ui-msg#ui-msg a.ui-msg-close:hover, #ui-confirm#ui-confirm a.ui-confirm-ok:hover, #sended-message#sended-message > a:hover {color:#1a1206; transform:translateY(-1px); filter:brightness(1.05);}
#sended-message#sended-message > a {font-size:0;}
#sended-message#sended-message > a::after {content:'Хорошо'; font-size:17px;}
#ui-confirm#ui-confirm h3, #ui-confirm#ui-confirm .msg {grid-column:1 / -1;}
#ui-confirm#ui-confirm a.ui-confirm-ok, #ui-confirm#ui-confirm a.ui-confirm-close {font-size:0;}
#ui-confirm#ui-confirm a.ui-confirm-ok::after {content:'Да'; font-size:17px;}
#ui-confirm#ui-confirm a.ui-confirm-close {display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin:0; padding:0; box-sizing:border-box; border-radius:8px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.14);
	color:#c3c8ce; text-decoration:none; text-transform:none; text-shadow:none; transition:border-color .2s, color .2s, background-color .2s;}
#ui-confirm#ui-confirm a.ui-confirm-close::after {content:'Отмена'; font:600 17px/1 'Futura PT Demi', 'Open Sans', sans-serif;}
#ui-confirm#ui-confirm a.ui-confirm-close:hover {border-color:rgba(255,255,255,.3); color:#fff; background:rgba(255,255,255,.07);}
/* крестик */
#ui-msg#ui-msg .fancybox-close-small, #ui-confirm#ui-confirm .fancybox-close-small, #sended-message#sended-message .fancybox-close-small {top:12px; right:12px; width:32px; height:32px; padding:0; border-radius:8px; background:rgba(255,255,255,.05); transition:background-color .2s;}
#ui-msg#ui-msg .fancybox-close-small::after, #ui-confirm#ui-confirm .fancybox-close-small::after, #sended-message#sended-message .fancybox-close-small::after {content:'×'; position:static; display:block; width:auto; height:auto; background:none; border:0; color:#c3c8ce; font:400 24px/32px 'Open Sans', sans-serif;}
#ui-msg#ui-msg .fancybox-close-small:hover, #ui-confirm#ui-confirm .fancybox-close-small:hover, #sended-message#sended-message .fancybox-close-small:hover {background:rgba(255,255,255,.1);}


/* крестик в попапах регистрации / входа / восстановления — аккуратная кнопка в углу */
#reg-popup#reg-popup .fancybox-close-small, #login-popup#login-popup .fancybox-close-small, #rec-pass#rec-pass .fancybox-close-small {top:12px; right:12px; width:32px; height:32px; padding:0; border-radius:8px; background:rgba(255,255,255,.05); z-index:5; transition:background-color .2s;}
#reg-popup#reg-popup .fancybox-close-small::after, #login-popup#login-popup .fancybox-close-small::after, #rec-pass#rec-pass .fancybox-close-small::after {content:'×'; position:static; display:block; width:auto; height:auto; background:none; border:0; color:#c3c8ce; font:400 24px/32px 'Open Sans', sans-serif;}
#reg-popup#reg-popup .fancybox-close-small:hover, #login-popup#login-popup .fancybox-close-small:hover, #rec-pass#rec-pass .fancybox-close-small:hover {background:rgba(255,255,255,.1);}