@font-face {
	font-family: 'Manrope';
	src: url('../fonts/manrope-cyr.woff2') format('woff2');
	font-weight: 400 800;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Manrope';
	src: url('../fonts/manrope-lat.woff2') format('woff2');
	font-weight: 400 800;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--bg: #08080A;
	--panel: #111114;
	--panel-2: #16161A;
	--line: #232329;
	--line-2: #2E2E36;
	--text: #FFFFFF;
	--muted: #A3A3AD;
	--dim: #6E6E78;
	--gold: #F7931A;
	--gold-hi: #FFC25C;
	--gold-soft: rgba(247, 147, 26, .12);
	--gold-line: rgba(247, 147, 26, .32);
	--grad: linear-gradient(135deg, #FFCB6B 0%, #F7931A 55%, #E07A00 100%);
	--glow: 0 0 0 1px rgba(247, 147, 26, .35), 0 12px 40px -8px rgba(247, 147, 26, .45);
	--r: 20px;
	--r-sm: 14px;
	--shell: 1360px;
	--gap: 120px;
	--font: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font: 400 16px/1.65 var(--font);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img,
svg {
	display: block;
	max-width: 100%;
}

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

.bc-shell {
	width: 100%;
	max-width: var(--shell);
	margin-inline: auto;
	padding-inline: 32px;
}

.bc-shell--narrow {
	max-width: 960px;
}

.bc-skip {
	position: absolute;
	left: 16px;
	top: -60px;
	z-index: 100;
	padding: 10px 16px;
	border-radius: 10px;
	background: var(--gold);
	color: #000;
	font-weight: 700;
}

.bc-skip:focus {
	top: 12px;
}

.bc-i {
	flex: none;
}

:focus-visible {
	outline: 2px solid var(--gold-hi);
	outline-offset: 3px;
}

/* ---------- buttons ---------- */

.bc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: var(--grad);
	color: #140B00;
	font: 700 15px/1 var(--font);
	white-space: nowrap;
	cursor: pointer;
	box-shadow: 0 8px 24px -10px rgba(247, 147, 26, .7);
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}

.bc-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 32px -10px rgba(247, 147, 26, .9);
}

.bc-btn--ghost {
	background: transparent;
	color: var(--text);
	box-shadow: inset 0 0 0 1px var(--line-2);
}

.bc-btn--ghost:hover {
	box-shadow: inset 0 0 0 1px var(--gold-line);
	color: var(--gold-hi);
}

.bc-btn--lg {
	min-height: 56px;
	padding: 0 32px;
	font-size: 16px;
}

/* ---------- header ---------- */

.bc-head {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(8, 8, 10, .72);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid transparent;
	transition: border-color .25s ease, background-color .25s ease;
}

.bc-head.is-stuck {
	background: rgba(8, 8, 10, .92);
	border-bottom-color: var(--line);
}

.bc-head__bar {
	display: flex;
	align-items: center;
	gap: 40px;
	height: 84px;
}

.bc-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex: none;
}

.bc-brand__mark {
	width: 40px;
	height: 40px;
	filter: drop-shadow(0 0 14px rgba(247, 147, 26, .35));
}

.bc-brand__img {
	height: 40px;
	width: auto;
}

.bc-brand__word {
	font-size: 21px;
	font-weight: 800;
	letter-spacing: -.02em;
	color: var(--text);
}

.bc-brand__word b {
	font-weight: 800;
	color: var(--gold);
}

.bc-nav {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-inline: auto;
}

.bc-nav a {
	padding: 10px 14px;
	border-radius: 999px;
	color: var(--muted);
	font-size: 15px;
	font-weight: 600;
	transition: color .2s ease, background-color .2s ease;
}

.bc-nav a:hover {
	color: var(--text);
	background: rgba(255, 255, 255, .04);
}

.bc-auth {
	display: flex;
	gap: 10px;
}

.bc-burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 44px;
	height: 44px;
	margin-left: auto;
	padding: 0 11px;
	border: 1px solid var(--line-2);
	border-radius: 12px;
	background: transparent;
	cursor: pointer;
}

.bc-burger span {
	display: block;
	height: 2px;
	border-radius: 2px;
	background: var(--text);
	transition: transform .2s ease, opacity .2s ease;
}

.bc-burger[aria-expanded="true"] span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.bc-burger[aria-expanded="true"] span:nth-child(2) {
	opacity: 0;
}

.bc-burger[aria-expanded="true"] span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.bc-drawer {
	border-top: 1px solid var(--line);
	padding-block: 16px 24px;
}

.bc-drawer__nav {
	display: grid;
}

.bc-drawer__nav a {
	padding: 14px 4px;
	border-bottom: 1px solid var(--line);
	font-size: 17px;
	font-weight: 600;
}

.bc-drawer__auth {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 20px;
}

/* ---------- page frame ---------- */

.bc-wrap {
	padding-block: 32px var(--gap);
}

.bc-sec {
	margin-top: var(--gap);
}

.bc-sec__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 36px;
}

.bc-kicker {
	display: block;
	margin-bottom: 10px;
	color: var(--gold);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.bc-sec__title {
	display: block;
	font-size: clamp(28px, 3.2vw, 42px);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.bc-sec__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--muted);
	font-weight: 600;
	transition: color .2s ease, gap .2s ease;
}

.bc-sec__more:hover {
	color: var(--gold-hi);
	gap: 12px;
}

/* ---------- hero ---------- */

.bc-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	align-items: center;
	gap: 40px;
	min-height: 640px;
	padding: 56px 64px 56px 80px;
	border: 1px solid rgba(247, 147, 26, .28);
	border-radius: 32px;
	background:
		radial-gradient(48% 70% at 74% 46%, rgba(247, 147, 26, .38), transparent 70%),
		radial-gradient(40% 50% at 100% 100%, rgba(255, 94, 0, .28), transparent 70%),
		radial-gradient(45% 55% at 0% 0%, rgba(255, 194, 92, .14), transparent 70%),
		radial-gradient(30% 40% at 30% 110%, rgba(247, 147, 26, .16), transparent 70%),
		linear-gradient(155deg, #1C130A 0%, #0E0C0D 45%, #0B0A0C 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 214, 150, .18),
		0 40px 120px -50px rgba(247, 147, 26, .55);
	overflow: hidden;
	isolation: isolate;
}

/* A blockchain grid behind the art, faded towards the copy. */
.bc-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image:
		linear-gradient(rgba(255, 196, 120, .06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 196, 120, .06) 1px, transparent 1px);
	background-size: 56px 56px;
	-webkit-mask-image: radial-gradient(60% 80% at 72% 50%, #000 30%, transparent 80%);
	mask-image: radial-gradient(60% 80% at 72% 50%, #000 30%, transparent 80%);
}

/* A thin gold light line along the top edge of the panel. */
.bc-hero::after {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 203, 107, .9), transparent);
}

.bc-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px;
	border: 1px solid var(--gold-line);
	border-radius: 999px;
	background: var(--gold-soft);
	color: var(--gold-hi);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .02em;
}

.bc-badge__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gold);
	box-shadow: 0 0 10px var(--gold);
	animation: bc-blink 2s ease-in-out infinite;
}

.bc-hero__title {
	display: block;
	margin-top: 28px;
	font-size: clamp(40px, 4.2vw, 58px);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.035em;
}

.bc-hero__title em {
	font-style: normal;
	background: linear-gradient(100deg, #FFB443 0%, #FFE3A6 22%, #F7931A 45%, #FFB443 70%, #FFE3A6 90%);
	background-size: 220% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: bc-shimmer 7s linear infinite;
	filter: drop-shadow(0 0 24px rgba(247, 147, 26, .35));
}

.bc-hero__lead {
	max-width: 520px;
	margin: 24px 0 0;
	color: #B9B9C2;
	font-size: 18px;
	line-height: 1.6;
}

.bc-hero__lead b {
	color: var(--text);
	font-weight: 700;
}

.bc-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 36px 0 0;
}

.bc-btn--pulse {
	animation: bc-pulse 2.6s ease-in-out infinite;
}

.bc-accept {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 28px;
	color: var(--muted);
	font-size: 14px;
}

.bc-accept__icons {
	display: flex;
}

.bc-accept__icons img {
	width: 30px;
	height: 30px;
	margin-left: -8px;
	border: 2px solid #0E0C0D;
	border-radius: 50%;
	background: #0E0C0D;
}

.bc-accept__icons img:first-child {
	margin-left: 0;
}

.bc-accept b {
	color: var(--text);
}

.bc-stats {
	display: flex;
	gap: 48px;
	margin: 40px 0 0;
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.bc-stats dt {
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -.02em;
}

.bc-stats dd {
	margin: 4px 0 0;
	color: var(--dim);
	font-size: 14px;
}

.bc-hero__art {
	position: relative;
	display: grid;
	place-items: center;
}

.bc-stage {
	position: relative;
	width: 100%;
	max-width: 560px;
	margin-inline: auto;
}

.bc-coinart {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
}

/* Floating slot covers — real art, tilted, gold-rimmed. */
.bc-fly {
	position: absolute;
	z-index: 2;
	width: 26%;
	height: auto;
	border-radius: 18px;
	box-shadow:
		0 0 0 1px rgba(255, 203, 107, .55),
		0 18px 40px -12px rgba(0, 0, 0, .8),
		0 0 36px -6px rgba(247, 147, 26, .55);
	animation: bc-fly 8s ease-in-out infinite;
}

.bc-fly--0 {
	top: 2%;
	left: 2%;
	--r: -12deg;
}

.bc-fly--1 {
	top: 38%;
	right: -4%;
	width: 23%;
	--r: 10deg;
	animation-delay: -4s;
}

/* Twinkling four-point sparks. */
.bc-spark {
	position: absolute;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: #FFE3A6;
	clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%);
	filter: drop-shadow(0 0 6px #FFB443);
	animation: bc-twinkle 3.2s ease-in-out infinite;
}

.bc-spark--0 { top: 18%; left: 42%; }
.bc-spark--1 { top: 30%; right: 22%; width: 12px; height: 12px; animation-delay: -1s; }
.bc-spark--2 { bottom: 26%; left: 26%; width: 14px; height: 14px; animation-delay: -2s; }
.bc-spark--3 { bottom: 12%; right: 30%; animation-delay: -.5s; }
.bc-spark--4 { top: 8%; right: 38%; width: 10px; height: 10px; animation-delay: -2.6s; }
.bc-spark--5 { top: 58%; left: 6%; width: 12px; height: 12px; animation-delay: -1.6s; }

.bc-orbit {
	transform-origin: 300px 300px;
	animation: bc-spin 80s linear infinite;
}

.bc-float {
	animation: bc-float 7s ease-in-out infinite;
}

.bc-sweep {
	animation: bc-sweep 5.5s ease-in-out infinite;
}

.bc-tok {
	animation: bc-float 9s ease-in-out infinite;
}

.bc-tok--1 {
	animation-delay: -3s;
}

.bc-tok--2 {
	animation-delay: -5s;
}

/* The welcome bonus, as a glass ticket on the stage. */
.bc-ticket {
	position: absolute;
	z-index: 3;
	left: -4%;
	bottom: 2%;
	display: flex;
	flex-direction: column;
	min-width: 280px;
	padding: 20px 24px;
	border: 1px solid rgba(255, 203, 107, .4);
	border-radius: 20px;
	background: linear-gradient(145deg, rgba(40, 26, 10, .78), rgba(14, 12, 13, .82));
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .9), 0 0 40px -10px rgba(247, 147, 26, .5);
	transition: transform .25s ease, border-color .25s ease;
}

.bc-ticket:hover {
	transform: translateY(-3px);
	border-color: var(--gold-hi);
}

.bc-ticket__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--gold-hi);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.bc-ticket__figure {
	margin-top: 10px;
	background: var(--grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -.03em;
}

.bc-ticket__detail {
	margin-top: 4px;
	font-size: 14px;
	font-weight: 600;
}

.bc-ticket__row {
	display: flex;
	gap: 18px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px dashed rgba(255, 203, 107, .3);
	color: var(--muted);
	font-size: 13px;
}

.bc-ticket__row b {
	color: var(--gold-hi);
}

@keyframes bc-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes bc-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-8px);
	}
}

@keyframes bc-fly {
	0%,
	100% {
		transform: translateY(0) rotate(var(--r, 0deg));
	}
	50% {
		transform: translateY(-12px) rotate(calc(var(--r, 0deg) * .7));
	}
}

@keyframes bc-sweep {
	0%,
	55% {
		transform: rotate(20deg) translateX(-160px);
	}
	100% {
		transform: rotate(20deg) translateX(560px);
	}
}

@keyframes bc-twinkle {
	0%,
	100% {
		opacity: .2;
		transform: scale(.6) rotate(0deg);
	}
	50% {
		opacity: 1;
		transform: scale(1) rotate(45deg);
	}
}

@keyframes bc-shimmer {
	to {
		background-position: -220% 0;
	}
}

@keyframes bc-pulse {
	0%,
	100% {
		box-shadow: 0 8px 24px -10px rgba(247, 147, 26, .7), 0 0 0 0 rgba(247, 147, 26, .45);
	}
	50% {
		box-shadow: 0 8px 24px -10px rgba(247, 147, 26, .7), 0 0 0 10px rgba(247, 147, 26, 0);
	}
}

@keyframes bc-blink {
	50% {
		opacity: .35;
	}
}

/* ---------- games ---------- */

.bc-games {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 24px;
}

.bc-game {
	display: block;
}

.bc-game__art {
	position: relative;
	display: block;
	border-radius: var(--r);
	overflow: hidden;
	background: var(--panel);
	aspect-ratio: 1;
	transition: transform .25s ease, box-shadow .25s ease;
}

.bc-game__art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.bc-game__play {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(8, 8, 10, .55);
	opacity: 0;
	transition: opacity .25s ease;
}

.bc-game__play .bc-i {
	width: 56px;
	height: 56px;
	padding: 17px;
	border-radius: 50%;
	background: var(--grad);
	color: #140B00;
	fill: #140B00;
}

.bc-game:hover .bc-game__art {
	transform: translateY(-4px);
	box-shadow: var(--glow);
}

.bc-game:hover .bc-game__art img {
	transform: scale(1.05);
}

.bc-game:hover .bc-game__play {
	opacity: 1;
}

.bc-game__name {
	display: block;
	margin-top: 14px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bc-game__prov {
	display: block;
	color: var(--dim);
	font-size: 14px;
}

/* ---------- why crypto ---------- */

.bc-why {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: 80px;
	align-items: start;
}

.bc-why__lead {
	max-width: 440px;
	margin: 20px 0 0;
	color: var(--muted);
	font-size: 17px;
}

.bc-why__coins {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 32px;
}

.bc-coin {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px 8px 8px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--panel);
	font-size: 14px;
}

.bc-coin img {
	width: 24px;
	height: 24px;
}

.bc-coin b {
	font-weight: 700;
}

.bc-coin span {
	color: var(--dim);
}

.bc-feats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px 48px;
}

.bc-feat__icon {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border: 1px solid var(--gold-line);
	border-radius: 16px;
	background: var(--gold-soft);
	color: var(--gold-hi);
}

.bc-feat__title {
	display: block;
	margin-top: 22px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.bc-feat__text {
	margin: 10px 0 0;
	color: var(--muted);
}

/* ---------- live ---------- */

.bc-live {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.bc-table {
	display: block;
}

.bc-table__art {
	position: relative;
	display: block;
	border-radius: var(--r);
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: var(--panel);
	transition: transform .25s ease, box-shadow .25s ease;
}

.bc-table__art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

.bc-table:hover .bc-table__art {
	transform: translateY(-4px);
	box-shadow: var(--glow);
}

.bc-table:hover .bc-table__art img {
	transform: scale(1.04);
}

.bc-live-dot {
	position: absolute;
	top: 14px;
	left: 14px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 11px;
	border-radius: 999px;
	background: rgba(8, 8, 10, .72);
	backdrop-filter: blur(6px);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.bc-live-dot::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FF4D4D;
	box-shadow: 0 0 8px #FF4D4D;
}

.bc-table__meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-top: 14px;
}

.bc-table__name {
	font-weight: 700;
}

.bc-table__prov {
	color: var(--dim);
	font-size: 14px;
}

/* ---------- faq ---------- */

.bc-faq {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: 80px;
	align-items: start;
}

.bc-faq__intro .bc-btn {
	margin-top: 32px;
}

.bc-faq__list {
	border-top: 1px solid var(--line);
}

.bc-qa {
	border-bottom: 1px solid var(--line);
}

.bc-qa summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 26px 0;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
	transition: color .2s ease;
}

.bc-qa summary::-webkit-details-marker {
	display: none;
}

.bc-qa summary:hover {
	color: var(--gold-hi);
}

.bc-qa__sign {
	position: relative;
	flex: none;
	width: 32px;
	height: 32px;
	border: 1px solid var(--line-2);
	border-radius: 50%;
}

.bc-qa__sign::before,
.bc-qa__sign::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 1.6px;
	margin: -.8px 0 0 -6px;
	background: currentColor;
	transition: transform .25s ease;
}

.bc-qa__sign::after {
	transform: rotate(90deg);
}

.bc-qa[open] .bc-qa__sign {
	border-color: var(--gold-line);
	color: var(--gold);
}

.bc-qa[open] .bc-qa__sign::after {
	transform: rotate(0deg);
}

.bc-qa p {
	max-width: 680px;
	margin: -6px 0 0;
	padding: 0 56px 28px 0;
	color: var(--muted);
}

/* ---------- CMS copy ---------- */

.bc-copy {
	max-width: 1200px;
	margin: var(--gap) auto 0;
	color: #D6D6DC;
	font-size: 17px;
	line-height: 1.75;
}

.bc-shell--narrow .bc-copy {
	margin-top: 40px;
}

.bc-copy > :first-child {
	margin-top: 0;
}

.bc-copy h1,
.bc-copy h2,
.bc-copy h3,
.bc-copy h4 {
	color: var(--text);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.02em;
}

.bc-copy h1 {
	margin: 0 0 28px;
	font-size: clamp(32px, 3.6vw, 48px);
	letter-spacing: -.03em;
}

.bc-copy h2 {
	margin: 64px 0 20px;
	font-size: clamp(26px, 2.6vw, 34px);
}

.bc-copy h3 {
	margin: 40px 0 14px;
	font-size: 22px;
}

.bc-copy h4 {
	margin: 32px 0 12px;
	font-size: 18px;
}

.bc-copy p {
	margin: 0 0 20px;
}

.bc-copy a {
	color: var(--gold-hi);
	text-decoration: underline;
	text-decoration-color: var(--gold-line);
	text-underline-offset: 3px;
}

.bc-copy a:hover {
	text-decoration-color: var(--gold-hi);
}

.bc-copy strong,
.bc-copy b {
	color: var(--text);
}

.bc-copy ul,
.bc-copy ol {
	margin: 0 0 24px;
	padding-left: 0;
	list-style: none;
}

.bc-copy li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 28px;
}

.bc-copy ul > li::before {
	content: '';
	position: absolute;
	left: 4px;
	top: .72em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gold);
	box-shadow: 0 0 8px rgba(247, 147, 26, .6);
}

.bc-copy ol {
	counter-reset: bc-ol;
}

.bc-copy ol > li {
	counter-increment: bc-ol;
}

.bc-copy ol > li::before {
	content: counter(bc-ol);
	position: absolute;
	left: 0;
	top: .2em;
	width: 20px;
	color: var(--gold);
	font-weight: 800;
	font-size: 15px;
}

.bc-copy img {
	height: auto;
	margin: 32px auto;
	border-radius: var(--r);
}

.bc-copy figure {
	margin: 32px 0;
}

.bc-copy figure img {
	margin: 0 auto;
}

.bc-copy figcaption {
	margin-top: 10px;
	color: var(--dim);
	font-size: 14px;
	text-align: center;
}

.bc-copy blockquote {
	margin: 32px 0;
	padding: 24px 28px;
	border-left: 3px solid var(--gold);
	border-radius: 0 var(--r-sm) var(--r-sm) 0;
	background: var(--panel);
	color: var(--text);
}

.bc-copy blockquote p:last-child {
	margin-bottom: 0;
}

.bc-copy table {
	width: 100%;
	margin: 32px 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	overflow: hidden;
	font-size: 15px;
}

.bc-copy th,
.bc-copy td {
	padding: 14px 18px;
	border-bottom: 1px solid var(--line);
	text-align: left;
	vertical-align: top;
}

.bc-copy th {
	background: var(--panel-2);
	color: var(--text);
	font-weight: 700;
}

.bc-copy tr:last-child td {
	border-bottom: 0;
}

.bc-copy tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, .015);
}

.bc-copy hr {
	margin: 48px 0;
	border: 0;
	border-top: 1px solid var(--line);
}

.bc-copy code {
	padding: 2px 6px;
	border-radius: 6px;
	background: var(--panel-2);
	font-size: .9em;
}

/* ---------- toplist ---------- */

.bc-tops {
	display: grid;
	gap: 16px;
}

.bc-top {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) 200px 110px 160px;
	align-items: center;
	gap: 28px;
	padding: 28px 32px;
	border: 1px solid var(--line);
	border-radius: var(--r);
	background: var(--panel);
}

.bc-top:first-child {
	border-color: var(--gold-line);
	background:
		radial-gradient(60% 140% at 100% 0%, rgba(247, 147, 26, .16), transparent 60%),
		var(--panel-2);
}

.bc-top__rank {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--gold-line);
	border-radius: 50%;
	background: var(--gold-soft);
	color: var(--gold-hi);
	font-size: 18px;
	font-weight: 800;
}

.bc-top__name {
	display: block;
	font-size: 19px;
	font-weight: 700;
}

.bc-top__note {
	margin: 6px 0 0;
	color: var(--muted);
	font-size: 15px;
}

.bc-top__figure,
.bc-top__score {
	display: block;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -.02em;
}

.bc-top__figure {
	color: var(--gold-hi);
}

.bc-top__label {
	display: block;
	color: var(--dim);
	font-size: 13px;
}

.bc-top__action .bc-btn {
	width: 100%;
}

/* ---------- review ---------- */

.bc-info {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	gap: 24px;
}

.bc-info__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 40px;
	margin: 0;
	padding: 20px 36px;
	border: 1px solid var(--line);
	border-radius: var(--r);
	background: var(--panel);
}

.bc-info__grid div {
	padding: 18px 0;
	border-bottom: 1px solid var(--line);
}

.bc-info__grid div:nth-last-child(-n+2) {
	border-bottom: 0;
}

.bc-info__grid dt {
	color: var(--dim);
	font-size: 13px;
}

.bc-info__grid dd {
	margin: 4px 0 0;
	font-weight: 600;
}

.bc-info__side {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 36px;
	border: 1px solid var(--gold-line);
	border-radius: var(--r);
	background:
		radial-gradient(90% 90% at 100% 0%, rgba(247, 147, 26, .18), transparent 60%),
		var(--panel-2);
}

.bc-info__side .bc-btn {
	margin-top: auto;
}

.bc-score {
	display: grid;
	grid-template-columns: 96px 1fr 36px;
	align-items: center;
	gap: 14px;
	font-size: 15px;
}

.bc-score__label {
	color: var(--muted);
}

.bc-score__bar {
	height: 6px;
	border-radius: 6px;
	background: var(--line);
	overflow: hidden;
}

.bc-score__bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--grad);
}

.bc-score__val {
	font-weight: 800;
	text-align: right;
}

/* ---------- landing ---------- */

.bc-land {
	min-height: 560px;
}

.bc-land__foot {
	margin: 64px 0 0;
	text-align: center;
}

/* ---------- footer ---------- */

.bc-foot {
	border-top: 1px solid var(--line);
	background:
		radial-gradient(50% 60% at 50% 0%, rgba(247, 147, 26, .06), transparent 70%),
		#060607;
	padding-block: 88px 40px;
}

.bc-foot__top {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
	gap: 56px;
	padding-bottom: 56px;
	border-bottom: 1px solid var(--line);
}

.bc-foot__about {
	max-width: 400px;
	margin: 22px 0 0;
	color: var(--muted);
	font-size: 15px;
}

.bc-foot__social {
	display: flex;
	gap: 10px;
	margin-top: 26px;
}

.bc-soc {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--line-2);
	border-radius: 50%;
	color: var(--muted);
	transition: color .2s ease, border-color .2s ease;
}

.bc-soc svg {
	fill: currentColor;
}

.bc-soc:hover {
	border-color: var(--gold-line);
	color: var(--gold-hi);
}

.bc-foot__col {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bc-foot__head {
	margin-bottom: 6px;
	color: var(--text);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.bc-foot__col a {
	color: var(--muted);
	font-size: 15px;
	transition: color .2s ease;
}

.bc-foot__col a:hover {
	color: var(--gold-hi);
}

.bc-foot__strip {
	display: flex;
	align-items: center;
	gap: 40px;
	padding-block: 32px;
	border-bottom: 1px solid var(--line);
}

.bc-foot__label {
	flex: none;
	width: 140px;
	color: var(--dim);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.bc-foot__coins,
.bc-foot__provs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 36px;
}

.bc-foot__coins {
	gap: 12px;
}

.bc-prov {
	width: 110px;
	height: 32px;
	object-fit: contain;
	opacity: .5;
	filter: grayscale(1) brightness(1.6);
	transition: opacity .2s ease, filter .2s ease;
}

.bc-prov:hover {
	opacity: 1;
	filter: none;
}

.bc-foot__below {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding-top: 32px;
}

.bc-foot__note {
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 760px;
	margin: 0;
	color: var(--dim);
	font-size: 14px;
}

.bc-age {
	display: grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	border: 1.5px solid var(--gold);
	border-radius: 50%;
	color: var(--gold);
	font-size: 14px;
	font-weight: 800;
}

.bc-foot__copy {
	flex: none;
	color: var(--dim);
	font-size: 14px;
}

/* ---------- responsive ---------- */

@media (max-width: 1240px) {
	.bc-head__bar {
		gap: 24px;
	}

	.bc-nav a {
		padding-inline: 10px;
	}

	.bc-hero {
		padding: 56px;
	}

	.bc-games {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bc-top {
		grid-template-columns: 48px minmax(0, 1fr) 170px 150px;
	}

	.bc-top__rating {
		display: none;
	}
}

@media (max-width: 1060px) {
	.bc-nav,
	.bc-auth {
		display: none;
	}

	.bc-burger {
		display: flex;
	}

	.bc-hero {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 56px 48px 48px;
	}

	.bc-hero__art {
		order: -1;
		width: 100%;
		max-width: 460px;
		margin: -16px auto 0;
	}

	.bc-ticket {
		position: relative;
		left: auto;
		bottom: auto;
		width: 100%;
		max-width: 420px;
		margin: -28px auto 0;
	}

	.bc-why,
	.bc-faq {
		grid-template-columns: 1fr;
		gap: 48px;
	}

	.bc-live {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bc-info {
		grid-template-columns: 1fr;
	}

	.bc-foot__top {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bc-foot__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 720px) {
	:root {
		--gap: 80px;
	}

	.bc-shell {
		padding-inline: 16px;
	}

	.bc-head__bar {
		height: 68px;
	}

	.bc-brand__word {
		font-size: 18px;
	}

	.bc-brand__mark {
		width: 34px;
		height: 34px;
	}

	.bc-wrap {
		padding-top: 16px;
	}

	.bc-hero {
		min-height: 0;
		padding: 32px 22px 28px;
		border-radius: 24px;
	}

	.bc-hero__art {
		max-width: none;
		margin-top: -8px;
	}

	.bc-stage {
		max-width: 300px;
	}

	.bc-ticket {
		min-width: 0;
		margin-top: -16px;
		padding: 16px 18px;
	}

	.bc-ticket__figure {
		font-size: 26px;
	}

	.bc-ticket__row {
		gap: 12px;
		font-size: 12px;
	}

	.bc-accept {
		flex-wrap: wrap;
		gap: 10px;
	}

	.bc-hero__title {
		margin-top: 20px;
		font-size: 36px;
	}

	.bc-hero__lead {
		font-size: 16px;
	}

	.bc-hero__cta {
		margin-top: 28px;
	}

	.bc-hero__cta .bc-btn {
		flex: 1 1 100%;
	}

	.bc-stats {
		justify-content: space-between;
		gap: 16px;
		margin-top: 36px;
		padding-top: 24px;
	}

	.bc-stats dt {
		font-size: 22px;
	}

	.bc-stats dd {
		font-size: 12px;
	}

	.bc-sec__head {
		margin-bottom: 24px;
	}

	.bc-sec__more {
		font-size: 14px;
	}

	.bc-games {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.bc-feats {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.bc-live {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.bc-table__meta {
		display: block;
	}

	.bc-table__name,
	.bc-table__prov {
		display: block;
		font-size: 14px;
	}

	.bc-table__prov {
		font-size: 13px;
	}

	.bc-live-dot {
		top: 8px;
		left: 8px;
		padding: 4px 8px;
		font-size: 10px;
	}

	.bc-feat {
		display: grid;
		grid-template-columns: 48px 1fr;
		gap: 4px 16px;
	}

	.bc-feat__icon {
		grid-row: span 2;
		width: 48px;
		height: 48px;
	}

	.bc-feat__title {
		margin-top: 0;
		font-size: 18px;
	}

	.bc-feat__text {
		margin-top: 4px;
		font-size: 15px;
	}

	.bc-qa summary {
		padding: 20px 0;
		font-size: 16px;
	}

	.bc-qa p {
		padding-right: 0;
	}

	.bc-copy {
		font-size: 16px;
	}

	.bc-copy table {
		display: block;
		overflow-x: auto;
	}

	.bc-top {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 16px 18px;
		padding: 22px 20px;
	}

	.bc-top__rank {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.bc-top__offer,
	.bc-top__action {
		grid-column: 1 / -1;
	}

	.bc-info__grid {
		grid-template-columns: 1fr;
		padding: 8px 22px;
	}

	.bc-info__grid div:nth-last-child(2) {
		border-bottom: 1px solid var(--line);
	}

	.bc-info__side {
		padding: 26px 22px;
	}

	.bc-foot {
		padding-top: 64px;
	}

	.bc-foot__top {
		grid-template-columns: 1fr 1fr;
		gap: 40px 24px;
	}

	.bc-foot__col:last-child {
		grid-column: 1 / -1;
	}

	.bc-foot__strip {
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
	}

	.bc-foot__provs {
		gap: 18px 28px;
	}

	.bc-foot__below {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}
}

.bc-land__mark {
	width: 100%;
	max-width: 340px;
	height: auto;
	filter: drop-shadow(0 0 60px rgba(247, 147, 26, .45));
}

@media (max-width: 720px) {
	.bc-land__mark {
		max-width: 180px;
	}
}

/* SITE-LOCAL (2026-10-02): content images at 812px, centred (network rule). */
.bc-copy img {
	display: block;
	width: min(812px, 100%);
}