/* 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);
}

.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; } }