Kirka.io by cogani

/* ==UserStyle==
@name           3/18/2023, 1:19:02 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("example.com") {
    /* Insert code here... */
}/*
Kirka.io Public Browser CSS
Made By: NizzQ

Recommended Resolution: 1920x1080 FULLSCREEN
*/

/* Font */
@font-face {
	font-family: gamefont;
	src: url(https://raw.githubusercontent.com/Yadub/BoulderBox/master/fonts/Fontfabric---Mont-Heavy.otf);
}

* {
	font-family: gamefont;
}

/* Animations */
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 5px #fff, 0 0 5px #ae50e4, 0 0 5px #ae50e4, 0 0 5px #ae50e4, 0 0 6px #ae50e4, 0 0 7px #ae50e4, 0 0 8px #ae50e4;
  }
}

@keyframes animate {
	0% {
    	background-position: 0 0%;
  	}
  	to {
    	background-position: 0 100%;
  	}
}

/*Background */
.bg-radial {
	display: none;
}

.interface .background {
	background: url(https://media.discordapp.net/attachments/523517791886770188/935214999276781598/curls.png) repeat !important;
	animation: animate 10s linear infinite !important;
}

.pattern-bg {
 	background: linear-gradient(103.28deg, #000000 7.06%, #000000 90.75%) !important;
	animation: none;
}

/*Ad Removal */
#ad-bottom, #ad-left{
    visibility: hidden;
}

/* Stream */
.live-streams {
	opacity: 0;
	transition-duration: 0.5s;
}

.live-streams:hover {
	opacity: 1;
}

/* Lobby */
.promo-link-btn {
	display: none !important;
}

.soc-group:nth-child(1) {
    display: none;
}

.soc-group:nth-child(2) {
    background: transparent !important;
	border-top: none;
	border-bottom: none;
	height: 60px;
	margin-top: 30px;
}

.soc-group:nth-child(2):hover {
	background: none !important;
}

.interface .logo {
	display: none;
}

.left-icons .icon-btn[style="--i:5;"] {
	background: transparent !important;
	border-top: transparent !important;
	border-bottom: transparent !important;
}

#icon-store {
	background: transparent !important;
	border-top: transparent !important;
	border-bottom: transparent !important;
	box-shadow: none !important;
}

.left-icons .icon-btn:nth-child(1) {
	background: transparent;
	border-top: transparent;
	border-bottom: transparent;
	box-shadow: none;
}

.icon-btn:nth-child(3) {
	background: transparent;
	border-bottom: transparent;
	border-top: transparent;
	box-shadow: none;
}

.icon-btn:nth-child(4) {
	background: transparent;
	border-bottom: transparent;
	border-top: transparent;
	box-shadow: none;
}

#icon-store:hover {
	border-top: transparent;
}

.icon-btn:nth-child(1):hover {
	border-top: transparent;
}

.icon-btn:nth-child(3):hover {
	border-top: transparent;
}

.icon-btn:nth-child(4):hover {
	border-top: transparent;
}

.right-icons .inventory-card {
	-webkit-transform:translateX(-38px);
    right: -96%;
	margin-top: -40% !important;
	transition: ease-in-out 0.4s;
}

.inventory-card:hover {
    transform: translateX(-140px);
}

.right-icons .icon-btn {
	display: block;
	position: absolute;
	right: -75%;
	width: 100%;
	opacity: 1;
	transition: ease-in-out 0.4s;
}

.right-icons .icon-btn:hover {
	transform: translateX(-100px);
}

.right-icons .svg-icon[data-v-b8de1e14] {
	margin-left: -98%;
	margin-bottom: -30%;
}

.right-icons .text-icon {
	margin-right: -30%;
	margin-top: 9%;
}

.play:before {
	content: "Not updating this css anymore. Use 'https://nizzq.github.io/NizzQ2.css'";
	margin-right: 30px;
}

#app > div.interface.text-2 > div.play > button {
    	position: absolute;
    	top: 16px;
    	right: 111px;
	color: white !important;
    	background: #37477c !important;
    	border: 4px solid #26335b !important;
}

#app > div.interface.text-2 > div.play > button:hover {
    	background: #37477c !important;
    	color: white !important;
}

.moneys {
	position: fixed;
	left: 8% !important;
	top: 58% !important;
}

.moneys .money[style="--i:3;"] {
	background: transparent;
	border-top: transparent;
	border-bottom: transparent;
	box-shadow: none;
}

.moneys .money[style="--i:2;"] {
	background: transparent;
	border-top: transparent;
	border-bottom: transparent;
	box-shadow: none;
}

.settings {
	background: transparent !important;
	border-bottom: transparent !important;
	border-top: transparent !important;
	margin-top: 40px;
}

/* Containers */
.background, .clans, .hub-container {
	background: transparent !important;
}

.tabs {
	background: transparent !important;
	border-bottom: none !important;
	box-shadow: none !important;
	border-right: none !important;
}

.active-tab {
	background: transparent !important;
	border-right: none !important;
	border-left: none !important;
}

.tab {
	background: transparent !important;
	border-left: none !important;
	border-right: none !important;
}

.head-text {
	background: transparent !important;
	box-shadow: none !important;
}

.add-friends {
	background: transparent !important;
}

.limit {
	border-left: none !important;
}

.top-bar, .home, .name-page {
	display: none !important;
}

.container {
	background: transparent !important;
	backdrop-filter: blur(5px);
	box-shadow: none !important;
	border-radius: 0 !important;
}

.container .container-card[data-v-747e6ab9] {
	background: #101216 !important;
	box-shadow: none !important;
	border: none !important;
	margin-right: 30%;
	margin-bottom: 10%;
}

.champions-list {
	box-shadow: none !important;
}

.reset-time, .info-awards, .news {
	background: transparent !important;
	box-shadow: none !important;
}

.settings .input {
	background:  transparent !important;
	border: none !important;
	box-shadow:  none !important;
}

.container .box {
	background: transparent;
	border: none;
}

/* Clans */
.clans {
	background: transparent !important;
}

.champions-list {
	background: transparent !important;
	box-shadow: none !important;
}

.clans .items .item {
	background: transparent !important;
}

.my-clan .card-cont {
	background: transparent;
	box-shadow: none;
}

.my-clan .list-container {
	background: transparent;
	box-shadow: none;
}

.my-clan .list-container .list .item .item-content {
	background: transparent;
}

/* Inventory */
.tab-bar {
	background: transparent !important;
}

.subjects {
	background: transparent !important;
	border: none !important;
}

.subject {
	background: transparent !important;
}

.inventory .avatar-head {
	display: none;
}

.inventory .avatar {
	background: transparent !important;
}

 .gun {
	background: transparent !important;
	 border: none !important;
}

.inventory .bottom {
	background: transparent !important;
  	backdrop-filter: blur(2px) !important;
  	background-image: linear-gradient(to left, rgba(246, 255, 0, 0), #e2e04f1c) !important;
}

/* End Game Screen */
.end-modal {
	background: url(https://media.discordapp.net/attachments/529192409305710602/902459779144900628/FcQshr.png?width=1168&height=657) !important;
}

.end-modal .content {
	border-bottom: none !important;
}

/* HUD */
.mini-map-cont .name,
.info-key-cont,
.list-weapons,
.hp-title,
.mWwn,
.instruction {
	display: none !important;
}

.hp {
	margin-right: 20%;
}

.hp-progress {
	background: #8bff9f !important;
}

.desktop-game-interface .state {
	position: fixed;
	left: 37% !important;
}

.cont-endurance {
	margin-left: 1.5%;
}

.weapons-cont {
	position: fixed;
	width: 300px;
	top: 95%;
	left: 5%;
	margin-top: -100px;
	margin-left: 252px ;
}

.ammunition {
	display: inline-block;
    position: fixed;
    left: calc(38% + 188px);
}

.kill-death {
	position: fixed;
	right: 1px;
	bottom: 2%;
	left: unset !important;
	top: unset !important;
}

/* Chat */
.chat {
	margin-bottom: -4%;
}

/* Profile */
.auth-form {
	background: transparent !important;
	border-bottom: transparent !important;
	border-top: transparent !important;
	box-shadow: none !important;
}

.profile .avatar-info, .profile .level, .exp-values {
	display: none;
}

.user-info {
	visibility: hidden;
}

.progress-lvl {
	visibility: visible;
	position: fixed;
	width: 1870px;
	left: 50%;
	margin-left: -92px ;
}

.heads .levels {
	color: red !important;
}

.heads .clan-tag {
	-webkit-animation: glow 2s ease-in-out infinite alternate;
	-moz-animation: glow 2s ease-in-out infinite alternate;
	animation: glow 2s ease-in-out infinite alternate;
}

.card-profile {
	background: transparent !important;
	box-shadow: none !important;
}

.profile .k-d {
	background: transparent !important;
	box-shadow: none !important;
}

.profile .statistics {
	background: transparent !important;
	box-shadow: none !important;
}

.profile-cont .progress[data-v-d2be3bc6] {
	background: transparent;
	box-shadow: none;
}

/* Timer and Score */
.state-cont .timer {
	position: fixed;
	width: 300px;
	left: 50%;
	margin-left: -150px ;
	background: transparent !important;
	box-shadow: none !important;
}

.team-score .label {
	margin: 26.5px;
	margin-left: 60px;
	margin-right: 60px;
}

/* Input */
.custom-checkbox > span[data-v-47e1b746]:before {
    border-radius: 50px;
    background-color: white;
    border: none;
}

.custom-checkbox > input:checked + span[data-v-47e1b746]:before {
    background-color: #2ac144;
}