@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light.woff2') format('woff2'),
        url('fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Black.woff2') format('woff2'),
        url('fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Medium.woff2') format('woff2'),
        url('fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Black.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}




html { min-width:320px;}

 body {min-width: 320px; overflow: hidden; position: relative; background:#000; margin: 0; padding: 0px 0 0 0; height: auto !important; min-height: 100%; font-family:  'Roboto', 'Helvetica', sans-serif;}
 html > body {padding: 0;}
 img {padding: 0; margin: 0; border: 0;}
 .cleaner {clear: both;}
 a:hover {text-decoration: none;}
input::-moz-placeholder {opacity: 1; color: #C1C1C1;}
input::-webkit-input-placeholder {opacity: 1; color: #C1C1C1;}
input:focus::-moz-placeholder {opacity: 0;}
input:focus::-webkit-input-placeholder {opacity: 0;}
textarea::-moz-placeholder {opacity: 1; color: #C1C1C1;}
textarea::-webkit-input-placeholder {opacity: 1; color: #C1C1C1;}
textarea:focus::-moz-placeholder {opacity: 0;}
textarea:focus::-webkit-input-placeholder {opacity: 0;}

a {color: #243DB6;}
* {box-sizing: border-box; outline: none}
.all {max-width: 1480px; padding: 0 40px; margin: 0 auto; width: 100%; position: relative;}
form {padding: 0; margin: 0; border: 0;}
form fieldset {padding: 0; margin: 0; border: 0;}
button, a {transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.container {width: 100%; position: relative;}
.hidden {display: none;}

/* Preload hover assets to avoid first-hover flicker */
body:after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: url(img/start/left_hover.svg) url(img/start/right_hover.svg) url(img/situation/button_hover.svg);
}


.rank-block {max-width: 394px; font-family: 'Roboto Condensed'; font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 2px; position: absolute; top: 38px; z-index: 10; display: flex; align-items: center; left: 45%; justify-content: center;}
.rank-block .points-bar {position: relative; width: 246px; height: 20px;margin: 0 15px 0 0; border-radius: 20px; border: 4px solid #83ADC6; background: #000;}
.rank-block .points-bar .fill {width: 0; transition: all 1s ease; position: absolute; left: 0; top: 0; bottom: 0; background: #83ADC6; border-radius: 10px;}
.rank-block .points-bar .fill.hidden {display: block; opacity: 0;}
.rank-block .points-bar .fill:after {box-sizing: border-box; content: ''; display: block; position: absolute; top: -4px; width: calc(100% + 8px); left: -4px; bottom: -4px; border-radius: 10px; border: 4px solid #83ADC6;}
.rank-block .points-bar .fill .change-block {z-index: 2; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; color: #fff; top: 50%; transform: translateY(-50%); right: -20px; background: #E04294; border: 4px solid #313131;}
.rank-block .points-bar .fill .change-block.red {background: #6C4C99;}
.rank-block .points-bar .fill.active {background: #83ADC6;}
.rank-block .rank-title {white-space: nowrap; transform: rotate(-1deg) translateY(-2px); color: #BFE7FF;}
.rank-block .coins {margin: 0 0 0 15px; display: flex; }
.rank-block .coins img {position: relative; z-index: 99; display: block; height: 41px;}
.rank-block .coins img + img {margin-left: -28px;}
.rank-block .coins img:last-child {z-index: 1;}
.rank-block .coins img:nth-last-child(2) {z-index: 2;}
.rank-block .coins img:nth-last-child(3) {z-index: 3;}
.rank-block .coins img:nth-last-child(4) {z-index: 4;}
.rank-block .coins img:nth-last-child(5) {z-index: 5;}
.rank-block .coins img:nth-last-child(6) {z-index: 6;}
.rank-block .coins img:nth-last-child(7) {z-index: 7;}
.rank-block .coins img:nth-last-child(8) {z-index: 8;}
.rank-block .coins img:nth-last-child(9) {z-index: 9;}
.rank-block .coins img:nth-last-child(10) {z-index: 10;}

.rank-block.center {min-width: 400px; justify-content: center;}


.start-block {min-height: 100vh; text-align: center; padding: 6dvh 0; height: 100dvh; overflow: hidden; background: none!important; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; display: flex; align-items: stretch; justify-content: center; height: -webkit-fill-available;}
.start-block.hidden {position: absolute; width: 100%; top: -99999px; left: -999999px; display: block;}
.start-block .title {padding: 0 0 40px;}
.start-block .start-wrap {max-width: 100%; display: flex; flex-direction: column;}
.start-block .start-btn {margin: auto  auto 0; width: 288px; height: 76px; text-align: center; font-family: inherit; border: 0; cursor: pointer; position: relative; background: url(img/situation/start-btn.svg) center center/contain no-repeat;}
.start-block .start-btn a {letter-spacing: 2px; text-decoration: none; display: block; position: relative; z-index: 2; line-height: 66px; cursor: pointer; background: none; width: 100%; border: 0; font-family: inherit; font-size: 28px; font-weight: 900; color: #BFE7FF; text-transform: uppercase; transition: all 0.3s ease;}
.start-block .start-btn:before {opacity: 0; transition: opacity 0.3s ease; background: url(img/situation/button_hover.svg) center center/contain no-repeat; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; right: 0; z-index: 1; pointer-events: none;}
.start-block .start-btn:hover:before {opacity: 1;}
.start-block .start-btn:hover a {color: #BFE7FF;}
.start-block .slider {position: relative; width: 100%; margin: auto;}
.start-block .owl-dots {margin: 0 auto 50px; display: flex; justify-content: center; gap: 22px;}
.start-block .owl-dots .owl-dot {position: relative; display: block; width: 34px; height: 39px; min-width: 34px; min-height: 39px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent!important; transition: transform 0.3s ease; overflow: visible;}
.start-block .owl-dots .owl-dot:before {content: ''; position: absolute; inset: 0; background: #83ADC6; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);}
.start-block .owl-dots .owl-dot:after {content: ''; position: absolute; inset: 5px; background: #170A13; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); transition: background-color 0.3s ease;}
.start-block .owl-dots .owl-dot.active:after {background: #7647BF;}
.start-block .owl-dots .owl-dot:hover {transform: scale(1.08);}
.start-block .owl-carousel {width: 100%; margin: 0 auto; max-width: 1023px;}
.start-block .owl-carousel.owl-loaded {display: block;}
.start-block .owl-carousel .owl-stage {display: flex; flex-wrap: wrap;}
.start-block .owl-carousel .owl-item {display: flex; align-items: center; justify-content: center;}
.start-block .owl-carousel .owl-item img {width: auto; display: table; width: 1023px; margin: 0 auto;}
.start-block .owl-carousel .owl-item img.mob-pic {display: none;}
.start-block .owl-carousel .owl-nav button.owl-prev {position: absolute; width: 128px; height: 128px; top: 50%; margin-top: -64px; right: calc(100% + 50px); background: url(img/start/left.svg) center center/contain no-repeat;}
.start-block .owl-carousel .owl-nav button.owl-next {position: absolute; width: 128px; height: 128px; top: 50%; margin-top: -64px; left: calc(100% + 50px); background: url(img/start/right.svg) center center/contain no-repeat;}
.start-block .owl-carousel .owl-nav button.owl-prev:hover {background: url(img/start/left_hover.svg) center center/contain no-repeat;}
.start-block .owl-carousel .owl-nav button.owl-next:hover {background: url(img/start/right_hover.svg) center center/contain no-repeat;}
.start-block .owl-carousel .owl-nav button.disabled {display: none!important;}
.start-block .owl-carousel .owl-nav button.owl-prev span,
.start-block .owl-carousel .owl-nav button.owl-next span {display: none;}
.start-block .start-bottom {margin: auto 0 0;}


#reject-block.hidden {display: block; position: absolute; top: -999999px; left: -999999px; width: 100%;}
#situation-block {cursor: pointer;}
.situation-block.hidden {display: block; width: 100%; position: absolute; left: -999999px; top: -99999px;}
.situation-block {height: 100dvh; overflow: hidden; background: none!important; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; height: -webkit-fill-available;}
.situation-screen {transition: all 0.5s ease; padding: 50px 28px; font-size: 26px; color: #313131; font-weight: bold; text-align: center; width: 400px; height: 686px; background: url(img/situation/card-bg.svg) top center/contain no-repeat; position: absolute; z-index: 99; top: 50%; left: 52.78%; transform: translateY(-50%); }
.situation-screen.opacity {opacity: 0; transition: none;}
.situation-screen.deleted {transition: all 0.8s ease-out; transform: translate(-200%,-300%) rotate(-360deg)!important;}
.situation-screen.deleted .btns {opacity: 0;}
.situation-screen.scrollable {padding-top: 7px; padding-left: 14px; padding-right: 14px;}
.situation-screen.scrollable .wrap {max-width: 90%; margin: 0 auto; padding: 40px 0 30px;}
.situation-screen.scrollable.jspScrollable .wrap {padding-bottom: 30px;}
.situation-screen .situation-txt img {margin-top: 20px; max-width: 90%;}
.situation-screen .situation-txt img:last-child {margin-bottom: -10px;}
.situation-screen .situation-txt img + #hook-block + .start-btn {margin-top: 20px;}
.situation-screen .situation-txt p + img {margin-top: 0;}
.situation-screen .situation-txt img:first-child {margin-top: 0;}
.situation-screen .situation-txt p {margin: 0; padding: 0 0 20px;}
.situation-screen .situation-txt p.start-title {padding: 0; font-size: 80px; font-weight: 900; text-transform: lowercase; margin: -10px 0 10px; text-shadow: 0 -5px 0 #BFE260, 0 5px 0 #84D7FA;}
.situation-screen .situation-txt p.start-title.small {margin-bottom: 20px; font-size: 60px;}
.situation-screen .situation-txt p.super {font-size: 60px; font-weight: 600; line-height: 120%; color: #000; padding: 0 0 10px; margin: 0;}
.situation-screen .situation-txt p .rank-current {color: #FEA816;}
.situation-screen .situation-txt.start {font-size: 26px; font-weight: normal;}


.situation-screen.slovo-patsana .situation-txt img {max-width: 85%;}
.situation-screen.minecraft .situation-txt img {max-width: 85%;}
.situation-screen.vocation .situation-txt img {max-width: 80%;}
.situation-screen.school-chat .situation-txt img {max-width: 85%;}
.situation-screen.wifi .situation-txt img {max-width: 85%;}
.situation-screen.mayor .situation-txt img {max-width: 85%;}
.situation-screen.social .situation-txt img {max-width: 85%;}
.situation-screen.password .situation-txt img {max-width: 85%;}




.situation-screen .situation-txt img.new-rank {margin: -110px auto 40px; display: table; max-width: 90%;}

.situation-screen .btns {position: absolute; display: flex; justify-content: center; top: calc(100% - 100px); left: 50%; width: 1920px; transform: translateX(-49%); justify-content: center; align-items: center;}
.situation-screen .btns .hands {transition: all 0.3s ease; width: 316px; height: 300px; background: url(img/situation/hands.webp) center center/contain no-repeat;}
.situation-screen .btns button {text-align: left; max-width: 20vw; position: relative; display: table; font-family: 'Roboto Condensed'; cursor: pointer; background: none; border: 0; font-weight: 900; color: #313131; font-size: 22px; text-transform: uppercase;}
.situation-screen .btns .ignore {max-width: 20%; cursor: pointer; z-index: 5; position: absolute; right: calc(50% + 100px);}
.situation-screen .btns .ignore:before {top: 50%; transform: translateY(-50%); margin: 0px 0 0 0; width: 40px; height: 20px; content: ''; display: block; position: absolute; right: calc(100% + 10px); background: url(img/situation/btns-arr.svg) center center no-repeat;}
.situation-screen .btns .ignore .ovlay {position: fixed; right: 0; top: -5000px; width: 5000px; bottom: 0;}

.situation-screen .btns .ignore .pic:after {width: 135px; height: 125px; content: ''; display: block; position: absolute; top: -130px; right: 15px; background: url(img/situation/btn-attent.png) center center/contain no-repeat;}
.situation-screen .btns .accept .pic:after {transform: scale(-1,1); width: 135px; height: 125px; content: ''; display: block; position: absolute; top: -130px; left: 15px; background: url(img/situation/btn-attent.png) center center/contain no-repeat;}

.situation-screen .btns .accept {max-width: 20%; cursor: pointer; position: absolute; left: calc(50% + 100px);}
.situation-screen .btns .accept:before {top: 50%; transform: translateY(-50%); margin: 0px 0 0 0; width: 40px; height: 20px; content: ''; display: block; position: absolute; left: calc(100% + 10px); background: url(img/situation/btns-arr-r.svg) center center no-repeat;}
.situation-screen .btns .accept .ovlay {position: fixed; left: 0; top: -5000px; width: 5000px; bottom: 0;}


.situation-screen .btns .pic {position: absolute; top: 50%; left: 0; transform: translateY(-50%); visibility: hidden; opacity: 0; transition: all 0.3s ease;}
.situation-screen .btns .pic img {width: 1000px; max-height: 12dvh; max-width: 15vw;}
.situation-screen .btns .ignore .pic {left: auto; right: 0;}
.situation-screen .btns .ignore .pic:before {content: ''; display: block; position: absolute; right: 50%; top: calc(100% - 20px); width: 180px; height: 78px; background: none;}
.situation-screen .btns .accept .pic:before {content: ''; display: block; position: absolute; top: -48px; left: 50%; width: 90px; height: 43px; background: none;}
.situation-screen .reaction-image {margin: 0 auto 20px; max-width: 100%; display: table;}


@media all and (min-width: 1050px) {

		.situation-screen .btns .ignore.select:before {opacity: 0;}
		.situation-screen .btns .ignore.select img {opacity: 1; visibility: visible;}
		.situation-screen .btns .ignore.select button {opacity: 0;}
		.situation-screen .btns .accept.select:before {opacity: 0;}

		.situation-screen .btns .accept.select button {opacity: 0;}
		.situation-screen .btns .select .pic {opacity: 1; visibility: visible;}

		.situation-screen .btns .hands.left {transform: rotate(-30deg) translate(-50px,-20px)}
		.situation-screen .btns .hands.right {transform: rotate(30deg) translate(50px,-20px)}

}


.situation-screen.final-screen {display: flex; align-items: center;}
.situation-screen .situation-txt.final {width: 100%;}
.situation-screen .situation-txt.final .start-btn {margin-top: 10px;}
.situation-screen .start-btn {max-width: 100%; width: 288px; height: 76px; margin: 30px auto 0; text-align: center; font-family: inherit; border: 0; cursor: pointer; position: relative; background: url(img/situation/start-btn.svg) center center/contain no-repeat;}
.situation-screen .start-btn:before {opacity: 0; transition: opacity 0.3s ease; background: url(img/situation/button_hover.svg) center center/contain no-repeat; content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; right: 0; z-index: 1; pointer-events: none;}
.situation-screen .start-btn:hover:before {opacity: 1;}
.situation-screen .start-btn button {letter-spacing: 1px; position: relative; z-index: 2; line-height: 50px; cursor: pointer; background: none; width: 100%; border: 0; font-family: inherit; font-size: 28px; font-weight: 900; color: #BFE7FF; text-transform: uppercase; transition: all 0.3s ease;}
.situation-screen .start-btn.black.small button {font-size: 16px; color: #fff;}
.situation-screen .start-btn.black a {color: #fff;}
.situation-screen .start-btn.black:before {opacity: 1;}
.situation-screen .start-btn:hover button {color: #BFE7FF;}
.situation-screen .start-btn a {letter-spacing: 2px; text-decoration: none; display: block; position: relative; z-index: 2; line-height: 66px; cursor: pointer; background: none; width: 100%; border: 0; font-family: inherit; font-size: 28px; font-weight: 900; color: #150E0E; text-transform: uppercase; transition: all 0.3s ease;}
.situation-screen .start-btn:hover a {color: #BFE7FF;}

.situation-screen #hook-block + .start-btn {margin-top: 10px;}

/* Уменьшаем отступ от вступительного текста до кнопки ГО */
#story-block .situation-screen .start-btn {
	margin-top: 15px;
}

.situation-screen .dop-btn {overflow: visible; cursor: pointer; background: url(img/situation/start-btn.svg) center center/contain no-repeat; display: flex; align-items: center; justify-content: center; padding: 0; position: relative; width: 288px; height: 76px; margin: 30px auto 0;}
.situation-screen .dop-btn:before {opacity: 0; transition: opacity 0.3s ease; background: url(img/situation/button_hover.svg) center center/contain no-repeat; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; right: 0; z-index: 1; pointer-events: none; bottom: 0;}
.situation-screen .dop-btn:hover:before {opacity: 1;}
.situation-screen .dop-btn:hover button {color: #BFE7FF;}
.situation-screen .dop-btn button {line-height: 110%; transition: all 0.3s ease; color: #BFE7FF; font-size: 15px; font-weight: 900; position: relative; z-index: 2; font-family: inherit; border: 0; padding: 0 28px 8px; cursor: pointer; background: none; display: flex; align-items: center; height: 100%; width: 100%; text-align: center; justify-content: center;}

.situation-screen .scroll-pane {height: 630px; overflow: auto; width: 100%;}
#reaction-block .situation-txt {width: 100%; display: flex; flex-direction: column;}
#reaction-block .scroll-pane .wrap {min-height: 620px; display: flex; flex-direction: column;}

.situation-txt.share {width: 100%;}
.situation-screen .share-icons {padding-bottom: 50px; display: flex; flex-wrap: wrap;}
.situation-screen .share-icons a {display: flex; position: relative; width: 50%;}
.situation-screen .share-icons a:after {content: ''; display: block; padding-top: 100%;}
.situation-screen .share-icons a img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 80%; max-height: 80%;}

.thinking-bubble {bottom: calc(50% + 20px); left: calc(76%); position: absolute; width: 15%; background: url(img/situation/thinking-bubble.svg) center center/contain no-repeat;}
.thinking-bubble.hidden {display: none;}

/* Preload hover assets to avoid first-hover flicker */
body:after {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -1;
	content: url(img/start/left_hover.svg) url(img/start/right_hover.svg) url(img/situation/button_hover.svg);
}

.thinking-bubble:before {content: ''; display: block; padding-top: 80%;}
.thinking-bubble .pic img {top: 45%; left: 50%;transform: translate(-50%,-50%); max-width: 60%; max-height: 50%; display: block; position: absolute;}
.thinking-bubble .pic img.attent {top: -15%; height: 80%; max-height: 80%; max-width: 100%; left: 55%; transform: translateX(-50%);}

.thinking-bubble.custom {padding-bottom: 0; background-image: url(img/situation/bubble-custom.svg);}
.thinking-bubble.custom img {top: 50%; max-width: 60%; max-height: 60%;}

.left-btn {cursor: pointer; position: fixed; z-index: 50; top: 0; width: 47%; bottom: 0; left: 0; }
.right-btn {cursor: pointer; position: fixed; z-index: 50; top: 0; width: 47%; bottom: 0; right: 0;}


.reject-video {
	    width: 100%;
	    height: 100vh;
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
}
.video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Фоновый слой .bg-video отключен — он используется другим элементом и здесь не нужен */
.bg-video {
	display: none!important;
}

/* Видео внутри игровых экранов лежит ниже интерфейса, но выше пустого фона */
.start-block,
.situation-block {
	background: none!important;
	background-color: transparent!important;
	z-index: 2;
}

.screen-video-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.screen-video-bg__media {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.start-block .start-wrap,
.situation-block .rank-block,
.situation-block .thinking-bubble {
	position: relative;
	z-index: 2;
}

/* Не задаем position для .sit-wrap: от этого карточка уезжает.
   Карточка остается на своем абсолютном позиционировании. */
.situation-screen {
	z-index: 99;
}

.situation-screen.flex {display: flex; align-items: stretch;}
.situation-txt.more-btns {width: 100%; display: flex; height: 100%; flex-direction: column;}
.situation-txt.more-btns .dop-btns {margin: auto 0; width: 100%;}
.situation-screen .more-btns .dop-btn:first-child {margin-top: 0;}

/*custom scrollbar for map*/.jspContainer{overflow:hidden;position:relative}.jspPane{left: 0!important; position:relative; margin-left: 0!important; width: 100%!important;}
.jspVerticalBar{position:absolute;top:40px;right:0px;width:6px;height:100%;background: #E8E9E9; border-radius: 3px; overflow: hidden;}
.jspHorizontalBar:before {content: ''; display: block; position: absolute; left: 0; top: -33px; width: 18px; height: 18px; background: url(img/drag-ic.svg) center center/contain no-repeat;}
.jspHorizontalBar{display: none!important; position:absolute;bottom: 3px;left:0; width: calc(100% - 15px);height:3px;background:#fff; border-radius: 3px;}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{position:relative}
.jspDrag{background: #999A9A; border-radius: 3px; position:relative;top:0;left:0;cursor:pointer; height: 3px; margin-top: 0;}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:3px}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0} .jspHorizontalBar .jspTrack {height: 1px;}
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,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");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{}.ui-widget-header .ui-icon{}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.jspScrollable .jspContainer:after {content: ''; display: block; position: absolute; left: 20px; bottom: 0; height: 4px; width: calc(100% - 40px); background: #313131; border-radius: 4px;}
.ui-page-active { outline: none; }


/**Owl Carousel*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


#reaction-block .situation-screen {font-size: 20px; padding-left: 30px; padding-right: 30px; display: flex; align-items: stretch;}
#reaction-block .situation-screen .bottom {margin-top: auto;}
#reaction-block .situation-screen .situation-txt img {margin: auto;}

@media all and (max-height:930px) {
.start-block .title img {height: 10dvh;}
.start-block .owl-carousel .owl-item img {width: auto; max-width: 1023px; max-height: 36dvh;}
.start-block .owl-carousel .owl-nav button.owl-prev {margin-top: -5dvh; width: 10dvh; height: 10dvh;}
.start-block .owl-carousel .owl-nav button.owl-next {margin-top: -5dvh; width: 10dvh; height: 10dvh;}
.start-block .owl-dots .owl-dot {width: 4dvh; height: 4.6dvh; min-width: 4dvh; min-height: 4.6dvh;}
}

@media all and (max-height:850px) {
.situation-screen .situation-txt p.start-title.small {font-size: 6dvh;}
.situation-screen #hook-block + .start-btn {margin-top: 0;}
#reaction-block .situation-screen {font-size: 2.2dvh;}
.situation-screen {padding: 7dvh 3.5dvh; font-size: 2.8dvh; width: 44dvh; height: 75dvh;}
.situation-screen .situation-txt.start {font-size: 2.7dvh;}
.situation-screen .situation-txt p.start-title {font-size: 10dvh; text-shadow: 0 -0.5dvh 0 #BFE260, 0 0.5dvh 0 #84D7FA}
.rank-block {top: 3dvh; font-size: 2.2dvh;}
.rank-block .coins img {height: 5dvh;}
.rank-block .coins img + img {margin-left: -4dvh;}
.situation-screen .start-btn button {line-height: 6.9dvh; font-size: 3dvh;}
.situation-screen .start-btn a {line-height: 8.5dvh; font-size: 3dvh;}
.situation-screen .start-btn {width: 32dvh; height: 10dvh; margin-top: 1.5dvh; }
.rank-block .points-bar {width: 28dvh;}
.thinking-bubble {transform: scale(0.8);}
.situation-screen .btns {transform: translateX(-50%); top: calc(100% - 13dvh);}
.situation-screen .btns .hands {width: 34dvh; height: 34dvh;}
.situation-screen .btns .ignore {right: calc(50% + 15dvh);}
.situation-screen .btns .accept {left: calc(50% + 15dvh);}
.situation-screen .btns button {font-size: 3dvh;}
.situation-screen .btns .ignore:before {margin: 0; top: 50%; transform: translateY(-50%);}
.situation-screen .dop-btn {margin-top: 1.5dvh; width: 32dvh; height: 10dvh;}
.situation-screen .dop-btn:after {display: none;}
.situation-screen .dop-btn button, .situation-screen .dop-btn a {line-height: 110%; padding: 0 2.5dvh 1dvh; font-size: 1.8dvh; position: relative;}
.situation-screen .dop-btn button {padding-bottom: 1dvh;}
.situation-screen .scroll-pane {height: calc(72dvh - 40px); max-height: 100%;}
#reaction-block .situation-screen .scroll-pane .wrap {min-height: calc(68dvh - 20px);}
.situation-screen.scrollable .situation-txt {min-height: 100%;}
}



@media all and (max-width: 1400px) {
.start-block .owl-carousel {max-width: 100%;}
.start-block .owl-carousel .owl-nav button.owl-next {right: 4vw; left: auto;}
.start-block .owl-carousel .owl-nav button.owl-prev {left: 4vw; right: auto;}
.start-block .owl-carousel .owl-item img  {width: 1023px; max-width: calc(100% - 20vw);}
}

@media all and (max-width: 1050px) {

.start-block {min-height: 100dvh; }
.situation-screen .btns .ignore .ovlay, .situation-screen .btns .accept .ovlay {display: none;}
.situation-screen .situation-txt p.start-title.small {font-size: 55px;}
.rank-block {max-width: 100%;}
.situation-screen .btns .ignore.select:before {opacity: 1;}
.situation-screen .btns .accept.select:before {opacity: 1;}
.left-btn {display: none;}
.right-btn {display: none;}
.situation-screen.deleted {transform: translate(-200%,-200%) rotate(180deg)!important; }
.left-btn {width: 50%;}
.right-btn {width: 50%;}
.situation-screen .btns .accept .pic {left: calc(-50% - 15dvh); width:100%; transform: none;}
.situation-screen .btns .pic img {max-width: 45vw; max-height: 10dvh; width: 1000px;}
.rank-block .points-bar .fill .change-block {width: 30px; line-height: 28px; height: 30px; border-width: 2px;}
.situation-screen .btns .ignore .pic:before, .situation-screen .btns .accept .pic:before {display: none;}
.situation-screen .btns .ignore .pic:after, .situation-screen .btns .accept .pic:after {display: none;}
.situation-screen.center {transform: translate(-50%,-50%)!important;}
.situation-screen.rotate-left {transform:rotate(-6deg) translate(-50%,-50%);}
.situation-screen.rotate-left .btns .ignore .pic {opacity: 1; visibility: visible;}
.situation-screen.rotate-left .accept {display: none;}
.situation-screen.rotate-right {transform:rotate(6deg) translate(-50%,-45%);}
.situation-screen.rotate-right .btns .accept .pic {opacity: 1; visibility: visible;}
.situation-screen.rotate-right .ignore {display: none;}
.situation-screen .btns .ignore .pic:before {display: none;}
.situation-screen .btns .accept:before {transform: none; bottom: 40px; top: auto; left: auto; right: 40px; background-image: url(img/situation/green-arr.svg);}
.situation-screen .btns .ignore:before {transform: none; bottom: 40px; top: auto; right: auto; left: 40px; background-image: url(img/situation/red-arr.svg);}
.situation-screen .btns button {position: absolute; left: -99999px!important;}
.rank-block {z-index: 999; top: 0; padding: 15px; background: #7647c0; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);  transform: translateY(-70px); transition: all 0.3s ease; left: 0; width: 100%;justify-content: center;}
.rank-block.visible {transform: none;}
.rank-block .points-bar {height: 16px; border-width: 2px;}
.rank-block .points-bar .fill {height: 13px; border-width: 2px;}
.rank-block .points-bar .fill:after {top: -2px; left: -2px; width: calc(100% + 4px); bottom: -2px; border-width: 2px;}
#reaction-block .situation-screen {font-size: 20px;}

/*.situation-screen {padding: 7dvh 3.5dvh; max-width: 96vw; max-height: 165vw; left: 50%; transform: translate(-50%,-50%); width: 53dvh; height: 92dvh;}*/

@keyframes hands {
  0% {
    transform: rotate(-12deg);
  }

  2% {
    transform: rotate(-12deg);
  }


  49% {
    transform: rotate(10deg);
  }

  51% {
    transform: rotate(10deg);
  }


  100% {
    transform: rotate(-12deg);
  }
}


.situation-screen .situation-txt.start {font-size: 24px;}
.situation-screen .situation-txt p.start-title {font-size: 80px;}
.situation-screen .btns {width: 100%; height: 100%; transform: translateX(-50%); top: 0; align-items: flex-end;}
.situation-screen .btns .hands {bottom: -16dvh; top: auto; position: absolute;}
.situation-screen .btns .hands:not(.moved) {animation: hands 3s linear infinite; width: 34dvh; height: 32dvh;}
.situation-screen .btns .ignore {height: 100%; left: 0; width: 100%; max-width: 100%; top: 0; transform: none;}
.situation-screen .btns .ignore .pic {transition: all 0.3s ease; left: 110vw; width: 100%; height: 32dvh; display: block; align-items: center; transform: none; position: absolute; top: 0;}
.situation-screen .btns .ignore .pic.visible {left: 50%;}
.situation-screen .btns .pic img {position: absolute; top: 60px; left: 0;}
.situation-screen .btns .accept {max-width: 100%; height: 100%; left: 0; width: 100%; top: 0; transform: none;}
.situation-screen .btns .accept .pic {transition: all 0.3s ease; right: 110vw; left: auto; width: 100%; height: 32dvh; display: block; align-items: center; transform: none; position: absolute; top: 0;}
.situation-screen .btns .accept .pic.visible {right: 50%;}
.situation-screen .btns .accept .pic img {left: auto; right: 0;}
.situation-screen .start-btn {width: 260px; height: 80px;}
.situation-screen .start-btn button, .situation-screen .start-btn button a {line-height: 54px; font-size: 26px;}
.situation-screen .dop-btn {margin-top: 14px; width: 260px; height: 80px; max-width: 100%;}
.situation-screen .dop-btn:after {display: none;}
.situation-screen .dop-btn button, .situation-screen .dop-btn a {line-height: 110%; padding: 0 24px 8px; font-size: 15px; position: relative;}
.situation-screen .dop-btn button {padding-bottom: 8px;}
.situation-screen .scroll-pane {height: 620px; max-height: 100%;}
#reaction-block .situation-screen .scroll-pane {height: 650px; max-height: 100%;}
#reaction-block .situation-screen .scroll-pane .wrap {min-height: 600px;}
.situation-screen.scrollable .situation-txt {min-height: 100%;}
.situation-screen .btns .pic {visibility: visible; opacity: 1;}




	.situation-screen {padding: 50px 20px; font-size: 25px; height: 690px; min-height: 650px;  width: 400px; min-width: 400px; transform: translate(-50%,-50%); left: 50%; top: 50%;}

}

@media all and (max-width: 900px) {
.start-block .owl-carousel .owl-item img.mob-pic {display: table;}
.start-block .owl-carousel .owl-item img.desktop-pic {display: none;}
.start-block .owl-carousel .owl-nav {display: none;}
.start-block .owl-carousel .owl-item img {max-width: 100%; max-height: 60dvh; width: auto; margin: 0 auto;}
.start-block .owl-carousel .owl-item .item {width: 100%;}
.start-block .owl-dots {min-height: 20px; align-items: center; gap: 10px; margin: 0 0 20px;}
.start-block .owl-dots .owl-dot {display: block; max-width: 24px!important; width: 24px!important; height: 28px!important; min-width: 24px!important; min-height: 28px!important;}
}

@media all and (max-width: 800px) {
.situation-screen .btns .ignore .pic {left: 500vw;}
.situation-screen .btns .accept .pic {right: 500vw;}
.start-block .owl-carousel .owl-item img {max-height: 45dvh;}
.start-block .title {padding: 0 0 20px;}

}


@media all and (max-width: 360px) {
.rank-block {letter-spacing: 0;}
}


.start-block .start-btn:hover,
.situation-screen .start-btn:hover,
.situation-screen .dop-btn:hover {
	background-image: url(img/situation/button_hover.svg);
}


/* === Card visual fx: SVG frame, perimeter glow, inner backdrop blur === */
.situation-screen {
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	isolation: isolate;
	overflow: visible;
	color: #BFE7FF;
	font-size: 24px;
}

/* Внутренний фон/blur строго по форме карточки, без прямоугольной плашки */
.situation-screen::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: rgba(13, 27, 43, 0.62);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	-webkit-mask: url(img/situation/card-bg.svg) top center / contain no-repeat;
	mask: url(img/situation/card-bg.svg) top center / contain no-repeat;
}

/* Рамка и свечение идут отдельным слоем по SVG-силуэту */
.situation-screen::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: url(img/situation/card-bg.svg) top center / contain no-repeat;
	filter:
		drop-shadow(0 0 60px #1F4F6C)
		drop-shadow(0 0 42px rgba(31, 79, 108, 0.95))
		drop-shadow(0 0 24px rgba(31, 79, 108, 0.85));
	-webkit-filter:
		drop-shadow(0 0 60px #1F4F6C)
		drop-shadow(0 0 42px rgba(31, 79, 108, 0.95))
		drop-shadow(0 0 24px rgba(31, 79, 108, 0.85));
}

.situation-screen .situation-txt,
.situation-screen .btns,
.situation-screen .scroll-pane,
.situation-screen .jspContainer,
.situation-screen .jspPane {
	position: relative;
	z-index: 3;
}

.situation-screen .situation-txt,
.situation-screen .situation-txt p,
.situation-screen .situation-txt span {
	color: #BFE7FF;
}

.situation-screen.scrollable .wrap {
	max-width: 78%;
	padding-top: 68px;
	padding-bottom: 58px;
}

.situation-screen.scrollable.jspScrollable .wrap {
	padding-bottom: 58px;
}

.situation-screen .scroll-pane {
	scrollbar-color: #BFE7FF rgba(191, 231, 255, 0.18);
}

.situation-screen .scroll-pane::-webkit-scrollbar {
	width: 6px;
}

.situation-screen .scroll-pane::-webkit-scrollbar-track {
	background: rgba(191, 231, 255, 0.18);
	border-radius: 3px;
}

.situation-screen .scroll-pane::-webkit-scrollbar-thumb {
	background: #BFE7FF;
	border-radius: 3px;
}

.situation-screen .jspVerticalBar {
	background: rgba(191, 231, 255, 0.18);
	z-index: 4;
}

.situation-screen .jspDrag,
.situation-screen .jspScrollable .jspContainer:after {
	background: #BFE7FF;
}

/* Ранг по центру карточки на десктопе. Зоны взаимодействия не трогаем. */
@media all and (min-width: 1051px) {
	.situation-block > .rank-block:not(.center) {
		left: calc(52.78% + 200px);
		transform: translateX(-50%);
	}
}

/* === Fix: safe scroll top gap and restore reaction elements === */
.situation-screen > * {
	position: relative;
	z-index: 3;
}

.situation-screen.scrollable .scroll-pane {
	height: 570px;
	margin-top: 46px;
}

.situation-screen.scrollable .wrap {
	padding-top: 24px;
}

.situation-screen.scrollable.jspScrollable .wrap {
	padding-top: 24px;
}

.situation-screen .reaction-image,
#reaction-block .situation-screen .situation-txt img,
#reaction-block .situation-screen .bottom {
	position: relative;
	z-index: 4;
	visibility: visible;
	opacity: 1;
}

@media all and (max-height: 850px) {
	.situation-screen.scrollable .scroll-pane {
		height: calc(72dvh - 86px);
		margin-top: 46px;
	}
}

@media all and (max-width: 1050px) {
	.situation-screen.scrollable .scroll-pane {
		height: 560px;
		margin-top: 46px;
	}

	#reaction-block .situation-screen .scroll-pane {
		height: 590px;
		margin-top: 36px;
	}
}

/* === Restore .btns reaction controls over card fx layers === */
@media all and (min-width: 1051px) {
	.situation-screen .btns {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		top: calc(100% - 100px);
		left: 50%;
		width: 1920px;
		transform: translateX(-49%);
		z-index: 6;
	}

	.situation-screen .btns .ignore {
		position: absolute;
		right: calc(50% + 100px);
		z-index: 7;
	}

	.situation-screen .btns .accept {
		position: absolute;
		left: calc(50% + 100px);
		z-index: 7;
	}

	.situation-screen .btns .hands {
		position: relative;
		z-index: 6;
	}

	.situation-screen .btns .pic {
		position: absolute;
		z-index: 8;
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	.situation-screen .btns {
		top: calc(100% - 13dvh);
		transform: translateX(-50%);
	}

	.situation-screen .btns .ignore {
		right: calc(50% + 15dvh);
	}

	.situation-screen .btns .accept {
		left: calc(50% + 15dvh);
	}
}

/* Hide jScrollPane bottom horizontal decoration inside cards */
.situation-screen .jspContainer::after {
	content: none !important;
	display: none !important;
}

/* Цвет заголовка ранга/финала внутри карточки */
.situation-screen .situation-txt p.super {
	color: #BFE7FF;
}


/* === Desktop hero thought bubble + final rank centering === */
@media all and (min-width: 1051px) {
	.situation-block::before {
		content: '';
		position: absolute;
		left: 29vw;
		top: 10.5vh;
		width: 264px;
		height: 130px;
		pointer-events: none;
		z-index: 2;
		background: url(data:image/png;base64,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) center center/contain no-repeat;
		animation: heroBubbleSwap 2.6s steps(1, end) infinite;
	}

	#final-block > .rank-block.center {
		left: calc(52.78% + 200px);
		transform: translateX(-50%);
	}
}

@keyframes heroBubbleSwap {
	0%, 44%, 100% {
		background-image: url(data:image/png;base64,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);
	}
	45%, 94% {
		background-image: url(data:image/png;base64,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);
	}
}

/* === Fine tune desktop hero thought bubble position === */
@media all and (min-width: 1051px) {
	.situation-block::before {
		left: calc(29vw + 30px);
		top: calc(10.5vh + 48px);
	}
}


/* === Desktop thought bubble position + new embedded SVG states === */
@media all and (min-width: 1051px) {
	.situation-block::before {
		left: calc(29vw + 52px);
		top: calc(10.5vh + 48px);
		width: 300px;
		height: 128px;
		background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22262%22%20height%3D%22127%22%20viewBox%3D%220%200%20262%20127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M206.085%207.83697L59.2873%208.18495C31.832%208.25009%209.29215%2030.5522%207.59664%2058.1347C7.39186%2061.4662%207.30482%2063.769%207.26914%2065.2284C7.25132%2065.9575%207.24643%2066.4757%207.24568%2066.8063C7.2453%2066.9716%207.24606%2067.0902%207.2468%2067.1644C7.24717%2067.2015%207.24747%2067.2281%207.24772%2067.2434C7.24783%2067.25%207.24813%2067.2545%207.24818%2067.2571L7.24921%2067.3332L7.24633%2067.4093C6.38736%2090.155%2024.1437%20108.55%2046.9055%20108.496L88.7169%20108.397L88.7764%20108.4L88.7832%20108.4C88.7879%20108.4%2088.7951%20108.4%2088.8047%20108.401C88.8245%20108.402%2088.8548%20108.404%2088.8943%20108.405C88.9734%20108.409%2089.0911%20108.413%2089.2424%20108.419C89.545%20108.432%2089.9831%20108.449%2090.5227%20108.468C91.6027%20108.506%2093.0855%20108.551%2094.6987%20108.579C97.7881%20108.633%20101.162%20108.623%20103.165%20108.423L103.546%20108.38L103.801%20108.357C104.429%20108.321%20105.278%20108.427%20106.009%20109.051C106.834%20109.756%20107.008%20110.699%20107.034%20111.264C107.079%20112.283%20106.7%20113.386%20106.435%20114.098C106.132%20114.917%20105.72%20115.855%20105.385%20116.65C105.294%20116.866%20105.208%20117.074%20105.126%20117.274C105.194%20117.239%20105.264%20117.204%20105.335%20117.166C106.709%20116.438%20108.563%20115.297%20111.027%20113.61L111.165%20113.515L111.313%20113.44L112.103%20113.047C120.278%20109.09%20129.292%20108.301%20137.771%20108.281L202.296%20108.128C230.01%20108.062%20253.325%2085.5582%20254.371%2057.8639C255.417%2030.1693%20233.799%207.77128%20206.085%207.83697Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%3C%2Fsvg%3E%0A") center center/contain no-repeat;
		animation: heroBubbleSwap 2.6s steps(1, end) infinite;
	}
}

@keyframes heroBubbleSwap {
	0%, 44%, 100% {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22262%22%20height%3D%22127%22%20viewBox%3D%220%200%20262%20127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M206.085%207.83697L59.2873%208.18495C31.832%208.25009%209.29215%2030.5522%207.59664%2058.1347C7.39186%2061.4662%207.30482%2063.769%207.26914%2065.2284C7.25132%2065.9575%207.24643%2066.4757%207.24568%2066.8063C7.2453%2066.9716%207.24606%2067.0902%207.2468%2067.1644C7.24717%2067.2015%207.24747%2067.2281%207.24772%2067.2434C7.24783%2067.25%207.24813%2067.2545%207.24818%2067.2571L7.24921%2067.3332L7.24633%2067.4093C6.38736%2090.155%2024.1437%20108.55%2046.9055%20108.496L88.7169%20108.397L88.7764%20108.4L88.7832%20108.4C88.7879%20108.4%2088.7951%20108.4%2088.8047%20108.401C88.8245%20108.402%2088.8548%20108.404%2088.8943%20108.405C88.9734%20108.409%2089.0911%20108.413%2089.2424%20108.419C89.545%20108.432%2089.9831%20108.449%2090.5227%20108.468C91.6027%20108.506%2093.0855%20108.551%2094.6987%20108.579C97.7881%20108.633%20101.162%20108.623%20103.165%20108.423L103.546%20108.38L103.801%20108.357C104.429%20108.321%20105.278%20108.427%20106.009%20109.051C106.834%20109.756%20107.008%20110.699%20107.034%20111.264C107.079%20112.283%20106.7%20113.386%20106.435%20114.098C106.132%20114.917%20105.72%20115.855%20105.385%20116.65C105.294%20116.866%20105.208%20117.074%20105.126%20117.274C105.194%20117.239%20105.264%20117.204%20105.335%20117.166C106.709%20116.438%20108.563%20115.297%20111.027%20113.61L111.165%20113.515L111.313%20113.44L112.103%20113.047C120.278%20109.09%20129.292%20108.301%20137.771%20108.281L202.296%20108.128C230.01%20108.062%20253.325%2085.5582%20254.371%2057.8639C255.417%2030.1693%20233.799%207.77128%20206.085%207.83697Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%3C%2Fsvg%3E%0A");
	}
	45%, 94% {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22331%22%20height%3D%22128%22%20viewBox%3D%220%200%20331%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M240.367%208.63579L93.5692%208.98378C66.1139%209.04892%2043.5741%2031.351%2041.8786%2058.9335C41.6738%2062.265%2041.5867%2064.5678%2041.5511%2066.0272C41.5332%2066.7563%2041.5283%2067.2745%2041.5276%2067.6051C41.5272%2067.7704%2041.528%2067.8891%2041.5287%2067.9632C41.5291%2068.0003%2041.5294%2068.0269%2041.5296%2068.0423C41.5297%2068.0488%2041.53%2068.0533%2041.5301%2068.0559L41.5311%2068.132L41.5282%2068.2081C40.6693%2090.9538%2058.4256%20109.349%2081.1874%20109.295L122.999%20109.196L123.058%20109.199L123.065%20109.199C123.07%20109.199%20123.077%20109.199%20123.087%20109.2C123.106%20109.2%20123.137%20109.202%20123.176%20109.204C123.255%20109.208%20123.373%20109.212%20123.524%20109.218C123.827%20109.23%20124.265%20109.248%20124.805%20109.267C125.885%20109.304%20127.367%20109.349%20128.981%20109.378C132.07%20109.432%20135.444%20109.421%20137.447%20109.222L137.828%20109.179L138.083%20109.156C138.711%20109.12%20139.56%20109.225%20140.291%20109.85C141.116%20110.555%20141.29%20111.498%20141.316%20112.063C141.361%20113.082%20140.982%20114.185%20140.717%20114.897C140.414%20115.715%20140.002%20116.654%20139.667%20117.448C139.576%20117.665%20139.49%20117.873%20139.408%20118.073C139.476%20118.038%20139.546%20118.003%20139.617%20117.965C140.991%20117.237%20142.845%20116.096%20145.309%20114.409L145.447%20114.314L145.595%20114.239L146.384%20113.846C154.56%20109.889%20163.574%20109.1%20172.053%20109.08L236.578%20108.927C264.292%20108.861%20287.607%2086.3571%20288.653%2058.6627C289.699%2030.9682%20268.081%208.57011%20240.367%208.63579Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M81.1954%2065.5848L81.1954%2062.7688C83.5634%2060.6568%2086.9234%2058.9928%2090.1234%2058.2568L90.1234%2058.1288C86.9234%2057.5528%2082.9234%2055.6008%2081.1954%2053.6168L81.1954%2051.0248C83.9794%2053.9368%2088.6834%2056.1128%2095.2754%2057.4888L95.2754%2058.9608C90.1554%2059.8888%2084.4274%2062.2888%2081.1954%2065.5848ZM81.1954%2072.7848L81.1954%2069.8408C84.3634%2066.5448%2090.1554%2063.5368%2095.2754%2062.5448L95.2754%2064.8168C90.6354%2065.5528%2083.5954%2069.5208%2081.1954%2072.7848ZM111.97%2051.7227L109.001%2059.4102L105.642%2059.4102L110.313%2048.0508L112.688%2048.0508L111.97%2051.7227ZM114.626%2059.4102L111.673%2051.7227L110.938%2048.0508L113.313%2048.0508L117.985%2059.4102L114.626%2059.4102ZM135.775%2071.3128C134.026%2071.3128%20132.266%2071.2594%20130.495%2071.1528C128.746%2071.0461%20127.124%2070.8968%20125.631%2070.7048C124.138%2070.5128%20122.89%2070.2994%20121.887%2070.0648C121.546%2068.9554%20121.268%2067.9741%20121.055%2067.1208C120.863%2066.2461%20120.724%2065.3714%20120.639%2064.4968C120.575%2063.6008%20120.543%2062.5768%20120.543%2061.4248C120.543%2060.2941%20120.586%2059.2701%20120.671%2058.3528C120.756%2057.4354%20120.895%2056.5394%20121.087%2055.6648C121.279%2054.7688%20121.546%2053.8088%20121.887%2052.7848C122.89%2052.5074%20124.138%2052.2834%20125.631%2052.1128C127.146%2051.9208%20128.778%2051.7821%20130.527%2051.6968C132.298%2051.5901%20134.047%2051.5368%20135.775%2051.5368C137.546%2051.5368%20139.295%2051.5901%20141.023%2051.6968C142.772%2051.7821%20144.394%2051.9208%20145.887%2052.1128C147.38%2052.2834%20148.639%2052.5074%20149.663%2052.7848C150.004%2053.8301%20150.271%2054.8008%20150.463%2055.6968C150.655%2056.5714%20150.794%2057.4568%20150.879%2058.3528C150.964%2059.2488%20151.007%2060.2728%20151.007%2061.4248C151.007%2062.5981%20150.964%2063.6328%20150.879%2064.5288C150.794%2065.4034%20150.655%2066.2781%20150.463%2067.1528C150.292%2068.0061%20150.026%2068.9768%20149.663%2070.0648C148.639%2070.2994%20147.38%2070.5128%20145.887%2070.7048C144.415%2070.8968%20142.804%2071.0461%20141.055%2071.1528C139.327%2071.2594%20137.567%2071.3128%20135.775%2071.3128ZM135.231%2068.4008L133.695%2067.0248L140.927%2059.2808L142.559%2060.6888L135.231%2068.4008ZM135.775%2068.2408C136.671%2068.2408%20137.642%2068.2301%20138.687%2068.2088C139.754%2068.1661%20140.81%2068.1128%20141.855%2068.0488C142.922%2067.9634%20143.914%2067.8781%20144.831%2067.7928C145.748%2067.6861%20146.538%2067.5581%20147.199%2067.4088C147.455%2066.6408%20147.647%2065.7554%20147.775%2064.7528C147.903%2063.7501%20147.967%2062.6408%20147.967%2061.4248C147.967%2058.9714%20147.711%2056.9661%20147.199%2055.4088C146.538%2055.2594%20145.748%2055.1421%20144.831%2055.0568C143.914%2054.9501%20142.922%2054.8648%20141.855%2054.8008C140.81%2054.7154%20139.754%2054.6621%20138.687%2054.6408C137.642%2054.5981%20136.671%2054.5768%20135.775%2054.5768C134.879%2054.5768%20133.898%2054.5981%20132.831%2054.6408C131.764%2054.6621%20130.698%2054.7154%20129.631%2054.8008C128.586%2054.8648%20127.604%2054.9501%20126.687%2055.0568C125.77%2055.1421%20124.991%2055.2594%20124.351%2055.4088C124.116%2056.1768%20123.924%2057.0621%20123.775%2058.0648C123.647%2059.0461%20123.583%2060.1661%20123.583%2061.4248C123.583%2063.8568%20123.839%2065.8514%20124.351%2067.4088C124.97%2067.5581%20125.738%2067.6861%20126.655%2067.7928C127.572%2067.8781%20128.554%2067.9634%20129.599%2068.0488C130.666%2068.1128%20131.732%2068.1661%20132.799%2068.2088C133.866%2068.2301%20134.858%2068.2408%20135.775%2068.2408ZM130.847%2068.0808L129.247%2066.7368L140.639%2054.6088L142.271%2056.0168L130.847%2068.0808ZM130.495%2063.4728L128.991%2062.1288L136.191%2054.3528L137.823%2055.7928L130.495%2063.4728ZM164.046%2063.3768L164.046%2060.1768L161.742%2060.1768L161.742%2058.2568L168.462%2058.2568L168.462%2060.1768L166.158%2060.1768L166.158%2063.3768L164.046%2063.3768ZM194.4%2071.3128C192.651%2071.3128%20190.891%2071.2594%20189.12%2071.1528C187.371%2071.0461%20185.749%2070.8968%20184.256%2070.7048C182.763%2070.5128%20181.515%2070.2994%20180.512%2070.0648C180.171%2068.9554%20179.893%2067.9741%20179.68%2067.1208C179.488%2066.2461%20179.349%2065.3714%20179.264%2064.4968C179.2%2063.6008%20179.168%2062.5768%20179.168%2061.4248C179.168%2060.2941%20179.211%2059.2701%20179.296%2058.3528C179.381%2057.4354%20179.52%2056.5394%20179.712%2055.6648C179.904%2054.7688%20180.171%2053.8088%20180.512%2052.7848C181.515%2052.5074%20182.763%2052.2834%20184.256%2052.1128C185.771%2051.9208%20187.403%2051.7821%20189.152%2051.6968C190.923%2051.5901%20192.672%2051.5368%20194.4%2051.5368C196.171%2051.5368%20197.92%2051.5901%20199.648%2051.6968C201.397%2051.7821%20203.019%2051.9208%20204.512%2052.1128C206.005%2052.2834%20207.264%2052.5074%20208.288%2052.7848C208.629%2053.8301%20208.896%2054.8008%20209.088%2055.6968C209.28%2056.5714%20209.419%2057.4568%20209.504%2058.3528C209.589%2059.2488%20209.632%2060.2728%20209.632%2061.4248C209.632%2062.5981%20209.589%2063.6328%20209.504%2064.5288C209.419%2065.4034%20209.28%2066.2781%20209.088%2067.1528C208.917%2068.0061%20208.651%2068.9768%20208.288%2070.0648C207.264%2070.2994%20206.005%2070.5128%20204.512%2070.7048C203.04%2070.8968%20201.429%2071.0461%20199.68%2071.1528C197.952%2071.2594%20196.192%2071.3128%20194.4%2071.3128ZM193.856%2068.4008L192.32%2067.0248L199.552%2059.2808L201.184%2060.6888L193.856%2068.4008ZM194.4%2068.2408C195.296%2068.2408%20196.267%2068.2301%20197.312%2068.2088C198.379%2068.1661%20199.435%2068.1128%20200.48%2068.0488C201.547%2067.9634%20202.539%2067.8781%20203.456%2067.7928C204.373%2067.6861%20205.163%2067.5581%20205.824%2067.4088C206.08%2066.6408%20206.272%2065.7554%20206.4%2064.7528C206.528%2063.7501%20206.592%2062.6408%20206.592%2061.4248C206.592%2058.9714%20206.336%2056.9661%20205.824%2055.4088C205.163%2055.2594%20204.373%2055.1421%20203.456%2055.0568C202.539%2054.9501%20201.547%2054.8648%20200.48%2054.8008C199.435%2054.7154%20198.379%2054.6621%20197.312%2054.6408C196.267%2054.5981%20195.296%2054.5768%20194.4%2054.5768C193.504%2054.5768%20192.523%2054.5981%20191.456%2054.6408C190.389%2054.6621%20189.323%2054.7154%20188.256%2054.8008C187.211%2054.8648%20186.229%2054.9501%20185.312%2055.0568C184.395%2055.1421%20183.616%2055.2594%20182.976%2055.4088C182.741%2056.1768%20182.549%2057.0621%20182.4%2058.0648C182.272%2059.0461%20182.208%2060.1661%20182.208%2061.4248C182.208%2063.8568%20182.464%2065.8514%20182.976%2067.4088C183.595%2067.5581%20184.363%2067.6861%20185.28%2067.7928C186.197%2067.8781%20187.179%2067.9634%20188.224%2068.0488C189.291%2068.1128%20190.357%2068.1661%20191.424%2068.2088C192.491%2068.2301%20193.483%2068.2408%20194.4%2068.2408ZM189.472%2068.0808L187.872%2066.7368L199.264%2054.6088L200.896%2056.0168L189.472%2068.0808ZM189.12%2063.4728L187.616%2062.1288L194.816%2054.3528L196.448%2055.7928L189.12%2063.4728ZM218.532%2051.7227L215.563%2059.4102L212.204%2059.4102L216.876%2048.0508L219.251%2048.0508L218.532%2051.7227ZM221.188%2059.4102L218.235%2051.7227L217.501%2048.0508L219.876%2048.0508L224.548%2059.4102L221.188%2059.4102ZM248.994%2065.5208C245.954%2062.3528%20240.098%2059.8248%20234.914%2058.8968L234.914%2057.4248C241.794%2055.9848%20246.178%2053.8408%20248.994%2050.9608L248.994%2053.5528C247.298%2055.5048%20243.266%2057.4888%20240.066%2058.0648L240.066%2058.1928C243.266%2058.9288%20246.658%2060.6248%20248.994%2062.7048L248.994%2065.5208ZM248.994%2072.7208C246.626%2069.4888%20239.522%2065.4888%20234.914%2064.7528L234.914%2062.4808C240.066%2063.4728%20245.826%2066.5128%20248.994%2069.7768L248.994%2072.7208Z%22%20fill%3D%22%237359A8%22%2F%3E%0A%3C%2Fsvg%3E%0A");
	}
}


/* === Fix v16: card at 52.78%, stable hero bubble size === */
.situation-screen {
	left: 52.78%;
}

@media all and (min-width: 1051px) {
	.situation-block > .rank-block:not(.center),
	#final-block > .rank-block.center {
		left: calc(52.78% + 200px);
		transform: translateX(-50%);
	}

	.situation-block::before {
		left: calc(29vw + 52px);
		top: calc(10.5vh + 48px);
		width: 331px;
		height: 128px;
		background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22331%22%20height%3D%22128%22%20viewBox%3D%220%200%20331%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%2834.282%200.799%29%22%3E%0A%3Cpath%20d%3D%22M206.085%207.83697L59.2873%208.18495C31.832%208.25009%209.29215%2030.5522%207.59664%2058.1347C7.39186%2061.4662%207.30482%2063.769%207.26914%2065.2284C7.25132%2065.9575%207.24643%2066.4757%207.24568%2066.8063C7.2453%2066.9716%207.24606%2067.0902%207.2468%2067.1644C7.24717%2067.2015%207.24747%2067.2281%207.24772%2067.2434C7.24783%2067.25%207.24813%2067.2545%207.24818%2067.2571L7.24921%2067.3332L7.24633%2067.4093C6.38736%2090.155%2024.1437%20108.55%2046.9055%20108.496L88.7169%20108.397L88.7764%20108.4L88.7832%20108.4C88.7879%20108.4%2088.7951%20108.4%2088.8047%20108.401C88.8245%20108.402%2088.8548%20108.404%2088.8943%20108.405C88.9734%20108.409%2089.0911%20108.413%2089.2424%20108.419C89.545%20108.432%2089.9831%20108.449%2090.5227%20108.468C91.6027%20108.506%2093.0855%20108.551%2094.6987%20108.579C97.7881%20108.633%20101.162%20108.623%20103.165%20108.423L103.546%20108.38L103.801%20108.357C104.429%20108.321%20105.278%20108.427%20106.009%20109.051C106.834%20109.756%20107.008%20110.699%20107.034%20111.264C107.079%20112.283%20106.7%20113.386%20106.435%20114.098C106.132%20114.917%20105.72%20115.855%20105.385%20116.65C105.294%20116.866%20105.208%20117.074%20105.126%20117.274C105.194%20117.239%20105.264%20117.204%20105.335%20117.166C106.709%20116.438%20108.563%20115.297%20111.027%20113.61L111.165%20113.515L111.313%20113.44L112.103%20113.047C120.278%20109.09%20129.292%20108.301%20137.771%20108.281L202.296%20108.128C230.01%20108.062%20253.325%2085.5582%20254.371%2057.8639C255.417%2030.1693%20233.799%207.77128%20206.085%207.83697Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") center center/331px 128px no-repeat !important;
		animation: heroBubbleSwapStable 2.6s steps(1, end) infinite !important;
	}
}

@keyframes heroBubbleSwapStable {
	0%, 44%, 100% {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22331%22%20height%3D%22128%22%20viewBox%3D%220%200%20331%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%2834.282%200.799%29%22%3E%0A%3Cpath%20d%3D%22M206.085%207.83697L59.2873%208.18495C31.832%208.25009%209.29215%2030.5522%207.59664%2058.1347C7.39186%2061.4662%207.30482%2063.769%207.26914%2065.2284C7.25132%2065.9575%207.24643%2066.4757%207.24568%2066.8063C7.2453%2066.9716%207.24606%2067.0902%207.2468%2067.1644C7.24717%2067.2015%207.24747%2067.2281%207.24772%2067.2434C7.24783%2067.25%207.24813%2067.2545%207.24818%2067.2571L7.24921%2067.3332L7.24633%2067.4093C6.38736%2090.155%2024.1437%20108.55%2046.9055%20108.496L88.7169%20108.397L88.7764%20108.4L88.7832%20108.4C88.7879%20108.4%2088.7951%20108.4%2088.8047%20108.401C88.8245%20108.402%2088.8548%20108.404%2088.8943%20108.405C88.9734%20108.409%2089.0911%20108.413%2089.2424%20108.419C89.545%20108.432%2089.9831%20108.449%2090.5227%20108.468C91.6027%20108.506%2093.0855%20108.551%2094.6987%20108.579C97.7881%20108.633%20101.162%20108.623%20103.165%20108.423L103.546%20108.38L103.801%20108.357C104.429%20108.321%20105.278%20108.427%20106.009%20109.051C106.834%20109.756%20107.008%20110.699%20107.034%20111.264C107.079%20112.283%20106.7%20113.386%20106.435%20114.098C106.132%20114.917%20105.72%20115.855%20105.385%20116.65C105.294%20116.866%20105.208%20117.074%20105.126%20117.274C105.194%20117.239%20105.264%20117.204%20105.335%20117.166C106.709%20116.438%20108.563%20115.297%20111.027%20113.61L111.165%20113.515L111.313%20113.44L112.103%20113.047C120.278%20109.09%20129.292%20108.301%20137.771%20108.281L202.296%20108.128C230.01%20108.062%20253.325%2085.5582%20254.371%2057.8639C255.417%2030.1693%20233.799%207.77128%20206.085%207.83697Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
	}
	45%, 94% {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22331%22%20height%3D%22128%22%20viewBox%3D%220%200%20331%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M240.367%208.63579L93.5692%208.98378C66.1139%209.04892%2043.5741%2031.351%2041.8786%2058.9335C41.6738%2062.265%2041.5867%2064.5678%2041.5511%2066.0272C41.5332%2066.7563%2041.5283%2067.2745%2041.5276%2067.6051C41.5272%2067.7704%2041.528%2067.8891%2041.5287%2067.9632C41.5291%2068.0003%2041.5294%2068.0269%2041.5296%2068.0423C41.5297%2068.0488%2041.53%2068.0533%2041.5301%2068.0559L41.5311%2068.132L41.5282%2068.2081C40.6693%2090.9538%2058.4256%20109.349%2081.1874%20109.295L122.999%20109.196L123.058%20109.199L123.065%20109.199C123.07%20109.199%20123.077%20109.199%20123.087%20109.2C123.106%20109.2%20123.137%20109.202%20123.176%20109.204C123.255%20109.208%20123.373%20109.212%20123.524%20109.218C123.827%20109.23%20124.265%20109.248%20124.805%20109.267C125.885%20109.304%20127.367%20109.349%20128.981%20109.378C132.07%20109.432%20135.444%20109.421%20137.447%20109.222L137.828%20109.179L138.083%20109.156C138.711%20109.12%20139.56%20109.225%20140.291%20109.85C141.116%20110.555%20141.29%20111.498%20141.316%20112.063C141.361%20113.082%20140.982%20114.185%20140.717%20114.897C140.414%20115.715%20140.002%20116.654%20139.667%20117.448C139.576%20117.665%20139.49%20117.873%20139.408%20118.073C139.476%20118.038%20139.546%20118.003%20139.617%20117.965C140.991%20117.237%20142.845%20116.096%20145.309%20114.409L145.447%20114.314L145.595%20114.239L146.384%20113.846C154.56%20109.889%20163.574%20109.1%20172.053%20109.08L236.578%20108.927C264.292%20108.861%20287.607%2086.3571%20288.653%2058.6627C289.699%2030.9682%20268.081%208.57011%20240.367%208.63579Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M81.1954%2065.5848L81.1954%2062.7688C83.5634%2060.6568%2086.9234%2058.9928%2090.1234%2058.2568L90.1234%2058.1288C86.9234%2057.5528%2082.9234%2055.6008%2081.1954%2053.6168L81.1954%2051.0248C83.9794%2053.9368%2088.6834%2056.1128%2095.2754%2057.4888L95.2754%2058.9608C90.1554%2059.8888%2084.4274%2062.2888%2081.1954%2065.5848ZM81.1954%2072.7848L81.1954%2069.8408C84.3634%2066.5448%2090.1554%2063.5368%2095.2754%2062.5448L95.2754%2064.8168C90.6354%2065.5528%2083.5954%2069.5208%2081.1954%2072.7848ZM111.97%2051.7227L109.001%2059.4102L105.642%2059.4102L110.313%2048.0508L112.688%2048.0508L111.97%2051.7227ZM114.626%2059.4102L111.673%2051.7227L110.938%2048.0508L113.313%2048.0508L117.985%2059.4102L114.626%2059.4102ZM135.775%2071.3128C134.026%2071.3128%20132.266%2071.2594%20130.495%2071.1528C128.746%2071.0461%20127.124%2070.8968%20125.631%2070.7048C124.138%2070.5128%20122.89%2070.2994%20121.887%2070.0648C121.546%2068.9554%20121.268%2067.9741%20121.055%2067.1208C120.863%2066.2461%20120.724%2065.3714%20120.639%2064.4968C120.575%2063.6008%20120.543%2062.5768%20120.543%2061.4248C120.543%2060.2941%20120.586%2059.2701%20120.671%2058.3528C120.756%2057.4354%20120.895%2056.5394%20121.087%2055.6648C121.279%2054.7688%20121.546%2053.8088%20121.887%2052.7848C122.89%2052.5074%20124.138%2052.2834%20125.631%2052.1128C127.146%2051.9208%20128.778%2051.7821%20130.527%2051.6968C132.298%2051.5901%20134.047%2051.5368%20135.775%2051.5368C137.546%2051.5368%20139.295%2051.5901%20141.023%2051.6968C142.772%2051.7821%20144.394%2051.9208%20145.887%2052.1128C147.38%2052.2834%20148.639%2052.5074%20149.663%2052.7848C150.004%2053.8301%20150.271%2054.8008%20150.463%2055.6968C150.655%2056.5714%20150.794%2057.4568%20150.879%2058.3528C150.964%2059.2488%20151.007%2060.2728%20151.007%2061.4248C151.007%2062.5981%20150.964%2063.6328%20150.879%2064.5288C150.794%2065.4034%20150.655%2066.2781%20150.463%2067.1528C150.292%2068.0061%20150.026%2068.9768%20149.663%2070.0648C148.639%2070.2994%20147.38%2070.5128%20145.887%2070.7048C144.415%2070.8968%20142.804%2071.0461%20141.055%2071.1528C139.327%2071.2594%20137.567%2071.3128%20135.775%2071.3128ZM135.231%2068.4008L133.695%2067.0248L140.927%2059.2808L142.559%2060.6888L135.231%2068.4008ZM135.775%2068.2408C136.671%2068.2408%20137.642%2068.2301%20138.687%2068.2088C139.754%2068.1661%20140.81%2068.1128%20141.855%2068.0488C142.922%2067.9634%20143.914%2067.8781%20144.831%2067.7928C145.748%2067.6861%20146.538%2067.5581%20147.199%2067.4088C147.455%2066.6408%20147.647%2065.7554%20147.775%2064.7528C147.903%2063.7501%20147.967%2062.6408%20147.967%2061.4248C147.967%2058.9714%20147.711%2056.9661%20147.199%2055.4088C146.538%2055.2594%20145.748%2055.1421%20144.831%2055.0568C143.914%2054.9501%20142.922%2054.8648%20141.855%2054.8008C140.81%2054.7154%20139.754%2054.6621%20138.687%2054.6408C137.642%2054.5981%20136.671%2054.5768%20135.775%2054.5768C134.879%2054.5768%20133.898%2054.5981%20132.831%2054.6408C131.764%2054.6621%20130.698%2054.7154%20129.631%2054.8008C128.586%2054.8648%20127.604%2054.9501%20126.687%2055.0568C125.77%2055.1421%20124.991%2055.2594%20124.351%2055.4088C124.116%2056.1768%20123.924%2057.0621%20123.775%2058.0648C123.647%2059.0461%20123.583%2060.1661%20123.583%2061.4248C123.583%2063.8568%20123.839%2065.8514%20124.351%2067.4088C124.97%2067.5581%20125.738%2067.6861%20126.655%2067.7928C127.572%2067.8781%20128.554%2067.9634%20129.599%2068.0488C130.666%2068.1128%20131.732%2068.1661%20132.799%2068.2088C133.866%2068.2301%20134.858%2068.2408%20135.775%2068.2408ZM130.847%2068.0808L129.247%2066.7368L140.639%2054.6088L142.271%2056.0168L130.847%2068.0808ZM130.495%2063.4728L128.991%2062.1288L136.191%2054.3528L137.823%2055.7928L130.495%2063.4728ZM164.046%2063.3768L164.046%2060.1768L161.742%2060.1768L161.742%2058.2568L168.462%2058.2568L168.462%2060.1768L166.158%2060.1768L166.158%2063.3768L164.046%2063.3768ZM194.4%2071.3128C192.651%2071.3128%20190.891%2071.2594%20189.12%2071.1528C187.371%2071.0461%20185.749%2070.8968%20184.256%2070.7048C182.763%2070.5128%20181.515%2070.2994%20180.512%2070.0648C180.171%2068.9554%20179.893%2067.9741%20179.68%2067.1208C179.488%2066.2461%20179.349%2065.3714%20179.264%2064.4968C179.2%2063.6008%20179.168%2062.5768%20179.168%2061.4248C179.168%2060.2941%20179.211%2059.2701%20179.296%2058.3528C179.381%2057.4354%20179.52%2056.5394%20179.712%2055.6648C179.904%2054.7688%20180.171%2053.8088%20180.512%2052.7848C181.515%2052.5074%20182.763%2052.2834%20184.256%2052.1128C185.771%2051.9208%20187.403%2051.7821%20189.152%2051.6968C190.923%2051.5901%20192.672%2051.5368%20194.4%2051.5368C196.171%2051.5368%20197.92%2051.5901%20199.648%2051.6968C201.397%2051.7821%20203.019%2051.9208%20204.512%2052.1128C206.005%2052.2834%20207.264%2052.5074%20208.288%2052.7848C208.629%2053.8301%20208.896%2054.8008%20209.088%2055.6968C209.28%2056.5714%20209.419%2057.4568%20209.504%2058.3528C209.589%2059.2488%20209.632%2060.2728%20209.632%2061.4248C209.632%2062.5981%20209.589%2063.6328%20209.504%2064.5288C209.419%2065.4034%20209.28%2066.2781%20209.088%2067.1528C208.917%2068.0061%20208.651%2068.9768%20208.288%2070.0648C207.264%2070.2994%20206.005%2070.5128%20204.512%2070.7048C203.04%2070.8968%20201.429%2071.0461%20199.68%2071.1528C197.952%2071.2594%20196.192%2071.3128%20194.4%2071.3128ZM193.856%2068.4008L192.32%2067.0248L199.552%2059.2808L201.184%2060.6888L193.856%2068.4008ZM194.4%2068.2408C195.296%2068.2408%20196.267%2068.2301%20197.312%2068.2088C198.379%2068.1661%20199.435%2068.1128%20200.48%2068.0488C201.547%2067.9634%20202.539%2067.8781%20203.456%2067.7928C204.373%2067.6861%20205.163%2067.5581%20205.824%2067.4088C206.08%2066.6408%20206.272%2065.7554%20206.4%2064.7528C206.528%2063.7501%20206.592%2062.6408%20206.592%2061.4248C206.592%2058.9714%20206.336%2056.9661%20205.824%2055.4088C205.163%2055.2594%20204.373%2055.1421%20203.456%2055.0568C202.539%2054.9501%20201.547%2054.8648%20200.48%2054.8008C199.435%2054.7154%20198.379%2054.6621%20197.312%2054.6408C196.267%2054.5981%20195.296%2054.5768%20194.4%2054.5768C193.504%2054.5768%20192.523%2054.5981%20191.456%2054.6408C190.389%2054.6621%20189.323%2054.7154%20188.256%2054.8008C187.211%2054.8648%20186.229%2054.9501%20185.312%2055.0568C184.395%2055.1421%20183.616%2055.2594%20182.976%2055.4088C182.741%2056.1768%20182.549%2057.0621%20182.4%2058.0648C182.272%2059.0461%20182.208%2060.1661%20182.208%2061.4248C182.208%2063.8568%20182.464%2065.8514%20182.976%2067.4088C183.595%2067.5581%20184.363%2067.6861%20185.28%2067.7928C186.197%2067.8781%20187.179%2067.9634%20188.224%2068.0488C189.291%2068.1128%20190.357%2068.1661%20191.424%2068.2088C192.491%2068.2301%20193.483%2068.2408%20194.4%2068.2408ZM189.472%2068.0808L187.872%2066.7368L199.264%2054.6088L200.896%2056.0168L189.472%2068.0808ZM189.12%2063.4728L187.616%2062.1288L194.816%2054.3528L196.448%2055.7928L189.12%2063.4728ZM218.532%2051.7227L215.563%2059.4102L212.204%2059.4102L216.876%2048.0508L219.251%2048.0508L218.532%2051.7227ZM221.188%2059.4102L218.235%2051.7227L217.501%2048.0508L219.876%2048.0508L224.548%2059.4102L221.188%2059.4102ZM248.994%2065.5208C245.954%2062.3528%20240.098%2059.8248%20234.914%2058.8968L234.914%2057.4248C241.794%2055.9848%20246.178%2053.8408%20248.994%2050.9608L248.994%2053.5528C247.298%2055.5048%20243.266%2057.4888%20240.066%2058.0648L240.066%2058.1928C243.266%2058.9288%20246.658%2060.6248%20248.994%2062.7048L248.994%2065.5208ZM248.994%2072.7208C246.626%2069.4888%20239.522%2065.4888%20234.914%2064.7528L234.914%2062.4808C240.066%2063.4728%20245.826%2066.5128%20248.994%2069.7768L248.994%2072.7208Z%22%20fill%3D%22%237359A8%22%2F%3E%0A%3C%2Fsvg%3E%0A");
	}
}


/* === Fix v17: robust two-layer thought bubble animation === */
@media all and (min-width: 1051px) {
	.situation-block::before,
	.situation-block::after {
		content: '';
		position: absolute;
		left: calc(29vw + 52px);
		top: calc(10.5vh + 48px);
		width: 331px;
		height: 128px;
		pointer-events: none;
		z-index: 2;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.situation-block::before {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22331%22%20height%3D%22128%22%20viewBox%3D%220%200%20331%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20transform%3D%22translate%2834.2819%200.79883%29%22%3E%0A%0A%3Cpath%20d%3D%22M206.085%207.83697L59.2873%208.18495C31.832%208.25009%209.29215%2030.5522%207.59664%2058.1347C7.39186%2061.4662%207.30482%2063.769%207.26914%2065.2284C7.25132%2065.9575%207.24643%2066.4757%207.24568%2066.8063C7.2453%2066.9716%207.24606%2067.0902%207.2468%2067.1644C7.24717%2067.2015%207.24747%2067.2281%207.24772%2067.2434C7.24783%2067.25%207.24813%2067.2545%207.24818%2067.2571L7.24921%2067.3332L7.24633%2067.4093C6.38736%2090.155%2024.1437%20108.55%2046.9055%20108.496L88.7169%20108.397L88.7764%20108.4L88.7832%20108.4C88.7879%20108.4%2088.7951%20108.4%2088.8047%20108.401C88.8245%20108.402%2088.8548%20108.404%2088.8943%20108.405C88.9734%20108.409%2089.0911%20108.413%2089.2424%20108.419C89.545%20108.432%2089.9831%20108.449%2090.5227%20108.468C91.6027%20108.506%2093.0855%20108.551%2094.6987%20108.579C97.7881%20108.633%20101.162%20108.623%20103.165%20108.423L103.546%20108.38L103.801%20108.357C104.429%20108.321%20105.278%20108.427%20106.009%20109.051C106.834%20109.756%20107.008%20110.699%20107.034%20111.264C107.079%20112.283%20106.7%20113.386%20106.435%20114.098C106.132%20114.917%20105.72%20115.855%20105.385%20116.65C105.294%20116.866%20105.208%20117.074%20105.126%20117.274C105.194%20117.239%20105.264%20117.204%20105.335%20117.166C106.709%20116.438%20108.563%20115.297%20111.027%20113.61L111.165%20113.515L111.313%20113.44L112.103%20113.047C120.278%20109.09%20129.292%20108.301%20137.771%20108.281L202.296%20108.128C230.01%20108.062%20253.325%2085.5582%20254.371%2057.8639C255.417%2030.1693%20233.799%207.77128%20206.085%207.83697Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
		animation: none !important;
	}

	.situation-block::after {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22331%22%20height%3D%22128%22%20viewBox%3D%220%200%20331%20128%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M240.367%208.63579L93.5692%208.98378C66.1139%209.04892%2043.5741%2031.351%2041.8786%2058.9335C41.6738%2062.265%2041.5867%2064.5678%2041.5511%2066.0272C41.5332%2066.7563%2041.5283%2067.2745%2041.5276%2067.6051C41.5272%2067.7704%2041.528%2067.8891%2041.5287%2067.9632C41.5291%2068.0003%2041.5294%2068.0269%2041.5296%2068.0423C41.5297%2068.0488%2041.53%2068.0533%2041.5301%2068.0559L41.5311%2068.132L41.5282%2068.2081C40.6693%2090.9538%2058.4256%20109.349%2081.1874%20109.295L122.999%20109.196L123.058%20109.199L123.065%20109.199C123.07%20109.199%20123.077%20109.199%20123.087%20109.2C123.106%20109.2%20123.137%20109.202%20123.176%20109.204C123.255%20109.208%20123.373%20109.212%20123.524%20109.218C123.827%20109.23%20124.265%20109.248%20124.805%20109.267C125.885%20109.304%20127.367%20109.349%20128.981%20109.378C132.07%20109.432%20135.444%20109.421%20137.447%20109.222L137.828%20109.179L138.083%20109.156C138.711%20109.12%20139.56%20109.225%20140.291%20109.85C141.116%20110.555%20141.29%20111.498%20141.316%20112.063C141.361%20113.082%20140.982%20114.185%20140.717%20114.897C140.414%20115.715%20140.002%20116.654%20139.667%20117.448C139.576%20117.665%20139.49%20117.873%20139.408%20118.073C139.476%20118.038%20139.546%20118.003%20139.617%20117.965C140.991%20117.237%20142.845%20116.096%20145.309%20114.409L145.447%20114.314L145.595%20114.239L146.384%20113.846C154.56%20109.889%20163.574%20109.1%20172.053%20109.08L236.578%20108.927C264.292%20108.861%20287.607%2086.3571%20288.653%2058.6627C289.699%2030.9682%20268.081%208.57011%20240.367%208.63579Z%22%20fill%3D%22%23131315%22%20stroke%3D%22%234E377C%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M81.1954%2065.5848L81.1954%2062.7688C83.5634%2060.6568%2086.9234%2058.9928%2090.1234%2058.2568L90.1234%2058.1288C86.9234%2057.5528%2082.9234%2055.6008%2081.1954%2053.6168L81.1954%2051.0248C83.9794%2053.9368%2088.6834%2056.1128%2095.2754%2057.4888L95.2754%2058.9608C90.1554%2059.8888%2084.4274%2062.2888%2081.1954%2065.5848ZM81.1954%2072.7848L81.1954%2069.8408C84.3634%2066.5448%2090.1554%2063.5368%2095.2754%2062.5448L95.2754%2064.8168C90.6354%2065.5528%2083.5954%2069.5208%2081.1954%2072.7848ZM111.97%2051.7227L109.001%2059.4102L105.642%2059.4102L110.313%2048.0508L112.688%2048.0508L111.97%2051.7227ZM114.626%2059.4102L111.673%2051.7227L110.938%2048.0508L113.313%2048.0508L117.985%2059.4102L114.626%2059.4102ZM135.775%2071.3128C134.026%2071.3128%20132.266%2071.2594%20130.495%2071.1528C128.746%2071.0461%20127.124%2070.8968%20125.631%2070.7048C124.138%2070.5128%20122.89%2070.2994%20121.887%2070.0648C121.546%2068.9554%20121.268%2067.9741%20121.055%2067.1208C120.863%2066.2461%20120.724%2065.3714%20120.639%2064.4968C120.575%2063.6008%20120.543%2062.5768%20120.543%2061.4248C120.543%2060.2941%20120.586%2059.2701%20120.671%2058.3528C120.756%2057.4354%20120.895%2056.5394%20121.087%2055.6648C121.279%2054.7688%20121.546%2053.8088%20121.887%2052.7848C122.89%2052.5074%20124.138%2052.2834%20125.631%2052.1128C127.146%2051.9208%20128.778%2051.7821%20130.527%2051.6968C132.298%2051.5901%20134.047%2051.5368%20135.775%2051.5368C137.546%2051.5368%20139.295%2051.5901%20141.023%2051.6968C142.772%2051.7821%20144.394%2051.9208%20145.887%2052.1128C147.38%2052.2834%20148.639%2052.5074%20149.663%2052.7848C150.004%2053.8301%20150.271%2054.8008%20150.463%2055.6968C150.655%2056.5714%20150.794%2057.4568%20150.879%2058.3528C150.964%2059.2488%20151.007%2060.2728%20151.007%2061.4248C151.007%2062.5981%20150.964%2063.6328%20150.879%2064.5288C150.794%2065.4034%20150.655%2066.2781%20150.463%2067.1528C150.292%2068.0061%20150.026%2068.9768%20149.663%2070.0648C148.639%2070.2994%20147.38%2070.5128%20145.887%2070.7048C144.415%2070.8968%20142.804%2071.0461%20141.055%2071.1528C139.327%2071.2594%20137.567%2071.3128%20135.775%2071.3128ZM135.231%2068.4008L133.695%2067.0248L140.927%2059.2808L142.559%2060.6888L135.231%2068.4008ZM135.775%2068.2408C136.671%2068.2408%20137.642%2068.2301%20138.687%2068.2088C139.754%2068.1661%20140.81%2068.1128%20141.855%2068.0488C142.922%2067.9634%20143.914%2067.8781%20144.831%2067.7928C145.748%2067.6861%20146.538%2067.5581%20147.199%2067.4088C147.455%2066.6408%20147.647%2065.7554%20147.775%2064.7528C147.903%2063.7501%20147.967%2062.6408%20147.967%2061.4248C147.967%2058.9714%20147.711%2056.9661%20147.199%2055.4088C146.538%2055.2594%20145.748%2055.1421%20144.831%2055.0568C143.914%2054.9501%20142.922%2054.8648%20141.855%2054.8008C140.81%2054.7154%20139.754%2054.6621%20138.687%2054.6408C137.642%2054.5981%20136.671%2054.5768%20135.775%2054.5768C134.879%2054.5768%20133.898%2054.5981%20132.831%2054.6408C131.764%2054.6621%20130.698%2054.7154%20129.631%2054.8008C128.586%2054.8648%20127.604%2054.9501%20126.687%2055.0568C125.77%2055.1421%20124.991%2055.2594%20124.351%2055.4088C124.116%2056.1768%20123.924%2057.0621%20123.775%2058.0648C123.647%2059.0461%20123.583%2060.1661%20123.583%2061.4248C123.583%2063.8568%20123.839%2065.8514%20124.351%2067.4088C124.97%2067.5581%20125.738%2067.6861%20126.655%2067.7928C127.572%2067.8781%20128.554%2067.9634%20129.599%2068.0488C130.666%2068.1128%20131.732%2068.1661%20132.799%2068.2088C133.866%2068.2301%20134.858%2068.2408%20135.775%2068.2408ZM130.847%2068.0808L129.247%2066.7368L140.639%2054.6088L142.271%2056.0168L130.847%2068.0808ZM130.495%2063.4728L128.991%2062.1288L136.191%2054.3528L137.823%2055.7928L130.495%2063.4728ZM164.046%2063.3768L164.046%2060.1768L161.742%2060.1768L161.742%2058.2568L168.462%2058.2568L168.462%2060.1768L166.158%2060.1768L166.158%2063.3768L164.046%2063.3768ZM194.4%2071.3128C192.651%2071.3128%20190.891%2071.2594%20189.12%2071.1528C187.371%2071.0461%20185.749%2070.8968%20184.256%2070.7048C182.763%2070.5128%20181.515%2070.2994%20180.512%2070.0648C180.171%2068.9554%20179.893%2067.9741%20179.68%2067.1208C179.488%2066.2461%20179.349%2065.3714%20179.264%2064.4968C179.2%2063.6008%20179.168%2062.5768%20179.168%2061.4248C179.168%2060.2941%20179.211%2059.2701%20179.296%2058.3528C179.381%2057.4354%20179.52%2056.5394%20179.712%2055.6648C179.904%2054.7688%20180.171%2053.8088%20180.512%2052.7848C181.515%2052.5074%20182.763%2052.2834%20184.256%2052.1128C185.771%2051.9208%20187.403%2051.7821%20189.152%2051.6968C190.923%2051.5901%20192.672%2051.5368%20194.4%2051.5368C196.171%2051.5368%20197.92%2051.5901%20199.648%2051.6968C201.397%2051.7821%20203.019%2051.9208%20204.512%2052.1128C206.005%2052.2834%20207.264%2052.5074%20208.288%2052.7848C208.629%2053.8301%20208.896%2054.8008%20209.088%2055.6968C209.28%2056.5714%20209.419%2057.4568%20209.504%2058.3528C209.589%2059.2488%20209.632%2060.2728%20209.632%2061.4248C209.632%2062.5981%20209.589%2063.6328%20209.504%2064.5288C209.419%2065.4034%20209.28%2066.2781%20209.088%2067.1528C208.917%2068.0061%20208.651%2068.9768%20208.288%2070.0648C207.264%2070.2994%20206.005%2070.5128%20204.512%2070.7048C203.04%2070.8968%20201.429%2071.0461%20199.68%2071.1528C197.952%2071.2594%20196.192%2071.3128%20194.4%2071.3128ZM193.856%2068.4008L192.32%2067.0248L199.552%2059.2808L201.184%2060.6888L193.856%2068.4008ZM194.4%2068.2408C195.296%2068.2408%20196.267%2068.2301%20197.312%2068.2088C198.379%2068.1661%20199.435%2068.1128%20200.48%2068.0488C201.547%2067.9634%20202.539%2067.8781%20203.456%2067.7928C204.373%2067.6861%20205.163%2067.5581%20205.824%2067.4088C206.08%2066.6408%20206.272%2065.7554%20206.4%2064.7528C206.528%2063.7501%20206.592%2062.6408%20206.592%2061.4248C206.592%2058.9714%20206.336%2056.9661%20205.824%2055.4088C205.163%2055.2594%20204.373%2055.1421%20203.456%2055.0568C202.539%2054.9501%20201.547%2054.8648%20200.48%2054.8008C199.435%2054.7154%20198.379%2054.6621%20197.312%2054.6408C196.267%2054.5981%20195.296%2054.5768%20194.4%2054.5768C193.504%2054.5768%20192.523%2054.5981%20191.456%2054.6408C190.389%2054.6621%20189.323%2054.7154%20188.256%2054.8008C187.211%2054.8648%20186.229%2054.9501%20185.312%2055.0568C184.395%2055.1421%20183.616%2055.2594%20182.976%2055.4088C182.741%2056.1768%20182.549%2057.0621%20182.4%2058.0648C182.272%2059.0461%20182.208%2060.1661%20182.208%2061.4248C182.208%2063.8568%20182.464%2065.8514%20182.976%2067.4088C183.595%2067.5581%20184.363%2067.6861%20185.28%2067.7928C186.197%2067.8781%20187.179%2067.9634%20188.224%2068.0488C189.291%2068.1128%20190.357%2068.1661%20191.424%2068.2088C192.491%2068.2301%20193.483%2068.2408%20194.4%2068.2408ZM189.472%2068.0808L187.872%2066.7368L199.264%2054.6088L200.896%2056.0168L189.472%2068.0808ZM189.12%2063.4728L187.616%2062.1288L194.816%2054.3528L196.448%2055.7928L189.12%2063.4728ZM218.532%2051.7227L215.563%2059.4102L212.204%2059.4102L216.876%2048.0508L219.251%2048.0508L218.532%2051.7227ZM221.188%2059.4102L218.235%2051.7227L217.501%2048.0508L219.876%2048.0508L224.548%2059.4102L221.188%2059.4102ZM248.994%2065.5208C245.954%2062.3528%20240.098%2059.8248%20234.914%2058.8968L234.914%2057.4248C241.794%2055.9848%20246.178%2053.8408%20248.994%2050.9608L248.994%2053.5528C247.298%2055.5048%20243.266%2057.4888%20240.066%2058.0648L240.066%2058.1928C243.266%2058.9288%20246.658%2060.6248%20248.994%2062.7048L248.994%2065.5208ZM248.994%2072.7208C246.626%2069.4888%20239.522%2065.4888%20234.914%2064.7528L234.914%2062.4808C240.066%2063.4728%20245.826%2066.5128%20248.994%2069.7768L248.994%2072.7208Z%22%20fill%3D%22%237359A8%22%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
		opacity: 0;
		animation: heroBubbleState2 2.6s steps(1, end) infinite;
	}
}

@keyframes heroBubbleState2 {
	0%, 44%, 100% {
		opacity: 0;
	}

	45%, 94% {
		opacity: 1;
	}
}


/* === Desktop reaction buttons: pink labels with dotted arrows === */
@media all and (min-width: 1051px) {
	.situation-screen .btns .ignore:before,
	.situation-screen .btns .accept:before {
		content: none !important;
		display: none !important;
		background: none !important;
	}

	.situation-screen .btns button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 24px;
		max-width: none;
		padding: 0;
		border: 0;
		background: none;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif;
		font-size: 42px;
		line-height: 1;
		font-weight: 900;
		letter-spacing: 1px;
		color: #F297ED;
		text-align: center;
		white-space: nowrap;
		text-transform: uppercase;
		text-shadow: 0 0 10px rgba(242, 151, 237, 0.28);
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		display: inline-block;
		font-size: 54px;
		line-height: 0.7;
		font-weight: 900;
		letter-spacing: 9px;
		color: #F297ED;
		text-shadow: 0 0 10px rgba(242, 151, 237, 0.28);
	}

	.situation-screen .btns .ignore button::before {
		content: '‹····';
		margin-right: 6px;
	}

	.situation-screen .btns .accept button::after {
		content: '····›';
		margin-left: 6px;
	}

	.situation-screen .btns .ignore.select button,
	.situation-screen .btns .accept.select button {
		opacity: 0;
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	.situation-screen .btns button {
		font-size: 5.1dvh;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		font-size: 6.5dvh;
		letter-spacing: 1.05dvh;
	}
}


/* === Fix reaction labels: 22px text, cleaner dotted arrows, no old accept/ignore arrow assets === */
@media all and (min-width: 1051px) {
	.situation-screen .btns .ignore .pic:before,
	.situation-screen .btns .accept .pic:before {
		content: none !important;
		display: none !important;
		background: none !important;
	}

	.situation-screen .btns .ignore:before,
	.situation-screen .btns .accept:before {
		content: none !important;
		display: none !important;
		background: none !important;
	}

	.situation-screen .btns button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 18px;
		max-width: none;
		padding: 0;
		border: 0;
		background: none;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif;
		font-size: 22px !important;
		line-height: 1;
		font-weight: 900;
		letter-spacing: 0.8px;
		color: #F297ED;
		text-align: center;
		white-space: nowrap;
		text-transform: uppercase;
		text-shadow: 0 0 10px rgba(242, 151, 237, 0.3);
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		display: inline-block;
		position: relative;
		top: -1px;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif;
		font-size: 34px !important;
		line-height: 0.6;
		font-weight: 900;
		letter-spacing: 4px;
		color: #F297ED;
		text-shadow: 0 0 10px rgba(242, 151, 237, 0.3);
	}

	.situation-screen .btns .ignore button::before {
		content: '‹····';
		margin-right: 2px;
	}

	.situation-screen .btns .accept button::after {
		content: '····›';
		margin-left: 2px;
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	.situation-screen .btns button {
		font-size: 22px !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		font-size: 34px !important;
		letter-spacing: 4px;
	}
}


/* === Reaction labels: 22px + exact Figma arrow SVG === */
@media all and (min-width: 1051px) {
	.situation-screen .btns .ignore .pic:before,
	.situation-screen .btns .accept .pic:before,
	.situation-screen .btns .ignore:before,
	.situation-screen .btns .accept:before {
		content: none !important;
		display: none !important;
		background: none !important;
	}

	.situation-screen .btns button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 18px;
		max-width: none;
		padding: 0;
		border: 0;
		background: none;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif;
		font-size: 22px !important;
		line-height: 1;
		font-weight: 900;
		letter-spacing: 0.8px;
		color: #F297ED;
		text-align: center;
		white-space: nowrap;
		text-transform: uppercase;
		text-shadow: 0 0 10px rgba(242, 151, 237, 0.3);
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		content: '' !important;
		display: block;
		flex: 0 0 auto;
		width: 82px;
		height: 30px;
		background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2241%22%20height%3D%2215%22%20viewBox%3D%220%200%2041%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M39.4611%209.61057C40.0129%209.63207%2040.4777%209.20213%2040.4992%208.65026C40.5207%208.09839%2040.0908%207.63359%2039.5389%207.61209L39.5%208.61133L39.4611%209.61057ZM0.320957%206.37723C-0.0844725%206.75225%20-0.109123%207.38493%200.2659%207.79037L6.37728%2014.3973C6.7523%2014.8027%207.38499%2014.8273%207.79042%2014.4523C8.19585%2014.0773%208.2205%2013.4446%207.84548%2013.0392L2.41314%207.16638L8.28594%201.73405C8.69137%201.35902%208.71602%200.726338%208.34099%200.320906C7.96597%20-0.084526%207.33329%20-0.109177%206.92785%200.265848L0.320957%206.37723ZM39.5%208.61133L39.5389%207.61209L37.6139%207.53709L37.575%208.53633L37.5361%209.53557L39.4611%209.61057L39.5%208.61133ZM33.725%208.38633L33.7639%207.38709L29.9139%207.23709L29.875%208.23633L29.8361%209.23557L33.6861%209.38557L33.725%208.38633ZM26.025%208.08633L26.0639%207.08709L22.2139%206.93708L22.175%207.93633L22.1361%208.93557L25.9861%209.08557L26.025%208.08633ZM18.325%207.78633L18.3639%206.78708L14.5139%206.63708L14.475%207.63633L14.4361%208.63557L18.2861%208.78557L18.325%207.78633ZM10.625%207.48633L10.6639%206.48708L6.81393%206.33708L6.775%207.33633L6.73607%208.33557L10.5861%208.48557L10.625%207.48633ZM2.925%207.18632L2.96393%206.18708L1.03893%206.11208L1%207.11132L0.961067%208.11057L2.88607%208.18557L2.925%207.18632Z%22%20fill%3D%22%23F297ED%22%2F%3E%0A%3C%2Fsvg%3E") center center/contain no-repeat;
	}

	.situation-screen .btns .ignore button::before {
		margin-right: 2px;
	}

	.situation-screen .btns .accept button::after {
		margin-left: 2px;
		transform: scaleX(-1);
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	.situation-screen .btns button {
		font-size: 22px !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		width: 82px;
		height: 30px;
	}
}


/* === Reaction labels size tuning === */
@media all and (min-width: 1051px) {
	.situation-screen .btns button {
		font-size: 22px !important;
		gap: 10px !important;
		letter-spacing: 0.4px !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		width: 54px !important;
		height: 20px !important;
	}

	.situation-screen .btns .ignore button::before {
		margin-right: 0 !important;
	}

	.situation-screen .btns .accept button::after {
		margin-left: 0 !important;
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	.situation-screen .btns button {
		font-size: 22px !important;
		gap: 10px !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		width: 54px !important;
		height: 20px !important;
	}
}


/* === Mobile fixes: title, choice labels, arrows, native scroll === */
@media all and (max-width: 1050px) {
	.start-block .title {
		padding: calc(env(safe-area-inset-top, 0px) + 12px) 12px 18px;
	}

	.start-block .title img {
		display: block;
		width: auto;
		height: auto;
		max-width: 92vw;
		max-height: 12dvh;
		margin: 0 auto;
		object-fit: contain;
	}

	.situation-screen .btns button {
		position: absolute !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: 34px !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 8px;
		z-index: 90;
		width: auto;
		max-width: 44vw;
		padding: 0;
		border: 0;
		background: none;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif;
		font-size: 18px !important;
		line-height: 1;
		font-weight: 900;
		letter-spacing: 0.3px;
		color: #F297ED;
		text-align: center;
		white-space: nowrap;
		text-transform: uppercase;
		text-shadow: 0 0 10px rgba(242, 151, 237, 0.35);
		pointer-events: auto;
		opacity: 1 !important;
	}

	.situation-screen .btns .ignore button {
		left: 18px !important;
	}

	.situation-screen .btns .accept button {
		right: 18px !important;
	}

	.situation-screen .btns .ignore.select button,
	.situation-screen .btns .accept.select button {
		opacity: 1 !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		content: '' !important;
		display: block;
		flex: 0 0 auto;
		width: 42px;
		height: 16px;
		background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2241%22%20height%3D%2215%22%20viewBox%3D%220%200%2041%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M39.4611%209.61057C40.0129%209.63207%2040.4777%209.20213%2040.4992%208.65026C40.5207%208.09839%2040.0908%207.63359%2039.5389%207.61209L39.5%208.61133L39.4611%209.61057ZM0.320957%206.37723C-0.0844725%206.75225%20-0.109123%207.38493%200.2659%207.79037L6.37728%2014.3973C6.7523%2014.8027%207.38499%2014.8273%207.79042%2014.4523C8.19585%2014.0773%208.2205%2013.4446%207.84548%2013.0392L2.41314%207.16638L8.28594%201.73405C8.69137%201.35902%208.71602%200.726338%208.34099%200.320906C7.96597%20-0.084526%207.33329%20-0.109177%206.92785%200.265848L0.320957%206.37723ZM39.5%208.61133L39.5389%207.61209L37.6139%207.53709L37.575%208.53633L37.5361%209.53557L39.4611%209.61057L39.5%208.61133ZM33.725%208.38633L33.7639%207.38709L29.9139%207.23709L29.875%208.23633L29.8361%209.23557L33.6861%209.38557L33.725%208.38633ZM26.025%208.08633L26.0639%207.08709L22.2139%206.93708L22.175%207.93633L22.1361%208.93557L25.9861%209.08557L26.025%208.08633ZM18.325%207.78633L18.3639%206.78708L14.5139%206.63708L14.475%207.63633L14.4361%208.63557L18.2861%208.78557L18.325%207.78633ZM10.625%207.48633L10.6639%206.48708L6.81393%206.33708L6.775%207.33633L6.73607%208.33557L10.5861%208.48557L10.625%207.48633ZM2.925%207.18632L2.96393%206.18708L1.03893%206.11208L1%207.11132L0.961067%208.11057L2.88607%208.18557L2.925%207.18632Z%22%20fill%3D%22%23F297ED%22%2F%3E%0A%3C%2Fsvg%3E") center center/contain no-repeat;
	}

	.situation-screen .btns .accept button::after {
		transform: scaleX(-1);
	}

	.situation-screen .btns .ignore:before,
	.situation-screen .btns .accept:before {
		content: none !important;
		display: none !important;
		background: none !important;
	}

	.situation-screen .btns .pic.visible {
		z-index: 85;
		opacity: 1;
		visibility: visible;
	}

	.situation-screen .scroll-pane,
	.situation-screen .jspContainer,
	.situation-screen .jspPane {
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
	}

	.situation-screen .scroll-pane.native-scroll {
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	.situation-screen .scroll-pane.native-scroll .wrap {
		transform: none !important;
	}
}

/* === Mobile v23 fixes: centered card, top choice labels, tappable controls === */
@media all and (max-width: 1050px) {
	.situation-screen {
		left: 50% !important;
		transform: translate(-50%, -50%);
	}

	.situation-screen.center {
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}

	/* Родительские зоны не перехватывают тап, кликаются сами кнопки. Свайп остаётся на #situation-block. */
	.situation-screen .btns .ignore,
	.situation-screen .btns .accept,
	.situation-screen .btns .pic {
		pointer-events: none;
	}

	.situation-screen .btns button {
		pointer-events: auto;
		bottom: auto !important;
		top: 24px !important;
		z-index: 120;
		max-width: 42vw;
		font-size: 16px !important;
		line-height: 1.05;
		gap: 6px;
	}

	.situation-screen .btns .ignore button {
		left: 18px !important;
		right: auto !important;
	}

	.situation-screen .btns .accept button {
		right: 18px !important;
		left: auto !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		width: 34px !important;
		height: 13px !important;
	}

	/* Спецслова/картинки реакции при наклоне — в верхние углы карточки. */
	.situation-screen .btns .ignore .pic,
	.situation-screen .btns .accept .pic {
		top: 0 !important;
		bottom: auto !important;
		height: 145px !important;
		width: 50% !important;
		z-index: 110;
		transform: none !important;
		opacity: 1;
		visibility: visible;
		transition: left 0.3s ease, right 0.3s ease;
	}

	.situation-screen .btns .ignore .pic {
		left: -70vw !important;
		right: auto !important;
	}

	.situation-screen .btns .ignore .pic.visible {
		left: 0 !important;
	}

	.situation-screen .btns .accept .pic {
		right: -70vw !important;
		left: auto !important;
	}

	.situation-screen .btns .accept .pic.visible {
		right: 0 !important;
	}

	.situation-screen .btns .pic img {
		position: absolute !important;
		top: 48px !important;
		max-width: 44vw !important;
		max-height: 92px !important;
		width: auto !important;
	}

	.situation-screen .btns .ignore .pic img {
		left: 8px !important;
		right: auto !important;
	}

	.situation-screen .btns .accept .pic img {
		right: 8px !important;
		left: auto !important;
	}
}


/* === Mobile fix: reaction word SVGs must stick to visible top corners of the card === */
@media all and (max-width: 1050px) {
	.situation-screen .btns {
		top: 0 !important;
		left: 50% !important;
		width: 100% !important;
		height: 100% !important;
		transform: translateX(-50%) !important;
	}

	.situation-screen .btns .ignore .pic,
	.situation-screen .btns .accept .pic {
		position: absolute !important;
		top: 14px !important;
		bottom: auto !important;
		width: 38vw !important;
		height: 96px !important;
		overflow: visible !important;
		z-index: 130 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: transform 0.28s ease, opacity 0.28s ease, visibility 0.28s ease !important;
	}

	.situation-screen .btns .ignore .pic {
		left: 8px !important;
		right: auto !important;
		transform: translate(-115%, 0) !important;
	}

	.situation-screen .btns .ignore .pic.visible {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(-12%, 0) !important;
	}

	.situation-screen .btns .accept .pic {
		right: 8px !important;
		left: auto !important;
		transform: translate(115%, 0) !important;
	}

	.situation-screen .btns .accept .pic.visible {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(12%, 0) !important;
	}

	.situation-screen .btns .pic img {
		position: absolute !important;
		top: 0 !important;
		width: auto !important;
		height: auto !important;
		max-width: 34vw !important;
		max-height: 88px !important;
	}

	.situation-screen .btns .ignore .pic img {
		left: 0 !important;
		right: auto !important;
	}

	.situation-screen .btns .accept .pic img {
		right: 0 !important;
		left: auto !important;
	}
}


/* === Mobile hotfix: reaction word-SVGs must slide from the visible top corners of the card === */
@media all and (max-width: 1050px) {
	.situation-screen .btns .ignore .pic,
	.situation-screen .btns .accept .pic {
		position: absolute !important;
		top: 16px !important;
		bottom: auto !important;
		width: auto !important;
		height: 0 !important;
		min-height: 0 !important;
		overflow: visible !important;
		z-index: 140 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		left: auto !important;
		right: auto !important;
		transition: opacity 0.25s ease, transform 0.25s ease !important;
	}

	/* При наклоне влево (ignore) — выезд из правого верхнего угла карточки */
	.situation-screen .btns .ignore .pic {
		right: 12px !important;
		transform: translate(18px, -6px) !important;
	}

	.situation-screen .btns .ignore .pic.visible {
		right: 12px !important;
		left: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(0, 0) !important;
	}

	/* При наклоне вправо (accept) — выезд из левого верхнего угла карточки */
	.situation-screen .btns .accept .pic {
		left: 12px !important;
		transform: translate(-18px, -6px) !important;
	}

	.situation-screen .btns .accept .pic.visible {
		left: 12px !important;
		right: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(0, 0) !important;
	}

	.situation-screen .btns .ignore .pic img,
	.situation-screen .btns .accept .pic img {
		position: static !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: 34vw !important;
		max-height: 86px !important;
	}
}

/* === Production card glow only, no bubble 20260528glow_only_no_bubble === */
/* Убираем blur-плиту. Оставляем только внешний glow с подобранной геометрией. */

.card-blur-layer {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.card-glow-layer {
	position: fixed;
	left: 63.2vw;
	top: 49.9vh;
	width: 396px;
	height: 678px;
	transform: translate(-50%, -50%);
	z-index: 20;
	pointer-events: none;
	border-radius: 22px;
	background: transparent;
	box-shadow:
		0 0 96px 2px rgba(31, 79, 108, 0.36),
		0 0 89px 4px rgba(31, 79, 108, 0.7);
}

/* Лишний bubble с эмотиконами/многоточием на игровых экранах больше не показываем. */
.situation-block .bubble,
.situation-block .buble,
.situation-block .bubble-block,
.situation-block .emoji-bubble,
.situation-block .emotion-bubble,
.situation-block [class*="bubble"],
.situation-block [class*="buble"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media all and (max-width: 1050px) {
	.card-glow-layer,
	.card-blur-layer {
		display: none !important;
	}
}

/* === Patch 20260529: mobile controls, scroll, spacing, videos, final image, bubble reactions === */
.situation-screen.scrollable .wrap {
	max-width: 96% !important;
	padding-top: 10px !important;
}

.situation-screen.scrollable.jspScrollable .wrap {
	padding-top: 10px !important;
}

.situation-screen .situation-txt p {
	padding: 0 0 40px !important;
}

#accept-block .dop-btns {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

#accept-block .dop-btns .dop-btn {
	margin-top: 0;
}

#reaction-block .situation-screen .bottom {
	margin-top: 20px !important;
}

.final-end-image {
	display: block;
	max-width: 72%;
	max-height: 170px;
	width: auto;
	height: auto;
	margin: 0 auto 22px !important;
}

/* Стабильный кастомный скролл для jScrollPane и нативного мобильного скролла. */
.situation-screen .game-scroll-pane,
.situation-screen .scroll-pane,
.situation-screen .scroll-pane.native-scroll {
	scrollbar-width: thin !important;
	scrollbar-color: #BFE7FF rgba(191, 231, 255, 0.18) !important;
}

.situation-screen .game-scroll-pane::-webkit-scrollbar,
.situation-screen .scroll-pane::-webkit-scrollbar,
.situation-screen .scroll-pane.native-scroll::-webkit-scrollbar {
	width: 6px !important;
	height: 6px !important;
	background: rgba(191, 231, 255, 0.18) !important;
}

.situation-screen .game-scroll-pane::-webkit-scrollbar-track,
.situation-screen .scroll-pane::-webkit-scrollbar-track,
.situation-screen .scroll-pane.native-scroll::-webkit-scrollbar-track {
	background: rgba(191, 231, 255, 0.18) !important;
	border-radius: 3px !important;
}

.situation-screen .game-scroll-pane::-webkit-scrollbar-thumb,
.situation-screen .scroll-pane::-webkit-scrollbar-thumb,
.situation-screen .scroll-pane.native-scroll::-webkit-scrollbar-thumb {
	background: #BFE7FF !important;
	border-radius: 3px !important;
}

.situation-screen .jspVerticalBar {
	background: rgba(191, 231, 255, 0.18) !important;
}

.situation-screen .jspDrag {
	background: #BFE7FF !important;
}

/* Возвращаем игровой бабл и переводим его на текстовые реакции. */
.situation-block .thinking-bubble,
.situation-block .thinking-bubble.hidden,
.situation-block [class*="bubble"].thinking-bubble {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: none !important;
}

.thinking-bubble .pic {
	position: absolute;
	inset: 0;
}

.thinking-bubble .bubble-reaction {
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 72%;
	min-height: 48%;
	font-family: 'Roboto Condensed', 'Roboto', sans-serif;
	font-size: clamp(18px, 1.55vw, 30px);
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
	white-space: normal;
	color: #BFE7FF;
	text-shadow: 0 0 12px rgba(191, 231, 255, 0.42);
}

.thinking-bubble.correct .bubble-reaction,
.thinking-bubble.rank .bubble-reaction {
	color: #BFE260;
	text-shadow: 0 0 14px rgba(191, 226, 96, 0.45);
}

.thinking-bubble.wrong .bubble-reaction {
	color: #F297ED;
	text-shadow: 0 0 14px rgba(242, 151, 237, 0.45);
}

@media all and (max-width: 1050px) {
	/* На мобилке оставляем только SVG-стрелки, текст кнопок визуально убран. */
	.situation-screen .btns button {
		font-size: 0 !important;
		line-height: 0 !important;
		color: transparent !important;
		text-shadow: none !important;
		width: 54px !important;
		height: 34px !important;
		max-width: none !important;
		padding: 0 !important;
		bottom: 42px !important;
		top: auto !important;
		z-index: 150 !important;
		overflow: visible !important;
	}

	.situation-screen .btns .ignore button {
		left: calc(50% - 158px) !important;
		right: auto !important;
	}

	.situation-screen .btns .accept button {
		right: calc(50% - 158px) !important;
		left: auto !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::after {
		content: '' !important;
		display: block !important;
		width: 54px !important;
		height: 26px !important;
		background: #F297ED !important;
		-webkit-mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat;
		mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat;
		filter: drop-shadow(0 0 10px rgba(242, 151, 237, 0.45));
	}

	.situation-screen .btns .accept button::after {
		transform: scaleX(-1) !important;
	}

	.situation-screen .btns .ignore:before,
	.situation-screen .btns .accept:before {
		content: none !important;
		display: none !important;
	}

	.situation-screen .btns .hands {
		left: 50%;
		bottom: -12dvh !important;
		transform: translateX(-50%);
		z-index: 145;
	}

	.situation-screen .btns .hands.moved {
		transform-origin: 50% 50%;
	}

	/* Спецкартинки свайпа показываем сверху экрана, а не у нижней кромки карточки. */
	.situation-screen .btns .ignore .pic,
	.situation-screen .btns .accept .pic {
		position: absolute !important;
		top: calc(env(safe-area-inset-top, 0px) + 220px - (50dvh - 345px)) !important;
		bottom: auto !important;
		height: auto !important;
		min-height: 0 !important;
		width: auto !important;
		z-index: 140 !important;
		overflow: visible !important;
	}

	.situation-screen .btns .ignore .pic {
		right: 14px !important;
		left: auto !important;
	}

	.situation-screen .btns .accept .pic {
		left: 14px !important;
		right: auto !important;
	}

	.situation-screen .btns .ignore .pic.visible,
	.situation-screen .btns .accept .pic.visible {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translate(0, 0) !important;
	}

	.situation-screen .btns .ignore .pic img,
	.situation-screen .btns .accept .pic img {
		position: static !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: 42vw !important;
		max-height: 96px !important;
	}

	.thinking-bubble .bubble-reaction {
		font-size: clamp(15px, 4vw, 24px);
	}
}

@media all and (max-width: 430px) {
	.situation-screen .btns .ignore button {
		left: calc(50% - 138px) !important;
	}

	.situation-screen .btns .accept button {
		right: calc(50% - 138px) !important;
	}
}


/* === Patch 20260529b: mobile controls visibility + real emoji bubble === */
@media all and (min-width: 1051px) {
	/* Отключаем старый псевдо-бабл с таймерной сменой картинок: теперь работает реальный .thinking-bubble. */
	.situation-block::before,
	.situation-block::after {
		content: none !important;
		display: none !important;
		animation: none !important;
		background: none !important;
	}
}

.start-block .thinking-bubble {
	display: none !important;
}

.situation-block.hidden .thinking-bubble {
	display: none !important;
}

.situation-block:not(.hidden) .thinking-bubble {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	background-image: url(img/situation/thinking-bubble.svg) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	animation: none !important;
}

.situation-block:not(.hidden) .thinking-bubble .pic img {
	display: none !important;
}

.situation-block:not(.hidden) .thinking-bubble .pic {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
}

.situation-block:not(.hidden) .thinking-bubble .bubble-reaction {
	position: absolute !important;
	left: 50% !important;
	top: 45% !important;
	transform: translate(-50%, -50%) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 74% !important;
	min-height: 48% !important;
	font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
	font-size: clamp(20px, 1.65vw, 32px) !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	text-align: center !important;
	white-space: normal !important;
	color: #BFE7FF !important;
	text-shadow: 0 0 12px rgba(191, 231, 255, 0.45) !important;
}

.situation-block:not(.hidden) .thinking-bubble.correct .bubble-reaction,
.situation-block:not(.hidden) .thinking-bubble.rank .bubble-reaction {
	color: #BFE260 !important;
	text-shadow: 0 0 14px rgba(191, 226, 96, 0.45) !important;
}

.situation-block:not(.hidden) .thinking-bubble.wrong .bubble-reaction {
	color: #F297ED !important;
	text-shadow: 0 0 14px rgba(242, 151, 237, 0.45) !important;
}

.rank-end-image {
	margin-bottom: 8px !important;
}

#rank-block .situation-screen .situation-txt img.new-rank {
	margin-top: -70px !important;
}

@media all and (max-width: 1050px) {
	/* Старый код уводил кнопки за экран; визуал стрелок теперь на контейнерах. */
	.situation-screen .btns button {
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
		color: transparent !important;
		background: transparent !important;
		border: 0 !important;
		opacity: 0 !important;
		z-index: 160 !important;
	}

	.situation-screen .btns .ignore,
	.situation-screen .btns .accept {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	.situation-screen .btns .ignore::before,
	.situation-screen .btns .accept::before {
		content: '' !important;
		display: block !important;
		position: absolute !important;
		bottom: 42px !important;
		width: 58px !important;
		height: 30px !important;
		z-index: 155 !important;
		background: #F297ED !important;
		-webkit-mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		filter: drop-shadow(0 0 10px rgba(242, 151, 237, 0.5)) !important;
		pointer-events: none !important;
	}

	.situation-screen .btns .ignore::before {
		left: calc(50% - 158px) !important;
	}

	.situation-screen .btns .accept::before {
		right: calc(50% - 158px) !important;
		left: auto !important;
		transform: scaleX(-1) !important;
	}

	.situation-screen .btns .ignore button::before,
	.situation-screen .btns .accept button::before,
	.situation-screen .btns .accept button::after {
		content: none !important;
		display: none !important;
	}

	.situation-screen .btns .hands {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		left: 50% !important;
		bottom: -12dvh !important;
		width: 34dvh !important;
		height: 32dvh !important;
		min-width: 220px !important;
		min-height: 205px !important;
		transform: translateX(-50%) !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		z-index: 150 !important;
		pointer-events: none !important;
	}

	.situation-screen .btns .hands:not(.moved) {
		animation: hands 3s linear infinite !important;
	}

	/* Картинки реакции свайпа держим сверху, в 220px от верхней границы viewport/safe-area. */
	.situation-screen .btns .ignore .pic,
	.situation-screen .btns .accept .pic {
		display: none !important;
		position: absolute !important;
		top: calc(env(safe-area-inset-top, 0px) + 220px - (50dvh - 345px)) !important;
		bottom: auto !important;
		height: auto !important;
		min-height: 0 !important;
		width: auto !important;
		max-width: 46vw !important;
		z-index: 170 !important;
		overflow: visible !important;
		visibility: hidden !important;
		opacity: 0 !important;
		transform: none !important;
	}

	.situation-screen .btns .ignore .pic {
		right: 14px !important;
		left: auto !important;
	}

	.situation-screen .btns .accept .pic {
		left: 14px !important;
		right: auto !important;
	}

	.situation-screen .btns .ignore .pic.visible,
	.situation-screen .btns .accept .pic.visible {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.situation-screen .btns .ignore .pic img,
	.situation-screen .btns .accept .pic img {
		position: static !important;
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: 46vw !important;
		max-height: 96px !important;
	}

	.situation-block:not(.hidden) .thinking-bubble .bubble-reaction {
		font-size: clamp(15px, 4vw, 24px) !important;
	}
}

@media all and (max-width: 430px) {
	.situation-screen .btns .ignore::before {
		left: calc(50% - 138px) !important;
	}

	.situation-screen .btns .accept::before {
		right: calc(50% - 138px) !important;
	}
}

/* === Patch 20260529c: final mobile controls + visible text bubble + safe rank layout === */
#story-block .thinking-bubble,
.start-block .thinking-bubble,
.situation-block.hidden .thinking-bubble {
	display: none !important;
}

#situation-block:not(.hidden) .thinking-bubble,
#accept-block:not(.hidden) .thinking-bubble,
#reaction-block:not(.hidden) .thinking-bubble,
#rank-block:not(.hidden) .thinking-bubble,
#final-block:not(.hidden) .thinking-bubble {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 140 !important;
	background: url(img/situation/thinking-bubble.svg) center center / contain no-repeat !important;
	animation: none !important;
}

#situation-block:not(.hidden) .thinking-bubble .pic img,
#accept-block:not(.hidden) .thinking-bubble .pic img,
#reaction-block:not(.hidden) .thinking-bubble .pic img,
#rank-block:not(.hidden) .thinking-bubble .pic img,
#final-block:not(.hidden) .thinking-bubble .pic img {
	display: none !important;
}

#situation-block:not(.hidden) .thinking-bubble .bubble-reaction,
#accept-block:not(.hidden) .thinking-bubble .bubble-reaction,
#reaction-block:not(.hidden) .thinking-bubble .bubble-reaction,
#rank-block:not(.hidden) .thinking-bubble .bubble-reaction,
#final-block:not(.hidden) .thinking-bubble .bubble-reaction {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: absolute !important;
	left: 50% !important;
	top: 45% !important;
	transform: translate(-50%, -50%) !important;
	width: 78% !important;
	min-height: 50% !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
	font-size: clamp(22px, 1.75vw, 34px) !important;
	font-weight: 900 !important;
	line-height: 1.05 !important;
	text-align: center !important;
	white-space: normal !important;
	color: #BFE7FF !important;
	text-shadow: 0 0 14px rgba(191, 231, 255, 0.5) !important;
}

#rank-block .situation-screen .situation-txt,
#final-block .situation-screen .situation-txt.final {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 100% !important;
}

#rank-block .rank-end-image {
	display: block !important;
	max-width: 58% !important;
	max-height: 96px !important;
	width: auto !important;
	height: auto !important;
	margin: 4px auto 8px !important;
}

#rank-block .situation-screen .situation-txt img.new-rank {
	display: block !important;
	max-width: 58% !important;
	max-height: 150px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto 20px !important;
}

#final-block .final-end-image {
	display: block !important;
	max-width: 68% !important;
	max-height: 170px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto 22px !important;
}

#rank-block .situation-screen .situation-txt p,
#final-block .situation-screen .situation-txt.final p {
	max-width: 88% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media all and (max-width: 1050px) {
	#situation-block .situation-screen .btns {
		position: absolute !important;
		inset: 0 !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: none !important;
		z-index: 60 !important;
		display: block !important;
		pointer-events: none !important;
		overflow: visible !important;
	}

	#situation-block .situation-screen .btns .ignore,
	#situation-block .situation-screen .btns .accept {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		z-index: 62 !important;
	}

	#situation-block .situation-screen .btns .ignore.hidden,
	#situation-block .situation-screen .btns .accept.hidden {
		display: block !important;
	}

	#situation-block .situation-screen .btns .ignore button,
	#situation-block .situation-screen .btns .accept button {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		font-size: 0 !important;
		line-height: 0 !important;
		color: transparent !important;
		background: transparent !important;
		border: 0 !important;
		opacity: 0 !important;
		z-index: 70 !important;
		pointer-events: auto !important;
	}

	#situation-block .situation-screen .btns .ignore::before,
	#situation-block .situation-screen .btns .accept::before {
		content: '' !important;
		display: block !important;
		position: absolute !important;
		bottom: 28px !important;
		width: 62px !important;
		height: 34px !important;
		background: #F297ED !important;
		-webkit-mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		filter: drop-shadow(0 0 12px rgba(242, 151, 237, 0.55)) !important;
		z-index: 74 !important;
		pointer-events: none !important;
	}

	#situation-block .situation-screen .btns .ignore::before {
		left: calc(50% - 150px) !important;
		right: auto !important;
		transform: none !important;
	}

	#situation-block .situation-screen .btns .accept::before {
		right: calc(50% - 150px) !important;
		left: auto !important;
		transform: scaleX(-1) !important;
	}

	#situation-block .situation-screen .btns .hands {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		left: 50% !important;
		bottom: -72px !important;
		width: 240px !important;
		height: 226px !important;
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: none !important;
		max-height: none !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		transform: translateX(-50%) !important;
		z-index: 73 !important;
		pointer-events: none !important;
	}

	#situation-block .situation-screen .btns .hands:not(.moved) {
		animation: hands 3s linear infinite !important;
	}

	#situation-block .situation-screen .btns .ignore .pic,
	#situation-block .situation-screen .btns .accept .pic {
		display: none !important;
		position: absolute !important;
		top: calc(env(safe-area-inset-top, 0px) + 220px - (50dvh - 345px)) !important;
		bottom: auto !important;
		width: auto !important;
		height: auto !important;
		max-width: 48vw !important;
		min-height: 0 !important;
		visibility: hidden !important;
		opacity: 0 !important;
		transform: none !important;
		z-index: 90 !important;
		pointer-events: none !important;
	}

	#situation-block .situation-screen .btns .ignore .pic {
		right: 16px !important;
		left: auto !important;
	}

	#situation-block .situation-screen .btns .accept .pic {
		left: 16px !important;
		right: auto !important;
	}

	#situation-block .situation-screen .btns .ignore .pic.visible,
	#situation-block .situation-screen .btns .accept .pic.visible {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	#situation-block .situation-screen .btns .ignore .pic img,
	#situation-block .situation-screen .btns .accept .pic img {
		display: block !important;
		position: static !important;
		width: auto !important;
		height: auto !important;
		max-width: 48vw !important;
		max-height: 96px !important;
	}

	#situation-block:not(.hidden) .thinking-bubble,
	#accept-block:not(.hidden) .thinking-bubble,
	#reaction-block:not(.hidden) .thinking-bubble,
	#rank-block:not(.hidden) .thinking-bubble,
	#final-block:not(.hidden) .thinking-bubble {
		display: none !important;
	}

	#rank-block .rank-end-image,
	#final-block .final-end-image {
		max-height: 110px !important;
		margin-bottom: 14px !important;
	}

	#rank-block .situation-screen .situation-txt img.new-rank {
		max-height: 120px !important;
		margin-bottom: 14px !important;
	}
}

@media all and (max-width: 430px) {
	#situation-block .situation-screen .btns .ignore::before {
		left: calc(50% - 132px) !important;
	}

	#situation-block .situation-screen .btns .accept::before {
		right: calc(50% - 132px) !important;
	}

	#situation-block .situation-screen .btns .hands {
		width: 220px !important;
		height: 207px !important;
		bottom: -66px !important;
	}
}


/* === Patch 20260529d: robust mobile swipe overlay, emoji bubble fallback, rank layout cleanup === */
#rank-block .situation-screen .situation-txt p.super,
#final-block .situation-screen .situation-txt.final p.super {
	display: none !important;
}

#rank-block .situation-screen .situation-txt,
#final-block .situation-screen .situation-txt.final {
	justify-content: center !important;
	gap: 0 !important;
}

#rank-block .rank-end-image,
#final-block .final-end-image {
	display: block !important;
	width: 128px !important;
	height: auto !important;
	max-width: 42% !important;
	max-height: none !important;
	object-fit: contain !important;
	aspect-ratio: auto !important;
	margin: 0 auto 10px !important;
}

#rank-block .situation-screen .situation-txt img.new-rank {
	display: block !important;
	width: 128px !important;
	height: auto !important;
	max-width: 42% !important;
	max-height: none !important;
	object-fit: contain !important;
	aspect-ratio: auto !important;
	margin: 0 auto 18px !important;
}

#rank-block .situation-screen .situation-txt p,
#final-block .situation-screen .situation-txt.final p {
	padding: 0 0 18px !important;
	margin: 0 auto !important;
	line-height: 1.18 !important;
}

#rank-block .situation-screen .start-btn,
#final-block .situation-screen .start-btn {
	margin-top: 14px !important;
}

#rank-block .situation-screen .start-btn.black.small,
#final-block .situation-screen .start-btn.black.small {
	background: url(img/situation/start-btn.svg) center center / contain no-repeat !important;
}

#rank-block .situation-screen .start-btn.black.small::before,
#final-block .situation-screen .start-btn.black.small::before {
	opacity: 0 !important;
}

#rank-block .situation-screen .start-btn.black.small:hover::before,
#final-block .situation-screen .start-btn.black.small:hover::before {
	opacity: 1 !important;
}

#rank-block .situation-screen .start-btn button,
#rank-block .situation-screen .start-btn.black.small button,
#final-block .situation-screen .start-btn button,
#final-block .situation-screen .start-btn.black.small button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 18px 8px !important;
	line-height: 1 !important;
	color: #BFE7FF !important;
	font-size: 16px !important;
	letter-spacing: 1px !important;
}

@media all and (min-width: 1051px) {
	#situation-block:not(.hidden) .thinking-bubble::after,
	#accept-block:not(.hidden) .thinking-bubble::after,
	#reaction-block:not(.hidden) .thinking-bubble::after,
	#rank-block:not(.hidden) .thinking-bubble::after,
	#final-block:not(.hidden) .thinking-bubble::after {
		content: attr(data-reaction) !important;
		display: flex !important;
		position: absolute !important;
		left: 50% !important;
		top: 45% !important;
		transform: translate(-50%, -50%) !important;
		align-items: center !important;
		justify-content: center !important;
		width: 78% !important;
		min-height: 50% !important;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
		font-size: clamp(22px, 1.75vw, 34px) !important;
		font-weight: 900 !important;
		line-height: 1.05 !important;
		text-align: center !important;
		white-space: normal !important;
		color: #BFE7FF !important;
		text-shadow: 0 0 14px rgba(191, 231, 255, 0.5) !important;
		z-index: 3 !important;
		pointer-events: none !important;
	}

	#situation-block:not(.hidden) .thinking-bubble.wrong::after,
	#accept-block:not(.hidden) .thinking-bubble.wrong::after,
	#reaction-block:not(.hidden) .thinking-bubble.wrong::after {
		color: #F297ED !important;
		text-shadow: 0 0 14px rgba(242, 151, 237, 0.45) !important;
	}

	#situation-block:not(.hidden) .thinking-bubble.correct::after,
	#accept-block:not(.hidden) .thinking-bubble.correct::after,
	#reaction-block:not(.hidden) .thinking-bubble.correct::after,
	#rank-block:not(.hidden) .thinking-bubble.rank::after,
	#final-block:not(.hidden) .thinking-bubble.rank::after {
		color: #BFE260 !important;
		text-shadow: 0 0 14px rgba(191, 226, 96, 0.45) !important;
	}
}

@media all and (max-width: 1050px) {
	#situation-block .situation-screen .btns {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	#situation-block .situation-screen .btns .hands,
	#situation-block .situation-screen .btns .ignore::before,
	#situation-block .situation-screen .btns .accept::before,
	#situation-block .situation-screen .btns .ignore .pic,
	#situation-block .situation-screen .btns .accept .pic {
		display: none !important;
	}

	#situation-block:not(.hidden) .mobile-swipe-hints {
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		z-index: 2147483000 !important;
		pointer-events: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.mobile-swipe-arrow {
		position: fixed !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) + 28px) !important;
		width: 62px !important;
		height: 34px !important;
		background: #F297ED !important;
		-webkit-mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		filter: drop-shadow(0 0 12px rgba(242, 151, 237, 0.55)) !important;
	}

	.mobile-swipe-arrow--reject {
		left: calc(50vw - 150px) !important;
	}

	.mobile-swipe-arrow--accept {
		right: calc(50vw - 150px) !important;
		transform: scaleX(-1) !important;
	}

	.mobile-swipe-hands {
		display: block !important;
		position: fixed !important;
		left: 50vw !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) - 66px) !important;
		width: 236px !important;
		height: 222px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		transform: translateX(-50%) !important;
		animation: hands 3s linear infinite !important;
	}

	.mobile-swipe-pic {
		display: none !important;
		position: fixed !important;
		top: calc(env(safe-area-inset-top, 0px) + 220px) !important;
		width: auto !important;
		height: auto !important;
		max-width: 48vw !important;
		max-height: 96px !important;
		object-fit: contain !important;
		filter: drop-shadow(0 0 14px rgba(0, 0, 0, 0.25)) !important;
	}

	.mobile-swipe-pic--reject {
		right: 16px !important;
	}

	.mobile-swipe-pic--accept {
		left: 16px !important;
	}

	#situation-block.mobile-swipe-left-preview .mobile-swipe-pic--reject,
	#situation-block.mobile-swipe-right-preview .mobile-swipe-pic--accept {
		display: block !important;
	}

	#rank-block .rank-end-image,
	#final-block .final-end-image,
	#rank-block .situation-screen .situation-txt img.new-rank {
		width: 116px !important;
		max-width: 46% !important;
		margin-bottom: 10px !important;
	}

	#rank-block .situation-screen .situation-txt p,
	#final-block .situation-screen .situation-txt.final p {
		padding-bottom: 14px !important;
	}
}

@media all and (max-width: 430px) {
	.mobile-swipe-arrow--reject {
		left: calc(50vw - 132px) !important;
	}

	.mobile-swipe-arrow--accept {
		right: calc(50vw - 132px) !important;
	}

	.mobile-swipe-hands {
		width: 220px !important;
		height: 207px !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) - 62px) !important;
	}
}

/* === Targeted import from attached fix: mobile swipe controls + reaction bubble only === */
/* Bubble must not leak onto the start screen or hidden game screens. */
#start-block .thinking-bubble,
.start-block .thinking-bubble,
.situation-block.hidden .thinking-bubble,
.situation-block.hidden .thinking-bubble.hidden {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* Disable old pseudo-bubble animation that swapped two images by timer. */
.situation-block::before,
.situation-block::after {
	display: none !important;
	content: none !important;
	background: none !important;
	animation: none !important;
	opacity: 0 !important;
}

/* Desktop emoticon bubble. */
.situation-block:not(.hidden) .thinking-bubble:not(.big-icon),
.situation-block:not(.hidden) .thinking-bubble.hidden:not(.big-icon) {
	display: block !important;
	position: fixed !important;
	left: 34.5vw !important;
	top: calc(9.8vh + 30px) !important;
	right: auto !important;
	bottom: auto !important;
	width: clamp(230px, 17.5vw, 330px) !important;
	height: calc(clamp(230px, 17.5vw, 330px) * 0.387) !important;
	transform: none !important;
	background-color: transparent !important;
	background-image: url(img/situation/throughts1.svg?v=20260529e) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: contain !important;
	z-index: 120 !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: none !important;
	overflow: visible !important;
}

.situation-block:not(.hidden) .thinking-bubble:not(.big-icon)::before,
.situation-block:not(.hidden) .thinking-bubble:not(.big-icon)::after {
	display: none !important;
	content: none !important;
	padding: 0 !important;
	background: none !important;
}

.situation-block:not(.hidden) .thinking-bubble:not(.big-icon) .pic {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 2 !important;
}

.situation-block:not(.hidden) .thinking-bubble:not(.big-icon) .pic img {
	display: none !important;
}

.situation-block:not(.hidden) .thinking-bubble:not(.big-icon) .bubble-emoticon {
	position: absolute !important;
	left: 50% !important;
	top: 47% !important;
	transform: translate(-50%, -50%) !important;
	display: block !important;
	width: 76% !important;
	padding: 0 !important;
	font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
	font-size: clamp(20px, 1.9vw, 34px) !important;
	line-height: 1 !important;
	font-weight: 900 !important;
	letter-spacing: 0.02em !important;
	white-space: nowrap !important;
	text-align: center !important;
	color: #6C4C99 !important;
	text-shadow: 0 0 10px rgba(118, 71, 191, 0.75) !important;
	opacity: 1 !important;
	visibility: visible !important;
	z-index: 3 !important;
}

.situation-block:not(.hidden) .thinking-bubble.bubble-choice:not(.big-icon) .bubble-emoticon,
.situation-block:not(.hidden) .thinking-bubble.bubble-wrong:not(.big-icon) .bubble-emoticon {
	font-size: clamp(22px, 2.05vw, 38px) !important;
}

.situation-block:not(.hidden) .thinking-bubble.bubble-correct:not(.big-icon) .bubble-emoticon,
.situation-block:not(.hidden) .thinking-bubble.bubble-rank:not(.big-icon) .bubble-emoticon {
	font-size: clamp(18px, 1.55vw, 31px) !important;
}

@media all and (max-width: 1050px) {
	/* Emoticon bubble is desktop-only. */
	.situation-block .thinking-bubble:not(.big-icon),
	.situation-block .thinking-bubble.hidden:not(.big-icon),
	#story-block .thinking-bubble,
	#situation-block .thinking-bubble,
	#accept-block .thinking-bubble,
	#reaction-block .thinking-bubble,
	#rank-block .thinking-bubble {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	/* In-card mobile controls from attached fix: no text labels, keep hands and arrows visible. */
	#situation-block .situation-screen .btns {
		position: absolute !important;
		left: 50% !important;
		top: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: translateX(-50%) !important;
		display: flex !important;
		align-items: flex-end !important;
		justify-content: center !important;
		z-index: 8 !important;
		pointer-events: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	#situation-block .situation-screen .btns .ignore,
	#situation-block .situation-screen .btns .accept {
		display: block !important;
		position: absolute !important;
		top: 0 !important;
		width: 50% !important;
		height: 100% !important;
		max-width: none !important;
		pointer-events: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	#situation-block .situation-screen .btns .ignore {
		left: 0 !important;
		right: auto !important;
	}

	#situation-block .situation-screen .btns .accept {
		left: auto !important;
		right: 0 !important;
	}

	#situation-block .situation-screen .btns .hands,
	#situation-block .situation-screen .btns .hands:not(.moved) {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		left: 50% !important;
		bottom: -16dvh !important;
		width: 34dvh !important;
		height: 32dvh !important;
		transform: translateX(-50%) !important;
		z-index: 2 !important;
		pointer-events: none !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		animation: hands 3s linear infinite !important;
	}

	#situation-block .situation-screen .btns .hands.moved {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		left: 50% !important;
		bottom: -16dvh !important;
		transform-origin: center center !important;
	}

	#situation-block .situation-screen .btns .ignore button,
	#situation-block .situation-screen .btns .accept button {
		position: absolute !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: 40px !important;
		display: block !important;
		width: 62px !important;
		height: 34px !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: visible !important;
		border: 0 !important;
		background: none !important;
		color: transparent !important;
		font-size: 0 !important;
		line-height: 0 !important;
		text-indent: -9999px !important;
		white-space: nowrap !important;
		z-index: 3 !important;
		pointer-events: none !important;
	}

	#situation-block .situation-screen .btns .ignore button {
		left: 40px !important;
	}

	#situation-block .situation-screen .btns .accept button {
		right: 40px !important;
	}

	#situation-block .situation-screen .btns .ignore button::before,
	#situation-block .situation-screen .btns .accept button::after {
		content: '' !important;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		display: block !important;
		width: 62px !important;
		height: 34px !important;
		transform: translate(-50%, -50%) !important;
		background: #F297ED !important;
		-webkit-mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		text-indent: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		filter: drop-shadow(0 0 12px rgba(242, 151, 237, 0.55)) !important;
	}

	#situation-block .situation-screen .btns .accept button::after {
		transform: translate(-50%, -50%) scaleX(-1) !important;
	}

	#situation-block .situation-screen .btns .ignore button::after,
	#situation-block .situation-screen .btns .accept button::before {
		display: none !important;
		content: none !important;
	}

	/* Separate overlay for situation-reject-pic / situation-accept-pic from attached fix. */
	#situation-block .situation-screen .btns .ignore .pic,
	#situation-block .situation-screen .btns .accept .pic {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	#situation-block .mobile-swipe-words,
	.mobile-swipe-words {
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483647 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	#situation-block .mobile-swipe-word,
	.mobile-swipe-word {
		display: block !important;
		position: fixed !important;
		top: calc(env(safe-area-inset-top, 0px) + 220px) !important;
		z-index: 2147483647 !important;
		pointer-events: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: opacity 0.12s ease, transform 0.12s ease !important;
	}

	#situation-block .mobile-swipe-word--reject,
	.mobile-swipe-word--reject {
		left: 14px !important;
		right: auto !important;
		transform: translateX(-8px) rotate(-7deg) !important;
	}

	#situation-block .mobile-swipe-word--accept,
	.mobile-swipe-word--accept {
		left: auto !important;
		right: 14px !important;
		transform: translateX(8px) rotate(7deg) !important;
	}

	body.mobile-swipe-reject-visible #situation-block .mobile-swipe-word--reject,
	#situation-block.mobile-swipe-reject-visible .mobile-swipe-word--reject,
	#situation-block .mobile-swipe-word--reject.visible {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateX(0) rotate(-7deg) !important;
	}

	body.mobile-swipe-accept-visible #situation-block .mobile-swipe-word--accept,
	#situation-block.mobile-swipe-accept-visible .mobile-swipe-word--accept,
	#situation-block .mobile-swipe-word--accept.visible {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateX(0) rotate(7deg) !important;
	}

	#situation-block .mobile-swipe-word img,
	.mobile-swipe-word img,
	#mobile-situation-reject-pic,
	#mobile-situation-accept-pic {
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: min(48vw, 190px) !important;
		max-height: 96px !important;
		opacity: 1 !important;
		visibility: visible !important;
		filter: drop-shadow(0 0 8px rgba(0,0,0,.25)) !important;
	}
}

@media all and (max-width: 390px) {
	#situation-block .mobile-swipe-word,
	.mobile-swipe-word {
		top: calc(env(safe-area-inset-top, 0px) + 220px) !important;
	}

	#situation-block .mobile-swipe-word img,
	.mobile-swipe-word img,
	#mobile-situation-reject-pic,
	#mobile-situation-accept-pic {
		max-width: min(49vw, 176px) !important;
		max-height: 86px !important;
	}
}


/* === Patch 20260529f: strict thought bubble asset + viewport-fixed mobile swipe UI === */
@media all and (min-width: 1051px) {
	/* Use only the provided bubble SVG, never the older generated/animated pseudo bubble. */
	.situation-block::before,
	.situation-block::after,
	.situation-block:not(.hidden) .thinking-bubble:not(.big-icon)::before,
	.situation-block:not(.hidden) .thinking-bubble:not(.big-icon)::after {
		content: none !important;
		display: none !important;
		background: none !important;
		animation: none !important;
	}

	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon),
	.situation-block:not(.hidden):not(#story-block) .thinking-bubble.hidden:not(.big-icon) {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		left: 34.5vw !important;
		top: calc(9.8vh + 30px) !important;
		right: auto !important;
		bottom: auto !important;
		width: clamp(230px, 17.5vw, 330px) !important;
		height: calc(clamp(230px, 17.5vw, 330px) * 0.387) !important;
		transform: none !important;
		background: transparent url("img/situation/throughts1.svg") center center / contain no-repeat !important;
		z-index: 2147482000 !important;
		pointer-events: none !important;
		overflow: visible !important;
	}

	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .pic {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
	}

	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .pic img,
	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-reaction {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-emoticon {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		left: 50% !important;
		top: 47% !important;
		transform: translate(-50%, -50%) !important;
		width: 76% !important;
		padding: 0 !important;
		font-family: 'Roboto Condensed', 'Roboto', sans-serif !important;
		font-size: clamp(20px, 1.9vw, 34px) !important;
		font-weight: 900 !important;
		line-height: 1 !important;
		letter-spacing: 0.02em !important;
		white-space: nowrap !important;
		text-align: center !important;
		color: #6C4C99 !important;
		text-shadow: 0 0 10px rgba(118, 71, 191, 0.75) !important;
		z-index: 3 !important;
	}
}

@media all and (max-width: 1050px) {
	/* Desktop bubble is hidden on mobile. */
	.situation-block .thinking-bubble:not(.big-icon),
	.situation-block .thinking-bubble.hidden:not(.big-icon),
	#story-block .thinking-bubble,
	#situation-block .thinking-bubble,
	#accept-block .thinking-bubble,
	#reaction-block .thinking-bubble,
	#rank-block .thinking-bubble {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	/* The in-card controls are unreliable on tall mobile cards, so the visible controls are fixed to the viewport. */
	#situation-block .situation-screen .btns .hands,
	#situation-block .situation-screen .btns .ignore::before,
	#situation-block .situation-screen .btns .accept::before,
	#situation-block .situation-screen .btns .ignore button::before,
	#situation-block .situation-screen .btns .accept button::after {
		display: none !important;
		content: none !important;
	}

	#situation-block:not(.hidden) .mobile-swipe-ui {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483000 !important;
		pointer-events: none !important;
		overflow: visible !important;
	}

	#situation-block.hidden .mobile-swipe-ui,
	.mobile-swipe-ui {
		display: none;
	}

	.mobile-swipe-ui__arrow {
		display: block !important;
		position: fixed !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) + 34px) !important;
		width: 62px !important;
		height: 34px !important;
		background: #F297ED !important;
		-webkit-mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		filter: drop-shadow(0 0 12px rgba(242, 151, 237, 0.55)) !important;
	}

	.mobile-swipe-ui__arrow--reject {
		left: calc(50vw - 134px) !important;
	}

	.mobile-swipe-ui__arrow--accept {
		right: calc(50vw - 134px) !important;
		transform: scaleX(-1) !important;
	}

	.mobile-swipe-ui__hands {
		display: block !important;
		position: fixed !important;
		left: 50vw !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) - 38px) !important;
		width: 188px !important;
		height: 178px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		transform: translateX(-50%) !important;
		animation: hands 3s linear infinite !important;
	}

	/* Swipe SVG words are viewport-fixed and independent from the tilted card. */
	#situation-block .mobile-swipe-words,
	.mobile-swipe-words {
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483647 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	#situation-block.hidden .mobile-swipe-words {
		display: none !important;
	}

	#situation-block .mobile-swipe-word,
	.mobile-swipe-word {
		display: block !important;
		position: fixed !important;
		top: calc(env(safe-area-inset-top, 0px) + 220px) !important;
		z-index: 2147483647 !important;
		pointer-events: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: opacity 0.12s ease, transform 0.12s ease !important;
	}

	#situation-block .mobile-swipe-word--reject,
	.mobile-swipe-word--reject {
		left: 14px !important;
		right: auto !important;
		transform: translateX(-8px) rotate(-7deg) !important;
	}

	#situation-block .mobile-swipe-word--accept,
	.mobile-swipe-word--accept {
		left: auto !important;
		right: 14px !important;
		transform: translateX(8px) rotate(7deg) !important;
	}

	body.mobile-swipe-reject-visible #situation-block .mobile-swipe-word--reject,
	#situation-block.mobile-swipe-reject-visible .mobile-swipe-word--reject,
	#situation-block .mobile-swipe-word--reject.visible {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateX(0) rotate(-7deg) !important;
	}

	body.mobile-swipe-accept-visible #situation-block .mobile-swipe-word--accept,
	#situation-block.mobile-swipe-accept-visible .mobile-swipe-word--accept,
	#situation-block .mobile-swipe-word--accept.visible {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateX(0) rotate(7deg) !important;
	}

	#situation-block .mobile-swipe-word img,
	.mobile-swipe-word img,
	#mobile-situation-reject-pic,
	#mobile-situation-accept-pic {
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: min(48vw, 190px) !important;
		max-height: 96px !important;
		opacity: 1 !important;
		visibility: visible !important;
		filter: drop-shadow(0 0 8px rgba(0,0,0,.25)) !important;
	}
}

@media all and (max-width: 390px) {
	.mobile-swipe-ui__arrow--reject {
		left: calc(50vw - 122px) !important;
	}

	.mobile-swipe-ui__arrow--accept {
		right: calc(50vw - 122px) !important;
	}

	.mobile-swipe-ui__hands {
		width: 172px !important;
		height: 162px !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) - 34px) !important;
	}

	#situation-block .mobile-swipe-word img,
	.mobile-swipe-word img,
	#mobile-situation-reject-pic,
	#mobile-situation-accept-pic {
		max-width: min(49vw, 176px) !important;
		max-height: 86px !important;
	}
}

/* === Patch 20260529g: final mobile controls + flat bubble color === */
@media all and (min-width: 1051px) {
	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-emoticon {
		color: #7359A8 !important;
		text-shadow: none !important;
	}
}

@media all and (max-width: 1050px) {
	#mobile-swipe-ui.mobile-swipe-ui,
	body > .mobile-swipe-ui {
		display: none !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483646 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	body.game-situation-active #mobile-swipe-ui.mobile-swipe-ui,
	body.game-situation-active > .mobile-swipe-ui {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	#mobile-swipe-ui .mobile-swipe-ui__arrow,
	body > .mobile-swipe-ui .mobile-swipe-ui__arrow {
		display: block !important;
		position: fixed !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) + 74px) !important;
		width: 66px !important;
		height: 38px !important;
		background: #F297ED !important;
		-webkit-mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		mask: url(img/situation/swipe-arrow.svg) center center / contain no-repeat !important;
		filter: drop-shadow(0 0 12px rgba(242, 151, 237, 0.72)) !important;
		z-index: 2147483646 !important;
	}

	#mobile-swipe-ui .mobile-swipe-ui__arrow--reject,
	body > .mobile-swipe-ui .mobile-swipe-ui__arrow--reject {
		left: calc(50vw - 146px) !important;
		transform: none !important;
	}

	#mobile-swipe-ui .mobile-swipe-ui__arrow--accept,
	body > .mobile-swipe-ui .mobile-swipe-ui__arrow--accept {
		right: calc(50vw - 146px) !important;
		transform: scaleX(-1) !important;
	}

	#mobile-swipe-ui .mobile-swipe-ui__hands,
	body > .mobile-swipe-ui .mobile-swipe-ui__hands {
		display: block !important;
		position: fixed !important;
		left: 50vw !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) + 2px) !important;
		width: 198px !important;
		height: 188px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		transform: translateX(-50%) !important;
		animation: hands 3s linear infinite !important;
		z-index: 2147483646 !important;
	}

	#mobile-swipe-words.mobile-swipe-words,
	body > .mobile-swipe-words {
		display: block !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483647 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	body:not(.game-situation-active) #mobile-swipe-words.mobile-swipe-words,
	body:not(.game-situation-active) > .mobile-swipe-words {
		display: none !important;
	}

	#mobile-swipe-words .mobile-swipe-word,
	body > .mobile-swipe-words .mobile-swipe-word {
		display: block !important;
		position: fixed !important;
		top: calc(env(safe-area-inset-top, 0px) + 220px) !important;
		z-index: 2147483647 !important;
		pointer-events: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transition: opacity 0.12s ease, transform 0.12s ease !important;
	}

	#mobile-swipe-words .mobile-swipe-word--reject,
	body > .mobile-swipe-words .mobile-swipe-word--reject {
		left: 14px !important;
		right: auto !important;
		transform: translateX(-8px) rotate(-7deg) !important;
	}

	#mobile-swipe-words .mobile-swipe-word--accept,
	body > .mobile-swipe-words .mobile-swipe-word--accept {
		left: auto !important;
		right: 14px !important;
		transform: translateX(8px) rotate(7deg) !important;
	}

	body.game-situation-active.mobile-swipe-reject-visible #mobile-swipe-words .mobile-swipe-word--reject,
	body.game-situation-active #mobile-swipe-words .mobile-swipe-word--reject.visible,
	body.game-situation-active.mobile-swipe-reject-visible > .mobile-swipe-words .mobile-swipe-word--reject {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateX(0) rotate(-7deg) !important;
	}

	body.game-situation-active.mobile-swipe-accept-visible #mobile-swipe-words .mobile-swipe-word--accept,
	body.game-situation-active #mobile-swipe-words .mobile-swipe-word--accept.visible,
	body.game-situation-active.mobile-swipe-accept-visible > .mobile-swipe-words .mobile-swipe-word--accept {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateX(0) rotate(7deg) !important;
	}

	#mobile-swipe-words .mobile-swipe-word img,
	body > .mobile-swipe-words .mobile-swipe-word img,
	#mobile-situation-reject-pic,
	#mobile-situation-accept-pic {
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: min(48vw, 190px) !important;
		max-height: 96px !important;
		opacity: 1 !important;
		visibility: visible !important;
		filter: drop-shadow(0 0 8px rgba(0,0,0,.25)) !important;
	}
}

@media all and (max-width: 390px) {
	#mobile-swipe-ui .mobile-swipe-ui__arrow--reject,
	body > .mobile-swipe-ui .mobile-swipe-ui__arrow--reject {
		left: calc(50vw - 132px) !important;
	}

	#mobile-swipe-ui .mobile-swipe-ui__arrow--accept,
	body > .mobile-swipe-ui .mobile-swipe-ui__arrow--accept {
		right: calc(50vw - 132px) !important;
	}

	#mobile-swipe-ui .mobile-swipe-ui__hands,
	body > .mobile-swipe-ui .mobile-swipe-ui__hands {
		width: 178px !important;
		height: 168px !important;
	}
}

/* === Patch 20260529h: single custom scrollbar everywhere === */
.situation-screen .scroll-pane,
.situation-screen .game-scroll-pane,
.situation-screen .scroll-pane.native-scroll {
	overflow-y: auto !important;
	overflow-x: hidden !important;
	padding-right: 18px !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}

.situation-screen .scroll-pane::-webkit-scrollbar,
.situation-screen .game-scroll-pane::-webkit-scrollbar,
.situation-screen .scroll-pane.native-scroll::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
	background: transparent !important;
}

.situation-screen .jspVerticalBar,
.situation-screen .jspHorizontalBar,
.situation-screen .jspContainer::after,
.situation-screen .jspArrow,
.situation-screen .jspTrack,
.situation-screen .jspDrag {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.situation-screen .jspContainer,
.situation-screen .jspPane {
	width: 100% !important;
	height: auto !important;
	overflow: visible !important;
}

.situation-screen .game-custom-scrollbar {
	position: absolute;
	right: 16px;
	width: 5px;
	z-index: 7;
	pointer-events: none;
	border-radius: 999px;
	background: rgba(191, 231, 255, 0.16);
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.18s ease;
}

.situation-screen .game-custom-scrollbar.is-visible {
	opacity: 1;
}

.situation-screen .game-custom-scrollbar__thumb {
	display: block;
	width: 100%;
	min-height: 30px;
	border-radius: 999px;
	background: #BFE7FF;
	box-shadow: none;
}

#story-block .situation-screen .situation-txt p,
#story-block .situation-screen.scrollable .wrap {
	padding-bottom: 14px !important;
}

#story-block .situation-screen .start-btn {
	margin-top: 6px !important;
}

#story-block .situation-screen .scroll-pane {
	padding-bottom: 8px !important;
}

@media all and (max-width: 1050px) {
	.situation-screen .game-custom-scrollbar {
		right: 15px;
		width: 4px;
	}
}


/* === Patch 20260529i: stable custom scrollbar vertical track position === */
.situation-screen .scroll-pane,
.situation-screen .game-scroll-pane,
.situation-screen .scroll-pane.native-scroll {
	overflow-anchor: none !important;
}

.situation-screen .game-custom-scrollbar {
	top: 54px;
}

@media all and (max-width: 1050px) {
	.situation-screen .game-custom-scrollbar {
		top: 78px;
	}
}

/* === Patch 20260529k: lock successful scrollbar, restore flat emoticons and mobile hand tilt === */
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon),
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) *,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon)::before,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon)::after,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) *::before,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) *::after {
	text-shadow: none !important;
	box-shadow: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	background-image: none !important;
}

.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon)::before,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon)::after,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .pic::before,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .pic::after,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-emoticon::before,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-emoticon::after {
	content: none !important;
	display: none !important;
}

.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .pic img,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-reaction {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-emoticon {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #7359A8 !important;
	-webkit-text-fill-color: #7359A8 !important;
	-webkit-text-stroke: 0 transparent !important;
	text-shadow: none !important;
	box-shadow: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	background: transparent !important;
	background-image: none !important;
	mix-blend-mode: normal !important;
	font-family: 'Roboto Condensed', 'Roboto', Arial, sans-serif !important;
	font-weight: 900 !important;
}

@media all and (max-width: 1050px) {
	#mobile-swipe-ui.is-tilting .mobile-swipe-ui__hands,
	body > .mobile-swipe-ui.is-tilting .mobile-swipe-ui__hands {
		animation: none !important;
		transform: translateX(-50%) rotate(var(--mobile-hands-rotate, 0deg)) !important;
		transform-origin: 50% 76% !important;
	}

	#mobile-swipe-ui:not(.is-tilting) .mobile-swipe-ui__hands,
	body > .mobile-swipe-ui:not(.is-tilting) .mobile-swipe-ui__hands {
		transform: translateX(-50%) !important;
	}
}

/* === Patch 20260529m: restore previously approved bubble asset + single mobile hands layer === */
@media all and (min-width: 1051px) {
	/* Возвращаем SVG-подложку пузыря: не трогаем фон самого .thinking-bubble. */
	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon),
	.situation-block:not(.hidden):not(#story-block) .thinking-bubble.hidden:not(.big-icon) {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		left: 34.5vw !important;
		top: calc(9.8vh + 30px) !important;
		right: auto !important;
		bottom: auto !important;
		width: clamp(230px, 17.5vw, 330px) !important;
		height: calc(clamp(230px, 17.5vw, 330px) * 0.387) !important;
		transform: none !important;
		background: transparent url("img/situation/throughts1.svg") center center / contain no-repeat !important;
		z-index: 2147482000 !important;
		pointer-events: none !important;
		overflow: visible !important;
		box-shadow: none !important;
		filter: none !important;
		-webkit-filter: none !important;
	}

	.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .pic {
		position: absolute !important;
		inset: 0 !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		background: transparent !important;
		box-shadow: none !important;
		filter: none !important;
		-webkit-filter: none !important;
	}
}

/* Дубль текста выключаем только у внутренних слоев, не у самого пузыря с SVG-фоном. */
.thinking-bubble:not(.big-icon) .pic::before,
.thinking-bubble:not(.big-icon) .pic::after,
.thinking-bubble:not(.big-icon) .bubble-emoticon::before,
.thinking-bubble:not(.big-icon) .bubble-emoticon::after,
.thinking-bubble:not(.big-icon) .bubble-reaction::before,
.thinking-bubble:not(.big-icon) .bubble-reaction::after {
	content: none !important;
	display: none !important;
}

.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .pic img,
.situation-block:not(.hidden):not(#story-block) .thinking-bubble:not(.big-icon) .bubble-reaction {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.thinking-bubble:not(.big-icon) .bubble-emoticon {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #7359A8 !important;
	-webkit-text-fill-color: #7359A8 !important;
	-webkit-text-stroke: 0 transparent !important;
	text-shadow: none !important;
	box-shadow: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	background: transparent !important;
	background-image: none !important;
	mix-blend-mode: normal !important;
	font-family: 'Roboto Condensed', 'Roboto', Arial, sans-serif !important;
	font-weight: 900 !important;
}

@media all and (max-width: 1050px) {
	/* На мобилке визуальные руки/стрелки только в body > #mobile-swipe-ui. */
	#situation-block > #mobile-swipe-ui,
	#situation-block .mobile-swipe-ui,
	.container #mobile-swipe-ui,
	.container .mobile-swipe-ui {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	#situation-block .situation-screen .btns > .hands,
	#situation-block .situation-screen .btns .hands,
	#situation-block .situation-screen .btns .ignore::before,
	#situation-block .situation-screen .btns .accept::before,
	#situation-block .situation-screen .btns .ignore::after,
	#situation-block .situation-screen .btns .accept::after,
	#situation-block .situation-screen .btns .ignore .pic,
	#situation-block .situation-screen .btns .accept .pic {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		content: none !important;
		background: none !important;
		animation: none !important;
		pointer-events: none !important;
	}

	body > #mobile-swipe-ui.mobile-swipe-ui {
		display: none !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483646 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	body.game-situation-active > #mobile-swipe-ui.mobile-swipe-ui {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body > #mobile-swipe-ui.mobile-swipe-ui .mobile-swipe-ui__hands {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		left: 50vw !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) - 30px) !important;
		width: 188px !important;
		height: 178px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		transform: translateX(-50%) var(--mobile-hands-tilt, rotate(0deg)) !important;
		transform-origin: 50% 78% !important;
		animation: mobileHandsIdle 3s linear infinite !important;
		z-index: 2147483646 !important;
	}

	body.mobile-card-swiping > #mobile-swipe-ui.mobile-swipe-ui .mobile-swipe-ui__hands {
		animation: none !important;
	}

	body > #mobile-swipe-ui.mobile-swipe-ui.is-tilting .mobile-swipe-ui__hands,
	body > #mobile-swipe-ui.mobile-swipe-ui:not(.is-tilting) .mobile-swipe-ui__hands {
		transform: translateX(-50%) var(--mobile-hands-tilt, rotate(0deg)) !important;
	}
}

/* === Patch 20260529n: restore approved desktop btns layering/stability + single mobile overlays === */
@media all and (min-width: 1051px) {
	/* Мобильные оверлеи на десктопе не участвуют: работает только штатный .btns. */
	body > #mobile-swipe-ui,
	body > .mobile-swipe-ui,
	body > #mobile-swipe-words,
	body > .mobile-swipe-words,
	#mobile-swipe-ui,
	.mobile-swipe-ui,
	#mobile-swipe-words,
	.mobile-swipe-words {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	/* Десктопный .btns возвращен в зафиксированную геометрию, без дергания от мобильных inline-правок. */
	#situation-block:not(.hidden) .situation-screen .btns {
		position: absolute !important;
		left: 50% !important;
		top: calc(100% - 100px) !important;
		width: 1920px !important;
		transform: translateX(-49%) !important;
		transition: none !important;
		z-index: 200 !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns .ignore,
	#situation-block:not(.hidden) .situation-screen .btns .accept,
	#situation-block:not(.hidden) .situation-screen .btns .hands,
	#situation-block:not(.hidden) .situation-screen .btns .pic {
		z-index: 201 !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns > .hands,
	#situation-block:not(.hidden) .situation-screen .btns .hands {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 316px !important;
		height: 300px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		pointer-events: none !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns .ignore,
	#situation-block:not(.hidden) .situation-screen .btns .accept,
	#situation-block:not(.hidden) .situation-screen .btns .hands {
		transition-property: opacity, transform !important;
	}

	/* Body-level glow ниже игрового интерфейса, кнопки поверх свечения карточки. */
	.card-glow-layer {
		z-index: 1 !important;
	}

	#situation-block .situation-screen::before,
	#situation-block .situation-screen::after {
		pointer-events: none !important;
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	#situation-block:not(.hidden) .situation-screen .btns {
		top: calc(100% - 13dvh) !important;
		transform: translateX(-50%) !important;
	}
}

body.game-reject-video-active .card-glow-layer,
body.game-reject-video-active .card-blur-layer {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media all and (max-width: 1050px) {
	/* На мобилке видимыми остаются только body-level оверлеи. Все внутренние/дублирующие слои глушатся. */
	#situation-block > #mobile-swipe-ui,
	#situation-block > .mobile-swipe-ui,
	#situation-block #mobile-swipe-ui,
	#situation-block .mobile-swipe-ui,
	.container #mobile-swipe-ui,
	.container .mobile-swipe-ui,
	body .container #mobile-swipe-ui,
	body .container .mobile-swipe-ui,
	#situation-block > #mobile-swipe-words,
	#situation-block > .mobile-swipe-words,
	#situation-block #mobile-swipe-words,
	#situation-block .mobile-swipe-words,
	.container #mobile-swipe-words,
	.container .mobile-swipe-words,
	body .container #mobile-swipe-words,
	body .container .mobile-swipe-words {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	#situation-block .situation-screen .btns > .hands,
	#situation-block .situation-screen .btns .hands,
	#situation-block .situation-screen .btns .ignore::before,
	#situation-block .situation-screen .btns .accept::before,
	#situation-block .situation-screen .btns .ignore::after,
	#situation-block .situation-screen .btns .accept::after,
	#situation-block .situation-screen .btns .ignore .pic,
	#situation-block .situation-screen .btns .accept .pic {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		content: none !important;
		background: none !important;
		animation: none !important;
		pointer-events: none !important;
	}

	body > #mobile-swipe-ui.mobile-swipe-ui {
		display: none !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483646 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	body.game-situation-active > #mobile-swipe-ui.mobile-swipe-ui {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body > #mobile-swipe-ui.mobile-swipe-ui .mobile-swipe-ui__hands {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		left: 50vw !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) - 30px) !important;
		width: 188px !important;
		height: 178px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		transform: translateX(-50%) var(--mobile-hands-tilt, rotate(0deg)) !important;
		transform-origin: 50% 78% !important;
		animation: mobileHandsIdle 3s linear infinite !important;
		z-index: 2147483646 !important;
	}

	body.mobile-card-swiping > #mobile-swipe-ui.mobile-swipe-ui .mobile-swipe-ui__hands {
		animation: none !important;
	}

	body > #mobile-swipe-words.mobile-swipe-words {
		display: none !important;
		position: fixed !important;
		inset: 0 !important;
		z-index: 2147483645 !important;
		pointer-events: none !important;
	}

	body.game-situation-active > #mobile-swipe-words.mobile-swipe-words.visible,
	body.game-situation-active.mobile-swipe-reject-visible > #mobile-swipe-words.mobile-swipe-words,
	body.game-situation-active.mobile-swipe-accept-visible > #mobile-swipe-words.mobile-swipe-words {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

/* === Final restore 20260529: keep approved scroll/emoticons, restore approved desktop btns + single mobile overlays === */

/* Desktop: .btns above every card/glow layer and without mobile race side-effects. */
@media all and (min-width: 1051px) {
	body > #mobile-swipe-ui,
	body > .mobile-swipe-ui,
	body > #mobile-swipe-words,
	body > .mobile-swipe-words,
	#mobile-swipe-ui,
	.mobile-swipe-ui,
	#mobile-swipe-words,
	.mobile-swipe-words {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.card-glow-layer,
	.card-blur-layer {
		z-index: 0 !important;
		pointer-events: none !important;
	}

	.container,
	.situation-block,
	#situation-block {
		z-index: 2 !important;
	}

	#situation-block:not(.hidden) .situation-screen {
		z-index: 99 !important;
		isolation: isolate !important;
	}

	#situation-block:not(.hidden) .situation-screen::before,
	#situation-block:not(.hidden) .situation-screen::after {
		z-index: 1 !important;
		pointer-events: none !important;
	}

	#situation-block:not(.hidden) .situation-screen .situation-txt,
	#situation-block:not(.hidden) .situation-screen .scroll-pane,
	#situation-block:not(.hidden) .situation-screen .game-custom-scrollbar {
		z-index: 3 !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns {
		display: flex !important;
		position: absolute !important;
		left: 50% !important;
		top: calc(100% - 100px) !important;
		width: 1920px !important;
		height: 300px !important;
		transform: translateX(-49%) !important;
		justify-content: center !important;
		align-items: center !important;
		z-index: 1000 !important;
		transition: none !important;
		pointer-events: none !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns .ignore,
	#situation-block:not(.hidden) .situation-screen .btns .accept,
	#situation-block:not(.hidden) .situation-screen .btns .pic,
	#situation-block:not(.hidden) .situation-screen .btns .pic img,
	#situation-block:not(.hidden) .situation-screen .btns button {
		z-index: 1002 !important;
		pointer-events: auto !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns > .hands,
	#situation-block:not(.hidden) .situation-screen .btns .hands {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		width: 316px !important;
		height: 300px !important;
		min-width: 316px !important;
		min-height: 300px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		z-index: 1001 !important;
		pointer-events: none !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns .ignore {
		position: absolute !important;
		right: calc(50% + 100px) !important;
		left: auto !important;
		max-width: 20% !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns .accept {
		position: absolute !important;
		left: calc(50% + 100px) !important;
		right: auto !important;
		max-width: 20% !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	#situation-block:not(.hidden) .situation-screen .btns {
		top: calc(100% - 13dvh) !important;
		transform: translateX(-50%) !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns .ignore {
		right: calc(50% + 15dvh) !important;
	}

	#situation-block:not(.hidden) .situation-screen .btns .accept {
		left: calc(50% + 15dvh) !important;
	}
}

/* Mobile: only the already-approved body-level controls/words are visible. */
@media all and (max-width: 1050px) {
	#situation-block > #mobile-swipe-ui,
	#situation-block > .mobile-swipe-ui,
	#situation-block #mobile-swipe-ui,
	#situation-block .mobile-swipe-ui,
	.container #mobile-swipe-ui,
	.container .mobile-swipe-ui,
	body .container #mobile-swipe-ui,
	body .container .mobile-swipe-ui,
	#situation-block > #mobile-swipe-words,
	#situation-block > .mobile-swipe-words,
	#situation-block #mobile-swipe-words,
	#situation-block .mobile-swipe-words,
	.container #mobile-swipe-words,
	.container .mobile-swipe-words,
	body .container #mobile-swipe-words,
	body .container .mobile-swipe-words {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	#situation-block .situation-screen .btns .hands,
	#situation-block .situation-screen .btns > .hands,
	#situation-block .situation-screen .btns .ignore::before,
	#situation-block .situation-screen .btns .accept::before,
	#situation-block .situation-screen .btns .ignore::after,
	#situation-block .situation-screen .btns .accept::after,
	#situation-block .situation-screen .btns .ignore .pic,
	#situation-block .situation-screen .btns .accept .pic,
	#situation-block .situation-screen .btns .ignore .pic *,
	#situation-block .situation-screen .btns .accept .pic * {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		max-width: 0 !important;
		max-height: 0 !important;
		content: none !important;
		background: none !important;
		animation: none !important;
		filter: none !important;
		pointer-events: none !important;
	}

	body > #mobile-swipe-ui.mobile-swipe-ui {
		display: none !important;
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		z-index: 2147483646 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	body.game-situation-active > #mobile-swipe-ui.mobile-swipe-ui {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body > #mobile-swipe-ui.mobile-swipe-ui .mobile-swipe-ui__hands {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed !important;
		left: 50vw !important;
		bottom: calc(env(safe-area-inset-bottom, 0px) - 30px) !important;
		width: 188px !important;
		height: 178px !important;
		background: url(img/situation/hands.webp) center center / contain no-repeat !important;
		transform: translateX(-50%) var(--mobile-hands-tilt, rotate(0deg)) !important;
		transform-origin: 50% 78% !important;
		animation: mobileHandsIdle 3s linear infinite !important;
		z-index: 2147483646 !important;
	}

	body.mobile-card-swiping > #mobile-swipe-ui.mobile-swipe-ui .mobile-swipe-ui__hands {
		animation: none !important;
	}

	body > #mobile-swipe-words.mobile-swipe-words {
		display: none !important;
		position: fixed !important;
		inset: 0 !important;
		z-index: 2147483645 !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
	}

	body.game-situation-active > #mobile-swipe-words.mobile-swipe-words.visible,
	body.game-situation-active.mobile-swipe-reject-visible > #mobile-swipe-words.mobile-swipe-words,
	body.game-situation-active.mobile-swipe-accept-visible > #mobile-swipe-words.mobile-swipe-words {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}


/* === Patch 20260529: no-rollback final fixes === */
/* Restore approved removal of ratingN.svg on rank/final screens. */
#rank-block #rank-image,
#rank-block .new-rank,
#final-block #final-rank-image {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}

/* Desktop hands: keep original visual state stable without touching the card border/glow. */
@media all and (min-width: 1051px) {
	#situation-block:not(.hidden) .situation-screen .btns > .hands,
	#situation-block:not(.hidden) .situation-screen .btns .hands {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: none !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}
}

/* === Patch 20260529: accept screen mobile fit + desktop card border restore === */
/* Keep already approved removal of ratingN.svg. */
#rank-block #rank-image,
#rank-block .new-rank,
#final-block #final-rank-image {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}

/* Decision/answer screen on desktop: restore the same visible SVG card frame only for this state. */
@media all and (min-width: 1051px) {
	#accept-block:not(.hidden) .situation-screen {
		background: none !important;
		background-color: transparent !important;
		box-shadow: none !important;
		isolation: isolate !important;
		overflow: visible !important;
	}

	#accept-block:not(.hidden) .situation-screen::after {
		content: '' !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		pointer-events: none !important;
		background: rgba(13, 27, 43, 0.62) !important;
		backdrop-filter: blur(30px) !important;
		-webkit-backdrop-filter: blur(30px) !important;
		-webkit-mask: url(img/situation/card-bg.svg) top center / contain no-repeat !important;
		mask: url(img/situation/card-bg.svg) top center / contain no-repeat !important;
	}

	#accept-block:not(.hidden) .situation-screen::before {
		content: '' !important;
		position: absolute !important;
		inset: 0 !important;
		z-index: 2 !important;
		pointer-events: none !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		background: url(img/situation/card-bg.svg) top center / contain no-repeat !important;
		filter:
			drop-shadow(0 0 60px #1F4F6C)
			drop-shadow(0 0 42px rgba(31, 79, 108, 0.95))
			drop-shadow(0 0 24px rgba(31, 79, 108, 0.85)) !important;
		-webkit-filter:
			drop-shadow(0 0 60px #1F4F6C)
			drop-shadow(0 0 42px rgba(31, 79, 108, 0.95))
			drop-shadow(0 0 24px rgba(31, 79, 108, 0.85)) !important;
	}

	#accept-block:not(.hidden) .situation-screen > *,
	#accept-block:not(.hidden) .situation-screen .situation-txt,
	#accept-block:not(.hidden) .situation-screen .dop-btns,
	#accept-block:not(.hidden) .situation-screen .dop-btn {
		position: relative !important;
		z-index: 3 !important;
	}
}

/* Mobile answer screen: fit long answers and move buttons higher without changing content. */
@media all and (max-width: 1050px) {
	#accept-block:not(.hidden) .situation-screen.flex {
		padding-top: 44px !important;
		padding-bottom: 44px !important;
	}

	#accept-block:not(.hidden) .situation-txt.more-btns {
		justify-content: flex-start !important;
	}

	#accept-block:not(.hidden) #question-text {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		line-height: 1.18 !important;
	}

	#accept-block:not(.hidden) .dop-btns {
		margin: 36px 0 0 !important;
		gap: 22px !important;
	}

	#accept-block:not(.hidden) .dop-btns .dop-btn {
		width: 340px !important;
		max-width: 88% !important;
		height: 74px !important;
		margin-top: 0 !important;
	}

	#accept-block:not(.hidden) .dop-btn button,
	#accept-block:not(.hidden) .dop-btn a {
		font-size: 14px !important;
		line-height: 1.08 !important;
		padding: 0 20px 8px !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
}

@media all and (max-width: 390px) {
	#accept-block:not(.hidden) .situation-screen.flex {
		padding-top: 38px !important;
		padding-bottom: 38px !important;
	}

	#accept-block:not(.hidden) .dop-btns {
		margin-top: 30px !important;
		gap: 18px !important;
	}

	#accept-block:not(.hidden) .dop-btns .dop-btn {
		height: 70px !important;
	}

	#accept-block:not(.hidden) .dop-btn button,
	#accept-block:not(.hidden) .dop-btn a {
		font-size: 13px !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
}

/* === Patch 20260529: remove damaging inner card fill/blur only === */
/* Preserve current approved frame/glow, scrollbar, emoticons, mobile hands and ratingN.svg removal. */
.situation-screen::after,
#accept-block:not(.hidden) .situation-screen::after {
	background: transparent !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
}

/* === Patch 20260529-etalon-answer-buttons: elastic SVG answer buttons, black body === */
html,
body {
	background: #000 !important;
	background-color: #000 !important;
}

/* Answer buttons use supplied SVGs and grow vertically when text needs more space. */
#accept-block .dop-btns {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 22px !important;
	width: 100% !important;
	margin: auto 0 !important;
}

#accept-block .dop-btns .dop-btn {
	width: 288px !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 80px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: url(img/situation/answer-btn.svg) center center / 100% 100% no-repeat !important;
	overflow: visible !important;
}

#accept-block .dop-btns .dop-btn::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 1 !important;
	pointer-events: none !important;
	background: url(img/situation/answer-btn-hover.svg) center center / 100% 100% no-repeat !important;
	opacity: 0 !important;
	transition: opacity 0.3s ease !important;
}

#accept-block .dop-btns .dop-btn:hover::before,
#accept-block .dop-btns .dop-btn:focus-within::before {
	opacity: 1 !important;
}

#accept-block .dop-btns .dop-btn button {
	position: relative !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 80px !important;
	height: auto !important;
	padding: 8px !important;
	border: 0 !important;
	background: transparent !important;
	color: #BFE7FF !important;
	font-family: 'Roboto Condensed', 'Roboto', 'Helvetica', sans-serif !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	text-align: center !important;
	text-transform: none !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: anywhere !important;
	hyphens: auto !important;
	cursor: pointer !important;
}

#accept-block .dop-btns .dop-btn:hover button,
#accept-block .dop-btns .dop-btn:focus-within button {
	color: #BFE7FF !important;
}

@media all and (max-height: 850px) and (min-width: 1051px) {
	#accept-block .dop-btns {
		gap: 1.8dvh !important;
	}

	#accept-block .dop-btns .dop-btn {
		width: 32dvh !important;
		min-height: 8.8dvh !important;
	}

	#accept-block .dop-btns .dop-btn button {
		min-height: 8.8dvh !important;
		font-size: 1.75dvh !important;
		padding: 8px !important;
	}
}

@media all and (max-width: 1050px) {
	#accept-block .dop-btns {
		gap: 18px !important;
		margin: auto 0 !important;
	}

	#accept-block .dop-btns .dop-btn {
		width: 290px !important;
		max-width: 88% !important;
		min-height: 80px !important;
	}

	#accept-block .dop-btns .dop-btn button {
		min-height: 80px !important;
		font-size: 15px !important;
		line-height: 1.12 !important;
		padding: 8px !important;
	}
}

/* === Patch 20260529-answer-buttons-wrap-center: readable elastic answer buttons === */
/* Keep current etalon state. Only answer buttons text flow/vertical centering is corrected. */
#accept-block .dop-btns .dop-btn {
	display: flex !important;
	align-items: stretch !important;
	justify-content: center !important;
	height: auto !important;
	min-height: 80px !important;
	padding: 0 !important;
	background-size: 100% 100% !important;
}

#accept-block .dop-btns .dop-btn::before {
	background-size: 100% 100% !important;
}

#accept-block .dop-btns .dop-btn button,
#accept-block .dop-btns .dop-btn button.ui-btn,
#accept-block .dop-btns .dop-btn .ui-btn {
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 80px !important;
	margin: 0 !important;
	padding: 8px !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 15px !important;
	line-height: 1.14 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	text-overflow: clip !important;
	overflow: visible !important;
}

#accept-block .dop-btns .dop-btn button .ui-btn-text,
#accept-block .dop-btns .dop-btn .ui-btn-text,
#accept-block .dop-btns .dop-btn button span,
#accept-block .dop-btns .dop-btn .ui-btn span {
	display: block !important;
	max-width: 100% !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	text-overflow: clip !important;
	overflow: visible !important;
}

@media all and (max-width: 1050px) {
	#accept-block .dop-btns .dop-btn {
		width: 290px !important;
		max-width: 88% !important;
		min-height: 80px !important;
	}

	#accept-block .dop-btns .dop-btn button,
	#accept-block .dop-btns .dop-btn button.ui-btn,
	#accept-block .dop-btns .dop-btn .ui-btn {
		min-height: 80px !important;
		padding: 8px !important;
		font-size: 15px !important;
		line-height: 1.14 !important;
	}
}

@media all and (min-width: 1051px) {
	#accept-block .dop-btns .dop-btn {
		width: 288px !important;
		min-height: 80px !important;
	}

	#accept-block .dop-btns .dop-btn button,
	#accept-block .dop-btns .dop-btn button.ui-btn,
	#accept-block .dop-btns .dop-btn .ui-btn {
		min-height: 80px !important;
		padding: 8px !important;
	}
}

/* === Patch 20260529-answer-buttons-mobile-padding: mobile inner spacing refinement === */
/* Etalon preserved. Only mobile answer button inner spacing is adjusted. */
@media all and (max-width: 1050px) {
	#accept-block .dop-btns .dop-btn button,
	#accept-block .dop-btns .dop-btn button.ui-btn,
	#accept-block .dop-btns .dop-btn .ui-btn {
		padding: 4px 20px 8px !important;
		line-height: 1.14 !important;
	}

	#accept-block .dop-btns .dop-btn button .ui-btn-text,
	#accept-block .dop-btns .dop-btn .ui-btn-text,
	#accept-block .dop-btns .dop-btn button span,
	#accept-block .dop-btns .dop-btn .ui-btn span {
		max-width: calc(100% - 40px) !important;
		margin: 0 auto !important;
	}
}

/* === Patch 20260529-answer-buttons-mobile-padding-more: slightly wider mobile side padding === */
/* Etalon preserved. Only mobile answer button side inner spacing is increased. */
@media all and (max-width: 1050px) {
	#accept-block .dop-btns .dop-btn button,
	#accept-block .dop-btns .dop-btn button.ui-btn,
	#accept-block .dop-btns .dop-btn .ui-btn {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	#accept-block .dop-btns .dop-btn button .ui-btn-text,
	#accept-block .dop-btns .dop-btn .ui-btn-text,
	#accept-block .dop-btns .dop-btn button span,
	#accept-block .dop-btns .dop-btn .ui-btn span {
		max-width: calc(100% - 48px) !important;
	}
}


/* === Patch 20260529-etalon-card-extra-blur-layer: same geometry as approved glow layer === */
/* Etalon preserved. Adds a separate body-level layer with the same coords/size/radius/z-index as .card-glow-layer. */
.card-blur-layer {
	position: fixed !important;
	left: 63.2vw !important;
	top: 49.9vh !important;
	width: 396px !important;
	height: 678px !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1 !important;
	pointer-events: none !important;
	border-radius: 22px !important;
	background: rgba(23, 10, 19, 0) !important;
	backdrop-filter: blur(5px) !important;
	-webkit-backdrop-filter: blur(5px) !important;
	box-shadow: none !important;
	filter: none !important;
	-webkit-filter: none !important;
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

body.card-layer-active .card-blur-layer {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

@media all and (min-width: 1051px) {
	.card-blur-layer,
	.card-glow-layer {
		z-index: 1 !important;
	}
}

@media all and (max-width: 1050px) {
	.card-blur-layer {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}
}

body.game-reject-video-active .card-blur-layer,
body.game-reject-video-active .card-glow-layer,
body:not(.card-layer-active) .card-blur-layer {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}


/* === Patch 20260529: restore approved card glow visibility without rollback === */
/* Move card layers into the active game screen so they sit above the video background and below the card/UI. */
@media all and (min-width: 1051px) {
	.situation-block:not(.hidden) > .card-glow-layer,
	.situation-block:not(.hidden) > .card-blur-layer {
		z-index: 1 !important;
		pointer-events: none !important;
	}

	.situation-block:not(.hidden) > .card-glow-layer {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.situation-block:not(.hidden) > .card-blur-layer {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	.situation-block:not(.hidden) > .screen-video-bg {
		z-index: 0 !important;
	}

	.situation-block:not(.hidden) .situation-screen {
		z-index: 99 !important;
	}

	.situation-block:not(.hidden) .situation-screen .btns {
		z-index: 200 !important;
	}
}

body.game-reject-video-active .card-glow-layer,
body.game-reject-video-active .card-blur-layer {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}


/* === Patch 20260529-safe-mobile-card-blur: mobile blur only, no glow === */
:root {
	--card-mobile-blur-opacity: 0;
	--card-mobile-blur-radius: 5px;
}

@media all and (max-width: 1050px) {
	/* На мобилке включаем только слой размытия. Свечение остается отключенным. */
	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		width: min(400px, calc(100vw - 32px)) !important;
		height: min(690px, calc(100dvh - 104px)) !important;
		transform: translate(-50%, -50%) !important;
		z-index: 1 !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: none !important;
		border-radius: 22px !important;
		background: rgba(23, 10, 19, 0) !important;
		backdrop-filter: blur(5px) !important;
		-webkit-backdrop-filter: blur(5px) !important;
		box-shadow: none !important;
		filter: none !important;
		-webkit-filter: none !important;
	}

	body.card-layer-active .situation-block:not(.hidden) > .card-glow-layer {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.situation-block:not(.hidden) > .screen-video-bg {
		z-index: 0 !important;
	}

	.situation-block:not(.hidden) .situation-screen {
		z-index: 99 !important;
	}
}


/* === Patch 20260529-blur-layer-requested-params: transparent background, 5px blur === */
.card-blur-layer,
body.card-layer-active .card-blur-layer,
body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
	background: rgba(23, 10, 19, 0) !important;
	backdrop-filter: blur(5px) !important;
	-webkit-backdrop-filter: blur(5px) !important;
}

/* === Patch 20260529-layer-fly-with-card: card blur/glow follows reject motion === */
.card-glow-layer,
.card-blur-layer {
	transform-origin: center center !important;
}

@media all and (min-width: 1051px) {
	.situation-block:not(.hidden) > .card-glow-layer.card-layer-deleted,
	.situation-block:not(.hidden) > .card-blur-layer.card-layer-deleted {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		transition: transform 0.8s ease-out, opacity 0.8s ease-out !important;
		transform: translate(-200%, -300%) rotate(-360deg) !important;
	}
}

@media all and (max-width: 1050px) {
	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		transform: var(--mobile-card-blur-transform, translate(-50%, -50%)) !important;
		transition: transform 0.3s ease, opacity 0.3s ease !important;
	}

	body.mobile-card-swiping.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		transform: var(--mobile-card-blur-transform, translate(-50%, -50%)) !important;
	}

	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer.card-layer-deleted {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		transition: transform 0.8s ease-out, opacity 0.8s ease-out !important;
		transform: translate(-200%, -200%) rotate(180deg) !important;
	}
}

/* === Patch 20260529-mobile-blur-follow-card-final: mobile blur copies card transform/deleted state === */
@media all and (max-width: 1050px) {
	body.card-layer-active #situation-block:not(.hidden) > .card-blur-layer,
	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		transform: var(--mobile-card-layer-transform, translate(-50%, -50%)) !important;
		transform-origin: center center !important;
		transition: transform 0.3s ease, opacity 0.3s ease !important;
	}

	body.card-layer-active #situation-block:not(.hidden) > .card-blur-layer.card-layer-deleted,
	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer.card-layer-deleted {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		transition: transform 0.8s ease-out, opacity 0.8s ease-out !important;
		transform: translate(-200%, -200%) rotate(180deg) !important;
	}
}

/* === Patch 20260529-mobile-blur-exact-geometry-and-desktop-layer-resync === */
/* Keeps the latest etalon intact. Only fixes mobile blur layer following the card and desktop layer reactivation after reject. */
@media all and (max-width: 1050px) {
	body.card-layer-active #situation-block:not(.hidden) > .card-blur-layer,
	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		position: fixed !important;
		left: var(--mobile-card-layer-left, 50vw) !important;
		top: var(--mobile-card-layer-top, 50vh) !important;
		width: var(--mobile-card-layer-width, min(400px, calc(100vw - 32px))) !important;
		height: var(--mobile-card-layer-height, min(690px, calc(100dvh - 104px))) !important;
		transform: translate(-50%, -50%) rotate(var(--mobile-card-layer-rotate, 0deg)) !important;
		transform-origin: center center !important;
		transition: transform 0.3s ease, left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease, opacity 0.3s ease !important;
	}

	body.mobile-card-swiping.card-layer-active #situation-block:not(.hidden) > .card-blur-layer,
	body.mobile-card-swiping.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		transition: none !important;
	}

	body.card-layer-active #situation-block:not(.hidden) > .card-blur-layer.card-layer-deleted,
	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer.card-layer-deleted {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		transition: transform 0.8s ease-out, opacity 0.8s ease-out !important;
		transform: translate(-200%, -200%) rotate(180deg) !important;
	}
}


/* === Patch 20260529c: return to etalon, mobile static background/card, no mobile blur === */
html,
body {
    background: #000 !important;
}

@media all and (max-width: 1050px) {
    .card-blur-layer {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: transparent !important;
    }

    .bg-video,
    .screen-video-bg,
    .screen-video-bg__media {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .start-block,
    .situation-block,
    #reject-block {
        background: #000 url(img/moblie_bg.jpg) center center / cover no-repeat !important;
    }

    .situation-screen {
        background: url(img/bg-card-mobile.webp) top center / 100% 100% no-repeat !important;
    }
}


/* === Patch 20260529d: mobile no blur and no doubled card background === */
@media all and (max-width: 1050px) {
    /* Полностью убираем все внешние и внутренние blur-слои на мобилке. */
    .card-blur-layer,
    .situation-block > .card-blur-layer,
    .sit-wrap > .card-blur-layer,
    .situation-screen > .card-blur-layer {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        background: transparent !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
        -webkit-filter: none !important;
    }

    /* Убираем старые псевдослои карточки, которые давали blur/заливку и второй контур поверх mobile webp. */
    .situation-screen::before,
    .situation-screen::after {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        background: none !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        -webkit-mask: none !important;
        mask: none !important;
    }

    /* На мобилке карточка рисуется одним слоем — только этим webp. */
    .situation-screen {
        background: url(img/bg-card-mobile.webp) top center / 100% 100% no-repeat !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        filter: none !important;
        -webkit-filter: none !important;
    }

    /* Видео на мобилке выключено, фон статичный. */
    .screen-video-bg,
    .screen-video-bg__media,
    .bg-video,
    .bg-video video {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .start-block,
    .situation-block {
        background: #000 url(img/moblie_bg.jpg) center center / cover no-repeat !important;
    }
}


/* === Patch 20260529e: hard-disable any moving blur layer on mobile === */
@media all and (max-width: 1050px) {
    body.game-mobile-viewport .card-blur-layer,
    body.game-mobile-viewport .card-blur-layer.card-layer-active,
    body.game-mobile-viewport .card-blur-layer.card-layer-deleted,
    body.game-mobile-viewport .situation-block > .card-blur-layer,
    body.game-mobile-viewport .sit-wrap > .card-blur-layer,
    body.game-mobile-viewport .situation-screen > .card-blur-layer,
    .game-mobile-viewport .card-blur-layer {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        left: -99999px !important;
        top: -99999px !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        pointer-events: none !important;
        background: transparent !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }
}


/* === Patch 20260529i: inline share panel inside final card === */
.situation-screen .situation-txt.final .share-inline {
	display: none;
	width: 100%;
	max-width: 320px;
	margin: 18px auto 0;
}

.situation-screen .situation-txt.final .share-inline.visible {
	display: block;
}

.situation-screen .situation-txt.final .share-inline .share-icons {
	padding: 0 !important;
	margin: 0 auto 16px !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: center;
	align-items: center;
	gap: 16px;
	width: auto;
}

.situation-screen .situation-txt.final .share-inline .share-icons a {
	display: flex !important;
	position: static !important;
	width: 54px !important;
	height: 54px !important;
	min-width: 54px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	text-decoration: none;
	transition: transform .2s ease, filter .2s ease;
}

.situation-screen .situation-txt.final .share-inline .share-icons a:after,
.situation-screen .situation-txt.final .share-inline .share-icons a:before {
	content: none !important;
	display: none !important;
}

.situation-screen .situation-txt.final .share-inline .share-icons a:hover {
	transform: translateY(-2px);
	filter: drop-shadow(0 0 10px rgba(191,231,255,.4));
}

.situation-screen .situation-txt.final .share-inline .share-icons a img {
	position: static !important;
	transform: none !important;
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto;
	height: auto;
}

.situation-screen .situation-txt.final .share-inline .start-btn {
	margin-top: 0 !important;
}

.situation-screen .situation-txt.final .share-inline .share-bwf-btn {
	margin-bottom: 14px !important;
}

/* Старый отдельный share-экран больше не используется. */
.situation-screen .situation-txt.share {
	display: none !important;
}

@media all and (max-width: 1050px) {
	.situation-screen .situation-txt.final .share-inline {
		max-width: 260px;
		margin-top: 14px;
	}

	.situation-screen .situation-txt.final .share-inline .share-icons {
		margin-bottom: 14px !important;
		gap: 12px;
	}

	.situation-screen .situation-txt.final .share-inline .share-icons a {
		width: 50px !important;
		height: 50px !important;
		min-width: 50px !important;
	}

	.situation-screen .situation-txt.final .share-inline .share-bwf-btn {
		margin-bottom: 12px !important;
	}
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	.situation-screen .situation-txt.final .share-inline {
		max-width: 30dvh;
		margin-top: 1.5dvh;
	}

	.situation-screen .situation-txt.final .share-inline .share-icons {
		gap: 1.5dvh;
		margin-bottom: 1.5dvh !important;
	}

	.situation-screen .situation-txt.final .share-inline .share-icons a {
		width: 5.8dvh !important;
		height: 5.8dvh !important;
		min-width: 5.8dvh !important;
	}

	.situation-screen .situation-txt.final .share-inline .share-bwf-btn {
		margin-bottom: 1.2dvh !important;
	}
}


/* === Patch 20260601a: share inline order, text scale and toggle-safe layout === */
.situation-screen .situation-txt.final .share-bwf-btn {
	margin-top: 10px !important;
}

.situation-screen .situation-txt.final .share-toggle-btn {
	margin-top: 10px !important;
}

.situation-screen .situation-txt.final .share-inline {
	max-width: 288px !important;
	margin: 12px auto 0 !important;
}

.situation-screen .situation-txt.final .share-inline.visible {
	display: block !important;
}

.situation-screen .situation-txt.final .share-inline.hidden {
	display: none !important;
}

.situation-screen .situation-txt.final .share-inline .share-icons {
	margin-bottom: 12px !important;
}

.situation-screen .situation-txt.final .share-inline .share-back-link {
	margin-top: 0 !important;
}

.situation-screen .situation-txt.final .share-bwf-btn a,
.situation-screen .situation-txt.final .share-toggle-btn a,
.situation-screen .situation-txt.final .share-back-link a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
	width: 100% !important;
	padding: 0 18px 8px !important;
	box-sizing: border-box !important;
	line-height: 1.05 !important;
	font-family: inherit !important;
	font-size: 28px !important;
	font-weight: 900 !important;
	letter-spacing: 1px !important;
	text-align: center !important;
	text-transform: uppercase !important;
	white-space: normal !important;
	color: #BFE7FF !important;
}

.situation-screen .situation-txt.final .share-back-link a,
.situation-screen .situation-txt.final .share-bwf-btn a {
	font-size: 22px !important;
}

.situation-screen .situation-txt.final .share-toggle-btn a {
	font-size: 28px !important;
}

@media all and (min-width: 1051px) and (max-height: 850px) {
	.situation-screen .situation-txt.final .share-bwf-btn,
	.situation-screen .situation-txt.final .share-toggle-btn {
		margin-top: 1dvh !important;
	}

	.situation-screen .situation-txt.final .share-inline {
		max-width: 30dvh !important;
		margin-top: 1.1dvh !important;
	}

	.situation-screen .situation-txt.final .share-inline .share-icons {
		margin-bottom: 1.1dvh !important;
	}

	.situation-screen .situation-txt.final .share-bwf-btn a,
	.situation-screen .situation-txt.final .share-back-link a {
		font-size: 1.75dvh !important;
		padding-bottom: .8dvh !important;
	}

	.situation-screen .situation-txt.final .share-toggle-btn a {
		font-size: 2.2dvh !important;
		padding-bottom: .8dvh !important;
	}
}

@media all and (max-width: 1050px) {
	.situation-screen .situation-txt.final .share-bwf-btn,
	.situation-screen .situation-txt.final .share-toggle-btn {
		margin-top: 10px !important;
	}

	.situation-screen .situation-txt.final .share-inline {
		max-width: 260px !important;
		margin-top: 12px !important;
	}

	.situation-screen .situation-txt.final .share-inline .share-icons {
		margin-bottom: 12px !important;
	}

	.situation-screen .situation-txt.final .share-bwf-btn a,
	.situation-screen .situation-txt.final .share-back-link a {
		font-size: 16px !important;
		padding-bottom: 6px !important;
	}

	.situation-screen .situation-txt.final .share-toggle-btn a {
		font-size: 24px !important;
		padding-bottom: 6px !important;
	}
}


/* === Patch 20260601: final share buttons - 20% smaller, unified text size === */
#final-block .situation-txt.final .start-btn,
#final-block .situation-txt.final .share-inline .start-btn {
	width: 230px !important;
	height: 51px !important;
}

#final-block .situation-txt.final .start-btn button,
#final-block .situation-txt.final .start-btn a,
#final-block .situation-txt.final .share-inline .start-btn a {
	font-size: 15px !important;
	line-height: 1.05 !important;
	letter-spacing: 0.6px !important;
	padding: 0 14px 5px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	white-space: normal !important;
}

#final-block .situation-txt.final .share-inline .share-bwf-btn,
#final-block .situation-txt.final .share-inline .share-back-link {
	width: 230px !important;
	height: 51px !important;
}

@media all and (max-height: 850px) and (min-width: 1051px) {
	#final-block .situation-txt.final .start-btn,
	#final-block .situation-txt.final .share-inline .start-btn,
	#final-block .situation-txt.final .share-inline .share-bwf-btn,
	#final-block .situation-txt.final .share-inline .share-back-link {
		width: 25.6dvh !important;
		height: 6.2dvh !important;
	}

	#final-block .situation-txt.final .start-btn button,
	#final-block .situation-txt.final .start-btn a,
	#final-block .situation-txt.final .share-inline .start-btn a {
		font-size: 1.55dvh !important;
		padding: 0 1.4dvh 0.5dvh !important;
	}
}

@media all and (max-width: 1050px) {
	#final-block .situation-txt.final .start-btn,
	#final-block .situation-txt.final .share-inline .start-btn,
	#final-block .situation-txt.final .share-inline .share-bwf-btn,
	#final-block .situation-txt.final .share-inline .share-back-link {
		width: 208px !important;
		height: 46px !important;
	}

	#final-block .situation-txt.final .start-btn button,
	#final-block .situation-txt.final .start-btn a,
	#final-block .situation-txt.final .share-inline .start-btn a {
		font-size: 14px !important;
		padding: 0 12px 5px !important;
	}
}

@media all and (max-width: 360px) {
	#final-block .situation-txt.final .start-btn,
	#final-block .situation-txt.final .share-inline .start-btn,
	#final-block .situation-txt.final .share-inline .share-bwf-btn,
	#final-block .situation-txt.final .share-inline .share-back-link {
		width: 190px !important;
		height: 43px !important;
	}

	#final-block .situation-txt.final .start-btn button,
	#final-block .situation-txt.final .start-btn a,
	#final-block .situation-txt.final .share-inline .start-btn a {
		font-size: 12px !important;
		padding: 0 10px 4px !important;
	}
}


/* === Patch 20260601b: final production state and tighter rank gap === */
#final-block .situation-txt.final > p:last-of-type {
	padding-bottom: 10px !important;
}

#final-block .situation-txt.final > p:last-of-type + .start-btn {
	margin-top: 5px !important;
}

@media all and (max-height: 850px) and (min-width: 1051px) {
	#final-block .situation-txt.final > p:last-of-type {
		padding-bottom: 0.8dvh !important;
	}

	#final-block .situation-txt.final > p:last-of-type + .start-btn {
		margin-top: 0.4dvh !important;
	}
}

@media all and (max-width: 1050px) {
	#final-block .situation-txt.final > p:last-of-type {
		padding-bottom: 8px !important;
	}

	#final-block .situation-txt.final > p:last-of-type + .start-btn {
		margin-top: 4px !important;
	}
}


/* === Patch 20260601c: desktop card glow/blur bound to real card geometry === */
/* Старые body/block-level слои на десктопе больше не участвуют в позиционировании:
   они плыли при масштабе браузера/DPI, потому что жили отдельно от карточки. */
@media all and (min-width: 1051px) {
	.card-glow-layer,
	.card-blur-layer,
	.situation-block > .card-glow-layer,
	.situation-block > .card-blur-layer {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.situation-screen {
		isolation: isolate !important;
		overflow: visible !important;
	}

	.situation-screen .card-local-effects {
		position: absolute !important;
		inset: 0 !important;
		z-index: 0 !important;
		pointer-events: none !important;
		border-radius: 22px !important;
		overflow: visible !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
	}

	.situation-screen .card-local-blur,
	.situation-screen .card-local-glow {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		border-radius: 22px !important;
		pointer-events: none !important;
		transform: none !important;
	}

	.situation-screen .card-local-blur {
		z-index: 0 !important;
		background: rgba(23, 10, 19, 0) !important;
		backdrop-filter: blur(5px) !important;
		-webkit-backdrop-filter: blur(5px) !important;
		-webkit-mask: url(img/situation/card-bg.svg) top center / 100% 100% no-repeat !important;
		mask: url(img/situation/card-bg.svg) top center / 100% 100% no-repeat !important;
		box-shadow: none !important;
	}

	.situation-screen .card-local-glow {
		z-index: 0 !important;
		background: transparent !important;
		box-shadow:
			0 0 96px 2px rgba(31, 79, 108, 0.36),
			0 0 89px 4px rgba(31, 79, 108, 0.7) !important;
	}

	.situation-screen::before,
	.situation-screen::after {
		z-index: 1 !important;
	}

	.situation-screen > *:not(.card-local-effects),
	.situation-screen .situation-txt,
	.situation-screen .btns,
	.situation-screen .scroll-pane,
	.situation-screen .jspContainer,
	.situation-screen .jspPane,
	.situation-screen .game-custom-scrollbar {
		position: relative;
		z-index: 3 !important;
	}

	.situation-screen .btns {
		z-index: 4 !important;
	}
}

@media all and (max-width: 1050px) {
	.situation-screen .card-local-effects {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}


/* === Patch 20260601d: keep custom scrollbar absolute after local card effects === */
@media all and (min-width: 1051px) {
	.situation-screen .game-custom-scrollbar {
		position: absolute !important;
		right: 16px !important;
		left: auto !important;
		z-index: 7 !important;
		pointer-events: none !important;
	}

	.situation-screen .game-custom-scrollbar__thumb {
		position: relative !important;
		display: block !important;
	}
}


/* === Patch 20260601e: desktop glow/blur align by real card rect on zoom === */
/* Локальный эффект внутри карточки отключен: на нестандартном zoom он давал видимую прямоугольную плашку. */
@media all and (min-width: 1051px) {
	.situation-screen .card-local-effects,
	.situation-screen .card-local-blur,
	.situation-screen .card-local-glow {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.card-glow-layer,
	.card-blur-layer,
	.situation-block > .card-glow-layer,
	.situation-block > .card-blur-layer {
		position: fixed !important;
		transform: none;
		transform-origin: center center !important;
		z-index: 1 !important;
		pointer-events: none !important;
		border-radius: 22px !important;
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
	}

	body.card-layer-active .situation-block:not(.hidden) > .card-glow-layer,
	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body.card-layer-active .situation-block:not(.hidden) > .card-glow-layer {
		background: transparent !important;
		box-shadow:
			0 0 96px 2px rgba(31, 79, 108, 0.36),
			0 0 89px 4px rgba(31, 79, 108, 0.7) !important;
		filter: none !important;
		-webkit-filter: none !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	body.card-layer-active .situation-block:not(.hidden) > .card-blur-layer {
		background: rgba(23, 10, 19, 0) !important;
		box-shadow: none !important;
		filter: none !important;
		-webkit-filter: none !important;
		backdrop-filter: blur(5px) !important;
		-webkit-backdrop-filter: blur(5px) !important;
	}

	body.game-reject-video-active .card-glow-layer,
	body.game-reject-video-active .card-blur-layer,
	body:not(.card-layer-active) .card-glow-layer,
	body:not(.card-layer-active) .card-blur-layer {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.situation-block:not(.hidden) > .card-glow-layer.card-layer-deleted,
	.situation-block:not(.hidden) > .card-blur-layer.card-layer-deleted {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		transition: transform 0.8s ease-out, opacity 0.8s ease-out !important;
		transform: translate(-200%, -300%) rotate(-360deg) !important;
	}
}