/** * Stephino Rpg CSS * * @title Core UI * @desc Common CSS rules for all views * @copyright (c) 2021, Stephino * @author Mark Jivko * @package stephino-rpg * @license GPL v3+, https://gnu.org/licenses/gpl-3.0.txt */ /*Game:Common*/html, body, [data-role="map-holder"], .modal-backdrop { -ms-touch-action: none !important; touch-action: none !important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}html { position: fixed; top: 0; left: 0; bottom: 0; right: 0;}html, body { height: 100%;}body { background: #e0d3a5; overflow: hidden; position: relative; text-shadow: 0px 1px 1px #000, 0px 1px 2px #000, 0px -1px 1px #000, 1px 0px 1px #000, -1px 0px 1px #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom: 0.6;}.form-control:focus, .form-control:active { border-color: #ff631e !important; -webkit-box-shadow: none; box-shadow: none;}a { color: #ff631e;}span[data-click] { color: #ff631e;}span[data-click]:hover { text-decoration: underline;}span[data-click].dropdown-item { color: #fff;}span[data-click].dropdown-item:hover { text-decoration: none;}h1, h2, h3, h4, h5, h6 { text-align: center; width: 100%; padding: 0.5rem 0; margin-bottom: 0.5rem;}::-webkit-scrollbar { width: 6px;}::-webkit-scrollbar-track { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3)}::-webkit-scrollbar-thumb { border-radius: 6px; background: rgba(255,255,255,0.8); }::-webkit-scrollbar:horizontal { height: 6px;}.text-small { font-size: 12px;}[data-effect="typewriter"] { display: none;}[data-effect="typewriter"].active { display: block; word-break: break-word;}[data-effect="typewriter"].active:after { content: '\2771'; display: inline-block; -webkit-animation: anim-new-message 0.8s infinite both; animation: anim-new-message 0.8s infinite both; margin-left: 5px;}[data-effect="typewriter"].done:after { display: none;}.bg-dark { border-radius: 5px;}a.skip-link { position: absolute; opacity: 0; left: -2vw; top: -2vh; font-size: 1px;}.ptf-card { background: rgba(0,0,0,0.3); padding-bottom: 10px; border-radius: 10px; text-align: center; margin-bottom: 20px; position: relative;}.ptf-card [data-role="ptf-won"],.ptf-card [data-role="ptf-reward"] { position: absolute; left: 0px; top: 0px; z-index: 2; height: 30px; line-height: 30px; background-color: rgba(0,0,0,0.4); vertical-align: middle; padding: 0 10px; border-radius: 5px;}.ptf-card [data-role="ptf-reward"] { left: auto; right: 0px; z-index: 1;}.ptf-card [data-role="ptf-reward"] > .res { margin-top: -10px; margin-left: -10px;}.ptf-card [data-role="ptf-name"] { display: inline-block; font-weight: bold; padding: 0px 10px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 20px; width: 100%; white-space: nowrap; text-align: center;}.ptf-card [data-role="ptf-labels"] { display: inline-block; position: absolute; width: 100%; left: -5px; top: 35px; text-align: left; z-index: 2;}.ptf-card [data-role="ptf-labels"] > span { float: left; display: inline-block; clear: both;}[data-effect="ptfPreview"] > canvas { width: 100%; height: auto; border-radius: 10px; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear;}[data-effect="ptfPreview"] > canvas:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}[data-role="ptf-embed"], [data-role="ptf-embed"].framed, [data-effect="ptfPreview"] > canvas { background: -o-linear-gradient(bottom, rgba(0,0,0,0.4) 50%, rgba(35,35,35,0.6) 95%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0,0,0,0.4)), color-stop(95%, rgba(35,35,35,0.6)), to(rgba(0,0,0,0.5))); background: linear-gradient(0deg, rgba(0,0,0,0.4) 50%, rgba(35,35,35,0.6) 95%, rgba(0,0,0,0.5) 100%);}[data-role="ptf-embed"].ptf-creator { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); margin-left: 25px; margin-top: 50px; margin-bottom: 75px;}[data-role="ptf-embed"] > div,[data-role="ptf-embed"] > iframe,[data-role="ptf-embed"] > [data-effect="ptfCreator"] > canvas { border-radius: 5px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"] { z-index: 30;}[data-role="ptf-embed"] > [data-effect="ptfCreator"],[data-role="ptf-embed"] > [data-effect="ptfCreator"] > canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav,[data-effect="sentryCustomizer"] .sentry-nav { top: auto; left: auto; position: absolute; width: 50px; height: 50px; background: rgba(0,0,0,0.5); text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); border-radius: 5px; text-transform: uppercase;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav:hover, [data-effect="sentryCustomizer"] .sentry-nav:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav.active, [data-effect="sentryCustomizer"] .sentry-nav.active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-box-shadow: 0px 0px 0px 2px #ff631e inset; box-shadow: 0px 0px 0px 2px #ff631e inset;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav:before, [data-effect="sentryCustomizer"] .sentry-nav:before { content: ''; display: block; position: absolute; width: 50px; height: 50px; background-position: -112px -360px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-w, [data-effect="sentryCustomizer"] .sentry-nav-w { top: -50px; left: 50%; margin-left: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-a, [data-effect="sentryCustomizer"] .sentry-nav-a { top: 50%; left: -50px; margin-top: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-s, [data-effect="sentryCustomizer"] .sentry-nav-s { bottom: -50px; left: 50%; margin-left: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-d, [data-effect="sentryCustomizer"] .sentry-nav-d { right: -50px; top: 50%; margin-top: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-w:before, [data-effect="sentryCustomizer"] .sentry-nav-w:before { top: -15px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-a:before, [data-effect="sentryCustomizer"] .sentry-nav-a:before { left: -15px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-s:before, [data-effect="sentryCustomizer"] .sentry-nav-s:before { bottom: -15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-d:before, [data-effect="sentryCustomizer"] .sentry-nav-d:before { right: -15px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-w.active:before, [data-effect="sentryCustomizer"] .sentry-nav-w.active:before { top: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-a.active:before, [data-effect="sentryCustomizer"] .sentry-nav-a.active:before { left: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-s.active:before, [data-effect="sentryCustomizer"] .sentry-nav-s.active:before { bottom: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav-d.active:before, [data-effect="sentryCustomizer"] .sentry-nav-d.active:before { right: -25px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"] > .d-grid { display: -ms-grid; display: grid; width: 100%; height: 100%; z-index: 2; position: relative; outline: none;}[data-role="ptf-embed"] > [data-effect="ptfCreator"] > .d-grid > .row { margin: 0 !important;}[data-role="ptf-embed"] > [data-effect="ptfCreator"] > .d-grid .col { padding: 0 !important; border-radius: 5px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"] > .d-grid .col:hover { -webkit-box-shadow: 0px 0px 0px 2px #ff631e inset; box-shadow: 0px 0px 0px 2px #ff631e inset; background: rgba(0,0,0,0.3);}[data-role="ptf-tools"] > .ptf-brushes > div > div { width: 64px; height: 64px; margin: 5px; border-radius: 2px; background-image: url("__MEDIA_URL__/img/ui/ptfs/ptf-tiles.png"); background-repeat: no-repeat; background-color: rgba(0,0,0,0.3); display: inline-block; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; -o-transition: transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear;}[data-role="ptf-tools"] > .ptf-brushes > div > div.active { -webkit-box-shadow: 0px 0px 0px 2px #ff631e; box-shadow: 0px 0px 0px 2px #ff631e;}[data-role="ptf-tools"] > .ptf-brushes > div > div:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}[data-role="ptf-embed"] > [data-effect="ptfCreator"] > .ptf-hud { position: absolute; right: 10px; top: 10px; background: rgba(0,0,0,0.6); z-index: 1; border-radius: 2px;}[data-role="ptf-embed"] > [data-effect="ptfCreator"] > .ptf-hud > span { position: absolute; display: block; background: rgba(255,255,255,0.5); -webkit-box-shadow: 0px 0px 0px 2px #fff inset; box-shadow: 0px 0px 0px 2px #fff inset; border-radius: 2px;}[data-role="ptf-review"] > .badge,[data-role="ptf-visibility"] > .badge { display: none;}[data-effect="ptfStars"] { width: 100px; height: 20px; position: relative; margin: 10px auto;}[data-effect="ptfStars"] > div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1;}[data-effect="ptfStars"] > div:first-child { z-index: 2; overflow: hidden;}[data-effect="ptfStars"] > div:first-child > div { position: absolute; width: 100px; height: 20px;}[data-effect="ptfStars"] > div:nth-child(2) { -webkit-filter: grayscale(1); filter: grayscale(1);}[data-effect="ptfStars"] i { display: inline-block; background-position: -490px -40px; width: 20px; height: 20px; float: left; white-space: nowrap;}[data-effect="ptfStars"] > div:first-child i { background-position: -490px -20px;}body > .loading { background: #23282d; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; -webkit-transition: all 0.6s cubic-bezier(0.490, -0.600, 0.395, 1.365); -o-transition: all 0.6s cubic-bezier(0.490, -0.600, 0.395, 1.365); transition: all 0.6s cubic-bezier(0.490, -0.600, 0.395, 1.365); z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}body > .loading .loading-text { color: #fff; position: relative; z-index: 100; font-size: 30px; line-height: 40px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align: center;}body > .loading .loading-text.error { width: 300px; margin-left: -150px;}body > .loading .loading-text > span { float: left; display: inline-block; width: 100%; margin-top: 20px; font-size: 15px; line-height: 15px;}body > .loading .loading-text:before { content: ""; width: 40px; height: 40px; background: url("__ROOT_URL__/ui/img/icon.svg") no-repeat 50% 100% transparent; background-size: 100% 100%; left: -50px; top: 0px; position: absolute;}body.loaded > .loading { height: 0%; opacity: 0;}body.loaded.loaded-final > .loading .loading-text { opacity: 0;}body.loaded.loaded-final > .loading { display: none;}[data-role="info-landscape"] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #23282d; z-index: 20000; overflow: hidden; display: none;}[data-role="info-landscape"] > div { background-color: transparent; width: 120px; height: 200px; border-style: solid; border-width: 6.5px; border-radius: 5px; margin-left: -60px; margin-top: -140px; left: 50%; top: 50%; position: absolute; -webkit-animation: anim-landscape 3s infinite ease-in-out; animation: anim-landscape 3s infinite ease-in-out;}[data-role="info-landscape"] > div:before { content: ''; display: block; width: 117px; height: 14px; border-style: solid; border-width: 4px 54px; border-radius: 5px; top: -5px; left: -5px; position: absolute;}[data-role="info-landscape"] > div:after { content: ''; display: block; width: 20px; height: 20px; border-style: solid; border-width: 3px; border-radius: 50%; bottom: 10px; left: 40px; position: absolute;}[data-role="info-landscape"] > span { position: absolute; bottom: 50%; width: 300px; left: 50%; margin-bottom: -150px; margin-left: -150px; font-size: 20px; line-height: 24px; text-align: center;}@-webkit-keyframes anim-landscape { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 50% {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} 99.9% {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}@keyframes anim-landscape { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 50% {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} 99.9% {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} 100% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}}[data-role="spinner"] { display: inline-block; width: 80px; height: 80px;}[data-role="spinner"]:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; -webkit-animation: anim-spinner 1.2s linear infinite; animation: anim-spinner 1.2s linear infinite;}@-webkit-keyframes anim-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes anim-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}.stephino-console { position: absolute; z-index: 100000; top: 50px; left: 20px; background: rgba(0, 0, 0, 0.4); width: 600px; border-radius: 5px; display: none; height: -webkit-calc(100% - 100px); height: calc(100% - 100px);}.stephino-console.active { display: inline-block;}.stephino-console [data-role="console-input"] { color: #ffffff; font-family: monospace; font-size: 16px; line-height: 20px; padding: 5px 10px; text-shadow: none !important; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; display: inline-block; width: 100%; position: absolute; border: none; background: rgba(0, 0, 0, 0.4); text-indent: 25px; text-shadow: 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 0px 2px 4px #000 !important; bottom: 0; border-radius: 5px;}.stephino-console:before { content: '>'; position: absolute; bottom: 5px; left: 5px; display: inline-block; width: 20px; height: 20px; background: rgba(0, 0, 0, 0.5); z-index: 2; font-family: monospace; font-size: 16px; line-height: 20px; border-radius: 5px; text-align: center;}.stephino-console > form { height: 100%;}.stephino-console [data-role="console-input"]:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}.stephino-console .console-header { position: relative; font-size: 16px; line-height: 30px; padding: 0 10px; text-align: center; height: 30px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; width: 100%; margin-bottom: -5px; white-space: nowrap; z-index: 2;}.stephino-console [data-role="console-output"] { font-family: monospace; font-size: 16px !important; line-height: 20px !important; width: 100%; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); position: relative; padding: 10px; overflow-x: hidden; overflow-y: auto; word-break: break-word; margin-top: 4px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}.stephino-console [data-role="console-output"] ul { margin-bottom: 0px;}.stephino-console [data-role="console-loader"] { border: 2px solid #f3f3f3; border-top: 2px solid #000; border-radius: 50%; width: 16px; height: 16px; -webkit-animation: anim-console-loader 1s linear infinite; animation: anim-console-loader 1s linear infinite; display: inline-block; float: left; margin: 5px 0px; clear: both;}@-webkit-keyframes anim-console-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes anim-console-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@media (max-width: 640px) { .stephino-console { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }}.stephino-console .badge { max-width: 95%; word-break: break-word; white-space: break-spaces; text-align: left;}.stephino-console-chat { top: auto; left: auto; right: 20px; bottom: 50px; height: 300px; z-index: 1001; display: block; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);}.stephino-console-chat.active { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}.stephino-console-chat .btn { float: right; width: 20px; height: 20px; line-height: 20px; padding: 0px; margin: 3px 2px; font-size: 12px; font-weight: 400; font-family: monospace; vertical-align: top; display: none;}.stephino-console-chat .message { margin-bottom: 5px; position: relative; display: inline-block; width: 100%; border-radius: 5px; padding: 2px 5px; line-height: 26px;}.stephino-console-chat .message:hover { -webkit-box-shadow: 0px 0px 0px 2px #000; box-shadow: 0px 0px 0px 2px #000;}.stephino-console-chat .message[data-msg-self="true"] { background: rgba(0, 0, 0, 0.5);}.stephino-console-chat .message .author { display: inline-block; font-weight: bold; margin-right: 5px; color: #ff631e; min-height: 26px; vertical-align: middle; line-height: 26px;}.stephino-console-chat .message .author[data-other="true"] { color: #ffffff;}.stephino-console-chat .message .content { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; display: inline; line-height: 26px; vertical-align: middle;}.stephino-console-chat [data-role="console-output"] { font-family: inherit;}.stephino-console-chat [data-role="console-output"]:hover .btn { display: inline-block;}.stephino-console-chat .welcome { background: rgba(0,0,0,0.5); border-radius: 5px; padding: 10px; margin: 10px 0; text-align: center; line-height: 1.5em; font-weight: bold;}button.dot { display: inline-block; width: 50px; height: 50px; font-size: 20px; background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; margin: 2px 5px; color: #fff; line-height: 30px; vertical-align: baseline; text-align: center; text-indent: 0px; background-position: -112px -459px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}button.dot:hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}button.dot.dot-danger, button.dot.dot-warning { color: red; font-weight: bold;}button.dot:focus, button.dot:active { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); outline: none; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-filter: hue-rotate(180deg) brightness(2); filter: hue-rotate(180deg) brightness(2);}button.dot-two { margin-left: -5px;}button.dot-two > span { display: inline-block; font-size: 0.6em;}button.dot-two.active > span:nth-child(1),button.dot-two > span:nth-child(2) { display: none;}button.dot-two.active > span:nth-child(2) { display: inline-block;}.btn.disabled, .btn:disabled { cursor: not-allowed;}.char-counter { display: inline-block; position: relative; width: 100%; text-align: right; line-height: 30px; font-size: 14px; vertical-align: text-bottom;}.entity { position: relative; display: inline-block; vertical-align: middle; margin-top: 10px; margin-bottom: 10px;}.entity > .icon { position: relative; width: 50px; height: 50px; background-size: 100% 100% !important; background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); z-index: 2; display: inline-block; vertical-align: middle; float: left; margin: -15px;}.entity > span { display: inline-block; position: relative; text-indent: 0; line-height: 15px; left: 15px; vertical-align: middle; float: left; top: 0; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); text-align: left;}.entity > span span { left: 0;}.item-card { width: 128px; height: 128px; position: relative; display: inline-block; background-color: #1a1e22 !important; background-size: 90% !important; background-repeat: no-repeat !important; background-position: 50% !important;}.item-card > .label { position: absolute; bottom: -4px; left: 0; width: 100%; text-align: center; font-size: 14px;}.item-card > [data-effect="help"] { position: absolute; width: 100%; left: -5px; text-align: center; top: 10px; bottom: auto; font-size: 0.9em;}.item-card.disabled { opacity: 0.5; -webkit-filter: grayscale(1); filter: grayscale(1);}.label, .heading { height: 40px; padding: 0 20px; position: relative; font-size: 14px; z-index: 1; display: inline-block; width: 100%; -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px);}.label:before, .label:after, .label > span:after,.heading:before, .heading:after, .heading > span:after { content: ""; display: inline-block; position: absolute; background-position: -312px -260px; height: 100%; width: 20px; top: 0; left: 0;}.label:after, .heading:after { left: auto; right: 0; background-position: -492px -260px; }.heading:after { background-position: -492px -260px; }.label > span, .heading > span { position: absolute; left: 20px; top: 0; height: 100%; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; line-height: 40px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}.label > span:after, .heading > span:after { background-position: -340px -260px; -webkit-transform: scaleX(50); -ms-transform: scaleX(50); transform: scaleX(50); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; z-index: -1;}.modal .label:before { background-position: -312px -260px; }.modal .label:after { background-position: -492px -260px; }.modal .label > span:after { background-position: -340px -260px;}.modal .label.footer-label { margin-top: -40px;}.modal .user-icon { position: relative;}.modal .user-icon-frame { padding: 0px !important; border-radius: 10px; overflow: hidden; position: relative;}.modal .user-icon-frame a { display: inline-block; width: 100%;}.modal .user-icon-frame img { width: 100%; height: auto;}.modal .user-icon-sentry { width: 60%; height: 60%; position: absolute; z-index: 2; right: -25%; bottom: 20%; background-size: cover; background-position: 50%; -webkit-filter: drop-shadow(0px 0px 5px #000); filter: drop-shadow(0px 0px 5px #000); -webkit-animation: anim-user-sentry 5s linear infinite; animation: anim-user-sentry 5s linear infinite;}.modal .user-icon-sentry:hover { -webkit-filter: drop-shadow(0px 0px 5px #ff631e) drop-shadow(0px 2px 2px #ff631e); filter: drop-shadow(0px 0px 5px #ff631e) drop-shadow(0px 2px 2px #ff631e);}.modal .user-icon-sentry > span { opacity: 0;}.modal .user-icon-sentry:hover > span { opacity: 1;}@-webkit-keyframes anim-user-sentry { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(-25%); transform: translateX(-25%); }}@keyframes anim-user-sentry { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } 50% { -webkit-transform: translateX(-25%); transform: translateX(-25%); }}.modal .item-level { z-index: 10; margin-top: -58px; padding: 0 8px;}.modal .item-level .item-level-uc-bar { position: relative; width: 100%; margin-top: 10px; margin-bottom: 10px;}.modal .item-level .item-level-badge { z-index: 4; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: relative; text-align: center;}.modal .item-level .item-level-badge .item-level-uc-cancel > span { display: inline-block; float: left;}.modal .item-level .item-level-badge > .btn { width: auto; margin-bottom: 15px;}.modal .item-level .item-level-number { margin-bottom: 10px;}.modal .page-help { position: absolute; right: 30px; top: 20px; z-index: 10;}.modal .help-menu { padding: 10px 0px;}body.modal-open [data-role="map-holder"] { -webkit-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; transform: scale(1.1) !important; -webkit-filter: blur(5px) brightness(0.6) sepia(0.6); filter: blur(5px) brightness(0.6) sepia(0.6);}body.is-mobile.modal-open [data-role="map-holder"] { -webkit-filter: none; filter: none;}body.modal-open [data-role="tracker"],body.tutorial [data-role="tracker"] { opacity: 0 !important;}.heading:before { background-position: -112px -260px; }.heading:after { background-position: -292px -260px; }.heading > span:after { background-position: -132px -260px; }.heading { width: 100%; clear: both; z-index: 1;}hr { display: inline-block; width: 100%; height: 20px; background-position: -112px -300px; margin: 20px 0 20px 15px; clear: both; border: none;}.vr:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 26px; height: 100%; background-position: -80px 0px; background-repeat: repeat-y !important; -webkit-box-shadow: 5px -20px 10px 0px #1a1e22 inset; box-shadow: 5px -20px 10px 0px #1a1e22 inset;}ul { padding-left: 20px;}ul > li { position: relative; list-style: none;}ul > li:before { content: ''; display: inline-block; width: 20px; height: 20px; position: absolute; left: -28px; top: 2px; background-position: -490px -60px;}ul > li.active:before { -webkit-filter: brightness(3) grayscale(1); filter: brightness(3) grayscale(1);}.pagination li:before { display: none;}.pagination .page-link { background: rgba(0,0,0,0.4); text-decoration: none !important; font-weight: bold;}.card { border: none; background: transparent;}[data-effect="help"] { font-weight: bold; position: relative; display: inline-block; line-height: 20px;}[data-effect="help"]:hover { color: #ff631e;}[data-effect="help"]:before { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 0px; margin-right: 5px; background-position: -490px -80px; vertical-align: bottom; -webkit-filter: brightness(3) grayscale(1); filter: brightness(3) grayscale(1);}[data-effect="help"]:hover:before { -webkit-filter: drop-shadow(0px 0px 2px #000); filter: drop-shadow(0px 0px 2px #000);}[data-effect="helpMenuItem"] { color: #ff631e;}[data-effect="helpMenuItem"] > span:hover { font-weight: bold;}[data-effect="helpMenuItem"].active > span { font-weight: bold; color: #fff;}[data-role="poly-level"],[data-role="poly-count"] { display: inline-block; height: 22px !important; text-align: center; width: 100px; font-size: 16px; border: none; font-weight: bold; vertical-align: middle; line-height: 22px !important; padding: 0 !important; margin-left: 10px;}[data-modal-method="dialogHelpMenu"] [data-role="content"] ul { margin-left: 20px;}.help-icon { display: block; padding-top: 100%; background-size: 90% auto; background-repeat: no-repeat; background-position: 50%; position: relative;}.help-icon > [data-role="spinner"] { left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; position: absolute; z-index: 2; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}.help-icon[data-loaded="true"] > [data-role="spinner"] { opacity: 0;}[data-effect="video"][data-loaded="true"] { overflow: hidden; border-radius: 10px; padding-top: 0px;}[data-effect="video"] video { width: 100%; height: auto; overflow: hidden; pointer-events: none;}[data-role="tracker"] { position: absolute; z-index: 1000; width: 50px; height: 50px; opacity: 0; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; margin: 75px; top: -50px !important;}[data-role="tracker"]:before { content: ''; display: inline-block; width: 50px; height: 50px; background-position: -312px -360px; -webkit-animation: anim-tracker 1s ease-in-out infinite 0.1s; animation: anim-tracker 1s ease-in-out infinite 0.1s;}@-webkit-keyframes anim-tracker { 0%,25% {-webkit-transform:translateY(-25px) scale(1);transform:translateY(-25px) scale(1);} 100% {-webkit-transform:translateY(50px) scale(0.5);transform:translateY(50px) scale(0.5); }}@keyframes anim-tracker { 0%,25% {-webkit-transform:translateY(-25px) scale(1);transform:translateY(-25px) scale(1);} 100% {-webkit-transform:translateY(50px) scale(0.5);transform:translateY(50px) scale(0.5);}}[data-role="tracker"] > span { display: inline-block; position: absolute; left: -50px; top: -40px; width: 150px; height: 50px; text-align: center; opacity: 0; font-size: 1.5em; line-height: 1.5em;}body.is-mobile [data-role="tracker"] > span,[data-role="tracker"]:hover > span, [data-role="tracker"] > span:hover { opacity: 1;}body.loaded [data-role="tracker"].visible { opacity: 1;}[data-role="tutorial-dialog"] { position: absolute; z-index: 10000; background: rgba(34, 34, 34, 0.9); left: 0; top: 100px; padding: 10px 15px 10px 10px; -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); display: none; -webkit-box-shadow: 0px 5px 10px 0px #000; box-shadow: 0px 5px 10px 0px #000; font-size: 14px; line-height: 18px;}body.is-mobile [data-role="tutorial-dialog"] { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}[data-role="tutorial-dialog"]:before,[data-role="tutorial-dialog"]:after { content: ""; display: inline-block; right: 0px; top: 0px; position: absolute; width: 20px; height: 60px; background-position: -112px -80px; -webkit-transform: translate(-17px, -22px) rotate(270deg); -ms-transform: translate(-17px, -22px) rotate(270deg); transform: translate(-17px, -22px) rotate(270deg);}[data-role="tutorial-dialog"]:after { background-position: -112px -20px; top: auto; bottom: 0px; -webkit-transform: translate(-17px, 22px) rotate(90deg); -ms-transform: translate(-17px, 22px) rotate(90deg); transform: translate(-17px, 22px) rotate(90deg);}[data-role="tutorial-dialog"].active { display: inline-block;}[data-role="tutorial-dialog"].collapsed { max-width: 0%; padding: 0px;}[data-role="tutorial-dialog"] .title,[data-role="tutorial-dialog"] .content,[data-role="tutorial-dialog"] .action-area { opacity: 1; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; max-height: 200px; margin-right: -20px;}[data-role="tutorial-dialog"] .content { padding: 10px 50px 10px 5px;}[data-role="tutorial-dialog"] p { margin-bottom: 0;}[data-role="tutorial-dialog"] .title { font-size: 18px; line-height: 18px; margin-bottom: 10px; height: 36px; font-weight: bold; vertical-align: middle; display: table-cell;}[data-role="tutorial-dialog"] .action-area { clear: both; float: right;}[data-role="tutorial-dialog"] .icon, .advisor { position: relative; width: 120px; height: 120px; float: left; clear: left; margin-right: 20px; margin-top: -50px; margin-bottom: 0px; border-radius: 50%; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); z-index: 2;}[data-role="tutorial-dialog"] .icon:before, .advisor:before { content: ""; display: block; position: absolute; width: 200px; height: 200px; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; top: 0; left: 0; background-position: -600px 0px;}[data-role="tutorial-dialog"]:hover .icon:before,[role="dialog"] .modal-body:hover .advisor:before { background-position: -400px 0px;}[data-role="tutorial-dialog"] .steps { position: relative; width: 150px; height: 25px; background-position: -162px -460px; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); float: right; margin-left: 10px; margin-top: 10px;}[data-role="tutorial-dialog"] .steps .steps-bar { position: absolute; left: 10px; top: 0px; width: 0px; height: 25px; overflow: hidden; -webkit-transition: width 0.5s linear; -o-transition: width 0.5s linear; transition: width 0.5s linear;}[data-role="tutorial-dialog"] .steps .steps-bar:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; width: 140px; height: 25px; background-position: -172px -485px; z-index: -1;}[data-role="tutorial-dialog"].collapsed .title,[data-role="tutorial-dialog"].collapsed .content,[data-role="tutorial-dialog"].collapsed .action-area { max-height: 50px; overflow: hidden; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}[data-role="tutorial-dialog"].collapsed .icon { -webkit-transform: translateX(-150px) scale(0); -ms-transform: translateX(-150px) scale(0); transform: translateX(-150px) scale(0);}[data-role="tutorial-dialog"].collapsed .steps { -webkit-transform: translateX(-250px) scale(0); -ms-transform: translateX(-250px) scale(0); transform: translateX(-250px) scale(0);}[data-role="tutorial-dialog"] [data-role="next"] { display: none;}[data-role="tutorial-dialog"] [data-role="next"].active,[data-role="tutorial-dialog"].active { display: inline-block;}[data-role="tutorial-dialog"] [data-role="toggle"] { width: 50px; height: 50px; position: absolute; right: -30px; top: 20px; background-position: -112px -460px;}[data-role="tutorial-dialog"] [data-role="toggle"]:before { content: '«'; display: block; position: absolute; width: 20px; height: 20px; line-height: 20px; left: 11px; top: 12px; font-size: 26px; vertical-align: middle; text-align: center;}[data-role="tutorial-dialog"] [data-role="toggle"]:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}[data-role="tutorial-dialog"].collapsed [data-role="toggle"] { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}[data-role="tutorial-dialog"].collapsed [data-role="toggle"]:hover { -webkit-transform: rotate(180deg) scale(1.1); -ms-transform: rotate(180deg) scale(1.1); transform: rotate(180deg) scale(1.1);}[data-role="tutorial-marker"] { position: absolute; z-index: 10000; border-radius: 50%; display: none; opacity: 1; -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; width: 50px; height: 100px; margin-top: 50px;}[data-role="tutorial-marker"][data-over-modal="true"] { z-index: 9999;}[data-role="tutorial-marker"] > div { position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; -webkit-transform: translate(80px, 40px); -ms-transform: translate(80px, 40px); transform: translate(80px, 40px); -webkit-animation: anim-new-message 0.8s infinite both; animation: anim-new-message 0.8s infinite both;}[data-role="tutorial-marker"][x-placement="bottom"] > div { -webkit-transform: rotate(0deg) translate(0px, 0px); -ms-transform: rotate(0deg) translate(0px, 0px); transform: rotate(0deg) translate(0px, 0px);}[data-role="tutorial-marker"][x-placement="left"] > div { -webkit-transform: rotate(90deg) translate(0px, -50px); -ms-transform: rotate(90deg) translate(0px, -50px); transform: rotate(90deg) translate(0px, -50px);}[data-role="tutorial-marker"][x-placement="top"] > div { -webkit-transform: rotate(180deg) translate(0px, -50px); -ms-transform: rotate(180deg) translate(0px, -50px); transform: rotate(180deg) translate(0px, -50px);}[data-role="tutorial-marker"][x-placement="right"] > div { -webkit-transform: rotate(270deg) translate(0px, 0px); -ms-transform: rotate(270deg) translate(0px, 0px); transform: rotate(270deg) translate(0px, 0px);}[data-role="tutorial-marker"] > div > div { width: 50px; height: 50px; top: 0; right: 0; opacity: 1; position: absolute;}[data-role="tutorial-marker"] > div,[data-role="tutorial-marker"] > div > div:before,[data-role="tutorial-marker"] > div > div:after { background-position: -112px -360px;}[data-role="tutorial-marker"] > div > div:before,[data-role="tutorial-marker"] > div > div:after { content:""; display: block; width: 50px; height: 50px; top: 100px; bottom: 0; margin: auto; right: 0; position: absolute; opacity: 0.5; -webkit-animation: anim-tutorial-marker-2 1s ease-in-out infinite 0.1s; animation: anim-tutorial-marker-2 1s ease-in-out infinite 0.1s;}[data-role="tutorial-marker"] > div > div:after { right: 0px; top: 100px; opacity: 0.3; -webkit-animation: anim-tutorial-marker-3 1s ease-in-out infinite 0.2s; animation: anim-tutorial-marker-3 1s ease-in-out infinite 0.2s;}@-webkit-keyframes anim-tutorial-marker-2 { 0% {-webkit-transform:translateY(50px) scale(0.2);transform:translateY(50px) scale(0.2); opacity: 0;} 75%,100% {-webkit-transform:translateY(-25px) scale(0.8);transform:translateY(-25px) scale(0.8); opacity: 1;}}@keyframes anim-tutorial-marker-2 { 0% {-webkit-transform:translateY(50px) scale(0.2);transform:translateY(50px) scale(0.2); opacity: 0;} 75%,100% {-webkit-transform:translateY(-25px) scale(0.8);transform:translateY(-25px) scale(0.8); opacity: 1;}}@-webkit-keyframes anim-tutorial-marker-3 { 0% {-webkit-transform:translateY(75px) scale(0.1);transform:translateY(75px) scale(0.1); opacity: 0;} 75%,100% {-webkit-transform:translateY(0px) scale(0.6);transform:translateY(0px) scale(0.6); opacity: 1;}}@keyframes anim-tutorial-marker-3 { 0% {-webkit-transform:translateY(75px) scale(0.1);transform:translateY(75px) scale(0.1); opacity: 0;} 75%,100% {-webkit-transform:translateY(0px) scale(0.6);transform:translateY(0px) scale(0.6); opacity: 1;}}[data-role="tutorial-marker"].hidden { opacity: 0;}.framed { overflow: visible !important; position: relative; background: rgba(60, 60, 60, 0.2); border-radius: 5px; margin-top: 10px; margin-bottom: 20px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(255,255,255,0.2) inset, 0px 3px 5px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4), 0px 1px 1px rgba(255,255,255,0.2) inset, 0px 3px 5px rgba(0,0,0,0.2) inset; padding: 20px;}.framed.active { -webkit-box-shadow: 0px 0px 0px 2px #ff631e, 0px 1px 1px rgba(255,255,255,0.2) inset, 0px 3px 5px rgba(0,0,0,0.2) inset; box-shadow: 0px 0px 0px 2px #ff631e, 0px 1px 1px rgba(255,255,255,0.2) inset, 0px 3px 5px rgba(0,0,0,0.2) inset;}.framed:before,.framed::after { content: ""; display: inline-block; left: 0; top: 0; position: absolute; width: 20px; height: 60px; background-position: -112px -20px; -webkit-transform: translate(17px, -22px) rotate(270deg); -ms-transform: translate(17px, -22px) rotate(270deg); transform: translate(17px, -22px) rotate(270deg); z-index: 20;}.framed::after { background-position: -112px -20px; right: 0; left: auto; top: auto; bottom: 0px; -webkit-transform: translate(-17px, 22px) rotate(90deg); -ms-transform: translate(-17px, 22px) rotate(90deg); transform: translate(-17px, 22px) rotate(90deg);}tr { line-height: 40px;}tr.framed.active { display: table-row; border-radius: 5px; font-weight: bold; -webkit-box-shadow: 0px 0px 0px 3px #ff631e inset; box-shadow: 0px 0px 0px 3px #ff631e inset; font-size: 1.1em;}tr.framed:before, tr.framed:after { display: none !important;}.rangeslider,.rangeslider__fill { display: block; border-radius: 2px; -webkit-box-shadow: 0px 0px 0px 1px #000; box-shadow: 0px 0px 0px 1px #000;}.rangeslider { background: #222; position: relative;}.rangeslider--horizontal { margin-top: 20px; margin-bottom: 20px; height: 5px; width: 100%;}.rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%;}.rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4;}.rangeslider__fill { background: #ff631e; position: absolute;}.rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%;}.rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%;}.rangeslider__handle { display: inline-block; width: 40px; height: 40px; position: absolute; background-position: -112px -320px;}.rangeslider--horizontal .rangeslider__handle { top: -18px; -ms-touch-action: pan-y; touch-action: pan-y;}.rangeslider--vertical .rangeslider__handle { left: -18px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-touch-action: pan-x; touch-action: pan-x;}input[type="range"]:focus + .rangeslider .rangeslider__fill { -webkit-box-shadow: 0 0 8px #ff631e; box-shadow: 0 0 8px #ff631e;}input[type="range"]:focus + .rangeslider { -webkit-box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px #fff;}[role="info-badge"] { position: fixed; top: 70px; right: 20px; background: #303030; z-index: 10001; min-height: 50px; padding-right: 20px; border-radius: 25px; overflow: hidden; margin-left: 20px; -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.5), 0px -1px 0px 0px rgba(0, 0, 0, 0.5) inset, 0px 10px 20px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.5), 0px -1px 0px 0px rgba(0, 0, 0, 0.5) inset, 0px 10px 20px 1px rgba(0, 0, 0, 0.5); display: none;}[role="info-badge"].active { display: inline-block;}[role="info-badge"] > .icon { display: inline-block; width: 50px; height: 50px; background: url("__ROOT_URL__/ui/img/badge-success.gif") 50% 50% no-repeat transparent; background-size: 75% !important; position: absolute; margin-right: 5px; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); -webkit-transition: -webkit-transform 0.5s linear; transition: -webkit-transform 0.5s linear; -o-transition: transform 0.5s linear; transition: transform 0.5s linear; transition: transform 0.5s linear, -webkit-transform 0.5s linear;}[role="info-badge"].active > .icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}[role="info-badge"].badge-error > .icon { background-image: url("__ROOT_URL__/ui/img/badge-error.gif");}[role="info-badge"] > .message { display: inline-block; color: #fff; font-weight: bold; font-size: 16px; line-height: 25px; margin-top: 10px; margin-bottom: 10px; padding-left: 50px; opacity: 0; -webkit-transform: opacity 0.5s linear; -ms-transform: opacity 0.5s linear; transform: opacity 0.5s linear;}[role="info-badge"].active > .message { opacity: 1;}.badge { padding: 5px 10px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; font-size: 12px; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.8), 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 0px 5px 1px rgba(0,0,0,0.3) inset; box-shadow: 0px 2px 3px rgba(0,0,0,0.8), 0px 1px 0px rgba(255,255,255,0.2) inset, 0px 0px 5px 1px rgba(0,0,0,0.3) inset; min-height: 30px; vertical-align: baseline; line-height: 20px;}[data-role="map-holder"] { will-change: transform, opacity; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow: visible; opacity: 0; -webkit-transform: perspective(1024px) rotateX(10deg); transform: perspective(1024px) rotateX(10deg); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);}body.loaded [data-role="map-holder"] { -webkit-transform: perspective(1024px) rotateX(0deg); transform: perspective(1024px) rotateX(0deg); opacity: 1;}[data-role="map"] { will-change: transform; position: absolute; }[data-role="map"][animated="true"] { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);}[data-role="map"] .cell,[data-role="map"] .cell-padding { will-change: transform; position: absolute; z-index: 2;}[data-role="map"] [data-role="map-bkg"] { will-change: transform; z-index: 1; position: absolute; background-size: 100% 100% !important; background-repeat: no-repeat; background-color: transparent;}[data-role="map"] .cell-padding { z-index: 0;}[data-role="map"],[data-role="map"] .cell,[data-role="map"] .cell-padding { width: 128px; height: 128px;}[data-role="map"] .cell > .items-holder,[data-role="map"] .cell > .items-holder > .cell-item { width: 512px; height: 512px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; position: absolute; top: 0px; left: 0px;}[data-role="map"] .cell > .items-holder { -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25);}[data-role="map"] .cell > .items-holder > .cell-item { z-index: 9; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}[data-role="map"] .cell .cell-item > i { display: inline-block; position: absolute; right: 10%; top: 40px; font-style: normal; font-size: 50px; font-weight: bold; min-width: 100px; text-align: center; z-index: 2; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; -o-transition: transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear;}[data-role="map"] .cell.hover .cell-item > i { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}[data-effect="parallax"] { position: relative; width: 100%; background-repeat: no-repeat; background-position: 50% 100%; padding-bottom: 33.33%; background-size: 100% auto; display: inline-table;}[data-effect="parallax"]:before,[data-effect="background"]:before,[data-effect="sentryBackground"]:before,[data-effect="sentryCustomizer"] [data-index]:before,[data-effect="sentryVs"] .sentry-icon:before { content: ''; display: block; width: 50px; height: 50px; -webkit-box-shadow: 0px 0px 0px 3px #fff; box-shadow: 0px 0px 0px 3px #fff; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; border-radius: 50%; -webkit-animation: anim-parallax-loading 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: anim-parallax-loading 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;}[data-effect="parallax"].ready:before,[data-effect="background"].ready:before,[data-effect="sentryBackground"].ready:before,[data-effect="sentryCustomizer"] [data-index].ready:before,[data-effect="sentryVs"] .sentry-icon.ready:before { display: none;}[data-effect="parallax"].disabled { -webkit-filter: grayscale(1); filter: grayscale(1);}[data-effect="parallax"] > .before,[data-effect="parallax"] > .after { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% auto; background-position: 0% 0%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 2;}[data-effect="parallax"] > .after { background-position: 0% 50%; z-index: 1; -webkit-animation: anim-parallax-after 4s ease-in-out infinite 0.2s; animation: anim-parallax-after 4s ease-in-out infinite 0.2s;}[data-effect="parallax"] > .before { -webkit-animation: anim-parallax-before 5s ease-in-out infinite 0.2s; animation: anim-parallax-before 5s ease-in-out infinite 0.2s;}@-webkit-keyframes anim-parallax-before { 0%,100% {-webkit-transform: translateY(0, 0) scale(1);transform: translateY(0, 0) scale(1);} 25% {-webkit-transform: translate(0%, 5%) scale(1.1);transform: translate(0%, 5%) scale(1.1);} 50% {-webkit-transform: translate(5%, -5%) scale(1.1);transform: translate(5%, -5%) scale(1.1);}}@keyframes anim-parallax-before { 0%,100% {-webkit-transform: translateY(0, 0) scale(1);transform: translateY(0, 0) scale(1);} 25% {-webkit-transform: translate(0%, 5%) scale(1.1);transform: translate(0%, 5%) scale(1.1);} 50% {-webkit-transform: translate(5%, -5%) scale(1.1);transform: translate(5%, -5%) scale(1.1);}}@-webkit-keyframes anim-parallax-after { 0%,100% {-webkit-transform: translateY(0, 0) scale(1);transform: translateY(0, 0) scale(1);} 25% {-webkit-transform: translate(0%, -5%) scale(1.1);transform: translate(0%, -5%) scale(1.1);} 50% {-webkit-transform: translate(-5%, 5%) scale(1.1);transform: translate(-5%, 5%) scale(1.1);}}@keyframes anim-parallax-after { 0%,100% {-webkit-transform: translateY(0, 0) scale(1);transform: translateY(0, 0) scale(1);} 25% {-webkit-transform: translate(0%, -5%) scale(1.1);transform: translate(0%, -5%) scale(1.1);} 50% {-webkit-transform: translate(-5%, 5%) scale(1.1);transform: translate(-5%, 5%) scale(1.1);}}@-webkit-keyframes anim-parallax-loading { 0%, 100% {-webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);} 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 50% { -webkit-transform: rotateY(1800deg); transform: rotateY(1800deg); -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% {-webkit-transform: rotateY(3600deg);transform: rotateY(3600deg);}}@keyframes anim-parallax-loading { 0%, 100% {-webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);} 0% {-webkit-transform: rotateY(0deg);transform: rotateY(0deg);} 50% { -webkit-transform: rotateY(1800deg); transform: rotateY(1800deg); -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% {-webkit-transform: rotateY(3600deg);transform: rotateY(3600deg);}}.top-bar, .bottom-bar { position: absolute; top: 0px; left: 0px; z-index: 1001; -webkit-transform: translate(0px, -100%); -ms-transform: translate(0px, -100%); transform: translate(0px, -100%); -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; -o-transition: transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; height: 50px; font-weight: bold;}body.modal-open .top-bar, body.modal-open .bottom-bar { -webkit-filter: blur(1px); filter: blur(1px);}body.is-mobile.modal-open .top-bar, body.is-mobile.modal-open .bottom-bar { -webkit-filter: none; filter: none;}.bottom-bar { -webkit-transform: translate(0px, 105%); -ms-transform: translate(0px, 105%); transform: translate(0px, 105%); top: auto; bottom: 0px; position: fixed;}[data-role="title"] { display: inline-block; width: auto; height: 100%; position: relative; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; float: left; margin-right: 10px; margin-left: 10px; padding-right: 5px; text-indent: 2px;}.res { position: relative; display: inline-block; vertical-align: sub;}.res.res-premium-table { font-size: 1.6rem; text-align: center; margin-left: -20px;}.bottom-bar .res { display: inline-block; bottom: 5px;}.top-bar .res,.bottom-bar .res { left: 40px; width: auto; margin-right: 40px;}.top-bar .bar-resources > .row { overflow: hidden; height: 50px;}.bottom-bar .res-gold > span { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; width: 65%;}.res > span { display: inline-block; overflow: hidden; position: relative; top: 0; left: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; padding: 0 2px; padding-top: 15px; line-height: 20px; text-indent: 50px;}.res.res-premium-table > span { overflow: visible; text-indent: 40px;}.res.res-div > span { text-indent: 10px; font-size: 1.5em; font-weight: bold;}.res > span span { text-indent: 0px;}.top-bar .res > span,.bottom-bar .res > span { text-indent: 0px;}.top-bar .res > span { margin-right: 20px;}.bottom-bar .res > span { width: auto;}.res > .icon { display: block; width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; background-position: -112px -410px; -webkit-transform: translate(0px, 0px) scale(0.7); -ms-transform: translate(0px, 0px) scale(0.7); transform: translate(0px, 0px) scale(0.7); z-index: 2; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; -o-transition: transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear;}.modal-body .res { padding-bottom: 10px;}.modal-body li { word-break: break-word;}.btn .res > .icon { margin-top: 0px;}.btn:hover .res > .icon { -webkit-transform: translateY(-5px) scale(1); -ms-transform: translateY(-5px) scale(1); transform: translateY(-5px) scale(1);}.top-bar .res > .icon,.bottom-bar .res > .icon { left: -45px;}.top-bar .res:hover .icon, .bottom-bar .res:hover .icon { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85);}.res-alpha.res > .icon { background-position: -162px -410px;}.res-beta.res > .icon { background-position: -212px -410px;}.res-gamma.res > .icon { background-position: -262px -410px;}.res-extra1.res > .icon { background-position: -312px -410px;}.res-extra2.res > .icon { background-position: -362px -410px;}.res-research.res > .icon { background-position: -412px -410px;}.res-gem.res > .icon { background-position: -462px -410px;}.res-mtr_population.res > .icon { background-position: -312px -460px;}.res-mtr_satisfaction.res > .icon { background-position: -362px -460px;}.res-mtr_storage.res > .icon { background-position: -412px -460px;}.res-time.res > .icon { background-position: -462px -460px;}.res-mil_attack.res > .icon,.res-mil_defense.res > .icon { width: 40px; height: 40px; margin-top: 5px; margin-left: 5px;}.res-mil_attack.res > .icon { background-position: -312px -320px;}.res-mil_defense.res > .icon { background-position: -352px -320px;}.icon-attack, .icon-city { display: inline-block; line-height: 20px; width: 50px; height: 50px; position: relative; vertical-align: middle; background-position: -410px -365px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}.icon-attack.icon-attack-dr, .icon-attack.icon-attack-dc,.icon-attack.icon-attack-dh { background-position: -460px -365px;}.icon-attack.icon-attack-ve, .icon-attack.icon-attack-vc,.icon-attack.icon-attack-vh { background-position: -360px -365px;}.icon-city { background-position: -310px -365px;}.bottom-bar .bar-dome { position: relative; z-index: 2;}.bottom-bar .dome { position: absolute; top: 0px; left: 50%; margin-left: -45px; width: 90px; height: 90px; border-radius: 50%; -webkit-transform: translate(0px, 50px); -ms-transform: translate(0px, 50px); transform: translate(0px, 50px); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}body.loaded.loaded-final .bottom-bar .dome { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}body.loaded.loaded-final .bottom-bar .dome.active { -webkit-transform: translate(0px, -25px); -ms-transform: translate(0px, -25px); transform: translate(0px, -25px);}.bottom-bar .dome .dome-inner { width: 100%; height: 100%; position: relative; z-index: 0;}.bottom-bar .dome .dome-inner .icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% 100% !important; background-position: 50%; background-repeat: no-repeat; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); display: none;}.bottom-bar .dome .dome-islands .dome-inner .icon { background-size: 75% !important;}.bottom-bar .dome .dome-cities .dome-inner .icon { background-size: 125% !important; background-position: 50% 60%;}.bottom-bar .dome .dome-inner .icon.active { display: inline-block;}.bottom-bar .dome .dome-inner .icon.current:before { content: ""; display: inline-block; width: 50px; height: 50px; position: absolute; top: 0px; left: 50%; margin-left: -25px; margin-top: 0px; border-radius: 50%; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); background-position: -312px -360px;}.bottom-bar .dome .dome-inner:hover .icon { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}.bottom-bar .dome .dome-cities .dome-inner .icon { display: none;}.bottom-bar .dome .dome-cities .dome-inner:before { content: ""; width: 200px; height: 100px; top: 50%; left: 50%; margin-top: -85px; margin-left: -100px; display: inline-block; position: absolute; background-position: 0px 0px; background-size: auto !important; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275);}.bottom-bar .dome .dome-cities:hover .dome-inner:before { background-position: 0px -100px; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4);}.bottom-bar .dome.active .dome-cities .dome-inner .icon.active { display: inline-block;}.bottom-bar .dome.active .dome-inner .icon > span { display: inline-block; width: 100%; overflow: hidden; text-align: center; top: 50%; position: absolute; opacity: 0;}.bottom-bar .dome.active .dome-inner:hover .icon > span,body.is-mobile .dome.active .dome-inner .icon > span { opacity: 1;}.bottom-bar .dome.active .dome-cities .dome-inner:before { display: none;}.bottom-bar .dome .dome-cities,.bottom-bar .dome .dome-islands,.bottom-bar .dome .dome-world { -webkit-transform: translate(0px, 0px) scale(1); -ms-transform: translate(0px, 0px) scale(1); transform: translate(0px, 0px) scale(1); width: 100%; height: 100%; border-radius: 50%; position: absolute; z-index: 3; -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.75s cubic-bezier(0.175, 0.885, 0.320, 1.275);}.bottom-bar .dome.active .dome-cities,.bottom-bar .dome.active .dome-islands,.bottom-bar .dome.active .dome-world { -webkit-box-shadow: 0px 2px 0px 0px rgba(120,120,120,1) inset, 0px 6px 6px 0px rgba(0,0,0,0.5) inset; box-shadow: 0px 2px 0px 0px rgba(120,120,120,1) inset, 0px 6px 6px 0px rgba(0,0,0,0.5) inset;}.bottom-bar .dome .dome-islands { -webkit-transform: translate(0px, 0px) scale(0.5); -ms-transform: translate(0px, 0px) scale(0.5); transform: translate(0px, 0px) scale(0.5); z-index: 2;}.bottom-bar .dome .dome-world { -webkit-transform: translate(0px, 0px) scale(0.5); -ms-transform: translate(0px, 0px) scale(0.5); transform: translate(0px, 0px) scale(0.5); z-index: 1;}.bottom-bar .dome .dome-world .dome-inner:before { content: ""; width: 200px; height: 200px; display: inline-block; position: absolute; background-position: -200px 0px; background-size: auto !important; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); top: 50%; left: 50%; margin-left: -100px; margin-top: -100px; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);}.bottom-bar .dome .dome-world:hover .dome-inner:before { -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4);}.bottom-bar .dome.active .dome-islands { -webkit-transform: translate(0px, -135%) scale(0.6); -ms-transform: translate(0px, -135%) scale(0.6); transform: translate(0px, -135%) scale(0.6); z-index: 2;}.bottom-bar .dome.active .dome-world { -webkit-transform: translate(0px, -175%) scale(0.8); -ms-transform: translate(0px, -175%) scale(0.8); transform: translate(0px, -175%) scale(0.8); z-index: 1;}.bottom-bar .dome .dome-islands, .bottom-bar .dome .dome-islands .icon, .bottom-bar .dome .dome-world,.bottom-bar .dome .dome-world .icon { opacity: 0;}.bottom-bar .dome .dome-islands .icon { -webkit-transform: perspective(500px) rotateX(35deg) scale(0.8); -ms-transform: perspective(500px) rotateX(35deg) scale(0.8); transform: perspective(500px) rotateX(35deg) scale(0.8);}.bottom-bar .dome.active .dome-islands, .bottom-bar .dome.active .dome-islands .icon, .bottom-bar .dome.active .dome-world,.bottom-bar .dome.active .dome-world .icon { opacity: 1;}.bottom-bar .dome .arrow { -webkit-box-shadow: 0px -2px 0px 0px rgba(120,120,120,1) inset, 0px -6px 6px 0px rgba(0,0,0,0.5) inset; box-shadow: 0px -2px 0px 0px rgba(120,120,120,1) inset, 0px -6px 6px 0px rgba(0,0,0,0.5) inset; width: 50px; height: 50px; display: inline-block; border-radius: 50%; position: absolute; top: 0px; left: 50%; opacity: 0; margin-left: -25px; -webkit-transform: translate(0px, 30px) scale(0.1) rotate(0deg); -ms-transform: translate(0px, 30px) scale(0.1) rotate(0deg); transform: translate(0px, 30px) scale(0.1) rotate(0deg); -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 2;}.bottom-bar .dome .dome-cities.single .arrow-left,.bottom-bar .dome .dome-cities.single .arrow-right,.bottom-bar .dome .dome-islands.single .arrow-left,.bottom-bar .dome .dome-islands.single .arrow-right { display: none;}.bottom-bar .dome .arrow-down { z-index: 10;}.bottom-bar .dome .arrow:before { content: ""; position: absolute; display: block; width: 50px; height: 50px; top: 0; left: 0; background-position: -112px -360px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0.5; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px;}.bottom-bar .dome .arrow:hover:before { opacity: 1; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}.bottom-bar .dome .arrow.arrow-left { -webkit-box-shadow: -2px 0px 0px 0px rgba(42,49,56,1) inset, -5px 0px 0px 0px rgba(28,32,36,0) inset, -6px 0px 6px 0px rgba(0,0,0,0.1) inset; box-shadow: -2px 0px 0px 0px rgba(42,49,56,1) inset, -5px 0px 0px 0px rgba(28,32,36,0) inset, -6px 0px 6px 0px rgba(0,0,0,0.1) inset; left: 0; top: auto; bottom: 30%; -webkit-transform: translate(100px, 2px) scale(0.1) rotate(-90deg); -ms-transform: translate(100px, 2px) scale(0.1) rotate(-90deg); transform: translate(100px, 2px) scale(0.1) rotate(-90deg);}.bottom-bar .dome .arrow.arrow-right { -webkit-box-shadow: 2px 0px 0px 0px rgba(42,49,56,1) inset, 5px 0px 0px 0px rgba(28,32,36,0) inset, 6px 0px 6px 0px rgba(0,0,0,0.1) inset; box-shadow: 2px 0px 0px 0px rgba(42,49,56,1) inset, 5px 0px 0px 0px rgba(28,32,36,0) inset, 6px 0px 6px 0px rgba(0,0,0,0.1) inset; left: auto; top: auto; right: 0px; bottom: 30%; -webkit-transform: translate(-62px, 2px) scale(0.1) rotate(90deg); -ms-transform: translate(-62px, 2px) scale(0.1) rotate(90deg); transform: translate(-62px, 2px) scale(0.1) rotate(90deg);}.bottom-bar .dome.active .arrow { opacity: 1; -webkit-transform: translate(0px, -110px) scale(1) rotate(0deg); -ms-transform: translate(0px, -110px) scale(1) rotate(0deg); transform: translate(0px, -110px) scale(1) rotate(0deg);}.bottom-bar .dome.active .arrow.arrow-left { -webkit-transform: translate(-37px, 0px) rotate(-90deg); -ms-transform: translate(-37px, 0px) rotate(-90deg); transform: translate(-37px, 0px) rotate(-90deg);}.bottom-bar .dome.active .arrow.arrow-right { -webkit-transform: translate(75px, 0px) rotate(90deg); -ms-transform: translate(75px, 0px) rotate(90deg); transform: translate(75px, 0px) rotate(90deg);}.bottom-bar .dome.active .arrow.arrow-down { -webkit-transform: translate(0, -65px) rotate(180deg); -ms-transform: translate(0, -65px) rotate(180deg); transform: translate(0, -65px) rotate(180deg);}.bottom-bar .dome.active,.bottom-bar .dome.active .dome-islands,.bottom-bar .dome.active .dome-world,.bottom-bar .dome.active .arrow { background-color: #1a1e22;}.bottom-bar .dome.active > div:hover { z-index: 5;}body.loaded.loaded-final .top-bar, body.loaded.loaded-final .bottom-bar { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px);}.top-bar > .row,.bottom-bar > .row,.top-bar > .row > div,.bottom-bar > .row > div { height: 50px; vertical-align: middle; line-height: 50px;}.bottom-bar > .row,.bottom-bar > .row > div { line-height: 55px;}.bottom-bar > .row .bar-extra,.bottom-bar > .row .bar-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}.bottom-bar > .row .bar-info { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}.modal .city-icon { width: 100%; height: auto;}[data-role="message-icon"] { width: 200px; height: 200px; position: absolute; left: 5%; top: -115px; z-index: 25;}.modal-content:hover [data-role="message-icon"] { -webkit-transform: scaleX(-1) !important; -ms-transform: scaleX(-1) !important; transform: scaleX(-1) !important;}[data-role="messages-holder-toggle"] { position: relative; z-index: 3; width: 40px; height: 40px; padding: 0; border: none; margin-top: 0px; display: inline-block; float: right;}[data-role="messages-holder-toggle"] .messages { position: relative; display: inline-block; width: 50px; height: 50px; background-position: -262px -360px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-left: -5px; top: -5px; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; -o-transition: transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear; text-indent: -1000em; text-align: left;}[data-role="messages-holder-toggle"]:hover .messages { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}[data-role="messages-holder-toggle"].new:before { content: ""; display: inline-block; position: absolute; top: 0px; right: -5px; background: red; width: 12px; height: 12px; z-index: 10; border-radius: 50%; -webkit-animation: anim-new-message 0.8s infinite both; animation: anim-new-message 0.8s infinite both;}[data-role="message-holder"] { position: relative; z-index: 5;}[data-role="message-holder"] .btn { z-index: 30;}@-webkit-keyframes anim-new-message { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); }}@keyframes anim-new-message { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(1); transform: scale(1); }}[data-role="messages-holder"] { position: absolute; right: 16px; top: -70px; width: 80px; height: 80px; z-index: 2;}[data-role="messages-holder"] [data-role="message"] { width: 80px; height: 80px; position: absolute; top: 0px; left: 0px; opacity: 0; -webkit-transform: translate(25px, 95px) scale(0.1); -ms-transform: translate(25px, 95px) scale(0.1); transform: translate(25px, 95px) scale(0.1); -webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475); -o-transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475), opacity 0.5s linear; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475), opacity 0.5s linear; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475), opacity 0.5s linear, -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475);}[data-role="messages-holder"] [data-role="message"] .icon { border-radius: 50%; width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); -o-transition: transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); transition: transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); transition: transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475), -webkit-transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475);}[data-role="messages-holder"] [data-role="message"] .icon > span { position: absolute; bottom: 0; right: 0; width: 100%; text-align: center; font-size: 18px; line-height: 20px; z-index: 1;}[data-role="messages-holder"] [data-role="message"] .icon:before { z-index: 2; content: ""; display: block; width: 200px; height: 200px; position: absolute; background-position: 0px -200px; top: 0; left: 0; -webkit-transform: scale(0.36); -ms-transform: scale(0.36); transform: scale(0.36); margin-left: -64px; margin-top: -64px; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); -o-transition: transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); transition: transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475); transition: transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475), -webkit-transform 0.5s cubic-bezier(0.175, 0.985, 0.320, 1.475);}[data-role="messages-holder"] [data-role="message"]:hover .icon:before { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6);}[data-role="messages-holder"] [data-role="message"]:hover .icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}[data-role="messages-holder"].active [data-role="message"]:hover { z-index: 15;}[data-role="messages-holder"] [data-role="message"] .count { background: red; -webkit-box-shadow: 0px -2px 0px 0px rgba(42,49,56,0.2) inset, 0px 6px 6px 0px rgba(0,0,0,0.1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.8) inset; box-shadow: 0px -2px 0px 0px rgba(42,49,56,0.2) inset, 0px 6px 6px 0px rgba(0,0,0,0.1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 0.8) inset; display: inline-block; position: absolute; text-align: center; border-radius: 50%; display: none; font-weight: bold; z-index: 2; top: 15px; right: -5px; width: 20px; height: 20px; line-height: 20px; font-size: 10px;}[data-role="messages-holder"] [data-role="message"] .count.visible { display: inline-block;}[data-role="messages-holder"].active [data-role="message"] { opacity: 1;}[data-role="messages-holder"].active [data-role="message"][data-message-type="d"] { -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475); -o-transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.475); -webkit-transform: translate(0px, -180px); -ms-transform: translate(0px, -180px); transform: translate(0px, -180px); z-index: 14;}[data-role="messages-holder"] [data-role="message"][data-message-type="d"] .icon:before,.modal-content:hover [data-role="message-icon"][data-msg-type="d"] { background-position: 0px -200px;}[data-role="messages-holder"] [data-role="message"][data-message-type="d"]:hover .icon:before,[data-role="message-icon"][data-msg-type="d"] { background-position: 0px -400px;}[data-role="messages-holder"].active [data-role="message"][data-message-type="r"] { -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: -webkit-transform 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.475); -o-transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.475), -webkit-transform 0.7s cubic-bezier(0.175, 0.885, 0.320, 1.475); -webkit-transform: translate(0px, -120px); -ms-transform: translate(0px, -120px); transform: translate(0px, -120px); z-index: 13;}[data-role="messages-holder"] [data-role="message"][data-message-type="r"] .icon:before,.modal-content:hover [data-role="message-icon"][data-msg-type="r"] { background-position: -200px -200px;}[data-role="messages-holder"] [data-role="message"][data-message-type="r"]:hover .icon:before,[data-role="message-icon"][data-msg-type="r"] { background-position: -200px -400px;}[data-role="messages-holder"].active [data-role="message"][data-message-type="e"] { -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.475); -o-transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.475), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.475); -webkit-transform: translate(0px, -60px); -ms-transform: translate(0px, -60px); transform: translate(0px, -60px); z-index: 12;}[data-role="messages-holder"] [data-role="message"][data-message-type="e"] .icon:before,.modal-content:hover [data-role="message-icon"][data-msg-type="e"] { background-position: -400px -200px;}[data-role="messages-holder"] [data-role="message"][data-message-type="e"]:hover .icon:before,[data-role="message-icon"][data-msg-type="e"] { background-position: -400px -400px;}[data-role="messages-holder"].active [data-role="message"][data-message-type="m"] { -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.475); -o-transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.475); transition: transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.475), -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.320, 1.475); -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); z-index: 11;}[data-role="messages-holder"] [data-role="message"][data-message-type="m"] .icon:before,.modal-content:hover [data-role="message-icon"][data-msg-type="m"] { background-position: -600px -200px;}[data-role="messages-holder"] [data-role="message"][data-message-type="m"]:hover .icon:before,[data-role="message-icon"][data-msg-type="m"] { background-position: -600px -400px;}.top-bar [data-role="convoys"],.top-bar [data-role="settings"], .top-bar [data-role="entities"] { width: 40px; height: 40px; padding: 0; border: none; display: inline-block; margin-top: 6px; margin-right: 10px; position: relative;}.top-bar [data-role="settings"] { opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}body.loaded.loaded-final .top-bar [data-role="settings"] { opacity: 1;}.top-bar [data-role="settings"]:before,.top-bar [data-role="entities"]:before { content: ""; display: block; width: 50px; height: 50px; background-position: -212px -360px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-left: -5px; margin-top: -5px; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; -o-transition: transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear;}.top-bar [data-role="settings"]:hover:before,.top-bar [data-role="entities"]:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}.top-bar [data-role="entities"] { position: relative;}.top-bar [data-role="entities"]:before { margin-top: 0px; width: 40px; height: 40px; background-position: -232px -320px;}.top-bar [data-role="entities"] > span { position: absolute; top: 0px; right: 0px; display: inline-block; width: auto; height: 20px; line-height: 20px; text-align: right;}.top-bar [data-role="fullscreen"],.top-bar [data-role="refresh"] { display: none;}.top-bar [data-role="fullscreen"],body.is-mobile .top-bar [data-role="refresh"] { width: 40px; height: 40px; position: absolute; margin-right: 10px; top: 50px; left: 0;}body.loaded.loaded-final .top-bar [data-role="fullscreen"],body.loaded.loaded-final.is-mobile .top-bar [data-role="refresh"] { display: inline-block;}body.is-mobile .top-bar [data-role="refresh"] { left: 50px;}.top-bar [data-role="fullscreen"]:before,.top-bar [data-role="fullscreen"]:after,.top-bar [data-role="refresh"]:before { content: '\25e3'; display: block; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; font-weight: normal; font-family: monospace; position: absolute; left: 5px; bottom: 5px; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right;}.top-bar [data-role="refresh"]:before { content: '\21ba'; width: 30px; height: 30px; font-size: 30px; line-height: 30px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; font-weight: bold;}.top-bar [data-role="fullscreen"]:hover:before,.top-bar [data-role="fullscreen"]:hover:after { -webkit-animation: anim-fullscreen 2s infinite linear; animation: anim-fullscreen 2s infinite linear;}.top-bar [data-role="refresh"]:hover:before { -webkit-animation: anim-refresh 0.5s linear infinite; animation: anim-refresh 0.5s linear infinite;}.top-bar [data-role="fullscreen"]:after { content: '\25e5'; left: auto; bottom: auto; right: 5px; top: 5px; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left;}:-webkit-full-screen .top-bar [data-role="fullscreen"] { display: none !important;}:-ms-fullscreen .top-bar [data-role="fullscreen"] { display: none !important;}:-moz-full-screen .top-bar [data-role="fullscreen"] { display: none !important;}:fullscreen .top-bar [data-role="fullscreen"] { display: none !important;}body.full-screen .top-bar [data-role="fullscreen"] { display: none !important;}:-webkit-full-screen body.is-mobile .top-bar [data-role="refresh"] { left: 0px;}:-moz-full-screen body.is-mobile .top-bar [data-role="refresh"] { left: 0px;}:-ms-fullscreen body.is-mobile .top-bar [data-role="refresh"] { left: 0px;}:fullscreen body.is-mobile .top-bar [data-role="refresh"] { left: 0px;}body.full-screen.is-mobile .top-bar [data-role="refresh"] { left: 0px;}.top-bar > .row > .bar-settings { line-height: 5px;}@-webkit-keyframes anim-fullscreen { 0% {-webkit-transform: scale(0.4);transform: scale(0.4);} 50% {-webkit-transform: scale(1);transform: scale(1);} 99.9% {-webkit-transform: scale(1);transform: scale(1);} 100% {-webkit-transform: scale(0.4);transform: scale(0.4);}}@keyframes anim-fullscreen { 0% {-webkit-transform: scale(0.4);transform: scale(0.4);} 50% {-webkit-transform: scale(1);transform: scale(1);} 99.9% {-webkit-transform: scale(1);transform: scale(1);} 100% {-webkit-transform: scale(0.4);transform: scale(0.4);}}@-webkit-keyframes anim-refresh { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}@keyframes anim-refresh { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}[data-role="premium-modifiers"],[data-role="sentry"],[data-role="queues"],[data-role="chat-room-toggle"],[data-role="leader-board"],[data-role="arena"] { width: 40px; height: 40px; padding: 0; border: none; display: inline-block; vertical-align: top; margin-right: 10px; position: relative;}[data-role="convoys"] > span,[data-role="premium-modifiers"] > span,[data-role="sentry"] > span,[data-role="queues"] > span { display: inline-block; position: absolute; top: 0px; right: -5px; width: auto; line-height: 12px; text-align: right;}[data-role="convoys"]:before,[data-role="premium-modifiers"]:before,[data-role="sentry"]:before,[data-role="queues"]:before,[data-role="chat-room-toggle"]:before,[data-role="leader-board"]:before,[data-role="arena"]:before { content: ""; display: block; width: 50px; height: 50px; background-position: -162px -360px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-left: -5px; margin-top: -5px; -webkit-transition: -webkit-transform 0.1s linear; transition: -webkit-transform 0.1s linear; -o-transition: transform 0.1s linear; transition: transform 0.1s linear; transition: transform 0.1s linear, -webkit-transform 0.1s linear;}[data-role="convoys"]:hover:before,[data-role="premium-modifiers"]:hover:before,[data-role="sentry"]:hover:before,[data-role="queues"]:hover:before,[data-role="chat-room-toggle"]:hover:before,[data-role="leader-board"]:hover:before,[data-role="arena"]:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}[data-role="arena-list-page"] { min-height: 190px;}[data-role="arena-list-page"] > [data-click] { z-index: 2;}[data-role="arena-list-page"] .loading { display: inline-block; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; margin-left: -40px; margin-top: -20px; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; z-index: 1;}[data-role="arena-list-page"] .loading:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #fff; border-color: #fff transparent #fff transparent; -webkit-animation: anim-loading 1.2s linear infinite; animation: anim-loading 1.2s linear infinite;}@-webkit-keyframes anim-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}@keyframes anim-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }}[data-role="arena-list-page"][data-loaded="true"] .loading { opacity: 0;}[data-role="sentry"] { float: none; position: absolute; left: 70px; bottom: 50px; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}[data-role="sentry-frame"] { width: 100%; min-height: 512px; background-size: auto 100%; background-repeat: no-repeat; background-position: 50%;}[data-effect="sentryVs"] { min-height: 256px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}[data-effect="sentryVs"]:before { content: 'VS'; position: absolute; display: block; z-index: 2; background: rgba(0,0,0,0.5); width: 3em; height: 3em; line-height: 3em; text-align: center; border-radius: 50%; font-size: 2em; position: absolute; top: 50%; left: 50%; margin-top: -1.3em; margin-left: -1.3em;}[data-effect="sentryVs"]:after { content: ''; background: #fff; display: block; position: absolute; width: 2px; height: 256px; z-index: 1; -webkit-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; opacity: 0; border-radius: 50%; top: 0; left: 50%; margin-left: 4px;}[data-effect="sentryVs"] .sentry-icon { position: relative; width: 256px; height: 256px; background-size: 100%; background-position: 50%; background-repeat: no-repeat; z-index: 2;}[data-effect="sentryVs"].ready .sentry-icon { -webkit-animation: anim-sentry-icon 4s linear infinite; animation: anim-sentry-icon 4s linear infinite;}[data-effect="sentryVs"].ready:after { opacity: 0.9; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg);}[data-effect="sentryVs"].ready .sentry-icon:nth-child(2) { -webkit-animation: anim-sentry-icon-two 4s linear infinite; animation: anim-sentry-icon-two 4s linear infinite; z-index: 3;}[data-effect="sentryCustomizer"] { position: relative; background: -o-linear-gradient(bottom, rgba(0,0,0,0.4) 50%, rgba(35,35,35,0.6) 95%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0,0,0,0.4)), color-stop(95%, rgba(35,35,35,0.6)), to(rgba(0,0,0,0.5))); background: linear-gradient(0deg, rgba(0,0,0,0.4) 50%, rgba(35,35,35,0.6) 95%, rgba(0,0,0,0.5) 100%); margin-bottom: 75px; z-index: 100;}[data-effect="sentryCustomizer"]:focus { outline: none;}[data-effect="sentryCustomizer"] svg { max-height: 512px;}[data-effect="sentryCustomizer"] .sentry-preview { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}[data-effect="sentryCustomizer"] .sentry-preview > div { position: absolute; width: 100%; height: 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: 50%;}[data-effect="sentryCustomizer"]:focus .sentry-preview > div.active { -webkit-filter: drop-shadow(0 2px 3px #fff) drop-shadow(0 -2px 3px #fff) drop-shadow(2px 0 3px #fff) drop-shadow(-2px 0 3px #fff); filter: drop-shadow(0 2px 3px #fff) drop-shadow(0 -2px 3px #fff) drop-shadow(2px 0 3px #fff) drop-shadow(-2px 0 3px #fff);}@-webkit-keyframes anim-sentry-icon { 0%, 100% { -webkit-transform: perspective(500px) rotateY(0deg); transform: perspective(500px) rotateY(0deg); } 50% { -webkit-transform: perspective(500px) rotateY(-5deg) translate(-10%, 5%); transform: perspective(500px) rotateY(-5deg) translate(-10%, 5%); }}@keyframes anim-sentry-icon { 0%, 100% { -webkit-transform: perspective(500px) rotateY(0deg); transform: perspective(500px) rotateY(0deg); } 50% { -webkit-transform: perspective(500px) rotateY(-5deg) translate(-10%, 5%); transform: perspective(500px) rotateY(-5deg) translate(-10%, 5%); }}@-webkit-keyframes anim-sentry-icon-two { 0%, 100% { -webkit-transform: perspective(500px) rotateY(0deg); transform: perspective(500px) rotateY(0deg); } 50% { -webkit-transform: perspective(500px) rotateY(5deg) translate(10%, -5%); transform: perspective(500px) rotateY(5deg) translate(10%, -5%); }}@keyframes anim-sentry-icon-two { 0%, 100% { -webkit-transform: perspective(500px) rotateY(0deg); transform: perspective(500px) rotateY(0deg); } 50% { -webkit-transform: perspective(500px) rotateY(5deg) translate(10%, -5%); transform: perspective(500px) rotateY(5deg) translate(10%, -5%); }}[data-role="premium-modifiers"] { float: none; position: absolute; left: 20px; bottom: 50px; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear;}body.loaded.loaded-final [data-role="premium-modifiers"],body.loaded.loaded-final [data-role="sentry"] { opacity: 1;}[data-role="premium-modifiers"]:before, [data-role="sentry"]:before { width: 40px; height: 40px; margin-top: 0px; background-position: -192px -320px;}[data-role="sentry"]:before { background-position: -272px -320px;}[data-role="premium-modifiers"] > span,[data-role="sentry"] > span,[data-role="queues"] > span { right: 0px;}[data-role="queues"]:before { width: 40px; height: 40px; margin-top: 0px; background-position: -152px -320px;}[data-role="chat-room-toggle"]:before,[data-role="leader-board"]:before,[data-role="arena"]:before { width: 40px; height: 40px; margin-top: 0px; background-position: -390px -320px;}[data-role="leader-board"]:before { background-position: -430px -320px;}[data-role="arena"]:before { background-position: -470px -320px;}[data-role="chat-room-toggle"].active:before,[data-role="messages-holder-toggle"].active .messages { -webkit-filter: grayscale(1); filter: grayscale(1);}.td-ellipsis { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 150px;}a.btn, button.btn { border: none; border-radius: 0; position: relative; padding: 0 50px; height: 40px; line-height: 40px; display: inline-block; background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin-bottom: 5px; margin-top: 5px; -webkit-transform: translateX(7px); -ms-transform: translateX(7px); transform: translateX(7px);}a.btn.btn-danger, a.btn.btn-warning,button.btn.btn-danger, button.btn.btn-warning,button.btn[aria-expanded="true"] { background-color: transparent; text-shadow: -1px -1px #000, 0px -1px #000, 1px -1px #000, -1px 0px #000, 0px 0px 3px #000, 1px 0px #000, -1px 1px #000, 0px 1px #000, 1px 1px #000;}a.btn > span,button.btn > span { display: inline-block; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; z-index: 5; -webkit-box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.5); box-shadow: 0px 6px 7px 0px rgba(0,0,0,0.5); padding: 0px 2px; max-height: 40px;}a.btn:hover > span,button.btn:hover > span { -webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.9); box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.9);}a.btn > span:before,button.btn > span:before { content: ""; display: inline-block; position: absolute; z-index: -1; top: 0; left: 0; width: 10px; height: 100%; background-position: 35% -140px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-transform: scaleX(100); -ms-transform: scaleX(100); transform: scaleX(100); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}a.btn > span:after,button.btn span:after,[data-role="nav-back"]:after { content: ""; display: inline-block; width: 5px; height: 400%; position: absolute; top: -100%; left: 0; background: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 20px 30px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 20px 30px 0px 0px rgba(255, 255, 255, 0.2); -webkit-transform: translateX(-4em) rotate(-45deg); -ms-transform: translateX(-4em) rotate(-45deg); transform: translateX(-4em) rotate(-45deg); -webkit-animation: anim-buttons 4s ease-in-out 3; animation: anim-buttons 4s ease-in-out 3;}[data-role="nav-back"]:after { background: rgba(255, 255, 255, 0.9); -webkit-animation: anim-navback 4s ease-in-out infinite; animation: anim-navback 4s ease-in-out infinite;}@-webkit-keyframes anim-buttons { 0% {-webkit-transform: translateX(40em) rotate(-45deg);transform: translateX(40em) rotate(-45deg);} 30%, 100% {-webkit-transform: translateX(-4em) rotate(-45deg);transform: translateX(-4em) rotate(-45deg);}}@keyframes anim-buttons { 0% {-webkit-transform: translateX(40em) rotate(-45deg);transform: translateX(40em) rotate(-45deg);} 30%, 100% {-webkit-transform: translateX(-4em) rotate(-45deg);transform: translateX(-4em) rotate(-45deg);}}@-webkit-keyframes anim-navback { 0% {-webkit-transform: translateX(2em) rotate(-45deg);transform: translateX(2em) rotate(-45deg);} 30%, 100% {-webkit-transform: translateX(-1em) rotate(-45deg);transform: translateX(-1em) rotate(-45deg);}}@keyframes anim-navback { 0% {-webkit-transform: translateX(2em) rotate(-45deg);transform: translateX(2em) rotate(-45deg);} 30%, 100% {-webkit-transform: translateX(-1em) rotate(-45deg);transform: translateX(-1em) rotate(-45deg);}}a.btn.btn-danger > span:before, a.btn.btn-warning > span:before,button.btn.btn-danger > span:before, button.btn.btn-warning > span:before, button.btn[aria-expanded="true"] > span:before { background-position: 75% -140px;}a.btn:before, a.btn:after,button.btn:before, button.btn:after { content: ""; display: block; position: absolute; top: 0; left: 0px; width: 51px; height: 40px; background-position: -120px -140px; z-index: 6; border: none !important;}a.btn:after, button.btn:after { background-position: -266px -140px; left: auto; right: 0px;}a.btn.btn-danger:before, a.btn.btn-warning:before,button.btn.btn-danger:before, button.btn.btn-warning:before,button.btn[aria-expanded="true"]:before { background-position: -316px -140px;}a.btn.btn-danger:after, a.btn.btn-warning:after,button.btn.btn-danger:after, button.btn.btn-warning:after,button.btn[aria-expanded="true"]:after { background-position: -462px -140px;}a.btn:hover,button.btn:hover { -webkit-animation: none; animation: none;}a.btn:hover > span:before,button.btn:hover > span:before { background-position: 35% -180px; -webkit-box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 6px 3px 0px rgba(0, 0, 0, 0.5);}a.btn:hover:before,button.btn:hover:before { background-position: -120px -180px;}a.btn:hover:after,button.btn:hover:after { background-position: -266px -180px;}a.btn.btn-danger:hover > span:before, a.btn.btn-warning:hover > span:before,button.btn.btn-danger:hover > span:before, button.btn.btn-warning:hover > span:before,button.btn[aria-expanded="true"]:hover > span:before { background-position: 75% -180px;}a.btn.btn-danger:hover:before, a.btn.btn-warning:hover:before,button.btn.btn-danger:hover:before, button.btn.btn-warning:hover:before,button.btn[aria-expanded="true"]:hover:before { background-position: -316px -180px;}a.btn.btn-danger:hover:after, a.btn.btn-warning:hover:after,button.btn.btn-danger:hover:after, button.btn.btn-warning:hover:after,button.btn[aria-expanded="true"]:hover:after { background-position: -462px -180px;}a.btn:focus,button.btn:focus { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: transparent !important;}a.btn:focus > span:before,button.btn:focus > span:before { background-position: 35% -220px;}a.btn:focus:before,button.btn:focus:before { background-position: -120px -220px;}a.btn:focus:after,button.btn:focus:after { background-position: -266px -220px;}a.btn.btn-danger:focus > span:before, a.btn.btn-warning:focus > span:before,button.btn.btn-danger:focus > span:before, button.btn.btn-warning:focus > span:before,button.btn[aria-expanded="true"]:focus > span:before { background-position: 75% -220px;}a.btn.btn-danger:focus:before, a.btn.btn-warning:focus:before,button.btn.btn-danger:focus:before, button.btn.btn-warning:focus:before,button.btn[aria-expanded="true"]:focus:before { background-position: -316px -220px;}a.btn.btn-danger:focus:after, a.btn.btn-warning:focus:after,button.btn.btn-danger:focus:after, button.btn.btn-warning:focus:after,button.btn[aria-expanded="true"]:focus:after { background-position: -462px -220px;}.modal { z-index: 1075; -webkit-box-shadow: none; box-shadow: none; border: none;}body.is-mobile .modal-dialog { -webkit-transform: scale(0.895) !important; -ms-transform: scale(0.895) !important; transform: scale(0.895) !important; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}.modal-dialog { margin-top: 50px !important; margin-bottom: 50px !important;}.modal .modal-content { -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; border: none; background: transparent;}.modal .modal-header, .modal .modal-footer,.modal .modal-body { background-color: transparent; border: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; border: none;}.modal .modal-body > .row[data-name] { padding-top: 10px;}.modal .modal-body { width: -webkit-calc(100% - 58px); width: calc(100% - 58px); margin-left: 28px; background-repeat: repeat; background-color: #1a1e22; padding: 10px 30px 10px 40px; -webkit-box-shadow: 0px 20px 6px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 20px 6px 0px rgba(0, 0, 0, 0.5);}.modal .modal-body:before,.modal .modal-body:after { content:""; display: block; width: 40px; height: 100%; position: absolute; top: 0; left: -30px; background-position: 0px 0px; background-repeat: repeat-y !important;}.modal .modal-body:after { left: auto; right: -30px; background-position: -40px 0px;}.modal .modal-footer { z-index: 2;}.modal .modal-footer > div { margin: 0;}.modal .modal-header > .modal-header-before,.modal .modal-header > .modal-header-after,.modal .modal-footer > .modal-footer-before,.modal .modal-footer > .modal-footer-after { width: 60px; height: 60px;}.modal .modal-header > .modal-header-before { background-position: -142px -20px;}.modal .modal-header > .modal-header-after { background-position: -432px -20px;}.modal .modal-footer > .modal-footer-before { background-position: -142px -80px;}.modal .modal-footer > .modal-footer-after { background-position: -432px -80px;}.modal .modal-header > .modal-header-center,.modal .modal-footer > .modal-footer-center { height: 60px;}.modal .modal-header > .modal-header-center .modal-header-pad-left,.modal .modal-header > .modal-header-center .modal-header-pad-right,.modal .modal-footer > .modal-footer-center .modal-footer-pad-left,.modal .modal-footer > .modal-footer-center .modal-footer-pad-right { position: relative; overflow: hidden;}.modal .modal-header > .modal-header-center .modal-header-pad-left:before,.modal .modal-header > .modal-header-center .modal-header-pad-right:before,.modal .modal-footer > .modal-footer-center .modal-footer-pad-left:before,.modal .modal-footer > .modal-footer-center .modal-footer-pad-right:before { content: ""; display: block; position: absolute; width: 2px; height: 100%; top: 0; background-position: -205px -20px; -webkit-transform: scaleX(200); -ms-transform: scaleX(200); transform: scaleX(200); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}.modal .modal-header > .modal-header-center .modal-header-pad-right:before,.modal .modal-footer > .modal-footer-center .modal-footer-pad-right:before { left: 0; background-position: -432px -20px;}.modal .modal-footer > .modal-footer-center .modal-footer-pad-left:before { background-position: -200px -80px;}.modal .modal-footer > .modal-footer-center .modal-footer-pad-right:before { background-position: -432px -80px;}.modal .modal-header > .modal-header-center .modal-header-pad,.modal .modal-footer > .modal-footer-center .modal-footer-pad { position: relative; overflow: hidden;}.modal .modal-footer > .modal-footer-center .modal-footer-pad { font-size: 10px; text-align: center; color: rgba(255,255,255,0.1); text-shadow: none;}.modal .modal-footer:hover > .modal-footer-center .modal-footer-pad { color: rgba(255,255,255,0.5);}.modal .modal-header > .modal-header-center .modal-header-pad:before,.modal .modal-footer > .modal-footer-center .modal-footer-pad:before { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 60px; background-position: 71% -20px; background-size: 233% 512px;}.modal .modal-footer > .modal-footer-center .modal-footer-pad:before { background-position: 71% -80px;}.modal .modal-header-after { position: relative;}.modal .modal-header-after [data-role="nav-back"] { width: 40px; padding: 0 5px; vertical-align: baseline; color: #ff631e; font-weight: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: absolute; bottom: 5px; left: -45px; height: 56px; background: #1a1e22; border-radius: 10px 10px 0 0; border: 1px solid #ff631e; border-bottom: 1px solid transparent; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 45px; font-size: 45px; text-align: center; text-shadow: none;}.modal .modal-header-after [data-role="nav-back"]:hover { color: #000; background: #ff631e;}.modal .modal-header-after [data-role="nav-back"].visible { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}.modal .modal-header-after .close { width: 40px; height: 40px; top: 10px; right: 10px; position: absolute; padding: 0; margin: 0; color: #ff631e; opacity: 1;}.modal .modal-header-after .close > span { line-height: 18px; vertical-align: top;}.modal .modal-header-after .close:hover { color: red;}.modal .modal-header .modal-title { line-height: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: inline-block; max-height: 60px; padding: 0px 5px;}.modal [data-dismiss] { outline: none;}.modal [data-table="user-cities"] tbody tr { line-height: 45px;}[data-ui="loading-bar"] { position: relative; height: 20px; overflow: hidden;}[data-ui="loading-bar"]:before,[data-ui="loading-bar"]:after { position: absolute; content: ""; display: inline-block; width: 20px; height: 20px; background-position: -112px 0px; top: 0; z-index: 3; left: 0;}[data-ui="loading-bar"]:after { left: auto; right: 0; background-position: -492px 0px;}[data-ui="loading-bar"] > b { z-index: 2; top: 0px; height: 20px; background-position: 85% 0; background-size: 150% 512px;}[data-ui="loading-bar"] > i { z-index: 1; top: 6px; height: 6px; background: #ff631e; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; border-radius: 3px;}[data-ui="loading-bar"] > span { z-index: 0; top: 3px; height: 13px; background: #222;}[data-ui="loading-bar"] > b,[data-ui="loading-bar"] > i, [data-ui="loading-bar"] > span { left: 20px; position: absolute; width: -webkit-calc(100% - 40px); width: calc(100% - 40px);}.signature { display: inline-block; width: 150px; height: 50px; background: url("__ROOT_URL__/ui/img/signature.png") no-repeat 0% 50% transparent; background-size: 150px 50px; vertical-align: middle;}[data-modal-method="dialogSettingsAbout"] .signature { position: absolute; right: 180px; width: 0px; bottom: 30px; -webkit-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;}[data-modal-method="dialogSettingsAbout"] .framed { padding-bottom: 55px !important;}[data-modal-method="dialogSettingsAbout"] .signature.signed { right: 30px; width: 150px; bottom: 10px;}[data-modal-method="dialogSettingsAbout"] h5 { padding: 0; text-align: center; margin: 20px 0;}[data-modal-method="dialogSettingsDeleteAccount"] .btn { width: 100%;}[data-role="tutorial-dialog"] .icon:before, .advisor:before, [data-role="message-icon"][data-msg-type],[data-role="messages-holder"] [data-role="message"] .icon:before,.bottom-bar .dome .dome-cities .dome-inner:before, .bottom-bar .dome .dome-world .dome-inner:before { background-repeat: no-repeat; background-image: url("__MEDIA_URL__/img/ui/sprite-200.png");}hr, .vr:before, ul > li:before, [data-effect="help"]:before, [data-role="tracker"]:before, input[type="checkbox"], .res > .icon, .icon-attack, .icon-city, button.dot, .rangeslider__handle, .bottom-bar .dome .dome-inner .icon.current:before, .bottom-bar .dome .arrow:before, .label:before, .label:after, .label > span:after, .heading:before, .heading:after, .heading > span:after, .btn > span:before, .btn:before, .btn:after, .framed:before, .framed:after,[data-role="tutorial-dialog"]:before, [data-role="tutorial-dialog"]:after, [data-role="tutorial-dialog"] .steps, [data-role="tutorial-dialog"] .steps .steps-bar:before, [data-role="tutorial-dialog"] [data-role="toggle"],[data-role="tutorial-marker"] > div, [data-role="tutorial-marker"] > div > div:before,[data-role="tutorial-marker"] > div > div:after, [data-role="messages-holder-toggle"] .messages, .top-bar [data-role="settings"]:before, .top-bar [data-role="entities"]:before, [data-role="convoys"]:before, [data-role="premium-modifiers"]:before, [data-role="sentry"]:before, [data-role="queues"]:before, [data-role="chat-room-toggle"]:before, [data-role="leader-board"]:before, [data-role="arena"]:before, [data-ui="loading-bar"]:before, [data-ui="loading-bar"]:after, [data-ui="loading-bar"] > b, .modal .modal-body:before, .modal .modal-body:after, .modal .modal-header > .modal-header-before, .modal .modal-header > .modal-header-after,.modal .modal-header > .modal-header-center .modal-header-pad-left:before,.modal .modal-header > .modal-header-center .modal-header-pad-right:before,.modal .modal-header > .modal-header-center .modal-header-pad:before, .modal .modal-footer > .modal-footer-before,.modal .modal-footer > .modal-footer-after, .modal .modal-footer > .modal-footer-center .modal-footer-pad-left:before,.modal .modal-footer > .modal-footer-center .modal-footer-pad-right:before,.modal .modal-footer > .modal-footer-center .modal-footer-pad:before,[data-role="ptf-embed"] > [data-effect="ptfCreator"].ptf-nav:before, [data-effect="sentryCustomizer"] .sentry-nav:before,[data-effect="ptfStars"] i,[data-role="map"] .cell[data-upg="true"] .cell-item > b { background-repeat: no-repeat; background-image: url("__MEDIA_URL__/img/ui/sprite-ui.png");}[data-click], .card .card-header, [data-effect="help"], [data-effect="helpMenuItem"], [data-role="tracker"],[data-role="tutorial-dialog"] [data-role="toggle"], .rangeslider__handle, [data-role="title"], .top-bar .res, .bottom-bar .res, .bottom-bar .dome .dome-inner .icon, .bottom-bar .dome .dome-cities .dome-inner:before,.bottom-bar .dome .dome-world, .bottom-bar .dome .arrow, [data-role="messages-holder-toggle"], [data-role="messages-holder"] [data-role="message"], .top-bar [data-role="settings"], .top-bar [data-role="entities"],.top-bar [data-role="fullscreen"], body.is-mobile .top-bar [data-role="refresh"], [data-role="convoys"], [data-role="premium-modifiers"], [data-role="sentry"], [data-role="queues"], [data-role="chat-room-toggle"], [data-role="leader-board"], [data-role="arena"], button, a.btn, button.btn, .btn, .modal [data-dismiss], .modal .modal-header-after [data-role="nav-back"], [data-role="ptf-embed"] > [data-effect="ptfCreator"], [data-role="ptf-tools"] > .ptf-brushes > div, .stephino-console-chat .message .author { cursor: url("__MEDIA_URL__/img/ui/cursor-pointer.cur"), pointer;}body, [data-effect="helpMenuItem"].active > span, .res > span { cursor: url("__MEDIA_URL__/img/ui/cursor-default.cur"), default;}.modal .modal-body,.bottom-bar .dome.active .dome-cities,.bottom-bar .dome.active .dome-islands,.bottom-bar .dome.active .dome-world { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAxCAYAAABznEEcAAAE0ElEQVRogdVZXSh7fxj/mJnjJb/lZaF/LtZwgbghJmpR2LjQknbhxktawrjyUt4bSYwlXCBu5iVloZSi0VysFSVX8pKXRBTRXPpf/eU4Z2fn7Jzt5/+5Wud8+57n+zyf5/M832eAn1FfXy/5+Uyr1VKeCYbe3l7C05rs7OxQpvdqtTqczbeUSqUIAF5fX90eKDU1ldthZ2dnPR6ACWFhYTIAmJiYiOWzj9fIy8uLEHI/lUoV6WlNTU2NlMueJpOJvZObmprcGkAQRKxOp/No4HcEBgaychBBEAQAbG1tRXPZ3y1MJpMYAJxOZ2hISAgrjvsD9/f38QAAg8EgKHW4Qq1W+06ZfmJwcJB3WKVSaaTVahWGHkyw2Wy0CRMcHByv1+s5JR8A9Pf3h7tcrnj+lgF2u13GawOn0+m3sKenp8tGR0cjAMBms0UHBATIAMBgMEgAwGKxeC//Wq2WsbCxwdvbm9fOWFtbI9Wcu7s7MV97EBkZyX8TodHc3BwNACcnJ2IACA4OZpWEKSkpXwqXnp4uEsIWuVxOyb+RkRFmJphMJgkAtLW18aYMX2g0GlrOPzw80AvL3t4e5yQ5OjryWKVXV1d5UU0ul3NXIolEIggN6PDw8PAV3fLy8r8eaRJubm4Eq/bHx8cUJyoUii81crlcFCppNBp6Rnx8fNAaplQqebXmP7G3t+efujM/P0/7oeTkZAIA6urq4l0uV3hCQgIjRXJycijv9Xo9JWdaW1t935L8L2A0Gr3yxPr6evjt7S0rYTg/Pxfe2y8vLyIA2N3d5ddcCYzLy8sIAOjr6+OvZjqdTtCE/nUwGo1uo/fy8kKSv6KiIlqRqKysZCXTKysr3OuY2Wx2G4Hk5GTKBOP+/p72QJ2dnYx02NzcpD3c5OQkq9z58+cP/V2lvr6e1ZglPz+f9TjGYrH8w2bdxcWFbzrjsbExVkm/sbHBuoLv7OxwmpL8B4fDIaPUk+vra7ebVVdXywAgLi6O4vGysjKPB0tJSfHKUHdITEx0TzGlUslbxhobGwkASEtL+3sNXkdHB6d50sDAQCgAqFSqaABwOBxf6lFeXu5xoCASiVhH6fHx0X+OeX9/p01KuVxOoWNjYyNJlex2u2x4eFiYprCgoEBQHguN6elp7wbU/f39Xvc7y8vLJKeMj4/7twP4fiP7jqurKykAHB0dfb0PCAjgNCDLysoiOaarq8stlXp7e9nnBN3dOSoqyq8D5KmpKRkALC0tkQ55eHjIzkkxMTFESUkJ0d7eLsjY8dfA6XT6pEWfmprilGefn5+c58A+QVFR0e+bGP46lJaW+mzuxISGhgYSTYxGI6OQPD8/k+itUqnYF8jc3FzOtaK7u5uzstHNYOmgUCjI9WZhYeGrCvb09AgekcXFRa/biaqqKpHZbPZdF5GUlMTJ0xkZGSIAyMnJ4ZTgCoWCtL64uJg9Kw4ODij1YmRkxOPFp7a2llNr8fT0JJxqFRYWUgz8PjUnCII11VpaWhRC2cUJUqmUkXsymex36vzZ2Vl4UFAQ5/Z2aGjo982jKioqOKuS1WqN/PabVholEgnlsNvb27EAkJmZyTmyOp1OtLKywq2329/fp+TJ/v5+AgDMzc0xJvnMzIxX/1+IxWJS6316esoo0f8C8GEveLCZvCMAAAAASUVORK5CYII=");}@media (max-aspect-ratio: 1/1) and (min-width: 256px),(min-aspect-ratio: 1/1) and (min-height: 256px) { body { zoom: 0.8; } [data-role="title"] { max-width: 100px; } [data-role="map"], [data-role="map"] .cell, [data-role="map"] .cell-padding { width: 256px; height: 256px; } [data-role="map"] .cell > .items-holder { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .bottom-bar .dome { margin-left: -60px; width: 120px; height: 120px; } body.loaded.loaded-final .bottom-bar .dome { -webkit-transform: translate(0px, -25px); -ms-transform: translate(0px, -25px); transform: translate(0px, -25px); } body.loaded.loaded-final .bottom-bar .dome.active { -webkit-transform: translate(0px, -50px); -ms-transform: translate(0px, -50px); transform: translate(0px, -50px); } .bottom-bar .dome.active .arrow { opacity: 1; -webkit-transform: translate(0px, -75px) rotate(0deg); -ms-transform: translate(0px, -75px) rotate(0deg); transform: translate(0px, -75px) rotate(0deg); } .bottom-bar .dome.active .arrow.arrow-left { -webkit-transform: translate(-37px, 0px) rotate(-90deg); -ms-transform: translate(-37px, 0px) rotate(-90deg); transform: translate(-37px, 0px) rotate(-90deg); } .bottom-bar .dome.active .arrow.arrow-right { -webkit-transform: translate(75px, 0px) rotate(90deg); -ms-transform: translate(75px, 0px) rotate(90deg); transform: translate(75px, 0px) rotate(90deg); } .bottom-bar .dome .dome-world .dome-inner:before, .bottom-bar .dome .dome-cities .dome-inner:before { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); margin-top: -70px; } .bottom-bar .dome .dome-world:hover .dome-inner:before, .bottom-bar .dome .dome-cities:hover .dome-inner:before { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }}@media (max-aspect-ratio: 1/1) and (min-width: 380px),(min-aspect-ratio: 1/1) and (min-height: 380px) { body { zoom: 1; } .bottom-bar .bar-info .res-gold > span { width: auto; } [data-role="title"], .bottom-bar .bar-info { max-width: none; }}@media (max-aspect-ratio: 1/1) and (min-width: 512px),(min-aspect-ratio: 1/1) and (min-height: 512px) { [data-role="map"], [data-role="map"] .cell, [data-role="map"] .cell-padding { width: 512px; height: 512px; } [data-role="map"] .cell > .items-holder { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .bottom-bar .dome { margin-left: -100px; width: 200px; height: 200px; } body.loaded.loaded-final .bottom-bar .dome { -webkit-transform: translate(0px, -25%); -ms-transform: translate(0px, -25%); transform: translate(0px, -25%); } body.loaded.loaded-final .bottom-bar .dome.active { -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .top-bar .res { color: inherit; } .bottom-bar .dome.active .dome-islands { -webkit-transform: translate(0px, -120%) scale(0.6); -ms-transform: translate(0px, -120%) scale(0.6); transform: translate(0px, -120%) scale(0.6); z-index: 3; } .bottom-bar .dome.active .dome-world { -webkit-transform: translate(0px, -170%) scale(0.8); -ms-transform: translate(0px, -170%) scale(0.8); transform: translate(0px, -170%) scale(0.8); z-index: 1; } .bottom-bar .dome.active .arrow { opacity: 1; } .bottom-bar .dome.active .arrow.arrow-left { -webkit-transform: translate(-50%, 0px) rotate(-90deg); -ms-transform: translate(-50%, 0px) rotate(-90deg); transform: translate(-50%, 0px) rotate(-90deg); } .bottom-bar .dome.active .arrow.arrow-right { -webkit-transform: translate(100%, 0px) rotate(90deg); -ms-transform: translate(100%, 0px) rotate(90deg); transform: translate(100%, 0px) rotate(90deg); } .bottom-bar .dome .dome-world .dome-inner:before, .bottom-bar .dome .dome-cities .dome-inner:before { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-top: -100px; } .bottom-bar .dome .dome-world:hover .dome-inner:before, .bottom-bar .dome .dome-cities:hover .dome-inner:before { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .bottom-bar .dome.active .dome-inner .icon > span { margin-top: 0px; height: 40px; line-height: 30px; font-size: 18px; } [data-role="messages-holder"] { top: -120px; width: 100px; height: 100px; } [data-role="messages-holder"] [data-role="message"] { width: 100px; height: 100px; } [data-role="messages-holder"] [data-role="message"] .icon:before { -webkit-transform: scale(0.45); -ms-transform: scale(0.45); transform: scale(0.45); margin-left: -55px; margin-top: -55px; } [data-role="messages-holder"] [data-role="message"] .count { top: 0px; right: -10px; width: 30px; height: 30px; line-height: 30px; font-size: 14px; } [data-role="messages-holder"].active [data-role="message"][data-message-type="d"] { -webkit-transform: translate(0px, -300px); -ms-transform: translate(0px, -300px); transform: translate(0px, -300px); } [data-role="messages-holder"].active [data-role="message"][data-message-type="r"] { -webkit-transform: translate(0px, -200px); -ms-transform: translate(0px, -200px); transform: translate(0px, -200px); } [data-role="messages-holder"].active [data-role="message"][data-message-type="e"] { -webkit-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate(0px, -100px); }}@media screen and (orientation:portrait) { [data-role="info-landscape"] { display: block; }}/*End of Game:Common*/