:root{--vs-primary:29 92 255;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .admins{background:#ff00008f !important;} .banshee { background: linear-gradient(rgb(0 0 0 / 33%), rgb(0 0 0 / 50%)), url(/assets/photo/modersfon.png) !important; background-size: cover !important; color: #ffffff !important; font-weight: lighter; } .cosmos{background:url(/assets/photo/cosmos.png) !important; font-weight:lighter;} #captcha-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:9999;} #captcha-container{z-index:10;} .nr{width:150px!important} #canvas{touch-action:none;} body{font-family:Arial,sans-serif;padding:0;margin:0;overflow:hidden;background-color:#070c16;} i:hover{cursor:pointer;} .play{width:170px;color:#fff;background:#ff3f58;transition:background 0.3s ease;height:29px;font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent;border-radius:4px;transition:ease filter, transform 0.5s;} .play:hover{background:#c4293d;transition:ease filter, transform 0.5s;transform:scale(1.05);} .spec{color:#ffffff;border-radius:20px;font-size:12px;cursor:pointer;margin-left:-42px;background:#0e172c;height:19px;padding:4px; border:0;} .photo-gallery{display:flex;align-items:center;justify-content:center;} .top-players-header{text-align:center;font-family:'ubuntu'; padding-top:7px;padding-bottom:2px; font-size:20px; text-shadow:0px -1px 0px #000000, -1px 0px 0px #000000, 1px 0px 0px #000000, 0px 1px 0px #000000, 1px 1px 0px #000000, -1px -1px 0px #000000, -1px 1px 0px #000000, 1px -1px 0px #000000, 0px 2px 0px #000000;color:#ffffff;} #table-container{overflow-y:auto;margin-top:5px;} #table-container::-webkit-scrollbar{width:10px;} #table-container::-webkit-scrollbar-thumb{border-radius:5px;background:silver;} .header-row{display:flex;justify-content:space-around;margin-top: 10px;} .crown{position:absolute;top:-10px;right:50%;transform:translateX(50%);font-size:24px;color:gold;text-shadow:0 0 5px #000;} .top-player{display:flex;justify-content:space-around;} #gradient-settings { margin-top: 8px; padding: 6px 10px; background: #1b263b; /* лёгкий фон */ border-radius: 6px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #fff; /* если у тебя тёмная тема */ } #gradient-settings label { display: flex; align-items: center; justify-content: space-between; } #gradient-settings input[type="color"] { border: none; width: 40px; height: 24px; cursor: pointer; background: transparent; padding: 0; } .cell{width:100px;} .rank{width:100px; margin-top:10px;} .nick{width:150px;margin-top:10px;text-overflow:ellipsis;overflow:hidden;height:20px;} .score{width:100px; margin-top:10px;} .top-player:nth-child(1){color:#ffd700;} .top-player:nth-child(2){color:#2579e7;} .top-player:nth-child(3){color:#fc6579;} .top-playerwraper:nth-child(1){color:#ffd700;} .top-playerwraper:nth-child(2){color:#2579e7;} .top-playerwraper:nth-child(3){color:#fc6579;} .Lednick{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;} .skkinn{background-size:cover;border-radius:100%;border:solid 2px; margin:0px 15px 5px 21px;height:50px;width:50px;} .time{margin-top:10px;color:#8e8e8e;width:100px;} .update-time{float:right;color:#0000006e;font-family:'Ubuntu';cursor:context-menu;font-size:11px;padding-top:5px;padding-right:3px;text-shadow:0px -1px 0px #000000, -1px 0px 0px #000000, 1px 0px 0px #000000, 0px 1px 0px #000000, 1px 1px 0px #000000, -1px -1px 0px #000000, -1px 1px 0px #000000, 1px -1px 0px #000000, 0px 2px 0px #000000;color:#6c757d !important;} .gall{margin-bottom:10px; justify-content:space-around;} .gallery{--s:150px;--g:10px;--f:1.5;display:grid;gap:var(--g);} .gallery > li{list-style:none;background-size:cover;width:0;height:0;min-height:100%;min-width:100%;object-fit:cover;cursor:pointer;filter:grayscale(80%);transition:.30s linear;} .gallery li:hover{filter:grayscale(0);width:calc(var(--s)*var(--f));height:calc(var(--s)*var(--f));} .soc{color:white;} .tg{color:#006cf1;transition:ease filter, transform 0.5s;} .tg:hover{color:#035dcb; transform:scale(1.1); transition:ease filter, transform 0.5s;} .fa-arrow-up{font-size:17px;} /* MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE */ @media (max-width:599px){ #statics > div:nth-child(1), #statics > div:nth-child(3){display:none;} .score-info{left:40%;} #table-container{height:375px;} .chatX_window{transform:scale(0.6) translate(-6px, 6px);transform-origin:bottom left;} .social{position:absolute;width:140px;height:40px;background:#0e172c;font-size:25px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px;border-radius:25px 25px 0 0;border:#ffffff14 solid 1px;border-bottom:none;left:50%;transform:translateX(-50%);bottom:0px;} .sidebar{background-color:#016bef;display:flex;user-select:none;justify-content:space-evenly;align-items:center;width:100%; border-radius:0px 0px 25px 25px; padding:0px 25px 0px 25px;} .sidebar .menu-item{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;cursor:pointer;transition:background-color 0.3s;padding:5px;} .main-content{width:100%;background-color:#0e172c;border-radius:25px 25px 0px 0px;border:#ffffff14 solid 1px;height:100%; padding:20px 5px 0px 5px;} .center{z-index:3;padding:5px;flex-direction:column-reverse;display:flex;align-items:center;justify-content:center;height:530px;width:100%;} .overlays{z-index:1;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px); display:flex;align-items:center;} .sidebar .menu-item i{font-size:18px;padding:5px;} .sidebar .menu-item .label{font-size:11px;} .sidebar .menu-item.active{background-color:#171717;border-bottom:solid;} .avatar-containers{display:flex;flex-direction:column;align-items:center;position:relative;} #process{margin-top:10px;} .gallery{width:100%; height:390px;aspect-ratio:4 / 6;grid-template-columns:repeat(4, auto);} #leaderboard{right:5px;top:5px;font-size:11px;max-width:120px;position:absolute;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;border:solid #ffffff26 1px;background:rgba(0, 0, 0, .3);} #map{display:none;} } /* MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE MOBILE */ @media (min-width:600px) and (max-width:899px){ #statics{transform: scale(0.7);} .center{transform:scale(0.7);} #leaderboard{transform:scale(0.5) translate(-5px, 5px);transform-origin:top right;} .chatX_window{transform:scale(0.5) translate(-5px, 5px);transform-origin:bottom left;} } *{margin:0;padding:0;box-sizing:border-box;} body{font-family:'Roboto', sans-serif;display:flex;height:100%;width:100%;color:white;overflow:hidden;touch-action:manipulation;} /* PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK */ @media (min-width:600px){ .social{position:absolute;width:70px;height:170px;background:#0e172c;right:0;font-size:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:25px 0 0 25px;border:#ffffff14 solid 1px;border-right:none;} .score-info{left:50%;} #table-container{height:340px;} .sidebar{width:100px;background-color:#016bef;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%;user-select:none;border-radius:25px 0 0 25px;} .sidebar .menu-item{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;font-size:18px;cursor:pointer;transition:background-color 0.3s;gap:5px;padding:10px;} .main-content{height:430px;width:820px;padding:20px;background-color:#0e172c;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;height:100%;border-radius:0px 25px 25px 0px;border:#ffffff14 solid 1px;border-left:none;} .center{display:flex;align-items:center;justify-content:center;height:430px;width:820px;} .overlays{z-index:1;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.5); display:flex;align-items:center;justify-content:center;} .sidebar .menu-item i{font-size:20px;} .sidebar .menu-item .label{font-size:16px;} .sidebar .menu-item.active{background-color:#171717;border-right:solid;} .sidebar .menu-item:hover{background-color: #171717;} .menu-item:hover{transform: scale(1.05);text-shadow: #ffffffb0 1px 0 10px;} .setting{position: absolute;margin-left: 140px;background-color: #1b263b;padding: 10px;border-radius: 100%;cursor: pointer;} .main-skin{margin:0 10px;} .avatar-containers{display:flex;flex-direction:column;align-items:center;position:relative;} .gallery{width:680px;aspect-ratio:2;grid-template-columns:repeat(6, auto);} #leaderboard{right:10px;top:10px;font-size:14px;max-width:160px;min-width:150px;position:absolute;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;border:solid #ffffff26 1px;background:rgba(0, 0, 0, .3);} #map{position:absolute;right:10px;bottom:10px;border:solid #ffffff26 1px;border-radius:25px;background:rgba(0, 0, 0, .3);width:150px;height:180px;padding:5px;} } /* PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK PK */ .content{display:none;text-align:center;} .content.active{display:block;width:100%;} .top-info{display:flex;justify-content:center;font-size:18px;} .top-info div{display:flex;align-items:center;gap:5px;} .top-info span{background-color:#1b263b;padding:8px 15px;border-radius:20px;} #process{font-size:13px; color:#8e8e8e;} .nav-buttons{display:flex;gap:20px;margin-top:10px;justify-content:center;} .nav-button{background-color:white;color:#016bef;padding:10px 20px;border-radius:20px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:10px;border:0;} .spec:hover{transform:scale(1.1);} .serv-button:hover{background-color:#016bef;color:white;} .play-button{background-color:#016bef;color:white;} .play-button:hover{background-color:white;color:#016bef;} .input-container{position:relative;width:190px;} .input-container input{box-sizing:border-box;outline:none;} input{font-size:16px;} #nick{width:190px;padding-right:70px;margin-top:10px;outline:none;border:1px solid #ccc;border-radius:20px; height:30px; padding-left:8px;} #pass{position:absolute;top:0;right:0;width:80px;display:none;margin-top:10px;border:1px solid #ccc;border-radius:0 20px 20px 0;height:30px;padding-left:5px;} #skinss{width:150px;height:150px;background-size:cover;border-radius:100%;cursor:pointer;background-image:url(https://i.imgur.com/4tui4GP.png);transition:ease filter, transform 0.5s; border:solid;} .avatar-container{display:flex;align-items:center;justify-content:center;position:relative;} .previous-skin, .next-skin{width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;opacity:0.5;transition:transform 0.3s ease, opacity 0.3s ease;cursor:pointer;} .previous-skin:hover, .next-skin:hover{transform:scale(1.1);opacity:0.8;} .arrow{font-size:24px;cursor:pointer;color:#0d84fb;user-select:none;padding:5px;} .arrow:hover{color:#0073e6;} .scale-down{transform:scale(0.9);transition:transform 0.3s ease;} .checkbox-container{display:flex;flex-direction:column;align-items:flex-start;} .homemenu{position:absolute;left:10px;top:10px;border:solid #ffffff26 1px;border-radius:25px;background:rgba(0, 0, 0, .3);width:40px;height:40px;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;} .score-info{position:absolute;font-size:12px;display:flex;transform:translate(-50%);top:10px;gap:5px;} .scorr{padding:5px 10px 5px 10px;border-radius:20px 20px 20px 20px;border:solid #ffffff26 1px;background:rgba(0, 0, 0, .3);} .cell-length{background:#1a73e8;padding:0px 4px 0px 4px;height:11px;border-radius:10px 10px 10px 10px;font-size:8px;margin-left:-13px;} .server-containers{border-radius:25px;flex-direction:column;align-items:center;justify-content:center;position:fixed;width:350px;z-index:1000;transition:height 0.3s ease, transform 0.3s ease;height:0px; color:black; align-items:center;} .server-containers.visible{height:200px;transform:translateX(0);} .avatar-container{transition:opacity 0.3s ease;} .avatar-container.hidden{opacity:0;} .avatar-container.visible{opacity:1;} .input-container{transition:opacity 0.3s ease;} .input-container.hidden{opacity:0;} .input-container.visible{opacity:1;} .topclose{position: absolute;right: 10px;font-size: 16px;} #onleaderboard{position: absolute;right: 10px;top: 10px;border: solid #ffffff26 1px;border-radius: 25px;background: rgba(0, 0, 0, .3);width: 40px;height: 40px;padding: 5px;display: none;align-items: center;justify-content: center;cursor: pointer;} .sgm, .photo-gallery{opacity:0;transform:translateY(-20px);transition:opacity 0.1s ease, transform 0.1s ease;} .sgm.visible, .photo-gallery.visible{opacity:1;transform:translateY(0);} .sgm.hidden, .photo-gallery.hidden{opacity:0;transform:translateY(-20px);} .sgm{padding-bottom:10px;font-family:'ubuntu';color:#ffffff;font-size:20px;} .fa-star{color:gold;text-shadow:#FC0 1px 0 10px;} .fa-star.high-level{color:#00ffe5;text-shadow:#00ffe5 1px 0 10px;} .fa-star.ultra-level{color: red;text-shadow: red 1px 0 10px;} .fa-star.old-level {font-size: 23px; color: #ffffff; /* белая звезда */ text-shadow: 0 0 6px #ffffff, 0 0 12px #ffffff, 0 0 24px #ffffff; animation: white-glow 2.5s infinite alternate ease-in-out; transition: transform 0.3s ease; } .fa-star.old-level:hover { transform: scale(1.3) rotate(8deg); } /* Анимация мягкого свечения */ @keyframes white-glow { 0% { text-shadow: 0 0 4px #ffffff, 0 0 10px #ffffff, 0 0 20px #ffffff; opacity: 0.8; } 100% { text-shadow: 0 0 10px #ffffff, 0 0 25px #ffffff, 0 0 50px #ffffff, 0 0 80px #ffffff; opacity: 1; } } .servers{display:flex;justify-content:center;margin-top: 10px;} .gamemode{width: 280px;display: flex;flex-direction: column;gap: 3px; height: 88px;overflow-y: auto;padding: 0px 5px 0px 5px;} .gamemode li { cursor: pointer; padding: 5px 10px; display: inline-block; border-radius: 25px; font-family: arial; font-size: 14px; border: 1px solid rgb(255 255 255 / 0%); display: grid; grid-template-columns: 0fr 3fr 0fr 0fr 0fr 1fr; align-items: center; justify-items: start; gap: 5px; } .gamemode li.active { background-color: #016bef; } .gamemode li:hover { border: #ffffff14 solid 1px; } .progress-container{font-family:Arial, sans-serif;position:absolute;top:21px;} .level-circle{width:40px;height:40px;background-color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:14px;color:black;position:absolute;} .progress-bar{width:220px;height:37px;background-color:#1b263b;border-radius:20px;overflow:hidden;display:flex;align-items:center;} .progress-fill{height:100%;background-color:#016bef;border-radius:20px 0 0 20px;} .progress-text{position:absolute;width:100%;text-align:center;color:white;font-size:14px;font-weight:bold;pointer-events:none;} #accountID{position:absolute;right:20px;top:20px;background-color:#1b263b;padding:9.5px 15px;border-radius:20px;} .line{width:100%;height:2px;background-color:#ffffff;margin:10px 0px 10px 0px;} #l1eaderboard{max-width:150px;position:absolute;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;border:solid #ffffff26 1px;background:rgba(0, 0, 0, .3);} .star-container{font-size:20px;position:relative;display:inline-block;white-space:nowrap} .levelme{pointer-events: none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:10px;color:#6a6a6a;font-family:'Ubuntu';} .star-container .tooltip { visibility: hidden; opacity: 0; width: max-content; background: rgb(0 0 0 / 74%); color: #fff; text-align: center; padding: 4px 8px; border-radius: 6px; font-size: 12px; font-weight: bold; position: absolute; top: 50%; /* ровно по центру звезды по вертикали */ left: 100%; /* начинаем справа от звезды */ transform: translateY(-50%) translateX(-10px); /* центрируем по высоте и чуть отступаем */ transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; z-index: 100; } .star-container:hover .tooltip { visibility: visible; opacity: 1; transform: translateY(-50%) translateX(0); /* выезжает вправо к позиции */ } #chatclose{font-size:17px;} #chatresize{color:#7b7b7b;font-size:14px;} #onchat{position:absolute;left:10px;bottom:10px;border:solid #ffffff26 1px;border-radius:25px;background:rgba(0, 0, 0, .3);width:40px;height:40px;padding:5px;display:none;align-items:center;justify-content:center;cursor:pointer;} #serverclose-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);} #serverclose{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#ff0000d6;text-shadow:#ff0000d6 1px 0 10px;padding:20px;border-radius:25px;text-align:center;border:#ffffff14 solid 1px;background:#0e172c;} #serverclose i{font-size:2em;margin-bottom:10px;animation:spin 2s linear infinite;display:block;} @keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}} #countdown{font-size:1.2em;margin-top:10px;} .map-header{height:20px;display:flex;flex-direction:row-reverse;align-items:flex-end;margin-bottom:5px;} .mapclose{margin-right:10px;} .map-container{width:140px;height:140px;grid-template-columns:repeat(5, 1fr);display:grid;place-items:center;position:relative;overflow:hidden;} .map-container > div{font-size:12px;} #mapposition{position:absolute;width:10px;height:10px;background:#1a73e8;border-radius:10px;} #onmap{position:absolute;right:10px;bottom:10px;border:solid #ffffff26 1px;border-radius:25px;background:rgba(0, 0, 0, .3);width:40px;height:40px;padding:5px;display:none;align-items:center;justify-content:center;cursor:pointer;} .ping-container{position:absolute;left:12px;font-size:12px;width:70px;} #ping{font-size:11px;} .ping-green{color:#00ff00;} .ping-yellow{color:gold;} .ping-red{color:#ff3627;} .fa-signal{color:green;} #notification-container{position:fixed;top:20px;right:180px;z-index:9999;display:flex;flex-direction:column;gap:10px;} .notification{display:none;background-color:#ff000075;color:white;padding:12px 20px;border-radius:5px;box-shadow:1px 1px 10px rgb(255 0 0 / 62%);font-size:13px;user-select:none;opacity:0;transform:translateY(-100%);transition:opacity 0.2s, transform 0.3s;} .notification.show{opacity:1;transform:translateX(0);ransition:opacity 0.3s, transform 0.2s;} #freeze{display:none;position:absolute;bottom:10%;left:50%;transform:translateX(-50%);border:solid #ffffff26 1px;border-radius:25px;background:rgba(0, 0, 0, .3);width:100px;height:40px;align-items:center;justify-content:center;gap:5px;cursor:pointer;} .reqs{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;color:white;text-decoration:none;} .sbp{user-select:text;background:#00000059;padding:10px;margin-bottom:10px;border-radius:10px;font-size:17px;} .mir{user-select:text;background:#00000059;padding:10px;border-radius:10px;font-size:17px;} .btnn{margin-top:8px;padding:8px 12px;border-radius:8px;border:none;background:#016bef;color:white;font-weight:700;cursor:pointer;} .btnn:hover {transform: scale(1.05);text-shadow: #ffffffb0 1px 0 10px;} #shop .shop-container{display:flex;gap:20px;align-items: flex-start;margin-top: 10px;justify-content: center;} #shop .avatar-section{display: flex;flex-direction: column;align-items: center;width: 220px;} #shop .input-group{position:relative;margin-bottom:20px;} #shop #nicknameWrapper{position:relative} #shop input[type="text"],#shop input[type="password"]{width: 100%;padding:12px;border:1px solid #ced4da;border-radius: 25px;font-size:16px;box-sizing:border-box;transition:border-color .3s,box-shadow .3s;height:35px;} #shop input[type="text"]:focus,#shop input[type="password"]:focus{border-color:#0078f9;outline:none} #shop #charCount{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:14px;z-index:0;pointer-events:none} #shop .radio-group{display:flex;justify-content:space-around;gap: 10px;padding: 10px;} #shop .radio-group label{display:flex;align-items:center;cursor:pointer;font-weight:bold;color:#495057} #shop .radio-group input[type="radio"]{margin-right:8px;width:auto} #shop .radio-group input[type="radio"]:checked+span{color:#007bff} #shop #previewContainer{position:relative;width:120px;height:120px;border-radius:50%;border:2px solid #dee2e6;display:flex;align-items:center;justify-content:center;background: #ffffff29;overflow:hidden;cursor:pointer;transition:border-color .3s} #shop #previewContainer:hover{border-color:#80bdff} #shop #previewContainer::after{content:'+';font-size:40px;color:#adb5bd;pointer-events:none} #shop #previewContainer.has-image::after{display:none} #shop #previewCanvas{display:none;width:100%;height:100%;border-radius:50%} #shop #previewGif{max-height:100%;display:none} #shop #fileInput{display:none} #shop .warning{background: #ff001738;color: #d7d7d7;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px;display:none;border: #ffffff14 solid 1px;margin-top: 5px;} #shop .error{color: #d7d7d7;background: #ff001738;padding:8px 12px;border-radius:5px;border: #ffffff14 solid 1px;margin-top:5px;font-size:14px;display:none} #shop #calculator{background: #d4eddae0;padding:15px;border-radius:10px;border-left:4px solid #28a745;} #shop #calculator h3{margin:0 0 10px;color:#155724} #shop #calculator p{margin:5px 0;text-align: justify;color: #4f4e4e;} #shop #totalAmount{font-size:18px;color:#155724;text-align:center;padding:10px;background:white;border-radius:8px;margin-top:10px} #shop button{padding:10px;background:#dc3545;color:white;border:none;border-radius:8px;font-size: 16px;font-weight:bold;cursor:pointer;transition:background-color .2s;margin-bottom: 10px;} #shop button:hover:not(:disabled){background:#c82333} #shop button:disabled{opacity:.6;cursor:not-allowed;background:#6c757d;margin-bottom: 10px;} #shop .password-wrapper{position:relative} #shop .password-wrapper input{width:100%;padding-right:40px;box-sizing:border-box} #shop .eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6c757d;font-size:18px} #onchat{position:absolute;left:10px;bottom:10px;border:solid #ffffff26 1px;border-radius:25px;background:rgba(0, 0, 0, .3);width:40px;height:40px;padding:5px;display:none;align-items:center;justify-content:center;cursor:pointer;} .chatX_container{display: flex;overflow-y: auto;flex-direction: column-reverse;height: 100%;} .chatX_top_avatar{cursor: pointer;} .chatX_top_avatar:hover{opacity: 0.5;transform:scale(1.2);} .chat-context-menu {position: absolute;background: rgb(0 0 0 / 74%);color: rgb(255, 255, 255);padding: 5px;border-radius: 5px;z-index: 1000;} .chat-context-menu div {padding: 3px 8px;cursor: pointer;user-select: none;} .chat-context-menu div:hover {background: rgb(194 13 13 / 74%);} .chatX_window {width: 300px;background: rgba(0, 0, 0, .3);border-radius: 25px;padding: 8px 3px 8px 8px;position: absolute;left: 10px;bottom: 10px;display: flex;flex-direction: column;overflow: hidden;min-height: 100px;max-height: 700px;color: white;box-sizing: border-box;border: solid #ffffff26 1px;} .chatX_top{margin-bottom: 7px;flex-shrink:0;height:20px;display:flex;align-items:center;position:relative;user-select:none;padding-left: 5px;gap: 2px;} .chatX_burger{position:absolute;left:50%;transform:translateX(-50%);width:20px;height:20px;display:flex;flex-direction:column;justify-content:center;font-size:16px;color:white;text-align:center;} .chatX_close{position:absolute;right:6px;width:18px;height:18px;line-height:18px;text-align:center;color:white;font-size:19px;cursor:pointer;} .chatX_feed{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:3px;} .chatX_msg{position:relative;display:grid;grid-template-columns:42px 1fr;background:#80808057;border-radius:10px;padding:8px 10px 8px 8px;box-sizing:border-box;column-gap:15px;} .chatX_avatar{width:50px;height:50px;border-radius:100%;object-fit:cover;border:2px solid;} .chatX_avatar_private{width:20px;height: 20px;} .avatarXcontainer{position:relative;grid-row:1 / span 2;width:50px;height:50px;} .avatarXcontainer::after{content:"verified_user";font-family:'Material Icons';position:absolute;right:1;bottom:1;font-size:19px;color:#08dd24;display:var(--after-display, none);text-shadow:#08dd24de 0 0 10px;} .chatX_nick{font-size:15px;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;height:20px;} .chatX_nick--accent{color:#ff4e3e;font-weight:700;} .chatX_text{clip-path: inset(0 0 0% 0);display: inline-block;min-height:30px;font-size:14px;} .mention {color: #00ff4f;text-shadow: #00ff4f 1px 0 10px;} .chatX_time{position:absolute;right:8px;top:6px;font-size:11px;color:#dadada;} .chatX_name_container{display:flex;gap:3px;padding-bottom:2px;align-items:baseline;} .chatX_emch{margin-top: 8px;display: flex;align-items: center;gap: 8px;} .coord{width: 40px;display: flex; color: #888; height: 35px; border: solid 1px #ffffff3d; background: rgb(133 133 133 / 20%); border-radius: 100px; justify-content: center; align-items: center; font-size: 20px; cursor: pointer;} .coord:hover{ color: #c5c5c5; background: rgb(255 255 255 / 20%);} #chat_textbox{overflow: auto;padding: 10px; box-sizing: border-box; transition: all .5s ease-in-out; background: rgb(133 133 133 / 20%); border: solid 1px #ffffff3d; outline: none; color: #ffffff; width: 100%; border-radius: 20px; margin-right: 5px;} #chat_textbox:empty:before { content: attr(placeholder); color: #888; cursor: text;} .chat-coord{height:22px;} #chat_textbox::placeholder{color:#606060;} .chatX_alert{position:absolute;top:30px;right:10px;background:#ff4e3e;color:#fff;font-size:13px;padding:4px 8px;border-radius:12px;display:none;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);} .nresize{cursor:n-resize !important;} ::-webkit-scrollbar{width:2px;height:0;} ::-webkit-scrollbar-thumb{background-color:#6c6c6c;border-radius:10px;} ::-webkit-scrollbar-track{background:transparent;} #recContainer{position:absolute;top:40%;right:10px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:Arial, sans-serif;} #recToggle{border:solid #ffffff26 1px;border-radius:50%;background:rgba(0, 0, 0, 0.3);height:40px;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:20px;position:relative;transition:all 0.2s ease;} #recDot{position:absolute;top:8px;left:8px;width:12px;height:12px;background:red;border-radius:50%;box-shadow:0 0 8px red;animation:blink 1s infinite;display:none;} @keyframes blink{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;}} #recInfo{display:flex;flex-direction:column;align-items:center;color:white;text-shadow:0 0 5px black;font-size:14px;} #recTimer{font-weight:bold;font-size:16px;} #authlog{width:100%;display:flex;align-items:center;flex-direction:column;height:300px;justify-content:center;gap:10px;} .headerstats{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;} .headerstats h1{margin:0;text-align:center;flex:1;} #closeStats{position:absolute;top:-10;right:0;font-size:24px;font-weight:bold;color:#fff;cursor:pointer;transition:color 0.2s, transform 0.2s;} #closeStats:hover{color:#ff4d4d;transform:scale(1.2);} #closeStats{position:absolute;top:-10px;right:0px;font-size:24px;font-weight:bold;color:#fff;cursor:pointer;transition:color 0.2s, transform 0.2s;} #closeStats:hover{color:#ff4d4d;transform:scale(1.2);} #statics{gap:15px;display:none;} .statsWrapper{width:380px;height:500px;padding:25px;background-color:#0e172c;border-radius:25px;border:1px solid #ffffff14;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 0 20px rgba(0, 0, 0, 0.5);} #table-containerwraper{width:100%;overflow:scroll;} .header-rowwraper{display:grid;grid-template-columns:1fr 2.5fr 1fr 1fr;justify-items:center;} .top-playerwraper{display:grid;grid-template-columns:1fr 3fr 1fr 1fr;align-items:center;justify-items:center;} .top-playerwraper:hover{background-color:#68686882;} .skinswraper{background-size:cover;width:32px;height:32px;border:solid 2px;border-radius:50%;margin-bottom:2px;} #shareText{font-size:18px;color:#c3c0c0;text-align:center;margin-bottom:10px;} #buttons{display:flex;gap:10px;} .social-btn{width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;background-size:60% 60%;background-repeat:no-repeat;background-position:center;transition:transform 0.2s, background-color 0.2s;font-size:30px;} .social-btn:hover{transform:scale(1.2);} .social-btn.vk:hover{background-color:#4a76a8;box-shadow:#4a76a8 1px 0 10px;} .social-btn.telegram:hover{background-color:#2ca5e2;box-shadow:#2ca5e2 1px 0 10px;} .social-btn.whatsapp:hover{background-color:#25d366;box-shadow:#25d366 1px 0 10px;} .social-btn.facebook:hover{background-color:#1877f2;box-shadow:#1877f2 1px 0 10px;} .social-btn.twitter:hover{background-color:#1da1f2;box-shadow:#1da1f2 1px 0 10px;} .statYout{width:100%;height:250px;display:flex;justify-content:center;align-items:center;} .statYoutt{position:relative;width:100%;height:100%;display:block;background:url(/assets/photo/bloger.jpg) center/cover no-repeat;text-decoration:none;} .statYoutImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:40px;} .statTitle{color:#fff200f0;text-shadow:#fff200f0 1px 0 10px;font-size:20px;} .statDesc{font-size:15px;line-height:1.6;font-weight:500;} .statLink{text-decoration:none;color:#016bef;} .share-label{color:#01f103f0;text-shadow:#01f103f0 1px 0 10px;} .closeStats{cursor:pointer;} .closeStats i{pointer-events:none;} .statsWrapper{font-family:sans-serif;} .top-playerwraper div{padding:2px 4px;}