*{
	box-sizing:border-box;
}

html,
body{
	margin:0;
	min-height:100%;
	background:#030303;
	color:#fff;
}


.hidden-honeypot label{
	display:none;
}

.live-user-link{
	color:#fff;
	text-decoration:none;
	transition:.18s ease;
}


html{
	scroll-behavior:smooth;
}
html{
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
}
body{
	font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;
	overflow-x:hidden;
}

.hidden-honeypot{
	position:absolute;
	left:-9999px;
	opacity:0;
	pointer-events:none;
}

.mobile, .mobileedit {
	display:none;
}
@media (max-width:768px){
	.mobile {
		display: flex!important;
		background: linear-gradient(180deg, #ffd34a, #ffb300);
		padding: 4px 5px 4px 5px!important;
		color: #000000!important;
		border-radius: 6px!important;
		font-size: 10px!important;
	}
	
.mobileedit {
		display: flex !important;
		background: linear-gradient(180deg, #ffd34a, #ffb300)!important;
		padding: 4px 5px 4px 5px !important;
		color: #000000 !important;
		border-radius: 6px !important;
		font-size: 10px !important;
		margin-top: 5px;
		width: 60px;
	}
	
	body{
		font-family:
			"Roboto Condensed",
			Arial,
			sans-serif;

		-webkit-text-size-adjust:100%;
		text-size-adjust:100%;
	}

}

::selection {
  background: rgba(234,173,60,0.9);
  color: #fff;
}

::-moz-selection {
  background: rgba(234,173,60,0.9);
  color: #ffffff;
}

a{
	text-decoration:none;
	color:inherit;
}

.cookie-notice a {
	color:#eaad3c!important;
}
/* =========================================
   COMMON WIDTH
========================================= */

.dashboard,
.bottom-section,
.drink-bottom,
.tournaments-section,
.header,
.hero__content,
.site-footer__inner,
.site-footer__bottom{
	width:min(1470px,92vw);
	margin-left:auto;
	margin-right:auto;
}

/* =========================================
   HERO
========================================= */

.hero{
	position:relative;
	min-height:100vh;
	overflow:hidden;
	isolation:isolate;
	background-image:url("../assets/img/hero-bg.webp");
	background-size:cover;
	background-position:center;
}

.hero:before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-1;
	background:
		radial-gradient(circle at 50% 58%,rgba(255,128,0,.18),transparent 28%),
		radial-gradient(circle at 66% 30%,rgba(255,36,0,.20),transparent 20%),
		linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72));
}

.hero__shade{
	position:absolute;
	inset:0;
	pointer-events:none;
	background:radial-gradient(ellipse at center,transparent 32%,rgba(0,0,0,.70) 100%);
}

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

.header{
	position:relative;
	z-index:5;
	display:grid;
	grid-template-columns:240px 1fr auto;
	align-items:center;
	gap:36px;
	padding:32px 0 20px;
}

.logo{
	display:grid;
	grid-template-columns:auto 46px;
	grid-template-rows:auto auto;
	align-items:center;
	width:max-content;
	color:#fff;
	line-height:1;
}

.logo__word{
	font-size:40px;
	font-weight:1000;
	letter-spacing:-1px;
	text-shadow:0 2px 2px #000;
}

.logo__mug{
	margin-left:8px;
	font-size:42px;
	filter:drop-shadow(0 0 8px rgba(255,190,0,.55));
}

.logo__sub{
	grid-column:1/3;
	margin-top:4px;
	color:#ffc400;
	font-size:15px;
	font-weight:1000;
	letter-spacing:.3px;
}

.nav,
.auth,
.hero__buttons,
.block-title,
.panel-head,
.live-user,
.rating-item,
.rating-user,
.footer-socials,
.footer-warning{
	display:flex;
	align-items:center;
}

.nav{
	justify-content:center;
	gap:36px;
}

.auth{
	gap:20px;
}

.nav a{
	color:#f7f7f7;
	text-transform:uppercase;
	font-size:16px;
	font-weight:900;
	letter-spacing:.25px;
	text-shadow:0 2px 2px #000;
}

.nav a:hover{
	color:#ffc400;
}

/* =========================================
   HERO CONTENT
========================================= */

.hero__content{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:1fr 620px;
	gap:34px;
	align-items:center;
	margin-top:40px;
}

.hero__left{
	min-width:0;
}

h1,
h2{
	margin:0;
	text-transform:uppercase;
	line-height:.94;
}

h1{
	color:#f1f1f1;
	font-size:clamp(74px,8vw,116px);
	font-weight:1000;
	letter-spacing:-3px;
	text-shadow:0 4px 0 rgba(0,0,0,.38);
}

h1::first-letter{
	letter-spacing:-5px;
}

h2{
	margin-top:18px;
	color:#f5aa00;
	font-size:clamp(32px,3.7vw,58px);
	font-weight:1000;
	letter-spacing:-1px;
	text-shadow:0 4px 0 rgba(0,0,0,.38);
}

/* =========================================
   FEATURES
========================================= */

.features{
	display:grid;
	gap:17px;
	margin:30px 0 44px;
	padding:0;
	list-style:none;
}

.features li{
	display:flex;
	align-items:center;
	gap:16px;
	color:#fff;
	text-transform:uppercase;
	font-size:22px;
	font-weight:700;
	letter-spacing:.1px;
	text-shadow:0 2px 2px #000;
}

.features span{
	width:25px;
	text-align:center;
	font-size:26px;
	text-shadow:0 0 8px rgba(255,255,255,.45);
}

.hero__buttons{
	flex-wrap:wrap;
	gap:18px;
}

/* =========================================
   BUTTONS
========================================= */

.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	height:48px;
	padding:0 28px;
	border-radius:12px;
	border:1px solid transparent;
	text-transform:uppercase;
	font-size:15px;
	font-weight:900;
	letter-spacing:.35px;
	white-space:nowrap;
	cursor:pointer;
	transition:
		transform .18s ease,
		box-shadow .18s ease,
		border-color .18s ease,
		background .18s ease;
}

.btn:hover{
	transform:translateY(-1px);
}

.btn--small{
	height:48px;
	padding:0 26px;
	font-size:14px;
}

.btn--gold{
	color:#120d00;
	background:linear-gradient(180deg,#ffd34a 0%,#ffb300 100%);
	border-color:rgba(255,214,76,.65);
	box-shadow:
		0 12px 28px rgba(255,179,0,.22),
		inset 0 1px 0 rgba(255,255,255,.45);
}

.btn--dark{
	color:#f5f5f5;
	border:1px solid rgba(255,255,255,.18);
	background:linear-gradient(180deg,rgba(30,30,30,.92),rgba(12,12,12,.96));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.05),
		0 12px 24px rgba(0,0,0,.35);
	backdrop-filter:blur(8px);
}

.btn--more{
	color:#f5f5f5;
	border:1px solid rgba(255,255,255,.18);
	background:linear-gradient(180deg,rgba(30,30,30,.92),rgba(12,12,12,.96));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.05),
		0 12px 24px rgba(0,0,0,.35);
	backdrop-filter:blur(8px);
}

/* =========================================
   PANELS / HEADERS
========================================= */

.panel{
	padding:24px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:18px;
}

.panel h3{
	margin:0;
	font-size:32px;
	text-transform:uppercase;
}

.panel-head,
.block-title{
	justify-content:space-between;
}

.block-title{
	margin-bottom:18px;
}

.block-title__left{
	font-size:34px;
	font-weight:1000;
	text-transform:uppercase;
}

.block-link{
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	opacity:.8;
}

/* Заголовки внутренних страниц: Уровни / LIVE / Кабинет */
.levels-table-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	margin-bottom:24px;
}

.levels-table-head h3{
	margin:0;
	color:#fff;
	font-size:34px;
	font-weight:1000;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.02em;
}

.levels-table-head span{
	display:block;
	margin-top:8px;
	color:#9b9b9b;
	font-size:15px;
	font-weight:800;
	line-height:1.35;
	text-transform:uppercase;
	letter-spacing:.04em;
}

/* =========================================
   PROFILE CARD
========================================= */

.profile-card-new{
	position:relative;
	display:grid;
	gap:22px;
	min-height:430px;
	padding:34px;
	border:1px solid rgba(255,255,255,.10);
	border-radius:24px;
	background:
		radial-gradient(circle at top right,rgba(255,196,0,.10),transparent 28%),
		linear-gradient(180deg,rgba(16,16,16,.90),rgba(6,6,6,.96));
	box-shadow:
		0 24px 60px rgba(0,0,0,.38),
		inset 0 1px 0 rgba(255,255,255,.05);
	backdrop-filter:blur(14px);
}

.profile-main{
	position:relative;
	display:grid;
	grid-template-columns:118px 1fr;
	align-items:center;
	gap:24px;
}

.profile-avatar{
	position:relative;
	width:118px;
	height:118px;
}

.profile-avatar img{
	width:118px;
	height:118px;
	border-radius:50%;
	object-fit:cover;
	box-shadow:0 16px 28px rgba(0,0,0,.35);
}

.profile-avatar span{
	position:absolute;
	right:-8px;
	bottom:2px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border:2px solid #ffc400;
	border-radius:50%;
	background:linear-gradient(180deg,#181818,#050505);
	color:#ffc400;
	font-size:18px;
	font-weight:1000;
	box-shadow:0 0 18px rgba(255,196,0,.35);
}

.profile-team{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

.profile-team__label{
	color:#777;
	font-size:18px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.12em;
}

.profile-team__box{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:12px;
	margin-top:10px;
}

.profile-team__box img{
	order:2;
	width:84px;
	height:84px;
	border-radius:18px;
	object-fit:cover;
	border:1px solid rgba(255,255,255,.10);
	background:#111;
	box-shadow:0 10px 22px rgba(0,0,0,.25);
}

.profile-team__text{
	order:1;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:4px;
	text-align:right;
}

.profile-team__text span{
	color:#fff;
	font-size:13px;
	font-weight:900;
	line-height:1.2;
	max-width:120px;
}

.profile-team__text small{
	color:#8f8f8f;
	font-size:11px;
	font-weight:700;
	line-height:1.2;
}

.profile-name{
	color:#fff;
	font-size:34px;
	font-weight:1000;
	line-height:1;
	word-break:break-word;
}

.profile-status-label{
	margin-top:16px;
	color:#777;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.12em;
}

.profile-status{
	margin-top:5px;
	color:#ffc400;
	font-size:22px;
	font-weight:1000;
	text-transform:uppercase;
}

.profile-stats-new{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:12px;
}

.profile-stats-new div{
	padding:16px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:16px;
	background:rgba(255,255,255,.035);
	position:relative;
}

.profile-stats-new span{
	display:block;
	color:#858585;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.profile-stats-new strong{
	display:block;
	margin-top:10px;
	color:#fff;
	font-size:30px;
	font-weight:1000;
	line-height:1;
}

.profile-xp{
	padding:18px;
	border:1px solid rgba(255,196,0,.16);
	border-radius:18px;
	background:rgba(255,196,0,.055);
}

.profile-xp__top,
.profile-xp__bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
}

.profile-xp__top span,
.profile-xp__bottom span{
	color:#aaa;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
}

.profile-xp__top strong{
	color:#ffc400;
	font-size:30px;
	font-weight:1000;
}

.profile-progress{
	height:14px;
	margin:16px 0 12px;
	overflow:hidden;
	border-radius:999px;
	background:rgba(255,255,255,.10);
}

.profile-progress b{
	display:block;
	height:100%;
	border-radius:inherit;
	background:linear-gradient(90deg,#ffc400,#ff8a00);
	box-shadow:0 0 18px rgba(255,196,0,.45);
}

.profile-extra{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
}

.profile-coef,
.profile-condition{
	padding:18px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	background:rgba(255,255,255,.035);
}

.profile-extra__label{
	color:#8d8d8d;
	font-size:11px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.12em;
}

.profile-coef__row,
.profile-condition__row{
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	gap:18px;
	margin-top:14px;
	min-height:52px;
}

.profile-condition__row{
	grid-template-columns:1fr 52px;
}

.profile-coef__row strong,
.profile-condition__row strong{
	display:flex;
	align-items:center;
	height:52px;
	color:#fff;
	font-size:30px;
	font-weight:1000;
	line-height:1;
}

.profile-coef__meter-wrap{
	width:100%;
	margin-top:18px;
}

.profile-coef__meter{
	position:relative;
	width:100%;
	height:14px;
	overflow:hidden;
	border-radius:999px;
	background:rgba(255,255,255,.10);
}

.profile-coef__meter b{
	display:block;
	height:100%;
	border-radius:inherit;
	background:linear-gradient(90deg,#ffc400,#ff8a00);
	box-shadow:0 0 18px rgba(255,196,0,.45);
}

.profile-coef__scale{
	display:flex;
	justify-content:space-between;
	margin-top:8px;
	color:#777;
	font-size:11px;
	font-weight:900;
}

.profile-condition__emoji{
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	border-radius:16px;
	background:rgba(255,196,0,.12);
	font-size:28px;
}

/* =========================================
   LIVE CARD
========================================= */

.live-card{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
	min-height:170px;
	padding:22px;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.12);
	border-radius:18px;
	background:linear-gradient(180deg,rgba(18,18,18,.94),rgba(7,7,7,.98));
	transition:
		transform .18s ease,
		border-color .18s ease,
		box-shadow .18s ease;
}

.live-card:hover{
	transform:translateY(-2px);
	border-color:rgba(255,255,255,.18);
	box-shadow:0 18px 40px rgba(0,0,0,.35);
}

.live-card__content{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	min-height:126px;
}

.live-card__achievement{
	flex:0 0 110px;
	display:flex;
		align-items: flex-start;
	justify-content:center;
	align-self:center;
	height:100%;
}

.live-card__achievement img{
	width:110px;
	height:110px;
	object-fit:cover;
	border-radius:12px;
}

.live-card.live-card--drink .live-card__achievement img{
	border:1px solid rgba(255,255,255,.08);
	background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}

.live-user{
	flex:0 0 42px;
	display:grid!important;
	grid-template-columns:42px 1fr;
	align-items:center!important;
	gap:12px;
}

.live-user img{
	width:42px;
	height:42px;
	border-radius:50%;
	margin:0;
}

.live-user div{
	height:42px;
	display:flex!important;
	flex-direction:column;
	justify-content:center;
}

.live-user strong{
	display:block;
	margin:0;
	font-size:18px;
	line-height:1;
}

.live-user span{
	display:block;
	margin-top:6px;
	color:#888;
	font-size:13px;
	line-height:1;
}

.live-text{
	margin-top:10px;
	font-size:16px;
	line-height:1.2;
}

.live-text b,
.live-xp{
	color:#ffb700;
}

.live-xp{
	margin-top:10px;
	font-size:22px;
	font-weight:900;
}

/* =========================================
   ACHIEVEMENT SMALL
========================================= */

.achievement{
	text-align:center;
}

.achievement img{
	width:100%;
	border-radius:14px;
}

.achievement span{
	display:block;
	margin-top:10px;
	font-size:15px;
}

.achievement small{
	display:block;
	margin-top:5px;
	color:#777;
	font-size:11px;
	line-height:1.2;
}

.achievement-xp{
	margin-top:10px;
	color:#ffc400;
	font-size:13px;
	font-weight:1000;
	text-transform:uppercase;
	letter-spacing:.04em;
}

/* =========================================
   RATING
========================================= */

.rating-list{
	margin-top:26px;
}

.rating-item{
	justify-content:space-between;
	padding:14px 0;
	border-bottom:2px solid rgba(255,255,255,.08);
}

.rating-user{
	gap:14px;
}

.rating-user img{
	width:38px;
	height:38px;
	border-radius:50%;
}

.place{
	display:flex;
	align-items:center;
	justify-content:center;
	width:20px;
	height:30px;
	border-radius:50%;
	font-weight:900;
}



/* =========================================
   CALENDAR
========================================= */

.calendar{
	margin-top:24px;
}

.calendar__head,
.calendar__row{
	display:grid;
	grid-template-columns:28px repeat(7,1fr);
	gap:8px;
	align-items:center;
}

.calendar__head{
	margin-bottom:10px;
}

.calendar__head b{
	color:#cfcfcf;
	font-size:13px;
	text-align:center;
}

.calendar__row{
	margin-bottom:8px;
}

.calendar__row span{
	color:#bfbfbf;
	font-size:13px;
	text-align:left;
}

.calendar__row i{
	display:flex;
	align-items:center;
	justify-content:center;
	height:28px;
	border-radius:6px;
	background:rgba(255,255,255,.08);
	color:#1a1200;
	font-style:normal;
	font-size:10px;
	font-weight:900;
}

.calendar__row i.low,
.calendar-legend__colors .low{
	background:#6d8f13;
	color:#000000!important;
}

.calendar__row i.medium,
.calendar-legend__colors .medium{
	background:#d2a514;
	color:#000000!important;
}

.calendar__row i.hard,
.calendar-legend__colors .hard{
	background:#df6813;
	color:#000000!important;
}

.calendar__row i.extreme,
.calendar-legend__colors .extreme{
	background:#b92817;
	color:#ffffff!important;
}

.calendar-legend{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	gap:12px;
	height:46px;
	margin-top:auto;
	padding:0 18px;
	border-radius:12px;
	background:rgba(255,255,255,.035);
	color:#aaa;
	font-size:13px;
	text-transform:uppercase;
}

.calendar-legend__label{
	color:#fff;
	font-size:13px;
	font-weight:900;
	letter-spacing:.35px;
	text-transform:uppercase;
	white-space:nowrap;
}

.calendar-legend__colors{
	display:flex;
	justify-content:center;
	gap:8px;
}

.calendar-legend__colors i{
	width:32px;
	height:14px;
	border-radius:5px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

/* =========================================
   TOURNAMENT CARD
========================================= */

.tournament-card{
	display:grid;
	grid-template-columns:180px 1fr;
	align-items:start;
	gap:22px;
	min-height:210px;
	padding:18px;
	border-radius:22px;
	border:1px solid rgba(255,255,255,.08);
	background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}

.tournament-card__image{
	height:300px;
	border-radius:18px;
	overflow:hidden;
}

.tournament-card__image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.tournament-card__content{
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.tournament-card__content strong,
.tournament-card strong{
	display:block;
	color:#fff;
	font-size:34px;
	line-height:1;
	text-transform:uppercase;
}

.tournament-card__content span{
	display:block;
	margin-top:12px;
	color:#ffb400;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.tournament-card__content small{
	display:block;
	margin-top:10px;
	color:#9a9a9a;
	font-size:15px;
}

.tournament-prize{
	margin-top:30px;
	margin-bottom:15px;
}

.tournament-prize span{
	display:block;
	margin-bottom:6px;
	color:#7d7d7d;
	margin-top: 28px;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.tournament-prize b,
.tournament-card__content b{
	display:block;
	margin-top:14px;
	color:#ffc400;
	font-size:20px;
}

.tournament-join{
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	width:max-content;
	height:48px;
	margin-top:28px!important;
	padding:0 28px;
	border:0;
	border-radius:12px;
	background:linear-gradient(180deg,#ffd34a,#ffb300);
	color:#111;
	font-size:14px;
	text-transform:uppercase;
	cursor:pointer;
	font-weight: 700;
	box-shadow:0 12px 26px rgba(255,179,0,.22);
}

.tournament-join.tournament-join--disabled{
	pointer-events:none;
}

.tournament-join.tournament-join--joined,
.tournament-join.tournament-join--disabled{
	background:#3b3b3b!important;
	color:#ffffff!important;
	box-shadow:none!important;
	cursor:pointer;
	pointer-events:auto;
}
/* =========================================
   FOOTER
========================================= */

.site-footer{
	position:relative;
	overflow:hidden;
	min-height:620px;
	margin-top:80px;
	background:url("../assets/img/footer-bg.webp") center top/contain no-repeat,#030303;
}

.site-footer__overlay{
	position:absolute;
	inset:0;
	background:
		linear-gradient(180deg,rgba(3,3,3,.18),rgba(3,3,3,.78)),
		linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.52) 50%,rgba(0,0,0,.18));
	pointer-events:none;
}

.site-footer__inner{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:1.4fr repeat(3,1fr);
	gap:60px;
	padding:150px 0 58px;
}

.footer-logo{
	display:inline-flex;
	align-items:center;
	gap:10px;
	color:#fff;
}

.footer-logo span{
	font-size:42px;
	font-weight:1000;
	text-transform:uppercase;
	letter-spacing:-1px;
}

.footer-logo i{
	font-style:normal;
	font-size:36px;
	filter:drop-shadow(0 0 10px rgba(255,190,0,.55));
}

.footer-brand p{
	margin:22px 0 0;
	color:#cfcfcf;
	font-size:18px;
	line-height:1.45;
}

.footer-socials{
	gap:14px;
	margin-top:30px;
}

.footer-socials a{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border:1px solid rgba(255,196,0,.45);
	border-radius:50%;
	color:#ffc400;
	font-size:13px;
	font-weight:1000;
	background:rgba(0,0,0,.32);
	transition:.18s ease;
}

.footer-col h4{
	margin:0 0 22px;
	color:#ffc400;
	font-size:22px;
	font-weight:1000;
	text-transform:uppercase;
	letter-spacing:.8px;
}

.footer-col a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	max-width:220px;
	padding:8px 0;
	color:#cfcfcf;
	font-size:17px;
	line-height:1.3;
	transition:.18s ease;
}



.site-footer__bottom{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:32px;
	padding:28px 0 34px;
	color:#aaa;
	font-size:14px;
}

.footer-warning{
	gap:14px;
	text-transform:uppercase;
}

.footer-warning b{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border:2px solid #ffc400;
	border-radius:50%;
	color:#ffc400;
	font-size:20px;
	font-weight:1000;
}

.footer-warning span{
	max-width:300px;
	line-height:1.35;
}

.footer-links{
	display:flex;
	justify-content:flex-end;
	gap:18px;
}

.footer-links a{
	color:#ffc400;
	font-size:14px;
	font-weight:800;
}

/* =========================================
   RESPONSIVE
========================================= */

@media(max-width:1250px){

	.header{
		grid-template-columns:auto 1fr;
	}

	.nav{
		order:3;
		grid-column:1/-1;
		justify-content:flex-start;
		gap:24px;
	}

	.hero__content{
		grid-template-columns:1fr;
		margin-top:45px;
	}

}

@media(max-width:1000px){

	.site-footer__inner{
		grid-template-columns:1fr 1fr;
		gap:36px;
	}

	.site-footer__bottom{
		grid-template-columns:1fr;
		text-align:left;
	}

	.footer-links{
		justify-content:flex-start;
		flex-wrap:wrap;
	}

}

@media(max-width:900px){

	.tournament-card{
		grid-template-columns:1fr;
	}

	.tournament-card__image{
		height:220px;
	}

}

@media(max-width:760px){

.profile-progress{
	margin:20px 0 12px!important;

}

.site-footer {
	position: relative;
	overflow: hidden;
	min-height: 620px;
	margin-top: 80px;
	background: url(../assets/img/bg_mobile_footer.webp) center top / contain no-repeat, #030303;
}	
	
	
.panel {
	padding: 20px!important;
	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.045),
			rgba(255,255,255,.018)
		)!important;
	box-shadow:0 24px 60px rgba(0,0,0,.35);
	border: 1px solid rgba(255, 255, 255, .12)!important;
}

.drink-types {
	gap: 18px 6px!important;
}

.drink-type b {
	font-size: 11px!important;
}
	.hero{
		background-position:45% center;
	}

	.header{
		display:flex;
		align-items:flex-start;
		justify-content: space-between;
	}

.dashboard {
	width: min(1470px, 92vw)!important;
	margin-bottom:0px!important;
	margin-top:20px!important;
	
}

.team-info span, .team-info small {
	display: block;
	color: #aaa;
	font-size: 11px!important;
	line-height: 1.35;
}

.rating-user b {
	font-weight:300!important;
	font-size: 13px;
}
.team-item {
	grid-template-columns: 56px 1fr 100px!important;
}

.team-chart {
	width: 100px!important;
}
.hero {
	min-height: 55vh!important;
}
.dashboard-grid {
	margin-top: 20px!important;
}

.tournaments-section {
	margin-top: 20px!important;
}

.drink-volume-box, .drink-check-box {
	margin-bottom: 0px!important;
	padding: 0px!important;
	border: none!important;
	background:none!important;
}


.block-title__left {
	font-size: 20px!important;
}

.drink-bottom {
	margin-top: 20px!important;
}

.panel h3 {
	font-size: 20px!important;
}

.live-grid {
	gap: 10px!important;
}

.live-panel {
	position: relative;
	padding: 20px!important;
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 16px!important;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .04);
	backdrop-filter: blur(14px);
	background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)) !important;
}

.live-card__achievement {
	flex: 0 0 80px!important;
}

.features {
	display: grid;
	gap: 8px!important;
}
.block-link {
	font-size: 12px!important;
}

.live-card {
	min-height: 80px;
	padding: 15px;
	position:relative;
}

.live-card__achievement img {
	width: 80px;
	height: 80px;
	border:1px solid rgba(255,255,255,.08);
	background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}

.live-card__content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	min-height: 80px!important;
}

.tournaments-section {
	width: min(1470px, 92vw)!important;
	margin-left: auto;
	margin-right: auto;
		box-shadow:0 24px 60px rgba(0,0,0,.35)!important;
	border: 1px solid rgba(255, 255, 255, .12)!important;
	border-radius:16px!important;
	background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)) !important;
}

.modal {
	padding: 10px!important;
}

.modal-box {
	padding: 20px!important;
}

.hero__buttons {
	flex-wrap: wrap;
	gap: 18px;
	margin-bottom: 40px!important;
}

.full-modal__close {
	position: absolute;
	top: 16px;
	right: 18px;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 50%;
	background: linear-gradient(180deg, #ffd34a, #ffb300);
	color: #fff;
	font-size: 28px;
	font-weight: 1000;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(255, 179, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .35);
	transition: .18s ease;
}

.modal-box h3 {
	font-size: 30px!important;
}

.tournaments-section .tournaments-panel {
	width: 100%!important;
	padding:18px!important;
	border: 0px!important;
	background: none!important;
}

	.tournament-card {
		grid-template-columns: 0.6fr 1fr!important;
		align-items: start!important;
		padding: 15px!important;
		border-radius: 18px!important;
	}
	
	.tournament-card__image {
		height: 200px!important;
	}

.tournament-card__content strong, .tournament-card strong {
	font-size: 20px!important;

}

	.tournament-card__image img {
	width: auto;
	height: 100%!important;
}

	.tournament-list {
		grid-template-columns: 1fr;
	}
	
	.drink-types {
		grid-template-columns: 1fr 1fr 1fr 1fr!important;
	}
	
 .drink-type__image {
	width: 65px!important;
	height: 65px!important;
}   
	
		.steps {
		grid-template-columns: 1fr 1fr!important;
		gap: 22px;
	}
	
	.step img {
	height: 75px!important;
}

.step-arrow {
	display:none;
}

	.profile-panel .live-page-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 100px;
	height: auto;
	padding: 13px;
}

.live-text {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.2;
	width: 115px;
}

.live-xp {
		bottom: 18px;
		font-size: 18px;
		font-weight: 900;
		position: absolute;
		right: 108px;
}

.profile-panel .live-card__achievement {
	flex: 0 0 80px!important;
	width: 80px!important;
	height: 80px!important;
	margin: 0;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profile-panel .live-card__achievement img {
	width: 80px!important;
	height: 80px!important;
	object-fit: cover;
	border-radius: 12px!important;
	display: block;
	
}

.profile-panel .live-card__content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	min-height: 80px!important;
}

.profile-panel .live-page-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 80px!important;
	height: auto;
	padding: 13px!important;
}

	.nav{
		display:none;
	}

	.auth{
		gap:8px;
	}

	.logo__word{
		font-size:30px;
	}

	.logo__mug{
		font-size:32px;
	}

	.logo__sub{
		font-size:11px;
	}

	.hero__content{
		margin-top:5px;
	}

.hero__buttons {
	justify-content: space-between!important;
}

	h1{
		font-size:60px;
		letter-spacing:-1px;
	}

.achievements-grid {
	margin-bottom: 10px!important;
}

.live-panel:before {
	content: "";
	background: none!important;
}

	h2{
		font-size:24px;
	}

	.features li{
		font-size:14px;
	}

	.btn{
		height:48px;
		padding:0 16px;
		font-size:14px;
	}

	.profile-avatar{
		margin:0 auto;
		height: 60px;
		margin-right: 10px;
	}


.profile-team {
		position: absolute;
		top: 0px;
		right: 0px;
		text-align: right;
	}

	.profile-team__box{
		justify-content:center;
		margin-top:0px;
	}

	.profile-stats-new,
	.profile-extra{
		grid-template-columns:1fr;
	}

	.profile-xp__top,
	.profile-xp__bottom{
		flex-direction:row;
		align-items:flex-start;
		position:relative;
	}

}

@media(max-width:640px){

	.site-footer__inner{
		grid-template-columns:1fr;
		padding: 10px 0 25px;
	}

.footer-col a {
	padding: 5px 0;
	font-size: 14px;
}

	.footer-logo span{
		font-size:34px;
	}

	.footer-col a{
		max-width:none;
	}

}

@media (max-width:768px){

.rating-item{
	justify-content:space-between;
	padding:6px 0;
	border-bottom:2px solid rgba(255,255,255,.08);
}

.rating-user{
	gap:8px;
}

.profile-card-new {
	position: relative;
	display: grid;
	gap: 10px;
	min-height: 0px;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 18px;
	background: none;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .05);
	backdrop-filter: blur(14px);
}

	.profile-main {
		align-items: start;
		position: relative;
		gap: 4px;
		grid-template-columns: 70px 1fr;
		display: grid;
		justify-items: start;
		height: 61px;
	}

	.profile-avatar{
		width:60px;
		min-width:60px;
	}

	.profile-avatar img{
		width:60px;
		height:60px;
	}

	.profile-avatar span{
		width:26px;
		height:26px;
		font-size:11px;
		position: absolute;
		right: -4px;
		bottom: 1px;
	}

	.profile-info{
		min-width:0;
		flex:1;
	}

	.profile-name{
		font-size:16px;
		line-height:1.1;
		
	}

.profile-status-label {
	margin-top: 15px;
	position: absolute;
		font-size: 10px;
		left: 5px;
		top: 50px;
}

	.profile-status{
		font-size:10px;
		margin-top:0px;
		position: absolute;
		left: 5px;
		top: 80px;
	}

	.profile-team__box{
		padding: 10px 0 10px 10px;
		border-radius:16px;
	}
	.profile-team__label {
	font-size: 14px;
}


	.profile-team__box img{
		width:55px;
		height:55px;
		border-radius:12px;
	}

	.profile-team__text span{
		font-size:13px;
	}

	.profile-team__text small{
		font-size:11px;
	}

	.profile-stats-new{
		grid-template-columns:repeat(3,1fr);
		gap:8px;
		margin-top:30px;
	}

	.profile-stats-new div{
		padding: 12px;
		border-radius:12px;
	}

	.profile-stats-new span{
		font-size:8px;
	}

	.profile-stats-new strong{
		font-size:14px;
	}

	.profile-xp{
		margin-top:0px;
		padding: 12px;
		border-radius:12px;
	}

	.profile-xp__top strong{
		font-size:15px;
		position: absolute;
		top: 15px;
	}

	.profile-xp__bottom{
		font-size:11px;
	}

	.profile-extra{
		grid-template-columns:1fr 1fr;
		gap:10px;
		margin-top:0px;
	}

	.profile-coef{
		padding: 10px;
		border-radius:12px;
	}

	
	.profile-condition{
		padding: 10px 10px 0 10px;
		border-radius:12px;
	}	
.profile-extra__label {
	font-size: 8px;
}

.profile-coef__row, .profile-condition__row {
	margin-top: 0px;
}

	.profile-coef strong,
	.profile-condition strong{
		font-size:16px;
	}
	
	
	.levels-table-head h3 {
	font-size: 20px;
}
.levels-table-head span {
	font-size: 12px;
}


}

@media (max-width:768px){
	a.mrak{
		display:none !important;
	}
.btn--more{
	color:#120d00;
	background:linear-gradient(180deg,#ffd34a 0%,#ffb300 100%);
	border-color:rgba(255,214,76,.65);
	box-shadow:
		0 12px 28px rgba(255,179,0,.22),
		inset 0 1px 0 rgba(255,255,255,.45);
}	
	a.profile-edit-btn {
		display:none;
	}
	
	.hero__left {
	display: none;
}
}


.live-card:not(.live-card--drink) .live-card__achievement img{
	border:0!important;
	background:none!important;
}

.live-card.live-card--drink .live-card__achievement img{
	border:2px solid rgba(255,255,255,.08)!important;
	background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))!important;
}