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

:root {
	--r1-maxw: 1200px;
	--r1-card-border: 1px solid rgba(242, 234, 230, .12);
	--r1-card-border-strong: 1px solid rgba(242, 234, 230, .22);
	--r1-hairline: 1px solid rgba(255, 255, 255, .06);
}

/* ---- Base canvas & background glow ------------------------------------ */
body {
	background-color: var(--wp--preset--color--base);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	/* clip (not hidden) prevents sideways scroll without creating a scroll
	   container that would break the sticky header */
	overflow-x: clip;
}

/* Front-end only: the ambient blue wash (re-shaped in the identity layer). */
.wp-site-blocks {
	position: relative;
}
.wp-site-blocks::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 600px at 78% -8%, rgba(201, 162, 39, .16), transparent 60%),
		radial-gradient(900px 500px at 12% 4%, rgba(242, 234, 230, .08), transparent 55%);
}
.wp-site-blocks > * {
	position: relative;
	z-index: 1;
}

::selection {
	background: rgba(193, 39, 45, .3);
	color: #fff;
}

img {
	max-width: 100%;
	height: auto;
}

/* ---- Reusable section rhythm ------------------------------------------ */
.r1-section {
	padding-top: clamp(40px, 6vw, 56px);
	padding-bottom: clamp(16px, 3vw, 24px);
}

/* ---- Eyebrow / labels -------------------------------------------------- */
.r1-eyebrow {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--brass-lit);
}

/* ---- Live / license badge --------------------------------------------- */
.r1-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 13px;
	border-radius: 100px;
	border: 1px solid rgba(193, 39, 45, .28);
	background: rgba(242, 234, 230, .06);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .4px;
	color: var(--wp--preset--color--crimson);
}
.r1-badge::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wp--preset--color--payout);
	box-shadow: 0 0 8px var(--wp--preset--color--payout);
}

/* ---- Cards ------------------------------------------------------------- */
.r1-card,
.r1-card-raised {
	border-radius: 16px;
	background: var(--wp--preset--gradient--card);
	border: var(--r1-card-border);
}
.r1-card-raised {
	background: var(--wp--preset--gradient--card-raised);
	border: var(--r1-card-border-strong);
	box-shadow: var(--wp--preset--shadow--card);
}

/* ---- Buttons ----------------------------------------------------------- */
.wp-block-button.r1-btn-outline .wp-block-button__link,
.wp-block-button__link.r1-btn-outline {
	background: rgba(255, 255, 255, .02) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid rgba(193, 39, 45, .3);
	box-shadow: none;
}
.wp-block-button.r1-btn-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--crimson);
	color: var(--wp--preset--color--crimson-lit) !important;
}
/* Copper buttons: explicit gradient (theme.json color.background renders a
   gradient token as a flat colour, so we set the real gradient here). */
.wp-block-button:not(.r1-btn-outline) > .wp-block-button__link {
	background: var(--wp--preset--gradient--crimson) !important;
	color: var(--wp--preset--color--ink) !important;
	border: none;
	box-shadow: var(--wp--preset--shadow--crimson);
}
.wp-block-button:not(.r1-btn-outline) > .wp-block-button__link:hover { filter: brightness(1.05); }
/* keep button labels on one line (fixes "Giri / ş" wrapping in the header) */
.wp-block-button__link { white-space: nowrap; }
/* button sizing by context (kept out of block attrs so markup stays valid) */
.r1-hero .wp-block-buttons .wp-block-button__link { padding: 15px 30px; font-size: 16px; }
.r1-header .wp-block-button__link { padding: 10px 16px; font-size: 14px; }
.r1-flame-text { background: linear-gradient(120deg, #FF7A72, #C9A227); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #E8C55A; }
.wp-block-separator.r1-sep { border: none; height: 1px; background: rgba(242, 234, 230, .12); opacity: 1; max-width: none; }

/* ---- Hero -------------------------------------------------------------- */
.r1-hero {
	padding-top: clamp(36px, 6vw, 64px);
}
.r1-hero__art img {
	border-radius: 20px;
	border: 1px solid rgba(242, 234, 230, .18);
	box-shadow: var(--wp--preset--shadow--soft);
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}
.r1-stats {
	gap: 26px 32px;
}
.r1-stat__num {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 26px;
	color: var(--wp--preset--color--crimson);
	line-height: 1;
}
.r1-stat__label {
	font-size: 12.5px;
	color: var(--wp--preset--color--dim);
	font-weight: 600;
}

/* ---- Hero trust / payments row ---------------------------------------- */
/* Sits under the stats in the home hero so the (shorter) text column fills
   more of the height next to the tall image + offer card, killing the void
   that appeared when the columns were vertically centred. */
.r1-trustrow {
	gap: 10px;
	margin-top: 24px;
	align-items: center;
}
.r1-trust {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 13px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(242, 234, 230, .14);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--wp--preset--color--muted);
	white-space: nowrap;
}
.r1-trust b { color: var(--wp--preset--color--contrast); font-weight: 700; }

/* ---- Bonus offer card -------------------------------------------------- */
.r1-offer {
	position: relative;
	overflow: hidden;
	border-radius: 22px;
	padding: 34px 30px;
	background: var(--wp--preset--gradient--card-raised);
	border: var(--r1-card-border-strong);
	box-shadow: var(--wp--preset--shadow--card);
}
.r1-offer::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 22px;
	pointer-events: none;
	background: radial-gradient(400px 200px at 80% 0%, rgba(201, 162, 39, .22), transparent 65%);
}
.r1-offer > * { position: relative; z-index: 1; }
.r1-offer__amount {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	font-size: 46px;
	line-height: 1;
	color: var(--wp--preset--color--heading);
}
.r1-offer__row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
	padding: 9px 0;
	border-bottom: var(--r1-hairline);
}
.r1-offer__row span:first-child { color: var(--wp--preset--color--muted); }
.r1-offer__row span:last-child  { color: var(--wp--preset--color--contrast); font-weight: 700; }

/* Floating animation (respect reduced motion) */
@keyframes r1-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.r1-float { animation: r1-float 6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .r1-float { animation: none; } }

/* ---- Quick links ------------------------------------------------------- */
.r1-quicklink {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px 18px;
	border-radius: 14px;
	background: var(--wp--preset--gradient--card);
	border: var(--r1-card-border);
	transition: transform .18s ease, border-color .18s ease;
}
.r1-quicklink:hover { transform: translateY(-3px); border-color: rgba(193, 39, 45, .35); }
.r1-quicklink__icon { font-size: 26px; }
.r1-quicklink__title { font-size: 15.5px; font-weight: 700; color: var(--wp--preset--color--contrast); }
.r1-quicklink__sub { font-size: 12.5px; color: var(--wp--preset--color--dim); }

/* ---- Game cards -------------------------------------------------------- */
.r1-game {
	border-radius: 14px;
	overflow: hidden;
	background: var(--wp--preset--color--surface);
	border: 1px solid rgba(242, 234, 230, .1);
	transition: transform .18s ease, border-color .18s ease;
}
.r1-game:hover { transform: translateY(-4px); border-color: rgba(193, 39, 45, .3); }
.r1-game__media {
	position: relative;
	aspect-ratio: 3 / 4;
	overflow: hidden;
}
.r1-game__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.r1-game__body { padding: 12px 13px; }
.r1-game__title {
	font-size: 14px; font-weight: 700; color: var(--wp--preset--color--contrast);
	/* Wrap to two lines instead of ellipsing: at 360px the grid tracks are ~150px
	   and titles like "Mini Roulette" were being truncated with no way to read them. */
	line-height: 1.25;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden;
}
.r1-game__meta { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.r1-game__provider { font-size: 11.5px; color: var(--wp--preset--color--dim); }
.r1-game__play {
	/* Tap target: the 5px/12px pill rendered ~22px tall — under the 44px minimum.
	   Sized here rather than per-card so every game grid inherits the fix. */
	font-size: 12.5px; font-weight: 700; color: var(--wp--preset--color--ink);
	background: var(--wp--preset--gradient--crimson); padding: 10px 16px; border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 44px; text-decoration: none;
	/* Owns its own top gap so the game cards don't each repeat an inline style
	   (18 identical style="" attributes were a network footprint tell). */
	margin-top: 10px;
}
.r1-tag {
	position: absolute; top: 9px; left: 9px; z-index: 2;
	padding: 3px 9px; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: .5px;
}
/* Crash-red labels carry white ink, so the background has to be the DEEP red:
   #FFFFFF on #FF8F86 is 3.03:1 (fails AA at 10px) while #FFFFFF on #55201C is
   6.5:1. --wp--preset--color--danger stays reserved for red TEXT on graphite. */
:root { --r1-danger-deep: #55201C; }
.r1-tag--hot { background: var(--r1-danger-deep); color: #FFFFFF; }
.r1-tag--jackpot { background: var(--wp--preset--gradient--crimson); color: var(--wp--preset--color--ink); }

/* ---- Filter chips ------------------------------------------------------ */
.r1-chips .wp-block-button__link {
	padding: 9px 16px; border-radius: 9px; font-size: 13.5px; font-weight: 700;
	background: transparent !important; color: var(--wp--preset--color--muted) !important;
	border: 1px solid rgba(242, 234, 230, .14); box-shadow: none;
}
.r1-chips .wp-block-button.is-active .wp-block-button__link,
.r1-chips .wp-block-button:first-child .wp-block-button__link {
	background: rgba(242, 234, 230, .12) !important; color: var(--wp--preset--color--crimson) !important;
	border-color: rgba(193, 39, 45, .4);
}

/* ---- Feature cards ----------------------------------------------------- */
.r1-feature { padding: 26px 24px; border-radius: 16px; background: var(--wp--preset--gradient--card); border: var(--r1-card-border); }
.r1-feature__icon {
	width: 48px; height: 48px; border-radius: 12px; background: rgba(242, 234, 230, .1);
	display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 16px;
}
.r1-feature__title { font-size: 17px; font-weight: 700; color: var(--wp--preset--color--contrast); margin-bottom: 7px; }
.r1-feature__text { font-size: 14px; line-height: 1.55; color: var(--wp--preset--color--muted); }

/* ---- App download ------------------------------------------------------ */
.r1-app {
	position: relative; overflow: hidden;
	border-radius: 22px; padding: clamp(28px, 4vw, 44px);
	background: var(--wp--preset--gradient--card-raised);
	border: 1px solid rgba(242, 234, 230, .16);
}
.r1-app::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: radial-gradient(500px 300px at 90% 50%, rgba(201, 162, 39, .16), transparent 60%);
}
.r1-app > * { position: relative; z-index: 1; }
.r1-app__art img { border-radius: 18px; border: 1px solid rgba(242, 234, 230, .16); width: 100%; }
.r1-store {
	display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; border-radius: 11px;
	background: rgba(255, 255, 255, .05); border: 1px solid rgba(193, 39, 45, .25);
	font-weight: 700; color: var(--wp--preset--color--contrast);
}
.r1-store:hover { border-color: var(--wp--preset--color--crimson); color: var(--wp--preset--color--crimson-lit); }

/* ---- Payments ---------------------------------------------------------- */
.r1-pay {
	height: 64px; border-radius: 12px; background: var(--wp--preset--color--surface);
	border: 1px solid rgba(242, 234, 230, .1); display: flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: 14px; color: #FF7A72;
}

/* ---- Steps ------------------------------------------------------------- */
.r1-step { padding: 28px 24px; border-radius: 16px; background: var(--wp--preset--gradient--card); border: var(--r1-card-border); }
.r1-step__num { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 40px; color: rgba(193, 39, 45, .35); line-height: 1; margin-bottom: 14px; }
.r1-step__title { font-size: 18px; font-weight: 700; color: var(--wp--preset--color--contrast); margin-bottom: 7px; }
.r1-step__text { font-size: 14px; line-height: 1.55; color: var(--wp--preset--color--muted); }

/* ---- Reviews & comparison --------------------------------------------- */
.r1-review { padding: 20px 22px; border-radius: 14px; background: var(--wp--preset--gradient--card); border: var(--r1-card-border); }
.r1-avatar {
	width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto;
	background: var(--wp--preset--gradient--brass);
	display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; color: #fff;
}
.r1-stars { color: var(--wp--preset--color--crimson); font-size: 13px; letter-spacing: 1px; }
.r1-rating-pill {
	padding: 6px 12px; border-radius: 100px; background: rgba(201, 162, 39, .12);
	color: var(--wp--preset--color--payout-soft); font-size: 13px; font-weight: 700;
}
/* top clears the sticky header (topbar 34 + bar 74 + 12 breathing room). */
.r1-compare { padding: 28px 26px; border-radius: 18px; background: var(--wp--preset--gradient--card-raised); border: var(--r1-card-border-strong); position: sticky; top: 124px; }
.r1-compare__row { display: flex; justify-content: space-between; gap: 12px; font-size: 13.5px; padding: 8px 0; border-bottom: var(--r1-hairline); }
.r1-compare__row span:first-child { color: var(--wp--preset--color--muted); }
.r1-compare__row span:last-child { color: var(--wp--preset--color--payout-soft); font-weight: 700; }

/* ---- Blog cards -------------------------------------------------------- */
.r1-post { border-radius: 16px; overflow: hidden; background: var(--wp--preset--color--surface); border: var(--r1-card-border); display: block; transition: transform .18s ease, border-color .18s ease; }
.r1-post:hover { transform: translateY(-4px); border-color: rgba(193, 39, 45, .3); }
.r1-post__cover { aspect-ratio: 16 / 9; overflow: hidden; }
.r1-post__cover img { width: 100%; height: 100%; object-fit: cover; }
.r1-post__body { padding: 18px 20px; }
.r1-post__cat { font-size: 12px; font-weight: 700; color: var(--wp--preset--color--brass-lit); }
.r1-post__title { font-size: 16px; font-weight: 700; color: var(--wp--preset--color--contrast); line-height: 1.35; margin: 8px 0 6px; }
.r1-post__date { font-size: 12.5px; color: var(--wp--preset--color--dim); }

/* ---- FAQ (native <details>) ------------------------------------------- */
.r1-faq { border-radius: 14px; background: var(--wp--preset--gradient--card); border: 1px solid rgba(242, 234, 230, .12); overflow: hidden; }
.r1-faq + .r1-faq { margin-top: 12px; }
.r1-faq > summary {
	list-style: none; cursor: pointer; padding: 20px 22px;
	display: flex; justify-content: space-between; align-items: center; gap: 16px;
	font-size: 16px; font-weight: 700; color: var(--wp--preset--color--contrast);
}
.r1-faq > summary::-webkit-details-marker { display: none; }
.r1-faq > summary::after {
	content: "+"; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 7px;
	background: rgba(242, 234, 230, .12); color: var(--wp--preset--color--crimson);
	display: flex; align-items: center; justify-content: center; font-size: 18px; transition: transform .2s ease;
}
.r1-faq[open] > summary::after { transform: rotate(45deg); }
.r1-faq__answer { margin: 0; padding: 0 22px 20px; font-size: 15.5px; line-height: 1.65; color: var(--wp--preset--color--body); max-width: 62ch; }

/* ---- Responsible gaming banner ---------------------------------------- */
.r1-18 {
	display: flex; align-items: center; gap: 16px; padding: 18px 24px; border-radius: 14px;
	background: rgba(201, 162, 39, .06); border: 1px solid rgba(201, 162, 39, .2);
}
.r1-18__badge {
	width: 44px; height: 44px; flex: 0 0 auto; border-radius: 10px; background: rgba(201, 162, 39, .15);
	display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; color: var(--wp--preset--color--brass-lit);
}
.r1-18__text { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--wp--preset--color--muted); }

/* =========================================================================
   INTERIOR PAGES — shared helpers
   ========================================================================= */
.r1-breadcrumb { font-size: 12.5px; color: var(--wp--preset--color--dim); }
.r1-breadcrumb a { color: var(--wp--preset--color--muted); }
.r1-lead { font-size: 18px; line-height: 1.6; color: var(--wp--preset--color--body); max-width: 660px; }

/* Interior page hero (breadcrumb + eyebrow + H1 + lead + CTA) */
.r1-hero:has(.r1-breadcrumb) {
	position: relative;
	overflow: clip;
	text-align: center;
	padding-top: clamp(48px, 6vw, 76px);
	padding-bottom: clamp(28px, 4vw, 44px);
}
.r1-hero:has(.r1-breadcrumb)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(680px 320px at 50% 8%, rgba(201, 162, 39, .16), transparent 62%),
		radial-gradient(420px 220px at 50% 4%, rgba(242, 234, 230, .07), transparent 60%);
}
.r1-hero:has(.r1-breadcrumb) > * { position: relative; z-index: 1; }
/* comfortable measure + real centring for the lead and buttons */
.r1-hero:has(.r1-breadcrumb) .r1-lead {
	margin-left: auto;
	margin-right: auto;
}
.r1-hero:has(.r1-breadcrumb) .r1-breadcrumb,
.r1-hero:has(.r1-breadcrumb) .r1-eyebrow { text-align: center; }
.r1-hero:has(.r1-breadcrumb) .wp-block-buttons { justify-content: center; margin-top: 8px; }

/* Fallback for browsers without :has() — still readable, just left-aligned */
@supports not selector(:has(*)) {
	.r1-hero .r1-lead { margin-right: auto; }
}

/* generic stat tiles (aviator game info, payment facts) */
.r1-statbox { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
.r1-stat-tile {
	padding: 16px 18px; border-radius: 12px; background: var(--wp--preset--gradient--card);
	border: var(--r1-card-border);
}
.r1-stat-tile .k { font-size: 12px; color: var(--wp--preset--color--dim); font-weight: 600; }
.r1-stat-tile .v { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 22px; color: var(--wp--preset--color--crimson); }

/* bonus card = feature card + a price line + button (reuses .r1-feature look) */
.r1-bonus__amount { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 30px; color: var(--wp--preset--color--crimson); line-height: 1; margin: 6px 0 8px; }

/* CTA banner */
.r1-cta {
	position: relative; overflow: hidden; text-align: center;
	padding: clamp(28px, 4vw, 44px); border-radius: 22px;
	background: var(--wp--preset--gradient--card-raised); border: var(--r1-card-border-strong);
}
.r1-cta::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(600px 240px at 50% 0%, rgba(201, 162, 39, .16), transparent 65%); }
.r1-cta > * { position: relative; z-index: 1; }

/* comparison / payment tables (dense, kept in html blocks) */
.r1-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* Pages emit <figure class="wp-block-table r1-table">, so the figure itself is the
   horizontal scroll container on mobile; the inner <table> keeps the min width. */
.r1-table { display: block; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 14px; }
.r1-table > table { width: 100%; border-collapse: collapse; min-width: 560px; }
.r1-table th, .r1-table td { padding: 12px 14px; text-align: left; border-bottom: var(--r1-hairline); }
.r1-table thead th { color: var(--wp--preset--color--heading); font-weight: 800; }
.r1-table tbody th { color: var(--wp--preset--color--muted); font-weight: 600; }
.r1-table td { color: var(--wp--preset--color--contrast); }
.r1-table .yes { color: var(--wp--preset--color--payout-soft); font-weight: 700; }
.r1-table .no { color: var(--wp--preset--color--dim); }
.r1-table .r1-col-hi { background: rgba(242, 234, 230, .08); color: var(--wp--preset--color--crimson); font-weight: 700; }
.r1-table .r1-badge-rec { display:inline-block; margin-left:6px; padding:1px 7px; border-radius:6px; font-size:10px; font-weight:800; background:var(--wp--preset--gradient--crimson); color:var(--wp--preset--color--ink); }

/* warning-sign / checklist rows */
.r1-warn { list-style: none; padding-left: 0; margin: 0; display: grid; gap: 10px; }
.r1-warn li { position: relative; padding: 13px 14px 13px 42px; border-radius: 12px; background: var(--wp--preset--gradient--card); border: var(--r1-card-border); font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--body); }
/* U+FE0E forces the text (not emoji) presentation of the warning sign so it picks
   up the ice accent instead of rendering as a colour emoji on Win/Android. */
.r1-warn li::before { content: "\26A0\FE0E"; position: absolute; left: 14px; top: 13px; color: var(--wp--preset--color--crimson); }

/* =========================================================================
   HEADER
   ========================================================================= */
.r1-header {
	position: sticky; top: 0; z-index: 50;
	backdrop-filter: blur(14px);
	background: rgba(16, 18, 22, .86);
	border-bottom: 1px solid rgba(242, 234, 230, .14);
}
.r1-header__inner {
	min-height: 74px;
	max-width: var(--r1-maxw);
	margin: 0 auto;
	padding: 0 24px;
	width: 100%;
	gap: 20px;
}
.r1-instruments {
	max-width: var(--r1-maxw);
	margin: 0 auto;
	padding: 6px 24px;
	width: 100%;
}
.r1-header__actions { margin-left: auto; }
/* the nav lives in the middle and can shrink/scroll before the burger kicks in */
.r1-nav { min-width: 0; }
/* Wordmark base layout */
.r1-brand {
	display: flex;
	align-items: center;
	gap: 11px;
	text-decoration: none;
}
.r1-brand__crest {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	display: block;
	border-radius: 9px;
	/* num emboss: warm rim light on the top edge, shadow under the bottom */
	box-shadow:
		inset 0 1px 0 rgba(250, 251, 254, .55),
		inset 0 -1px 0 rgba(0, 0, 0, .45),
		0 4px 14px rgba(242, 234, 230, .22);
}
.r1-brand__lock {
	display: flex;
	align-items: baseline;
	gap: 7px;
	line-height: 1;
	min-width: 0;
}
.r1-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 1;
	letter-spacing: -.6px;
	color: var(--wp--preset--color--heading);
}
.r1-brand__cluster {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 400;
	font-size: 19px;
	line-height: 1;
	letter-spacing: -.6px;
	color: var(--wp--preset--color--crimson);
}
.r1-brand:hover .r1-brand__cluster { color: var(--wp--preset--color--crimson-lit); }
.r1-brand--footer .r1-brand__word,
.r1-brand--footer .r1-brand__cluster { font-size: 17px; }
/* Below 400px the lockup would push the burger off-screen. */
@media (max-width: 400px) {
	.r1-brand__crest { width: 32px; height: 32px; }
	.r1-brand__word,
	.r1-brand__cluster { font-size: 16px; }
}

/* ---- Instrument rail under the header (replaces the sibling's topbar) ---- */
.r1-instruments {
	max-width: var(--r1-maxw);
	margin: 0 auto;
	padding: 8px 24px 10px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 22px;
	border-top: 1px solid rgba(255, 255, 255, .05);
}
.r1-instruments__rail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 0;
}
.r1-instruments__cell {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	padding: 3px 9px;
	border-radius: 4px;
	background: rgba(242, 234, 230, .07);
	border: 1px solid rgba(242, 234, 230, .16);
}
.r1-instruments__cell dt {
	font-size: 11px;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: var(--wp--preset--color--dim);
}
.r1-instruments__cell dd {
	margin: 0;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	font-weight: 600;
	color: #F0CFA6;
}
.r1-instruments__legal { margin: 0; font-size: 12px; color: var(--wp--preset--color--dim); }
.r1-instruments__legal a { color: var(--wp--preset--color--crimson-lit); }
.r1-instruments__age {
	display: inline-block;
	padding: 1px 6px;
	margin-right: 4px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 800;
	color: #FFFFFF;
	background: var(--r1-danger-deep, #55201C);
}

/* ---- Footer payment rail (mirrors the header rail, sits at the bottom) --- */
.r1-payrail {
	max-width: var(--r1-maxw);
	margin: 34px auto 0;
	padding-top: 24px;
	border-top: 1px solid rgba(201, 162, 39, .16);
}
.r1-payrail__title {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .6px;
	color: var(--wp--preset--color--contrast);
}
.r1-payrail__row { display: flex; flex-wrap: wrap; gap: 9px; }
.r1-payrail__note { margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: var(--wp--preset--color--dim); }

/* Navigation */
.r1-nav { flex-wrap: nowrap; }
.r1-nav .wp-block-navigation-item__content { font-size: 14px; font-weight: 600; color: var(--wp--preset--color--body); padding: 8px 11px; border-radius: 8px; white-space: nowrap; }
.r1-header__inner .wp-block-navigation__responsive-container:not(.is-menu-open) { background: transparent; }
.r1-nav .current-menu-item .wp-block-navigation-item__content,
.r1-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--contrast); background: rgba(242, 234, 230, .08); }

/* Language pills */
.r1-lang { display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgba(242, 234, 230, .2); border-radius: 9px; background: rgba(255, 255, 255, .02); }
.r1-lang a { padding: 5px 10px; border-radius: 6px; font-size: 12.5px; font-weight: 700; color: var(--wp--preset--color--dim); }
.r1-lang a.is-active { background: rgba(242, 234, 230, .16); color: var(--wp--preset--color--crimson); }

.r1-instruments { min-height: 34px; font-size: 12px; color: var(--wp--preset--color--dim); }
.r1-instruments__legal b { color: var(--wp--preset--color--crimson); }

/* =========================================================================
   FOOTER
   ========================================================================= */
.r1-footer { border-top: 1px solid rgba(242, 234, 230, .12); background: var(--wp--preset--color--base-deep); }
.r1-footer__col-title { font-size: 13px; font-weight: 800; letter-spacing: .6px; color: var(--wp--preset--color--contrast); margin-bottom: 14px; }
.r1-footer a { font-size: 13px; color: var(--wp--preset--color--muted); }
.r1-footer a:hover { color: var(--wp--preset--color--crimson); }
.r1-footer .r1-footer__links { list-style: none; padding-left: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.r1-footer .r1-brand__name { color: var(--wp--preset--color--heading); }
.r1-footer__legal { font-size: 12px; color: var(--wp--preset--color--dim); }
.r1-chip {
	padding: 8px 14px; border-radius: 8px; background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .06); font-size: 12px; font-weight: 600; color: var(--wp--preset--color--dim);
}

/* =========================================================================
   RESPONSIVE  — the piece the original inline markup was missing entirely
   ========================================================================= */

/* Tablet */
@media (max-width: 900px) {
	.r1-compare { position: static; }
	.r1-offer__amount { font-size: 40px; }
}

/* Mobile */
@media (max-width: 600px) {
	body { --r1-side: 16px; }
	.r1-section { padding-top: 36px; }

	/* tighten root padding on small screens */
	.r1-header__inner { min-height: 60px; }
	.r1-brand__mark { width: 18px; height: 18px; }
	.r1-brand__name { font-size: 17px; }

	/* stat row wraps to 2-up */
	.r1-stats { gap: 18px 28px; }

	.r1-offer { padding: 26px 20px; }
	.r1-offer__amount { font-size: 38px; }

	/* buttons go full width so they are tappable */
	.r1-hero .wp-block-buttons .wp-block-button,
	.r1-app .wp-block-buttons .wp-block-button { width: 100%; }
	.r1-hero .wp-block-buttons .wp-block-button__link,
	.r1-app .wp-block-buttons .wp-block-button__link { display: block; text-align: center; }

	.r1-faq > summary { font-size: 15px; padding: 16px 18px; }
	.r1-18 { flex-direction: row; align-items: flex-start; }
}

/* Mobile header: keep only logo, burger and the primary CTA; the language
   switch and secondary link move out of the cramped bar. Core Navigation
   shows its hamburger below 600px. */
@media (max-width: 600px) {
	.r1-header__inner { gap: 10px; padding: 0 16px; }
	.r1-instruments { padding: 6px 16px; }
	.r1-lang { display: none; }
	.r1-header__actions .r1-btn-outline { display: none; }
	.r1-header__actions { gap: 10px; }
	/* let the nav (burger) sit just before the CTA on the right */
	.r1-nav { order: 3; margin-left: auto; }
	.r1-header__actions { order: 4; margin-left: 0; }
	.r1-instruments { font-size: 11px; gap: 4px 12px; }
}

/* Very small */
@media (max-width: 400px) {
	.r1-brand__name { display: none; }
	.r1-header__actions .wp-block-button__link { padding: 9px 14px !important; }
}

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

/* Skip-to-content: off-screen until it receives keyboard focus. */
.r1-skip-link {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -130%);
	z-index: 2000;
	padding: 12px 22px;
	background: #0A0808;
	color: #FFFFFF;
	font-family: "Nunito Sans", system-ui, sans-serif;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
	transition: transform .18s ease-out;
}
.r1-skip-link:focus {
	transform: translate(-50%, 0);
	outline: none;
}

/* Visible keyboard focus on every interactive element (WCAG 2.4.7).
   Only shows for keyboard users via :focus-visible, so mouse clicks stay clean. */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
.wp-block-navigation__responsive-container-open:focus-visible,
.wp-block-navigation__responsive-container-close:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #FF7A72;
	outline-offset: 3px;
	border-radius: 6px;
}

/* Mobile: guarantee 44px tap targets and remove the 300ms tap delay (WCAG 2.5.5). */
@media (max-width: 600px) {
	.wp-block-button__link,
	.r1-nav .wp-block-navigation-item__content,
	.r1-header__actions a,
	.r1-lang a {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		touch-action: manipulation;
	}
}

/* Honour prefers-reduced-motion globally, not just the floating hero art. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---- Supplement: native wp:table dark styling + mobile scroll, notes (added by builder) ---- */
.wp-block-table{margin:18px 0;}
.wp-block-table.r1-table,.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.wp-block-table table{width:100%;border-collapse:collapse;min-width:520px;font-size:14px;}
.wp-block-table th,.wp-block-table td{padding:12px 14px;text-align:left;border-bottom:var(--r1-hairline,1px solid rgba(255, 255, 255,.08));}
.wp-block-table thead th{color:var(--wp--preset--color--heading);font-weight:800;font-family:var(--wp--preset--font-family--mono);letter-spacing:.3px;}
.wp-block-table tbody td{color:var(--wp--preset--color--body);}
.wp-block-table tbody td:nth-child(n+2){font-family:var(--wp--preset--font-family--mono);color:var(--wp--preset--color--contrast);}
.r1-note{font-size:13px;line-height:1.6;color:var(--wp--preset--color--dim);border-left:2px solid rgba(193, 39, 45, .3);padding:2px 0 2px 14px;margin:14px 0;}
.r1-rating-pill{white-space:nowrap;}
@media (max-width:600px){.wp-block-table table{min-width:480px;}}

/* Static single-language marker (AZ-only site). */
.r1-langtag {
	display: inline-flex; align-items: center; padding: 6px 11px; border-radius: 7px;
	border: 1px solid rgba(193, 39, 45, .3); background: rgba(242, 234, 230, .07);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px; font-weight: 400; letter-spacing: 1px;
	color: var(--wp--preset--color--crimson);
}

/* ---- Multiplier scale strip (green cash-out zone -> red crash zone) ------- */
.r1-mult {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 10px;
	list-style: none; padding-left: 0; margin: 0;
}
.r1-mult li {
	padding: 14px 12px; border-radius: 10px; text-align: center;
	background: var(--wp--preset--gradient--card); border: 1px solid rgba(255, 255, 255,.06);
}
.r1-mult .x {
	display: block; font-family: var(--wp--preset--font-family--mono);
	font-size: 22px; line-height: 1; color: var(--wp--preset--color--contrast);
}
.r1-mult .t { display: block; margin-top: 7px; font-size: 12px; color: var(--wp--preset--color--dim); }
.r1-mult li.is-safe   { border-color: rgba(75, 217, 138, .34); }
.r1-mult li.is-safe   .x { color: var(--wp--preset--color--payout-soft); }
.r1-mult li.is-risky  { border-color: rgba(255, 122, 133, .3); }
.r1-mult li.is-risky  .x { color: #FFC2BC; }

/* ---- RTP / provider fact card (mono figures) ----------------------------- */
.r1-rtp {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px;
	background: rgba(255, 255, 255,.07); border: 1px solid rgba(255, 255, 255,.07);
	border-radius: 12px; overflow: hidden;
}
.r1-rtp div { background: var(--wp--preset--color--surface); padding: 16px 18px; }
.r1-rtp .k { font-size: 11.5px; letter-spacing: .8px; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.r1-rtp .v {
	font-family: var(--wp--preset--font-family--mono); font-size: 21px; line-height: 1.25;
	color: var(--wp--preset--color--crimson); margin-top: 5px;
}

/* ---- Signal / predictor warning callout ---------------------------------- */
.r1-alert {
	display: flex; gap: 16px; align-items: flex-start;
	padding: 20px 22px; border-radius: 12px;
	background: rgba(255, 122, 133, .07);
	border: 1px solid rgba(255, 122, 133, .28);
	border-left-width: 3px;
}
.r1-alert__icon {
	flex: 0 0 auto; width: 38px; height: 38px; border-radius: 9px;
	display: flex; align-items: center; justify-content: center; font-size: 19px;
	background: rgba(255, 122, 133, .14); color: #FFC2BC;
}
.r1-alert h3 {
	font-size: 16px; margin: 0 0 6px; color: #FFE6E2;
	letter-spacing: .4px;
}
.r1-alert p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--wp--preset--color--body); }

/* ---- Demo vs real comparison strip --------------------------------------- */
.r1-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.r1-vs > div {
	padding: 20px 20px 18px; border-radius: 12px;
	background: var(--wp--preset--gradient--card); border: 1px solid rgba(255, 255, 255,.07);
}
.r1-vs > div.is-real { border-color: rgba(193, 39, 45, .3); }
.r1-vs h3 { font-size: 15px; margin: 0 0 12px; letter-spacing: .6px; }
.r1-vs ul { list-style: none; padding-left: 0; margin: 0; display: grid; gap: 9px; }
.r1-vs li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: var(--wp--preset--color--body); }
.r1-vs li::before { content: "\2013"; position: absolute; left: 4px; color: var(--wp--preset--color--muted); }
.r1-vs li.y::before { content: "\2713"; color: var(--wp--preset--color--payout); }
.r1-vs li.n::before { content: "\2715"; color: #FFC2BC; }
@media (max-width: 600px) { .r1-vs { grid-template-columns: 1fr; } }

/* ---- Provider strip (Spribe & friends — text marks, no borrowed logos) ---- */
.r1-provider {
	display: flex; align-items: center; justify-content: center; gap: 9px;
	height: 62px; border-radius: 10px;
	background: var(--wp--preset--color--surface); border: 1px solid rgba(255, 255, 255,.07);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 15px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}
.r1-provider small {
	font-family: var(--wp--preset--font-family--mono); font-size: 11px;
	letter-spacing: 0; text-transform: none; color: var(--wp--preset--color--muted);
}

/* Numeric emphasis: any mono run reads as instrument data. */
.r1-num { font-family: var(--wp--preset--font-family--mono); color: var(--wp--preset--color--crimson); }

/* Eyebrows pick up the mono voice on this domain. */
.r1-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400; letter-spacing: 2.6px; font-size: 12.5px;
	color: var(--wp--preset--color--crimson);
}

/* Skeleton placeholder for the heavier grids (no images shipped). */
@keyframes r1-shimmer { 0% { background-position: -420px 0; } 100% { background-position: 420px 0; } }
.r1-skeleton {
	border-radius: 12px; min-height: 120px;
	background: linear-gradient(90deg, #1C1615 0%, #221B19 50%, #1C1615 100%);
	background-size: 840px 100%;
	animation: r1-shimmer 1.6s linear infinite;
}
@media (prefers-reduced-motion: reduce) { .r1-skeleton { animation: none; } }
/* Aspect-ratio variants so a skeleton can reserve the exact box of the block it
   stands in for (no layout shift when the real content lands). */
.r1-skeleton--card { aspect-ratio: 3 / 4; min-height: 0; }
.r1-skeleton--wide { aspect-ratio: 16 / 9; min-height: 0; }
.r1-skeleton--row  { min-height: 64px; }


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

/* A. Fragment navigation must clear the sticky header */
html {
	scroll-padding-top: 124px;
}
@media (max-width: 600px) {
	html { scroll-padding-top: 88px; }
}

/* B. Root gutter: 24px is too much on a 360px screen */
@media (max-width: 600px) {
	body {
		--wp--style--root--padding-right: 16px;
		--wp--style--root--padding-left: 16px;
	}
}

/* ---- C. Skip link ------------------------------------------------------- */
/* Core adds a second skip link (#wp-skip-link) pointing at the same #r1-main.
   Two identical first tab stops is noise — keep the theme's styled one. */
#wp-skip-link {
	display: none !important;
}
/* The theme's own link killed its outline; give it a ring for the moment it
   slides in, and pull the ring inside so the rounded corners don't clip it. */
.r1-skip-link:focus,
.r1-skip-link:focus-visible {
	outline: 3px solid var(--wp--preset--color--crimson);
	outline-offset: -3px;
}

/* D. Interior page header */
.entry-content {
	position: relative;
}
.entry-content > .r1-breadcrumb:first-child::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -56px;
	transform: translateX(-50%);
	width: min(1180px, 132vw);
	height: 430px;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(640px 300px at 26% 22%, rgba(201, 162, 39, .15), transparent 62%),
		radial-gradient(430px 220px at 6% 6%, rgba(242, 234, 230, .08), transparent 60%);
}
.entry-content > .r1-breadcrumb:first-child {
	margin-bottom: 16px;
}
.entry-content > .r1-breadcrumb + h1 {
	margin-top: 0;
}

/* On these pages the eyebrow sits *after* the H1, so it reads as a kicker.
   Give it the flight-trail tick so it looks authored rather than misplaced. */
h1 + .r1-eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
	margin-bottom: 0;
}
h1 + .r1-eyebrow::before {
	content: "";
	flex: 0 0 auto;
	width: 34px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--wp--preset--color--crimson), rgba(193, 39, 45, 0));
}
h1 + .r1-eyebrow + .r1-lead {
	margin-top: 14px;
}

/* E. Vertical rhythm + prose measure */
.entry-content > h2,
.r1-section > h2 {
	margin-top: clamp(44px, 5vw, 68px);
}
.entry-content > h3,
.r1-section > h3 {
	margin-top: clamp(28px, 3vw, 38px);
}
.entry-content > .r1-breadcrumb + h1,
.entry-content > h2:first-child,
.r1-section > h2:first-child {
	margin-top: 0;
}
/* Flight-trail rule under every section head: identity marker + rhythm cue. */
.entry-content > h2::after,
.r1-section > h2::after,
.r1-cta > h2::after {
	content: "";
	display: block;
	width: 46px;
	height: 2px;
	margin-top: 14px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--wp--preset--color--crimson) 0%, rgba(201, 162, 39, .55) 68%, rgba(201, 162, 39, 0) 100%);
}
.r1-cta h2::after,
h2.has-text-align-center::after {
	margin-left: auto;
	margin-right: auto;
}

.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.r1-section > p,
.r1-section > ul,
.r1-section > ol {
	max-width: 62ch;
}
.entry-content > p.has-text-align-center,
.r1-section > p.has-text-align-center,
.r1-cta p {
	/* Match the content column exactly (NOT `none`: core sets max-width in the same
	   low-specificity :where() rule, so `none` here made prose full-bleed while the
	   headings stayed at 720px — the same misalignment mirrored). */
	max-width: var(--wp--style--global--content-size, 740px);
}
/* The lead already had its own 660px cap; keep whichever is narrower. */
.r1-lead {
	max-width: min(660px, 62ch);
}

/* ---- F. Legibility: no prose below 15px --------------------------------- */
.r1-feature__text,
.r1-step__text,
.r1-alert p {
	font-size: 15px;
	line-height: 1.6;
}
.r1-vs li,
.r1-18__text {
	font-size: 14.5px;
}
.r1-note {
	font-size: 14px;
}
.r1-breadcrumb {
	font-size: 13px;
}
.r1-footer a {
	font-size: 14px;
}
.r1-instruments {
	font-size: 12px;
}

/* ---- G. Tap targets: 44px everywhere, not just under 600px --------------
   WCAG 2.5.5 / 2.5.8. Inline links inside a sentence are exempt and are left
   alone; every standalone control below was under 44px. */
a,
button,
summary,
.wp-block-button__link {
	touch-action: manipulation;
}
.r1-brand {
	min-height: 44px;
}
.r1-nav .wp-block-navigation-item__content {
	min-height: 44px;
	display: flex;
	align-items: center;
}
.r1-header .wp-block-button__link,
.r1-chips .wp-block-button__link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
/* Hamburger + overlay close button were 24px icon buttons. */
.r1-nav .wp-block-navigation__responsive-container-open,
.r1-nav .wp-block-navigation__responsive-container-close {
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--contrast);
	border-radius: 9px;
}
/* Overlay menu: core forces `padding:0` on the links at (0,4,0) specificity, so
   the burger menu inherited 14px links with no vertical reach. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .r1-nav .wp-block-navigation-item__content {
	font-size: 19px;
	font-weight: 600;
	padding: 11px 4px;
	min-height: 48px;
	width: 100%;
}
/* Breadcrumb link was an 18px-tall inline target: pad the hit area out to 44px
   and pull it back with negative margin so the line box does not move. */
.r1-breadcrumb a {
	display: inline-block;
	/* Grow the hit area to 44px tall without moving the text: the extra padding is
	   cancelled by an equal negative margin, and the left edge is left untouched so
	   the crumb still lines up with the H1 below it. */
	padding: 12px 8px 12px 0;
	margin: -12px -8px -12px 0;
}
.r1-footer .r1-footer__links {
	gap: 2px;
}
.r1-footer .r1-footer__links a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
/* 404 template: search field + pagination controls. */
.wp-block-search__input,
.wp-block-search__button {
	min-height: 44px;
}
.wp-block-search__input {
	background: var(--wp--preset--color--surface);
	border: 1px solid rgba(242, 234, 230, .22);
	color: var(--wp--preset--color--contrast);
	border-radius: 8px;
	padding: 0 14px;
}
.wp-block-search__input::placeholder {
	/* muted #9E8F89 is 7.3:1 on surface — a placeholder, never body copy. */
	color: var(--wp--preset--color--muted);
	opacity: 1;
}
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	min-height: 44px;
	min-width: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 8px;
}
.wp-block-query-pagination .page-numbers.current {
	background: rgba(242, 234, 230, .12);
	color: var(--wp--preset--color--crimson);
}

/* ---- H. Focus rings that are actually visible ---------------------------
   `.r1-faq` and `.r1-game` clip their children (overflow:hidden), so a ring with
   a +3px offset was cropped away. Draw those two inside the element instead. */
.r1-faq > summary:focus-visible {
	outline-offset: -4px;
}
.r1-game .r1-game__play:focus-visible,
.r1-post:focus-visible {
	outline-offset: 2px;
}

/* ---- I. Complete the state matrix (hover / focus / active / disabled) ---- */
.wp-block-button__link:active,
.r1-store:active,
.r1-game__play:active,
.r1-quicklink:active,
.r1-sticky a:active {
	transform: translateY(1px);
}
.r1-quicklink:focus-visible,
.r1-quicklink:focus-within {
	border-color: rgba(193, 39, 45, .4);
}
.r1-game:focus-within,
.r1-post:focus-visible {
	border-color: rgba(193, 39, 45, .35);
}
.r1-nav .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--contrast);
	background: rgba(242, 234, 230, .1);
}
.r1-faq > summary:hover {
	background: rgba(242, 234, 230, .045);
}
.r1-faq > summary:hover::after,
.r1-faq > summary:focus-visible::after {
	background: rgba(242, 234, 230, .22);
	color: var(--wp--preset--color--crimson-lit);
}
.r1-faq[open] > summary {
	border-bottom: var(--r1-hairline);
}
.r1-footer a:focus-visible,
.r1-breadcrumb a:hover,
.r1-breadcrumb a:focus-visible {
	color: var(--wp--preset--color--crimson);
}
button:disabled,
.wp-block-button__link[aria-disabled="true"],
.wp-block-button__link[disabled] {
	opacity: .45;
	cursor: not-allowed;
	box-shadow: none;
	filter: grayscale(.35);
	pointer-events: none;
}

/* J. Emoji are not an icon system */
.r1-quicklink__icon {
	font-size: 0;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	background: rgba(242, 234, 230, .09);
	border: 1px solid rgba(242, 234, 230, .24);
	transition: background .18s ease, border-color .18s ease;
}
.r1-quicklink__icon::before,
.r1-quicklink__icon::after {
	content: "";
	width: 4px;
	height: 15px;
	border-radius: 2px;
	background: var(--wp--preset--color--crimson);
	box-shadow: 7px 0 0 0 var(--wp--preset--color--crimson-deep);
}
.r1-quicklink__icon::after {
	height: 9px;
	box-shadow: none;
	opacity: .55;
	margin-left: 7px;
}
.r1-quicklink:hover .r1-quicklink__icon,
.r1-quicklink:focus-visible .r1-quicklink__icon {
	background: rgba(242, 234, 230, .16);
	border-color: rgba(193, 39, 45, .42);
}
/* The alert callout's ⚠ comes from page markup — force text presentation so it
   inherits the crash-red tint rather than becoming a colour emoji. */
.r1-alert__icon {
	font-variant-emoji: text;
}
/* J2. Two inherited rules carried latent contrast failures */
.r1-brand__num {
	color: var(--wp--preset--color--ink);
}
.r1-avatar {
	background: rgba(242, 234, 230, .14);
	border: 1px solid rgba(193, 39, 45, .28);
	color: var(--wp--preset--color--crimson);
}

/* Footer age chip: was "🔞 18+" (emoji as an icon). Now a typographic ice chip. */
.r1-chip--age {
	color: var(--wp--preset--color--crimson);
	background: rgba(242, 234, 230, .07);
	border-color: rgba(193, 39, 45, .28);
	font-weight: 700;
	letter-spacing: .4px;
}

/* ---- K. Tables: nested scrollers + a scroll affordance ------------------
   `.r1-table-wrap` and `.r1-table` were both scroll containers; the inner one
   always wins, so the outer was dead weight. Keep one scroller and hint at it. */
.r1-table-wrap {
	position: relative;
	overflow: visible;
}
.r1-table:focus-visible {
	outline: 3px solid var(--wp--preset--color--crimson-lit);
	outline-offset: 2px;
}
@media (max-width: 600px) {
	/* Below 600px every table (min-width 520–560px) definitely overflows, so the
	   fade is always truthful. */
	.r1-table-wrap::after {
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		bottom: 0;
		width: 34px;
		pointer-events: none;
		background: linear-gradient(to left, var(--wp--preset--color--base), rgba(16, 18, 22, 0));
	}
}

/* L. Header: collapse the nav before it runs out of room */
@media (min-width: 600px) and (max-width: 899px) {
	.r1-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.r1-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	.r1-nav {
		order: 3;
		margin-left: auto;
	}
	.r1-header__actions {
		order: 4;
		margin-left: 0;
	}
}

/* ---- M. Small-screen layout fixes -------------------------------------- */
@media (max-width: 600px) {
	/* "10.00x+" at 22px mono overflowed a 3-up 96px track: go 2-up instead. */
	.r1-mult {
		grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	}
	/* The static AZ marker is decorative and repeated in the footer — reclaim the
	   space in a nowrap header instead of risking an overflow. */
	.r1-header__actions .r1-langtag {
		display: none;
	}
	.r1-18 {
		gap: 12px;
		padding: 16px 16px;
	}
	.r1-18__text {
		font-size: 14px;
	}
	.r1-alert {
		padding: 16px 16px;
		gap: 12px;
	}
	.r1-offer__row,
	.r1-compare__row {
		/* long AZ labels + value on one 328px line: let the pair wrap. */
		flex-wrap: wrap;
	}
	/* `.r1-rtp` clips its children, so "Provably fair" at 21px mono was being cut
	   off in a 128px cell at 360px. Same guard for the stat tiles ("20:00–21:00"). */
	.r1-rtp .v {
		font-size: 17px;
	}
	.r1-stat-tile .v {
		font-size: 19px;
	}
	.r1-rtp .v,
	.r1-stat-tile .v,
	.r1-mult .x {
		line-height: 1.3;
		overflow-wrap: anywhere;
	}
	.entry-content > .r1-breadcrumb:first-child::after {
		height: 340px;
	}
}

/* ---- N. Reduced motion: finish the job --------------------------------- */
@media (prefers-reduced-motion: reduce) {
	/* The global block above zeroes durations; also stop the two decorative
	   translate effects from moving at all and drop the blur work. */
	.r1-quicklink:hover,
	.r1-game:hover,
	.r1-post:hover,
	.wp-block-button__link:active,
	.r1-store:active,
	.r1-game__play:active,
	.r1-quicklink:active,
	.r1-sticky a:active {
		transform: none !important;
	}
	.r1-header {
		backdrop-filter: none;
	}
	html {
		scroll-behavior: auto !important;
	}
}

/* ---- O. Forced-colors / high-contrast safety net ----------------------- */
@media (forced-colors: active) {
	.r1-card, .r1-card-raised, .r1-quicklink, .r1-game, .r1-feature, .r1-step,
	.r1-faq, .r1-flight, .r1-offer, .r1-cta, .r1-alert, .r1-18, .r1-stat-tile {
		border: 1px solid CanvasText;
	}
	a:focus-visible, button:focus-visible, summary:focus-visible {
		outline: 3px solid Highlight;
	}
}

/* Item/game card grid */
.r1-games {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}
@media (max-width: 480px) {
	.r1-games {
		grid-template-columns: 1fr;
	}
}

/* Tables authored as <div class="r1-table-wrap"><table class="r1-table"> */
.r1-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
table.r1-table {
	display: table;
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	overflow: visible;
}


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

/* Reel strip: the signature hero ornament */
.r1-reels {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding: 16px;
	aspect-ratio: 4 / 3;
	border-radius: 22px;
	background:
		radial-gradient(520px 260px at 82% 4%, rgba(201, 162, 39, .26), transparent 62%),
		var(--wp--preset--gradient--card-raised);
	border: 1px solid rgba(242, 234, 230, .22);
	box-shadow: var(--wp--preset--shadow--card);
}
.r1-reels__reel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	border-radius: 14px;
	background: rgba(10, 8, 8, .55);
	border: 1px solid rgba(242, 234, 230, .12);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(20px, 4.2vw, 30px);
	line-height: 1;
	color: var(--wp--preset--color--crimson);
	letter-spacing: 1px;
}
.r1-reels__reel span { opacity: .38; }
.r1-reels__reel span.is-hit { opacity: 1; text-shadow: 0 0 22px rgba(193, 39, 45, .55); }
.r1-reels__line {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 50%;
	height: 2px;
	transform: translateY(-1px);
	background: linear-gradient(90deg, rgba(193, 39, 45, 0), var(--wp--preset--color--crimson) 22%, var(--wp--preset--color--crimson) 78%, rgba(193, 39, 45, 0));
	opacity: .8;
}
.r1-reels__tag {
	position: absolute;
	left: 16px;
	bottom: 14px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	letter-spacing: .6px;
	color: var(--wp--preset--color--dim);
}

/* ---- Provider / genre filter rail ---------------------------------------
   A real horizontal scroller (not JS tabs): on 360px it swipes, on desktop it
   wraps. Each chip is a link to the section it filters, so it works with JS off. */
.r1-filter {
	display: flex;
	gap: 9px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	padding: 4px 0 10px;
	margin: 0;
	list-style: none;
}
.r1-filter li { flex: 0 0 auto; }
.r1-filter a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	background: rgba(242, 234, 230, .05);
	border: 1px solid rgba(242, 234, 230, .18);
	font-size: 13.5px;
	font-weight: 700;
	color: var(--wp--preset--color--dim);
	text-decoration: none;
	white-space: nowrap;
	transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.r1-filter a:hover,
.r1-filter a:focus-visible {
	background: rgba(242, 234, 230, .14);
	border-color: rgba(193, 39, 45, .46);
	color: var(--wp--preset--color--crimson);
}
.r1-filter a[aria-current="true"] {
	background: var(--wp--preset--gradient--crimson);
	border-color: transparent;
	color: var(--wp--preset--color--ink);
}
@media (min-width: 782px) { .r1-filter { flex-wrap: wrap; overflow: visible; } }

/* ---- Game tiles: portrait, blue light RTP badge --------------------------- */
.r1-game { border-radius: 18px; }
.r1-game__rtp {
	position: absolute;
	right: 9px;
	bottom: 9px;
	z-index: 2;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(10, 8, 8, .82);
	border: 1px solid rgba(193, 39, 45, .34);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	color: var(--wp--preset--color--crimson);
}
/* Card art with no raster image: a reel-band gradient keeps the 3:4 box filled
   and palette-locked instead of shipping an empty grey well. */
.r1-game__media--css {
	background:
		linear-gradient(115deg, rgba(242, 234, 230, .16), transparent 58%),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .045) 0 2px, transparent 2px 26px),
		var(--wp--preset--gradient--card-raised);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 30px;
	/* This label ("SLOT" / "CANLI") NAMES the game family, so it is content, not
	   texture: at rgba(193,39,45,.55) it measured 1.71:1 on the card surface, which
	   fails even the large-text 3:1 floor. Flat crimson would only reach 3.0:1, so
	   the label takes the accent-as-TEXT token instead (crimson-lit, ~6.5:1 here) at
	   full opacity, and the "watermark" feel is carried by letter-spacing and the
	   striped well behind it rather than by transparency. */
	color: var(--wp--preset--color--crimson-lit);
	letter-spacing: 2px;
}

/* ---- RTP meter: the number AND a bar, so the figure is scannable --------- */
.r1-rtpbar { display: grid; gap: 12px; margin: 18px 0; }
.r1-rtpbar__row {
	display: grid;
	grid-template-columns: minmax(120px, 1.4fr) minmax(90px, 3fr) auto;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 14px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(242, 234, 230, .12);
}
.r1-rtpbar__name { font-size: 14.5px; font-weight: 700; color: var(--wp--preset--color--contrast); }
.r1-rtpbar__track {
	position: relative;
	height: 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .07);
	overflow: hidden;
}
.r1-rtpbar__fill {
	position: absolute;
	inset: 0 auto 0 0;
	border-radius: 999px;
	background: var(--wp--preset--gradient--crimson);
}
.r1-rtpbar__val {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 15px;
	color: var(--wp--preset--color--crimson);
	white-space: nowrap;
}
@media (max-width: 600px) {
	.r1-rtpbar__row { grid-template-columns: 1fr auto; }
	.r1-rtpbar__track { grid-column: 1 / -1; }
}

/* ---- Jackpot tiers ------------------------------------------------------
   Tier NAMES and how the pool grows — deliberately NOT a live ticker: this site
   has no feed, and a fake counter would be a fabricated figure. */
.r1-jackpot {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.r1-jackpot li {
	padding: 18px 16px;
	border-radius: 16px;
	text-align: center;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(201, 162, 39, .22);
}
.r1-jackpot .t {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 15px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--wp--preset--color--brass-lit);
}
.r1-jackpot .r {
	display: block;
	margin-top: 9px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 17px;
	color: var(--wp--preset--color--crimson);
}
.r1-jackpot .d { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--wp--preset--color--muted); }

/* ---- Demo callout ------------------------------------------------------- */
.r1-demo {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	padding: 22px 24px;
	border-radius: 18px;
	background:
		radial-gradient(460px 200px at 92% 0%, rgba(201, 162, 39, .2), transparent 64%),
		var(--wp--preset--gradient--card-raised);
	border: 1px solid rgba(242, 234, 230, .22);
}
.r1-demo__badge {
	flex: 0 0 auto;
	min-width: 62px;
	padding: 10px 12px;
	border-radius: 14px;
	text-align: center;
	background: rgba(242, 234, 230, .12);
	border: 1px solid rgba(193, 39, 45, .3);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	color: var(--wp--preset--color--crimson);
}
.r1-demo p { margin: 0; flex: 1 1 260px; font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--body); }

/* ---- Payout grid (keno hit table / plinko rows) ------------------------- */
.r1-payout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
	gap: 8px;
	list-style: none;
	padding-left: 0;
	margin: 16px 0;
}
.r1-payout li {
	padding: 12px 8px;
	border-radius: 12px;
	text-align: center;
	background: var(--wp--preset--color--surface);
	border: 1px solid rgba(255, 255, 255, .06);
}
.r1-payout .h {
	display: block;
	font-size: 11.5px;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.r1-payout .x {
	display: block;
	margin-top: 6px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 17px;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
	overflow-wrap: anywhere;
}
.r1-payout li.is-top { border-color: rgba(193, 39, 45, .42); }
.r1-payout li.is-top .x { color: var(--wp--preset--color--crimson); }

/* ---- Provider mark: text-only, never a borrowed logo file --------------- */
.r1-provider { border-radius: 14px; height: 66px; letter-spacing: 1.6px; }

/* ---- Section heads: swap the sibling's trail rule for a reel tick ------- */
.entry-content > h2::after,
.r1-section > h2::after,
.r1-cta > h2::after {
	width: 54px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--wp--preset--color--crimson) 0%, rgba(201, 162, 39, .7) 62%, rgba(201, 162, 39, 0) 100%);
}
h1 + .r1-eyebrow::before {
	background: linear-gradient(90deg, var(--wp--preset--color--crimson), rgba(193, 39, 45, 0));
}

/* ---- Ambient wash (superseded by the identity layer at the tail) ---- */
.wp-site-blocks::before {
	background:
		radial-gradient(1100px 560px at 84% -10%, rgba(201, 162, 39, .22), transparent 62%),
		radial-gradient(860px 480px at 8% 2%, rgba(242, 234, 230, .07), transparent 58%);
}

/* ---- Skeletons re-based on the teal surfaces ------------------------ */
.r1-skeleton {
	background: linear-gradient(90deg, #1C1615 0%, #221B19 50%, #1C1615 100%);
	background-size: 840px 100%;
}

/* ---- Pill buttons need slightly tighter header padding ----------------- */
.r1-header .wp-block-button__link { padding: 11px 20px; font-size: 14px; }
.r1-game__play { border-radius: 999px; }
.r1-chips .wp-block-button__link { border-radius: 999px; }

/* Trust rail sits BELOW the brand row on this domain (sibling-distinct) */
.r1-header .r1-instruments {
	border-top: 0;
	border-bottom: 1px solid rgba(242, 234, 230, .12);
	padding: 7px 24px;
	justify-content: flex-start;
}
@media (max-width: 600px) {
	.r1-header .r1-instruments { padding: 6px 16px; }
}

/* ---- Per-page last-updated line (inc/chrome.php appends it to the content) --- */
.r1-updated {
	margin-top: clamp(34px, 4vw, 52px);
	padding-top: 16px;
	border-top: 1px solid rgba(242, 234, 230, .14);
	font-size: 13px;
	line-height: 1.6;
	color: var(--wp--preset--color--muted);
}
.r1-updated .r1-num { color: var(--wp--preset--color--crimson); }

/* UX pass: box-sizing for the raw (wp:html) components */
[class*="r1-"],
[class*="r1-"]::before,
[class*="r1-"]::after {
	box-sizing: border-box;
}

/* UX pass: the interior-page glow must not widen the document */
.entry-content > .r1-breadcrumb:first-child::after {
	left: 0;
	transform: none;
	width: 100%;
	height: 460px;
	top: -64px;
	background:
		radial-gradient(700px 330px at 24% 20%, rgba(201, 162, 39, .17), transparent 64%),
		radial-gradient(470px 240px at 4% 4%, rgba(242, 234, 230, .08), transparent 62%);
}
@media (max-width: 600px) {
	.entry-content > .r1-breadcrumb:first-child::after {
		height: 360px;
	}
}

/* UX pass: one left edge for the whole text column */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.r1-section > p,
.r1-section > ul,
.r1-section > ol {
	/* Match the content column exactly (NOT `none`: core sets max-width in the same
	   low-specificity :where() rule, so `none` here made prose full-bleed while the
	   headings stayed at 720px — the same misalignment mirrored). */
	max-width: var(--wp--style--global--content-size, 740px);
}

/* UX pass: game-tile density */
.r1-game__media {
	aspect-ratio: 4 / 5;
}
.r1-games {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
@media (max-width: 480px) {
	.r1-games {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.r1-game__body { padding: 11px 11px 12px; }
	.r1-game__media--css { font-size: 24px; }
	.r1-game__rtp { right: 7px; bottom: 7px; padding: 3px 7px; font-size: 11px; }
	/* At ~150px the pill label would wrap; keep it one line and full width. */
	.r1-game__play { width: 100%; padding: 10px 8px; font-size: 12px; }
}

/* UX pass: game cards keep their CTA on one baseline */
.r1-game {
	display: flex;
	flex-direction: column;
}
.r1-game__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.r1-game__meta {
	margin-bottom: 2px;
}
.r1-game__play {
	margin-top: auto;
}


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

/* Long-word safety net */
h1, h2, h3, .r1-brand__word, .r1-brand__cluster {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
}
h1 { -webkit-hyphens: auto; }

/* ---- Focus ring: rose-blue, visible on every surface -------------------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--crimson);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Dot-accent mark (header/footer wordmark) */
.r1-brand__mark {
	flex: 0 0 auto;
	position: relative;
	width: 20px;
	height: 20px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1px solid rgba(193, 39, 45, .38);
	background: transparent;
	transition: border-color .16s ease, box-shadow .16s ease;
}
.r1-brand__mark::after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wp--preset--color--crimson);
}
.r1-brand:hover .r1-brand__mark {
	border-color: var(--wp--preset--color--crimson);
	box-shadow: 0 0 0 3px rgba(242, 234, 230, .1);
}
/* the old inline SVG monogram is no longer shipped; belt-and-braces if cached */
.r1-brand__mark svg { display: none; }

/* ---- Game-category grid (the hub's primary navigation) --------------------
   Four equal cards on desktop, two on tablet, one on phone. Each card is a whole
   link (44px+ tap target by construction) with a mono count in num. */
.r1-catgrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 14px;
	list-style: none;
	margin: 24px 0 0;
	padding-left: 0;
}
.r1-cat {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 20px 18px 18px;
	border-radius: 16px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(242, 234, 230, .14);
	transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.r1-cat:hover { border-color: rgba(193, 39, 45, .42); transform: translateY(-2px); }
.r1-cat__ico {
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border-radius: 11px;
	background: rgba(201, 162, 39, .14);
	border: 1px solid rgba(201, 162, 39, .3);
	font-size: 19px;
	line-height: 1;
}
.r1-cat__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -.4px;
	color: var(--wp--preset--color--heading);
}
.r1-cat__title a { color: inherit; text-decoration: none; }
/* Stretch the title link over the whole card so the entire tile is clickable. */
.r1-cat__title a::after { content: ""; position: absolute; inset: 0; border-radius: 16px; }
.r1-cat__sub { font-size: 13.5px; line-height: 1.55; color: var(--wp--preset--color--muted); margin: 0; }
.r1-cat__count {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	color: var(--wp--preset--color--crimson);
}
@media (prefers-reduced-motion: reduce) {
	.r1-cat:hover { transform: none; }
}

/* ---- Live-dealer table list ----------------------------------------------
   A list, not a grid: live tables are read by limit and language, both of which
   are figures, so they belong in a mono column that lines up vertically. */
.r1-tables { display: grid; gap: 10px; list-style: none; padding-left: 0; margin: 22px 0 0; }
.r1-tbl {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px 16px;
	padding: 14px 16px;
	border-radius: 13px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(255, 255, 255, .06);
}
.r1-tbl__name { font-weight: 600; font-size: 15px; color: var(--wp--preset--color--contrast); }
.r1-tbl__prov { font-size: 13px; color: var(--wp--preset--color--muted); }
.r1-tbl__lim {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13.5px;
	color: var(--wp--preset--color--num);
	white-space: nowrap;
}
@media (max-width: 600px) {
	.r1-tbl { grid-template-columns: 1fr auto; }
	.r1-tbl__prov { grid-column: 1; }
	.r1-tbl__lim { grid-column: 2; grid-row: 1 / span 2; }
}

/* ---- Crash-multiplier ladder (aviator) -----------------------------------
   Illustrates how a crash round ends, with the round-outcome bands the page
   explains in prose. Decorative bars only — no live data, no promised result. */
.r1-ladder { display: grid; gap: 8px; list-style: none; padding-left: 0; margin: 22px 0 0; }
.r1-ladder li {
	display: grid;
	grid-template-columns: 62px 1fr auto;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	color: var(--wp--preset--color--body);
}
.r1-ladder .x {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 14.5px;
	color: var(--wp--preset--color--num);
}
.r1-ladder .bar {
	height: 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .07);
	overflow: hidden;
}
.r1-ladder .bar i {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: var(--wp--preset--gradient--brass);
}
.r1-ladder .n { font-family: var(--wp--preset--font-family--mono); font-size: 13px; color: var(--wp--preset--color--muted); }

/* ---- Provider marks: wordmark chips, never a real brand logo file --------- */
.r1-provider {
	display: grid;
	place-items: center;
	padding: 0 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .035);
	border: 1px solid rgba(242, 234, 230, .16);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
	color: var(--wp--preset--color--dim);
}

/* ---- Inline TOC on the long guide pages ---------------------------------- */
.r1-toc {
	margin: 26px 0 0;
	padding: 18px 20px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .03);
	border-left: 3px solid var(--wp--preset--color--crimson);
}
.r1-toc p { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--wp--preset--color--muted); }
.r1-toc ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.r1-toc li { font-size: 14.5px; }

/* ---- UX pass: chip rail, category grid, wide catalogue --------------------
   Found by shooting the built pages at 360/768/1024/1440. See polish_game.py. */

/* `.r1-provider` is display:grid, so an unstyled `.r1-chips` container stacked the
   studio marks one per row. This is a chip RAIL. */
.r1-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 0;
}
.r1-chips .r1-provider {
	height: 44px;
	min-width: 138px;
	flex: 0 1 auto;
}
@media (max-width: 420px) {
	.r1-chips .r1-provider { min-width: 0; flex: 1 1 calc(50% - 5px); }
}

/* Four category cards in a 740px column: 260px lands on 2x2, not 3 + orphan. */
.r1-catgrid {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* The catalogue grids get the wide column (see the alignwide wrappers in the page
   markup); inside it, ask for a denser tile so a row reads as a shelf. */
/* 272px resolves to FOUR tiles in the 1260px wide column, three at 1024 and two at */
.alignwide > .r1-games,
.alignwide .r1-games {
	grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
}

/* Azerbaijani headlines are long, so the last word of a hero regularly falls to a
   line of its own ("...Kazino / AZ"). Let the browser even the lines out instead of
   leaving a one-word widow under a 56px headline. */
h1, h2 { text-wrap: balance; }
.r1-lead { text-wrap: pretty; }


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

/* Squared geometry: knock ~40% off every inherited card radius. */
.r1-cat,
.r1-cat__title a::after,
.r1-card,
.r1-game,
.r1-panel,
.r1-note,
.r1-steps li,
.r1-faq,
.r1-offer { border-radius: 10px; }
.r1-cat__ico,
.r1-game__thumb,
.r1-provider,
.r1-chip { border-radius: 7px; }

/* Wordmark: "game" is the weight-carrying half on this domain (royale-1.com),
   so the emphasis order is flipped versus the sibling's "Royale"-first lockup. */
.r1-brand__lock { gap: 4px; }
.r1-brand__word {
	font-weight: 800;
	letter-spacing: -.2px;
	text-transform: lowercase;
}
.r1-brand__cluster {
	font-weight: 500;
	letter-spacing: .6px;
	text-transform: lowercase;
	color: var(--wp--preset--color--muted);
}
.r1-brand:hover .r1-brand__cluster { color: var(--wp--preset--color--dim); }

/* Mono figures: Space Mono runs small at a given px, so nudge the tracking in
   and the brightness up — every number on this site is a claim being cited. */
.r1-num,
.r1-num * {
	font-family: var(--wp--preset--font-family--mono);
	letter-spacing: -.2px;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--num);
}

/* Ambient field: two cold rose-blue washes instead of the inherited warm pair.
   Muted to .07/.05 because on a #14100F canvas anything stronger greys the ink
   out and costs body copy its 4.5:1. */
.wp-site-blocks::before {
	background:
		radial-gradient(1100px 560px at 82% -10%, rgba(242, 234, 230, .07), transparent 62%),
		radial-gradient(820px 460px at 8% 2%, rgba(201, 162, 39, .05), transparent 58%);
}

/* Hairline rims read better than glows in a monochrome palette. */
.r1-badge { border-radius: 6px; }
:root {
	--r1-card-border: 1px solid rgba(242, 234, 230, .1);
	--r1-card-border-strong: 1px solid rgba(242, 234, 230, .2);
}

/* Provider chip rows */
.r1-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.r1-chips .r1-provider {
	display: inline-flex;
	width: auto;
	height: auto;
	min-height: 44px;
	padding: 10px 16px;
	flex: 0 0 auto;
}

/* Step lists */
.r1-steps {
	list-style: none;
	padding-left: 0;
	margin: 24px 0 0;
	display: grid;
	gap: 14px;
	counter-reset: none;
}
.r1-steps > li::marker { content: none; }
@media (min-width: 780px) {
	.r1-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.r1-step__num { display: block; }
.r1-step__title { margin-top: 0; }

/* Crash-mechanics panel */
.r1-flight {
	position: relative;
	padding: 24px 22px;
	border-radius: 10px;
	background: var(--wp--preset--gradient--card);
	border: var(--r1-card-border);
	overflow: hidden;
}

/* RTP badge: work in BOTH slots it gets authored into */
.r1-game__meta .r1-game__rtp,
.r1-game__body .r1-game__rtp {
	position: static;
	right: auto;
	bottom: auto;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}
/* The meta row is space-between with provider + tag + badge; let it wrap on the
   narrow tracks rather than squeeze the RTP figure out of legibility. */
.r1-game__meta {
	flex-wrap: wrap;
	gap: 6px 8px;
}

/* Card labels outside the art: same escape, same fix */
.r1-game__meta .r1-tag,
.r1-game__body .r1-tag,
.r1-tbl .r1-tag,
.r1-compare .r1-tag,
p .r1-tag,
li .r1-tag {
	position: static;
	top: auto;
	left: auto;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	background: rgba(242, 234, 230, .09);
	border: 1px solid rgba(242, 234, 230, .16);
	color: var(--wp--preset--color--dim);
	letter-spacing: .3px;
	font-weight: 700;
}
/* the semantic variants keep their own ink wherever they sit */
.r1-game__meta .r1-tag--hot,
.r1-game__body .r1-tag--hot,
p .r1-tag--hot,
li .r1-tag--hot {
	background: var(--r1-danger-deep);
	border-color: var(--r1-danger-deep);
	color: #FFFFFF;
}
.r1-game__meta .r1-tag--jackpot,
.r1-game__body .r1-tag--jackpot,
p .r1-tag--jackpot,
li .r1-tag--jackpot {
	background: var(--wp--preset--gradient--crimson);
	border-color: transparent;
	color: var(--wp--preset--color--ink);
}

/* Card monogram tile */
.r1-game__mono,
.r1-game__media--css > span:not([class]) {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	font-size: clamp(30px, 8vw, 44px);
	letter-spacing: 1px;
	line-height: 1;
	color: rgba(193, 39, 45, .3);
	user-select: none;
}
/* A monogram needs far less room than a poster: the inherited 3/4 portrait well left
   a ~370px empty column above a 3-line card body. Squarer reads as a shelf label. */
.r1-game .r1-game__media--css {
	aspect-ratio: 5 / 4;
}
@media (max-width: 480px) {
	.r1-game .r1-game__media--css { aspect-ratio: 4 / 3; }
}

/* Highlight column on a NATIVE core/table */
.r1-table--hi3 thead th:nth-child(3),
.r1-table--hi3 tbody td:nth-child(3) {
	background: rgba(242, 234, 230, .08);
	color: var(--wp--preset--color--crimson);
	font-weight: 700;
}

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

/* Wordmark: crown over the letter */
.r1-brand__lock {
	gap: 2px;
	align-items: flex-start;
	flex-direction: column;
}
.r1-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.05;
	letter-spacing: -0.4px;
	text-transform: none;
	color: var(--wp--preset--color--heading);
	transition: color .18s ease;
}
.r1-brand__cluster {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: 10.5px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--brass-lit);
}
.r1-brand:hover .r1-brand__word { color: var(--wp--preset--color--crimson); }
.r1-brand:hover .r1-brand__cluster { color: var(--wp--preset--color--crimson-lit); }
.r1-brand--footer .r1-brand__word { font-size: 19px; }
@media (max-width: 520px) {
	.r1-brand__word { font-size: 17.5px; }
	.r1-brand__cluster { font-size: 9.5px; letter-spacing: 1.8px; }
}

/* The crown mark: no ring, no dot */
.r1-brand__mark {
	width: 30px;
	height: 30px;
	border: 0;
	background: transparent;
	box-shadow: none;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
}
.r1-brand__mark::after { content: none; }
.r1-brand__mark svg { display: block; }
.r1-brand:hover .r1-brand__mark { border-color: transparent; box-shadow: none; }
.r1-shield { transition: transform .18s ease; }
.r1-brand:hover .r1-shield { transform: translateY(-1.5px); }
@media (max-width: 780px) {
	.r1-brand__mark { width: 26px; height: 26px; }
	.r1-shield { width: 26px; height: 26px; }
}
.r1-brand { align-items: center; gap: 10px; }

/* Sharp geometry */
.r1-card,
.r1-card-raised,
.r1-panel,
.r1-cat,
.r1-game,
.r1-offer,
.r1-flight,
.r1-demo,
.r1-statbox,
.r1-stat-tile,
.r1-quicklink,
.r1-feature,
.r1-step,
.r1-alert,
.r1-note,
.r1-warn,
.r1-jackpot,
.r1-promo,
.r1-table-wrap,
.r1-toc { border-radius: 18px; }
.r1-cat__ico,
.r1-quicklink__icon,
.r1-feature__icon,
.r1-game__thumb { border-radius: 10px; }
.r1-chip,
.r1-provider,
.r1-tag,
.r1-badge,
.r1-rating-pill,
.r1-game__rtp,
.r1-demo__badge,
.r1-langtag,
.r1-filter button,
.r1-eyebrow { border-radius: 999px; }
.r1-game__media,
.r1-game__media--css { border-radius: 18px 18px 0 0; }
.wp-block-button__link,
.wp-element-button { border-radius: 9px; }

/* ---- Focus ring ------------------------------------------------------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--crimson);
	outline-offset: 2px;
	border-radius: 6px;
}

/* Ambient field */
.wp-site-blocks::before {
	background:
		radial-gradient(900px 620px at 6% 104%, rgba(201, 162, 39, .16), transparent 62%),
		radial-gradient(1100px 300px at 60% -6%, rgba(242, 234, 230, .07), transparent 60%);
}

/* Sora headline guards */
h1, h2 {
	text-wrap: balance;
	-webkit-hyphens: auto;
	hyphens: auto;
}
h1 { word-break: break-word; }

/* ---- In-prose links: silver rule that thickens ------------------------------ */
.entry-content a:not(.wp-element-button):not(.r1-game__play):not(.r1-quicklink):not(.r1-cat) {
	text-decoration-color: rgba(193, 39, 45, .5);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-color .16s ease, text-decoration-thickness .16s ease;
}
.entry-content a:not(.wp-element-button):not(.r1-game__play):not(.r1-quicklink):not(.r1-cat):hover {
	text-decoration-color: var(--wp--preset--color--crimson);
	text-decoration-thickness: 2px;
}

/* ---- Route/quick-nav tiles --------------------------------------------------
   Square-ish glyph plates in a steel tint rather than the sibling's warm accent
   circles, and four across at wide width. */
.r1-cat__ico,
.r1-feature__icon,
.r1-quicklink__icon {
	width: 44px;
	height: 44px;
	font-size: 22px;
	background: rgba(201, 162, 39, .16);
	border-color: rgba(201, 162, 39, .34);
	color: var(--wp--preset--color--crimson);
}
.r1-catgrid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 258px), 1fr)); gap: 14px; }
.r1-cat { padding: 20px 18px 18px; }
.r1-cat__title { font-size: 17.5px; }
.r1-stats { gap: 14px; }
.r1-stat__num { font-size: clamp(27px, 3.2vw, 38px); }
@media (max-width: 520px) {
	.r1-eyebrow { font-size: 11px; letter-spacing: 1.4px; line-height: 1.5; }
}

/* Promo-code field (new on this domain) */
.r1-promo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	background: var(--wp--preset--gradient--card-raised);
	border: 1px solid rgba(242, 234, 230, .24);
}
.r1-promo__label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	flex: 1 1 100%;
	margin: 0;
}
.r1-promo__code {
	font-family: var(--wp--preset--font-family--mono);
	font-size: clamp(19px, 2.4vw, 25px);
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--wp--preset--color--heading);
	padding: 10px 16px;
	border: 1px dashed rgba(193, 39, 45, .45);
	border-radius: 8px;
	background: rgba(10, 8, 8, .5);
	user-select: all;
}
.r1-promo__copy {
	font: inherit;
	font-weight: 700;
	font-size: 14px;
	min-height: 44px;
	padding: 11px 20px;
	border: 1px solid transparent;
	border-radius: 9px;
	cursor: pointer;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--gradient--crimson);
	touch-action: manipulation;
	transition: filter .16s ease, transform .12s ease;
}
.r1-promo__copy:hover { filter: brightness(1.06); }
.r1-promo__copy:active { transform: translateY(1px); }
.r1-promo__done {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	color: var(--wp--preset--color--payout);
	margin: 0;
	flex: 1 1 100%;
}
.r1-promo__done[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
	.r1-promo__copy { transition: none; }
	.r1-promo__copy:active { transform: none; }
	.r1-shield, .r1-brand__word { transition: none; }
	.r1-brand:hover .r1-shield { transform: none; }
}

/* Completing the half-inherited card families */
.r1-catgrid,
.r1-features,
.r1-steps {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 258px), 1fr));
	margin: 4px 0 0;
}
.r1-steps { grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); }

.r1-cat {
	display: block;
	background: var(--wp--preset--gradient--card);
	border: var(--r1-card-border);
	text-decoration: none;
	transition: transform .18s ease, border-color .18s ease;
}
.r1-cat:hover { transform: translateY(-3px); border-color: rgba(193, 39, 45, .34); }
.r1-cat__title {
	display: block;
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	margin: 12px 0 6px;
	line-height: 1.3;
}
.r1-cat__sub,
.r1-cat__text {
	display: block;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--wp--preset--color--muted);
	margin: 0;
}
.r1-cat__count {
	display: inline-block;
	margin-top: 10px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--brass-lit);
}
/* A whole card that is a link must not also underline its own label. */
a.r1-cat,
a.r1-cat:hover { text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
	.r1-cat { transition: none; }
	.r1-cat:hover { transform: none; }
}

/* Trust-bar segments */
.r1-instruments__legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 3px 8px;
}
.r1-seg { display: inline-flex; align-items: center; gap: 5px; }
/* The separator is a TRAILING pseudo-element, not a leading one: as a ::before it */
.r1-seg:not(:last-child)::after {
	content: "·";
	margin-left: 8px;
	color: rgba(193, 39, 45, .42);
}
.r1-seg--narrow { display: none; }
@media (max-width: 560px) {
	.r1-seg--wide { display: none; }
	.r1-seg--narrow { display: inline-flex; }
	.r1-seg--clock { display: none; }
	.r1-instruments__legal { gap: 2px 7px; line-height: 1.45; }
	.r1-seg:not(:last-child)::after { margin-left: 7px; }
	/* The clock is display:none here, so the RG link becomes the last VISIBLE
	   segment while :last-child still matches the hidden clock — which left a
	   trailing middot dangling after the final item. Silence it explicitly. */
	.r1-seg:nth-last-child(2)::after { content: none; }
}

/* Core's own outline button style has to work too */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
	background: rgba(255, 255, 255, .02) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid rgba(193, 39, 45, .3) !important;
	box-shadow: none;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--crimson) !important;
	color: var(--wp--preset--color--crimson-lit) !important;
	filter: none;
}


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

/* Variable-width guard */
:root {
	font-stretch: 88%;
}

/* Anton display guards */
h1, h2, h3, .r1-brand__word, .r1-eyebrow--serif {
	font-variation-settings: "SOFT" 20, "WONK" 0, "opsz" 96;
	font-optical-sizing: none;
}
h1, h2, h3 {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
	text-wrap: balance;
}
h1 {
	-webkit-hyphens: auto;
	font-weight: 700;
}
/* Body copy keeps automatic optical sizing: at 17.5px Anton is never used,
   but a serif <strong> inside prose inherits the setting otherwise. */
p, li, dd, figcaption {
	font-variation-settings: normal;
}

/* Ambient field */
.wp-site-blocks::before {
	background:
		radial-gradient(680px 520px at 14% -10%, rgba(193, 39, 45, .16), transparent 64%),
		radial-gradient(900px 420px at 92% 106%, rgba(201, 162, 39, .16), transparent 62%);
}
::selection {
	background: rgba(193, 39, 45, .32);
	color: #FDF7F4;
}

/* Engraved plate geometry */
.r1-card, .r1-panel, .r1-cat, .r1-step, .r1-faq, .r1-toc, .r1-note, .r1-warn,
.r1-table-wrap, .r1-statbox, .r1-shot, .r1-kyc__row, .r1-rail__plate {
	border-radius: 8px;
}
.r1-toc { border-radius: 8px; }
.r1-game__thumb, .r1-game__media--css { border-radius: 6px 6px 0 0; }
.wp-element-button, .r1-game__play, .r1-quicklink { border-radius: 4px; }
.r1-badge, .r1-eyebrow, .r1-seg--clock { border-radius: 999px; }

/* Wordmark: a monolithic serif lockup */
.r1-brand { align-items: center; gap: 11px; }
.r1-brand__lock {
	gap: 3px;
	align-items: flex-start;
	flex-direction: column;
}
.r1-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	color: var(--wp--preset--color--heading);
	transition: color .18s ease;
}
.r1-brand__cluster {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: 9.5px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--wp--preset--color--crimson-deep);
	transition: color .18s ease;
}
.r1-brand__mark {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: none;
	box-shadow: none;
}
.r1-brand__mark::after { content: none; }
.r1-brand__mark svg { display: block; }
.r1-shield rect[stroke], .r1-shield path { transition: stroke .18s ease; }
.r1-brand:hover .r1-brand__word { color: var(--wp--preset--color--crimson-lit); }
.r1-brand:hover .r1-brand__cluster { color: var(--wp--preset--color--crimson); }
.r1-brand:hover .r1-shield { transform: none; }
.r1-brand--footer .r1-brand__word { font-size: 19px; }

/* Buttons: a struck blue plate */
.wp-element-button, .wp-block-button__link {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -1px 0 rgba(6, 7, 10, .32);
	text-transform: none;
	letter-spacing: .1px;
}
.wp-element-button:hover, .wp-block-button__link:hover { filter: brightness(1.05); }
.wp-element-button:active, .wp-block-button__link:active { transform: translateY(1px); }

/* ---- In-prose links: blue light rule that thickens ---------------------------- */
.entry-content a:not(.wp-element-button):not(.r1-game__play):not(.r1-quicklink):not(.r1-cat):not(.r1-seg) {
	color: var(--wp--preset--color--crimson-lit);
	text-decoration-color: rgba(127, 176, 255, .5);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.entry-content a:not(.wp-element-button):not(.r1-game__play):not(.r1-quicklink):not(.r1-cat):not(.r1-seg):hover {
	color: #F7E7D6;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

/* Wizard-step ledger */
.r1-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin: 26px 0 8px;
	padding: 0;
	list-style: none;
	border-left: 1px solid rgba(193, 39, 45, .28);
}
.r1-steps > li, .r1-step {
	position: relative;
	margin: 0;
	padding: 4px 0 26px 54px;
	border: 0;
	background: none;
	border-radius: 0;
}
.r1-steps > li:last-child, .r1-step:last-child { padding-bottom: 4px; }
/* The numeral comes from the MARKUP (.r1-step__num), not a CSS counter: the plate
   is content a screen reader should hear as part of the step, and a counter would
   also double up with the span the page authors already write. */
.r1-step__num {
	position: absolute;
	left: -18px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 4px;
	background: var(--wp--preset--gradient--crimson);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.5px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .5);
}
.r1-step__title {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 1.25;
	color: var(--wp--preset--color--heading);
	margin: 4px 0 6px;
}
.r1-step__text, .r1-steps > li > p {
	margin: 0 0 8px;
	color: var(--wp--preset--color--body);
	font-size: 16.5px;
	line-height: 1.62;
}
.r1-step__hint {
	display: block;
	font-size: 14px;
	color: var(--wp--preset--color--muted);
}
.r1-step__hint .r1-num { color: var(--wp--preset--color--num); }

/* CSS mock-UI frame ("skrinşot" without a screenshot) */
.r1-shot {
	margin: 22px 0;
	border: 1px solid rgba(242, 234, 230, .14);
	background: linear-gradient(168deg, #1C1615 0%, #17120F 100%);
	overflow: hidden;
	box-shadow: 0 18px 44px rgba(0, 0, 0, .55);
}
.r1-shot__bar {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 10px 14px;
	background: #251E1C;
	border-bottom: 1px solid rgba(242, 234, 230, .1);
}
.r1-shot__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgba(242, 234, 230, .22);
	flex: none;
}
.r1-shot__url {
	margin-left: 6px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11px;
	letter-spacing: .2px;
	color: var(--wp--preset--color--muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.r1-shot__body {
	display: grid;
	gap: 12px;
	padding: 20px 18px 22px;
}
.r1-shot__label {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--crimson-deep);
	margin-bottom: 6px;
}
.r1-shot__field {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid rgba(242, 234, 230, .16);
	border-radius: 4px;
	background: rgba(242, 234, 230, .04);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	color: var(--wp--preset--color--dim);
}
.r1-shot__field--focus {
	border-color: var(--wp--preset--color--crimson);
	box-shadow: 0 0 0 3px rgba(193, 39, 45, .18);
}
.r1-shot__check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 14px;
	line-height: 1.5;
	color: var(--wp--preset--color--body);
}
.r1-shot__box {
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	border-radius: 3px;
	border: 1px solid var(--wp--preset--color--crimson-deep);
	background: rgba(193, 39, 45, .12);
}
.r1-shot__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	border-radius: 4px;
	background: var(--wp--preset--gradient--crimson);
	color: var(--wp--preset--color--ink);
	font-weight: 700;
	font-size: 15px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38);
}
.r1-shot__cap, .r1-figcap {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--wp--preset--color--muted);
}
.r1-shot__cap strong { color: var(--wp--preset--color--dim); }

/* KYC document checklist */
.r1-kyc {
	display: grid;
	gap: 10px;
	margin: 22px 0;
	padding: 0;
	list-style: none;
}
.r1-kyc__row {
	display: grid;
	grid-template-columns: 34px 1fr auto;
	gap: 14px;
	align-items: center;
	padding: 14px 16px;
	border: 1px solid rgba(242, 234, 230, .12);
	background: rgba(242, 234, 230, .03);
}
.r1-kyc__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid rgba(193, 39, 45, .38);
	background: rgba(193, 39, 45, .1);
	color: var(--wp--preset--color--crimson);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	font-weight: 700;
}
.r1-kyc__name {
	display: block;
	font-weight: 600;
	color: var(--wp--preset--color--heading);
	font-size: 16px;
	line-height: 1.35;
}
.r1-kyc__meta {
	display: block;
	margin-top: 3px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	color: var(--wp--preset--color--muted);
}
.r1-kyc__state {
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .3px;
	padding: 5px 10px;
	border-radius: 999px;
	white-space: nowrap;
	border: 1px solid rgba(75, 217, 138, .4);
	background: rgba(75, 217, 138, .12);
	color: var(--wp--preset--color--payout);
}
.r1-kyc__state--wait {
	border-color: rgba(193, 39, 45, .4);
	background: rgba(193, 39, 45, .12);
	color: var(--wp--preset--color--crimson);
}
@media (max-width: 560px) {
	.r1-kyc__row {
		grid-template-columns: 34px 1fr;
	}
	.r1-kyc__state {
		grid-column: 2;
		justify-self: start;
	}
}

/* ---- Mascot plate ----------------------------------------------------------- */
.r1-rail {
	margin: 24px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.r1-rail__plate {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	padding: 18px 18px 0;
	border: 1px solid rgba(193, 39, 45, .22);
	border-radius: 8px;
	background:
		radial-gradient(420px 220px at 50% 8%, rgba(193, 39, 45, .12), transparent 68%),
		linear-gradient(168deg, #1C1615 0%, #14100F 100%);
}
.r1-rail__art { max-width: 100%; height: auto; }
.r1-rail__cap {
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: var(--wp--preset--color--muted);
}
.r1-rail--inline { max-width: 320px; margin-inline: auto; }

/* ---- Trust rail: blue hairline separators ------------------------------------ */
.r1-seg:not(:last-child)::after {
	background: rgba(193, 39, 45, .38);
}
.r1-instruments {
	border-bottom: 1px solid rgba(193, 39, 45, .2);
}

/* ---- Focus ring: blue, visible on teal and on blue fills ----------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--crimson-lit);
	outline-offset: 2px;
	border-radius: 3px;
}

/* ---- Motion ----------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.r1-cat:hover, .r1-card:hover, .wp-element-button:active { transform: none; }
	* { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* ===========================================================================
   STEP-7 UX pass — fixes measured on the built pages (shoot_qeyd.js)
   =========================================================================== */

/* Table / figure captions */
.wp-element-caption,
figcaption.wp-element-caption,
.wp-block-table figcaption {
	color: var(--wp--preset--color--dim);
	font-size: 13px;
	line-height: 1.55;
	margin-top: 10px;
	padding-left: 12px;
	border-left: 2px solid rgba(193, 39, 45, .38);
	text-align: left;
}

/* Buttons must wrap */
.wp-element-button,
.wp-block-button__link {
	white-space: normal;
	overflow-wrap: anywhere;
	text-align: center;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}
.wp-block-button {
	max-width: 100%;
}


/* =========================================================================== */
.r1-stat-tile {
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.r1-stat__num,
.r1-stat__label {
	display: block;
}
.r1-stat__num {
	font-size: clamp(22px, 2.4vw, 27px);
	letter-spacing: -0.3px;
}
.r1-stat__label {
	line-height: 1.35;
	color: var(--wp--preset--color--muted);
}


/* =========================================================================== */
.r1-nav { display: flex; align-items: center; min-width: 0; }
.r1-nav ul { list-style: none; margin: 0; padding: 0; }
.r1-nav__list { display: flex; align-items: center; gap: 2px; }
.r1-nav__list a,
.r1-nav__panel a {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	color: var(--wp--preset--color--body);
	text-decoration: none;
	padding: 10px 12px;
	min-height: 44px;
	border-radius: 4px;
	white-space: nowrap;
	transition: color .16s ease, background-color .16s ease;
}
.r1-nav__list a:hover,
.r1-nav__panel a:hover,
.r1-nav__list a[aria-current="page"],
.r1-nav__panel a[aria-current="page"] {
	color: var(--wp--preset--color--contrast);
	background: rgba(242, 234, 230, .08);
}
.r1-nav__list a[aria-current="page"],
.r1-nav__panel a[aria-current="page"] {
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--crimson);
}
.r1-nav__mobile { display: none; position: relative; }
.r1-nav__mobile > summary {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid rgba(242, 234, 230, .2);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
	list-style: none;
	white-space: nowrap;
}
.r1-nav__mobile > summary::-webkit-details-marker { display: none; }
.r1-nav__bars {
	width: 16px;
	height: 2px;
	background: var(--wp--preset--color--crimson);
	box-shadow: 0 5px 0 var(--wp--preset--color--crimson), 0 -5px 0 var(--wp--preset--color--crimson);
}
.r1-nav__mobile[open] > summary { border-color: rgba(193, 39, 45, .5); }
.r1-nav__panel {
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 60;
	min-width: 246px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px;
	background: var(--wp--preset--color--surface-raised);
	border: 1px solid rgba(242, 234, 230, .14);
	border-radius: 8px;
	box-shadow: 0 24px 64px rgba(0, 0, 0, .7);
}
.r1-nav__panel a { white-space: normal; }

@media (max-width: 860px) {
	.r1-nav__list { display: none; }
	.r1-nav__mobile { display: block; }
}

/* Header at phone widths */
@media (max-width: 520px) {
	.r1-brand__cluster { display: none; }
	.r1-brand__word { font-size: 18px; }
	.r1-brand { gap: 8px; }
	.r1-brand__mark { width: 30px; height: 30px; }
	.r1-brand__mark svg { width: 26px; height: 26px; }
}
@media (max-width: 400px) {
	.r1-brand__word { font-size: 16.5px; }
	.r1-nav__mobile > summary { padding: 10px 11px; }
}

/* Stat tiles: the value is not always a numeral */
.r1-statbox {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 152px), 1fr));
}
.r1-stat__num {
	font-size: clamp(19px, 2.1vw, 25px);
	/* break-word, not anywhere: a mid-word break in a 25px display serif reads as a
	   rendering fault. Long values are shortened in the copy instead; this is the
	   safety net for the next author who forgets. */
	overflow-wrap: break-word;
	line-height: 1.12;
}


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

/* Undo the inherited variable-width hack */
:root {
	font-stretch: normal;
}
.r1-num, .r1-ledger__v, .r1-flow__meta, code, kbd, samp {
	font-family: var(--wp--preset--font-family--mono);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.2px;
	font-size: .95em;
}

/* Anton guards */
h1, h2, h3, .r1-brand__word, .r1-eyebrow--serif {
	font-variation-settings: normal;
	font-optical-sizing: auto;
}
h1 { font-weight: 700; letter-spacing: -0.9px; }
h2 { font-weight: 600; }
h3 { font-weight: 600; letter-spacing: -0.3px; }
h1, h2, h3 {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
	text-wrap: balance;
}
p, li, dd, figcaption { font-variation-settings: normal; }

/* Ambient field */
.wp-site-blocks::before {
	background:
		linear-gradient(180deg, rgba(193, 39, 45, .13) 0%, rgba(193, 39, 45, 0) 42%),
		radial-gradient(760px 460px at 4% 108%, rgba(201, 162, 39, .17), transparent 66%);
}
::selection {
	background: rgba(193, 39, 45, .3);
	color: #FDF7F4;
}

/* ---- Ledger geometry: rounder than the plate it forked from ------------------ */
.r1-card, .r1-panel, .r1-cat, .r1-step, .r1-faq, .r1-toc, .r1-note, .r1-warn,
.r1-table-wrap, .r1-statbox, .r1-shot, .r1-method, .r1-ledger, .r1-flow,
.r1-cutoff, .r1-check {
	border-radius: 10px;
}
.r1-toc { border-radius: 10px; }
.r1-game__thumb, .r1-game__media--css { border-radius: 10px 10px 0 0; }
.wp-element-button, .wp-block-button__link, .r1-game__play, .r1-quicklink {
	border-radius: 10px;
}
.r1-badge, .r1-eyebrow, .r1-seg--clock, .r1-chip { border-radius: 999px; }

/* ---- Wordmark: shield + a tracked grotesk lockup ---------------------------- */
.r1-brand { align-items: center; gap: 10px; }
.r1-brand__lock { gap: 2px; align-items: flex-start; flex-direction: column; }
.r1-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: 19.5px;
	line-height: 1;
	letter-spacing: .3px;
	text-transform: uppercase;
	color: var(--wp--preset--color--heading);
	transition: color .18s ease;
}
.r1-brand__cluster {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: 9px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	color: var(--wp--preset--color--crimson-deep);
	transition: color .18s ease;
}
.r1-brand__mark {
	width: 34px; height: 34px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 0; background: none; box-shadow: none;
}
.r1-brand__mark::after { content: none; }
.r1-brand__mark svg { display: block; }
.r1-shield path[stroke], .r1-shield circle { transition: stroke .18s ease; }
.r1-brand:hover .r1-brand__word { color: var(--wp--preset--color--crimson-lit); }
.r1-brand:hover .r1-brand__cluster { color: var(--wp--preset--color--crimson); }
.r1-brand:hover .r1-shield { transform: none; }
.r1-brand--footer .r1-brand__word { font-size: 17.5px; }

/* ---- Buttons: a minted coin edge -------------------------------------------- */
.wp-element-button, .wp-block-button__link {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), inset 0 -1px 0 rgba(6, 7, 10, .3);
	text-transform: none;
	letter-spacing: .15px;
	font-weight: 700;
}
.wp-element-button:hover, .wp-block-button__link:hover { filter: brightness(1.05); }
.wp-element-button:active, .wp-block-button__link:active { transform: translateY(1px); }

/* ---- In-prose links --------------------------------------------------------- */
.entry-content a:not(.wp-element-button):not(.r1-game__play):not(.r1-quicklink):not(.r1-cat):not(.r1-seg) {
	color: var(--wp--preset--color--crimson-lit);
	text-decoration-color: rgba(127, 176, 255, .46);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.entry-content a:not(.wp-element-button):not(.r1-game__play):not(.r1-quicklink):not(.r1-cat):not(.r1-seg):hover {
	color: #F7E7D6;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

/* .r1-flow — the transfer-rail schematic */
.r1-flow {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	margin: 24px 0;
	padding: 18px 16px;
	list-style: none;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(242, 234, 230, .12);
}
.r1-flow__node {
	position: relative;
	flex: 1 1 190px;
	min-width: 0;
	margin: 0;
	padding: 14px 15px;
	border-radius: 10px;
	background: rgba(242, 234, 230, .04);
	border: 1px solid rgba(242, 234, 230, .1);
	border-top: 2px solid var(--wp--preset--color--brass);
}
.r1-flow__node--money { border-top-color: var(--wp--preset--color--crimson); }
.r1-flow__node + .r1-flow__node::before {
	content: "";
	position: absolute;
	left: -10px; top: 50%;
	width: 10px; height: 2px;
	background: rgba(193, 39, 45, .5);
}
.r1-flow__step {
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 10.5px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--brass-lit);
	margin-bottom: 6px;
}
.r1-flow__node--money .r1-flow__step { color: var(--wp--preset--color--crimson-lit); }
.r1-flow__name {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: 16.5px;
	line-height: 1.24;
	color: var(--wp--preset--color--heading);
	margin-bottom: 5px;
}
.r1-flow__meta {
	display: block;
	font-size: 13px;
	line-height: 1.55;
	color: var(--wp--preset--color--body);
}
.r1-flow__who {
	display: block;
	margin-top: 7px;
	font-size: 12.5px;
	color: var(--wp--preset--color--muted);
}
@media (max-width: 700px) {
	.r1-flow { flex-direction: column; }
	.r1-flow__node { flex: 1 1 auto; }
	.r1-flow__node + .r1-flow__node::before {
		left: 50%; top: -10px;
		width: 2px; height: 10px;
	}
}

/* .r1-methods — the method plates */
.r1-methods {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
	gap: 14px;
	margin: 24px 0;
	padding: 0;
	list-style: none;
}
.r1-method {
	margin: 0;
	padding: 17px 17px 16px;
	background: var(--wp--preset--gradient--card-raised);
	border: 1px solid rgba(242, 234, 230, .11);
	border-left: 3px solid var(--wp--preset--color--crimson);
}
.r1-method--wallet { border-left-color: var(--wp--preset--color--brass); }
.r1-method--crypto { border-left-color: var(--wp--preset--color--crimson-deep); }
.r1-method__name {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: 17.5px;
	line-height: 1.2;
	color: var(--wp--preset--color--heading);
}
.r1-method__type {
	display: block;
	margin: 5px 0 9px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 10.5px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--wp--preset--color--brass-lit);
}
.r1-method__text {
	margin: 0 0 9px;
	font-size: 14.5px;
	line-height: 1.58;
	color: var(--wp--preset--color--body);
}
.r1-method__check {
	display: block;
	padding-top: 9px;
	border-top: 1px solid rgba(242, 234, 230, .1);
	font-size: 13px;
	line-height: 1.5;
	color: var(--wp--preset--color--muted);
}
.r1-method__check b { color: var(--wp--preset--color--crimson-lit); font-weight: 600; }

/* .r1-ledger — labelled rows */
.r1-ledger {
	margin: 22px 0;
	padding: 6px 0;
	border: 1px solid rgba(242, 234, 230, .12);
	background: rgba(242, 234, 230, .025);
}
.r1-ledger__row {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	align-items: baseline;
	padding: 13px 17px;
	border-bottom: 1px dashed rgba(242, 234, 230, .12);
}
.r1-ledger__row:last-child { border-bottom: 0; }
.r1-ledger__k {
	flex: 1 1 210px;
	min-width: 0;
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--wp--preset--color--body);
}
.r1-ledger__v {
	flex: 0 1 auto;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--wp--preset--color--num);
	text-align: right;
}
.r1-ledger__v--open {
	font-family: var(--wp--preset--font-family--body);
	font-size: 13.5px;
	letter-spacing: 0;
	color: var(--wp--preset--color--brass-lit);
	font-style: normal;
}

/* ---- .r1-cutoff — the Baku processing window -------------------------------- */
.r1-cutoff {
	display: flex;
	gap: 13px;
	align-items: flex-start;
	margin: 22px 0;
	padding: 15px 17px;
	background: rgba(201, 162, 39, .08);
	border: 1px solid rgba(201, 162, 39, .26);
}
.r1-cutoff__clock {
	flex: none;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .4px;
	padding: 5px 9px;
	border-radius: 999px;
	color: #0A0808;
	background: var(--wp--preset--color--brass);
}
.r1-cutoff p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--wp--preset--color--body); }

/* ---- .r1-check — "nəyi yoxlamalı" list -------------------------------------- */
.r1-check {
	margin: 22px 0;
	padding: 16px 18px 16px 20px;
	list-style: none;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(242, 234, 230, .12);
	border-left: 3px solid var(--wp--preset--color--brass);
}
.r1-check > li {
	position: relative;
	margin: 0 0 11px;
	padding-left: 26px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--wp--preset--color--body);
}
.r1-check > li:last-child { margin-bottom: 0; }
.r1-check > li::before {
	content: "";
	position: absolute;
	left: 0; top: .52em;
	width: 13px; height: 7px;
	border-left: 2px solid var(--wp--preset--color--brass);
	border-bottom: 2px solid var(--wp--preset--color--brass);
	transform: rotate(-45deg) translateY(-2px);
}

/* ---- Tables: numbers right, labels left ------------------------------------- */
.entry-content .wp-block-table td.r1-num,
.entry-content .wp-block-table td .r1-num { white-space: nowrap; }
.entry-content .wp-block-table th { color: var(--wp--preset--color--crimson-lit); }

/* ---- Focus ring: blue, and legible ON a blue fill ----------------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--crimson-lit);
	outline-offset: 2px;
	border-radius: 3px;
}
.wp-element-button:focus-visible, .wp-block-button__link:focus-visible {
	outline: 2px solid #0A0808;
	outline-offset: -4px;
	box-shadow: 0 0 0 3px rgba(127, 176, 255, .85);
}

/* ---- Motion ----------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.r1-brand__word, .r1-brand__cluster, .r1-shield path[stroke], .r1-shield circle,
	.wp-element-button, .wp-block-button__link { transition: none; }
}


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

.r1-eyebrow,
.r1-chip--age,
.r1-langtag,
.r1-cat__ico,
.r1-instruments__age {
	color: var(--wp--preset--color--crimson-lit);
}

/* Figures are num, sitewide. The two exceptions are elements that paint their
   own light background and set their own dark ink — inheriting there would put a
   pale figure on a pale fill, which is the same bug in the other direction. */
.r1-num {
	color: var(--wp--preset--color--num);
}
/* `.r1-updated .r1-num` (two classes) outranks a bare `.r1-num`, so the date
   line needs its own selector at the same specificity — the reason the first
   pass of this file left exactly one finding standing on all seven pages. */
.r1-updated .r1-num {
	color: var(--wp--preset--color--num);
}

.r1-cutoff__clock .r1-num,
.r1-step__num .r1-num,
.r1-shot__btn .r1-num,
.wp-element-button .r1-num,
.wp-block-button__link .r1-num {
	color: inherit;
}

/* The cashier schematic's field labels are data labels, so they take the cyan
   voice rather than a paler blue. */
.r1-shot__label {
	color: var(--wp--preset--color--brass-lit);
}

/* The wordmark's cluster tag: quieter than the word above it, and legible on
   both the header canvas and the deeper footer band. */
.r1-brand__cluster {
	color: var(--wp--preset--color--dim);
}
.r1-brand:hover .r1-brand__cluster,
.r1-brand:focus-visible .r1-brand__cluster {
	color: var(--wp--preset--color--crimson-lit);
}


/* ===========================================================================
   STEP-7 POLISH — header at phone widths   (appended last, wins)
   =========================================================================== */

/* One money CTA per screen. 781px is the sticky bar's own breakpoint (see */
@media (max-width: 781px) {
	.r1-header__actions .wp-block-button:not(.r1-btn-outline) {
		display: none;
	}
	.r1-header__actions {
		gap: 8px;
	}
}

/* Prefer a word boundary. `anywhere` is kept out of the wrapping decision and
   only `break-word` remains, so a two-word Azerbaijani label wraps between the
   words instead of inside one. */
.wp-element-button,
.wp-block-button__link {
	overflow-wrap: break-word;
	word-break: normal;
}

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

/* A. Anton is a single-weight, caps-only face */
h1,
h2,
h3,
h4,
.r1-brand__word,
.r1-plate__num,
.r1-eyebrow--serif {
	font-weight: 400;
	font-variation-settings: normal;
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
}
h1 { letter-spacing: 0.5px; line-height: 0.94; }
h2 { letter-spacing: 0.4px; line-height: 1; }
h3 { letter-spacing: 0.5px; line-height: 1.12; }
h4 { letter-spacing: 0.5px; }

/* Bebas has no lowercase, so a heading containing a lowercase word renders in */
h1, h2, h3, h4 {
	text-transform: uppercase;
	text-wrap: balance;
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: manual;
}

/* Sentence-case is preserved where the "heading" is really prose: the FAQ */
.r1-faq summary,
.r1-step__title,
.r1-faq__answer,
.r1-cat__title,
.r1-game__title {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.35;
}

/* B. Ambient field */
.wp-site-blocks::before {
	background:
		linear-gradient(270deg, rgba(193, 39, 45, .14) 0%, rgba(193, 39, 45, 0) 38%),
		radial-gradient(680px 420px at 2% -6%, rgba(201, 162, 39, .15), transparent 68%);
}

/* C. The «1» anchor: this identity's dominant graphic anchor */
.r1-plate {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	margin: 0 0 6px;
	line-height: 1;
}
.r1-plate__num {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(84px, 17vw, 196px);
	line-height: 0.78;
	letter-spacing: 2px;
	color: var(--wp--preset--color--brass);
	background: linear-gradient(168deg, #E8C55A 0%, #C9A227 26%, #C1272D 88%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	/* A hairline keeps the numerals from dissolving into the graphite where the
	   gradient reaches its darkest stop. */
	-webkit-text-stroke: 1px rgba(140, 240, 250, .16);
}
.r1-plate__label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--wp--preset--color--num);
}
.r1-plate--brass .r1-plate__num {
	background: linear-gradient(168deg, #F0DFA0 0%, #E8C55A 40%, #C9A227 100%);
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.r1-plate__num { -webkit-text-fill-color: currentColor; }
}
@media (forced-colors: active) {
	.r1-plate__num {
		-webkit-text-fill-color: currentColor;
		-webkit-text-stroke: 0;
		background: none;
	}
}

/* D. Topline: the trust strip ABOVE the brand row */
.r1-topline {
	background: var(--wp--preset--color--base-deep);
	border-bottom: 1px solid rgba(193, 39, 45, .18);
	padding: 7px 20px;
}
.r1-topline__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1.5;
	color: var(--wp--preset--color--body);
}
.r1-topline__age {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 700;
	font-size: 11.5px;
	letter-spacing: .6px;
	color: var(--wp--preset--color--ink);
	background: var(--wp--preset--gradient--crimson);
	border-radius: 2px;
	padding: 2px 7px;
}
.r1-topline .r1-seg + .r1-seg::before {
	content: "·";
	margin-right: 12px;
	color: var(--wp--preset--color--muted);
}
.r1-topline .r1-seg--rg {
	color: var(--wp--preset--color--crimson-lit);
	text-decoration: underline;
	text-underline-offset: 2px;
	/* 44px targets are enforced globally; inside a 7px strip the hit area is
	   grown with padding rather than height so the strip keeps its proportion. */
	padding: 6px 2px;
}
.r1-topline .r1-seg--rg:hover { color: var(--wp--preset--color--brass-lit); }
.r1-topline .r1-seg--clock { margin-left: auto; }
.r1-topline .r1-num { color: var(--wp--preset--color--num); letter-spacing: .4px; }
@media (max-width: 860px) {
	.r1-topline .r1-seg--wide { display: none; }
	.r1-topline .r1-seg--clock { margin-left: 0; }
}
@media (min-width: 861px) {
	.r1-topline .r1-seg--narrow { display: none; }
}

/* ---- E. Wordmark: the number is the brand --------------------------------- */
.r1-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 25px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: var(--wp--preset--color--heading);
}
.r1-brand__num {
	color: var(--wp--preset--color--brass);
	/* The digits sit on the mono face so the brand's number reads as a figure —
	   the same rule the rest of the site follows for every numeral. */
	font-family: var(--wp--preset--font-family--mono);
	font-size: 21px;
	font-weight: 500;
	letter-spacing: -0.5px;
}
.r1-brand__cluster {
	font-size: 10.5px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.r1-brand__mark { display: inline-flex; flex: 0 0 auto; }

/* F. Route tiles on the pillar */
.r1-routes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.r1-route__name {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 22px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--wp--preset--color--heading);
}
.r1-route__sub {
	display: block;
	margin-top: 4px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--wp--preset--color--body);
}
.r1-route__idx {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1px;
	color: var(--wp--preset--color--crimson-lit);
}

/* G. Platform table (/yukle) */
.r1-plat__name {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 19px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--wp--preset--color--heading);
}
.r1-plat__note {
	display: block;
	margin-top: 2px;
	font-size: 12.5px;
	color: var(--wp--preset--color--muted);
}

/* ---- H. The promo-code field, drawn rather than implemented ---------------
   Not an <input>: see inc/brand.php. The caret blinks only when the reader has
   not asked for reduced motion, and never carries meaning on its own. */
.r1-codebox {
	background: var(--wp--preset--gradient--card-raised);
	border: 1px solid rgba(193, 39, 45, .22);
	border-radius: 8px;
	padding: 18px 18px 14px;
	margin: 22px 0;
}
.r1-codebox__label {
	margin: 0 0 10px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--num);
}
.r1-codebox__field {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 14px;
	background: var(--wp--preset--color--base-deep);
	border: 1px dashed rgba(127, 176, 255, .45);
	border-radius: 4px;
}
.r1-codebox__caption {
	font-size: 14.5px;
	color: var(--wp--preset--color--muted);
}
.r1-codebox__caret {
	width: 2px;
	height: 20px;
	background: var(--wp--preset--color--brass);
	animation: r1-caret 1.15s steps(2, start) infinite;
}
@keyframes r1-caret { to { opacity: 0; } }
.r1-codebox__note {
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.6;
	color: var(--wp--preset--color--dim);
}
@media (prefers-reduced-motion: reduce) {
	.r1-codebox__caret { animation: none; }
}

/* ---- I. Focus ring: electric blue, visible on graphite AND on a blue fill -- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid #FF7A72;
	outline-offset: 2px;
	border-radius: 2px;
}
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 2px solid #14100F;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(127, 176, 255, .9);
}

/* J. Buttons: a struck chip edge */
.wp-element-button,
.wp-block-button__link {
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);
}
.r1-btn-outline .wp-block-button__link,
.r1-btn-outline .wp-element-button {
	background: transparent;
	color: var(--wp--preset--color--crimson-lit);
	border: 1px solid rgba(127, 176, 255, .55);
	box-shadow: none;
}
.r1-btn-outline .wp-block-button__link:hover,
.r1-btn-outline .wp-element-button:hover {
	color: var(--wp--preset--color--brass-lit);
	border-color: rgba(140, 240, 250, .75);
	background: rgba(193, 39, 45, .1);
}

/* ---- K. In-prose links: a blue rule that thickens ------------------------ */
.wp-block-post-content :is(p, li, dd, th, td, figcaption, blockquote) a:not(.wp-element-button):not(.r1-seg),
.r1-section p a:not(.wp-element-button) {
	color: var(--wp--preset--color--crimson-lit);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: text-decoration-thickness .14s ease, color .14s ease;
}
.wp-block-post-content :is(p, li, dd, th, td, figcaption, blockquote) a:not(.wp-element-button):not(.r1-seg):hover,
.r1-section p a:not(.wp-element-button):hover {
	color: var(--wp--preset--color--brass-lit);
	text-decoration-thickness: 2px;
}

/* ---- L. Figures stay on the mono face ------------------------------------ */
.r1-num,
.r1-game__rtp,
.r1-stat__num,
.r1-offer__amount,
.r1-step__num {
	font-family: var(--wp--preset--font-family--mono);
	color: var(--wp--preset--color--num);
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
}

/* ---- M. Small-screen: the plate must not push the hero off the fold ------- */
@media (max-width: 600px) {
	.r1-plate__num { font-size: clamp(72px, 26vw, 108px); }
	.r1-brand__cluster { display: none; }
	.r1-brand__word { font-size: 22px; }
	.r1-brand__num { font-size: 19px; }
}

/* ---- N. Reduced motion ---------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link,
	.wp-block-post-content a,
	.r1-game__play { transition: none; }
}

/* ---- O. Offer headline (/bonus) ------------------------------------------
   The one string the Offer JSON-LD node reads. It is a headline, not a heading:
   the page's H2 above it names the section, this names the package. */
.r1-offer__headline {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(28px, 5vw, 42px);
	line-height: 1.04;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--wp--preset--color--heading);
	margin: 0 0 10px;
}
.r1-offer__headline .r1-num {
	font-size: .82em;
	color: var(--wp--preset--color--brass);
}
.r1-offer__sub {
	margin: 0 0 16px;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--wp--preset--color--body);
}

/* P. Warning callout: support BOTH authored shapes */
.r1-warn > p {
	position: relative;
	margin: 0;
	padding: 13px 14px 13px 42px;
	border-radius: 12px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(255, 122, 133, .34);
	font-size: 15px;
	line-height: 1.55;
	color: var(--wp--preset--color--body);
}
.r1-warn > p + p { margin-top: 10px; }
.r1-warn > p::before {
	content: "\26A0\FE0E";
	position: absolute;
	left: 14px;
	top: 13px;
	color: var(--wp--preset--color--danger);
}
/* A <ul class="r1-warn"> keeps its inherited blue marker; the paragraph form is
   used for the sharper "this will cost you money" warnings, so it gets danger. */


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

/* 1. Card art lettermark: legible, and not a synthetic bold */
.r1-game__mono,
.r1-game__media--css > span:not([class]) {
	color: rgba(140, 240, 250, .55);
	font-weight: 400;
}

/* ---- 2. Demo badge: accent blue is a FILL, not 13px text ------------------
   #C1272D on the raised surface measured 3.35:1, under AA for body-size text.
   blue-soft is the token whose role is accent-as-text (5.8:1 here). */
.r1-demo__badge {
	color: var(--wp--preset--color--crimson-lit);
}

/* 3. The «1» anchor keeps real margin at its darkest stop */
.r1-plate__num {
	background: linear-gradient(168deg, #E8C55A 0%, #C9A227 26%, #CE3A34 88%);
	-webkit-background-clip: text;
	background-clip: text;
}
.r1-plate--brass .r1-plate__num {
	background: linear-gradient(168deg, #F0DFA0 0%, #E8C55A 40%, #CE3A34 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

/* 4. Four route tiles want a 2x2 block */
@media (min-width: 620px) {
	.r1-routes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 5. The game-card CTA owns its own colour */
.r1-game__play,
.r1-game__play:hover,
.r1-game__play:focus {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

/* ==========================================================================
   ROYALE 1 — «Crimson & Charcoal» identity layer (LAST, so it wins)
   ==========================================================================
   Everything above this line arrived with the fork and has been value-remapped.
   This layer states the decisions specific to THIS domain — the ones that could
   not be produced by swapping hexes:

     1. the ambient field silhouette (a different shape from every sibling),
     2. the giant «1» anchor, which replaces the sibling's three-digit plate,
     3. the crowned-R mark and the illustrated «Bir» character,
     4. the trust ribbon UNDER the brand row instead of above it,
     5. the footer signature band,
     6. Anton's own metrics, which are heavier and wider than the condensed face
        the inherited type ramp was tuned for.

   Contrast is not eyeballed here: every pair below is asserted in
   royale-pipeline/contrast_r1.py, and crimson (3.24:1 on the field) is used ONLY
   as a fill, a border or display-size type — never as body-size text.
   ========================================================================== */

/* ---- 1. Ambient field: a crimson wedge from the BOTTOM-RIGHT plus one brass
   pool high on the LEFT. Deliberately the inverse of the inherited silhouette,
   so no two network pages share a background shape. ------------------------- */
.wp-site-blocks::before {
	background:
		linear-gradient(315deg, rgba(193, 39, 45, .17) 0%, rgba(193, 39, 45, 0) 42%),
		radial-gradient(720px 380px at 8% 4%, rgba(201, 162, 39, .13), transparent 70%),
		radial-gradient(520px 520px at 96% 92%, rgba(142, 23, 28, .22), transparent 72%);
}

/* ---- 2. The «1» anchor ----------------------------------------------------
   A single glyph cannot carry a composition the way «365» could: at display size
   one numeral reads as a list marker or a stray character. Three things fix
   that, and all three are structural rather than decorative — a ghost
   repetition behind it for width, a mono label beside it saying what the one IS,
   and an off-centre placement so it reads as artwork.

   The gradient is painted THROUGH the glyph (background-clip:text), which means
   a computed-style contrast audit compares the text colour with the gradient
   painting that same text and reports nonsense. The real worst-stop ratio is
   asserted in contrast_r1.py instead; shoot_r1.js skips clip-text elements. */
.r1-one {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: end;
	gap: 0 18px;
	margin: 0 0 10px;
	line-height: 1;
}
.r1-one__ghost {
	position: absolute;
	left: -0.06em;
	bottom: -0.1em;
	z-index: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(150px, 30vw, 330px);
	line-height: 0.72;
	color: rgba(242, 234, 230, .035);
	pointer-events: none;
	user-select: none;
}
.r1-one__num {
	position: relative;
	z-index: 1;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(96px, 19vw, 210px);
	line-height: 0.74;
	letter-spacing: 0;
	color: var(--wp--preset--color--crimson-lit);
	background: linear-gradient(166deg, #FF8F86 0%, #D0322F 44%, #8E171C 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	/* A warm hairline keeps the numeral off the charcoal where the gradient
	   reaches its darkest stop. */
	-webkit-text-stroke: 1px rgba(232, 197, 90, .22);
}
.r1-one__label {
	position: relative;
	z-index: 1;
	align-self: end;
	padding-bottom: 0.9em;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	letter-spacing: 1.5px;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--wp--preset--color--num);
}
.r1-one--brass .r1-one__num {
	background: linear-gradient(166deg, #F0DFA0 0%, #E8C55A 38%, #8A6A12 100%);
	-webkit-text-stroke: 1px rgba(193, 39, 45, .2);
}
/* Below 560px the label cannot sit beside a 96px glyph without either wrapping
   to one word per line or pushing the numeral off the grid. */
@media (max-width: 560px) {
	.r1-one { grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.r1-one__label { padding-bottom: 0; }
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.r1-one__num { -webkit-text-fill-color: currentColor; }
}
@media (forced-colors: active) {
	.r1-one__num {
		-webkit-text-fill-color: currentColor;
		-webkit-text-stroke: 0;
		background: none;
	}
	.r1-one__ghost { display: none; }
}

/* ---- 3a. The crowned-R mark ----------------------------------------------- */
.r1-mark { display: block; }
.r1-brand__num {
	/* The «1» is the whole equity of this domain, so it takes the accent voice —
	   crimson-lit (7.45:1) rather than flat crimson, which at 22px would be
	   body-size text at 3.24:1. */
	color: var(--wp--preset--color--crimson-lit);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0;
}
.r1-brand__word { letter-spacing: 0.4px; font-size: 24px; }
.r1-brand:hover .r1-brand__num { color: var(--wp--preset--color--brass-lit); }

/* ---- 3b. «Bir», the illustrated character ---------------------------------
   Decorative, aria-hidden, fixed intrinsic box (no CLS). It sits beside the hero
   copy on wide screens and drops under it on a phone rather than shrinking to an
   unreadable 60px. */
.r1-mascot { display: block; height: auto; }
.r1-mascot-slot {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex: 0 0 auto;
}
@media (prefers-reduced-motion: no-preference) {
	.r1-mascot-slot .r1-mascot { transition: transform .35s ease; }
	.r1-mascot-slot:hover .r1-mascot { transform: translateY(-4px) rotate(-1.5deg); }
}

/* ---- 4. Trust ribbon, UNDER the brand row ---------------------------------
   The sibling stacked it above the wordmark, which puts compliance furniture in
   front of the brand. Here the brand lands first and the ribbon closes the
   header, so the border has to move with it. */
.r1-topline--under {
	border-bottom: 0;
	border-top: 1px solid rgba(193, 39, 45, .2);
	background: linear-gradient(180deg, rgba(10, 8, 8, .55) 0%, var(--wp--preset--color--base-deep) 100%);
}

/* ---- 5. Footer signature band ---------------------------------------------
   A ghost «1» behind the wordmark ties the footer to the hero without repeating
   the full anchor component (which would put a second display-sized graphic on
   every page). `overflow:hidden` is load-bearing: the ghost is larger than its
   box. */
.r1-sig {
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 4px;
}
.r1-sig__ghost {
	position: absolute;
	right: -6px;
	top: -46px;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 190px;
	line-height: 1;
	color: rgba(242, 234, 230, .03);
	pointer-events: none;
	user-select: none;
}
.r1-sig__lock {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	flex-wrap: wrap;
}
.r1-sig__word {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 21px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--heading);
}
.r1-sig__host {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	letter-spacing: .5px;
	color: var(--wp--preset--color--num);
	padding: 3px 8px;
	border: 1px solid rgba(201, 162, 39, .32);
	border-radius: 3px;
}
.r1-sig__note {
	position: relative;
	max-width: 62ch;
	margin: 12px 0 0;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--wp--preset--color--dim);
}
@media (max-width: 620px) {
	.r1-sig__ghost { font-size: 132px; top: -30px; }
}

/* ---- 6. Payment rail as a full-width strip -------------------------------
   The sibling parked the rail inside a footer column, where five chips wrapped
   to three lines. Given the width it reads as one band. */
.r1-payrail--strip {
	max-width: 1200px;
	margin: 30px auto 0;
	padding: 16px 18px;
	border-radius: 10px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid var(--wp--preset--color--coal);
}
.r1-payrail__title {
	margin: 0 0 10px;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.r1-payrail--strip .r1-payrail__row { flex-wrap: wrap; }
.r1-payrail--strip .r1-payrail__note {
	margin: 11px 0 0;
	font-size: 12.5px;
	line-height: 1.65;
	color: var(--wp--preset--color--dim);
}

/* ---- 7. Anton's metrics ---------------------------------------------------
   Anton is a poster face: it sets much heavier and noticeably wider than the
   condensed face the inherited ramp was tuned for, so an H2 that fitted one line
   before now wraps mid-word on a phone. `text-wrap: balance` makes a two-line
   heading break at a sensible word instead of leaving a one-word orphan. */
h1, h2, h3,
.r1-offer__headline,
.r1-sig__word,
.r1-brand__word {
	text-wrap: balance;
}
h1 { word-break: normal; overflow-wrap: break-word; }
.r1-offer__headline { letter-spacing: 0.2px; }

/* The trust ribbon is a sentence, not a label row: leave it in sentence case. */
.r1-topline__row { text-transform: none; }

/* ---- 8. Number-string band (the hyper-focus row) --------------------------
   This domain's cluster IS a number string, and the sheet lists «royale 1 777»
   and «royale one» as real secondary queries. The band answers them in prose
   rather than stuffing them into headings: each variant is a labelled chip with
   a one-line statement of what the string actually refers to — including the
   ones that refer to something else entirely. */
.r1-variants {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.r1-variant {
	padding: 15px 16px;
	border-radius: 10px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid var(--wp--preset--color--coal);
}
.r1-variant__key {
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .3px;
	color: var(--wp--preset--color--num);
	margin-bottom: 6px;
}
.r1-variant__what {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.62;
	color: var(--wp--preset--color--body);
}
.r1-variant--is .r1-variant__key { color: var(--wp--preset--color--brass-lit); }
.r1-variant--isnt .r1-variant__key { color: var(--wp--preset--color--danger); }

/* ---- 9. Focus ring, restated for the warm field --------------------------
   The inherited ring was crimson-lit, which is the ONE colour it must not be here:
   the primary buttons, the sticky CTA and the game-card CTA are all crimson fills,
   so a crimson ring on a crimson plate is an invisible focus indicator (WCAG 2.4.7).
   Brass is the second accent and reads on the charcoal field, on a card and on a
   crimson fill alike; the dark halo keeps it legible on brass chips too.

   NOTE the selector shape: this was first written with `:where(...)`, which has ZERO
   specificity — the inherited `a:focus-visible, button:focus-visible, …` block above
   kept winning and the audit still reported a crimson ring. A plain selector list at
   the end of the file is what actually overrides it. */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.r1-quicklink:focus-visible,
.r1-cat:focus-visible,
.r1-game .r1-game__play:focus-visible,
.r1-faq > summary:focus-visible,
.r1-skip-link:focus-visible {
	outline: 3px solid var(--wp--preset--color--brass-lit);
	outline-offset: 2px;
	box-shadow: 0 0 0 5px rgba(20, 16, 15, .85);
	border-radius: 3px;
}

/* ---- 10. Hero composition tuning (measured on the real render) -----------
   Two things the first render got wrong, both visible only once the age gate is
   answered (peekshot_r1.js exists for exactly that reason):

   a) The «1» was not dominant. The brief makes it "the dominant graphic anchor",
      and at clamp(96px, 19vw, 210px) it read as a large character rather than as
      artwork — the H1 above it was winning the composition. Raised, and the ghost
      repetition behind it lifted from 3.5% to 5% so the numeral has visible width
      to sit against. Still aria-hidden, still far below any text threshold.

   b) The mascot was stranded. It is a bare <svg> child of a constrained-layout
      container, so WP's `margin-inline:auto` centred it in the prose column, under
      a left-aligned H1 and a left-aligned lead — the one centred element on the
      page. On wide screens it now sits to the RIGHT and rises into the empty space
      beside the prose column (which is capped at contentSize while the section runs
      to wideSize), so the hero reads as one composition instead of a stack.
      Below 1100px it goes back to flowing normally: there is no spare width to rise
      into, and a negative margin there would collide with the lead text. */
.r1-one__num {
	/* The lower bound matters as much as the upper one: 23vw of a 360px phone is only
	   83px, which clamps to the floor — so the floor IS the mobile size, and at 112px
	   the anchor stopped being the dominant element the brief asks for. 132px still
	   leaves room for the mono label beneath it at 360px. */
	font-size: clamp(132px, 23vw, 268px);
}
.r1-one__ghost {
	font-size: clamp(196px, 34vw, 380px);
	color: rgba(242, 234, 230, .05);
}
.r1-one__label { padding-bottom: 1.1em; }

.r1-mascot { pointer-events: none; }
/* The free space is OUTSIDE the prose column, not inside it. This section is
   alignfull with a constrained layout, so its children are capped at contentSize
   (720px) and centred — `margin-inline: auto 0` only right-aligns the mascot INSIDE
   that column, where it landed on top of the lead paragraph and the second button.
   A negative right margin is what actually moves it into the gutter; 1100px is the
   narrowest viewport where that gutter is wide enough to hold a 150px character
   without touching the text. */
@media (min-width: 1100px) {
	/* Out of flow, not just offset. Raising the mascot with a negative margin-top
	   worked visually but pulled every following sibling up with it — the CTA row
	   landed on top of the lead paragraph. Absolute positioning is the honest tool:
	   the character is decorative (aria-hidden), so removing it from the flow costs
	   the document nothing, and the hero keeps the height it would have without it.
	   `:has()` scopes the positioning context to the one section that contains a
	   mascot, so no other section gains a stacking context it did not ask for. */
	.r1-section:has(> .r1-lead + .r1-mascot) { position: relative; }
	.r1-lead + .r1-mascot {
		position: absolute;
		top: 196px;
		right: clamp(20px, 4vw, 110px);
		margin: 0 !important;
		z-index: 1;
	}
}
}