/* ============================================================
   KrsKrt Game Info block — shared styles (editor + frontend)
   ============================================================ */

.kk-game-info {
	display:       flex;
	align-items:   stretch;
	width:         fit-content;
	max-width:     fit-content;
	margin-left:   auto;
	margin-right:  auto;
	position:      relative;
	bottom:        7px;
}

.kk-game-info__segment {
	display:         flex;
	align-items:     center;
	justify-content: center;
	gap:             8px;
	height:          44px;
	padding:         0 14px;
	background:      #ffffff;
	border:          1px solid #dedede;
	font-family:     'Lekton', sans-serif;
	font-size:       clamp( 1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.625), 1.5rem );
	letter-spacing:  1px;
	white-space:     nowrap;
	color:           #00374a;
	box-sizing:      border-box;
}

/* The 1px vertical divider between segments is the left segment's border-right.
   Remove the redundant left border on subsequent segments so only one line appears. */
.kk-game-info__segment + .kk-game-info__segment {
	border-left: none;
}

/* Outer left corners on the first segment. */
.kk-game-info__segment:first-child {
	border-radius: 10px 0 0 10px;
}

/* Outer right corners on the last segment. */
.kk-game-info__segment:last-child {
	border-radius: 0 10px 10px 0;
}

/* Single-segment edge case. */
.kk-game-info__segment:first-child:last-child {
	border-radius: 10px;
}

/* Phosphor icon — scale with the text, centre on its baseline. */
.kk-game-info__segment .ph {
	font-size:   1.1em;
	line-height: 1;
}

/* Infinity icon sits slightly high relative to the en-dash; nudge it down. */
.kk-game-info__segment .ph.ph-infinity {
	vertical-align: -0.07em;
}