@charset'utf-8'; /*FONTS*/ @font-face{font-family:'bio'; src:url('bio.otf') format('opentype'); font-style:normal; font-weight:normal; font-display:fallback;} @font-face{font-family:'pns'; src:url('pns.ttf') format('truetype'); font-style:normal; font-weight:normal; font-display:fallback;} @font-face{font-family:'che'; src:url('che.otf') format('opentype'); font-style:normal; font-weight:normal; font-display:fallback;} @font-face{font-family:'gil'; src:url('gil.ttf') format('opentype'); font-style:normal; font-weight:normal; font-display:fallback;} @font-face{font-family:'beb'; src:url('beb.ttf') format('opentype'); font-style:normal; font-weight:normal; font-display:fallback;} @font-face{font-family:'Montserrat'; src:url('Montserrat.ttf') format('TrueType'); font-style:normal; font-weight:normal; font-display:fallback;} @font-face{font-family:'MontserratBold'; src:url('MontserratBold.ttf') format('TrueType'); font-style:normal; font-weight:normal; font-display:fallback;} @font-face{font-family:'Bryndan'; src:url('Bryndan.ttf') format('TrueType'); font-style:normal; font-weight:normal; font-display:fallback;} /**/ html, body{min-width:250px; width:100%; height:100%; margin:0; padding:0; font-size:18px; line-height:1.1; font-weight:bold; font-family:Montserrat; color:#c9e0ff;} body{overflow:hidden auto; font-size: 18px; color: #1c1c1e; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background: #011224; position: relative;} body::before{content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: url('../images/soon.png') center / cover no-repeat, linear-gradient(0deg, #011224 28%, #098cb8 100%); z-index: -1;} body::-webkit-scrollbar{width:7px; height:7px;} body::-webkit-scrollbar-thumb{width:7px; height:7px; background:#407eff;} body::-webkit-scrollbar-track{background-color:transparent;} html{min-width:100%; min-height:100%;} noscript{position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:rgba(255,255,255,.9); text-align:center; font-size:35px; padding-top:20%; font-family:bio;} div,span,samp,small,h1,h2,h3,h4,h5,h6,a,img{margin:0; outline:0; padding:0; border:0; background:transparent; font-family:Montserrat; font-weight:normal;} h2, h3{color:#ffcc00; padding:10px; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-family:bio; letter-spacing:1px;} /**/ input,textarea{box-sizing:border-box; background:#e9e9eb; border:3px solid #394c8f; font-size:20px; color:#272e46; font-family:gil; -webkit-border-radius:5px!important; -moz-border-radius:5px!important; border-radius:5px!important; outline:0; padding-left:10px;} input{height:32px;} input:focus{outline:3px solid #7c93e3;} /**/ .g-recaptcha{width:100%;} .g-recaptcha div:first-child{width:auto!important;} /**/ .tox .tox-edit-area__iframe{background:#222f3e!important;} .tox-statusbar__branding{display:none;} /**/ .tooltip{position:fixed; padding:7px; border-radius:4px; text-align:center; font-size:16px; color:#c9e0ff; background:#284191; box-shadow:inset 0 0 0 3px rgba(32, 130, 225, 0.7); display:none; z-index:99999;} /**/ .select select::-webkit-scrollbar{width:7px; height:7px;} .select select::-webkit-scrollbar-thumb{width:7px; height:7px; background:#606060;} .select select::-webkit-scrollbar-track{background-color:transparent;} .select select::-webkit-resizer{background-color:transparent; width:100%;} .select{position:relative; height:20px;} .select select option:hover{background:#49756b;} .select select{cursor:pointer; background:#101010; color:#c9e0ff; font-size:15px; padding:12px; width:100%; box-shadow:0 5px 25px rgba(0,0,0,.2); border-radius:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0; position:relative; border:1px solid #393839;} .select::before{content:""; font-family:bio; position:absolute; top:0; right:0; background:url('../images/downarrow.png') 50% 50% no-repeat; width:20%; height:100%; text-align:center; font-size:28px; line-height:45px; color:rgba(255,255,255,.5); border-top-right-radius:10px; border-bottom-right-radius:10px; pointer-events:none; z-index:1;} .select:hover::before{background:url('../images/downarrowhover.png') 50% 50% no-repeat;} .select select option{padding:30px;} /**/ @-webkit-keyframes autofill{to{background:#030e2f; color:#3d465f; font-size: 20px;}} input:-webkit-autofill{-webkit-animation-name:autofill; -webkit-animation-fill-mode:both;} ul{list-style-type:none; margin:0; padding:0;} a:link, a:active, a:visited{text-decoration:none; color:#000000; line-height:1.4;} a:hover{color:#bf272e;} abbr{cursor:help;} select{outline:none; font-size:15px;} input[type=range]{width:100%; margin:5.35px 0; background-color:transparent; -webkit-appearance:none; outline: none; border: none; padding-left:0;} input[type=range]:focus{outline:0;} input[type=range]::-webkit-slider-runnable-track{background:#d1d1d1; border:1.1px solid #d1d1d1; border-radius:1px; width:100%; height:11.3px; cursor:pointer;} input[type=range]::-webkit-slider-thumb{margin-top:-6.45px; width:23px; height:22px; background:#03bded; border:10px solid #03bded; border-radius:10px; cursor:pointer; -webkit-appearance:none;} input[type=range]:focus::-webkit-slider-runnable-track{background:#dedede;} input[type=range]::-moz-range-track{background:#d1d1d1; border:1.1px solid #d1d1d1; border-radius:1px; width:100%; height:11.3px; cursor:pointer;} input[type=range]::-moz-range-thumb{width:23px; height:22px; background:#03bded; border:10px solid #03bded; border-radius:10px; cursor:pointer;} input[type=range]::-ms-track{background:transparent; border-color:transparent; border-width:7.95px 0; color:transparent; width:100%; height:11.3px; cursor:pointer;} input[type=range]::-ms-fill-lower{background:#c4c4c4; border:1.1px solid #d1d1d1; border-radius:2px;} input[type=range]::-ms-fill-upper{background:#d1d1d1; border:1.1px solid #d1d1d1; border-radius:2px;} input[type=range]::-ms-thumb{width:23px; height:22px; background:#03bded; border:10px solid #03bded; border-radius:10px; cursor:pointer; margin-top:0;} input[type=range]:focus::-ms-fill-lower{background:#d1d1d1;} input[type=range]:focus::-ms-fill-upper{background:#dedede;} input[type=radio]{-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; width:20px; height:20px; -webkit-box-shadow:inset 0 0 10px #4171a1; -moz-box-shadow:inset 0 0 10px #4171a1; box-shadow:inset 0 0 10px #4171a1; background:0 0; -webkit-border-radius:10px; border-radius:10px; font-weight:700; font-size:16px; margin:0; margin-right:10px; position:relative; outline: none; border: none; padding-left: 0;} input[type=radio]:checked:after{width:9px; height:9px; -webkit-box-shadow:inset 0 0 10px #fff; -moz-box-shadow:inset 0 0 10px #fff; box-shadow:inset 0 0 10px #fff; position:absolute; top:calc(50% - 4.5px); left:calc(50% - 4px); content:''; border-radius:10px;} /**/ pre{padding:10px; font-size:16px; position:relative; max-height:500px; overflow:auto; display:block; word-wrap:normal; color:#a9b7c6; white-space:pre-wrap; text-align:left; cursor:default} pre.html:before, pre.slh__html:before{position:absolute; display:block; top:5px; right:5px; font-size:16px; color:#05d105; opacity:.5} pre .code-comments{color:grey} pre .code-tags{color:#03c0ed} pre .code-attribute{color:#ff8383} pre .code-quotes{color:#a4c14f} pre .code-style, pre .code-var{color:#9876aa} pre .code-operator, pre .code-php,pre .code-types{color:#cc7832} pre .code-number{color:#4d8690} pre .code-class, pre .code-id, pre .code-pseudo{color:#ffc66d} /**/ .highlight{filter:drop-shadow(1px 1px 3px #0ff);} .lthrough::after{left:50%; width:5px!important; background:#ff0000!important; transform:rotate(-45deg); transform-origin:left;} /**/ .ipSecurity{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} .switch{position:relative; display:inline-block; width:50px; height:20px; margin-left:10px;} .switch input{display:none;} .slider{position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color: #a42828b3; backdrop-filter: blur(0) contrast(280%); transition:.4s;} .slider:before{position:absolute; content:''; height:16px; width:16px; left:4px; bottom:2px; backdrop-filter: blur(1px) contrast(300%); transition:.4s;} input:checked+.slider{/*background-color:#398fd2;*/ background-color: #398fd2c2; backdrop-filter: blur(1px) contrast(280%);} input:focus+.slider{box-shadow:0 0 1px #398fd2;} input:checked + .slider:before{transform:translateX(17px);} .slider.round{border-radius:34px;} .slider.round:before{border-radius:50%;} /**/ ::-webkit-input-placeholder{color:#b7b7b7;} ::-moz-placeholder{color:#b7b7b7;} :-moz-placeholder{color:#b7b7b7;} :-ms-input-placeholder{color:#b7b7b7;} input:focus::-webkit-input-placeholder{opacity:.2;} input:focus:-moz-placeholder{opacity:.2;} input:focus::-moz-placeholder{opacity:.2;} input:focus:-ms-input-placeholder{opacity:.2;} textarea:focus::-webkit-input-placeholder{opacity:.2;} textarea:focus:-moz-placeholder{opacity:.2;} textarea:focus::-moz-placeholder{opacity:.2;} textarea:focus:-ms-input-placeholder{opacity:.2;} /**/ .scroll::-webkit-scrollbar{width:7px; height:7px;} .scroll::-webkit-scrollbar-thumb{width:7px; height:7px; border-radius:10px; background:#002351;} .scroll:-webkit-scrollbar-track{background-color:transparent;} @keyframes shine{0%{background-position:-100px;} 100%{background-position:100px;}} /**/ .used{display:inline-block!important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: conic-gradient(#4caf50 0%, transparent 0%); pointer-events: none;} a.logn{position: relative; color: #bdeef2!important; background-color: #0e64ed; border: none; border-radius: 10px; cursor: pointer; padding: 5px; font-weight:bold; font-size: 18px; text-align: center; box-shadow: inset 0 0 0 3px rgba(32, 130, 225, 0.7); transition: box-shadow 0.3s ease; font-family: Montserrat;} a.logn:hover{box-shadow: inset 0 0 0 30px rgba(32, 130, 225, 0.5);} @keyframes pulseGlow{from{opacity: 0.4; transform: scale(1);} to{opacity: 1; transform: scale(1.1);}} @keyframes banned{50%{opacity:.6;}} #banned b{animation:banned .8s infinite;} #banTime{font-size:60px; color:#fff;} /**/ .en{display:inline-block; overflow:hidden; background:url('../images/en.png') 0 0 no-repeat; width:30px; height:21px;} .ru{display:inline-block; overflow:hidden; background:url('../images/ru.png') 0 0 no-repeat; width:30px; height:21px;} .ru, .en{background-size:cover;} /**/ a.backbutton{display:inline-block; color:#fff!important; border-radius:10px; background-image:linear-gradient(45deg,rgb(0 0 0 / 0%) 40%,rgb(48 47 47 / 80%),rgb(0 0 0 / 0%) 70%),linear-gradient(to right, rgb(60 60 60), rgb(0 0 0 / 59%) 90%,rgb(0 0 0 / 59%) 90%,rgb(74 65 65 / 70%)),linear-gradient(to right,rgb(0 0 0),rgb(0 0 0 / 90%) 45%,rgb(157 143 143)),linear-gradient(to right,rgb(0 0 0),rgb(153 153 153 / 90%) 45%,rgb(0 0 0 / 50%)),linear-gradient(to right, rgb(0 0 0),rgb(227 224 224 / 90%) 45%,rgb(0 0 0 / 50%)),linear-gradient(to right, rgb(0 0 0),rgb(165 150 150 / 90%) 45%,rgb(0 0 0 / 60%))!important;} a.backbutton:hover{opacity:0.5;} /**/ .headM, a.smallButton{width:auto; cursor:pointer; padding:0.2rem 1em; overflow:hidden; color:#fff; border:0; border-radius:0.3rem; position:relative; border-top:1px solid hsl(32, 25%, 46%); border-bottom:1px solid hsl(32, 25%, 46%); background:rgb(56,49,26); background:linear-gradient(180deg, rgba(56,49,26,1) 0%, rgba(50,42,29,1) 34%, rgba(0,0,0,1) 66%, rgba(67,55,39,1) 87%);} a.smallButton::after{content:''; height:100%; width:0.1rem; position:absolute; top:0; background:linear-gradient(to bottom, #ffffff, rgba(0, 0, 0, 0));} a.smallButton::before{left:0;} a.smallButton::after{right:0;} a.smallButton:hover{text-shadow:#FC0 1px 0 10px;} a.smallButton:hover::after{content:''; height:100%; width:0.1rem; position:absolute; top:0; background:linear-gradient(to bottom, #ffffff, rgba(0, 0, 0, 0)); right:0;} a.smallButton:not(a.currentActive):hover::before{content: ''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(to right, transparent, #ff0, transparent); background-size:200px; animation:shine 1.5s infinite linear;} a.yes{display:inline-block; margin-top:10px;} a.disable{cursor:not-allowed; pointer-events:none; -webkit-box-shadow:none; box-shadow:none;} .lotdisable{cursor:not-allowed; pointer-events:none; opacity:.3; -webkit-box-shadow:none; box-shadow:none;} a.disabler{color:#b3b3b3!important; border:none!important; background:transparent!important; cursor:not-allowed; pointer-events:none; opacity:.3; -webkit-box-shadow:none; box-shadow:none;} a.quit{z-index:1; position:absolute; top:0; right:0; font-size:42px; height:22px; line-height:19px; background:#bf272e; color:#ffffff; overflow:hidden; font-weight:bold;} .del:hover, a:hover.quit, a:hover.delete{color:#fff; opacity:.7;} a.delete{z-index:1; position:absolute; top:0; right:0; font-size:49px; height:25px; line-height:25px; color:#ff0000; overflow:hidden; font-weight:bold;} .del{position:absolute; z-index:1; top:-12px; right:-6px; height:25px; line-height:25px; color:#ff0000; overflow:hidden; font-weight:bold; text-decoration:none; font-size:30px; cursor:pointer;} a.ban{font-size:15px!important;} a.glass{position:relative; display:inline-block; word-break:break-all; color:#ffffff; font-weight:bold; text-decoration:none; padding:7px 4px; outline:none;} a.minglass{color:#000000; font-weight:bold; text-decoration:none; padding:7px 5px; outline:none; -webkit-border-radius:10px!important; -moz-border-radius:10px!important; border-radius:10px!important;} a.minglass:hover, a.glass:hover, a.glassActive{color:#fff;} .active, a.active{-webkit-box-shadow:0px 3px 0px 0px rgba(191,39,47,1)!important; -moz-box-shadow:0px 3px 0px 0px rgba(191,39,47,1)!important; box-shadow:0px 3px 0px 0px rgba(191,39,47,1)!important; cursor:default; color:rgba(191,39,47,1);} a.active:hover{opacity:1!important;} a.activeWhite{-webkit-box-shadow:0px 3px 0px 0px rgba(255,255,255,1)!important; -moz-box-shadow:0px 3px 0px 0px rgba(255,255,255,1)!important; box-shadow:0px 3px 0px 0px rgba(255,255,255,1)!important; cursor:pointer; color:rgba(255,255,255,1);} .activeGreen{-webkit-box-shadow:0px 3px 0px 0px rgba(8,203,0,1)!important; -moz-box-shadow:0px 3px 0px 0px rgba(8,203,0,1)!important; box-shadow:0px 3px 0px 0px rgba(8,203,0,1)!important; cursor:default; color:rgba(8,203,0,1);} /**/ .pagination{text-align:center; padding:20px;} .pagination a{padding:10px;} /**/ .notnews{font-size:30px; text-align:center; color:#dab59b; margin-bottom:15px;} /**/ .disable{cursor:not-allowed; pointer-events:none; -webkit-box-shadow:none; box-shadow:none; filter:opacity(0.3);} .disables{-webkit-box-shadow:none; box-shadow:none; filter:opacity(0.3);} @keyframes pulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.07);}} /**/ .antibrut{padding:3px;} .radius{-webkit-border-radius:10px!important; -moz-border-radius:10px!important; border-radius:10px!important;} .whiteborder{text-shadow:#000000 1px 0px, #ffffff 1px 1px, #ffffff 0px 1px, #ffffff -1px 1px, #ffffff -1px 0px, #ffffff -1px -1px, #ffffff 0px -1px, #ffffff 1px -1px, #ffffff 0 0 3px, #ffffff 0 0 3px, #ffffff 0 0 3px, #ffffff 0 0 3px, #ffffff 0 0 3px, #ffffff 0 0 3px, #ffffff 0 0 3px, #ffffff 0 0 3px;} .minradius{-webkit-border-radius:10px!important; -moz-border-radius:10px!important; border-radius:10px!important;} .red{color:#bf272e!important; font-weight:bold; padding:0 5px 0 5px!important;} .red2{color:#ff0000!important; font-weight:bold; padding:0 5px 0 5px!important;} .cor{color:#ffdc28!important; font-weight:bold; padding:0 5px 0 5px!important;} .white{color:#ffffff!important;} .green{color:#00FF00!important; font-weight:bold; padding:0 0 0 5px!important;} .greenbg{background:#3c832f!important;} .backbg{background:#000000!important;} .redtext{color:#bf272e!important;} .cyan{color:#00FFFF!important; padding:0 3px 0 3px!important;} .small{font-size:14px;} .glasses{color:#c9e0ff; font-weight:bold; text-decoration:none; padding:7px 5px; outline:none; -webkit-border-radius:10px!important; -moz-border-radius:10px!important; border-radius:10px!important; background:rgba(40,65,145,0.7);} .center{text-align:center!important;} .title{font-size:22px; font-family:bio;} /*.loader{display:none;position:fixed;top:25%;left:50%;transform:translate(-50%, 0);z-index:35;text-align:center;}*/ /**/ .loader, .otherloader{left:50%; z-index:300; color:#bdeef2; text-indent:-9999em;} .otherloader, .otherloader:after, .otherloader:before{border-radius:50%; width:2.5em; height:2.5em; -webkit-animation:1.8s ease-in-out infinite otherloader; animation:1.8s ease-in-out infinite otherloader;} .otherloader{display:block; position:absolute; top:50%; transform:translate(-50%,-50%); font-size:4px; margin:80px auto; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); -webkit-animation-delay:-.16s; animation-delay:-.16s;} .otherloader:after, .otherloader:before{content:''; position:absolute; top:0;} .otherloader:before{left:-3.5em; -webkit-animation-delay:-.32s; animation-delay:-.32s;} .otherloader:after{left:3.5em;} @-webkit-keyframes otherloader{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em;} 40%{box-shadow:0 2.5em 0 0;}} @keyframes otherloader{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em} 40%{box-shadow:0 2.5em 0 0}} .loader{display:none; position:fixed; top:25%; transform:translate(-50%,0); font-size:20px; margin:100px auto; width:1em; height:1em; border-radius:50%; -webkit-animation:1.3s linear infinite load; animation:1.3s linear infinite load; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); z-index:9999999;} @-webkit-keyframes load{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0} 12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em} 25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em} 37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em} 50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em} 62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em} 75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0} 87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;}} @keyframes load{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0} 12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em} 25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em} 37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em} 50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em} 62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em} 75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0} 87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em;}} .userLoader{display:none; width:25px; position:absolute!important; top:50%; right:10px;} .imgLoader{width:80px; position:absolute!important; top:50%; transform:translate(50%, 0); right:50%;} .imgPreload{display:none;} .preloader{display:none;} /**/ /*.message{display:none; text-align:center; position:fixed; z-index:10200; padding:25px; width:200px; top:50%; left:50%; margin-left:-116px; margin-top:-50px; font-style:normal; color:#c9e0ff; background:#284191; box-shadow:inset 0 0 0 3px rgba(32, 130, 225, 0.7);}*/ .message{display: none; text-align: center; position: fixed; z-index: 1020011; padding: 25px; width: 200px; top: 50%; left: 50%; margin-left: -116px; margin-top: -50px; font-style: normal; backdrop-filter: blur(3px) contrast(280%); border: 1px solid rgba(120, 197, 197, 0.25); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.7); color: #fff; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, -2px 0 0 #000, 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000;} .message a:link.message_link_close, .message a:active.message_link_close, .message a:visited.message_link_close{font-size:40px; position:absolute; top:-6px; right:-3px; cursor:pointer; color:#ff0000; padding:0 6px 4px 6px; text-decoration:none; height:31px; line-height:1; overflow:hidden;} .message a:hover.message_link_close{color:#000; text-decoration:none;} /**/ .window{background:rgba(0,0,0,.5); position:fixed; top:0; left:0; right:0; bottom:0; z-index:1500; will-change:transform;} .window .win{min-width:200px; max-width:700px; height:400px; margin:auto; z-index:200; position:fixed; left:0; right:0; top:0; bottom:0; padding:30px 7px 0; will-change:transform;} .window .win a.delete{top:-10px;} .window .win .winTitle{position:absolute; top:7px; left:15px;} .window .win .wincon{height:390px; overflow:auto;} .window .win .wincon a.logn{display:inline-block; height:45px; margin-top:10px; line-height:2.3; color:#fff; text-align:center;} .window .win .wincon input{width:100%;} /**/ a.messenger{width:34px!important; height:34px!important; position:relative;/*background:url('../images/mail.png') 0 0 no-repeat*/ ; margin-left:7px; font-size:27px;} a.messenger:hover{opacity:0.7;} /*a.messenger:hover{background:url('../images/mailh.png') 0 0 no-repeat;}*/ a.messenger u{background:rgba(0,0,0,0.6); position:absolute; top:0; right:0; color:#ff0000; text-decoration:none; font-size:12px; z-index:1;} /**/ a.regn{display:inline-block; background:rgb(58,213,131); background:linear-gradient(180deg, rgba(58,213,131,1) 0%, rgba(15,130,60,1) 100%); width:215px; height:45px; text-align:center; line-height:2!important; color:#fff; border-radius:22px;} a.regn:hover{background:rgb(65,232,144); background:linear-gradient(180deg, rgba(65,232,144,1) 0%, rgba(27,190,90,1) 100%);} a.regn:active{background:rgb(49,161,102); background:linear-gradient(180deg, rgba(49,161,102,1) 0%, rgba(16,87,44,1) 100%);} /**/ a.ava{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -0px -0px; width:34px; height:34px;} a.ava:hover{background:url('../images/buttons.png') no-repeat -0px -34px; width:34px; height:34px;} a.avatar{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -34px -0px; width:34px; height:34px;} a.avatar:hover{background:url('../images/buttons.png') no-repeat -34px -34px; width:34px; height:34px;} /**/ .coin{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -68px -0px; width:34px; height:34px;} .coine{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -68px -34px; width:34px; height:34px;} .coint{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -102px -0px; width:34px; height:34px;} /**/ a.exit{display:inline-block; overflow:hidden;/*background:url('../images/buttons.png') no-repeat -102px -34px;*/ width:34px; height:34px; font-size:27px;} a.exit:hover{/*background:url('../images/buttons.png') no-repeat -136px -0px;width:34px;height:34px;*/ opacity:0.7;} a.langen{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -136px -34px; width:34px; height:34px;} a.langen:hover{background:url('../images/buttons.png') no-repeat -170px -0px; width:34px; height:34px;} a.langenh{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -170px -0px; width:34px; height:34px;} a.langru{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -170px -34px; width:34px; height:34px;} a.langru:hover{background:url('../images/buttons.png') no-repeat -204px -0px; width:34px; height:34px;} a.langruh{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -204px -0px; width:34px; height:34px;} a.logs{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -204px -34px; width:34px; height:34px;} a.logs:hover{background:url('../images/buttons.png') no-repeat -238px -0px; width:34px; height:34px; opacity:1;} a.logsh{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -238px -0px; width:34px; height:34px; opacity:1;} a.money{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -238px -34px; width:34px; height:34px;} a.money:hover{background:url('../images/buttons.png') no-repeat -272px -0px; width:34px; height:34px;} a.moneyh{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -272px -0px; width:34px; height:34px;} a.settings{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -272px -34px; width:34px; height:34px;} a.settings:hover{background:url('../images/buttons.png') no-repeat -306px -0px; width:34px; height:34px;} a.settingsh{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -306px -0px; width:34px; height:34px;} a.telegram{display:inline-block; overflow:hidden; background:url('../images/buttons.png') no-repeat -306px -34px; width:34px; height:34px;} a.telegram:hover{background:url('../images/buttons.png') no-repeat -340px -0px; width:34px; height:34px;} .shimmer-wrapper{padding: 15px; width: 100%; box-sizing: border-box;} .shimmer-line{background: #3e69ac; background-image: linear-gradient(to right, #3e69ac 0%, #3773cf 20%, #3e69ac 40%, #3e69ac 100%); background-repeat: no-repeat; background-size: 800px 100%; display: inline-block; position: relative; border-radius: 4px; animation: shimmerLoader 1.5s linear infinite; margin-bottom: 10px;} .shimmer-line.title{width: 40%; height: 20px;} .shimmer-line.block{width: 90%; height: 100px;} .shimmer-line.item{width: 100%; height: 15px;} @keyframes shimmerLoader{0%{background-position: -468px 0;} 100%{background-position: 468px 0;}} .contain{position:fixed; top:20px; left:26px; right:26px; z-index:100;} .button-container, .button-container a{z-index:1; height:80px; position:relative} .button-container{display:flex; gap:3px; align-items:center} .glass-button{z-index:1; position:relative; /*background:rgba(255,255,255,.2);*/ border-radius:14px; cursor:pointer; backdrop-filter: blur(7px) contrast(120%); border: 1px solid rgba(120, 197, 197, 0.25); box-shadow: 0 10px 30px rgba(0,0,0,0.7); color: #fff; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;} .glass-container{position:absolute; inset:0; border-radius:16px; height:100%; width:100%} .glass-effect-backdrop{border-radius:16px; position:absolute; left:0; right:0; top:0; bottom:0; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);} .glass-effect{border-radius:9999px; position:absolute; left:0; right:0; height:25%; width:100%; -webkit-backdrop-filter:url(#distortion); backdrop-filter:url(#distortion);}.langs{display: flex; align-items: center; justify-content: center; margin-top:15px;} .langs a:not(:last-child){margin-right:10px;} .langs a:hover{opacity:0.7;} /**/ .newArrow{width:40px; height:30px; position:absolute; z-index:100; top:0; right:0; font-size:30px; line-height:0.8!important; display:flex; justify-content:center; color:#ffffff!important;} /**/ .l2banners, .l2banners img{width:100%; max-width:468px; cursor:pointer; margin:0 auto;} .l2banners img:hover{opacity:.7;} .l2banneract{-webkit-box-shadow:#6fff00 0 0 30px; -moz-box-shadow:#6fff00 0 0 30px; box-shadow:#6fff00 0 0 30px;} .l2game1, .l2game2, .l2animgame1, .l2animgame2{display:none; position:relative;} /**/ a.adm{position:fixed; top:57%; right:0; transform:translateY(-57%); z-index:1;} a.adm:hover{opacity:.7;} /**/ a.gg-copy{box-sizing: border-box; position: absolute; display: block; transform: scale(var(--ggs,1)); width: 14px; height: 18px; border: 2px solid; margin-left: -5px; margin-top: -4px; bottom:7px; right:10px; color:#fff;} a.gg-copy:hover{color:#bf272e;} a.gg-copy::after, a.gg-copy::before{content: ""; display: block; box-sizing: border-box; position: absolute} a.gg-copy::before{background: linear-gradient( to left, currentColor 5px, transparent 0) no-repeat right top/5px 2px, linear-gradient( to left, currentColor 5px, transparent 0) no-repeat left bottom/ 2px 5px; box-shadow: inset -4px -4px 0 -2px; bottom: -6px; right: -6px; width: 14px; height: 18px} a.gg-copy::after{width: 6px; height: 2px; background: currentColor; left: 2px; top: 2px; box-shadow: 0 4px 0,0 8px 0} /**/ .transparent{background:transparent; padding:5px;} .cntbg{background:rgba(0,0,0,0.33)} /**/ .tickets{margin:10px;} .tickets .chapter{display:inline-flex; align-items:center; width:100%; min-height:50px; background:url('../images/chapter.png') 0 0 no-repeat; background-size:cover;} .tickets .chapter span{margin-left:30px; color:#848795;} .tickets .ticket{width:100%; min-height:100px; background:#0d233b;} .tickets .ticket .block{display:block; padding:10px;} .tickets .ticket:not(:last-child){margin-bottom:10px;} .tickets .ticket .block a{display:flex; align-items:center; justify-content:space-around; color:#85888c; font-size:16px;} .tickets .ticket .block a span{width:300px; display:inline-flex; align-items:center;} .tickets .ticket .block a span img{margin-right:10px;} .tickets .ticket .block a:hover{opacity:0.7;} .tickets .ticket .block a span:last-child{flex-wrap:wrap; width:auto; min-width:150px;} .tickets .ticket .block a span samp{width:100%;} .formCreate{max-width:600px; margin:0 auto; padding:10px;} .formCreate input, .formCreate textarea{width:100%;} .formCreate textarea{min-height:70px; max-height:300px; resize:vertical;} .messagesTicket, .createdTickets{max-width:700px; margin:0 auto;} .creadedTicket{position:relative;} .creadedTicket a.link{display:flex; align-items:center; flex-wrap:wrap; color:#fff; background:#242424; border-radius:10px;} .creadedTicket a.link:hover{opacity:0.7;} .creadedTicket a.link:active{opacity:0.4;} .creadedTicket:not(:last-child){margin-bottom:10px;} .creadedTicket a.link span{padding:5px;} .creadedTicket a.link span:first-child{width:150px; text-align:center;} .creadedTicket a.link span:first-child u{display:block;} .creadedTicket a.link span:last-child{flex:1; text-align:center;} .creadedTicket a.link span samp{display:block; color:#bec4cb; font-weight:normal;} .creadedTicket a.link span samp:first-child{color:#fff;} .messageTicket a.delete, .creadedTicket a.delete{top:-10px;} .messagesTicket .firstTicket{background:rgba(0, 6, 12, 0.5); margin-top:10px;} .messageTicket a.edit{position:absolute; top:-13px; right:25px;} .messageTicket{display:flex; align-items:flex-start; max-width:700px; margin:0 auto; background:rgba(42, 45, 48, 0.5); border-radius:10px; margin-bottom:10px; padding:10px; position:relative;} .messageTicket .avaTicket{width:150px; text-align:center;} .messageTicket .avaTicket img{border-radius:10px;} .messageTicket .avaTicket u{display:block;} .messageTicket .msgTicket{width:100%; word-break:break-word;} .messageTicket .avaTicket, .messageTicket .msgTicket{padding:10px; color:#bec4cb; font-weight:normal;} .messageTicket .msgTicket p{margin:0 0 10px 0; color:#fff;} .createdTickets a.logn, .messagesTicket a.logn{margin:20px;} .messagesTicket .right{text-align:right;} .messageTicket .ticketDate{position:absolute; right:0; bottom:7px; color:#828282;} .created{width:100%; position:relative;} .created label{display:block; margin-bottom:3px; position:relative;} .created label input{width:100%; background:#161616;} .created label a.logn{position:absolute; top:50%; right:0; margin:0; transform:translate(0, -50%);} .created span.red{padding-right:0!important;} .createdTickets .select select{width:auto; min-width:120px;} .nameTicket{min-width:100px; max-width:300px; width:300px;} .ticketTitle input{width:90%;} .filtersTickets{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:10px; margin-left:0;} .filterTickets{text-align:center;} .filterTickets a{display:inline-block; margin:10px; color:#fff; position:relative;} .filterTickets a:hover{opacity:0.7;} .filterTickets a sup{position:absolute; top:-15px; right:0;} .typeTickets{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex-direction:column;} .typeTickets .formCreate{min-width:100%;} .typeTickets a.chapter{display:flex; width:100%; justify-content:space-between; color:#afacb6; border:1px solid #383838; margin-bottom:10px;} .typeTickets a.chapter:hover{opacity:0.5;} .typeTickets a.chapter ul{display:flex;} .typeTickets a.chapter ul ul{display:block;} .typeTickets a.chapter ul:first-child{flex-direction:column;} .typeTickets a.chapter ul:first-child li:first-child{display:flex; align-items:center;} .typeTickets a.chapter ul:first-child li:first-child img{margin-right:5px;} .typeTickets a.chapter ul:first-child li:last-child{display:flex; flex-direction:column; padding:10px;} .typeTickets a.chapter ul:last-child{width:270px; align-items:center;} .typeTickets a.chapter ul:last-child li{padding:5px;} .typeTickets a.chapter ul:last-child li:first-child{font-size:17px;} .typeTickets a.chapter ul:last-child li:not(:nth-child(1)){font-size:13px;} a.activeTicket{-webkit-box-shadow:0px 3px 0px 0px rgba(191,39,47,1)!important; -moz-box-shadow:0px 3px 0px 0px rgba(191,39,47,1)!important; box-shadow:0px 3px 0px 0px rgba(191,39,47,1)!important; cursor:grabbing; color:rgba(191,39,47,1);} .allStatsTickets{width:100%; display:flex; justify-content:space-around;} .lastTickets{width:100%; display:flex; flex-direction:row;} .lastTickets .lastTicket{display:flex; align-items:center; margin:10px;} .lastTickets .lastTicket span{width:100%; text-align:left;} .lastTickets .lastTicket span:first-child{max-width:32px; max-height:32px; overflow:hidden; padding:0 10px 5px 10px;} .lastTickets .lastTicket span a{color:#ffffff;} .lastTickets .lastTicket span a:hover{color:#ff0000;} .lastTickets .lastTicket span:last-child{display:flex; flex-direction:column;} .lastTickets .lastTicket span:last-child samp{font-size:13px; color:#b7b7b7;} .lastTickets h2{padding:5px;} /* .download{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .rules ul{list-style-type:decimal;margin-left:33px;} .avir span:first-child{position:absolute;top:10px;left:15px;border:1px solid #c3b092;width:30px;height:30px;color:#c3b092;font-size:29px;border-radius:50%;} .avir span:last-child{margin-left:35px;} .avir span:last-child a{margin-left:7px;}*/ /**/ .c4e{color:#4e4e4e;} /**/ .protect .minutes, .protect .seconds{color:#bf272e; margin:0 3px;} /**/ .through{text-decoration:line-through wavy #ff0000;} /**/ .lining{width:100%; background:#284191;} /**/ .captcher{display:none;} .enters{overflow:hidden auto; background:rgba(88, 167, 255,0.7); position:fixed; top:0; left:0; right:0; bottom:0; z-index:105; will-change:transform;} .enters .enterses{min-width:200px; max-width:500px; min-height:100px; background:#1c589f; background-size:100% 100%; margin:auto; z-index:200; position:fixed; left:0; right:0; top:25%; will-change:transform; text-align:center;/*padding:16px 14px;*/} .enters .enterses .loging{display:flex; flex-direction:column;/*max-width:320px;*/ justify-content:center; align-items:center;/*margin:15px auto;*/} .enters .enterses .fields span input{width:100%; display:block;} .enters .enterses .loging .fields span{margin-bottom:10px; display:inline-block;} .enters .enterses .loging .fields span, .enters .enterses .loging .fields span input{width:100%; height:32px;} .enters .enterses .loging .fields a.logn{height:45px; margin-top:10px; line-height:1.4;} .buttonsEnter{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin:10px 0; gap:10px;} /**/ .account .userPanel{display:flex; flex-wrap:wrap; justify-content:center; text-align:center;} .account .userPanel .verifiedUsers, .account .balans{padding:10px; width:100%; margin:0 auto; text-align:center; display:flex; justify-content:center; align-items:baseline; flex-wrap:wrap; margin-bottom:5px;} .account .userPanel .verifiedUsers .scroll{width:100%; min-height:25px; max-height:200px; overflow:hidden auto;} .account .userPanel .verifiedUsers .scroll .tuser{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height:50px} .account .userPanel .verifiedUsers .scroll .tuser:not(:last-child){margin-bottom:15px;} .account .userPanel .verifiedUsers .scroll .tuser span:not(:last-child){margin-right:7px;} .account .userPanel .verifiedUsers .scroll .tuser span:first-child{min-width:100px; max-width:100px; word-break:break-all;} .account .userPanel .verifiedUsers .scroll .tuser span a{display:inline-block; height:45px; line-height:2.2; color:#fff;} .account .userPanel .verifiedUsers .scroll .tuser span input{max-width:130px;} .account .userPanel .verifiedUsers .scroll .tuser .rpl{display:none;} /**/ .account .balans samp{display:inline-block;/*padding:0 10px 0 10px;*/} .account .balans div:first-child{margin:0 auto;} .account .balans .repls{display:flex; margin:0 auto; padding:10px;/*min-height: 32px;*/ align-items: center; flex-wrap: wrap; justify-content:center;} /**/ .account .balans label{display:flex; align-items:center;} /**/ .colorChar{display:flex; align-items:center;} .colortitle, .colorname{display:inline-block; width:35px; height:35px; background:#fff; margin-right:5px; border-radius:10px;} /**/ .inventory{width:254px; height:382px; background:url('../images/inventory.png') 0 0 no-repeat; position:relative;} .inventory .itop{display:block; width:208px; height:121px; margin-left:8px; border:1px solid transparent; margin-bottom:18px; position:relative; top:10px;} .inventory .itop .ileft{float:left; width:121px; height:100%; margin-top:5px;} .inventory .itop .iright samp, .inventory .itop .ileft samp{display:inline-flex; width:32px; height:32px; border:1px solid transparent; margin:0.9px 2.6px; padding:0;} .inventory .itop .iright{float:right; width:87px; height:100%; margin-top:5px;} .inventory .itabs{display:flex; width:187px; height:21px; margin-left:12px; font-size:13px;} .inventory .itabs a{width:50%; color:#eee; line-height:1.5;} .activeItabsLeft{background: url('../images/leftTab.png') -1px -2px no-repeat; width:95px; height:23px;} .activeItabsRight{background:url(../images/rightTab.png) -1px -2px no-repeat; width:95px; height:23px;} .inventory .icenter{display:flex; align-content:flex-start; flex-wrap:wrap; overflow:hidden auto; width:250px; height:152px; margin:0 auto;} .inventory .icenter samp{width:32px; height:32px; border:1px solid #393839; margin:3px 3px 1px 3px; padding:0; position:relative;} .inventory .icenter samp u{text-decoration:none; position:absolute; font-size:13px; top:0; right:0; color:#ff0000; background:#000000; font-weight:bold;} .inventory .iadena{position:absolute; left:127px; bottom:33px; font-size:13px;} .inventory .iadenainfo{position:absolute; left:47px; bottom:33px; font-size:13px;} /**/ .inventoryPay{width:100%; background:rgba(16,16,16,0.2); position:relative; display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin-bottom:0;} .inventoryPay .iptabs{display:flex; align-items:center; justify-content:center;} .inventoryPay .ipadena{padding:13px;} .inventoryPay .ipadena samp{display:block;} .inventoryPay .ipadena samp:not(:first-child){margin-bottom:-5px;} .inventoryPay label:first-child{padding-left:30px;} .inventoryPay label{display:flex;} .inventoryPay label input[type="radio"]{width:15px; height:15px; margin-right:2px;} .inventoryPay .ipbuyadena{display:flex; margin:10px; justify-content:space-between; flex-direction:column;} .payeerForm .ipbuyadena{justify-content:space-around;} .inventoryPay .ipbuyadena input{width:147px; height:24px;} .inventoryPay .ipbuyadena .total{margin-left:5px; margin-right:5px;} .inventoryPay .ipbuyadena .ipvalutes label{cursor:pointer;} /**/ .ippays{display:flex; align-items:center; justify-content:center; margin-bottom:10px;} .ippays label{display:flex; align-items:center; justify-content:center;} .ippays label:not(:last-child){margin-right:10px;} .ippays label input{margin-right:3px;} .ipvalutes{display:flex; align-items:center; justify-content:space-around;} /**/ .store{width:254px; height:380px; background:url('../images/store.png') 0 0 no-repeat; position:relative;} .store .tabs a{margin:0; font-size:13px;} .store .tabs a:not(:last-child){margin-right:7px;} .store .shopItems{display:flex; align-content:flex-start; flex-wrap:wrap; overflow:hidden auto; width:250px; height:156px; margin:0 auto; position:relative;} .store .shopItems samp{width:32px; height:32px; border:1px solid #393839; margin:3px 3px 1px 3px; padding:0;} .store .shopItems samp img{cursor:pointer;} .store .shopButtons{display:flex; justify-content:center; width:100%; height:37px;} .store .shopButtons input{background:#101010; width:100px; height:20px; border:1px solid #393839; border-radius:0; font-size:13px; color:#fff;} .store .shopButtons a{font-size:13px; width:40px; height:auto;} .store .shopButtons samp .quantity{display:none; margin-right:5px; text-decoration:none; color:#bfe2ff;} .store .shopInfo{display:block; width:224px; height:130px; border:1px solid #393839; margin:0 auto; position:relative;} .store .shopInfo u{text-decoration:none; font-size:13px; position:absolute; top:-7px; left:0; color:#b7b7b7;} .store .shopTotal{position:absolute; bottom:0; left:0; right:0; text-align:center; color:#b7b7b7; font-size:15px; background:rgba(0,0,0,0.5);} .store .shopText{text-align:left; font-size:14px; padding:15px 10px; height:100px; overflow:hidden scroll;} .store .shopText samp:first-child{display:block;} .store .shopText .itext{color:#fffeac; font-size:13px; font-weight:bold; margin-bottom:7px;} .shopPriceItem{left:inherit!important; right:0; background:rgba(0,0,0,0.5);} /**/ .itemStoreActive{box-shadow:0 0 10px rgba(47, 255, 0, 1);} /**/ .edits{max-width:300px; margin:0 auto; text-align:center; flex-wrap:wrap; padding:10px;} .edits a{display:inline-block;/*height:45px;*/ background-size:cover; text-align:center; margin-left:10px; color:#fff;/*line-height:2.2;*/} /*.edits input{width:122px;}*/ /**/ .passwordEdit p{position:relative;} /*.passwordEdit p:last-child{text-align:left;}*/ .passwordEdit p .showpass{right:-17px;} /* .invates{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px;width:100%;} .yourInvate{display:flex;background:rgba(43,47,57,0.77);padding:10px;margin:5px;} .yourInvate:not(:last-child){margin-right:10px;} .yourInvate .cor{margin-left:7px;} .refer{display:inline-block;position:relative} .refer i{border-radius:50%;position:absolute;top:-2px;left:-32px;background:rgba(43,47,57,0.77);color:#fff;width:25px;height:25px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;text-shadow:none;text-indent:-2px;} .refer u{border-radius:50%;color:#ff7f7f;width:25px;height:25px;font-weight:700;text-align:center;text-decoration:none;margin-left:10px;margin-right:10px;} .reflist{display: table; border-collapse: collapse; margin: 0; padding: 0; table-layout: fixed; width: 100%; text-align: center;} .reflist li:first-child{height:30px;} .reflist li{list-style: none; display: table-row;} .reflist li span{display: table-cell;} .refmoney u{padding:7px;font-style:normal;color:#ffff00;text-shadow:1px 1px 1px #ff0000, 0 0 0.5em #522103;font-size:20px;position:relative;text-decoration:none;} .refmoney .ivalute{margin-bottom:-5px;} .refmoney img{position:relative;top:7px;} .refmoney, .refer{margin-bottom:14px;} .referrals{max-width:740px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto 0;} .referrals__link-body{min-width:200px;position:relative;} .referrals__autoref-body_items{min-width:200px;display:flex;align-items:center;justify-content:center;} .referrals__link-body input{width:100%;height:45px;} .referrals__link, .referrals__autoref{min-width:200px;width:45%;margin-right:10px;margin-bottom:15px;text-align:center;} .referrals__autoref-body_items input{width:85%;} .referalList{max-width:500px;margin:20px auto 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(33,36,44,0.24);padding:20px;} .referalList p{margin:0;display:flex;align-items:center;justify-content:center;} .referalList p img{position:relative;top:3px;} .referrals__link-body a{position:absolute;bottom:-12px;color:#fff;right:0;font-size:15px;} .referrals__link-body a:hover{color:#00f063;} .refs p{padding:0;margin:0;} .fail{height:100px;display:table-cell;vertical-align:middle;}*/ /**/ .overflow{width:100%; min-height:100%; margin-top:-21px;} /**/ /*.videohead{position:fixed;top:50%;left:50%;width:100%;height:100%;overflow:hidden;transform:translate(-50%,-50%);z-index:-1;} .videohead video{position:absolute;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:auto;}*/ /**/ a.faqAdded{font-size:42px; color:#00FF00; margin-left:7px;} a.faqAdded:hover{color:#fff; opacity:.7;} /**/ .faq{width:100%; margin-bottom:40px; box-sizing:border-box;} .faq input, .faq textarea{width:100%;} .faq textarea{min-height:100px; height:100px; resize:none;} .faqTitle{display:flex; align-items:center; justify-content:center; flex-wrap:wrap;} .faqTitle img{margin-right:10px;} .faqTitle span{font-size:23px; position:relative; top:-4px; text-align:center;} .faq .faqContent{width:100%; display:flex; flex-direction:column; position:relative;} .faq .faqContent .faqItem, .faq .faqContent p{margin:5px 20px; background:rgba(71,50,0,0.33); display:flex; flex-direction:column; padding:5px;} .faq .faqContent .save{position:absolute; bottom:0; right:0; font-size:42px;} .faq .faqContent .save:hover{color:#fff; opacity:.7;} .faq .faqContent div span{display:flex; align-items:center; padding:5px;} .faq .faqContent div span img{margin-left:10px;} .faq .faqContent div span:first-child{font-size:16px;} .faq .faqContent div .faqText{padding:0 20px; color:#bbbbbb;} .faq .faqContent div span a{color:#00FFFF; text-decoration:underline; margin:0 3px;} .faq .faqContent .faqItem a.edit{position:absolute; top:-15px; right:50px;} .faq .faqContent .faqItem a.delete{top:-10px; right:18px;} /**/ .body{max-width:1300px;/*min-height:100%;*/ margin:0 auto; position:relative;} .body h1{width:100%; margin-bottom:10px;} .body h1 span{padding:0;} /**/ .head{min-height:440px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:end;} .widgets{display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center;} .widgets .appsContent{min-width:250px; max-width:300px; display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center; margin-bottom:10px;} .widgets .appsContent .app a img, .widgets .appsContent .app a, .widgets .appsContent .app{display:flex; width:96px; height:96px;} .widgets .appsContent .app a img{border-radius:50%;} .widgets .appsContent .app .rounder{width:96px; height:96px; position:absolute; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(32, 130, 225, 0.7); transition:box-shadow 0.3s ease;} /*.widgets .appsContent .app .rounder:not(.app a .rounder){background:#00cafb;}*/ .widgets .appsContent .app a:hover .rounder{box-shadow:inset 0 0 0 50px rgba(32, 130, 225, 0.5);} .head .h1{max-width:273px; position:absolute; left:49.7%; transform:translate(-50%, 0); color:#fffeac; margin-left:0; z-index:1; top:10px; font-size:25px; width:100%; text-align:center;} .logoen, .logoru{background-image:url("../images/logo.png"); width:300px; height:300px;} /**/ a.start{min-width:150px; position:absolute!important; top:353px; left:50%; transform:translate(-50%, 0); text-align:center; font-size:30px; color:#fff; font-weight:normal; background:linear-gradient(180deg, rgb(255 0 0) 0%, rgb(171 0 0) 34%, rgb(131 0 0) 66%, rgb(195 0 0) 87%);} a.start:active{opacity:0.7;} /**/ a.startDisable{position:absolute!important; top:265px; left:50%; transform:translate(-50%, 0); background-image: url("../images/startnormal.png"); width:319px; height:75px; text-align:center; font-size:27px; color:#fff; line-height:1.7; font-weight:normal;} .rulesDownload{display:flex; align-items:center; position:absolute!important; top:434px; left:50%; transform:translate(-50%, 0); color:#fff; line-height:1.7; font-weight:normal; white-space:nowrap;} .rulesDownload a:not(:last-child){margin-right:5px;} .startProtector{display:flex; position:absolute; bottom:5px; left:45%; transform:translate(-45%, 0); font-size:18px; font-weight:bold;} .startProtector samp{display:flex; flex-direction:column; padding:4px;} .startProtector samp span{height:18px;} /**/ .links img{margin-right:5px; filter:invert(1);} /**/ .bookNormal{position:absolute!important; top:24px; left:-37px; transform:translate(-53%, 0); background-image: url("../images/book.png"); width:100px; height:78px; margin:auto;} .bookMagic{position:absolute!important; top:24px; left:-37px; transform:translate(-53%, 0); background-image: url("../images/bookmagic.png"); width:100px; height:78px; margin:auto;} .booking{position:absolute!important; top:24px; left:-37px; transform:translate(-53%, 0); background-image: url("../images/booking.png"); width:100px; height:78px;} .bookingClose{position:absolute!important; top:24px; left:-37px; transform:translate(-53%, 0); background: url("../images/booking.png") 0 0 no-repeat; width:100px; height:78px; background-position-x:-600px; background-position-y:-860px;} .bookAnimationOpen{-webkit-animation-delay:3s; -webkit-animation:hor 3s steps(14) infinite, ver 1.5s steps(8) infinite;} @keyframes hor{from{background-position-x:1400px;} to{background-position-x:0px;}} @keyframes ver{from{background-position-y:624px;} to{background-position-y:0px;}} .bookAnimationClose{-webkit-animation-delay:3s; -webkit-animation:hor1 3s steps(14) infinite, ver1 1.5s steps(8) infinite;} @keyframes hor1{from{background-position-x:0px;} to{background-position-x:0;}} @keyframes ver1{from{background-position-y:-624px;} to{background-position-y:0;}} .bookAnimationMagic{-webkit-animation-delay:2s; -webkit-animation:hor2 3s steps(10) infinite, ver2 1s steps(12) infinite;} @keyframes hor2{from{background-position-x:0;} to{background-position-x:-1000px;}} @keyframes ver2{from{background-position-y:0;} to{background-position-y:0px;}} /**/ .typesTabs{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} .typesTabs a:not(:last-child){margin-right:10px;} /**/ .fortune{display:flex; justify-content:center; align-items:center; max-height:500px; max-width:500px; position:relative; margin:10px auto; -webkit-transition:none; -o-transition:none; transition:none;} /**/ .roulette{position:relative; margin:0 auto; width:250px; height:180px;} /**/ .slot{width:32px; height:32px;} .slot u{text-decoration:none; color:#ff0000; font-weight:bold; position:absolute; top:-3px; right:-3px; background:#000; font-size:12px;} .slot0{position:absolute; left:186px; top:0;} .slot1{position:absolute; left:86px; top:30px;} .slot2{position:absolute; left:42px; top:46px; display:inline-block;} .slot3{position:absolute; left:22px; top:90px; display:inline-block;} .slot4{position:absolute; left:40px; top:134px; ; display:inline-block;} .slot5{position:absolute; left:85px; top:148px; display:inline-block;} .slot6{position:absolute; left:128px; top:133px; display:inline-block;} .slot7{position:absolute; left:146px; top:90px; display:inline-block;} .slot8{position:absolute; left:129px; top:46px; display:inline-block;} .slot9{position:absolute; left:412px; top:196px; display:inline-block;} .slot10{position:absolute; left:335px; top:105px; display:inline-block;} /**/ .userMessagesPanel{display:flex; flex-wrap:wrap; justify-content:center;} .userMessages{width:200px; margin:0 auto;} .userMessages p{position:relative;} .userMessages p input{width:100%; height:25px; box-sizing:border-box;} .userMessages .userExts{max-height:450px; overflow:hidden auto;} .userMessages .userExts a{width:100%; display:block; background:rgba(255,255,255, 0.1); padding:0; margin:3px; position:relative; -webkit-border-radius:10px!important; -moz-border-radius:10px!important; border-radius:10px!important;} .userMessages .userExts a img{display:none; position:absolute; top:7px; right:10px; -webkit-border-radius:10px!important; -moz-border-radius:10px!important; border-radius:10px!important;} .userMessages .userExts textarea{width:100%; display:none; resize:vertical; height:80px; box-sizing:border-box;} .uMessages{width:100%; max-width:449px; margin-right:9px; text-align:center;} .toMessage{width:100%; display:flex; flex-wrap:wrap; align-items:center;} .toMessage:not(:last-child){margin-bottom:10px;} .toMessage u.red{margin-left:5px;} .toMessage a{margin-left:15px;} .toMessage a:hover{opacity:0.7;} .toMessage u.red:last-child{margin-right:5px;} .toMessage span{margin:auto; margin-right:0; text-align:left;} .toMessage span:first-child{margin-left:0;} .toMessage span samp{display:block;} /**/ .chatMessanger{margin-bottom:20px; position:relative;} .chatMessanger .chatPlane{overflow:hidden auto; min-height:70px; max-height:300px; padding:10px;} .chatMessanger .chatPanel{position:relative;} .chatMessanger .chatPanel textarea{width:100%; min-height:100px; max-height:300px; resize:vertical;} .chatMessanger .chatPanel a{line-height:7px; margin:0 5px 0 0; font-size: 17px; position:absolute; right:0; top:50%; transform:translateY(-50%);} .chatMessanger .chatPanel a img{width:20px;} .chatMessanger .chatPanel span{position:absolute; bottom:-10px; right:10px; color:#8f8f8f; font-size:12px;} .chatMessanger a.delete{top:-10px;} /**/ .header{width:auto; border-collapse:separate;/*margin-top:-150px;*/ position:absolute; top:0; left:0; right:0; min-height:25px;} .header .hmenu{margin:auto; text-align:center; position:absolute; top:0; left:0; right:0; border-radius:0!important;} .header .hmenu div{max-width:1100px; margin:0 auto; display:flex; align-items:center; position:relative;} .header .hmenu div a{/*height:45px;line-height:2;*/ white-space:nowrap;} .header .hmenu div a:last-child{margin-right:10px;} .header .hmenu div a:nth-last-child(n+3){width:200px;} .header .hmenu div a:nth-last-child(n+2):not(:last-child){margin-right:7px;/*line-height:1.1;*/} .header .hmenu div span:not(.notices,.noticeItems,.notItem){display:contents;} .header .hmenu div span a{width:165px;} .header .hmenu div samp{display:flex; text-align:right; flex:1; justify-content:right; align-items:center;} .header .hmenu div a.acc{width:auto; color:#ffffff;} /*.header .hmenu div a.acc:hover{color:#ff0000;}*/ .header .hmenu div a.acc u{display:inline-block; position:relative; text-decoration:none;} .header .hmenu div a.acc, .header .hmenu div a.qit{display:inline-block; height:22px;} .header .hmenu div a.qit img{position:relative; top:-5px;} /**/ .header .hmenu .isentered .avatar{max-width:34px; max-height:34px; position:relative; display:inline-block; background:transparent;} .header .hmenu .isentered .avatar img{width:34px; height:34px; cursor:pointer; position:relative;} .header .hmenu .isentered .avatar img:hover{opacity:0.5;} .header .hmenu .isentered .avatar .delete{font-size:30px; text-decoration:none; cursor:pointer;} .header .hmenu .isentered input{display:none;} .isentered .indent{width:230px; display:inline-block!important; height:45px; margin:0 10px 0 10px;} /**/ .hamburger{display:none; position:fixed; top:15px; left:2px; z-index:104; cursor:pointer;} .hamburger:hover li{background:#fff;} .hamburger li{width:28px; height:4px; background-color:#fff; margin:4px 0; transition:0.4s;} .change li:first-child{-webkit-transform:rotate(-45deg) translate(-4px, 6px); transform:rotate(-45deg) translate(-4px, 6px);} .change li:nth-child(2){opacity: 0;} .change li:nth-child(3){-webkit-transform:rotate(45deg) translate(-7px, -8px); transform:rotate(45deg) translate(-7px, -8px);} /**/ .hidder{overflow:hidden;} .fixered{width:0; position:fixed; top:0; left:0; bottom:0; z-index:103; will-change:transform; background:rgba(88, 167, 255,0.7);} .fixer{width:0; overflow-y:hidden;} .hidder{overflow:hidden auto;} .fixered span{display:block; width:200px; background:rgba(40, 65, 145, 0.7); min-height:100%; margin:-14px 0 0 0; padding:10px 10px 0 10px;} .fixered span a{display:block; text-align:left; margin-top:10px;} /**/ .borderTabs{box-shadow: inset 0 0 0 3px rgba(32, 130, 225, 0.7);} .fullBorder{border:1px solid #c6b294; margin:5px;} .container{display:flex; flex-direction:row; min-height:100%; align-items:stretch; max-width:1300px; height:100%; margin-top:9px; padding:5px; margin-bottom:23px;} .content{width:100%; height:100%; padding:7px; margin-bottom:10px; position:relative;} /*.right a.red, .left a.red{display:block;color:#fff!important;border-radius:10px;background-image:linear-gradient(45deg,rgb(0 0 0 / 0%) 40%,rgb(48 47 47 / 80%),rgb(0 0 0 / 0%) 70%),linear-gradient(to right, rgb(60 60 60), rgb(0 0 0 / 59%) 90%,rgb(0 0 0 / 59%) 90%,rgb(74 65 65 / 70%)),linear-gradient(to right,rgb(0 0 0),rgb(0 0 0 / 90%) 45%,rgb(157 143 143)),linear-gradient(to right,rgb(0 0 0),rgb(153 153 153 / 90%) 45%,rgb(0 0 0 / 50%)),linear-gradient(to right, rgb(0 0 0),rgb(227 224 224 / 90%) 45%,rgb(0 0 0 / 50%)),linear-gradient(to right, rgb(0 0 0),rgb(165 150 150 / 90%) 45%,rgb(0 0 0 / 60%))!important;} .right a.red:hover, .left a.red:hover{opacity:0.5;} .left, .right{width:270px;padding:0 10px;text-align:center;} .left p, .right p{padding-top:0;font-size:16px;margin:5px 0;} .right div, .left div{font-size:14px;} .stickthis{position:sticky;position:-webkit-sticky;top:0;} .stickthis div{display:table;margin-bottom:10px;margin-right:auto;margin-left:auto;} .stickthis div span{width:100px;display:table-cell;text-overflow:ellipsis;} .stickthis div span:first-child{max-width:35px;overflow:hidden;padding:0 20px;text-overflow:clip;} .left .stickthis div span:first-child{text-align:left;} .left .options{display:flex;align-items:center;justify-content:center;} .left .options a{display:inline-block;background:#1c1a23;min-width:60px;margin:0 2px;padding:0;font-size:13px;} .left .options a:not(a.currentActive):hover{opacity:0.7;} .left .options a.currentActive{box-shadow:inset 0px 0px 14px #ff0000;}*/ /**/ /*.tops .topman:first-child{background:#656222;} .tops .topman:nth-child(2){background:#64421d;} .tops .topman:nth-child(3){background:#4d4959;} .tops .topman{display:flex;align-items:center;justify-content:center;background:#191c1c;margin-top:10px;} .tops .topman span:first-child{width:2%;} .tosp .topman span:nth-child(2){text-align:left;}*/ /**/ /*.status{display:flex;align-items:center;justify-content:center;} .status .server{display:flex;align-items:center;justify-content:center;background:url('../images/server.png') 0 0 no-repeat;width:116px;height:116px;margin-right:10px;}*/ /*.status .offline{display:flex;background:url('../images/online_off.png') 0 0 no-repeat;width:116px;height:116px;color:#ff0000;align-items:center;justify-content:center;} .status .online{display:flex;background:url('../images/online_on.png') 0 0 no-repeat;width:116px;height:116px;color:#00ff88;align-items:center;justify-content:center;}*/ /**/ .nova{animation:2s infinite alternate shadowNova;} .online{color:#28a745; animation:2s infinite alternate glow-online;} .offline{color:#dc3545; animation:2s infinite alternate glow-offline;} @keyframes glow-online{100%{text-shadow:0 0 5px #28a745,0 0 20px #28a745,0 0 25px #28a745;}} @keyframes glow-offline{100%{text-shadow:0 0 15px #dc3545,0 0 30px #dc3545,0 0 45px #dc3545;}} @keyframes shadowNova{100%{text-shadow:0 0 5px #28a745,0 0 20px #28a745,0 0 25px #28a745;}} /**/ /*a.donation{display:block;background:url('../images/donation.png') 0 0 no-repeat;width:250px;height:93px;margin:0 auto;} a.donation:hover{opacity:0.7;} a.donation:active{opacity:0.4;}*/ /**/ .entering{position:relative;} .entering .balans samp{display:inline-block; margin-left:5px; margin-right:5px; margin-top:5px;} .entering .balans{padding-bottom:0;} .centerBalans{align-items:baseline!important;} .centerBalans input{width:100%;} /**/ /*.balansTeleport{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;margin:0 auto;} .balansTeleport p{margin:10px;}*/ /**/ .balansSettings{align-items:baseline; text-align:start;} .balansSettings label{display:flex; align-items:center;} .balansSettings label, .balansSettings label input{cursor:pointer;} .balansSettings label:hover{text-shadow:#FC0 1px 0 10px;} .balansSettings label input{width:20px; height:20px;} .balansIcons{display:flex; margin:0 auto; padding:3px;} .balansIcons a:not(.balansIcons a:last-child){margin-right:5px;} /**/ .loging a.quit{position:relative; font-size:17px; margin-bottom:5px; line-height:1.2;} .secur a.quit{position:relative; font-size:17px; margin-bottom:5px; line-height:1.2;} /**/ .reg .reger p input, .lost p input{width:100%} .reg p:last-child span{display:inline-block; vertical-align:middle;} .reg, .lost{min-width:270px; margin:0 auto; vertical-align:top; text-align:center;} .reg a.logn, .lost a.logn{width:auto;} .loging .fields p, .reg .fields p{margin:10px 0 0 0;} /**/ .password{position:relative;} .showpass{position:absolute; top:50%; transform:translateY(-50%); right:3px; cursor:pointer; text-decoration:line-through; color:#24313a;} .showpass:hover{color:#bf272e;} /**/ .aboutTitle{display:flex; align-items:center; position:relative;} .aboutTitle div:first-child{text-align:center; margin-right:10px;} .aboutTitle .aboutText{display:flex; flex-direction:column; width:100%; position:relative; z-index:1;} .aboutTitle .aboutText ul li{margin-bottom:7px;} .aboutImg{width:100%; height:100%; background-size:contain!important; background: url(/themes/std/images/about/about.jpg) 0 0 no-repeat; position:absolute; z-index:-1;} .aboutTitle img{-webkit-border-radius:10px!important; -moz-border-radius:10px!important; border-radius:10px!important;} /**/ /*.discussions{padding-top:5px;position:fixed;z-index:100;right:80px;top:60%;transform:translateY(-50%);} .discussions .block{display:table-cell;vertical-align:top;margin:15px;overflow:hidden;position:relative;padding-top:5px;} .discussions .block .comment{min-height:319px;position:relative;border:1px solid #00cafb;border-radius:10px;} .discussions .block .comment a.delete{font-size:26px;top:0;} .discussions .block .comment a.delete, .discussions .block .comment a.complaint{float:right;position:relative;margin-left:15px;} .discussions .block .comment .comtitle{background:#00cafb;display:block;position:relative;padding:5px;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;} .discussions .block .comment .comtitle a{position:absolute;right:7px;} .discussions .block .comment .comtitle a:hover{opacity:0.5;}*/ /**/ /*.discussions .block .comment .desc{background:#0e1447;padding:3px;position:relative;max-width:400px;height:300px;overflow:hidden auto;}*/ /**/ /*.discussions .block .comment .desc .notdisc{display:table-cell;width:400px;height:240px;vertical-align:middle;text-align:center;color:#4d4d4d;}*/ /**/ /*.chatIm, .discussions .block .comment .desc .performerselect{display:inline-block;width:100%;position:relative;margin:2px 0 5px 0;} .discussions .block .comment .desc .performerselect span{display:flex;justify-content:right;} .chatIm samp, .discussions .block .comment .desc .performerselect samp{float:right;max-width:300px;padding:5px;background:#1b3e36;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#fff;}*/ /**/ /*.discussions .block .comment .desc .performerselect span img{margin-right:5px;} .discussions .block .comment .desc .performerselecter span img{margin-left:5px;} .discussions .block .comment .desc .performerselect span img, .discussions .block .comment .desc .performerselecter span img{width:40px;height:40px;border-radius:50%;} .discussions .block .comment .desc .performerselecter .txtPlace, .discussions .block .comment .desc .performerselect .txtPlace{clear:both;}*/ /**/ /*.chatHe, .discussions .block .comment .desc .performerselecter{margin:2px 0 5px 0;display:inline-block;width:100%;position:relative;} .discussions .block .comment .desc .performerselecter span{display:flex;justify-content:left;flex-direction:row-reverse;} .chatHe samp, .discussions .block .comment .desc .performerselecter samp{float:left;max-width:300px;padding:5px;background:#373737;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;}*/ /**/ /*.discussions .block .comment .desc .customer{display:inline-block;width:100%;position:relative;margin-top:2px;margin-bottom:0;} .discussions .block .comment .desc .customer i{position:absolute;bottom:-8px;left:2px;border-top:10px solid #ddddcf;border-right:11px solid transparent;-webkit-transform:rotate(14deg);-moz-transform:rotate(14deg);-ms-transform:rotate(14deg);-o-transform:rotate(14deg);transform:rotate(14deg);} .discussions .block .comment .desc .customer samp{float:left;max-width:300px;padding:0 5px 5px;background:#fafbf5;border:1px solid #ddddcf;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .discussions .block .comment .desc .customer samp span a, .discussions .block .comment .desc .performer samp span a{color:#577DA5} .discussions .block .comment .desc .customer samp span a:hover, .discussions .block .comment .desc .performer samp span a:hover{color:#bf272e;} .chatHe samp span, .chatIm samp span, .discussions .block .comment .desc .performer samp span, .discussions .block .comment .desc .performerselect samp span, .discussions .block .comment .desc .performerselecter samp span, .discussions .block .comment .desc .customer samp span{display:block;font-size:15px;text-align:left;word-break:break-all;font-weight:normal;} .discussions .block .comment .desc .performer samp span:first-child, .discussions .block .comment .desc .performerselect samp .comdate, .discussions .block .comment .desc .performerselecter samp span:first-child, .discussions .block .comment .desc .customer samp span:first-child{display:inline-block;width:100%;position:relative;} .discussions .block .comment .desc .performer samp span:nth-child(2), .discussions .block .comment .desc .customer samp span:nth-child(2){margin-bottom:-15px;padding-bottom:5px;color:#000000;} .discussions .block .comment .desc .performer samp .comdate, .discussions .block .comment .desc .performerselect samp .comdate, .discussions .block .comment .desc .performerselecter samp .comdate, .discussions .block .comment .desc .customer samp .comdate{text-align:right;margin-top:7px;padding:0 11px 0 0;color:#A09898;} .discussions .block .comment a.selector{margin-left:15px;margin-top:-3px;padding:2px;color:#bf272e!important;} .discussions .block .comment a:hover.selector{color:#000000!important;} .chatIm a.delete, .chatHe a.delete{top:1px;right:5px;font-size:30px;} .chatIm samp span:first-child{margin-bottom:4px;color:#00ff88;} .chatHe samp span:first-child{margin-bottom:4px;color:#00cafb;} .chatHe .comdate, .chatIm .comdate{text-align:right;padding:0 11px 0 0;color:#A09898!important;margin-top:4px;} .chatHe .chating img, .chatIm .chating img{width:40px;height:40px;border-radius:50%;} .chatHe .chating img{margin-left:5px;} .chatIm .chating img{margin-right:5px;} .chatHe .chating{display:flex;justify-content:left;flex-direction:row-reverse;} .chatIm .chating{display:flex;justify-content:right;} .comdate u{float:left;text-decoration:none;position:relative;top:9px;} .comdate u a{margin:0!important;} .comselect{background:rgba(181, 218, 255, .7);} .comcur{background:rgba(191, 39, 46, .1);}*/ /**/ /*.discussions .block .comment .sender{padding:15px;background:#0e1447;border-top-left-radius:0!important;border-top-right-radius:0!important;position:relative;} .discussions .block .comment .sender samp{display:inline-block;vertical-align:middle;text-align:center;} .discussions .block .comment .sender samp:first-child{width:100%;} .discussions .block .comment .sender samp:first-child textarea{width:100%;max-height:200px;min-height:50px;resize:none;background:#ffffff;padding-right:45px;} .discussions .block .comment .sender samp:first-child textarea.disable{color:#bf272e;opacity:.8;resize:none;} .discussions .block .comment .sender samp:last-child a{line-height:7px;margin:0 5px 0 0;font-size:17px;position:absolute;right:21px;top:50%;transform:translateY(-50%);} .discussions .block .comment .sender samp:last-child span{font-size:13px;position:relative;}*/ /**/ /*.paynotices{width:88%;background:rgba(0,0,0,0.89);position:fixed;top:0;left:50%;transform:translate(-50%,0);text-align:center;z-index:111;border-radius:10px;padding:10px;} .payconnotice{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;} .paynotices span{cursor:pointer;} .paynotices span:not(:last-child){margin:0 10px;} .paynotices .bitcoin{width:30px;overflow:hidden;} .paynotices .litecoin{width:35px;overflow:hidden;} .paynotices .dogecoin{width:40px;overflow:hidden;} .paynotices .qiwi{width:44px;overflow:hidden;} .paynotices .iomoney{width:59px;overflow:hidden;} .paynotices .ethereum{width:33px;overflow:hidden;} .paynotices .payeer{width:46px;overflow:hidden;} .paynotices .perfectmoney{width:43px;overflow:hidden;} .requisites input{width:100%;margin-bottom:20px;}*/ /**/ .footer{margin:-20px auto; padding:3px 5px 0 15px; color:#ffffff; position:relative;} .footer .copyright{display:flex; align-items:center; flex-wrap:wrap; justify-content:center; font-size:16px; padding-top:10px;} .footer .copyright p{margin:0 10px;} .footer .copyright p:first-child{display:flex; flex-direction:column;} .footer .copyright p:nth-child(2){display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:11px;} .footer .copyright p:nth-child(2) samp{margin-top:10px; width:155px;} .footer .copyright p img{filter:invert(1);} .footer .copyright p:last-child{display:flex; flex-direction:column; flex-wrap:wrap;} .footer .copyright p:last-child a:not(:last-child){margin-bottom:5px;} .footer .copyright p:last-child samp{text-align:center; margin-bottom:10px;} .footer div:last-child{text-align:center; padding-top:10px;} .footer div:last-child:before, .footer div:last-child:after{content:''; position:absolute; border:1px solid; top:0; bottom:0;} .footer div:last-child:before{left:0; width:20%; border-right:none; border-color:rgba(32, 130, 225, 0.7); border-left:none; border-bottom:none;} .footer div:last-child:after{right:0; width:20%; border-left:none; border-color:rgba(32, 130, 225, 0.7); border-right:none; border-bottom:none;} /**/ /*.formsupport{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin:0 auto;text-align:center;} .formsupport p{width:100%;margin:5px;} .formsupport textarea, .formsupport input{width:100%;box-sizing:border-box;} .formsupport textarea{height:200px;resize:vertical;min-height:200px;} .formsupport div:last-child{display:flex;align-items:center;justify-content:center;}*/ /**/ /*.paymethods{display:flex;max-width:600px;flex-wrap:wrap;align-items:center;justify-content:center;margin:0 auto;} .paymethods .item{margin:10px;cursor:pointer;} .paymethods .item:hover{opacity:0.6;} .paymethods label input{display:none;}*/ /**/ /*.formpays{text-align:center;} .formpays label, .formpays input{cursor:pointer;} .formpays hr{border-color:#001b60;} .formpays a.logn{margin-left:10px;}*/ /**/ /*.cryptoPay{max-width:630px;margin:0 auto;} .cryptoPay p span{margin-left:10px;}*/ /**/ /*.supports{max-width:500px;margin:0 auto;text-align:center;} .supports input{width:100%;} .supports textarea{width:100%;max-height:200px;min-height:50px;resize:none;} .supports a.logn{display:inline-block;height:45px;background-size:cover;text-align:center;margin-left:10px;color:#fff;line-height:2.2;}*/ /**/ .news{text-align:center;} .new{text-align:left; background:rgba(42, 45, 48, 0.5); border-radius:10px; position:relative; padding:20px;} .new:not(:last-child){margin-bottom:10px;} .new .title{font-size:19px; display:flex; margin-bottom:10px;} .new .title .newDate{position:absolute; top:0; right:33px; text-decoration:none; font-size:15px; padding:0 7px; background:#2d6e24; border-radius:10px;} .new .title .titleText{width:100%; display:flex; align-items:center; padding:13px;} .new .title .titleText input{width:100%;} .options{display:flex; align-items:center; justify-content:center; margin:0 10px 0 10px;} .options a.delete{position:relative; top:0; left:0; right:0; bottom:0;} a.edit{position:relative; font-size:27px;} a.edit samp{position:absolute; left:-7px; top:3px;} .new .newText{padding:0 13px; overflow:hidden;} h2 a.logn{color:#ffffff; font-size:20px; margin-left:5px;/*line-height:2.4;*/} .addNews{margin-bottom:20px} .addNews input{width:100%; box-sizing:border-box;} /**/ /*.arcMove{position:relative;} .arcMove a.delete{font-size:30px;} .addQuest{width:100%;text-align:center;} .addQuest input, .addQuest textarea{width:100%;} .addQuest textarea{resize:none;min-height:100px;} .addQuest a.logn{display:inline-block;color:#ffffff;line-height:2;height:45px;}*/ .acor-container{position:relative; text-align:center} .acor-container .acor-body{width:calc(100% - 40px); margin:0 auto; height:0; text-align:left; color:transparent; background-color:#bfe2ff; line-height:18px; padding:0 30px; box-sizing:border-box; transition:color .5s,padding .5s; overflow:hidden; font-family:pns; font-size:16px; box-shadow:0 4px 8px rgba(0,0,0,.2),0 10px 16px rgba(0,0,0,.2)} .acor-container .acor-body p{margin:0 0 10px} .acor-container label{cursor:pointer; background-color:#337ab7; display:block; padding:15px 20px; width:100%; color:#bfe2ff; font-weight:300; box-sizing:border-box; z-index:100; font-family:pns; font-size:18px; margin:0 0 5px; transition:color .35s; border-radius:15px; text-align:left;} .acor-container label:hover{color:#fff;} .acor-container input{display:none;} .acor-container label:before{content:'\276F'; float:right;} .acor-container input:checked+label{background-color:#285f8f; color:#fff; box-shadow:0 8px 26px rgba(0,0,0,.4),0 28px 30px rgba(0,0,0,.3);} .acor-container input:checked+label:before{transition:transform .35s; transform:rotate(90deg);} .acor-container input:checked+label+.acor-body{height:auto; margin-top:-5px; color:#000; padding:20px 30px 10px;} /**/ .load{width:100%; height:13px; position:absolute; left:0; bottom:0; text-align:center; display:none; font-size:11px;} .proc{display:inline-block; width:100%; position:relative; z-index:1; color:#ffffff; text-shadow:#000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;} .imager{display:inline-block; width:50px; height:50px; position:relative;} .message .imager{width:56px; height:56px; margin:0 3px 0 0;} .message .proc{font-size:13px;} .imager img{width:55px; height:55px;} .prog{background:#bf272e; position:absolute; height:13px; left:0; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px;} .header .hmenu .isentered .avatar .proc{top:-8px;} /**/ .listimgs{width:265px; margin:0 auto; text-align:left;} .listimgs li{display:inline-block; margin:0 3px 0 0; position:relative;} .listimgs li img{width:50px; height:50px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:1px solid #c6c6c6;} .listimgs li img:hover{opacity:.5;} .listimgs li a.closeimg{position:absolute; top:0; right:0; font-weight:bold; font-size:42px; height:20px; line-height:13px; color:#bf272e; overflow:hidden; z-index:1; text-shadow:#000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;} .listimgs li a.closeimg:hover{color:#ffffff;} .listimgs li .tick{background:#ffffff; position:absolute; bottom:5px; right:0; text-align:center; z-index:1; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; border:1px solid #c6c6c6; color:#bf272e; line-height:20px; padding:0px 7px; font-size:23px;} /**/ .abouts{max-width: 1000px; /* Максимальная ширина блока */ margin: 0px auto; /* Центрирование блока на странице */} .abouts h2{margin-top: 20px; border-bottom: 2px solid #ffffff; /* Подчеркивание заголовков */ padding-bottom: 10px; /* Отступ снизу */} .abouts b{display: block; /* Блоковый элемент для выделенного текста */ margin-top: 20px; /* Отступ сверху */ font-family: bio; font-size: 1.4em; /* Размер шрифта */ color: #d9e9da; /* Цвет выделенного текста */ text-align: center; /* Центрирование текста */ padding: 10px; /* Внутренние отступы */ background-color: rgba(84, 149, 60, 0.5); /* Полупрозрачный фон для выделенного текста */ border-radius: 8px; /* Закругленные углы */ text-shadow:0 0 0 #d9e9da,0 0 30px #d9e9da,0 0 0 #d9e9da,0 0 0 #d9e9da; letter-spacing:2px;} /**/ .terms ul{list-style:disc; padding-left:40px;} /**/ .stats{display:flex; justify-content:center; margin-bottom:20px;} .stats .stat{width:100%; padding:10px 0; margin:5px; display:flex; flex-direction:column;} .stats .stat .statTitle{display:flex; align-items:flex-end; justify-content:center; font-size:20px; letter-spacing:1.5px; margin-bottom:20px; line-height:1.7;} .stats .stat .statTable{padding:10px; background:rgba(9,31,92,0.8); border-radius:10px; flex:1;} .stats .stat .statTable .statItem{display:flex; justify-content:space-between; font-size:15px;} .stats .stat .statTable .statItem:not(:last-child){margin-bottom:25px;} .stats .stat .statTable .statItem .name{width:35%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .games .stat .statTable .statItem .name{width:40%;} .stats .stat .statTable .statItem .value{display:flex; justify-content:center; flex-wrap:wrap; align-items:center;} .stats .stat .statTable .statItem .date{color:#4e4e4e; text-align:center;} .stats .stat .statGames .statItem .name{white-space:pre-wrap;} /* .statstables{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;} .castles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}*/ /**/ /*.istats{display:flex;align-items:center;justify-content: center;} .istats a:not(:last-child){margin:0 7px;}*/ /**/ /*.tstats tr td:first-child{display:flex;align-items:center;} .tstats tr td img{margin-right:10px;}*/ /**/ .authpages, .authlogs{width:100%;} .authrow{display:flex; flex-direction:row; align-items:center; justify-content:space-around; position:relative; margin:5px;} .authrow div{width:18%; text-align:center;} .wins{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} .wins u{display:block;} /**/ .resp-tab{border-radius:5px; font-weight:normal; width:100%; max-width:100%;} .resp-tab thead tr td{font-family:bio; letter-spacing:3px;} .resp-tab td, .resp-tab th{text-align:center; padding:8px;} .resp-tab th{color:#ffffff; background:#2d6b9f;} .resp-tab th:nth-child(odd){background:#337AB7;} /**/ .menulogs{width:100%; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-bottom:10px;} .menulogs a{margin:5px;} /**/ /*.yourTickets{max-width:500px;height:300px;border:1px solid #000;}*/ /**/ .twth{margin:0 10px;} /**/ /*.servers{margin-bottom:10px;}*/ /**/ .ethereum{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -0px -0px; width:220px; height:55px;} .perfectmoney{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -220px -0px; width:220px; height:44px;} .iomoney{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -220px -44px; width:200px; height:42px;} .dogecoin{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -0px -55px; width:155px; height:41px;} .payeer{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -0px -96px; width:152px; height:45px;} .qiwi{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -0px -141px; width:100px; height:45px;} .bitcoin{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -0px -186px; width:141px; height:29px;} .litecoin{display:inline-block; overflow:hidden; background:url('../images/pays.png') no-repeat -100px -141px; width:136px; height:37px;} /**/ .noticeActive{filter:sepia(1);} .regularNotice{color:#bababa;} .notices{display:none; min-width:200px; max-width:300px; height:300px; position:absolute; top:52px; right:0; z-index:10001; background:#264d8f; text-align:center;} .notices span a{color:#ffffff;} .notices span a:hover{color:#6f6f6f;} .notices .noticeItems{display:block; height:230px; padding:10px; position:relative; overflow:hidden auto; margin-bottom:5px;} .notices .noticeItems .notItem{display:block; min-height:30px; max-height:100px; text-overflow:ellipsis; position:relative; padding:7px; text-align:left;} .notices .noticeItems .notItem:not(:last-child){margin-bottom:5px;} .notices .noticeItems .notItem a.delete{width:auto; color:#ff0000;} .notices .noticeItems .notItem a.delete:hover{color:#656222; opacity:0.7;} .notices a.logn{width:auto!important; padding:5px;} .notices .noticeItems .notItem a.aItem{display:1block; width:100%; white-space:normal; margin:0; padding:0; text-align:left;} .notices .noticeItems .notItem a.delete{font-size:30px; top:-8px; right:-8px;} .notices .noticeItems .notItem u{display:block; text-align:right; text-decoration:none; font-size:12px; margin-right:10px; color:#928f8d;} .notices u{vertical-align:top; color:#ff0000; text-decoration:none;} .noticeItems .notnews{display:flex!important; height:90%; align-items:center; justify-content:center;} /* .bauntyresp textarea{resize:vertical;width:100%;height:140px;outline:none;border:none;-webkit-transition:all 0s;-o-transition:all 0s;transition:all 0s;box-sizing:border-box;color:#fff;} .outbg{background:rgba(14, 12, 10, .9);position: absolute;text-align:center;left:0;top:0;bottom:0;right:0;z-index:11;line-height:5;font-size:30px;color:#c7a475;text-shadow:0 1px 1px #fce1b1, 0 0 1em #fce1b1;display:flex;align-items:center;justify-content:center;} .bauntys .outbg{flex-wrap:wrap;flex-direction:column;line-height:1;} .baunty{display: flex; justify-content:center; position:relative; align-items:center; flex-wrap: wrap;} .baunty:not(:last-child){margin-bottom:15px} @media only screen and (max-width:700px){.baunty:not(:last-child){margin-bottom: 50px}} @media only screen and (max-width:700px){.baunty{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center}} .bauntyText .ivalute{margin-top:-17px;position:relative;top:5px;} @media only screen and (max-width:700px){.works__item-img{margin-right: 0; margin-bottom: 20px}} .bauntyContent{display: flex; flex-direction: column; justify-content: center; width: 400px; margin-right: 30px;} @media only screen and (max-width:1299px){.bauntyContent{margin-right: 15px}} @media only screen and (max-width:700px){.bauntyContent{width: 350px; margin-right: 0}} @media only screen and (max-width:399px){.bauntyContent{width: 100%}} .bauntyContent a{text-decoration: underline; color: #000} .bauntyContent a:hover{text-decoration: none} .bauntyTitle{font-weight: 700; font-size: 18px; margin-bottom: 3px} @media only screen and (max-width:700px){.bauntyTitle{text-align: center; margin-bottom: 5px}} .bauntyText.block{display: block} .bauntyText .item{margin-right: 5px;} @media only screen and (max-width:700px){.bauntyText .item{margin-right: 0; margin-bottom: 5px; text-align: center}} .bauntyText .item span{font-weight: 700;} .bauntyExec{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -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; min-width: 185px} .bauntyExec>button{width: 185px; height: 38px; font-weight: 700; font-size: 15px; color: #fff; background-color: transparent; text-transform: uppercase; background-position: 0; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s} .bauntyExec>a{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 185px; height: 38px; font-weight: 700; font-size: 15px; color: #fff; background-color: transparent; text-transform: uppercase; background-position: 0; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s} .bauntyExec>a:hover{background-position:100%;}*/ .shadow{-webkit-appearance:none; -webkit-box-shadow:inset 0 0 10px #ceaf89; -moz-box-shadow:inset 0 0 10px #ceaf89; box-shadow:inset 0 0 10px #ceaf89; background-color:transparent; -webkit-border-radius:3px; border-radius:3px; padding:14px;} .gshadow{-webkit-appearance:none; -webkit-box-shadow:inset 0 0 10px #82e820; -moz-box-shadow:inset 0 0 10px #82e820; box-shadow:inset 0 0 10px #82e820; background-color:transparent; -webkit-border-radius:3px; border-radius:3px; color:#000; padding:14px} .rshadow{-webkit-appearance:none; -webkit-box-shadow:inset 0 0 10px red; -moz-box-shadow:inset 0 0 10px red; box-shadow:inset 0 0 10px red; background-color:transparent; -webkit-border-radius:3px; border-radius:3px; color:#000; padding:14px} .yshadow{-webkit-appearance:none; -webkit-box-shadow:inset 0 0 10px #fcff00; -moz-box-shadow:inset 0 0 10px #fcff00; box-shadow:inset 0 0 10px #fcff00; background-color:transparent; -webkit-border-radius:3px; border-radius:3px; color:#000; padding:14px} /**/ /*.freeadena{width:150px;position:absolute;top:0;right:0;font-size:11px;} .freequest{width:140px;position:absolute;top:53px;right:0;font-size:11px;}*/ .table{min-width:140px; display: flex; flex-direction: column;} .row{display: flex;} .cell{padding: 3px;} @keyframes rock{0%{transform: rotateZ(1deg);} 50%{transform: rotateZ(-1deg);} 100%{transform: rotateZ(1deg);}} .rock{animation: rock 0.6s alternate infinite;} /*.energy_1{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -0px -0px;width:60px;height:60px} .health_1{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -60px -0px;width:60px;height:60px} .health_2{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -120px -0px;width:60px;height:60px} .joy_1{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -180px -0px;width:60px;height:60px} .joy_2{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -240px -0px;width:60px;height:60px} .joy_3{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -0px -60px;width:60px;height:60px} .joy_4{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -60px -60px;width:60px;height:60px} .joy_5{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -120px -60px;width:60px;height:60px} .joy_6{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -180px -60px;width:60px;height:60px} .joy_7{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -240px -60px;width:60px;height:60px} .money_1{display:inline-block;overflow:hidden;background:url('../images/biceps/barsSprites.png') no-repeat -0px -120px;width:60px;height:60px}*/ /*.iitem{transform:scale(0.15);position:absolute;} .itemInfo{transform:scale(0.2);position:absolute;left:-130px;top:-115px;}*/ /* .item_1{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -0px -0px;width:300px;height:300px;} .item_2{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -300px -0px;width:300px;height:300px;} .item_3{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -600px -0px;width:300px;height:300px;} .item_4{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -900px -0px;width:300px;height:300px;} .item_5{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -0px;width:300px;height:300px;} .item_6{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -0px;width:300px;height:300px;} .item_7{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -0px -300px;width:300px;height:300px;} .item_8{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -300px -300px;width:300px;height:300px;} .item_10{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -600px -300px;width:300px;height:300px;} .item_11{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -900px -300px;width:300px;height:300px;} .item_12{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -300px;width:300px;height:300px;} .item_13{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -300px;width:300px;height:300px;} .item_9{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -0px -600px;width:300px;height:300px;} .item_14{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -300px -600px;width:300px;height:300px;} .item_15{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -600px -600px;width:300px;height:300px;} .item_16{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -900px -600px;width:300px;height:300px;} .item_17{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -600px;width:300px;height:300px;} .item_18{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -600px;width:300px;height:300px;} .item_19{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -0px -900px;width:300px;height:300px;} .item_20{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -300px -900px;width:300px;height:300px;} .item_21{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -600px -900px;width:300px;height:300px;} .item_22{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -900px -900px;width:300px;height:300px;} .item_23{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -900px;width:300px;height:300px;} .item_24{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -900px;width:300px;height:300px;} .item_25{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -0px -1200px;width:300px;height:300px;} .item_26{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -300px -1200px;width:300px;height:300px;} .item_27{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -600px -1200px;width:300px;height:300px;} .item_28{display:inline-block;overflow:hidden;background:url('../images/biceps/itemsSprites.png') no-repeat -900px -1200px;width:300px;height:300px;}*/ /**/ /*.events{display:inline-block;overflow:hidden;background:url('../images/biceps/navbarSprites.png') no-repeat -0px -0px;width:60px;height:60px} .gym{display:inline-block;overflow:hidden;background:url('../images/biceps/navbarSprites.png') no-repeat -60px -0px;width:60px;height:60px} .questions{display:inline-block;overflow:hidden;background:url('../images/biceps/navbarSprites.png') no-repeat -120px -0px;width:60px;height:60px} .ratings{display:inline-block;overflow:hidden;background:url('../images/biceps/navbarSprites.png') no-repeat -0px -60px;width:60px;height:60px} .referals{display:inline-block;overflow:hidden;background:url('../images/biceps/navbarSprites.png') no-repeat -60px -60px;width:60px;height:60px} .shop{display:inline-block;overflow:hidden;background:url('../images/biceps/navbarSprites.png') no-repeat -120px -60px;width:60px;height:60px}*/ .shop{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites.png') no-repeat -0px -0px; width:93px; height:86px;} .events{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites.png') no-repeat -93px -0px; width:84px; height:85px;} .referals{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites.png') no-repeat -93px -85px; width:79px; height:90px;} .ratings{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites.png') no-repeat -0px -86px; width:74px; height:78px;} .questions{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites.png') no-repeat -0px -164px; width:73px; height:81px;} .shoph{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites1.png') no-repeat -0px -0px; width:93px; height:86px;} .eventsh{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites1.png') no-repeat -93px -0px; width:84px; height:85px;} .referalsh{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites1.png') no-repeat -93px -85px; width:79px; height:90px;} .ratingsh{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites1.png') no-repeat -0px -86px; width:74px; height:78px;} .questionsh{display:inline-block; overflow:hidden; background:url('../images/biceps/navbarSprites1.png') no-repeat -0px -164px; width:73px; height:81px;} /**/ @media (max-width: 767px){.cstats tr td{display:block;} .resp-tab{display:block; width:100%;} .resp-tab thead, .resp-tab tbody, .resp-tab thead th{display:block;} .resp-tab thead{float:left; height:80%;} .resp-tab tbody{width:auto; position:relative; overflow-x:auto;} .resp-tab td, .resp-tab th{padding:10px 2px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; width:160px; font-size:13px; text-overflow:ellipsis;} .resp-tab thead th{text-align:center;} .resp-tab tbody tr{display:table-cell;} .resp-tab tbody tr:nth-child(odd){background:none;} .resp-tab tr:nth-child(even){background:transparent;} .resp-tab td{display:block; text-align:center;} .resp-tab thead tr{height:100%; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:space-around; align-items:center;}} /**/ @media only screen and (max-width:900px){.stats{flex-wrap:wrap;}} @media only screen and (max-width:950px){.header .hmenu div a{display:inline-block;}} @media only screen and (max-width:850px){/*.rulesDownload{top:297px;}*/ /*.del{top:-20px;right:-4px;}*/ /* .creadedTicket a.link{justify-content:space-around;} .creadedTicket a.link .nameTicket{min-width:auto!important;max-width:auto!important;width:auto!important;} .filtersTickets{margin:10px 20px;margin-left:0;}*/ /* .isentered .select{width:70px!important;height:22px!important;position:relative;top:-15px;left:0;} .isentered .select select{padding:3px;}*/ /* a.messenger{top:-5px;} a.messenger img{position:relative;}*/ /*.notices{top:33px;}*/ /*a.start{top:219px;}*/ /*.header .hmenu div a:nth-last-child(n+2):not(:last-child){line-height:1.9;}*/ .header .hmenu{top:-20px;} .header .hmenu div a.exit, .header .hmenu div a.acc{position:relative;} /*.header .hmenu div a.qit{padding:5px 0 0 0;}*/ /*.header .hmenu .isentered .avatar{width:22px;height:22px;top:-7px;}*/ .header{margin-top:-40px; background:transparent;} .hmenu div samp{width:auto!important; position:fixed; z-index:101; top:0; left:0; right:0; background:rgba(40,65,145,0.7); height:58px;} .hmenu div samp a:first-child{width:auto!important;} .hmenu div samp a{display:block;} /*.head{height:400px;}*/ .head .h1{margin-left:0; z-index:1; top:29px; font-size:22px; width:100%; text-align:center;} .hmenu div span:not(.notices,.noticeItems,.notItem,.notnews){display:block!important; position:absolute; top:0; left:-300px; max-width:200px;} /*.header .hmenu div a:nth-last-child(n+2){width:auto;}*/ /*.header .hmenu .isentered .avatar img{top:2px;}*/ /*.logo{top:30px;}*/ .fixer{width:100%; overflow-y:scroll;} .fix{display:inline; left:0;} .hidder{overflow:hidden;} .hamburger{display:inline;} /*.langs{top:181px;z-index:100;}*/ .left, .right{width:auto; order:2; margin-bottom:10px;} .container{flex-direction:column;} .content{order:1; width:auto;} .load:not(.loading .loadering samp .load){left:0!important; top:20px!important;} /*.header .hmenu .isentered .avatar img{width:22px;height:22px;}*/ .header .hmenu .isentered .avatar .proc{top:0;}} @media only screen and (min-width:850.91px) and (max-width:1041.82px){.account .balans div:first-child{margin:0 auto 10px auto;}} @media only screen and (max-width:558px){.aboutTitle:nth-child(even):not(:first-child){flex-wrap:wrap; justify-content:center;} .aboutTitle:nth-child(odd):not(:first-child){flex-direction:column-reverse;}} @media only screen and (max-width:470px){.aboutTitle img{max-width:270px;} .account .balans div:first-child{margin:0 auto 10px auto;}} @media only screen and (max-width:480px){.typeTickets a{flex-direction:column;}} @media only screen and (max-width:405px){/* .head{height:480px;} .header{margin-top:-150px;}*/ .aboutTitle:first-child img:first-child{display:none;} .aboutTitle div:first-child{margin:0;} .footer p:last-child{text-align:center;}} @media only screen and (max-width:374px){.discussions{left:0; right:0;} h2, h2 a.logn{font-size:20px;}} @media only screen and (max-width:466px){.account .userPanel .verifiedUsers .scroll .tuser span{display:block; width:100%; margin-bottom:10px; text-align:center;}}a:link, a:active, a:visited{color: #d77070;} .loading{display:flex; flex-direction:column; align-items:center; justify-content:center; position:fixed; top:50%; left:50%; width:100%; height:100%; overflow:hidden; transform:translate(-50%,-50%); z-index:999999; background:#000000;} .loading .loadering{width:90%; margin-top:250px; text-align:center;} .loading .loadering samp{display:block; width:100%; position:relative; text-align:center; border-radius: 10px; border: 1px solid #fff; border-left: 3px solid #fff; border-right: 3px solid #fff;} .loading .loadering u{display:block; background:url('../images/biceps/logo.png') 0 0 no-repeat; width:363px; height:340px; position:absolute; top:50px; left:50%; transform:translate(-50%, 0); text-decoration:none;} .loading .loadering samp .perc{position:relative; top:0; z-index:1; font-size:28px; font-weight:bold; color:#ffffff;} .loading .loadering samp .load{display: block; height: 30px; width: 0; background: #ffda19; border-radius: 10px;} .loading .textConsole{width:250px; position:relative; padding:10px 0 10px 10px; margin-top:10px;} .loading .textConsole ul{max-height:150px; overflow:auto; font-weight:normal; list-style-type:disc; padding-left:22px;} .loading .textConsole ul li{text-indent:-10px;} .loading .textConsole ul li::marker{color:#00ff88; font-size:20px;} /*.loading .textConsole ul li:nth-child(3)::marker{color:#ff0000;}*/ .loading .textConsole p{position:relative; top:-10px; padding:0; margin:0; font-size:15px; font-weight: normal; color:#ffd56d;} .loading .textConsole .scroll::-webkit-scrollbar-thumb{background:#ffd56d;} /**/ .loading .textConsole ul li ul{height:100px; overflow:auto; font-weight:normal; list-style-type:disclosure-closed; padding-left:22px;} .loading .textConsole ul li ul li::marker{color:#ff0000;} .playerBar{display:flex; align-items:center; justify-content:center; flex-wrap:nowrap; position:absolute; top:0; left:0; z-index:10000;} .playerBar .playerLeftBar{display:flex; align-items:center; justify-content:center; flex-direction:column;} .playerBar .playerLeftBar .playerLevel{display:inline-block; width:25px; height:25px; text-align:center; vertical-align:middle; line-height:1; font-size:20px; position:relative; overflow:hidden;} .playerBar .playerLeftBar .playerLevel u{width:100%; height: 42%; background: #19b7b7; position: absolute; bottom: 0; left: 0; z-index: -1;} .playerLevel u::before, .playerLevel u::after{content: ''; position: absolute; bottom: 90%; left: 0; width: 200%; height: 30%; background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 30"><path fill="%2319b7b7" d="M0 15 Q 15 5, 30 15 T 60 15 T 90 15 T 120 15 V 30 H 0 Z"/></svg>'); background-repeat:repeat-x;} .playerLevel u::before{animation:wave 4s linear infinite;} .playerLevel u::after{animation:wave 4s linear infinite; animation-delay:2s;} @keyframes wave{0%{transform:translateX(0);} 100%{transform:translateX(-100%);}} .playerBar .playerLeftBar a{padding:0 8px; line-height:1; font-weight:bold;} .playerBar .playerRightBar{display:flex; align-items:center; justify-content:center; flex-direction:column;} .playerBar .playerRightBar .bar{display:block; width:100px; text-align:left; position:relative;} .playerBar .playerRightBar .bar u{text-decoration:none; position:absolute; top:0; left:0;} .playerBar .fullBorder{margin:1px 0;} .playerHp, .playerMp{display:block; height:20px;} .playerHp{width:100%; background:linear-gradient(354deg, rgba(255, 0, 0, 1) 0%, rgb(211 51 51) 50%, rgba(255, 0, 0, 1) 100%); box-shadow:0 4px 10px rgba(0, 0, 0, 0.2);} .playerMp{width:100%; background:linear-gradient(34deg, rgb(0 4 255) 0%, rgb(35 25 233) 50%, rgb(50 0 255) 100%); box-shadow:0 4px 10px rgba(0, 0, 0, 0.2);} #container, #game{width:100%; height:100%; position:fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:9999; will-change:transform;} .gamechat{width:270px; ; height:180px; position:absolute; z-index:9999; bottom:0;} .gamechatcontent{height:130px; overflow:hidden auto;} .gamechatmsg span{color:#98ff84; font-weight:bold;} .gamechatmsg samp{font-weight:normal;} .gamechatmsg span, .gamechatmsg samp{font-size:15px; margin:0 5px 0 0;} .gamechattabs{width:100%; display:flex; align-items:center; justify-content:center; padding:5px 0;} .gamechattabs a{width:100%; height:10px; line-height:0.3; text-align:center;} .gamechatsend{display:flex; justify-content:space-between; align-items:center;} .gamechatsend a{width:48px; height:18px; line-height:0.8; text-align:center; text-indent:-10px;} .gamechatsend input{flex-grow:1; height:25px; background:#000000; border:1px solid #404040; -webkit-border-radius:0px!important; -moz-border-radius:0px!important; border-radius:0px!important;} /*END GAME*/ .none{display:none;} input[type="radio"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; width: 20px; height: 20px; border: 2px solid #999; border-radius: 50%; background-color: #fff; cursor: pointer; position: relative; vertical-align: middle;} input[type="radio"]:checked{border-color: #398fd2; background-color: #398fd2;} input[type="radio"]:checked::after{content: ""; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: white;} input[type="radio"]:hover{border-color: #398fd2;} .container1{user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; min-width:300px; display: flex; height: 100vh; position: relative;} .content1{flex: 1; display: flex; justify-content: center; align-items: center; color: #333; margin-left: 5vw; margin-right: 5vw; flex-direction: column;} .navbar{position: fixed; bottom: 0; width: 100%; max-height:650px;} .navbar .title{text-align:center; margin-top:10px; margin-bottom:0;} .contentnavbar{padding:3px 15px; margin-bottom: 59px; width: 100%; display: none; flex-wrap: wrap; align-items: center; justify-content: space-around; border-bottom: none; min-height:100px; height:400px; overflow:hidden auto; box-sizing: border-box;} .contentnav{position: fixed; bottom: 7px; width: 100%; min-height: 40px; display: flex; justify-content: space-around; align-items: center; padding: 2px 0; box-shadow: 0 5px 24px rgba(0, 0, 0, 0.5); backdrop-filter: blur(7px) contrast(100%); gap: 5px; border-radius:15px; z-index: 1000; overflow: auto hidden; scrollbar-width: none; -webkit-scrollbar-width: none; -ms-overflow-style: none; will-change:transform; background:transparent;} .contentnavbar::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #1d4896a6; -webkit-backdrop-filter:blur(15px) contrast(205%); backdrop-filter:blur(15px) contrast(205%); border: 1px solid rgba(255, 255, 255, .4); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .15); pointer-events: none; z-index: -1; border-radius: 20px;} /**/ .buttonItem{text-align: center; flex: none; position: relative; background: #298dffa6; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: 5px solid gray; border-left: none; border-right: none; border-top-color: #45b9ff87; border-bottom-color: #1965d6; backdrop-filter: blur(4px) contrast(334%);} .buttonItem:hover, .buttonItem.activeButton{border-top-color: #2bc9ff; border-bottom-color: #1e5cc9; animation: pulse 1.5s infinite;} .buttonItem.activeButton button{border: 3px solid #fff; border-bottom:1px; box-shadow: 0 -5px 15px rgba(0, 255, 255, 0.3), 0 -2px 8px rgba(64, 224, 208, 0.2); transition: box-shadow 0.5s ease; background: rgba(255, 255, 255, 0.05);} .buttonItem.activeButton button:hover{box-shadow: 0 -8px 20px rgba(0, 255, 255, 0.5), 0 -3px 12px rgba(64, 224, 208, 0.4);} .tutorial button, .buttonItem button{margin-top:-4px; display: flex; align-items: center; justify-content: center; color: #fff; background: transparent; border-radius: 15px; border: none; cursor: pointer; overflow: hidden; padding: 5px; outline:none; width:100%; box-sizing:border-box;} .buttonItem button span{transform: scale(0.4) translate(39px, 7px); margin-left: -30px;} /**/ .navbar-item{text-align: center; flex: none; position: relative; width: 60px; height: 42px; background: #298dff; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: 5px solid gray; border-left: none; border-right: none; border-top-color: #45b9ff; border-bottom-color: #1965d6;} .navbar-item:hover, .navbar-item.activeButton{border-top-color: #2bc9ff; border-bottom-color: #1e5cc9;} .navbar-item.activeButton button{border: 3px solid #fff; border-bottom:1px; box-shadow: 0 -5px 15px rgba(0, 255, 255, 0.3), 0 -2px 8px rgba(64, 224, 208, 0.2); transition: box-shadow 0.5s ease; background: rgba(255, 255, 255, 0.05);} .navbar-item.activeButton button:hover{box-shadow: 0 -8px 20px rgba(0, 255, 255, 0.5), 0 -3px 12px rgba(64, 224, 208, 0.4);} @keyframes shimmerGlow{0%, 100%{box-shadow: 0 -5px 15px rgba(0, 255, 255, 0.3), 0 -2px 8px rgba(64, 224, 208, 0.2);} 50%{box-shadow: 0 -6px 18px rgba(0, 255, 255, 0.4), 0 -3px 10px rgba(64, 224, 208, 0.3);}} .navbar-item.activeButton button{animation: shimmerGlow 3s ease-in-out infinite; margin: -4px;} .navbar-item.activeButton button.buttonActive span{transform: scale(0.4) translate(39px, 0);} .navbar-item button{width: 65px; height: 50px; margin-top:-4px; display: flex; align-items: center; justify-content: center; color: #fff; background: transparent; border-radius: 15px; border: none; cursor: pointer; overflow: hidden; padding: 0; outline:none;} .navbar-item button span{transform: scale(0.4) translate(39px, 7px); margin-left: -30px;} .buttonActive{transform: translateY(1px);} /**/ .panel{width: 60px; height: 367px; display: flex; justify-content: space-between; position: relative; margin:66px auto; overflow: hidden; border-radius: 20px; padding-left:5px;} .panel-content{width: 60px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; overflow-y: auto; max-height: 80%; -webkit-overflow-scrolling: touch; touch-action: pan-y;} .panel-content::-webkit-scrollbar{display: none;} /**/ .icon{min-width: 50px; min-height: 50px; max-width: 50px; max-height: 50px; margin: 5px; display: flex; justify-content: center; align-items: center; color: white; border-radius: 5px; opacity: 0; transform: scale(0); transition: transform 0.5s ease, opacity 0.5s ease; cursor:pointer;} .icon::after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #9fd9ff; border-radius: 10px;} .icon::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(77 184 255 / 49%); filter: blur(13px); z-index: -1;} .icon:hover{transform: scale(1.05);} /**/ .scroll-button{width: 100%; color: white; border: none; cursor: pointer; position: relative; background: transparent; transition:scale 0.5s;} .scroll-button:first-child{top:8px; right:9px;} .scroll-button:last-child{margin-top: -10px; top: 6px; right: 10px;} .scroll-button:hover{transform:scale(1.1);} .scroll-button span{transform:scale(0.5);} .left-panel{display: flex; flex-direction: column; justify-content: space-between;} .right-panel{display:none; flex-direction: column; justify-content: space-between;} /**/ .contentLevelInfo h2{margin-bottom:-27px;} .contentLevelInfo .levelsInfo.i0{margin-bottom:-57px;} .settingsContent p, .contentLevel p{width:100%; display: flex; justify-content: space-between; padding: 0; align-items:center;} .settingsContent p span, .contentLevel p span{flex: 1; margin: 0 5px;} /**/ .contentLevelInfo{width: 100%; font-size:14px;} .levelsInfo{max-width:300px; display: flex; align-items: center; justify-content: flex-start; position:relative; margin-bottom:10px;} .levelsInfo:first-child{margin-bottom:-40px;} .levelsInfo .lvls{min-width:150px; transform:scale(0.3); margin-left:-40px; margin-right:-40px; font-size:80px; color: #00ffea; text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;} .levelsInfo .levelInfo{flex-grow: 1;} .textBlock{flex-grow: 1; display: flex; flex-direction: column;} .description{margin-bottom: 8px;} .ireward{margin-left: -140px; margin-right: -130px; margin-bottom: -140px; transform:scale(0.15); animation:rewardpulse 1.5s infinite;} @keyframes rewardpulse{0%,100%{transform:scale(0.15);} 50%{transform:scale(0.18);}} .rewards{display: flex; gap: 16px; position:absolute; bottom:0; right:0;} .rewards::before{content: ''; background: #ffff00; position: absolute; top: 130px; left: -10px; bottom: 0; right: 0; filter:blur(20px);} .rewards img{width: 25px; height: 25px; object-fit: contain;} /**/ .settings{width: 30px; height: 30px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/biceps/nastr.png'); background-size:contain; transition:transform 0.3s;} .sneakers:hover, .bank:hover, .casino:hover, .gum:hover, .gymLobby:hover, .lottery:hover, .ton:hover, .admin:hover, .settings:hover{transform:scale(1.3);} .settingsTitle{padding:5px 0 0 0;} .bank{width: 35px; height: 30px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/biceps/leftpanel/bank.png') 0 0 no-repeat; background-size:contain; transition:transform 0.3s;} .sneakers{width: 36px; height: 32px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/biceps/leftpanel/sneakers.png') 0 0 no-repeat; background-size:contain; transition:transform 0.3s;} .casino{width: 35px; height: 25px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/biceps/leftpanel/casino.png') 0 0 no-repeat; background-size:contain; transition:transform 0.3s;} .gum{width: 35px; height: 20px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/biceps/leftpanel/gum.png') 0 0 no-repeat; background-size:contain; transition:transform 0.3s;} .gymLobby{width: 54px; height: 40px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; background: url(../images/biceps/leftpanel/casino.png) 0 0 no-repeat; background-size: contain; transition: transform 0.3s;} .lottery{width: 35px; height: 27px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/biceps/leftpanel/lottery.png') 0 0 no-repeat; background-size:contain; transition:transform 0.3s;} .ton{width: 35px; height: 25px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/biceps/leftpanel/ton.png') 0 0 no-repeat; background-size:contain; transition:transform 0.3s;} .admin{width: 27px; height: 30px; border: none; cursor: pointer; outline: none; z-index: 10003; display: flex; align-items: center; justify-content: center; position: absolute; background:url('../images/admin.png') 0 0 no-repeat; background-size:contain; transition:transform 0.3s;} /**/ .windowBar{display: none; color: #fff; background-color: rgb(0 0 0 / 70%); border-radius: 20px; box-shadow: inset 0 0 20px rgb(255 255 255 / 52%); border:2px solid #7f7f7f; font-size:14px; position: absolute; top: 0; left: 0; z-index: 200000; box-sizing: border-box; overflow: hidden; width: auto; height: auto; max-height:300px; white-space: normal; z-index:10003; min-width:190px;} .windowBar .windowContentBar{overflow: hidden; max-height: 300px;} .windowBar::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, rgb(255 255 255), rgb(255 255 255 / 0%) 1px, rgb(0 0 0) 5px, rgb(0 0 0) 10px); filter:blur(1px); opacity: 0.3; pointer-events: none; z-index:-1;} .windowBar::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 0 5px rgb(255 255 255); filter:blur(7px); pointer-events: none; z-index:-1;} /**/ .bar-container{display: flex; flex-direction: column; padding-left:36px; gap:13px;} .bar{width: 100px; height: 18px; margin: 3px 0; position: relative; display: flex; align-items: center; background: #1061A7; background: linear-gradient(0deg, rgba(16, 97, 167, 1) 0%, rgba(15, 68, 137, 1) 100%); border-radius: 7px; border-top-left-radius: 0; border-bottom-left-radius: 0; border: 2px solid #046ec8;} .bar .joy_1{margin-top:-14px;} .bar .health_1{margin-top:-9px; margin-left:-9px;} .bar .energy_1{margin-top:-17px;} .money-container{width: 188px; height: 30px; border-top: 3px solid #547ebc; border-bottom: 2px solid #4b7bb5; background: linear-gradient(0deg, rgba(122, 172, 250, 1) 1%, rgba(113, 153, 227, 1) 100%); display: flex; align-items: center; position: relative; border-radius: 20px; overflow: hidden;} .money-container .bar{width: 100%; height: 26px; display: flex; align-items: center; background: transparent; border: none; cursor: pointer;} .bar .monet{position:relative!important; flex-shrink: 0; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; z-index: 2; top:-2px; left:12px;} .money-container .money{flex-grow: 1; min-width: 0; max-width:143px; height: 28px; line-height: 28px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; font-family: beb; margin: 0 auto;} .money-container .bar-container{padding-left:0;} .money-container .emoji{margin-top: 0; margin-left: 0;} .fill{height: 100%; position: absolute; transition:transform 0.3s; cursor:pointer;} .current-value, .max-value{font-family:beb; color:#fff; position:relative; transition:transform 0.3s; cursor:pointer; font-size:20px; z-index: 99999; margin: 0 auto;} .fill:hover{transform:scale(1.1);} .current-value:hover, .max-value:hover{transform:scale(1.5);} /**/ .joy{background: #ffffff; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(214, 201, 255, 1) 22%, rgba(173, 122, 255, 1) 100%); border-radius: 7px; border-top-left-radius: 0; border-bottom-left-radius: 0;} .joyExpandButton:active{transform: scale(0.96) translateY(1px);} .joyContent{padding:10px;} .joyContent .monet{transform:scale(0.3);} .joyContent span{color:#d6b623; font-weight: bold;} .joyOpts{display:flex; align-items:center; justify-content:center; gap:10px; max-height:40px; margin:0;} .joyOpts .monet{min-width:145px; position:relative!important; top:0; left:0; transform: scale(0.13); margin-right: -64px; margin-left: -67px;} /**/ .health{background: #ff87a3; background: linear-gradient(0deg, rgba(255, 135, 163, 1) 0%, rgba(255, 90, 113, 1) 18%, rgba(255, 67, 88, 1) 100%); border-radius:7px; border-top-left-radius: 0; border-bottom-left-radius: 0;} .energy{background: #6CFFFF; background: linear-gradient(0deg,rgba(108, 255, 255, 1) 0%, rgba(82, 208, 255, 1) 19%, rgba(73, 179, 246, 1) 100%); border-radius:7px; border-top-left-radius: 0; border-bottom-left-radius: 0;} /**/ .left-panel, .right-panel, .fill, .bars, .levelHeads, .navbar{z-index: 10000; display:none;} .itemIconContainer{width: 50px; height: 70px; /*overflow: hidden;*/ display: flex; align-items: center; justify-content: center; flex-shrink: 0;} .itemView{display: block; width: 300px; height: 300px; transform: scale(0.18); transform-origin: center center; flex-shrink: 0; transition: transform 0.3s ease-in-out;} .itemIconContainer img{transition: transform 0.3s ease-in-out;} .itemIconContainer img:hover{transform:scale(1.8);} .itemView:hover{transform:scale(0.3);} /**/ .emoji{display:none; transform: scale(0.45); transition: transform 0.6s; cursor: pointer; z-index: 10003; margin-top: -16px; margin-left: -7px;} .moneyBar{display:none;} .show{opacity: 1; transform: scale(1); transform: translateY(0);} /*INVENTORY*/ @keyframes inventory{0%{bottom:165px;} 100%{bottom:141px;}} .emptyInventory{position:absolute; top:0; left:16px; right:16px; bottom:0;} .emptyInventory p{margin:7px; color:#50d4d4; font-size:13px;} .inventory-container{width: 220px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; padding: 10px; opacity:0; visibility:hidden; z-index:10000; transform: translateY(-20px); transition: opacity 0.3s ease, transform 0.3s ease; animation: inventory 0.5s ease forwards; position: absolute; bottom: 175px; right: 10px; overflow:hidden; border: 1px solid #315059;} .inventory-container::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle, rgba(32, 165, 221, 1) 1%, rgba(47, 105, 182, 1) 21%, rgba(0, 0, 0, 1) 100%); filter: blur(26px); z-index: -1;} .inventory-container.show{opacity: 1; transform: translateY(0); visibility:visible;} /**/ .inventory-container .optionals{display:flex; align-items:center; justify-content:flex-end; gap:7px;} .inventory-container .optionals button{width: 25px; height: 25px; border: none; cursor: pointer; overflow: hidden; transition:transform 0.3s;} .inventory-container .optionals button:nth-child(1){background:url('../images/biceps/taps.png') 0 0 no-repeat; background-size:contain;} .inventory-container .optionals button:nth-child(2){background:url('../images/biceps/opts.png') 0 0 no-repeat; background-size:contain;} .inventory-container .optionals button:hover{transform:scale(1.3);} .inventory-container .optionals button.activate{transform:rotate(45deg);} /**/ .uitems{font-size:13px;} /**/ .item-display{display:flex; align-items:center; justify-content:center; color: white; border-radius: 5px; margin-bottom: 10px; min-height:100px; max-height:170px; position:relative; overflow:hidden;} .item-icon{min-width:43px; height:90px; overflow: hidden; position:relative; font-size: 45px; margin-right: 7px; margin-top:3px; display: inline-block; align-self:baseline; animation:pulse 1.5s infinite;} .item-description{display: flex; flex-direction: column; overflow:hidden; min-height:100px; max-height:170px;} .item-desc{overflow:hidden; min-height:100px; max-height:140px; box-sizing: border-box;} .item-description p{font-size:13px; margin:0 0 5px 0;} .item-description.show{opacity:1; transform :translateY(0) ;} .itaps{display:inline-block; overflow:hidden; background:url('../images/biceps/taps.png') 0 0 no-repeat; width:40px; height:40px; background-size:contain;} /*.iopts{display:inline-block; overflow:hidden; background:url('../images/biceps/opts.png') 0 0 no-repeat; width:40px; height:40px;}*/ /**/ .menu{display: grid; grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); grid-gap: 2px; max-height: 147px; min-height: 58px; overflow: hidden; filter: blur(5px); transform:scale(5); padding:10px;} .menu-item{width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; transition: background-color 0.3s, transform 0.3s; border-radius: 5px; font-size:25px; position:relative;} .menu-item::after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border:1px solid #237b93; border-radius: 10px;} .menu-item::before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle, rgb(3 69 172) 1%, rgb(3 168 218) 21%, rgb(0 0 0) 100%); filter: blur(10px); z-index: -1;} .menu-item:hover{background-color: #004494; transform: scale(1.1);} .used{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; z-index: 10000; background: conic-gradient(rgba(76, 173, 175, 0.5) 0%, transparent 0%); pointer-events: none; display: flex !important; align-items: center; justify-content: center;} .buttonBar{height:18px; position:relative; display:flex; align-items:center; justify-content:center;} .button{width: 70px; height: 70px; background: #298dff url('../images/biceps/inventory.png') center center no-repeat; background-size: 70%; border-radius: 15px; color: white; border: 5px solid gray; border-left: none; border-right: none; border-top-color: #45b9ff; border-bottom-color: #1965d6; cursor: pointer; outline: none; transition: all 0.3s; transform: scale(0.6);} .button.activeButton{border:3px solid #fff; border-bottom:1px; box-shadow:0 -5px 15px rgba(0, 255, 255, 0.3), 0 -2px 8px rgba(64, 224, 208, 0.2); transition:box-shadow 0.5s ease;} /**DELETE SOON!!!!**/ .btn{position: relative; color: #bdeef2!important; background-color: #0e64ed; border: none; border-radius: 10px; cursor: pointer; padding: 5px; font-weight:bold; font-size: 16px; text-align: center; box-shadow: inset 0 0 0 3px rgba(32, 130, 225, 0.7); transition: box-shadow 0.3s ease; font-family: Montserrat;} .btn:hover{box-shadow: inset 0 0 0 30px rgba(32, 130, 225, 0.5);} /**/ .itemUse{position:absolute; bottom:0; left:20px; font-size:13px; color:#ededed;} .itemUse::before{content: ""; position: absolute; top: -32px; left: -40px; width:60px; height:72px; background:url('../images/biceps/clock.png') 0 0 no-repeat; transform:scale(0.23);} .menu-item .itemCounter{position:absolute; bottom:2px; right:2px; color:#00FFFF; font-size:12px;} .item-name{width:100%; display:flex; color: white; padding: 3px; margin-bottom:3px; position:relative; box-sizing: border-box;} .item-name p{margin:0; padding:0;} /**/ .effects-container:not(:last-child){margin-bottom:6px;} .effect-title{color:#50d4d4;} .effect-title p{margin:0;} .buff-item, .effect-item{position:relative; padding:5px; padding-bottom:7px;} .buff-item{padding-bottom:17px;} .buff-item p:last-child, .effect-item p:last-child{position:absolute; bottom:0; right:3px; color:#00FF00; margin:0; font-family:che;} .buff-item::after, .effect-item::after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #237b93; border-radius: 10px;} /**/ .effect-tap p{padding:5px;} .effect-tap p span{display: inline-flex; margin:1px; cursor:pointer; transition:transform 0.3s; background: radial-gradient(circle, rgb(3 69 172 / 45%) 1%, rgb(3 168 218 / 49%) 21%, rgb(0 0 0 / 40%) 100%); border:1px solid #237b93; border-radius: 10px; position:relative;} .effect-tap p span::before{content:''; box-shadow:0 5px 24px rgba(0, 0, 0, 0.5);} .effect-tap p span:hover{transform:scale(1.1);} .effect-tap p span.disable::after{content: '✔'; font-size: 17px; font-weight: bold; color: #25ff00; position: absolute; bottom: 0; right: 0; text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px;} /**/ .monet{position:absolute!important; top:74px; left:50%; transform:translate(-53%, 0); background:url('../images/biceps/monet.png'); width:135px; height:136px;} .heart{position:absolute!important; top:74px; left:50%; transform:translate(-53%, 0); background:url('../images/biceps/health.png'); width:54px; height:46px;} @keyframes hor{from{background-position-x:0px;} to{background-position-x:-450px;}} @keyframes ver{from{background-position-y:0px;} to{background-position-y:-1050px;}} /**/ .dialog{display:none; position:absolute!important; top:35%; left:25%; transform:translate(-35%, -25%); background:url('../images/biceps/dialogsSprites.png') 0 -1200px no-repeat; width:150px; height:150px; z-index:10003; margin-top:-182px; margin-left:-4px; pointer-events: none;} .dialog p{max-width:125px; height:60px; padding:4px; box-sizing: border-box; overflow: hidden auto; color:#000; font-size:13px; margin:17px 5px 0 17px; text-align:center; display: flex; scrollbar-width: none; -webkit-scrollbar-width: none; /*font-family:beb;*/ font-weight: bold; pointer-events: all;} .container1 .scroll{scrollbar-width: none; -webkit-scrollbar-width: none;} @media only screen and (max-width:500px){.dialog{top:41%; left:18%;}} /**/ .buffs{position:absolute; left:12px; bottom:-63px; display:flex;} .buffs span{transform: scale(0.15); margin-left: -150px; margin-right: -150px;} .buffs-item::after{content:''; margin:1px; cursor:pointer; transition:transform 0.3s; background: radial-gradient(circle, rgb(3 69 172 / 45%) 1%, rgb(3 168 218 / 25%) 21%, rgb(0 0 0 / 40%) 100%); border:1px solid #237b93; position:absolute; top:0; left:0; right:0; bottom:0;} .buffs-item{width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; transition: background-color 0.3s, transform 0.3s; font-size: 22px; position: relative;} /**/ .disabled{cursor:not-allowed; pointer-events:none; filter:opacity(0.3);} /**/ .lifes, .wallet, .lifes button, .wallet button{width:42px; height:42px; display:none;} .lifes button, .wallet button{border: 5px solid gray; border-left: none; border-right: none; background: #298dff; border-top-color: #45b9ff; border-bottom-color: #1965d6; border-radius:10px; outline:none;} .wallet button span{display:block; width:96px; height:72px; background:url('../images/biceps/monets.png') 0 0 no-repeat; transform: scale(0.37); margin-left: -31px; margin-top: -20px;} .lifes button span{display:block; width:60px; height:96px; background:url('../images/biceps/lifes.png') 0 0 no-repeat; transform: scale(0.37); margin-left: -14px; margin-top: -31px;} .life{display:block; width:60px; height:96px; background:url('../images/biceps/lifes.png') 0 0 no-repeat;} /**/ .levelHeads{display:flex; flex-wrap:nowrap; align-items:center; position: absolute; top: 15px; left: 0; right: 0; gap:5px; padding-left: 10px; padding-right: 10px; justify-content: space-between;} .bars{position: absolute; left: 0; right: 0; bottom:70px; justify-content:center;} .card{position: absolute; left: -36px; cursor: pointer; z-index: 10003; width: 35px; height: 28px;} .bars .card{border: 3px solid gray; border-left: none; border-right: none; background-color: #298dff; border-top-color: #45b9ff; border-bottom-color: #1965d6; border-radius:10px;} .level-container{width:135px; height:30px; border-top: 3px solid #547ebc; border-bottom:2px solid #4b7bb5; background: #7AACFA; background: linear-gradient(0deg,rgba(122, 172, 250, 1) 1%, rgba(113, 153, 227, 1) 100%); display: none; align-items: center; gap:5px; position:relative; border-radius:20px; padding-left:20px; cursor:pointer; font-size:14px;} .level-container span{color:#fff;} .level-container::after{content: ""; position: absolute; top: -38px; left: -16px; right: 0; bottom: 0; z-index: 1; width: 50px; height: 101px; background: url('../images/biceps/zipper.png') 0 0 no-repeat; transform: scale(0.3);} .level{width: 100%; height: 100%; border-radius: 20px; background: radial-gradient(closest-side, rgb(3 168 218) 88%, transparent 0% 100%), conic-gradient(white 0%, rgb(3 168 218) 0); display: flex; justify-content: center; align-items: center; color: #fff; font-size: 1.3em; transition: transform 0.6s; position: absolute; left: -7px; top: -7px; cursor: pointer; z-index: -1; padding: 6px;} .level:hover{transform:scale(1.07);} .level .lvl{transform:translate(-50%, -50%) scale(0.3); position:absolute; top:50%; left:50%;} .playerLevel{z-index:1; font-size:20px; font-family:beb; transition:transform 0.3s; text-align:center; cursor:pointer; color:#fff;} .playerLevel:hover{transform:scale(1.3);} .level.flip{transform: rotateY(180deg);} @keyframes newBountyGlow{0%{box-shadow: 0 0 8px 4px rgba(255,255,0,0.6);} 50%{box-shadow: 0 0 12px 6px rgba(255,255,0,0.9);} 100%{box-shadow: 0 0 8px 4px rgba(255,255,0,0.6);}} .new-bounty{animation: newBountyGlow 1.5s ease-in-out infinite;} /*.tapText{position: fixed; top: 50%; left: 50%; font-size: 50px; text-shadow: 0 0 10px rgba(255,255,255,.2); text-transform: uppercase; user-select: none; cursor: default; text-align: center; transform: translate(-50%, -50%); z-index: 9999; font-family: che; pointer-events: none;}*/ .tapText{display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; font-size: 50px; font-family: che; text-transform: uppercase; user-select: none; pointer-events: none; z-index: 9999; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 1);} @keyframes impulse{0%{opacity: .3; transform: translate(-50%, -50%) scale(1);} 50%{opacity: 1; transform: translate(-50%, -50%) scale(1.08);} 100%{opacity: .3; transform: translate(-50%, -50%) scale(1);}} .impulse{animation: impulse 1.5s infinite ease-in-out;} .pulse{animation: pulse 1.5s infinite;} .perTap{display:none; position:absolute; top:58px; right:30px; cursor:pointer;} .tapMonet{display: inline-block !important; position: static !important; float: none !important; width: 26px; height: 26px; margin-left: 6px; background-size: contain; background-repeat: no-repeat; flex-shrink: 0; transform: none !important; vertical-align: middle;} .stars{position: absolute; top: -8px; right: -15px; z-index: 26; width: 30px; height: 30px; background: url('../images/biceps/taps/star5.png') 0 0 no-repeat; background-size: contain;} .perTap span:last-child{display:block;} .perTap, .tapMonet, .tapMoney, .perTap span:last-child{font-family: MontserratBold;} .tapMoney{padding-right: 20px;} /*ADMINKA*/ .systemAdminNote{background:#1a1a00; border-left:4px solid #ffeb3b; padding:10px 14px; border-radius:4px; box-sizing:border-box;} .systemAdminNote div{color:#ffeb3b; font-size:12px; line-height:1.4; font-weight:500;} #admin{display: none; width:100%; height:100%; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000021; background: rgba(0,0,0,0.8);} #admin-container{width: 100%; height: 100%; background: rgba(0,0,0,0.8); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); z-index: 9999; display: flex; flex-direction: column; overflow: hidden auto; margin-top:51px;} #admin-container input{outline:none;} #admin-panel{position:fixed; top:0; z-index:1000021; width:100%; display: flex; overflow-x: auto; gap: 12px; padding: 3px 0; height:44px; min-height:44px; background: rgba(25,25,35,0.8); border-bottom: 1px solid rgba(100,100,255,0.3); scrollbar-width: none; -webkit-scrollbar-width: none; -ms-overflow-style: none;} #admin-panel::-webkit-scrollbar{display: none;} #admin-panel button{padding: 12px 20px; border: none; border-radius: 16px; background: rgba(40,40,60,0.7); color: #ccc; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,0.3); backdrop-filter: blur(8px);} #admin-panel button:hover{background: rgba(60,60,100,0.9); transform: translateY(-2px); color: #fff; box-shadow: 0 8px 20px rgba(100,100,255,0.4);} #admin-panel button.active{background: rgba(100,100,255,0.9); color: white; border: 1px solid rgba(150,150,255,0.5);} #admin-content{flex: 1; padding: 10px 10px; background: rgba(15,15,25,0.7); color: #eee; font-size: 15px; scrollbar-width: thin; -webkit-scrollbar-width: none; scrollbar-color: rgba(100,100,255,0.5) rgba(30,30,45,0.8); -webkit-scrollbar-color: rgba(100,100,255,0.5) rgba(30,30,45,0.8); -ms-overflow-style: none; margin-bottom: 59px;} #admin-content::-webkit-scrollbar{width: 8px;} #admin-content::-webkit-scrollbar-track{background: rgba(30,30,45,0.8); border-radius: 10px;} #admin-content::-webkit-scrollbar-thumb{background: rgba(100,100,255,0.5); border-radius: 10px; border: 2px solid rgba(30,30,45,0.8);} .closedButton, #baunty-tabs button{padding: 10px 16px; border: none; border-radius: 12px; background: rgba(40,40,60,0.5); color: #aaa; font-size: 13px; cursor: pointer; transition: all 0.2s ease; white-space: nowrap;} .closedButton.active, #baunty-tabs button.active{background: rgba(100,100,255,0.8); color: white; box-shadow: 0 4px 12px rgba(100,100,255,0.3);} .closedButton:hover:not(.active), #baunty-tabs button:hover:not(.active){background: rgba(60,60,100,0.7);} .closedButton{position: fixed; left: 50%; transform: translate(-50%, 0); display: flex; align-items: center; justify-content: center; height: 20px; background: rgba(115, 1, 1, 0.5); z-index: 100010; bottom: 0; line-height: 1; z-index:100010; font-size: 20px;} .submission-item{background: rgba(40,40,60,0.6); border-radius: 14px; padding: 16px; margin-bottom: 16px; border-left: 3px solid #6464ff; box-shadow: 0 4px 16px rgba(0,0,0,0.3); transition: transform 0.2s ease;} .submission-item .header{display: flex; justify-content: space-between; margin-bottom: 8px; font-weight: 600; color: #ddd;} .submission-item .user{color: #88f; font-weight: 500; font-size: 14px;} .submission-item .name{color: #fff; font-size: 16px;} .submission-item .profit{color: #0f0; font-weight: 600; margin-top: 6px;} .submission-item .report{margin: 12px 0; padding: 12px; background: rgba(20,20,30,0.7); border-radius: 8px; font-size: 13px; white-space: pre-wrap; line-height: 1.4;} .submission-item .date{color: #888; font-size: 12px; margin-top: 8px;} .loading{text-align: center; color: #888; padding: 20px; font-style: italic;} #baunty-tabs{display: flex; gap: 8px; margin-bottom: 16px; padding: 0 24px; border-bottom: 1px solid rgba(100,100,255,0.2); overflow: auto hidden; scrollbar-width: none; -webkit-scrollbar-width: none; -ms-overflow-style: none;} /*GLASS PANE*/ .glass-platform{position: absolute; bottom: 0; height: 8px; border-radius: 10px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 -4px 8px rgba(255,255,255,0.1), 0 4px 12px rgba(0,0,0,0.05); pointer-events: none; z-index: 1001; transform-origin: center bottom; transition: all 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67); will-change: left, width, transform;} .glass-platform.active{background: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.8); box-shadow: 0 -6px 12px rgba(255,255,255,0.3), 0 6px 16px rgba(0,0,0,0.08); opacity: 0.8;} .glass-platform.jelly-bounce{animation: jellyBounce 0.6s cubic-bezier(0.17, 0.67, 0.83, 0.67);} @keyframes jellyBounce{0%{transform: scale(1.0);} 30%{transform: scale(1.15);} 65%{transform: scale(0.98);} 100%{transform: scale(1.1);}} /****************************/ .referrals-wrapper{padding:5px;} .referrals-wrapper, .baunty-list-container{width:100%;} .referrals-wrapper .glass-button{box-shadow: 0 10px 30px rgba(0, 0, 0, 0.31); padding-left: 5px; backdrop-filter: none; -webkit-backdrop-filter: none;} @keyframes glowPopIn{0%{opacity: 0; transform: translate(-50%, -50%) scale(1.8); filter: blur(15px);} 100%{opacity: 1; transform: translate(-50%, -50%) scale(1); filter: blur(0px);}} @keyframes glowPopOut{0%{opacity: 1; transform: translate(-50%, -50%) scale(1); filter: blur(0px);} 100%{opacity: 0; transform: translate(-50%, -50%) scale(1.8); filter: blur(15px);}} @keyframes glowFadeUp{0%{opacity: 0; transform: translateY(20px) scale(1.2); filter: blur(10px);} 100%{opacity: 1; transform: translateY(0) scale(1); filter: blur(0px);}} /**/ .iitem{transform:scale(0.15); position:absolute;} .itemInfo{transform:scale(0.15); position:absolute; left:-130px; top:-115px;} .glow-window{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1100000; padding: 24px; background: rgba(15, 15, 18, 0.35); backdrop-filter: blur(7px) contrast(256%); display: flex; align-items: center; justify-content: center; transition: opacity 0.4s ease;} /*#glow-dialog{position: fixed; top: 50%; left: 50%; animation: glowPopIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; z-index: 100001; padding: 7px; border-radius: 18px; backdrop-filter: blur(7px) contrast(200%); border: 1px solid rgba(120, 197, 197, 0.25); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7); width: 100%; max-width: 350px; text-align: center; color: #e0e0ff;}*/ #glow-dialog{position: relative; /* Вместо fixed */ /* Убираем top, left и transform: translate */ /*animation: glowPopIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;*/ z-index: 100001; padding: 15px; /* Немного увеличим отступы для пальцев */ border-radius: 18px; backdrop-filter: blur(7px) contrast(200%); border: 1px solid rgba(120, 197, 197, 0.25); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7); width: 90%; /* На мобилках лучше проценты */ max-width: 350px; text-align: center; color: #e0e0ff; box-sizing: border-box; /* Важно, чтобы padding не раздувал ширину */ transform: scale(1) translateY(0)!important; opacity: 1;} .confetti{position: absolute !important; z-index: 1 !important; width: 100px; height: 100px; top: 40px; margin: 0 auto;} .confetti-rich{z-index: -1 !important;} /* Класс для запуска обратной анимации */ #glow-dialog.closing{/*animation: glowPopOut 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;*/ opacity: 0; transform: translate(-50%, -50%) scale(1.8); filter: blur(15px);} .glow-icon, .glow-text, .glow-btn{/*animation: glowFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;*/ opacity: 1; transform: translateY(0) scale(1); filter: blur(0px);} .glow-icon{font-size: 48px; margin: 16px 0; text-shadow: 0 0 12px rgba(0, 255, 255, 0.6); line-height: 1; animation-delay: 0.1s; display: flex; flex-direction: column; align-items: center; font-family:che;} .glow-icon>[class^="lvl"]{position: relative; z-index: 10; transform-style: preserve-3d;} .glow-text{margin: 12px 0; /*line-height: 1.5;*/ font-size: 16px; color: #e0e0ff; animation-delay: 0.15s;} .glow-btn{width: 100px; margin: 20px auto 0; animation-delay: 0.2s;} /* Ваши стили наград */ .glow-window .rewards{right:0;} .glow-window .rewards::before{content: ''; background: #11af00; position: absolute; top: 115px; left: -35px; bottom: -35px; right: 0; filter: blur(27px);} .glow-window .ireward{/*margin-bottom:-71px;*/ /*margin-right:-126px;*/} .glow-window .ireward u{width:130px; height:130px; display: flex; align-items: center; justify-content: center; font-size:130px; background:#333; border-radius: 50%; color:#fff; text-decoration:none; font-family:beb;} .glow-tooltip{position: absolute; z-index: 1100010; width: 240px; padding: 7px; backdrop-filter: blur(3px) contrast(280%); border: 1px solid rgba(120, 197, 197, 0.25); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.7); color: #fff; /* text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, -2px 0 0 #000, 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000;*/ -webkit-text-stroke: 3px #000; paint-order: stroke fill; pointer-events: none; opacity: 1; /*animation: tooltipIn 0.3s ease-out;*/} .glow-tooltip.closing{/*animation: tooltipOut 0.2s ease-in;*/ opacity: 0;} .gt-name{font-weight: bold; color: #00ffea; margin-bottom: 8px; font-size: 14px; text-transform: uppercase;} .gt-effect{font-size: 13px; margin-bottom: 5px; color: #fff;} .gt-effect span{color: #00ffcc; font-weight: bold; font-size: 16px} .gt-buff{font-size: 13px; color: #ffff00;} /*@keyframes glowPopIn{0%{opacity: 0; transform: translate(-50%, -50%) scale(1.8); filter: blur(20px);} 100%{opacity: 1; transform: translate(-50%, -50%) scale(1); filter: blur(0px);}}*/ /* @keyframes tooltipIn{0%{opacity: 0; transform: scale(0.8) translateY(10px); filter: blur(10px);} 100%{opacity: 1; transform: scale(1) translateY(0); filter: blur(0px);}} @keyframes tooltipOut{0%{opacity: 1; transform: scale(1); filter: blur(0px);} 100%{opacity: 0; transform: scale(1.1); filter: blur(5px);}}*/ .item-buy-actions .buttonItem{width:100%;} .buyBtn u.stars, .buyBtn u.monet{top: 0; right: 0; left: 5px; position: relative !important; width: 20px; height: 20px; background-size: contain; transform: translate(0, 0); text-decoration: none; pointer-events:none;} .clock{display: inline-block; width:14px; height:14px; background:url('../images/biceps/clock.png') 0 0 no-repeat; background-size: contain;} /**/ .shop-list-container{width:100%;} .fly-price{font-size: 20px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); transition: transform 0.8s ease-out; transform: scale(1.2);} /**/ .reflist{list-style: none; display: table; border-collapse: collapse; margin: 0; padding: 0; table-layout: fixed; width: 100%; text-align: center;} .reflist li span{display: table-cell;} .reflist li{list-style: none; display: table-row; padding: 5px 0;} .reflist-header{font-weight: bold; display: flex; justify-content: space-between; opacity: 0.7; font-size: 12px;} .ref-item{display: flex; justify-content: space-between; align-items: center;} .ref-item.glass-button{padding-left:5px;} .reflist.level-2{margin-left: 2px; padding-left: 2px;} .reflist.level-3{margin-left: 3px; padding-left: 2px;} .refmoney{color: #4caf50; font-weight: bold;} .refmoney u{text-decoration:none;} .refer{color: #ffd700; display:inline-block; position:relative} .refer i{border-radius:50%; position:absolute; top:-2px; left:-32px; background:rgba(43,47,57,0.77); color:#fff; width:25px; height:25px; font-weight:700; text-align:center; display:flex; align-items:center; justify-content:center; text-shadow:none; text-indent:-2px;} .refer u{border-radius:50%; color:#ff7f7f; width:25px; height:25px; font-weight:700; text-align:center; text-decoration:none; margin-left:10px; margin-right:10px;} .invates{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; margin-top:20px; width:100%;} .yourInvate{display:flex; background:rgba(43,47,57,0.77); padding:10px; margin:5px;} .yourInvate:not(:last-child){margin-right:10px;} .yourInvate .cor{margin-left:7px;} /**/ .push-container{position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 10001; display: flex; flex-direction: column; gap: 3px; pointer-events: none; max-height:170px; overflow: hidden auto; scrollbar-width: none; -webkit-scrollbar-width: none; -ms-overflow-style: none;} .glow-push{min-width: 250px; padding: 3px 10px; color: #fff; font-family: che; animation: pushIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: all; cursor: pointer; backdrop-filter: blur(7px) contrast(200%); border: 1px solid rgba(120, 197, 197, 0.25); border-radius: 12px; box-shadow: 0 0px 4px rgba(0,0,0,0.7); text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;} .glow-push.out{animation: pushOut 0.3s ease forwards;} .gp-type{font-size: 10px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.6; margin-bottom: 4px;} .gp-text{font-size: 14px; font-weight: 500; /*text-shadow: 0 0 2px rgba(255,255,255,0.3);*/} @keyframes pushIn{from{opacity: 0; transform: translateY(-50px) scale(0.9);} to{opacity: 1; transform: translateY(0) scale(1);}} @keyframes pushOut{to{opacity: 0; transform: translateY(-20px) scale(0.9);}} .lang-switches{display: flex; gap: 8px;} .lang-btn{width: 24px; height: 24px; cursor: pointer; background-size: cover; border-radius: 4px; filter: grayscale(1); transition: 0.2s;} /*BARS*/ .joy_1{display:inline-block; overflow:hidden; background:url('../images/biceps/joy.png') no-repeat 0 0; width:49px; height:55px;} .health_1{display:inline-block; overflow:hidden; background:url('../images/biceps/health.png') no-repeat 0 0; width:54px; height:46px;} .energy_1{display:inline-block; overflow:hidden; background:url('../images/biceps/energy.png') no-repeat 0 0; width:48px; height:62px;} /*ARROWS*/ .arrow1{display:inline-block; overflow:hidden; background:url('../images/biceps/otherSprites.png') no-repeat -0px -0px; width:60px; height:60px} .arrow2{display:inline-block; overflow:hidden; background:url('../images/biceps/otherSprites.png') no-repeat -60px -0px; width:60px; height:60px} .arrow3{display:inline-block; overflow:hidden; background:url('../images/biceps/otherSprites.png') no-repeat -120px -0px; width:60px; height:60px} .arrow4{display:inline-block; overflow:hidden; background:url('../images/biceps/otherSprites.png') no-repeat -180px -0px; width:60px; height:60px} .arrow5{display:inline-block; overflow:hidden; background:url('../images/biceps/otherSprites.png') no-repeat -240px -0px; width:60px; height:60px} .arrow6{display:inline-block; overflow:hidden; background:url('../images/biceps/otherSprites.png') no-repeat -0px -60px; width:60px; height:60px} .quest{display:inline-block; overflow:hidden; background:url('../images/biceps/otherSprites.png') no-repeat -60px -60px; width:60px; height:60px} /*LEVELS*/ .lvl0{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -0px; width:150px; height:150px} .lvl1{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -0px; width:150px; height:150px} .lvl10{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -0px; width:150px; height:150px} .lvl11{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -0px; width:150px; height:150px} .lvl12{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -0px; width:150px; height:150px} .lvl13{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -0px; width:150px; height:150px} .lvl14{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -0px; width:150px; height:150px} .lvl15{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -0px; width:150px; height:150px} .lvl16{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -150px; width:150px; height:150px} .lvl17{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -150px; width:150px; height:150px} .lvl18{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -150px; width:150px; height:150px} .lvl19{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -150px; width:150px; height:150px} .lvl2{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -150px; width:150px; height:150px} .lvl20{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -150px; width:150px; height:150px} .lvl21{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -150px; width:150px; height:150px} .lvl22{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -150px; width:150px; height:150px} .lvl23{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -300px; width:150px; height:150px} .lvl24{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -300px; width:150px; height:150px} .lvl25{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -300px; width:150px; height:150px} .lvl26{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -300px; width:150px; height:150px} .lvl27{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -300px; width:150px; height:150px} .lvl28{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -300px; width:150px; height:150px} .lvl29{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -300px; width:150px; height:150px} .lvl3{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -300px; width:150px; height:150px} .lvl30{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -450px; width:150px; height:150px} .lvl31{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -450px; width:150px; height:150px} .lvl32{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -450px; width:150px; height:150px} .lvl33{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -450px; width:150px; height:150px} .lvl34{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -450px; width:150px; height:150px} .lvl35{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -450px; width:150px; height:150px} .lvl36{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -450px; width:150px; height:150px} .lvl37{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -450px; width:150px; height:150px} .lvl38{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -600px; width:150px; height:150px} .lvl39{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -600px; width:150px; height:150px} .lvl4{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -600px; width:150px; height:150px} .lvl40{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -600px; width:150px; height:150px} .lvl41{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -600px; width:150px; height:150px} .lvl42{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -600px; width:150px; height:150px} .lvl43{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -600px; width:150px; height:150px} .lvl44{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -600px; width:150px; height:150px} .lvl45{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -750px; width:150px; height:150px} .lvl46{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -750px; width:150px; height:150px} .lvl47{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -750px; width:150px; height:150px} .lvl48{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -750px; width:150px; height:150px} .lvl49{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -750px; width:150px; height:150px} .lvl5{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -750px; width:150px; height:150px} .lvl50{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -750px; width:150px; height:150px} .lvl51{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -750px; width:150px; height:150px} .lvl52{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -900px; width:150px; height:150px} .lvl53{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -900px; width:150px; height:150px} .lvl54{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -900px; width:150px; height:150px} .lvl55{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -900px; width:150px; height:150px} .lvl56{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -900px; width:150px; height:150px} .lvl57{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -900px; width:150px; height:150px} .lvl58{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -900px; width:150px; height:150px} .lvl59{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -900px; width:150px; height:150px} .lvl6{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -1050px; width:150px; height:150px} .lvl60{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -1050px; width:150px; height:150px} .lvl61{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -1050px; width:150px; height:150px} .lvl62{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -1050px; width:150px; height:150px} .lvl63{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -1050px; width:150px; height:150px} .lvl64{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -1050px; width:150px; height:150px} .lvl65{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -1050px; width:150px; height:150px} .lvl66{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -1050px; width:150px; height:150px} .lvl67{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -1200px; width:150px; height:150px} .lvl68{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -1200px; width:150px; height:150px} .lvl69{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -1200px; width:150px; height:150px} .lvl7{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -1200px; width:150px; height:150px} .lvl70{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -1200px; width:150px; height:150px} .lvl71{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -1200px; width:150px; height:150px} .lvl72{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -1200px; width:150px; height:150px} .lvl73{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -1200px; width:150px; height:150px} .lvl74{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -1350px; width:150px; height:150px} .lvl75{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -150px -1350px; width:150px; height:150px} .lvl76{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -300px -1350px; width:150px; height:150px} .lvl77{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -450px -1350px; width:150px; height:150px} .lvl78{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -600px -1350px; width:150px; height:150px} .lvl79{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -750px -1350px; width:150px; height:150px} .lvl8{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -900px -1350px; width:150px; height:150px} .lvl80{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -1050px -1350px; width:150px; height:150px} .lvl9{display:inline-block; overflow:hidden; background:url('../images/biceps/levelsSprites.png') no-repeat -0px -1500px; width:150px; height:150px} /**/ .item_1{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -0px -0px; width:300px; height:300px;} .item_2{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -300px -0px; width:300px; height:300px;} .item_3{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -600px -0px; width:300px; height:300px;} .item_4{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -900px -0px; width:300px; height:300px;} .item_5{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -0px; width:300px; height:300px;} .item_6{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -0px; width:300px; height:300px;} .item_7{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -0px -300px; width:300px; height:300px;} .item_8{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -300px -300px; width:300px; height:300px;} .item_10{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -600px -300px; width:300px; height:300px;} .item_11{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -900px -300px; width:300px; height:300px;} .item_12{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -300px; width:300px; height:300px;} .item_13{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -300px; width:300px; height:300px;} .item_9{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -0px -600px; width:300px; height:300px;} .item_14{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -300px -600px; width:300px; height:300px;} .item_15{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -600px -600px; width:300px; height:300px;} .item_16{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -900px -600px; width:300px; height:300px;} .item_17{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -600px; width:300px; height:300px;} .item_18{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -600px; width:300px; height:300px;} .item_19{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -0px -900px; width:300px; height:300px;} .item_20{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -300px -900px; width:300px; height:300px;} .item_21{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -600px -900px; width:300px; height:300px;} .item_22{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -900px -900px; width:300px; height:300px;} .item_23{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1200px -900px; width:300px; height:300px;} .item_24{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -1500px -900px; width:300px; height:300px;} .item_25{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -0px -1200px; width:300px; height:300px;} .item_26{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -300px -1200px; width:300px; height:300px;} .item_27{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -600px -1200px; width:300px; height:300px;} .item_28{display:inline-block; overflow:hidden; background:url('../images/biceps/itemsSprites.png') no-repeat -900px -1200px; width:300px; height:300px;} .adminCard{background: rgba(40,40,60,0.6); border-radius: 14px; padding: 16px; margin-bottom: 5px; border-left: 3px solid #6464ff; box-shadow: 0 4px 16px rgba(0,0,0,0.3);} /*AU*/ /* ИСПРАВЛЕННЫЙ CSS */ /* Исправленный CSS для мобильного масштабирования */ .slot-wrapper{width: 100%; display: flex; flex-direction: column; align-items: center; /* Центровка по горизонтали */ justify-content: flex-start; padding: 10px 0; overflow-x: hidden; min-height: 100vh;} .slot-scaler{width:100%; height: 371px; display: flex; flex-wrap: wrap; justify-content: center; transform-origin: top center; transition: margin-bottom 0.2s ease;} .slot-frame{/*background: #000080;*/ padding: 15px; /*border: 5px solid gold;*/ display: flex; gap: 5px; border-radius: 10px; position: relative; margin: 0; width: 640px; height: 480px; box-sizing: content-box; background-repeat: no-repeat;} .slot-frame .info{position: absolute; top: 5px; left: 10px; right: 10px; display: flex; justify-content: space-evenly; pointer-events: none; gap: 10px; z-index:103;} .slot-frame .info div{width: 180px; height: 22px; display: flex; align-items: center; justify-content: space-between; text-align: center; color: white; font-size: 20px; border: 1px solid #ffe42c; background: #6c2a00; border-radius: 10px; padding: 0 5px 0px 5px;} .bet-management{position: absolute; display: flex; align-items: center; justify-content: center; gap: 3px; height: 25px; top: 35px; left: 0; right: 0; z-index: 102;} #range-bubble{position: absolute; top: 4px; left: 165px; transform: translateX(-50%); background: #ffec00; color: #000; padding: 1px 4px; border-radius: 3px; font-size: 13px; font-weight: bold; pointer-events: none; z-index: 100; white-space: nowrap;} /* Треугольник внизу пузырька */ #range-bubble::after{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #ffec00 transparent transparent transparent;} .risk-area{position:absolute; left:0; right:0; z-index:100;} .cardsPanel{background-image: url(/atlas/screensSprites.png); background-repeat: no-repeat; transform: rotate(-90deg) scale(0.8); background-position: -660px 0px; height: 566px; width: 258px; margin: -129px auto;} .reel{width: 81px; height:260px; overflow: hidden; position: relative; top:20px; z-index: 1;} .reels-container{display: flex; gap: 5px; transform: scale(0.8); transform-origin: center center;} .strip{position: absolute; top: 0; width: 100%; display: flex; flex-direction: column;} .symbol{width: 81px; height:85px; flex-shrink: 0; background-image: url('/atlas/drumsSprites.png'); background-repeat: no-repeat;} #lines-container{position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 999;} .line-selector{display:flex; gap:3px;} .line-selector .buttonItem:not(:first-child):not(:nth-last-child(-n+4)){width: 50px;} .player-card{position: absolute; width: 80px; height: 120px;} .line-element{position: absolute; left: 50%; margin-left: -244px; width: 488px; background-image: url('/atlas/linsSprites.png'); background-repeat: no-repeat; display: none; transform: scale(0.895);} .line-element.dotted{opacity: 0.6;} .line-element.win{opacity: 1; z-index: 1000; animation: blink 0.2s step-end infinite;} @keyframes blink{50%{opacity: 0;}} .controls{display: flex; flex-direction: column; align-items: center; gap: 10px; width: 100%; margin-top:-13px;} #riskBtn{background: #ff7f7fb3;} #takeBtn, #spinBtn{background: #00aa00;} .slotCard{width: 86px; height: 125px; display: inline-block;} .slotCard.back{background-position: -1145px -1px;} .slot-card{display: block !important; position: absolute; width: 86px; height: 125px; z-index: 101; background-image: url('/atlas/cardsSprites.png'); background-repeat: no-repeat; /* Временно добавь границу, чтобы увидеть где они стоят, если картинка не грузится */ /* border: 1px solid yellow; */} .bottomAutomat{width:100%; height:100px; position:absolute; bottom:0; left:0;} .innerAutomat{position: relative; width: 375px; height: 100%; margin: 0 auto;} .place{width: 147px; height: 56px; flex-shrink: 0; background-image: url('/atlas/etcsSprites.png'); background-repeat: no-repeat; background-position:0px -197px; position:absolute; bottom:35px; right:0; overflow:hidden;} .placeInfo{width: 147px; height: 54px; display: flex; align-items: center; margin: 0 auto; overflow: hidden; justify-content:center; flex-wrap: wrap; align-content: center; font-size: 13px;} .ice{width: 73px; height:50px; flex-shrink: 0; background-image: url('/atlas/iceSprites.png'); background-repeat: no-repeat; position:absolute; bottom:40px; left:20px; transform: scale(1.3);} .strawberry{width: 233px; height:156px; flex-shrink: 0; background-image: url('/atlas/animsrawSprites.png'); background-repeat: no-repeat; position:absolute; bottom: 3px; left: 72px; transform: scale(0.66); z-index:101;} /*BONUS*/ .bonus-area{position: absolute; inset: 0; background-image: url(/atlas/screensSprites.png); background-repeat: no-repeat; background-size: 669.703px 1144.02px; background-position: 1px 0px; height: 341.25px; z-index: 103;} .bonus-frame{display: grid; grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(7, 1fr); width: 100%; height: 100%;} .bonus-item{width: 50px; height: 50px; border: 2px solid transparent;} .bonus-item.active{border-color: yellow; box-shadow: 0 0 15px yellow; background-color: rgba(255, 255, 0, 0.3);} .bonus-lifes{width: 29px; height: 28px; flex-shrink: 0; background-image: url(/atlas/etcsSprites.png); background-repeat: no-repeat; background-position: -211px -41px; display: flex; align-items: center; justify-content: center;} .bonus-reels{position: absolute; left: 88px; top: 110px; display: flex; gap: 0; z-index: 60; overflow: hidden; height: 102px; width: 282px; align-items: center; justify-content: center;} .bonus-reels::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url(/atlas/screensSprites.png); background-repeat: no-repeat; background-position: -642px -567px; transform: scale(0.8); transform-origin: center;} .activeReel{width:100%; height:100%; backdrop-filter: blur(0px) contrast(350%); border: 1px solid rgba(120, 197, 197, 0.25); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.7); color: #fff; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, -2px 0 0 #000, 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000;} .bonus-header{position:absolute; top:36px; left:0; right:0; height:28px; display:flex; align-items: center; justify-content: space-around; overflow: hidden;} .bonus-logoru{width: 197px; height: 87px; flex-shrink: 0; background-image: url(/atlas/etcsSprites.png); background-repeat: no-repeat; background-position: -1px 29px; display: flex; align-items: center; justify-content: center;} .bonus-logoen{width: 160px; height: 87px; flex-shrink: 0; background-image: url(/atlas/etcsSprites.png); background-repeat: no-repeat; background-position: -1px -42px; display: flex; align-items: center; justify-content: center;} .b-reel{width: 69px; height: 61px; overflow: hidden; position: relative; display: flex;} .b-reel .strip{display: block; width: 85px;} .b-reel .symbol{width: 85px; height: 85px; transform: scale(0.65); transform-origin: center center; margin-bottom: -24px; margin-left: -7px; background-image: url('/atlas/drumsSprites.png'); background-repeat: no-repeat; display: block;} .win-glow{color: #bfff00 !important; text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00; animation: blink-green 0.5s infinite alternate; margin:0 4px;} @keyframes blink-green{from{filter: brightness(1) drop-shadow(0 0 2px #00ff00);} to{filter: brightness(1.8) drop-shadow(0 0 10px #00ff00);}} .tutorial{width: 30px; position: absolute; left: -30px; bottom: 24px;} .tutorial button{font-size:30px;} /********************/ .wallet-exchange{padding: 15px; text-align: center;} /* Тот самый стеклянный инпут */ .glass-style-input{background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 12px; padding: 10px; color: #fff; font-size: 20px; width: 140px; text-align: center; box-shadow: inset 0 0 10px rgba(255,255,255,0.1);} .ex-info{margin: 3px 0; font-size: 13px; color: rgba(255,255,255,0.7); position:relative;} .ex-total .stars, .ex-info .stars{top: 0; left: 0; position: relative; display: inline-block; width:20px; height:20px; transform: none; vertical-align: middle;} .ex-info .monet{top: 0; left: 0; position: relative!important; display: inline-block; background-size: contain; width:20px; height:20px; transform: none; vertical-align: middle;} .ex-total{font-size: 18px; border-top: 1px solid rgba(255,255,255,0.1); position:relative;} .buy-btn{width: 100%; background: linear-gradient(to bottom, #4caf50, #2e7d32); border: none; padding: 10px; border-radius: 8px; color: white; font-weight: bold; cursor: pointer; text-shadow: 0 1px 2px rgba(0,0,0,0.5);} /**********EFRFECTS PULSERS/RIPLES INV**************/ .touch-ripple-container{position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999; overflow: hidden;} /* Расходящиеся волны */ .touch-pulse::before, .touch-pulse::after{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #fff; animation: pulse-inner 0.8s ease-out infinite;} .touch-pulse::after{animation-delay: 0.4s;} @keyframes pulse-inner{0%{transform: scale(1); opacity: 1;} 100%{transform: scale(3); opacity: 0;}} /*SCANNING ID PASSPORT*/ .passportCard{display: flex; justify-content:center; padding: 10px; color: #fff; font-family:Montserrat; font-size:20px; gap:7px;} .passport{width: 120px; height: 140px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 255, 255, 0.3); position: relative; overflow: hidden; box-shadow: 0 0 15px rgba(0, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; border-radius:15px;} .passport::after{content: ''; position: absolute; width: 100%; height: 1px; background: #0ff; top: 0; left: 0; box-shadow: 0 0 10px #0ff; animation: scan 3s infinite linear;} .passportInfo{display: flex; flex-direction: column; gap: 8px;} .pass-row{display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 2px; align-items: center; gap:7px;} .pass-label{color: #0ff; font-size: 0.8em; text-transform: uppercase; text-shadow: 0 0 5px #08f0f2} .pass-value{font-weight: bold; text-shadow: 0 0 5px #fff; font-size:16px;} @keyframes scan{0%{top: 0%;} 50%{top: 100%;} 100%{top: 0%;}} .mini-info{font-size:12px;}