/*
//=====================================================================================
*/

.candy_page .field_box input:read-only
{
	color: var(--text_dim);
}

.candy_page .field_chip:disabled
{
	opacity: 0.45;
	cursor: default;
}

.candy_lines_box output
{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	overflow: hidden;
	color: var(--text);
	font: 600 15px var(--font_body);
	white-space: nowrap;
}

.candy_lines_box .money,
.candy_page .field_aside .money
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.candy_page .field_aside .money
{
	margin-left: 4px;
}

.candy_lines_box .coin
{
	width: 15px;
	height: 15px;
}

.candy_lines_icon
{
	flex: none;
	width: 19px;
	height: 19px;
	fill: none;
	stroke: #ff8fc6;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.candy_auto
{
	display: grid;
	gap: 8px;
	margin-top: 8px;
}

.candy_counts
{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
}

.candy_counts .field_chip
{
	height: 30px;
	padding: 0 4px;
}

.candy_stops
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
}

.candy_stop
{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 30px;
	padding: 0 8px;
	border-radius: 8px;
	color: var(--text_mute);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	background: rgba(255, 255, 255, 0.04);
	transition: background 0.2s, color 0.2s;
}

.candy_stop:hover
{
	color: var(--text);
}

.stop_box
{
	position: relative;
	flex: none;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	border: 1.5px solid rgba(255, 255, 255, 0.25);
	transition: background 0.2s, border-color 0.2s;
}

.candy_stop[aria-pressed="true"]
{
	color: #fff;
	background: rgba(255, 79, 154, 0.14);
}

.candy_stop[aria-pressed="true"] .stop_box
{
	border-color: #ff6fae;
	background: linear-gradient(180deg, #ff8fc6, #e2338c);
}

.candy_stop[aria-pressed="true"] .stop_box::after
{
	content: "";
	position: absolute;
	left: 3.5px;
	top: 0.5px;
	width: 4px;
	height: 7.5px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(42deg);
}

/*
//=====================================================================================
*/

.candy_stage
{
	gap: 12px;
}

.candy_stage .stage_status
{
	flex: 1 0 280px;
	min-width: 0;
}

.candy_stage .stage_label
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.candy_stage .stage_label .money
{
	display: inline-flex;
	align-items: center;
	gap: 3px;
	vertical-align: -2px;
}

.candy_stage .stage_label .coin
{
	width: 13px;
	height: 13px;
}

.candy_stage .recent_list
{
	flex: 0 1 auto;
	min-width: 0;
	max-width: 58%;
}

.candy_confetti
{
	z-index: 7;
}

.candy_scene
{
	position: relative;
	flex: 1 1 0;
	min-height: 180px;
}

.candy_rig
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 940px;
	height: 700px;
	transform: translate(-50%, -50%) scale(var(--candy_scale, 1));
}

.candy_floor
{
	position: absolute;
	left: 60px;
	right: 130px;
	top: 664px;
	height: 36px;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(2, 1, 8, 0.72), rgba(2, 1, 8, 0));
}

/*
//=====================================================================================
*/

.candy_topper
{
	position: absolute;
	left: 150px;
	top: 36px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 470px;
	height: 104px;
	padding-bottom: 12px;
	border-radius: 36px 36px 8px 8px;
	background: radial-gradient(ellipse 70% 80% at 50% 0%, rgba(255, 255, 255, 0.08), transparent 70%), repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.02) 0 2px, transparent 2px 5px), linear-gradient(180deg, #2c1f5e 0%, #1d1438 70%, #170f30 100%);
	box-shadow: inset 0 0 0 1.5px rgba(245, 196, 81, 0.45), inset 0 0 0 9px #1d1438, inset 0 0 0 10px rgba(245, 196, 81, 0.18), inset 0 -14px 24px rgba(0, 0, 0, 0.35), 0 0 0 10px #0f0a22, 0 0 0 11px rgba(245, 196, 81, 0.12), 0 -10px 30px rgba(0, 0, 0, 0.35);
}

.candy_topper::after
{
	content: "";
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 14px;
	height: 6px;
	border-radius: 3px;
	background: repeating-linear-gradient(-55deg, #ff5ca8 0 7px, #fff4fa 7px 14px);
	box-shadow: inset 0 -1.5px 0 rgba(90, 10, 50, 0.35), 0 1px 0 rgba(0, 0, 0, 0.4);
	opacity: 0.85;
}

.candy_title
{
	padding-left: 0.36em;
	font: 700 31px/1 var(--font_game);
	letter-spacing: 0.36em;
	white-space: nowrap;
	background: linear-gradient(180deg, #fff3c4 0%, #f5c451 52%, #b7791f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 2px 0 rgba(10, 5, 25, 0.85));
}

.candy_subtitle
{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding-left: 0.42em;
	color: rgba(245, 196, 81, 0.66);
	font: 700 10.5px/1 var(--font_game);
	letter-spacing: 0.42em;
	text-transform: uppercase;
	white-space: nowrap;
}

.topper_candy
{
	width: 24px;
	height: 24px;
	margin: -8px 0;
}

/*
//=====================================================================================
*/

.candy_cabinet
{
	position: absolute;
	left: 30px;
	top: 132px;
	z-index: 2;
	width: 800px;
	height: 560px;
	border-radius: 30px;
	background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 70%), repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.018) 0 2px, transparent 2px 5px), linear-gradient(180deg, #281c52 0%, #1d1438 38%, #170f30 100%);
	box-shadow: inset 0 0 0 1.5px rgba(245, 196, 81, 0.42), inset 0 3px 0 1.5px rgba(255, 255, 255, 0.05), inset 0 -10px 30px rgba(0, 0, 0, 0.35), 0 0 0 12px #0f0a22, 0 0 0 13px rgba(245, 196, 81, 0.14), 0 44px 70px rgba(0, 0, 0, 0.6);
}

.candy_cabinet::before
{
	content: "";
	position: absolute;
	inset: 8px;
	border-radius: 23px;
	border: 1px solid rgba(245, 196, 81, 0.13);
	pointer-events: none;
}

.candy_cabinet::after
{
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background: radial-gradient(circle at 15px 15px, #f5d27a 0 2px, #8a5310 2.6px, transparent 3.2px), radial-gradient(circle at calc(100% - 15px) 15px, #f5d27a 0 2px, #8a5310 2.6px, transparent 3.2px), radial-gradient(circle at 15px calc(100% - 15px), #f5d27a 0 2px, #8a5310 2.6px, transparent 3.2px), radial-gradient(circle at calc(100% - 15px) calc(100% - 15px), #f5d27a 0 2px, #8a5310 2.6px, transparent 3.2px);
}

/*
//=====================================================================================
*/

.candy_ticker
{
	position: absolute;
	left: 29px;
	top: 16px;
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr) 170px;
	align-items: center;
	width: 742px;
	height: 32px;
	padding: 0 14px;
	border-radius: 10px;
	color: rgba(245, 196, 81, 0.72);
	font: 700 12px/1 var(--font_game);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	white-space: nowrap;
	background: linear-gradient(180deg, #050309, #0c0819);
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9), inset 0 0 0 1.5px rgba(245, 196, 81, 0.32), 0 1px 0 rgba(255, 255, 255, 0.06);
}

.ticker_side
{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	overflow: hidden;
}

.ticker_right
{
	justify-content: flex-end;
}

.ticker_message
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 0;
	overflow: hidden;
	color: #fff4d6;
	letter-spacing: 0.18em;
	text-overflow: ellipsis;
}

.ticker_message .money
{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #fde68a;
	letter-spacing: 0.06em;
}

.ticker_message .coin
{
	width: 13px;
	height: 13px;
}

.ticker_free
{
	color: #ffc4e0;
}

.ticker_badge
{
	display: inline-grid;
	place-items: center;
	min-width: 40px;
	height: 22px;
	padding: 0 8px;
	border-radius: 7px;
	color: #3b0a24;
	font: 800 14px/1 var(--font_game);
	letter-spacing: 0.04em;
	background: linear-gradient(180deg, #ffd1e7 0%, #ff6fae 55%, #d6337f 100%);
	box-shadow: 0 2px 0 #7d1046, inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

/*
//=====================================================================================
*/

.candy_bezel
{
	position: absolute;
	left: 29px;
	top: 56px;
	width: 742px;
	height: 368px;
	padding: 16px;
	border-radius: 22px;
	background: linear-gradient(180deg, #150e30 0%, #0c0820 100%);
	box-shadow: inset 0 0 0 1.5px rgba(245, 196, 81, 0.42), inset 0 2px 0 1.5px rgba(255, 255, 255, 0.05), inset 0 -3px 8px rgba(0, 0, 0, 0.5), 0 2px 0 rgba(255, 255, 255, 0.04), 0 -2px 0 rgba(0, 0, 0, 0.45);
}

.candy_window
{
	position: relative;
	width: 710px;
	height: 336px;
	overflow: hidden;
	border-radius: 12px;
	background: linear-gradient(180deg, #2a0f4a, #1a0933 50%, #2a0f4a);
	box-shadow: inset 0 0 0 1px rgba(245, 196, 81, 0.3);
	isolation: isolate;
}

.candy_storm
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1040px;
	height: 1040px;
	margin: -478px 0 0 -520px;
	overflow: visible;
	opacity: 0;
	transform-origin: 520px 478px;
	transition: opacity 0.8s var(--ease);
}

.candy_faces
{
	position: absolute;
	inset: 0;
	display: flex;
	gap: 10px;
}

.candy_face
{
	position: relative;
	flex: none;
	width: 134px;
	height: 100%;
	border-radius: 10px;
	background: radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.55) 0 1.2px, transparent 1.8px) 0 0 / 22px 26px, radial-gradient(circle at 70% 64%, rgba(255, 130, 200, 0.35) 0 1.4px, transparent 2px) 0 0 / 30px 34px, linear-gradient(90deg, rgba(90, 20, 110, 0.22) 0%, rgba(255, 255, 255, 0) 16%, rgba(255, 255, 255, 0.18) 46%, rgba(255, 255, 255, 0) 70%, rgba(90, 20, 110, 0.26) 100%), linear-gradient(180deg, #d9a3ff 0%, #f6cdf3 18%, #ffe8f6 42%, #ffe8f6 58%, #f6cdf3 82%, #d9a3ff 100%);
	box-shadow: inset 0 18px 18px -12px rgba(70, 10, 90, 0.55), inset 0 -18px 18px -12px rgba(70, 10, 90, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
	transition: opacity 0.8s var(--ease), filter 0.8s var(--ease);
}

.candy_face + .candy_face::before
{
	content: "";
	position: absolute;
	left: -6px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	border-radius: 1px;
	background: linear-gradient(180deg, rgba(245, 196, 81, 0), rgba(245, 196, 81, 0.55) 20%, rgba(245, 196, 81, 0.55) 80%, rgba(245, 196, 81, 0));
}

.candy_paths,
.candy_frames
{
	position: absolute;
	left: 0;
	top: 0;
	width: 710px;
	height: 336px;
	overflow: visible;
	pointer-events: none;
}

.candy_frames
{
	z-index: 2;
}

.candy_reels
{
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	gap: 10px;
}

.candy_reel
{
	position: relative;
	flex: none;
	width: 134px;
	height: 336px;
	overflow: hidden;
	border-radius: 10px;
}

.candy_reel::after
{
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	padding: 4px;
	border-radius: 10px;
	opacity: 0;
	pointer-events: none;
	background: repeating-linear-gradient(-45deg, #ff4f9a 0 9px, #fff6fb 9px 18px) 0 0 / 25.46px 25.46px;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	transition: opacity 0.25s;
}

.candy_reel.is_tease::after
{
	opacity: 1;
}

.candy_strip
{
	position: absolute;
	inset: 0;
}

.candy_reel.is_fast .candy_strip
{
	filter: url(#candy_vblur);
}

.candy_cell
{
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 134px;
	height: 112px;
	will-change: transform;
}

.cell_svg
{
	display: block;
	width: 104px;
	height: 104px;
	overflow: visible;
	transition: filter 0.3s;
}

.candy_reel.is_fast .cell_svg
{
	transform: scaleY(1.16);
}

.cell_body
{
	transform-origin: 50px 92px;
}

.cell_ghost
{
	opacity: 0;
}

.cell_ghost_up
{
	transform: translateY(-18px);
}

.cell_ghost_down
{
	transform: translateY(18px);
}

.candy_reel.is_fast .cell_ghost
{
	opacity: 0.34;
}

.cell_badge,
.cell_twinkle
{
	display: none;
}

.candy_cell.is_wild .cell_badge
{
	display: inline;
}

.candy_cell.is_wild .cell_art
{
	transform-origin: 50px 46px;
}

.candy_cell.is_scatter .cell_twinkle
{
	display: inline;
	fill: #fffbe6;
}

.cell_twinkle_a
{
	transform-origin: 12px 14px;
}

.cell_twinkle_b
{
	transform-origin: 87px 73px;
}

.cell_svg
{
	transition: filter 0.3s, opacity 0.3s;
}

.candy_cell.is_dim .cell_svg
{
	opacity: 0.4;
	filter: saturate(0.55);
}

.candy_sheen
{
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	border-radius: inherit;
	background: linear-gradient(163deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.05) 26%, rgba(255, 255, 255, 0) 27%), linear-gradient(180deg, rgba(30, 6, 50, 0.42) 0%, rgba(30, 6, 50, 0) 9%, rgba(30, 6, 50, 0) 91%, rgba(30, 6, 50, 0.42) 100%);
	box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(245, 196, 81, 0.28);
}

/*
//=====================================================================================
*/

.line_shade
{
	fill: none;
	stroke: rgba(48, 6, 60, 0.42);
	stroke-width: 15;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.line_base
{
	fill: none;
	stroke: var(--line);
	stroke-width: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.line_stripe
{
	fill: none;
	stroke: #fff;
	stroke-opacity: 0.78;
	stroke-width: 10;
	stroke-dasharray: 7 9;
	stroke-linejoin: round;
}

.line_badge circle
{
	fill: var(--line);
	stroke: #fff;
	stroke-width: 2.4;
}

.line_label
{
	fill: #2a0a2e;
	font: 800 13px/1 var(--font_game);
}

.cell_frame
{
	fill: none;
	stroke: var(--line);
	stroke-width: 4;
	paint-order: stroke;
}

.cell_frame.is_star
{
	stroke: #ffd23f;
	stroke-dasharray: 10 6;
}

/*
//=====================================================================================
*/

.candy_rig.is_free .candy_storm
{
	opacity: 1;
}

.candy_rig.is_free .candy_face
{
	opacity: 0.74;
	filter: saturate(1.15);
}

.candy_rig.is_free .candy_window
{
	box-shadow: inset 0 0 0 1px rgba(255, 143, 198, 0.6);
}

.candy_rig.is_free .candy_ticker
{
	box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9), inset 0 0 0 1.5px rgba(255, 143, 198, 0.55), 0 1px 0 rgba(255, 255, 255, 0.06);
}

.candy_sweep
{
	position: absolute;
	inset: 0;
	z-index: 6;
	display: grid;
	place-items: center;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
	background: rgba(22, 6, 46, 0.5);
	opacity: 0;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.candy_sweep.is_active
{
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s;
}

.sweep_swirl
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 440px;
	height: 440px;
	margin: -220px 0 0 -220px;
	opacity: 0;
}

.sweep_banner
{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 18px 34px 16px;
	border-radius: 18px;
	opacity: 0;
	background: linear-gradient(180deg, rgba(36, 12, 76, 0.94), rgba(20, 7, 44, 0.94));
	box-shadow: inset 0 0 0 1.5px rgba(245, 196, 81, 0.5), inset 0 0 0 7px rgba(36, 12, 76, 0.94), inset 0 0 0 8px rgba(255, 143, 198, 0.4), 0 18px 40px rgba(0, 0, 0, 0.55);
}

.sweep_title
{
	padding-left: 0.24em;
	font: 800 50px/1 var(--font_game);
	letter-spacing: 0.24em;
	text-transform: uppercase;
	white-space: nowrap;
	background: linear-gradient(180deg, #fff6d6 0%, #f5c451 50%, #c27d14 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 3px 0 rgba(10, 5, 25, 0.9));
}

.sweep_text
{
	color: #ffd6ec;
	font: 700 15px/1 var(--font_game);
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.candy_summary
{
	position: absolute;
	inset: 0;
	z-index: 6;
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 8px;
	background: radial-gradient(ellipse 62% 70% at 50% 50%, rgba(36, 10, 72, 0.95), rgba(20, 6, 44, 0.88));
	box-shadow: inset 0 0 0 4px rgba(255, 143, 198, 0.35);
	animation: big_in 0.5s var(--ease) both;
}

.summary_label
{
	padding-left: 0.2em;
	font: 800 46px/1 var(--font_game);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	background: linear-gradient(180deg, #ffe3f3 0%, #ff6fb4 55%, #b8236e 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 3px 0 rgba(10, 5, 25, 0.9));
}

.summary_amount
{
	display: inline-flex;
	color: #fde68a;
	font: 800 42px/1.05 var(--font_display);
	letter-spacing: -0.01em;
}

.summary_amount .money
{
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.summary_amount .coin
{
	width: 34px;
	height: 34px;
}

.summary_text
{
	color: rgba(255, 214, 236, 0.85);
	font: 700 13px/1 var(--font_game);
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.candy_summary.is_empty .summary_amount
{
	color: rgba(255, 244, 214, 0.7);
}

/*
//=====================================================================================
*/

.candy_paytable
{
	position: absolute;
	inset: 0;
	z-index: 7;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 9px 12px 12px;
	background: linear-gradient(180deg, rgba(22, 10, 48, 0.98), rgba(14, 6, 32, 0.98));
	box-shadow: inset 0 0 0 1px rgba(245, 196, 81, 0.35);
	animation: candy_drawer 0.32s var(--ease) both;
}

.pays_head
{
	display: flex;
	align-items: center;
	gap: 12px;
	height: 30px;
}

.pays_tabs
{
	display: flex;
	gap: 4px;
	padding: 3px;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.05);
}

.pays_tab
{
	height: 24px;
	padding: 0 12px;
	border-radius: 7px;
	color: rgba(245, 196, 81, 0.6);
	font: 700 11px/1 var(--font_game);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	transition: background 0.2s, color 0.2s;
}

.pays_tab[aria-selected="true"]
{
	color: #2b1606;
	background: linear-gradient(180deg, #ffe9a6, #f5c451 60%, #d1921f);
}

.pays_note
{
	display: inline-flex;
	align-items: center;
	flex: 1;
	justify-content: flex-end;
	color: rgba(220, 210, 255, 0.6);
	font-size: 12px;
	white-space: nowrap;
}

.pays_note .money
{
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin: 0 4px;
	color: #fde68a;
}

.pays_note .coin
{
	width: 12px;
	height: 12px;
}

.pays_close
{
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	color: var(--text_dim);
	background: rgba(255, 255, 255, 0.06);
	transition: background 0.2s, color 0.2s;
}

.pays_close:hover
{
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
}

.pays_close .icon
{
	width: 16px;
	height: 16px;
}

.pays_symbols
{
	display: grid;
	flex: 1;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr)) minmax(0, 0.9fr);
	gap: 7px;
	min-height: 0;
}

.pay_card
{
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	gap: 6px;
	min-width: 0;
	padding: 4px 10px 4px 6px;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
	box-shadow: inset 0 0 0 1px rgba(245, 196, 81, 0.16);
}

.pay_art
{
	width: 58px;
	height: 58px;
	overflow: visible;
}

.pay_rows
{
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.pay_line
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
}

.pay_count
{
	color: rgba(245, 196, 81, 0.75);
	font: 700 12px/1 var(--font_game);
	letter-spacing: 0.06em;
}

.pay_amount
{
	color: #fff4e0;
	font: 600 13px/1 var(--font_body);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.pay_amount .money
{
	display: inline-flex;
	align-items: center;
	gap: 3px;
}

.pay_amount .coin
{
	width: 12px;
	height: 12px;
}

.pay_rule
{
	grid-column: span 2;
	grid-template-columns: 56px minmax(0, 1fr);
	box-shadow: inset 0 0 0 1px rgba(255, 143, 198, 0.3);
}

.pay_rule .pay_art
{
	width: 56px;
	height: 56px;
}

.pay_copy
{
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.pay_title
{
	color: #ffc4e0;
	font: 700 12px/1 var(--font_game);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.pay_text
{
	color: rgba(235, 228, 255, 0.82);
	font-size: 12px;
	line-height: 1.32;
}

.pays_lines
{
	display: grid;
	flex: 1;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-auto-rows: minmax(0, 1fr);
	gap: 6px;
	min-height: 0;
}

.line_card
{
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 0 8px;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: inset 0 0 0 1px rgba(245, 196, 81, 0.12);
}

.line_number
{
	display: inline-grid;
	place-items: center;
	flex: none;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	color: #2a0a2e;
	font: 800 11px/1 var(--font_game);
	background: var(--line);
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.75);
}

.line_mini
{
	flex: 1;
	min-width: 0;
	height: 100%;
	max-height: 48px;
}

.mini_cell
{
	fill: rgba(255, 255, 255, 0.07);
}

.mini_cell.is_on
{
	fill: rgba(255, 255, 255, 0.22);
}

.mini_path
{
	fill: none;
	stroke: var(--line);
	stroke-width: 2.4;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/*
//=====================================================================================
*/

.candy_deck
{
	position: absolute;
	left: 29px;
	top: 436px;
	display: grid;
	grid-template-columns: 86px 150px 120px minmax(0, 1fr) minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	width: 742px;
	height: 104px;
}

.candy_key
{
	position: relative;
	height: 48px;
	padding: 3px 4px 9px;
	border: 0;
	background: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.candy_key::before
{
	content: "";
	position: absolute;
	left: 1px;
	right: 1px;
	top: 6px;
	bottom: 0;
	border-radius: 13px;
	background: linear-gradient(180deg, #06040e, #0d0920);
	box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.85), inset 0 0 0 1px rgba(245, 196, 81, 0.22), 0 1px 0 rgba(255, 255, 255, 0.07);
}

.candy_key .key_cap
{
	position: relative;
	display: grid;
	place-items: center;
	height: 34px;
	border-radius: 10px;
	color: #2a1b5e;
	font: 800 12.5px/1 var(--font_game);
	letter-spacing: 0.22em;
	text-indent: 0.22em;
	text-transform: uppercase;
	background: linear-gradient(180deg, #faf7ff 0%, #ddd3fd 46%, #ab98ef 100%);
	box-shadow: 0 6px 0 #5b45b8, 0 7px 0 #24164f, 0 9px 10px rgba(0, 0, 0, 0.5), inset 0 1px 0 #fff, inset 0 -2px 0 rgba(42, 27, 94, 0.22);
	transition: translate 0.08s, box-shadow 0.08s, filter 0.2s, background 0.2s;
}

.candy_key:not(:disabled):active .key_cap,
.candy_key.is_open .key_cap
{
	translate: 0 4px;
	color: #3b2104;
	background: linear-gradient(180deg, #fff6d0 0%, #f5c451 52%, #d18f1d 100%);
	box-shadow: 0 2px 0 #9a5c0c, 0 3px 0 #4a2a05, 0 4px 6px rgba(0, 0, 0, 0.45), inset 0 1px 0 #fffbe6;
}

.candy_key:disabled
{
	cursor: default;
}

.candy_key:disabled .key_cap
{
	filter: saturate(0.5) brightness(0.62);
}

.candy_meter
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	min-width: 0;
	height: 58px;
	padding: 0 12px;
	border-radius: 11px;
	background: linear-gradient(180deg, #040209, #0b0717);
	box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.95), inset 0 0 0 1.5px rgba(245, 196, 81, 0.34), 0 1px 0 rgba(255, 255, 255, 0.06);
	transition: box-shadow 0.4s;
}

.candy_meter_win.is_lit
{
	box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.95), inset 0 0 0 1.5px rgba(255, 143, 198, 0.75), 0 1px 0 rgba(255, 255, 255, 0.06);
}

.candy_meter .meter_label
{
	color: rgba(245, 196, 81, 0.78);
	font: 700 10px/1 var(--font_game);
	letter-spacing: 0.26em;
	text-transform: uppercase;
}

.candy_meter .meter_read
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
	min-width: 0;
}

.candy_meter .coin
{
	flex: none;
	width: 15px;
	height: 15px;
}

.candy_meter .meter_led
{
	display: block;
	height: 22px;
	min-width: 0;
}

.candy_meter .led
{
	display: block;
	height: 100%;
	max-width: 100%;
}

.candy_meter .led_seg,
.candy_meter .led_mark
{
	fill: rgba(255, 170, 60, 0.075);
}

.candy_meter .led_seg.is_on,
.candy_meter .led_mark.is_on
{
	fill: #ffb547;
}

.candy_meter_win .led_seg.is_on,
.candy_meter_win .led_mark.is_on
{
	fill: #ff9fcf;
}

.candy_meter .meter_led.is_counting .led_seg.is_on,
.candy_meter .meter_led.is_counting .led_mark.is_on
{
	fill: #ffe0f0;
}

/*
//=====================================================================================
*/

.candy_spin_key
{
	position: relative;
	justify-self: center;
	width: 112px;
	height: 112px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.spin_ring
{
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 40%, #2a1d5a 0 58%, #0d0820 70%);
	box-shadow: inset 0 0 0 2px rgba(245, 196, 81, 0.55), inset 0 0 0 7px #160f33, inset 0 0 0 8px rgba(245, 196, 81, 0.25), 0 8px 18px rgba(0, 0, 0, 0.55);
}

.spin_disc
{
	position: absolute;
	inset: 12px;
	border-radius: 50%;
	background: radial-gradient(circle at 36% 30%, rgba(255, 255, 255, 0.55) 0 14%, rgba(255, 255, 255, 0) 34%), radial-gradient(circle, rgba(0, 0, 0, 0) 58%, rgba(70, 0, 20, 0.45) 100%), repeating-conic-gradient(from 8deg, #e8213f 0deg 22.5deg, #fff7fa 22.5deg 45deg);
	box-shadow: 0 6px 0 #8f1238, 0 7px 0 #3b0516, 0 10px 14px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.6);
	transition: translate 0.1s, box-shadow 0.1s, filter 0.2s;
}

.spin_text
{
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 58px;
	padding: 6px 9px 5px 11px;
	border-radius: 9px;
	color: #8f1238;
	font: 800 14px/1 var(--font_game);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	background: linear-gradient(180deg, #ffffff, #ffe3ee);
	box-shadow: 0 2px 0 #b51a49, 0 3px 5px rgba(60, 0, 20, 0.45);
	transform: translate(-50%, -62%);
	transition: translate 0.1s;
}

.candy_spin_key:not(:disabled):active .spin_disc,
.candy_spin_key.is_pressed .spin_disc
{
	translate: 0 5px;
	box-shadow: 0 1px 0 #8f1238, 0 2px 0 #3b0516, 0 3px 6px rgba(0, 0, 0, 0.45), inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.candy_spin_key:not(:disabled):active .spin_text,
.candy_spin_key.is_pressed .spin_text
{
	translate: 0 5px;
}

.candy_spin_key.is_stop .spin_disc
{
	background: radial-gradient(circle at 36% 30%, rgba(255, 255, 255, 0.55) 0 14%, rgba(255, 255, 255, 0) 34%), radial-gradient(circle, rgba(0, 0, 0, 0) 58%, rgba(0, 50, 30, 0.45) 100%), repeating-conic-gradient(from 8deg, #14b37d 0deg 22.5deg, #f2fff9 22.5deg 45deg);
	box-shadow: 0 6px 0 #0b6b4a, 0 7px 0 #032b1d, 0 10px 14px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.candy_spin_key.is_stop .spin_text
{
	color: #0b6b4a;
	box-shadow: 0 2px 0 #0b6b4a, 0 3px 5px rgba(0, 30, 20, 0.45);
}

.candy_spin_key:disabled
{
	cursor: default;
}

.candy_spin_key:disabled .spin_disc
{
	filter: saturate(0.35) brightness(0.62);
}

.candy_spin_key.is_spinning:disabled .spin_disc
{
	filter: saturate(0.85) brightness(0.9);
}

/*
//=====================================================================================
*/

.candy_bear_box
{
	position: absolute;
	left: 640px;
	top: 0;
	z-index: 3;
	width: 300px;
	height: 270px;
	pointer-events: none;
}

.candy_bear
{
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.candy_bear .bear_rig,
.candy_bear .bear_body,
.candy_bear .bear_shadow
{
	transform-origin: 118px 136px;
}

.candy_bear .bear_head
{
	transform-origin: 118px 88px;
	transition: transform 0.4s var(--ease);
}

.candy_bear .bear_ear_left
{
	transform-origin: 82px 32px;
	transition: transform 0.4s var(--ease);
}

.candy_bear .bear_ear_right
{
	transform-origin: 154px 32px;
	transition: transform 0.4s var(--ease);
}

.candy_bear .bear_eyes,
.candy_bear .bear_happy,
.candy_bear .bear_lids
{
	transform-origin: 118px 47px;
	transition: opacity 0.2s, translate 0.35s var(--ease);
}

.candy_bear .bear_happy,
.candy_bear .bear_lids
{
	opacity: 0;
}

.candy_bear .bear_foot_left
{
	transform-origin: 94px 126px;
}

.candy_bear .bear_foot_right
{
	transform-origin: 142px 126px;
}

.candy_bear .bear_arm_left,
.candy_bear .bear_arm_right
{
	transform-origin: 0 0;
	transition: transform 0.45s var(--ease);
}

.candy_bear .bear_drip
{
	transform-origin: 124px 128px;
	transform: scaleY(0);
	opacity: 0;
	transition: transform 0.9s var(--ease_soft), opacity 0.4s;
}

.candy_bear .bear_mouth
{
	opacity: 0;
	transition: opacity 0.18s;
}

.candy_bear .bear_mouth_smile
{
	opacity: 1;
}

.candy_bear .lever_stick
{
	transform-origin: 214px 236px;
}

.candy_bear .lever_hook
{
	transform-origin: 214px 130px;
}

.candy_bear.is_watch .bear_eyes
{
	translate: -2.6px 2.4px;
}

.candy_bear.is_cheer .bear_eyes,
.candy_bear.is_party .bear_eyes,
.candy_bear.is_twirl .bear_eyes
{
	opacity: 0;
}

.candy_bear.is_cheer .bear_happy,
.candy_bear.is_party .bear_happy,
.candy_bear.is_twirl .bear_happy,
.candy_bear.is_melt .bear_lids
{
	opacity: 1;
}

.candy_bear.is_cheer .bear_mouth_smile,
.candy_bear.is_party .bear_mouth_smile,
.candy_bear.is_twirl .bear_mouth_smile,
.candy_bear.is_melt .bear_mouth_smile,
.candy_bear.is_wow .bear_mouth_smile,
.candy_bear.is_pull .bear_mouth_smile
{
	opacity: 0;
}

.candy_bear.is_cheer .bear_mouth_grin,
.candy_bear.is_party .bear_mouth_grin,
.candy_bear.is_twirl .bear_mouth_grin,
.candy_bear.is_melt .bear_mouth_frown,
.candy_bear.is_wow .bear_mouth_o,
.candy_bear.is_pull .bear_mouth_o
{
	opacity: 1;
}

.candy_bear.is_cheer .bear_arm_left,
.candy_bear.is_party .bear_arm_left
{
	transform: rotate(-150deg);
}

.candy_bear.is_party .bear_arm_right
{
	transform: rotate(-120deg);
}

.candy_bear.is_melt .bear_head
{
	transform: translateY(7px) rotate(-7deg);
}

.candy_bear.is_melt .bear_ear_left
{
	transform: rotate(-22deg) translateY(4px);
}

.candy_bear.is_melt .bear_ear_right
{
	transform: rotate(24deg) translateY(4px);
}

.candy_bear.is_melt .bear_drip
{
	transform: scaleY(1);
	opacity: 1;
}

.candy_bear.is_melt .bear_arm_left
{
	transform: rotate(14deg) scaleX(1.08);
}

.candy_bear.is_wow .bear_eyes
{
	transform: scale(1.16);
}

.candy_bear.is_twirl .bear_rig
{
	transform-origin: 118px 86px;
}

@media (prefers-reduced-motion: no-preference)
{
	.candy_bear .bear_body
	{
		animation: bear_jiggle 2.8s ease-in-out infinite;
	}

	.candy_bear .bear_head
	{
		animation: bear_bob 2.8s ease-in-out infinite;
	}

	.candy_bear .bear_eyes
	{
		animation: bear_blink 4.6s ease-in-out infinite;
	}

	.candy_bear .bear_ear_right
	{
		animation: bear_twitch 6.4s ease-in-out infinite;
	}

	.candy_bear .bear_ear_left
	{
		animation: bear_twitch_left 8.2s ease-in-out 2s infinite;
	}

	.candy_bear .bear_foot_left
	{
		animation: bear_swing 2.8s ease-in-out infinite;
	}

	.candy_bear .bear_foot_right
	{
		animation: bear_swing 2.8s ease-in-out 1.4s infinite;
	}

	.candy_bear.is_free .bear_rig
	{
		animation: bear_hop 0.9s ease-in-out infinite;
	}

	.candy_bear.is_pull .bear_rig
	{
		animation: bear_lean 0.76s var(--ease_soft);
	}

	.candy_bear.is_pull .lever_stick
	{
		animation: lever_stick 0.76s var(--ease_soft);
	}

	.candy_bear.is_pull .lever_hook
	{
		animation: lever_hook 0.76s var(--ease_soft);
	}

	.candy_bear.is_pull .bear_arm_right
	{
		animation: bear_tug 0.76s var(--ease_soft);
	}

	.candy_bear.is_cheer .bear_rig
	{
		animation: bear_bounce 0.56s ease-in-out 3;
	}

	.candy_bear.is_cheer .bear_arm_left
	{
		animation: bear_wave 0.5s ease-in-out infinite alternate;
	}

	.candy_bear.is_party .bear_rig
	{
		animation: bear_bounce_big 0.5s ease-in-out 6;
	}

	.candy_bear.is_party .bear_arm_left
	{
		animation: bear_wave 0.32s ease-in-out infinite alternate;
	}

	.candy_bear.is_party .bear_arm_right
	{
		animation: bear_wave_right 0.32s ease-in-out 0.16s infinite alternate;
	}

	.candy_bear.is_party .bear_ear_left,
	.candy_bear.is_party .bear_ear_right
	{
		animation: bear_wiggle 0.25s ease-in-out infinite alternate;
	}

	.candy_bear.is_melt .bear_rig
	{
		animation: bear_melt 2.6s var(--ease_soft) both;
	}

	.candy_bear.is_twirl .bear_rig
	{
		animation: bear_twirl 2s cubic-bezier(0.45, 0.05, 0.4, 1) both;
	}

	.candy_bear.is_wow .bear_rig
	{
		animation: bear_jolt 0.5s var(--ease) both;
	}

	.candy_bear.is_quick.is_pull .bear_rig,
	.candy_bear.is_quick.is_pull .lever_stick,
	.candy_bear.is_quick.is_pull .lever_hook,
	.candy_bear.is_quick.is_pull .bear_arm_right
	{
		animation-duration: 0.42s;
	}

	.candy_cell.is_wild .cell_art
	{
		animation: candy_swirl 3.4s linear infinite;
	}

	.candy_reel.is_fast .candy_cell.is_wild .cell_art
	{
		animation: none;
	}

	.candy_cell.is_scatter .cell_twinkle_a
	{
		animation: candy_twinkle 1.9s ease-in-out infinite;
	}

	.candy_cell.is_scatter .cell_twinkle_b
	{
		animation: candy_twinkle 1.9s ease-in-out 0.95s infinite;
	}

	.candy_cell.is_win .cell_body
	{
		animation: candy_wiggle 1.3s ease-in-out 0.6s infinite;
	}

	.line_stripe
	{
		animation: candy_march 0.9s linear infinite;
	}

	.candy_reel.is_tease::after
	{
		animation: candy_tease 0.6s linear infinite;
	}

	.candy_rig.is_free .candy_storm
	{
		animation: candy_storm 14s linear infinite;
	}

	.candy_spin_key.is_spinning .spin_disc
	{
		animation: candy_swirl 0.9s linear infinite;
	}
}

@media (prefers-reduced-motion: reduce)
{
	.candy_sweep.is_active .sweep_swirl,
	.candy_sweep.is_active .sweep_banner
	{
		opacity: 1;
	}
}

@keyframes bear_jiggle
{
	0%,
	100%
	{
		scale: 1 1;
	}

	30%
	{
		scale: 1.025 0.975;
	}

	60%
	{
		scale: 0.985 1.02;
	}
}

@keyframes bear_bob
{
	0%,
	100%
	{
		translate: 0 0;
		rotate: 0deg;
	}

	30%
	{
		translate: 0 1.8px;
		rotate: -1.2deg;
	}

	60%
	{
		translate: 0 -0.6px;
		rotate: 1deg;
	}
}

@keyframes bear_blink
{
	0%,
	92%,
	100%
	{
		scale: 1 1;
	}

	95%
	{
		scale: 1 0.12;
	}
}

@keyframes bear_twitch
{
	0%,
	84%,
	100%
	{
		rotate: 0deg;
	}

	88%
	{
		rotate: 14deg;
	}

	92%
	{
		rotate: -5deg;
	}

	96%
	{
		rotate: 6deg;
	}
}

@keyframes bear_twitch_left
{
	0%,
	88%,
	100%
	{
		rotate: 0deg;
	}

	92%
	{
		rotate: -14deg;
	}

	96%
	{
		rotate: 5deg;
	}
}

@keyframes bear_swing
{
	0%,
	100%
	{
		rotate: 0deg;
	}

	50%
	{
		rotate: -9deg;
	}
}

@keyframes bear_hop
{
	0%,
	100%
	{
		transform: translateY(0) scale(1, 1);
	}

	20%
	{
		transform: translateY(1px) scale(1.04, 0.95);
	}

	55%
	{
		transform: translateY(-7px) scale(0.98, 1.03);
	}
}

@keyframes bear_lean
{
	0%,
	100%
	{
		transform: rotate(0deg) translate(0, 0);
	}

	35%,
	55%
	{
		transform: rotate(7deg) translate(5px, 3px);
	}

	80%
	{
		transform: rotate(-2deg) translate(-1px, 0);
	}
}

@keyframes lever_stick
{
	0%,
	100%
	{
		transform: scaleY(1);
	}

	35%,
	55%
	{
		transform: scaleY(0.69);
	}

	80%
	{
		transform: scaleY(1.05);
	}
}

@keyframes lever_hook
{
	0%,
	100%
	{
		transform: translateY(0) scale(1);
	}

	35%,
	55%
	{
		transform: translateY(33px) scale(1.12);
	}

	80%
	{
		transform: translateY(-5px) scale(0.98);
	}
}

@keyframes bear_tug
{
	0%,
	100%
	{
		transform: rotate(0deg) scaleX(1);
	}

	35%,
	55%
	{
		transform: rotate(22deg) scaleX(1.3);
	}

	80%
	{
		transform: rotate(-4deg) scaleX(0.96);
	}
}

@keyframes bear_bounce
{
	0%,
	100%
	{
		transform: translateY(0) scale(1, 1);
	}

	18%
	{
		transform: translateY(2px) scale(1.07, 0.92);
	}

	52%
	{
		transform: translateY(-18px) scale(0.95, 1.07);
	}

	82%
	{
		transform: translateY(0) scale(1.05, 0.95);
	}
}

@keyframes bear_bounce_big
{
	0%,
	100%
	{
		transform: translateY(0) scale(1, 1) rotate(0deg);
	}

	18%
	{
		transform: translateY(3px) scale(1.1, 0.88) rotate(0deg);
	}

	52%
	{
		transform: translateY(-30px) scale(0.92, 1.1) rotate(-6deg);
	}

	82%
	{
		transform: translateY(0) scale(1.08, 0.93) rotate(2deg);
	}
}

@keyframes bear_wave
{
	from
	{
		rotate: -10deg;
	}

	to
	{
		rotate: 14deg;
	}
}

@keyframes bear_wave_right
{
	from
	{
		rotate: 10deg;
	}

	to
	{
		rotate: -14deg;
	}
}

@keyframes bear_wiggle
{
	from
	{
		rotate: -9deg;
	}

	to
	{
		rotate: 9deg;
	}
}

@keyframes bear_melt
{
	0%
	{
		transform: scale(1, 1);
	}

	30%
	{
		transform: scale(1.1, 0.84);
	}

	45%,
	80%
	{
		transform: scale(1.08, 0.87);
	}

	100%
	{
		transform: scale(1, 1);
	}
}

@keyframes bear_twirl
{
	0%
	{
		transform: rotate(0deg) scale(1);
	}

	20%
	{
		transform: rotate(-20deg) scale(1.04, 0.94);
	}

	75%
	{
		transform: rotate(720deg) scale(1.08);
	}

	88%
	{
		transform: rotate(712deg) scale(1);
	}

	100%
	{
		transform: rotate(720deg) scale(1);
	}
}

@keyframes bear_jolt
{
	0%
	{
		transform: translateY(0) scale(1, 1);
	}

	35%
	{
		transform: translateY(-8px) scale(0.96, 1.05);
	}

	70%
	{
		transform: translateY(1px) scale(1.03, 0.97);
	}

	100%
	{
		transform: translateY(0) scale(1, 1);
	}
}

@keyframes candy_swirl
{
	to
	{
		rotate: -360deg;
	}
}

@keyframes candy_twinkle
{
	0%,
	100%
	{
		opacity: 0;
		scale: 0.3;
		rotate: 0deg;
	}

	45%
	{
		opacity: 1;
		scale: 1;
		rotate: 45deg;
	}
}

@keyframes candy_wiggle
{
	0%,
	100%
	{
		transform: rotate(0deg) scale(1);
	}

	25%
	{
		transform: rotate(-4deg) scale(1.04);
	}

	75%
	{
		transform: rotate(4deg) scale(1.04);
	}
}

@keyframes candy_march
{
	to
	{
		stroke-dashoffset: -32;
	}
}

@keyframes candy_tease
{
	to
	{
		background-position: 25.46px 0;
	}
}

@keyframes candy_storm
{
	to
	{
		rotate: -360deg;
	}
}

@keyframes candy_drawer
{
	from
	{
		opacity: 0;
		translate: 0 -12px;
	}
}

/*
//=====================================================================================
*/

.candy_big
{
	inset: 0;
	gap: 6px;
	background: radial-gradient(closest-side, rgba(14, 6, 32, 0.6), rgba(14, 6, 32, 0));
}

.candy_big::before
{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	width: min(560px, 86%);
	height: 196px;
	border-radius: 26px;
	transform: translate(-50%, -50%);
	background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(255, 255, 255, 0.08), transparent 70%), repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.02) 0 2px, transparent 2px 5px), linear-gradient(180deg, rgba(44, 16, 92, 0.97), rgba(22, 8, 50, 0.97));
	box-shadow: inset 0 0 0 1.5px rgba(245, 196, 81, 0.55), inset 0 0 0 8px rgba(30, 11, 66, 0.97), inset 0 0 0 9.5px rgba(255, 143, 198, 0.5), 0 0 0 7px rgba(10, 5, 25, 0.6), 0 24px 50px rgba(0, 0, 0, 0.6);
}

.candy_big::after
{
	content: "";
	position: absolute;
	left: 50%;
	top: calc(50% + 98px);
	z-index: -1;
	width: min(300px, 50%);
	height: 10px;
	border-radius: 5px;
	transform: translate(-50%, -50%);
	background: repeating-linear-gradient(-55deg, #ff5ca8 0 8px, #fff4fa 8px 16px);
	box-shadow: 0 2px 0 rgba(90, 10, 50, 0.6);
}

.candy_big .big_win_label
{
	padding-left: 0.22em;
	font: 800 46px/1 var(--font_game);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: transparent;
	background: linear-gradient(180deg, #fff6d6 0%, #f5c451 50%, #b7791f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 3px 0 rgba(10, 5, 25, 0.9));
}

.candy_big[data-tier="2"] .big_win_label
{
	background-image: linear-gradient(180deg, #ffe3f3 0%, #ff6fb4 55%, #b8236e 100%);
}

.candy_big[data-tier="3"] .big_win_label
{
	font-size: 54px;
	background-image: repeating-linear-gradient(-60deg, #ff5ca8 0 12px, #fff4fa 12px 20px, #ffd23f 20px 32px, #fff4fa 32px 40px, #36dccb 40px 52px, #fff4fa 52px 60px);
}

.candy_big .big_win_amount
{
	filter: drop-shadow(0 3px 0 rgba(10, 5, 25, 0.9));
}

.candy_big .big_win_amount .money
{
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.candy_big .big_win_amount .coin
{
	width: 38px;
	height: 38px;
}

.candy_big .big_win_multiplier
{
	color: #ffd6ec;
	font: 700 14px/1 var(--font_game);
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

/*
//=====================================================================================
*/

.candy_pill
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	color: color-mix(in srgb, rgb(var(--pill)) 45%, #fff);
	background: rgba(var(--pill), 0.24);
	box-shadow: inset 0 0 0 1px rgba(var(--pill), 0.4);
}

.candy_pill.is_flat
{
	color: var(--text_mute);
	background: rgba(255, 255, 255, 0.05);
	box-shadow: none;
}

.candy_pill.is_free
{
	color: #fff2fa;
	background: linear-gradient(180deg, rgba(255, 111, 180, 0.42), rgba(155, 92, 255, 0.36));
	box-shadow: inset 0 0 0 1px rgba(255, 196, 224, 0.55);
}

.candy_pill.is_free::before
{
	content: "✦";
	margin-right: 4px;
	color: #ffd23f;
}

.candy_free_cell
{
	color: #ffb8da;
	font-weight: 600;
}

/*
//=====================================================================================
*/

@media (max-height: 760px) and (min-width: 1101px)
{
	.candy_stage
	{
		gap: 8px;
	}

	.candy_page .game_controls .field
	{
		margin-bottom: 10px;
	}

	.candy_page .game_controls .field_box
	{
		height: 44px;
	}

	.candy_page .segment
	{
		height: 34px;
	}

	.candy_page .session_chart
	{
		margin: 6px 0 8px;
	}
}

@media (max-height: 700px) and (min-width: 1101px)
{
	.candy_counts .field_chip,
	.candy_stop
	{
		height: 26px;
	}
}

@media (max-width: 1100px)
{
	.candy_scene
	{
		flex: none;
		height: calc((100vw - 48px) * 0.74);
		max-height: 680px;
	}
}

/*
//=====================================================================================
*/