:root{
	--ka-text: rgba(0,0,0,.84);
	--ka-muted: rgba(0,0,0,.62);
	--ka-border: rgba(0,0,0,.08);
	--ka-shadow: 0 12px 30px rgba(0,0,0,.10);
	--ka-shadow-soft: 0 8px 22px rgba(0,0,0,.08);
	--ka-grad: linear-gradient(135deg, rgba(255,209,102,.18), rgba(0,183,255,.12), rgba(255,77,109,.14));
	--ka-btn: linear-gradient(135deg,#00b7ff,#8b5cf6);
}

*{
	box-sizing:border-box;
}

body.ka {margin:0;font-family:Calibri,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f0f0f0;color:var(--ka-text);padding-top: 50px;}

.ka-shell {width:100%;max-width:1550px;margin:0 auto;padding-left:18px;padding-right:18px;}
.ka-page {padding:22px 0 34px;}
.ka-page2 {width: 100%;}
.ka-page-info {background: #fff;border-radius: 16px;border: 1px solid var(--ka-border);box-shadow: var(--ka-shadow);overflow: hidden;padding: 20px;}
.ka-content-wrap {width:100%;max-width:1550px;margin:0 auto;padding-left:18px;padding-right:18px;}
.ka-content-wrap .row {margin-left:-10px;margin-right:-10px;}
.ka-content-wrap [class*="col-"] {padding-left:10px;padding-right:10px;}
.ka-buy {border-radius: 16px;overflow: hidden;background: #ffffff;box-shadow: 0 14px 35px rgb(27 159 31 / 18%);margin-bottom: 15px;}
.ka-buy__header {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(255, 20, 147, .10), rgba(0, 255, 255, .10));
}

.ka-buy__header-left {
display: flex;
  align-items: center;
  gap: 10px;
}

.ka-buy__icon {
font-size: 15px;
  color: rgba(0,0,0,.75);
}

.ka-buy__title {
margin: 0 !important;
  line-height: 1.2;
}

.ka-buy__title-text {
font-size: 18px;
  font-weight: 900;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(0,0,0,.80);
}

/* .ka-buy__badge {
padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 107, 107, .12);
  border: 1px solid rgba(255, 107, 107, .28);
  box-shadow: 0 0 0 6px rgba(255, 107, 107, .07);
  white-space: nowrap;
} */

.ka-buy__body {
padding: 16px !important;
  background: #fff;
}

.ka-field {
margin-bottom: 12px;
}

.ka-label {
display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  margin-bottom: 8px;
  color: rgba(0,0,0,.78);
}

.ka-buy .form-control,
.ka-input,
.ka-select {
border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #ffffff !important;
  color: rgba(0,0,0,.85) !important;
  height: 46px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 6px 16px rgba(0,0,0,.06);
  transition: border-color .15s ease, box-shadow .15s ease, transform .12s ease;
}

.ka-buy .form-control:focus {
border-color: rgba(0, 170, 255, .55) !important;
  box-shadow:
    0 0 0 4px rgba(0, 170, 255, .16),
    0 10px 22px rgba(0,0,0,.08);
  outline: none;
}

.ka-buy .form-control::placeholder {
color: rgba(0,0,0,.40);
}

/* =========================================================
   TABLE
========================================================= */

.ka-banlist {
	width: 100%;
}

.ka-banlist__info,
.ka-banlist__warning {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	border-radius: 16px;
	margin-bottom: 14px;
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 8px 22px rgba(0,0,0,.06);
}

.ka-banlist__info {
	background: linear-gradient(135deg, rgba(0,183,255,.08), rgba(0,183,255,.03));
}

.ka-banlist__warning {
	background: linear-gradient(135deg, rgba(255,77,109,.10), rgba(255,170,0,.05));
}

.ka-banlist__info-icon,
.ka-banlist__warning-icon {
	width: 38px;
	height: 38px;
	min-width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: rgba(255,255,255,.85);
	border: 1px solid rgba(0,0,0,.06);
	font-size: 16px;
}

.ka-banlist__info-text,
.ka-banlist__warning-text {
	line-height: 1.5;
	color: rgba(0,0,0,.76);
}

.ka-banlist__table-wrap {
	width: 100%;
	overflow-x: auto;
	border-radius: 18px;
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 12px 28px rgba(0,0,0,.08);
	background: #fff;
}

.ka-banlist__table {
	width: 100%;
	min-width: 980px;
	border-collapse: collapse;
}

.ka-banlist__table thead th {
	padding: 14px 12px;
	background: linear-gradient(135deg, #414243, #3c4d40);
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,.08);
	white-space: nowrap;
}

.ka-banlist__table tbody td {
	padding: 14px 12px;
	border-bottom: 1px solid rgba(0,0,0,.06);
	text-align: center;
	vertical-align: middle;
	color: rgba(0,0,0,.78);
	background: #fff;
	font-size: 13px;
}

.ka-banlist__table tbody tr:nth-child(even) td {
	background: rgba(0,0,0,.015);
}

.ka-banlist__table tbody tr:hover td {
	background: rgba(0,183,255,.05);
}

.ka-banlist__id {
	font-weight: 1000;
	color: rgba(0,0,0,.72);
}

.ka-banlist__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	color: #fff;
	white-space: nowrap;
}

.ka-banlist__badge--warning {
	background: linear-gradient(135deg, #f59e0b, #f97316);
}

.ka-banlist__badge--danger {
	background: linear-gradient(135deg, #ef4444, #dc2626);
}

.ka-banlist__form {
	display: inline-block;
	margin: 0;
}

.ka-banlist__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 110px;
	height: 40px;
	padding: 0 16px;
	border: none;
	border-radius: 12px;
	background: linear-gradient(135deg, #00b7ff, #8b5cf6);
	color: #fff;
	font-weight: 900;
	font-size: 13px;
	box-shadow: 0 10px 22px rgba(0,0,0,.12);
	transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}

.ka-banlist__btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 28px rgba(0,0,0,.16);
	filter: brightness(1.03);
}

.ka-banlist__empty {
	padding: 22px;
	font-weight: 900;
	color: rgba(0,0,0,.65);
	text-align: center;
}

.ka-banlist__badge--success {
	background: linear-gradient(135deg, #22c55e, #15803d);
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(21,128,61,.24);
}

.ka-banlist__badge--w {
	background: linear-gradient(135deg, #ec4899, #7c3aed);
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(124, 58, 237, .24);
}

@media (max-width: 768px) {
	.ka-banlist__info,
	.ka-banlist__warning {
		padding: 14px;
		border-radius: 14px;
	}

	.ka-banlist__table-wrap {
		border-radius: 16px;
	}

	.ka-banlist__btn {
		min-width: 100px;
		height: 38px;
		font-size: 12px;
	}
}

.ka-checks {
margin-top: 14px;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
}

.ka-check {
display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0;
}

.ka-check__input {
margin-top: 3px;
  transform: scale(1.06);
  accent-color: #00b7ff;
}

.ka-check__label {
line-height: 1.25;
  color: rgba(0,0,0,.74);
}

.ka-link {
color: #007bff;
  text-decoration: none;
  border-bottom: 1px dashed rgba(0,123,255,.55);
}

.ka-link:hover {
border-bottom-style: solid;
}

.ka-submit {
height: 60px;
  border: none !important;
  border-radius: 14px !important;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: #fff !important;
  margin-top: 14px;
  background: linear-gradient(135deg, #ff4d6d, #ffd166);
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.ka-submit:hover {
filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(0,0,0,.22);
}

.ka-submit:active {
transform: translateY(0);
}

.ka-submit__inner {
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ka-hint {
margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(0,0,0,.70);
}

.ka-hint i {
margin-top: 2px;
  color: rgba(0,0,0,.55);
}

.ka-buy__header {
position: relative;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, .08);
padding: 10px 15px;
background-image: linear-gradient(242.33deg, rgb(86 109 91) 21.41%, rgb(65 66 67) 95%);
}

.ka-buy__header::before {
content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0,0,0,.08) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: .18;
  pointer-events: none;
}

.ka-buy__header::after {
content: "";
  position: absolute;
  left: 0; right: 0; bottom: -30px;
  height: 60px;
  background: radial-gradient(closest-side, rgba(0,0,0,.12), transparent);
  opacity: .5;
  pointer-events: none;
}

.ka-buy__icon {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
border: 1px solid rgba(0, 0, 0, .08);
background: rgb(217 217 217);
box-shadow: 0 10px 20px rgba(0, 0, 0, .10);
color: rgb(67 67 67);
}

.ka-buy__title-text {color: rgb(255 255 255 / 85%);text-shadow: 0 1px 0 rgb(0 0 0 / 70%);}
.ka-buy__badge {
position: relative;
padding: 10px 14px;
border-radius: 999px;
background: linear-gradient(135deg, #43d78e, #5ea176);
border: 1px solid rgba(0, 0, 0, .08);
box-shadow: 0 14px 28px rgb(0 0 0 / 16%), 0 0 0 6px rgb(77 255 124 / 10%);
}

#blink7 {color: #fda3a3 !important;text-shadow: 0 2px 10px rgb(255 175 175 / 25%) !important;}
#blink8 {
color: #fff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.25) !important;
}

.ka-buy__badge::before {
content: "";
  position: absolute;
  inset: 1px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.32), transparent 65%);
  pointer-events: none;
  opacity: .65;
}

.ka-clan {
border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  background: #ffffff;
  box-shadow: 0 14px 35px rgba(0,0,0,.18);
}

.ka-clan__header {
position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(0,0,0,.08);
  padding: 16px 16px;
  padding-right: 150px;

  background:
    radial-gradient(1200px 420px at -10% 0%, rgba(255, 77, 109, .18), transparent 60%),
    radial-gradient(900px 360px at 110% 30%, rgba(0, 183, 255, .14), transparent 55%),
    linear-gradient(135deg, rgba(255, 209, 102, .20), rgba(0, 183, 255, .12), rgba(255, 77, 109, .14));
}

.ka-clan__header::before {
content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0,0,0,.08) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: .18;
  pointer-events: none;
}

.ka-clan__header-left {
display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.ka-clan__icon {
width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 20px rgba(0,0,0,.10);
  color: rgba(0,0,0,.78);
}

.ka-clan__title {
margin: 0 !important;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.ka-clan__title-text {
font-size: 18px;
  font-weight: 900;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(0,0,0,.85);
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.ka-clan__chip {
position: absolute;       
  top: 14px;
  right: 14px;

  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #00b7ff, #8b5cf6);
  color: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow:
    0 14px 28px rgba(0,0,0,.16),
    0 0 0 6px rgba(0, 183, 255, .10);
  white-space: nowrap;
}

.ka-clan__chip i {
opacity: .95;
}

.ka-clan__body {
padding: 16px !important;
  background: #fff;
}

.ka-clan-info {
border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
  padding: 12px 12px;
  margin-bottom: 16px;
}

.ka-clan-info__head {
display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  color: rgba(0,0,0,.78);
  margin-bottom: 6px;
}

.ka-clan-info__text {
color: rgba(0,0,0,.70);
  margin-bottom: 8px;
}

.ka-clan-info__list {
margin: 0;
  padding-left: 18px;
  color: rgba(0,0,0,.70);
}

.ka-clan-info__list li {
margin: 6px 0;
}

.ka-clan-field {
margin-bottom: 12px;
}

.ka-clan-label {
display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  margin-bottom: 8px;
  color: rgba(0,0,0,.78);
}

.ka-clan .form-control,
.ka-clan-input,
.ka-clan-select {
border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: #ffffff !important;
  color: rgba(0,0,0,.85) !important;
  height: 46px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 6px 16px rgba(0,0,0,.06);
  transition: border-color .15s ease, box-shadow .15s ease;
}

.ka-clan .form-control:focus {
border-color: rgba(0, 170, 255, .55) !important;
  box-shadow:
    0 0 0 4px rgba(0, 170, 255, .16),
    0 10px 22px rgba(0,0,0,.08);
  outline: none;
}

.ka-clan .form-control::placeholder {
color: rgba(0,0,0,.40);
}

.ka-clan-checks {
margin-top: 14px;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
}

.ka-clan-check {
display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

.ka-clan-check__input {
margin-top: 3px;
  transform: scale(1.06);
  accent-color: #00b7ff;
}

.ka-clan-check__label {
line-height: 1.25;
  color: rgba(0,0,0,.74);
}

.ka-clan-link {
color: #007bff;
  text-decoration: none;
  border-bottom: 1px dashed rgba(0,123,255,.55);
}

.ka-clan-link:hover {
border-bottom-style: solid;
}

.ka-clan-submit {
height: 60px;
  border: none !important;
  border-radius: 14px !important;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .6px;
  color: #fff !important;
  margin-top: 14px;
  background: linear-gradient(135deg, #00b7ff, #8b5cf6);
  box-shadow: 0 14px 28px rgba(0,0,0,.18);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
}

.ka-clan-submit:hover {
filter: brightness(1.03);
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(0,0,0,.22);
}

.ka-clan-submit:active {
transform: translateY(0);
}

.ka-clan-submit__inner {
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.ka-clan-hint {
margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.03);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(0,0,0,.70);
}

.ka-clan-hint i {
margin-top: 2px;
  color: rgba(0,0,0,.55);
}

.ka-info {
display: block;
  padding: 0;
  margin: 0;
}

.ka-info__section {
border-radius: 16px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, .08);
background: #fff;
box-shadow: 0 14px 35px rgba(0, 0, 0, .14);
}

.ka-info__header {
position: relative;
  overflow: hidden;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.08);

  background:
    radial-gradient(1200px 420px at -10% 0%, rgba(255, 77, 109, .18), transparent 60%),
    radial-gradient(900px 360px at 110% 30%, rgba(0, 183, 255, .14), transparent 55%),
    linear-gradient(135deg, rgba(255, 209, 102, .20), rgba(0, 183, 255, .12), rgba(255, 77, 109, .14));
}

.ka-info__header::before {
content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(0,0,0,.08) 1px, transparent 1px);
  background-size: 14px 14px;
  opacity: .16;
  pointer-events: none;
}

.ka-info__header-left {
display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.ka-info__icon {
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: rgba(255, 255, 255, .78);
border: 1px solid rgba(0, 0, 0, .08);
box-shadow: 0 10px 20px rgba(0, 0, 0, .10);
color: rgba(0, 0, 0, .76);
font-size: 12px;
}

.ka-info__title {
margin: 0;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .4px;
  text-transform: uppercase;
  color: rgba(0,0,0,.85);
  text-shadow: 0 1px 0 rgba(255,255,255,.7);
  line-height: 1.2;
}

.ka-info__chip {
position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;

  padding: 9px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, #00b7ff, #8b5cf6);
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 24px rgba(0,0,0,.14), 0 0 0 6px rgba(0, 183, 255, .10);
  white-space: nowrap;
}

.ka-info__grid {
display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  padding: 14px;
}

.ka-info__btn {
width: 100%;
  border: none;
  border-radius: 12px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
  color: #fff;

  box-shadow: 0 10px 20px rgba(0,0,0,.12);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
  position: relative;
  overflow: hidden;
}

.ka-info__btn:hover {
transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: 0 14px 26px rgba(0,0,0,.16);
}

.ka-info__btn:active {
transform: translateY(0);
}

.ka-info__btn::after {
content: "";
  position: absolute;
  top: -40%;
  left: -40%;
  width: 180%;
  height: 180%;
  background: rgba(255,255,255,.14);
  transform: rotate(35deg);
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
}

.ka-info__btn:hover::after {
opacity: 1;
  transform: rotate(35deg) translate(-8%, -8%);
}

.ka-p-vip {
background: linear-gradient(135deg, #1a73e8, #60a5fa);
}

.ka-p-admin {
background: linear-gradient(135deg, #22c55e, #16a34a);
}

.ka-p-boss {
background: linear-gradient(135deg, #f59e0b, #facc15);
}

.ka-p-lord {
background: linear-gradient(135deg, #ef4444, #fb7185);
}

.ka-p-arcana {
background: linear-gradient(135deg, #a855f7, #d946ef);
}

.ka-p-dark {
background: linear-gradient(135deg, #111827, #374151);
}

.ka-p-galaxy {
background: linear-gradient(135deg, #6d28d9, #a78bfa);
}

.ka-p-detroit {
background: linear-gradient(135deg, #06b6d4, #60a5fa);
}

.ka-p-creator {
background: linear-gradient(135deg, #dc2626, #fb7185);
}

.ka-p-owner {
background: linear-gradient(135deg, #be185d, #f472b6);
}

.ka-p-sponsor {
background: linear-gradient(135deg, #7c3aed, #c084fc);
}

.ka-p-gadmin {
background: linear-gradient(135deg, #4f46e5, #93c5fd);
}

.ka-p-console {
background: linear-gradient(135deg, #f50057, #ff4081);
}

.ka-p-team {
background: linear-gradient(135deg, #14b8a6, #ff4081);
}

.ka-p-king {
background: linear-gradient(135deg, #7c3aed, #22d3ee);
}

.ka-p-epic {
background: linear-gradient(135deg, #6200ea, #7c4dff);
}

.ka-p-ultra {
background: linear-gradient(135deg, #00bfa5, #1de9b6);
}

.ka-p-deluxe {
background: linear-gradient(135deg, #ff6d00, #ffab40);
}

.ka-mon {
margin-top: 20px;
  margin-bottom: 25px;
}

.ka-mon-card {
background: #ffffff;
  border-radius: 18px;
  padding: 18px;
  margin-bottom: 20px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 15px 35px rgba(0,0,0,.12);
  transition: .2s ease;
}

.ka-mon-card:hover {
transform: translateY(-3px);
  box-shadow: 0 18px 45px rgba(0,0,0,.15);
}

.ka-mon-card__top {
display: flex;
  justify-content: space-between;
  align-items: center;
}

.ka-mon-card__name {
font-weight: 800;
  font-size: 15px;
}

.ka-mon-card__status {
padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

.ka-mon-card__status.online {
background: linear-gradient(135deg,#00c853,#64dd17);
}

.ka-mon-card__status.offline {
background: linear-gradient(135deg,#ff5252,#ff8a65);
}

.ka-mon-card__info {
display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 13px;
}

.ka-mon-card__info .map {
color: #777;
}

.ka-mon-progress {
height: 8px;
  margin-top: 12px;
  background: #f1f1f1;
  border-radius: 6px;
  overflow: hidden;
}

.ka-mon-progress__bar {
height: 100%;
  background: linear-gradient(135deg,#00b7ff,#8b5cf6);
  transition: width .3s ease;
}

.ka-mon__title-wrap {
margin-bottom: 20px;
  padding-left: 5px;
}

.ka-mon__title {
font-size: 22px;
  font-weight: 800;
  margin: 0;
  color: #222;
}

.ka-mon-card__buttons {
display: flex;
  gap: 12px;
  margin-top: 15px;
}

.ka-mon-btn {
flex: 1;
  height: 44px;
  border-radius: 25px;
  border: none;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: all .2s ease;
  text-decoration: none;
  color: #fff;
}

.ka-mon-btn.connect {
background: linear-gradient(90deg,#1da1f2,#00d2ff);
  box-shadow: 0 6px 15px rgba(0,210,255,.25);
}

.ka-mon-btn.copy {
background: linear-gradient(90deg,#667eea,#764ba2);
  box-shadow: 0 6px 15px rgba(118,75,162,.25);
}

.ka-mon-btn:hover {
transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.15);
}

.ka-listmin > .box-body {
padding: 18px !important;
}

.ka-header {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
/* background-image: linear-gradient(242.33deg, rgb(109 86 86) 21.41%, rgb(49 49 65) 95%); */
background: #404142;
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--ka-border);
box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
}

.ka-header__top {
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:16px;
}

.ka-header__brand {
display:inline-flex;
	align-items:center;
	text-decoration:none;
}

.ka-header__logo {
display:block;
	width:auto;
	height:46px;
	max-width:100%;
}

.ka-sale {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 46px;
padding: 0 16px;
border-radius: 10px;
/* background: linear-gradient(135deg, rgb(255 119 119 / 8%), rgb(73 21 21 / 8%)); */
background: #454545;
font-weight: 900;
text-align: center;
white-space: nowrap;
}

.ka-header__right {display:flex;align-items:center;gap:10px;}
.ka-mini-cabinet {
display: inline-flex;
align-items: center;
gap: 8px;
height: 55px;
padding: 15px 10px;
text-decoration: none;
color: #d9d9d9;
background: rgb(105 105 105 / 7%);
transition: transform .15s ease, box-shadow .15s ease;
border-radius: 10px;
}
.ka-mini-cabinet:hover {transform: translateY(-1px);color: #e3e3e3;text-decoration: none;background: #454545;}
.ka-burger {
width:46px;
	height:46px;
	border:none;
	border-radius:14px;
	background:#fff;
	box-shadow:var(--ka-shadow-soft);
	display:none;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:5px;
	padding:0;
	cursor:pointer;
}

.ka-burger span {
display:block;
	width:20px;
	height:2px;
	border-radius:3px;
	background:#333;
}

.ka-nav {display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:0;}
.ka-nav > a {
display:inline-flex;
	align-items:center;
	gap:8px;
	height:42px;
	padding:0 14px;
	border-radius:14px;
	border:1px solid #000 !important;
	background:#fff;
	text-decoration:none;
	font-weight:900;
	color:#333;
	box-shadow:0 8px 18px rgba(0,0,0,.08);
	transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.ka-nav > a:hover {
transform:translateY(-1px);
	box-shadow:0 14px 28px rgba(0,0,0,.12);
	text-decoration:none;
	color:#333;
}

.ka-nav a span {
white-space:nowrap;
}

.ka-nav-mobile-only {
display: none !important;
}

.ka-nav-side-menu-wrap {
	display: none !important;
}

.ka-user {
display:flex;
	align-items:center;
	gap:10px;
	padding:8px 10px;
	border-radius:16px;
	border:1px solid #000;
	background:#fff;
	box-shadow:var(--ka-shadow-soft);
}

.ka-user_img {
width:38px;
	height:38px;
	border-radius:999px;
	display:block;
}

.ka-user__name {
font-weight:900;
	font-size:13px;
	line-height:1.1;
}

.ka-user__guest {color:#fff;}
.ka-clans-page__select .form-control,
.ka-clans-page__select select {
height: 48px;
	border-radius: 14px !important;
	border: 1px solid rgba(0,0,0,.10) !important;
	background: #fff !important;
	color: rgba(0,0,0,.84) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.85),
		0 8px 18px rgba(0,0,0,.06);
	font-weight: 800;
}

.ka-clans-page__select .form-control:focus,
.ka-clans-page__select select:focus {
border-color: rgba(0,183,255,.55) !important;
	box-shadow:
		0 0 0 4px rgba(0,183,255,.16),
		0 16px 30px rgba(0,0,0,.10);
	outline: none;
}

.ka-footer {background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.92)),var(--ka-grad);border-top: 1px solid var(--ka-border);box-shadow: 0 -8px 24px rgba(0,0,0,.04);}
.ka-footer__wrap {
padding-top: 22px;
	padding-bottom: 18px;
}

.ka-footer__top {
display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
}

.ka-footer__brand {
display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.ka-footer__logo {
flex-shrink: 0;
}

.ka-footer__logo-img {
display: block;
	height: 42px;
	width: auto;
	max-width: 100%;
}

.ka-footer__brand-text {
min-width: 0;
}

.ka-footer__title {
font-size: 18px;
	font-weight: 1000;
	color: rgba(0,0,0,.84);
	line-height: 1.1;
}

.ka-footer__subtitle {
margin-top: 4px;
	font-size: 13px;
	font-weight: 700;
	color: rgba(0,0,0,.56);
}

.ka-footer__nav {
display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.ka-footer__nav a {
display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid rgba(0,0,0,.10);
	background: #fff;
	color: rgba(0,0,0,.76);
	text-decoration: none;
	font-weight: 900;
	font-size: 13px;
	box-shadow: 0 8px 18px rgba(0,0,0,.06);
	transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.ka-footer__nav a:hover {
transform: translateY(-1px);
	box-shadow: 0 12px 24px rgba(0,0,0,.10);
	border-color: rgba(0,0,0,.16);
	color: rgba(0,0,0,.88);
	text-decoration: none;
}

.ka-footer__bottom {
display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 16px;
}

.ka-footer__copy {
font-size: 13px;
	font-weight: 800;
	color: rgba(0,0,0,.55);
}

.ka-footer__links {
display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
}

.ka-footer__links a {
display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 14px;
	border-radius: 999px;
	background: rgba(255,255,255,.76);
	border: 1px solid rgba(0,0,0,.08);
	color: rgba(0,0,0,.72);
	text-decoration: none;
	font-weight: 900;
	font-size: 13px;
	transition: transform .12s ease, box-shadow .12s ease;
}

.ka-footer__links a:hover {
transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(0,0,0,.08);
	color: rgba(0,0,0,.88);
	text-decoration: none;
}

.ka-donate {
margin-top:0 !important;
}

.ka-donate__hero {
display: flex;
align-items: center;
gap: 16px;
padding: 18px;
margin-bottom: 18px;
border-radius: 18px;
border: 1px solid rgba(0, 0, 0, .08);
background: linear-gradient(90deg, #fff7a180, rgb(249 247 208 / 41%));
box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
}

.ka-donate__hero-icon {
width:56px;
	height:56px;
	min-width:56px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:16px;
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	box-shadow:0 10px 20px rgba(0,0,0,.08);
	font-size:22px;
	color:#ff4d6d;
}

.ka-donate__hero-title {
font-size:14px;
	font-weight:1000;
	color:rgba(0,0,0,.84);
	margin-bottom:4px;
}

.ka-donate__hero-desc {
font-size:12px;
	font-weight:700;
	color:rgba(0,0,0,.62);
	line-height:1.5;
}

.ka-donate__grid {display:grid;/* grid-template-columns:1.2fr .8fr; */gap:18px;}
.ka-donate__card {padding:18px;border-radius:20px;background: #e3f2e1;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px rgba(0,0,0,.08);}
.ka-donate__card-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}

.ka-donate__title {
margin:0;
	font-size:20px;
	font-weight:1000;
	color:rgba(0,0,0,.84);
}

.ka-donate__chip {
display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:36px;
	padding:0 14px;
	border-radius:999px;
	background:linear-gradient(135deg,#00b7ff,#8b5cf6);
	color:#fff;
	font-size:12px;
	font-weight:900;
	box-shadow:0 8px 16px rgba(0,0,0,.10);
}

.ka-donate__bonus {
display:flex;
	align-items:flex-start;
	gap:14px;
	padding:14px 16px;
	margin-bottom:16px;
	border-radius:16px;
	background:linear-gradient(135deg, rgba(0,183,255,.08), rgba(139,92,246,.08), rgba(255,209,102,.10));
	border:1px solid rgba(0,0,0,.08);
	box-shadow:0 10px 24px rgba(0,0,0,.05);
}

.ka-donate__bonus--guest {
background:linear-gradient(135deg, rgba(100,116,139,.08), rgba(148,163,184,.08));
}

.ka-donate__bonus-icon {
width:44px;
	height:44px;
	min-width:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:14px;
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	box-shadow:0 8px 18px rgba(0,0,0,.06);
	font-size:18px;
	color:#8b5cf6;
}

.ka-donate__bonus-title {
font-size:14px;
	font-weight:1000;
	color:rgba(0,0,0,.84);
	margin-bottom:4px;
}

.ka-donate__bonus-desc {
font-size:13px;
	font-weight:700;
	color:rgba(0,0,0,.62);
	line-height:1.5;
}

.ka-donate__bonus-rate {
display:inline-block;
	margin-top:4px;
	padding:4px 10px;
	border-radius:999px;
	background:linear-gradient(135deg,#00b7ff,#8b5cf6);
	color:#fff;
	font-weight:1000;
	font-size:12px;
}

.ka-donate-form__field {
margin-bottom:14px;
}

.ka-donate-form__label {
display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 8px;
	font-weight:900;
	color:rgba(0,0,0,.74);
}

.ka-donate-form__control {
height:48px !important;
	border-radius:14px !important;
	border:1px solid rgba(0,0,0,.10) !important;
	background:#fff !important;
	color:rgba(0,0,0,.84) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.85),
		0 8px 18px rgba(0,0,0,.06);
	font-weight:800;
}

.ka-donate-form__control:focus {
border-color:rgba(0,183,255,.55) !important;
	box-shadow:
		0 0 0 4px rgba(0,183,255,.16),
		0 16px 30px rgba(0,0,0,.10);
	outline:none;
}

.ka-donate-form__submit {
width:100%;
	height:56px;
	border:none;
	border-radius:14px;
	background:linear-gradient(135deg, #ff4d6d, #8b5cf6);
	color:#fff;
	font-weight:1000;
	font-size:15px;
	text-transform:uppercase;
	letter-spacing:.4px;
	box-shadow:0 16px 30px rgba(0,0,0,.16);
	transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}

.ka-donate-form__submit:hover {
transform:translateY(-1px);
	box-shadow:0 20px 34px rgba(0,0,0,.20);
	filter:brightness(1.03);
}

.ka-donate-calc.is-active {
background:linear-gradient(135deg, rgba(0,183,255,.08), rgba(139,92,246,.08));
	border-color:rgba(0,183,255,.18);
	box-shadow:0 12px 24px rgba(0,0,0,.06);
}

.ka-donate-calc__value {
font-size:14px;
	font-weight:1000;
	color:rgba(0,0,0,.82);
}

.ka-donate-top__item {
display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:12px 14px;
	border-radius:14px;
	border:1px solid rgba(0,0,0,.08);
	background:rgba(0,0,0,.02);
	margin-bottom:10px;
}

.ka-donate-top__left {
display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
}

.ka-donate-top__place {
width:42px;
	height:42px;
	min-width:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:linear-gradient(135deg,#00b7ff,#8b5cf6);
	color:#fff;
	font-size:13px;
	font-weight:1000;
	overflow:hidden;
}

.ka-donate-top__place--img {
background:transparent;
	box-shadow:none;
	border-radius:12px;
}

.ka-donate-top__place--img img {
display:block;
	width:42px;
	height:42px;
	object-fit:contain;
}

.ka-donate-top__nick {
font-weight:900;
	color:rgba(0,0,0,.80);
	word-break:break-word;
}

.ka-donate-top__amount {
font-weight:1000;
	color:#16a34a;
	white-space:nowrap;
}

.ka-main-grid--cards .ka-donate {
margin-top:0 !important;
	align-self:stretch;
}

.ka-main-grid--cards .ka-buy,
.ka-main-grid--cards .ka-donate {
position:relative;
	top:0 !important;
}

@media (max-width: 480px) {
  .ka-buy__title-text {
 font-size: 16px;
  }
  .ka-buy__badge {
 font-size: 12px;
  }
  .ka-buy__body {
 padding: 14px !important;
  }
  .ka-clan__header {
 padding-right: 125px;
  }
  .ka-clan__title-text {
 font-size: 16px;
  }
  .ka-clan__chip {
 font-size: 12px; padding: 9px 10px; top: 12px; right: 12px;
  }
  .ka-clan__body {
 padding: 14px !important;
  }
  .ka-info__grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ka-info__title {
 font-size: 14px;
  }
  .ka-info__chip {
 font-size: 11px; padding: 8px 10px;
  }
}
@media (max-width: 575px) {
  .ka-shell {

		padding-left:12px;
		padding-right:12px;
  }
  .ka-content-wrap {

		padding-left:12px;
		padding-right:12px;
  }
  .ka-header__logo {

		height:34px;
  }
  .ka-sale {

		font-size:12px;
		line-height:1.2;
  }
  .ka-page {padding-top:16px;}
  .ka-footer__wrap {

		padding-top: 18px;
		padding-bottom: 16px;
  }
  .ka-footer__title {

		font-size: 16px;
  }
  .ka-footer__subtitle,
	.ka-footer__copy {

		font-size: 12px;
  }
  .ka-footer__nav a,
	.ka-footer__links a {

		width: 100%;
		justify-content: center;
  }
}

/* =========================================================
   PAGE HEADER
========================================================= */

.ka-page-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
    gap:12px;
}

.ka-title{
    font-size:22px;
    font-weight:1000;
    margin:0;
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(0,0,0,.85);
}

.ka-title i{
    font-size:18px;
    opacity:.7;
}

/* breadcrumbs */

.ka-breadcrumbs{
    margin-top:6px;
    font-size:13px;
    color:rgba(0,0,0,.55);
    display:flex;
    align-items:center;
    gap:6px;
}

.ka-breadcrumbs a{
    text-decoration:none;
    color:#007bff;
    font-weight:700;
}

.ka-breadcrumbs span{
    opacity:.6;
}

@media (max-width: 768px) {
  .ka-mon-card__buttons {

    flex-direction: row;
  }
  .ka-donate__hero {

		padding:14px;
		align-items:flex-start;
  }
  .ka-donate__card {

		padding:16px;
		border-radius:16px;
  }
  .ka-donate__card-head {

		flex-direction:column;
		align-items:flex-start;
  }
  .ka-donate__title {

		font-size:18px;
  }
  .ka-donate__bonus {

		padding:12px;
  }
}
@media (max-width: 991px) {
body.ka {margin:0;font-family:Calibri,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#f0f0f0;color:var(--ka-text);padding-top: 100px;}
.ka-nav-mobile-only {display: inline-flex !important;}
.ka-nav-side-menu-wrap {display: block !important;width: 100%;grid-column: 1 / -1;}
.ka-nav .ka-side-menu2--drawer {margin: 4px 0 0;padding: 12px 0 0;border-radius: 14px;border-top: 1px solid rgba(0, 0, 0, 0.08);}

  .ka-header__top {
		grid-template-columns:1fr auto;
		grid-template-areas:
			"brand right"
			"sale  sale";
		align-items:center;
  }
  .ka-header__brand {

		grid-area:brand;
  }
  .ka-header__right {

		grid-area:right;
		justify-self:end;
  }
  .ka-sale {

		grid-area:sale;
		min-height:40px;
		font-size:13px;
		padding:8px 12px;
		white-space:normal;
  }
  .ka-header__logo {

		height:40px;
  }
  .ka-burger {

		display:flex;
		position:relative;
		z-index:10002;
		-webkit-tap-highlight-color:transparent;
  }
  .ka-nav {

		position:fixed;
		top:0;
		left:0;
		right:0;
		max-height:85vh;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;

		padding:14px;
		display:grid;
		gap:10px;
		align-content:start;

		background:rgba(255,255,255,.98);
		backdrop-filter:blur(14px);

		border-bottom-left-radius:22px;
		border-bottom-right-radius:22px;

		box-shadow:0 30px 60px rgba(0,0,0,.25);

		transform:translateY(-110%);
		transition:transform .28s cubic-bezier(.22,.9,.2,1);

		z-index:10001;
  }
  .ka-nav.is-open {

		transform:translateY(0);
  }
  .ka-nav > a {

		width:100%;
		height:auto;
		min-height:48px;
		padding:12px 14px;
		justify-content:flex-start;
  }
  .ka-user {

		width:100%;
  }
  .ka-mini-cabinet span {

		display:none;
  }
  .ka-content-wrap {

		padding-left:14px;
		padding-right:14px;
  }
  .ka-footer__top {

		flex-direction: column;
		align-items: stretch;
  }
  .ka-footer__nav {

		justify-content: flex-start;
  }
  .ka-footer__bottom {

		flex-direction: column;
		align-items: flex-start;
  }
  .ka-footer__links {

		justify-content: flex-start;
  }
  .ka-donate__grid {

		grid-template-columns:1fr;
  }
}

/* menu2 отдельной колонкой слева от add/last */

.ka-add-float-wrap {position: relative;display: grid;grid-template-columns: 220px minmax(0, 1fr);;align-items: start;gap: 14px;}

.ka-side-menu2-mount {position: static;width: 230px;max-width: 230px;z-index: 3;transform: none;pointer-events: auto;}
.ka-add-main-stack {min-width: 0;}
.ka-add-main-stack .ka-info {margin-top: 14px;}
.ka-side-menu2 {margin: 0;border-radius: 14px;}
.ka-side-menu2__head {display: flex;align-items: center;gap: 8px;padding: 0 14px 10px;margin: 0 10px 8px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);font-weight: 800;font-size: 13px;color: rgba(0, 0, 0, 0.72);}
.ka-side-menu2__head i {color: rgb(71 71 71 / 95%);}
.ka-side-menu2__list {list-style: none;margin: 0;padding: 0 8px 4px;}
.ka-side-menu2__list li {margin: 0;padding: 0;}

.ka-side-menu2__list a {display: flex;align-items: center;gap: 10px;padding: 9px 8px;border-radius: 10px;color: rgba(0, 0, 0, 0.78);font-weight: 600;font-size: 13px;text-decoration: none;transition: background 0.15s ease, color 0.15s ease;}
.ka-side-menu2__list a:hover {

	background: rgba(0, 183, 255, 0.08);
	color: rgba(0, 0, 0, 0.9);
}

.ka-side-menu2__list a i {

	width: 18px;
	text-align: center;
	color: rgba(0, 0, 0, 0.45);
}

.ka-side-menu2__badge {

	margin-left: auto;
	padding: 2px 7px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	background: rgba(0, 200, 83, 0.15);
	color: #1b5e20;
	line-height: 1.2;
}

.ka-side-menu2__accent {color: #449955;text-shadow: 0 0 12px rgb(125 237 147 / 35%);}
@media (max-width: 991px) {
  .ka-add-float-wrap {

		grid-template-columns: 1fr;
		gap: 12px;
  }

  .ka-side-menu2-mount {

		display: none !important;
  }

  .ka-add-main-stack .ka-info {

		margin-top: 12px;
  }
}