/* ---------------------------------------------------------------------------
   Adaptive typography

   The scale follows Apple's readable UI hierarchy: body copy stays close to
   the platform defaults, captions never collapse into decorative 7-9px type,
   and large viewports gain size gradually instead of making abrupt jumps at a
   device-specific breakpoint. Keep these rules last so legacy fixed-pixel
   labels inherit the shared scale while game artwork and icon glyphs retain
   their authored dimensions.
   --------------------------------------------------------------------------- */
:root {
	--site-type-caption: clamp(0.75rem, calc(0.72rem + 0.12vw), 0.875rem);
	--site-type-footnote: clamp(0.8125rem, calc(0.78rem + 0.14vw), 0.9375rem);
	--site-type-body: clamp(0.9375rem, calc(0.88rem + 0.22vw), 1.0625rem);
	--site-type-callout: clamp(1rem, calc(0.94rem + 0.22vw), 1.125rem);
	--site-type-subhead: clamp(1.0625rem, calc(0.98rem + 0.28vw), 1.25rem);
	--site-type-title-3: clamp(1.25rem, calc(1.08rem + 0.55vw), 1.625rem);
	--site-type-title-2: clamp(1.5rem, calc(1.22rem + 0.9vw), 2.125rem);
	--site-type-title-1: clamp(1.875rem, calc(1.48rem + 1.35vw), 2.75rem);
	--site-reading-leading: 1.6;
}

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

body {
	font-size: var(--site-type-body);
	font-synthesis-weight: none;
}

body p,
body li {
	line-height: var(--site-reading-leading);
}

.title-page,
.title-page2 { font-size: var(--site-type-subhead); line-height: 1.25; }
.title,
.title-panel { font-size: var(--site-type-body); line-height: 1.35; }

/* Repeated semantic labels cover every game family without coupling the type
   scale to a particular prefix such as cr-, rl-, or bd-. Doubling the class
   attribute gives these late compatibility rules enough specificity to beat
   the old two-class selectors without resorting to !important. */
body [class][class$="-kicker"],
body [class][class$="-eyebrow"],
body [class][class$="-caption"],
body [class][class$="-label"],
body [class][class$="-meta"],
body [class][class$="-status"] {
	font-size: var(--site-type-caption);
	line-height: 1.35;
}

body [class][class$="-hint"],
body [class][class$="-note"],
body [class][class$="-description"] {
	font-size: var(--site-type-footnote);
	line-height: 1.5;
}

/* Desktop navigation previously used 8-10px labels, which became especially
   faint on high-density and large monitors. The cards grow slightly so the
   larger labels do not truncate vertically. */
@media (min-width: 1025px) {
	.sidebar-search-wrap input { font-size: var(--site-type-footnote); }
	.sidebar-group-toggle { min-height: 42px; height: auto; }
	.sidebar-group-toggle b,
	.sidebar-group-toggle small,
	.sidebar-no-results { font-size: var(--site-type-caption); }
	.sidebar-cell { min-height: 58px; height: auto; font-size: var(--site-type-caption); line-height: 1.2; }
	.sidebar-menu-link { min-height: 50px; font-size: var(--site-type-caption); line-height: 1.2; }
	body.sidebar-compact .sidebar-cell { min-height: 45px; }
}

.online,
.btn-login,
.btn-signup,
.btn-wallet,
.btn-icon-sq .drp div { font-size: var(--site-type-footnote); }

/* Reading-heavy surfaces use body/caption roles rather than their historical
   miniature dashboard sizes. */
.faq-intro p,
.faq-section p,
.fair-page p,
.tos-section p,
.tos-section ul,
.tos-notice p,
.game-guide-hero p,
.game-guide-content p,
.game-guide-content li { font-size: var(--site-type-body); }

.faq-intro > span,
.faq-intro-points b,
.faq-note,
.faq-warning,
.fair-hero > span,
.fair-verifier-head span,
.fair-promise b,
.fair-formula span,
.fair-formula strong,
.fair-formula code,
.fair-result span,
.fair-result code,
.fair-value-grid p,
.game-fair-details summary,
.game-fair-details .game-info,
.tos-kicker,
.tos-meta,
.tos-nav a,
.tos-nav a span,
.tos-rule-grid span,
.tos-support-link,
.faq-guide-directory strong,
.faq-guide-directory small,
.faq-guide-directory a > b,
.game-guide-breadcrumbs,
.game-guide-hero > div:nth-child(2) > span,
.game-guide-rtp small,
.game-guide-rtp em,
.game-guide-warning,
.game-guide-faq summary,
.game-guide-play,
.game-guide-aside > div span,
.game-guide-aside > div a { font-size: var(--site-type-caption); }

.faq-intro h1,
.fair-hero h1,
.tos-hero h1,
.game-guide-hero h1 { font-size: var(--site-type-title-1); line-height: 1.12; }
.fair-page h2,
.game-guide-content h2 { font-size: var(--site-type-title-3); line-height: 1.25; }
.faq-section h3,
.fair-steps h3,
.fair-value-grid h3,
.game-guide-aside h3 { font-size: var(--site-type-subhead); line-height: 1.3; }

/* Footer information remains secondary, but is no longer below the readable
   caption floor. Flexible rows prevent translations from colliding. */
.site-footer-brand > p,
.site-footer-live > span,
.site-footer-live strong,
.site-footer-column summary > strong,
.site-footer-column a,
.site-footer-trust > span,
.site-footer-assets b,
.site-footer-bottom p,
.site-footer-bottom a { font-size: var(--site-type-caption); }
.site-footer-live,
.site-footer-trust,
.site-footer-bottom { flex-wrap: wrap; }

/* Live results are functional text, not decoration. Keep their responsive
   card layout, while lifting headers and values to the caption/footnote roles. */
.game-live-results .table-tab-btn,
.game-live-results .table-body .table-column::before,
.game-live-results .table-empty-msg { font-size: var(--site-type-caption); }
.game-live-results .table-body .table-column,
.game-live-results .table-body .table-column .ellipsis { font-size: var(--site-type-footnote); }

@media (max-width: 768px) {
	/* A 16px input avoids the automatic focus zoom used by iOS browsers. */
	input,
	select,
	textarea { font-size: max(1rem, 16px); }

	.faq-guide-directory > a { grid-template-columns: 38px minmax(0, 1fr); }
	.faq-guide-directory a > b { grid-column: 2; white-space: normal; }
	.game-guide-hero { grid-template-columns: 50px minmax(0, 1fr); }
	.game-guide-rtp { min-width: 0; }
	.tos-nav a,
	.site-footer-column a { min-height: 44px; }
}

@media (prefers-contrast: more) {
	body { --site-color-gray-light: #d6d6d6; }
	.site-footer-brand > p,
	.site-footer-bottom p,
	.game-live-results .table-empty-msg { color: #a9a1ad; }
}

/* Shared guest balance for every reel/slot title. The route-specific Slots
   banner keeps its historical sl-* hooks; the other seeded slots receive the
   same component from app.js after their controls are rendered. */
.slot-demo-banner {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	flex-direction: column;
	gap: 8px;
	padding: 10px 12px;
	border: 1px solid rgba(141,59,222,.4);
	border-radius: 8px;
	background: linear-gradient(135deg,rgba(141,59,222,.18),rgba(141,59,222,.06));
}
.slot-demo-banner.hidden { display: none; }
.slot-demo-banner-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: var(--site-type-footnote); }
.slot-demo-badge { padding: 2px 7px; border-radius: 4px; background: #8d3bde; color: #fff; font-size: var(--site-type-caption); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.slot-demo-balance-label { color: rgba(255,255,255,.68); }
.slot-demo-balance { margin-left: auto; color: #2ee36f; font-weight: 700; font-variant-numeric: tabular-nums; }
.slot-demo-signup-btn {
	display: block;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	padding: 9px 12px;
	border: 0;
	border-radius: 6px;
	background: #2ee36f;
	color: #0c1a10;
	font-size: var(--site-type-footnote);
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	white-space: normal;
	cursor: pointer;
}
.slot-demo-signup-btn:hover { opacity: .88; }

/* ---------------------------------------------------------------------------
   Mobile interaction and layout guardrails

   Apple recommends 44pt touch targets, readable labels, safe-area support and
   layouts that fit the display without page-level horizontal scrolling. The
   game scenes keep their intentionally scrollable reels/tables; everything
   around them follows the same predictable mobile rules.
   --------------------------------------------------------------------------- */
@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) {
	body { overflow-x: clip; }

	.main-panel,
	#page_content,
	#page_content2,
	#page_content2 > :not(script):not(style),
	.faq-page,
	.fair-page { min-width: 0; max-width: 100%; box-sizing: border-box; }

	.main-panel img,
	.main-panel video,
	.main-panel canvas,
	.main-panel iframe,
	.main-panel svg:not(.er-table) { max-width: 100%; }

	/* Form controls remain large enough to tap and 16px fields avoid Safari's
	   automatic focus zoom. Inline legacy heights are constrained by min-height. */
	.btn-login,
	.btn-signup,
	.btn-wallet,
	.site-button,
	.modal .modal-close,
	.game-info-trigger,
	body.is-game-page [class$="-top-fair"],
	body.is-game-page [class$="-how-button"] { min-height: 44px; }

	.modal .modal-close,
	body.is-game-page [class$="-top-fair"],
	body.is-game-page [class$="-how-button"] { min-width: 44px; }

	body.is-game-page #page_content2 .betshort_action {
		min-width: 44px !important;
		min-height: 44px !important;
		touch-action: manipulation;
	}

	body.is-game-page [class$="-input-row"] { min-width: 0; }
	body.is-game-page #page_content2 [class$="-input-row"] input,
	body.is-game-page #page_content2 input[class$="-input"] {
		min-width: 0;
		min-height: 44px !important;
		max-width: 100%;
		font-size: 16px !important;
	}
	body.is-game-page #page_content2 select { min-height: 44px !important; }
	body.is-game-page #page_content2 .game-info-trigger,
	body.is-game-page #page_content2 .game-sound-toggle,
	body.is-game-page #page_content2 [id$="_refresh"],
	body.is-game-page #page_content2 [class$="-quick"],
	body.is-game-page #page_content2 [class$="-step"],
	body.is-game-page #page_content2 [class$="-theme-tab"],
	body.is-game-page #page_content2 [class$="-risk-btn"],
	body.is-game-page #page_content2 [class$="-grid-btn"],
	body.is-game-page #page_content2 [class$="-btn-place"],
	body.is-game-page #page_content2 [class$="-buy-btn"] { min-height: 44px !important; }
	body.is-game-page #page_content2 .game-info-trigger,
	body.is-game-page #page_content2 .game-sound-toggle,
	body.is-game-page #page_content2 [id$="_refresh"],
	body.is-game-page #page_content2 [class$="-step"] { min-width: 44px !important; }

	.slot-demo-signup-btn { min-height: 44px; }

	/* Several legacy mobile layouts deliberately reduced informative copy to
	   6-10px. Keep icon glyphs/artwork untouched and lift semantic UI text. */
	body [class][class$="-kicker"],
	body [class][class$="-eyebrow"],
	body [class][class$="-caption"],
	body [class][class$="-label"],
	body [class][class$="-meta"],
	body [class][class$="-status"],
	body [class][class$="-hint"],
	body [class][class$="-note"],
	body [class][class$="-description"] {
		font-size: var(--site-type-caption) !important;
		line-height: 1.4;
	}
	body.is-game-page #page_content2 [class][class$="-kicker"],
	body.is-game-page #page_content2 [class][class$="-eyebrow"],
	body.is-game-page #page_content2 [class][class$="-caption"],
	body.is-game-page #page_content2 [class][class$="-label"],
	body.is-game-page #page_content2 [class][class$="-meta"],
	body.is-game-page #page_content2 [class][class$="-status"],
	body.is-game-page #page_content2 [class][class$="-hint"],
	body.is-game-page #page_content2 [class][class$="-note"],
	body.is-game-page #page_content2 [class][class$="-description"],
	body.is-game-page #page_content2 .betshort_action,
	body.is-game-page #page_content2 small {
		font-size: var(--site-type-caption) !important;
		line-height: 1.35;
	}

	.leaderboard-live,
	.leaderboard-list-head,
	.leaderboard-user small,
	.leaderboard-value span,
	.podium-player > small,
	.ft-skin-heading small,
	.ft-skin-option b,
	.ft-rank-stats small,
	.er-stack-summary span,
	.er-result-label,
	.er-risk-note,
	.er-history-title span { font-size: var(--site-type-caption) !important; line-height: 1.35; }
	.tos-section-number { font-size: var(--site-type-caption) !important; }
	.auth-forgot-link,
	.auth-switch-link { min-height: 44px; display: inline-flex; align-items: center; }
	.mobile-play-menu span { font-size: var(--site-type-caption) !important; }
	.fair-verifier button { min-height: 44px; }

	/* Dense game boards use compact cells, but their labels and row controls
	   still need a legible floor and a full-height tap area. */
	body.is-game-page #page_content2 :is(
		.sc-bet,
		.kn-cell,
		.kn-chip,
		.pk-select,
		.pk-invite-button,
		.nd-quick,
		.cb-btn,
		.nv-seat-option,
		.dice-mode-switch,
		.er-stack-actions .er-chip,
		.mines-grid-btn,
		.mines-counter-btn,
		.bd-btn,
		.ft-quick
	) { min-height: 44px !important; }
	body.is-game-page #page_content2 :is(.nd-quick, .toast-close-button) { min-width: 44px !important; }
	.toast-close-button { width: 44px !important; height: 44px !important; }

	body.is-game-page #page_content2 :is(
		.co-item-rarity,
		.co-item-name,
		.co-case-badge,
		.co-content-stats em,
		.co-case-meta em,
		.sc-bet-name,
		.sc-bet-sub,
		.sc-bet-pays,
		.kn-cell,
		.kn-chip,
		.av-hud-value,
		.av-route-collection span,
		.av-gentle-missions span,
		.av-flight-log p,
		.plinko-winnings > div,
		.pk-limit-copy span,
		.pk-seat-empty,
		.pk-public-count,
		.cb-case-card-copy strong,
		.cb-case-object b,
		.ft-rule-lane b,
		.ft-rules-title,
		.ft-public-count,
		.wheel-risk-btn,
		.bcr-side-name,
		.bcr-side-pays,
		.dt-side-name,
		.dt-side-pays
	) { font-size: 11px !important; line-height: 1.25; }

	/* Keyboard focus remains visible when a hardware keyboard or switch control
	   is used with the mobile layout. */
	:where(a, button, input, select, textarea, summary):focus-visible {
		outline: 3px solid rgba(190, 140, 255, .9);
		outline-offset: 2px;
	}

	/* FAQ sections become a native-feeling, snap-scrolling tab strip instead of
	   a row whose translated labels can push the page wider than the display. */
	.faq-page .faqs {
		display: flex;
		float: none;
		width: 100% !important;
		gap: 6px;
		padding: 4px 0 8px;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	.faq-page .faqs::-webkit-scrollbar { display: none; }
	.faq-page .faqs a {
		float: none;
		width: auto;
		min-width: max-content;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		padding: 0 14px;
		scroll-snap-align: start;
	}
	.faq-page .faq-grid { float: none; min-width: 0; }

	/* Long hashes and examples must wrap inside the verifier card. */
	.fair-page code,
	.fair-page pre,
	.fair-page input,
	.fair-preview,
	.fair-result { min-width: 0; max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; word-break: break-word; }
	.fair-page pre { overflow-x: auto; white-space: pre-wrap; }
	.fair-formula > * { min-width: 0; }

	/* Keep horizontal control rails inside their card. They remain scrollable so
	   translated labels and the roulette felt preserve usable hit areas. */
	.inclusive-leaderboards .leaderboard-tabs {
		width: auto;
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
		-webkit-overflow-scrolling: touch;
	}
	.inclusive-leaderboards .leaderboard-tabs button { min-height: 44px; }
	.ft-skin-options,
	.er-table-wrap { max-width: 100%; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
	.ft-skin-option { min-height: 88px; touch-action: manipulation; }

	.table-container.responsive { max-width: 100%; -webkit-overflow-scrolling: touch; }
}

@media (max-width: 360px) {
	.fair-hero,
	.fair-explainer,
	.fair-steps-section,
	.fair-values,
	.fair-interpretation,
	.fair-technical,
	.fair-verifier { padding-right: 14px; padding-left: 14px; }

	.fair-formula { flex-direction: column; align-items: stretch; text-align: center; }
	.fair-formula .fa-arrow-right { transform: rotate(90deg); }
}

/* Mines: the legacy portrait panel reserved only 31px for the grid selector.
   Once its four choices use proper touch targets they were clipped. Put the
   label beside the choices and reserve the full control height. */
@media (max-width: 768px) and (orientation: portrait) {
	body.is-game-page .minesweeper-page .mines-game-layout {
		grid-template-rows: minmax(0, 1fr) 200px !important;
	}
	body.is-game-page .minesweeper-page .mines-controls {
		grid-template-rows: 56px 54px 66px !important;
	}
	body.is-game-page .minesweeper-page .mines-controls .mines-grid-size-segment {
		display: grid !important;
		grid-template-columns: minmax(58px, auto) minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 6px !important;
		overflow: visible !important;
	}
	body.is-game-page .minesweeper-page .mines-grid-size-segment .mines-label {
		min-width: 0;
		white-space: normal;
	}
	body.is-game-page .minesweeper-page .mines-grid-tabs {
		width: 100% !important;
		height: 50px !important;
		min-height: 50px !important;
		box-sizing: border-box;
	}
	body.is-game-page .minesweeper-page .mines-grid-btn {
		height: 44px !important;
		min-height: 44px !important;
	}
}

/* European Roulette: keep the chip amount visibly separate from the quick
   actions on phones. The old wrapping flex row left the transparent input
   looking absent and allowed the action group to appear offset. */
@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) {
	body.is-game-page .er-page .er-bet-segment {
		width: 100%;
		min-width: 0;
		align-items: stretch;
	}
	body.is-game-page .er-page .er-input-row {
		width: 100% !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 8px !important;
		display: grid !important;
		grid-template-columns: 28px minmax(0, 1fr) !important;
		grid-template-rows: 48px 44px !important;
		gap: 8px 6px !important;
		align-items: center !important;
		overflow: visible !important;
	}
	body.is-game-page .er-page .er-input-icon {
		grid-column: 1;
		grid-row: 1;
		width: 28px;
		text-align: center;
	}
	body.is-game-page .er-page .er-input-row .er-input {
		grid-column: 2;
		grid-row: 1;
		width: 100% !important;
		min-width: 0 !important;
		height: 48px !important;
		min-height: 48px !important;
		padding: 0 12px !important;
		border: 1px solid rgba(171, 122, 255, .34) !important;
		border-radius: 10px !important;
		background: rgba(7, 4, 13, .72) !important;
		box-sizing: border-box;
		color: #fff !important;
		font-size: 17px !important;
		font-variant-numeric: tabular-nums;
		text-align: center;
	}
	body.is-game-page .er-page .er-input-row:focus-within .er-input {
		border-color: #9b67ed !important;
		box-shadow: 0 0 0 3px rgba(139, 82, 229, .16);
	}
	body.is-game-page .er-page .er-chips {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		justify-self: center;
		width: min(100%, 300px) !important;
		margin: 0 auto !important;
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 88px)) !important;
		justify-content: center !important;
		gap: 8px !important;
	}
	body.is-game-page .er-page .er-chips .er-chip {
		width: 100% !important;
		min-width: 0 !important;
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 8px !important;
		font-size: 12px !important;
	}
}

/* Poker lobby: a fixed-height grid allowed the public-table block to consume
   the available track space and collapse Create/Join cards to ~47px. Mobile
   lobby content is a scrollable sequence of complete, natural-height cards. */
body.is-game-page .poker-page #pk_room.hidden {
	display: none !important;
}

@media (max-width: 768px) and (orientation: portrait) {
	body.is-game-page .poker-page .pk-lobby {
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		padding: 2px 2px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 12px !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior-y: contain;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}
	body.is-game-page .poker-page .pk-lobby > .pk-lobby-card,
	body.is-game-page .poker-page .pk-lobby > .pk-public-card {
		width: 100% !important;
		height: auto !important;
		min-height: max-content !important;
		flex: 0 0 auto !important;
		overflow: visible !important;
		box-sizing: border-box;
	}

	body.is-game-page .poker-page .pk-lobby-card {
		padding: 14px !important;
		grid-template-columns: 44px minmax(0, 1fr) !important;
		gap: 12px !important;
	}
	body.is-game-page .poker-page .pk-lobby-card-icon {
		width: 44px !important;
		height: 44px !important;
	}
	body.is-game-page .poker-page .pk-lobby-heading {
		min-width: 0;
	}
	body.is-game-page .poker-page .pk-lobby-heading > small {
		font-size: 12px !important;
		line-height: 1.35 !important;
		white-space: normal;
	}

	body.is-game-page .poker-page .pk-lobby-card--create {
		grid-template-rows: 44px auto auto auto 52px !important;
	}
	body.is-game-page .poker-page .pk-blinds-row {
		grid-template-rows: auto 48px !important;
		gap: 6px !important;
	}
	body.is-game-page .poker-page .pk-blinds-toggle {
		grid-template-columns: 44px minmax(0, 1fr) 44px !important;
		align-items: center;
	}
	body.is-game-page .poker-page .pk-blinds-step,
	body.is-game-page .poker-page .pk-select {
		height: 44px !important;
		min-height: 44px !important;
	}
	body.is-game-page .poker-page .pk-visibility {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		align-items: stretch;
	}
	body.is-game-page .poker-page .pk-visibility label > span {
		height: auto !important;
		min-height: 72px !important;
		align-content: center;
		box-sizing: border-box;
	}
	body.is-game-page .poker-page .pk-visibility label > span > small,
	body.is-game-page .poker-page .pk-create-straddle small {
		font-size: 11px !important;
		line-height: 1.3 !important;
		white-space: normal !important;
	}
	body.is-game-page .poker-page .pk-create-straddle,
	body.is-game-page .poker-page .pk-create-runouts {
		min-height: 64px !important;
	}
	body.is-game-page .poker-page .pk-room-limits > div {
		min-height: 52px !important;
	}
	body.is-game-page .poker-page .pk-limit-copy > span,
	body.is-game-page .poker-page .pk-limit-copy > small,
	body.is-game-page .poker-page .pk-room-limits strong {
		font-size: 11px !important;
		line-height: 1.3 !important;
	}
	body.is-game-page .poker-page .pk-lobby-card .pk-btn {
		height: 52px !important;
		min-height: 52px !important;
	}

	body.is-game-page .poker-page .pk-lobby-card--join {
		grid-template-rows: 44px auto 52px !important;
	}
	body.is-game-page .poker-page .pk-code-row {
		min-height: 0 !important;
		padding: 4px 0 !important;
		overflow: visible !important;
	}
	body.is-game-page .poker-page .pk-code-field,
	body.is-game-page .poker-page .pk-code-field #pk_code {
		width: 100% !important;
		height: 54px !important;
		min-height: 54px !important;
		box-sizing: border-box;
	}
	body.is-game-page .poker-page .pk-code-help {
		font-size: 11px !important;
		line-height: 1.35 !important;
		white-space: normal;
	}

	body.is-game-page .poker-page .pk-public-card {
		padding: 14px !important;
		border-radius: 16px !important;
	}
	body.is-game-page .poker-page .pk-public-heading {
		min-width: 0;
		align-items: center;
		gap: 10px;
	}
	body.is-game-page .poker-page .pk-public-title {
		min-width: 0;
	}
	body.is-game-page .poker-page .pk-public-title em {
		font-size: 11px !important;
		line-height: 1.3;
		white-space: normal;
	}
	body.is-game-page .poker-page .pk-public-list {
		width: 100%;
		max-height: 360px;
		grid-template-columns: 1fr !important;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}