/* VPS2 recovery extension: shared fixed header and Table Games navigation. */
.header {
  position: sticky !important;
  top: 0;
  z-index: 80;
  margin-bottom: 0 !important;
  background: rgba(9, 18, 15, .96);
  border-bottom: 1px solid rgba(216, 177, 86, .34);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
  backdrop-filter: blur(12px);
}

.mobile-wrap { z-index: 100; }
.mobile-body .close {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  cursor: pointer;
}

.header .menu a:focus-visible,
.header .btn:focus-visible,
.ck-table-page a:focus-visible {
  outline: 3px solid #f4d27a;
  outline-offset: 3px;
}

.ck-table-page {
  --ck-ink: #07130f;
  --ck-panel: #10251d;
  --ck-panel-deep: #0b1a15;
  --ck-felt: #0f5b3e;
  --ck-gold: #e8c56f;
  --ck-cream: #fff9e9;
  --ck-mist: #d7e7d9;
  --ck-line: rgba(232, 197, 111, .35);
  color: var(--ck-cream);
  background: var(--ck-ink);
  font-family: Arial, Helvetica, sans-serif;
}

.ck-table-page * { box-sizing: border-box; }
.ck-table-page .ck-shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.ck-table-page .ck-hero { min-height: 590px; position: relative; isolation: isolate; display: grid; align-items: center; overflow: hidden; }
.ck-table-page .ck-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; }
.ck-table-page .ck-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4, 12, 9, .94) 0%, rgba(4, 12, 9, .83) 42%, rgba(4, 12, 9, .25) 72%, rgba(4, 12, 9, .12) 100%); }
.ck-table-page .ck-hero-copy { max-width: 630px; padding: 70px 0; }
.ck-table-page .ck-kicker { color: var(--ck-gold); font-size: .76rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 14px; }
.ck-table-page h1, .ck-table-page h2 { color: var(--ck-cream); text-wrap: balance; }
.ck-table-page h1 { max-width: 740px; font-size: clamp(2.7rem, 6vw, 5.8rem); line-height: .98; letter-spacing: -.035em; margin: 0; }
.ck-table-page .ck-lead { max-width: 60ch; font-size: clamp(1.05rem, 2vw, 1.25rem); line-height: 1.7; color: var(--ck-mist); margin: 24px 0 0; }
.ck-table-page .ck-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.ck-table-page .ck-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 11px 22px; color: #122016; background: var(--ck-gold); border: 1px solid var(--ck-gold); border-radius: 4px; font-weight: 800; text-decoration: none; transition: transform .18s ease-out, background .18s ease-out; }
.ck-table-page .ck-button:hover { transform: translateY(-2px); background: #ffe198; }
.ck-table-page .ck-button--outline { color: var(--ck-cream); background: transparent; border-color: rgba(255, 249, 233, .75); }
.ck-table-page .ck-button--outline:hover { background: rgba(255, 249, 233, .12); }
.ck-table-page .ck-content { padding: clamp(48px, 8vw, 94px) 0 82px; background: radial-gradient(circle at 88% 10%, rgba(21, 113, 76, .18), transparent 24rem), var(--ck-ink); }
.ck-table-page .ck-chapter { width: min(900px, 100%); margin: 0 auto; padding: 0 0 clamp(48px, 7vw, 82px); }
.ck-table-page .ck-chapter h2 { font-size: clamp(1.85rem, 4vw, 3.25rem); line-height: 1.08; letter-spacing: -.025em; margin: 0 0 22px; }
.ck-table-page .ck-chapter > p { max-width: 70ch; margin: 0 0 22px; color: var(--ck-mist); font-size: 1.06rem; line-height: 1.78; }
.ck-table-page .ck-visual { width: 100%; min-height: 190px; margin: 28px 0; padding: clamp(20px, 4vw, 40px); border: 1px solid var(--ck-line); background: linear-gradient(135deg, rgba(22, 70, 50, .9), rgba(7, 19, 15, .96)); box-shadow: 0 8px 0 rgba(0, 0, 0, .2); }
.ck-table-page .ck-visual h3 { margin: 0 0 16px; color: var(--ck-gold); font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; }
.ck-table-page .ck-deck { display: grid; grid-template-columns: repeat(4, minmax(70px, 1fr)); gap: 12px; }
.ck-table-page .ck-card { min-height: 112px; padding: 14px; display: flex; flex-direction: column; justify-content: space-between; background: var(--ck-cream); color: #15221c; border-radius: 6px; font-size: 2rem; font-weight: 800; box-shadow: 5px 6px 0 rgba(0, 0, 0, .24); }
.ck-table-page .ck-card--red { color: #b2242b; }
.ck-table-page .ck-wheel { display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 26px; }
.ck-table-page .ck-wheel-disc { width: 160px; height: 160px; border-radius: 50%; background: conic-gradient(#c52e2e 0 12deg, #f6f0d9 12deg 24deg, #202722 24deg 36deg, #c52e2e 36deg 48deg, #f6f0d9 48deg 60deg, #202722 60deg 72deg, #c52e2e 72deg 84deg, #f6f0d9 84deg 96deg, #202722 96deg 108deg, #c52e2e 108deg 120deg, #f6f0d9 120deg 132deg, #202722 132deg 144deg, #c52e2e 144deg 156deg, #f6f0d9 156deg 168deg, #202722 168deg 180deg, #c52e2e 180deg 192deg, #f6f0d9 192deg 204deg, #202722 204deg 216deg, #c52e2e 216deg 228deg, #f6f0d9 228deg 240deg, #202722 240deg 252deg, #c52e2e 252deg 264deg, #f6f0d9 264deg 276deg, #202722 276deg 288deg, #c52e2e 288deg 300deg, #f6f0d9 300deg 312deg, #202722 312deg 324deg, #c52e2e 324deg 336deg, #f6f0d9 336deg 348deg, #202722 348deg 360deg); border: 9px solid #d7b961; box-shadow: inset 0 0 0 20px #154d35, 0 8px 0 rgba(0, 0, 0, .25); }
.ck-table-page .ck-wheel p { margin: 0; max-width: 52ch; color: var(--ck-mist); }
.ck-table-page .ck-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ck-table-page .ck-rail div { padding: 18px; background: rgba(255, 249, 233, .08); border: 1px solid rgba(255, 249, 233, .16); }
.ck-table-page .ck-rail strong, .ck-table-page .ck-rail span { display: block; }
.ck-table-page .ck-rail strong { color: var(--ck-gold); font-size: 1.4rem; }
.ck-table-page .ck-rail span { color: var(--ck-mist); margin-top: 4px; }
.ck-table-page .ck-table-wrap { overflow-x: auto; }
.ck-table-page table { width: 100%; min-width: 610px; border-collapse: collapse; color: var(--ck-cream); }
.ck-table-page th, .ck-table-page td { padding: 14px 16px; border-bottom: 1px solid rgba(255, 249, 233, .14); vertical-align: top; text-align: left; }
.ck-table-page th { color: var(--ck-gold); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.ck-table-page tbody tr:nth-child(odd) { background: rgba(255, 249, 233, .055); }
.ck-table-page .ck-faq details { border-top: 1px solid var(--ck-line); padding: 18px 0; }
.ck-table-page .ck-faq summary { cursor: pointer; color: var(--ck-cream); font-size: 1.1rem; font-weight: 800; }
.ck-table-page .ck-faq p { margin: 14px 0 0; color: var(--ck-mist); line-height: 1.7; }
.ck-table-page .ck-note { max-width: 70ch; color: #c7d5c9; font-size: .95rem; }
@media (max-width: 720px) { .ck-table-page .ck-shell { width: min(100% - 32px, 1160px); } .ck-table-page .ck-hero { min-height: 620px; align-items: start; } .ck-table-page .ck-hero-copy { padding-top: 64px; } .ck-table-page .ck-hero::after { background: linear-gradient(90deg, rgba(4, 12, 9, .94), rgba(4, 12, 9, .76) 72%, rgba(4, 12, 9, .36)); } .ck-table-page .ck-hero-image { object-position: 61% center; } .ck-table-page .ck-deck, .ck-table-page .ck-rail { grid-template-columns: repeat(2, 1fr); } .ck-table-page .ck-wheel { grid-template-columns: 1fr; } .ck-table-page .ck-wheel-disc { justify-self: center; } }
@media (prefers-reduced-motion: reduce) { .ck-table-page *, .header * { scroll-behavior: auto !important; transition: none !important; } }

/* Login-intent refresh: keep the established royal palette while making account help scannable. */
.ck-login-guide {
  --ck-login-gold: #f1d04b;
  --ck-login-green: #22c55e;
  --ck-login-panel: #221632;
  --ck-login-panel-deep: #180f24;
  --ck-login-text: #f5f1f8;
  --ck-login-muted: #d8cede;
  --ck-login-line: rgba(241, 208, 75, .3);
  width: min(940px, 100%);
  margin-inline: auto;
  color: var(--ck-login-text);
}

.page-content > .container > h1 {
  width: min(940px, 100%);
  margin: 0 auto 28px;
  color: #fff5c2;
  font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.ck-login-guide > p,
.ck-login-section > p,
.ck-login-faq details p,
.ck-login-final p {
  color: var(--ck-login-muted);
  font-size: 1.04rem;
  line-height: 1.78;
}

.ck-login-lead {
  margin-top: 0;
  padding: 22px 24px;
  border-left: 4px solid var(--ck-login-green);
  background: linear-gradient(90deg, rgba(34, 197, 94, .14), rgba(34, 197, 94, .03));
}

.ck-login-quick {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 30px 0 22px;
}

.ck-login-quick > div,
.ck-login-security > div {
  padding: 22px;
  border: 1px solid var(--ck-login-line);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(58, 26, 82, .8), rgba(24, 15, 36, .96));
  box-shadow: 0 12px 26px rgba(0, 0, 0, .18);
}

.ck-login-quick span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  margin-bottom: 15px;
  border-radius: 50%;
  color: #160d20;
  background: var(--ck-login-gold);
  font-weight: 900;
}

.ck-login-quick strong,
.ck-login-security strong {
  display: block;
  color: #fff5c2;
  font-size: 1.06rem;
}

.ck-login-quick p {
  margin: 10px 0 0;
  color: var(--ck-login-muted);
  line-height: 1.58;
}

.ck-login-primary-action {
  display: flex;
  justify-content: center;
  margin: 24px 0 54px;
}

.ck-login-guide .btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 13px 22px;
}

.ck-login-guide a:focus-visible,
.ck-login-faq summary:focus-visible {
  outline: 3px solid var(--ck-login-gold);
  outline-offset: 4px;
}

.ck-login-section {
  padding: clamp(38px, 6vw, 66px) 0;
  border-top: 1px solid rgba(241, 208, 75, .18);
}

.ck-login-section h2,
.ck-login-final h2 {
  margin: 0 0 20px;
  color: #fff5c2;
  font-size: clamp(1.65rem, 3.5vw, 2.55rem);
  line-height: 1.14;
  letter-spacing: -.018em;
  text-wrap: balance;
}

.ck-login-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0;
  padding: 0;
  list-style: none;
  counter-reset: login-step;
}

.ck-login-steps li {
  position: relative;
  min-height: 126px;
  padding: 22px 20px 20px 58px;
  border: 1px solid rgba(245, 241, 248, .13);
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
  color: var(--ck-login-muted);
  line-height: 1.6;
  counter-increment: login-step;
}

.ck-login-steps li::before {
  content: counter(login-step);
  position: absolute;
  left: 18px;
  top: 20px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--ck-login-gold);
  border-radius: 50%;
  color: var(--ck-login-gold);
  font-weight: 900;
}

.ck-login-steps strong { color: var(--ck-login-text); }

.ck-login-callout {
  margin: 26px 0;
  padding: 24px 26px;
  border: 1px solid rgba(34, 197, 94, .38);
  border-radius: 10px;
  background: linear-gradient(110deg, rgba(34, 197, 94, .16), rgba(24, 15, 36, .92));
}

.ck-login-callout strong { color: #a7f3d0; font-size: 1.08rem; }
.ck-login-callout p { margin: 8px 0 0; color: var(--ck-login-muted); line-height: 1.7; }

.ck-login-table-wrap {
  width: 100%;
  max-width: 100%;
  margin: 28px 0;
  overflow-x: auto;
  border: 1px solid var(--ck-login-line);
  border-radius: 10px;
  background: var(--ck-login-panel-deep);
  scrollbar-color: var(--ck-login-gold) var(--ck-login-panel-deep);
}

.ck-login-guide .ck-login-table-wrap table {
  width: 100%;
  min-width: 650px;
  margin: 0;
  border-collapse: collapse;
  background: transparent;
  color: var(--ck-login-text);
}

.ck-login-guide .ck-login-table-wrap th,
.ck-login-guide .ck-login-table-wrap td {
  padding: 16px 18px;
  border: 0;
  border-bottom: 1px solid rgba(245, 241, 248, .12);
  color: var(--ck-login-muted);
  vertical-align: top;
  line-height: 1.55;
}

.ck-login-guide .ck-login-table-wrap th {
  color: #160d20;
  background: var(--ck-login-gold);
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ck-login-guide .ck-login-table-wrap tr:last-child td { border-bottom: 0; }
.ck-login-guide .ck-login-table-wrap tr:nth-child(even) td { background: rgba(255, 255, 255, .035); }

.ck-login-security {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}

.ck-login-security span {
  display: block;
  margin-top: 10px;
  color: var(--ck-login-muted);
  line-height: 1.55;
}

.ck-login-faq details {
  border-top: 1px solid var(--ck-login-line);
  padding: 18px 0;
}

.ck-login-faq details:last-child { border-bottom: 1px solid var(--ck-login-line); }
.ck-login-faq summary { min-height: 44px; cursor: pointer; color: var(--ck-login-text); font-size: 1.08rem; font-weight: 800; }
.ck-login-faq details p { margin: 12px 0 0; }

.ck-login-final {
  margin: 34px 0 22px;
  padding: clamp(28px, 6vw, 48px);
  border: 1px solid var(--ck-login-line);
  border-radius: 12px;
  background: radial-gradient(circle at 90% 12%, rgba(241, 208, 75, .18), transparent 16rem), linear-gradient(135deg, var(--ck-login-panel), var(--ck-login-panel-deep));
}

.ck-login-home { text-align: center; }

html:has(body.page-id-5456),
body.page-id-5456 { overflow-x: clip; }

/* Keep the login task above the fold instead of letting the decorative hero
   consume the full viewport before the account-help route begins. */
body.page-id-5456 .screen.page-section {
  min-height: 0;
  padding-block: 34px 26px;
}

body.page-id-5456 .screen-content {
  min-height: 0;
}

body.page-id-5456 .screen-image {
  max-height: 360px;
  overflow: hidden;
}

body.page-id-5456 .r67l-mockup {
  height: 340px;
  transform: scale(.82);
  transform-origin: center;
}

.mobile-wrap {
  z-index: 100;
  max-width: 100vw;
  overflow-x: hidden;
}

@media (max-width: 720px) {
  body.page-id-5456 .screen.page-section { padding-block: 24px 18px; }
  body.page-id-5456 .screen-content { padding-top: 0 !important; }
  body.page-id-5456 .screen-image { display: none; }
  body.page-id-5456 .offer { margin-bottom: 0 !important; }
  .page-content > .container > h1,
  .ck-login-guide { width: 100%; }
  .ck-login-quick,
  .ck-login-security,
  .ck-login-steps { grid-template-columns: 1fr; }
  .ck-login-steps li { min-height: 0; }
  .ck-login-primary-action .btn,
  .ck-login-final .btn { width: 100%; text-align: center; }
  .screen .btn-row { display: grid !important; grid-template-columns: 1fr; }
  .screen .btn-row .btn { width: 100%; min-height: 48px; text-align: center; }
  .mobile-nav .menu a { display: flex; align-items: center; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  .r67l-pad::before,
  .r67l-corgi,
  .r67l-corgi-crown,
  .r67l-key { animation: none !important; }
}