/* 500-casino.org skin fhc rev 24df3127ce 2026-10-08 */
@font-face {
  font-family: 'Ed Gothic';
  src: url('/img/fonts/edgothic.woff') format('woff'),
       url('/img/fonts/edgothic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --canvas: #efeae1;
  --sheet: #ffffff;
  --inset: #ded6c6;
  --deep: #1c2024;
  --deep-2: #2a3036;
  --ink: #1c2024;
  --ink-2: #555c63;
  --ink-3: #7b838b;
  --line: #cdc4b2;
  --line-2: #e4ded1;
  --accent: #d52b1e;
  --accent-ink: #a81e13;
  --accent-deep: #8e1a11;
  
  --accent-lite: #ff9c8c;
  --tint: #fbeeec;
  --pos: #15663c;
  --pos-bg: #eaf3ee;
  --display: 'Ed Gothic', 'Arial Narrow', Arial, sans-serif;
  --text: arial, 'helvetica neue', 'nimbus sans l', freesans, sans-serif;
  --mid: 760px;
  --wide: 888px;
  --max: 1120px;
  --pad: 26px;
  --sheet-pad: 0px;
  --gutter: 72px;
  --band: calc(var(--mid) + (var(--sheet-pad) + var(--pad) + 1px) * 2);
  --inpad: calc(var(--pad) + var(--sheet-pad) + 1px);
  --radius: 3px;
  --shadow: 0 1px 0 rgba(28, 32, 36, .06), 0 2px 10px rgba(28, 32, 36, .05);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.fhc-page {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  font: 400 17px/1.62 var(--text);
  overflow-wrap: anywhere;
}
.fhc-page img, .fhc-page svg, .fhc-page video, .fhc-page iframe,
.fhc-page embed, .fhc-page object { max-width: 100%; }
.fhc-page img { height: auto; border: 0; }
.fhc-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 60;
  background: var(--accent);
  color: #fff;
  padding: 12px 18px;
  font: 400 15px/1.4 var(--display);
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}
.fhc-skip:focus { left: 8px; top: 8px; }
.fhc-page :focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.fhc-wrap {
  width: 100%;
  max-width: var(--band);
  margin: 0 auto;
  padding: 0 var(--pad);
}
.fhc-wrap--w { --mid: var(--wide); }
.fhc-wrap--x { --mid: var(--max); }
.fhc-page h1, .fhc-page h2, .fhc-page h3, .fhc-page h4 {
  font-family: var(--display);
  font-weight: 400;
  color: var(--ink);
  letter-spacing: .005em;
}
.fhc-top h1 {
  margin: 0;
  font-size: clamp(28px, 3.1vw, 38px);
  line-height: 1.1;
  letter-spacing: -.005em;
}
.fhc-page h2 { font-size: 27px; line-height: 1.2; margin: 34px 0 12px; }
.fhc-page h3 { font-size: 21px; line-height: 1.25; margin: 26px 0 10px; }
.fhc-page h4 { font-size: 18px; line-height: 1.3; margin: 22px 0 8px; }
.fhc-page p, .fhc-page li, .fhc-page dd, .fhc-page td, .fhc-page th {
  overflow-wrap: anywhere;
}
.fhc-page code, .fhc-page kbd, .fhc-page samp { overflow-wrap: anywhere; }
:where(.fhc-page) a { color: var(--accent-ink); text-decoration: underline; text-underline-offset: 2px; }
:where(.fhc-page) a:hover { color: var(--accent-deep); }
.fhc-meta {
  margin: 0 0 20px;
  font-size: 14px;
  color: var(--ink-2);
}
.fhc-meta span { margin-right: 18px; }
.fhc-meta b { font-weight: 400; color: var(--ink); }
.fhc-meta .fhc-meta-r {
  margin-right: 14px;
  padding: 3px 9px;
  background: var(--inset);
  border: 1px solid var(--line-2);
  font: 400 12px/1.5 var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent-ink);
}
.fhc-dek {
  margin: 0 0 22px;
  font-size: 20px;
  line-height: 1.52;
  color: var(--ink-2);
}
.fhc-up {
  margin: 0 0 20px;
  max-width: 74ch;
}
.fhc-up p {
  margin: 0 0 12px;
  font-size: 16.5px;
  line-height: 1.62;
  color: var(--ink-2);
}
.fhc-up p:first-child {
  font-size: 18px;
  line-height: 1.58;
  color: var(--ink);
}
.fhc-up p:last-child { margin-bottom: 0; }
.fhc-lede {
  margin: 0 0 22px;
  padding: 14px 18px;
  background: var(--tint);
  border-left: 3px solid var(--accent);
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink);
}
.fhc-hdr {
  background: var(--deep);
  border-bottom: 3px solid var(--accent);
  position: relative;
  z-index: 40;
}
.fhc-hdr-in {
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 var(--pad);
  display: flex;
  align-items: stretch;
  gap: 18px;
  min-height: 70px;
}
.fhc-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: auto;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
}
.fhc-brand img { display: block; width: auto; height: 46px; }
.fhc-brand b {
  display: block;
  font: 400 22px/1 var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.fhc-brand b i {
  font-style: normal;
  color: var(--accent);
}
.fhc-brand b span {
  display: block;
  margin-top: 5px;
  font-family: var(--text);
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: none;
  color: #a7b0b8;
}
.fhc-nav { display: flex; }
.fhc-nav-l {
  display: flex;
  align-items: stretch;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fhc-nav-l > li { position: relative; display: flex; }
.fhc-nav-l > li > a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 13px;
  box-sizing: border-box;
  color: #e8e4dc;
  font: 400 15px/1.4 var(--display);
  letter-spacing: .11em;
  text-transform: uppercase;
  text-decoration: none;
}
.fhc-nav-l > li > a:hover { background: var(--deep-2); color: #fff; }
.fhc-nav-l > li[aria-current] > a { box-shadow: inset 0 -3px 0 var(--accent); color: #fff; }
.fhc-nav-l > li > .fhc-here {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 13px;
  box-sizing: border-box;
  box-shadow: inset 0 -3px 0 var(--accent);
  color: #fff;
  font: 400 15px/1.4 var(--display);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.fhc-sub {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 45;
  display: none;
  min-width: 268px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: var(--sheet);
  border: 1px solid var(--line);
  border-top: 3px solid var(--accent);
  box-shadow: var(--shadow);
}
.fhc-has:hover > .fhc-sub,
.fhc-has:focus-within > .fhc-sub { display: block; }
.fhc-sub a {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 10px;
  box-sizing: border-box;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.4;
  text-decoration: none;
}
.fhc-sub a:hover { background: var(--canvas); color: var(--accent-ink); }
.fhc-sub strong { font-weight: 400; color: var(--accent-ink); }
.fhc-lang { position: relative; display: flex; align-items: center; }
.fhc-lang > span {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 10px;
  color: #e8e4dc;
  font: 400 14px/1.4 var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
  cursor: default;
}
.fhc-lang svg { display: block; width: 20px; height: 14px; }
.fhc-lang ul {
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 45;
  display: none;
  min-width: 170px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: var(--sheet);
  border: 1px solid var(--line);
  border-top: 3px solid var(--accent);
  box-shadow: var(--shadow);
}
.fhc-lang .fhc-lang-c { width: 9px; height: 6px; margin-left: 2px; opacity: .75; }
.fhc-lang:hover ul, .fhc-lang:focus-within ul { display: block; }
.fhc-lang > span:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.fhc-lang ul a, .fhc-lang ul .fhc-lang-on {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 6px 10px;
  box-sizing: border-box;
  color: var(--ink);
  font-size: 15px;
  text-decoration: none;
}
.fhc-lang ul a:hover { background: var(--canvas); }
.fhc-lang ul b {
  min-width: 26px;
  font: 400 12px/1.4 var(--display);
  letter-spacing: .08em;
  color: var(--ink-3);
}
.fhc-lang ul .fhc-lang-on { background: var(--canvas); color: var(--accent-ink); }
.fhc-lang ul .fhc-lang-on b { color: var(--accent-ink); }
.fhc-nav-t { position: absolute; opacity: 0; pointer-events: none; }
.fhc-burger { display: none; }
.fhc-bc {
  background: var(--canvas);
  border-bottom: 1px solid var(--line-2);
  font-size: 13px;
}
.fhc-bc ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  color: var(--ink-2);
}
.fhc-bc li + li::before { content: '›'; margin-right: 8px; color: var(--ink-3); }
.fhc-bc a { color: var(--ink-2); text-decoration: none; }
.fhc-bc a:hover { color: var(--accent-ink); text-decoration: underline; }
.fhc-bc [aria-current] { color: var(--ink); }
.fhc-bc-in {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.fhc-bc-in nav { min-width: 0; flex: 1 1 auto; }
.fhc-bc-j {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
  white-space: nowrap;
  color: var(--ink-2);
  border-bottom: 1px dotted var(--line);
  padding-bottom: 1px;
}
.fhc-bc-j:hover { color: var(--ink); border-bottom-style: solid; }
.fhc-top {
  position: relative;
  padding: 20px 0 16px var(--gutter);
  border-bottom: 1px solid var(--line-2);
  margin-bottom: 20px;
}
.fhc-top::before {
  content: '';
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 18px;
  width: 6px;
  background: var(--accent);
}
.fhc-facts {
  margin: 0 0 24px;
  padding: var(--inpad);
  background: var(--deep);
  color: #e8e4dc;
}
.fhc-facts h2 {
  margin: 0 0 14px;
  font-size: 15px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #a7b0b8;
}
.fhc-facts dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  background: #39414a;
}
.fhc-facts dl > div { padding: 13px 18px; background: var(--deep); }
.fhc-facts dt {
  margin: 0 0 6px;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8e979f;
}
.fhc-facts dd {
  margin: 0;
  font: 400 21px/1.15 var(--display);
  color: #fff;
}
.fhc-facts dd span {
  display: block;
  margin-top: 5px;
  font: 400 13px/1.4 var(--text);
  color: #a7b0b8;
}
.fhc-hero { margin: 0 0 24px; }
.fhc-hero img { display: block; width: 100%; }
.fhc-hero figcaption {
  padding: 9px 2px 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-2);
}
.fhc-art > figure:first-child,
.fhc-art > p:first-child > img:only-child {
  float: left;
  width: clamp(170px, 32%, 300px);
  margin: 4px 22px 14px 0;
}
.fhc-art figure { margin: 22px 0; }
.fhc-art figure img { display: block; width: 100%; }
.fhc-art figcaption {
  padding: 8px 2px 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-2);
}
.fhc-art {
  background: var(--sheet);
  padding: var(--inpad);
  box-shadow: var(--shadow);
  margin: 0 0 26px;
}
.fhc-art > *:first-child { margin-top: 0; }
.fhc-art > *:last-child { margin-bottom: 0; }
.fhc-art p { margin: 0 0 18px; }
.fhc-art ul, .fhc-art ol { margin: 0 0 18px; padding-left: 24px; }
.fhc-art li { margin-bottom: 7px; }
.fhc-art blockquote {
  margin: 22px 0;
  padding: 2px 0 2px 20px;
  border-left: 3px solid var(--accent);
  color: var(--ink-2);
  font-size: 18px;
}
.fhc-art pre {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre;
  padding: 14px;
  background: var(--canvas);
  border: 1px solid var(--line-2);
  font-size: 14px;
}
.fhc-art hr { border: 0; border-top: 1px solid var(--line-2); margin: 26px 0; }
.fhc-page table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 22px;
  font-size: 15px;
  background: var(--sheet);
  
  border: 1px solid var(--line-2);
}
.fhc-page caption {
  caption-side: top;
  padding: 0 0 9px;
  font: 400 13px/1.4 var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
  text-align: left;
  color: var(--ink-2);
}
.fhc-page th {
  padding: 11px 13px;
  background: var(--deep);
  color: #fff;
  font: 400 13px/1.3 var(--display);
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: left;
  vertical-align: bottom;
}
.fhc-page td {
  padding: 11px 13px;
  border-top: 1px solid var(--line-2);
  vertical-align: top;
}
.fhc-page tbody tr:nth-child(even) td { background: #faf8f4; }
.fhc-page table a { color: var(--accent-ink); }
.fhc-page th a,
.fhc-facts a,
.fhc-w > h2 a,
.fhc-op-hd a,
.fhc-ck a,
.fhcv-hd a,
.fhcv-score a { color: var(--accent-lite); }
.fhc-page th a:hover,
.fhc-facts a:hover,
.fhc-w > h2 a:hover,
.fhc-op-hd a:hover,
.fhc-ck a:hover,
.fhcv-hd a:hover,
.fhcv-score a:hover { color: #fff; }
.fhc-tw { max-width: 100%; overflow-x: auto; margin: 0 0 22px; }
.fhc-tw > table { margin: 0; }
.fhc-cl { margin: 0 0 30px; }
.fhc-cl-hd {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 9px;
  border-bottom: 2px solid var(--deep);
  margin-bottom: 4px;
}
.fhc-cl-hd h2 { margin: 0; font-size: 24px; }
.fhc-cl-hd span {
  font: 400 12px/1.3 var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-2);
  white-space: nowrap;
}
.fhc-note { margin: 0 0 16px; font-size: 15px; color: var(--ink-2); }
.fhc-cl-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fhc-cl-list > li { display: flex; }
.fhc-cl-list > li > a {
  display: flex;
  gap: 14px;
  width: 100%;
  min-height: 106px;
  padding: 13px;
  background: var(--sheet);
  box-shadow: var(--shadow);
  color: var(--ink);
  text-decoration: none;
}
.fhc-cl-list > li > a:hover { box-shadow: 0 0 0 2px var(--accent), var(--shadow); }
.fhc-cl-list > li > a > span { display: flex; flex-direction: column; min-width: 0; }
.fhc-cl-thumb {
  flex: 0 0 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
  background: var(--canvas);
  overflow: hidden;
}
.fhc-cl-thumb img { display: block; width: 104px; height: auto; object-fit: cover; }
.fhc-cl-thumb--lg img { width: auto; max-height: 80px; }
.fhc-cl-thumb--wm {
  font: 400 15px/1.2 var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: center;
  color: var(--ink-2);
  padding: 6px;
}
.fhc-cl-t { font: 400 18px/1.25 var(--display); margin-bottom: 6px; }
.fhc-cl-d {
  font-size: 14px;
  line-height: 1.45;
  color: var(--ink-2);
  margin-top: auto;
}
.fhc-cl-all {
  margin: 14px 0 0;
  font: 400 15px/1.3 var(--display);
}
.fhc-cl-all a {
  display: inline-block;
  padding: 9px 17px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--sheet);
  color: var(--ink);
  text-decoration: none;
}
.fhc-cl-all a:hover { border-color: var(--accent); color: var(--accent-ink); }
.fhc-w {
  background: var(--sheet);
  box-shadow: var(--shadow);
  margin: 0 0 20px;
}
.fhc-w > h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 12px 16px;
  background: var(--deep);
  color: #fff;
  font-size: 15px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.fhc-w > h2 svg { flex: 0 0 15px; width: 15px; height: 15px; fill: var(--accent); }
.fhc-w-in { padding: 16px; font-size: 15px; line-height: 1.55; }
.fhc-w-in > *:first-child { margin-top: 0; }
.fhc-w-in > *:last-child { margin-bottom: 0; }
.fhc-w-in ul, .fhc-w-in ol { margin: 0; padding-left: 20px; }
.fhc-w-in li { margin-bottom: 8px; }
.fhc-w-in p { margin: 0 0 12px; }
.fhc-w-rg .fhc-w-in b { font-weight: 400; font-family: var(--display); letter-spacing: .04em; }
.fhc-toc { margin: 0 0 24px; }
.fhc-val {
  margin: 0 0 26px;
  padding: var(--inpad);
  background: var(--tint);
  border-top: 3px solid var(--accent);
}
.fhc-val h2 { margin: 0 0 12px; font-size: 22px; }
.fhc-val p { margin: 0 0 14px; font-size: 16px; }
.fhc-val p:last-child { margin-bottom: 0; }
.fhc-trust {
  background: var(--inset);
  border-top: 1px solid var(--line);
  margin-top: 36px;
}
.fhc-trust > div {
  max-width: var(--max);
  margin: 0 auto;
  padding: 16px var(--pad);
}
.fhc-trust p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink); }
.fhc-trust strong { font-weight: 400; font-family: var(--display); letter-spacing: .06em; }
.fhc-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 24px;
  box-sizing: border-box;
  background: var(--accent);
  border: 2px solid var(--accent);
  border-radius: 999px;
  color: #fff;
  font: 400 16px/1.2 var(--display);
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
}
.fhc-cta:hover { background: var(--accent-deep); border-color: var(--accent-deep); color: #fff; }
.fhc-tc { display: block; margin-top: 8px; font-size: 12px; color: var(--ink-2); }
.fhc-op { margin: 24px 0; background: var(--sheet); box-shadow: var(--shadow); }
.fhc-op-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  background: var(--deep);
  color: #fff;
  font: 400 13px/1.3 var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.fhc-op-hd em { font-style: normal; color: #a7b0b8; letter-spacing: .1em; }
.fhc-op-in {
  display: grid;
  grid-template-columns: minmax(0, 200px) minmax(0, 1fr) minmax(0, 210px);
  gap: 18px;
  padding: 18px 16px;
}
.fhc-op-brand { display: flex; flex-direction: column; gap: 9px; }
.fhc-op-wm {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 96px;
  padding: 10px;
  background: var(--canvas);
  font: 400 24px/1.1 var(--display);
  letter-spacing: .08em;
  text-align: center;
  color: var(--ink);
}
.fhc-op-wm img { display: block; max-height: 76px; width: auto; }
.fhc-op-score { font-size: 13px; color: var(--ink-2); }
.fhc-op-score b { display: block; font: 400 26px/1 var(--display); color: var(--accent-ink); }
.fhc-op-body p { margin: 0 0 12px; font-size: 15px; }
.fhc-op-first { font-size: 16px; }
.fhc-op-act { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
.fhc-op-trust {
  margin: 0;
  padding: 12px 16px;
  border-top: 1px solid var(--line-2);
  font-size: 12px;
  line-height: 1.5;
  color: var(--ink-2);
}
.fhc-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.fhc-chips li {
  padding: 4px 10px;
  background: var(--pos-bg);
  color: var(--pos);
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}
.fhc-wire { margin: 0 0 26px; }
.fhc-wire:empty { display: none; }
.fhc-wire:not(:has(*)) { display: none; }
.fhc-wire > div {
  background: var(--sheet);
  box-shadow: var(--shadow);
  padding: var(--inpad);
}
.fhc-wire > div + div { margin-top: 14px; }
.fhc-wire h2, .fhc-wire h3 { margin-top: 0; }
.fhc-wire img { height: auto; }
.fhc-ft { margin-top: 0; background: var(--deep); color: #cfd4d9; }
.fhc-ft-in { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }
.fhc-ft-top { padding: 34px 0 28px; }
.fhc-ft-cols {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(auto-fit, minmax(0, 1fr));
  gap: 26px;
}
.fhc-ft h2 {
  margin: 0 0 13px;
  font-size: 14px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #fff;
}
.fhc-ft ul { margin: 0; padding: 0; list-style: none; font-size: 14px; }
.fhc-ft li { margin-bottom: 9px; }
.fhc-ft a { color: #cfd4d9; text-decoration: none; }
.fhc-ft a:hover { color: #fff; text-decoration: underline; }
.fhc-ft-about img { display: block; width: auto; height: 46px; margin-bottom: 12px; }
.fhc-ft-about p { margin: 0 0 12px; font-size: 14px; line-height: 1.55; }
.fhc-ft-mail a { text-decoration: underline; }
.fhc-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.fhc-badges li { margin: 0; }
.fhc-badges a {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 12px;
  box-sizing: border-box;
  border: 1px solid #4a525b;
  font: 400 13px/1.2 var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.fhc-badges a:hover { border-color: var(--accent); text-decoration: none; }
.fhc-19 { color: #fff; border-color: var(--accent); }
.fhc-ft-bot { border-top: 1px solid #39414a; padding: 18px 0 26px; font-size: 13px; }
.fhc-ft-bot p { margin: 0 0 9px; line-height: 1.55; }
.fhc-ft-aff { color: #a7b0b8; }
body:has(.fhc-ck:not(.fhc-ck--off)) .fhc-ft-bot { padding-bottom: 104px; }
@media (max-width: 760px) {
  body:has(.fhc-ck:not(.fhc-ck--off)) .fhc-ft-bot { padding-bottom: 180px; }
}
.fhc-ck {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: var(--deep);
  border-top: 3px solid var(--accent);
  color: #e8e4dc;
}
.fhc-ck-in {
  max-width: var(--max);
  margin: 0 auto;
  padding: 13px var(--pad);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
}
.fhc-ck-in p { margin: 0; flex: 1 1 280px; line-height: 1.5; }
.fhc-ck-in a { color: #fff; }
.fhc-ck-btn {
  min-height: 44px;
  padding: 10px 22px;
  background: var(--accent);
  border: 0;
  border-radius: 999px;
  color: #fff;
  font: 400 15px/1.2 var(--display);
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}
.fhc-ck-btn:hover { background: var(--accent-deep); }
.fhc-ck--off { display: none; }
.fhc-doc { }
.fhc-on-dark, .fhc-on-light {
  box-sizing: border-box;
  padding: 18px;
}
.fhc-on-dark { color: #fff; }
.fhc-on-dark :is(h1, h2, h3, h4, h5, h6, dt, strong, b) { color: #fff; }
.fhc-on-dark a { color: #ffd3cf; }
.fhc-on-dark a:hover { color: #fff; }
.fhc-on-light { color: var(--ink); }
.fhc-on-dark > *:first-child, .fhc-on-light > *:first-child { margin-top: 0; }
.fhc-on-dark > *:last-child, .fhc-on-light > *:last-child { margin-bottom: 0; }
.fhc-on-dark.image, .fhc-on-light.image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
}
.fhc-on-dark.image img, .fhc-on-light.image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 96px;
}
@media (max-width: 760px) {
  .fhc-on-dark, .fhc-on-light { padding: 13px; }
  .fhc-on-dark.image, .fhc-on-light.image { padding: 9px; }
}
span.fhc-on-dark, span.fhc-on-light { display: inline-block; padding: 3px 9px; }
.fhc-doc .faq { margin: 26px 0; }
.fhc-doc .faq h2, .fhc-doc .faq h3 { margin-top: 0; }
.fhc-doc .faq dd, .fhc-doc .faq .faq-answer, .fhc-doc .faq .answer {
  display: block;
  height: auto;
  max-height: none;
  overflow: visible;
  visibility: visible;
}
.fhc-doc .faq dt, .fhc-doc .faq .faq-question, .fhc-doc .faq .question {
  font: 400 19px/1.3 var(--display);
  color: var(--ink);
  margin: 18px 0 8px;
}
.fhc-doc .faq dl { margin: 0; }
.fhc-doc .faq dd { margin: 0 0 14px; padding: 0 0 14px; border-bottom: 1px solid var(--line-2); }
.fhc-doc .sl-list, .fhc-doc .pmnt-list, .fhc-doc .cl-list,
.fhc-doc .cg-types, .fhc-doc .sl-similar, .fhc-doc .u-articles,
.fhc-doc .device-list {
  margin: 26px 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .sl-list ul, .fhc-doc .pmnt-list ul, .fhc-doc .cl-list ul,
.fhc-doc .sl-similar ul, .fhc-doc .u-articles ul,
.fhc-doc .cg-types ul, .fhc-doc .device-list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr));
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .sl-list li, .fhc-doc .pmnt-list li, .fhc-doc .cl-list li,
.fhc-doc .sl-similar li, .fhc-doc .u-articles li,
.fhc-doc .cg-types li, .fhc-doc .device-list li {
  margin: 0;
  background: var(--sheet);
  box-shadow: var(--shadow);
}
.fhc-doc .sl-list li a, .fhc-doc .pmnt-list li a, .fhc-doc .cl-list li a,
.fhc-doc .sl-similar li a, .fhc-doc .u-articles li a,
.fhc-doc .cg-types li a, .fhc-doc .device-list li a {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-height: 96px;
  padding: 12px;
  box-sizing: border-box;
  color: var(--ink);
  font-family: var(--display);
  font-size: 17px;
  line-height: 1.25;
  text-decoration: none;
}
.fhc-doc .sl-list li img, .fhc-doc .pmnt-list li img, .fhc-doc .cl-list li img,
.fhc-doc .sl-similar li img, .fhc-doc .u-articles li img,
.fhc-doc .cg-types li img {
  display: block;
  max-width: 100%;
  height: auto;
}
.fhc-doc .advtg-list, .fhc-doc .icon-list, .fhc-doc .tips, .fhc-doc .gpro_howto_list {
  margin: 26px 0;
  padding: var(--inpad);
  background: var(--tint);
  border-left: 3px solid var(--accent);
}
.fhc-doc .advtg-list > *:first-child, .fhc-doc .icon-list > *:first-child,
.fhc-doc .tips > *:first-child, .fhc-doc .gpro_howto_list > *:first-child { margin-top: 0; }
.fhc-doc .advtg-list ul, .fhc-doc .icon-list ul, .fhc-doc .tips ul {
  margin: 0;
  padding-left: 22px;
}
.fhc-doc .gpro_howto_list ol { margin: 0; padding-left: 24px; }
.fhc-doc .gpro_howto_list li { margin-bottom: 11px; }
.fhc-doc .tx-rating {
  margin: 30px 0;
  padding-top: 22px;
  border-top: 2px solid var(--line-2);
}
.fhc-doc .tx-rating > header {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 9px 16px;
  margin-bottom: 13px;
}
.fhc-doc .tx-rating > header > h2,
.fhc-doc .tx-rating > header > h3 { margin: 0; }
.fhc-doc .tx-rating .gpro_rating {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  margin: 0;
  padding: 5px 11px;
  background: var(--deep);
  color: #fff;
  font: 400 13px/1.3 var(--display);
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.fhc-doc .tx-rating .gpro_rating .value {
  font-size: 19px;
  letter-spacing: .02em;
  color: #fff;
}
.fhc-doc .tx-rating .gpro_rating .best { color: #a9b2bb; }
.fhc-doc .tx-rating > .content > *:first-child { margin-top: 0; }
.fhc-doc .p-contents {
  margin: 26px 0;
  padding: var(--inpad);
  background: var(--canvas);
  border: 1px solid var(--line-2);
}
.fhc-doc .p-contents > *:first-child { margin-top: 0; }
.fhc-doc .p-contents ul, .fhc-doc .p-contents ol { margin: 0; padding-left: 22px; }
.fhc-doc .p-contents li { margin-bottom: 7px; }
.fhc-doc .i-block { margin: 26px 0; }
.fhc-doc .i-block img { display: block; height: auto; }
.fhc-doc .cs-details, .fhc-doc .sl-details, .fhc-doc .cs-head,
.fhc-doc .slot-head, .fhc-doc .sl-freeroll, .fhc-doc .slot-bonus,
.fhc-doc .sl-symbols {
  margin: 26px 0;
  padding: var(--inpad);
  background: var(--sheet);
  box-shadow: var(--shadow);
}
.fhc-doc .cs-details > *:first-child, .fhc-doc .sl-details > *:first-child,
.fhc-doc .cs-head > *:first-child, .fhc-doc .slot-head > *:first-child,
.fhc-doc .sl-freeroll > *:first-child, .fhc-doc .slot-bonus > *:first-child { margin-top: 0; }
.fhc-doc .cs-details dl, .fhc-doc .sl-details dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 1px;
  margin: 0;
  background: var(--line-2);
}
.fhc-doc .cs-details dt, .fhc-doc .sl-details dt {
  padding: 9px 12px 2px;
  background: var(--sheet);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-2);
}
.fhc-doc .cs-details dd, .fhc-doc .sl-details dd {
  margin: 0;
  padding: 0 12px 10px;
  background: var(--sheet);
  font-family: var(--display);
  font-size: 18px;
}
.fhc-doc .cs-feature-box { margin: 26px 0; }
.fhc-doc .cs-features, .fhc-doc .cs-payments {
  padding: var(--inpad);
  background: var(--sheet);
  border: 1px solid var(--line-2);
}
.fhc-doc .cs-payments { margin-top: 14px; }
.fhc-doc .cs-features > .label, .fhc-doc .cs-payments > .label {
  margin-bottom: 10px;
  font: 400 12px/1.3 var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-2);
}
.fhc-doc .gpro_advantages_list, .fhc-doc .gpro_limitations_list {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.fhc-doc .gpro_advantages_list:last-child,
.fhc-doc .gpro_limitations_list:last-child { margin-bottom: 0; }
.fhc-doc .gpro_advantages_list li, .fhc-doc .gpro_limitations_list li {
  position: relative;
  margin: 0 0 7px;
  padding-left: 27px;
  line-height: 1.5;
}
.fhc-doc .gpro_advantages_list li::before,
.fhc-doc .gpro_limitations_list li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  margin-top: 3px;
  font: 400 12px/19px var(--text);
  text-align: center;
}
.fhc-doc .gpro_advantages_list li::before {
  content: "✓";
  background: var(--pos-bg);
  color: var(--pos);
}
.fhc-doc .gpro_limitations_list li::before {
  content: "✕";
  background: var(--tint);
  color: var(--accent-ink);
}
.fhc-doc .s-detail-list, .fhc-doc .gpro_slot_details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 1px;
  margin: 26px 0;
  padding: 0;
  background: var(--line-2);
  list-style: none;
}
.fhc-doc .s-detail-list li, .fhc-doc .gpro_slot_details li {
  margin: 0;
  padding: 9px 12px;
  background: var(--sheet);
  font-size: 14px;
  line-height: 1.45;
}
.fhc-doc .s-detail-list li::before, .fhc-doc .gpro_slot_details li::before { content: none; }
.fhc-doc .sl-video, .fhc-doc .video { margin: 26px 0; }
.fhc-doc .sl-video iframe, .fhc-doc .video iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}
.fhc-doc .cca-advantages, .fhc-doc .cca-responsibly, .fhc-doc .cca-work,
.fhc-doc .cca-contacts, .fhc-doc .partner-form {
  margin: 26px 0;
  padding: var(--inpad);
  background: var(--sheet);
  box-shadow: var(--shadow);
}
.fhc-doc .cca-advantages > *:first-child, .fhc-doc .cca-responsibly > *:first-child,
.fhc-doc .cca-work > *:first-child,
.fhc-doc .cca-contacts > *:first-child, .fhc-doc .partner-form > *:first-child { margin-top: 0; }
.fhc-doc .partner-form input, .fhc-doc .partner-form textarea,
.fhc-doc .partner-form select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  box-sizing: border-box;
  background: var(--canvas);
  border: 1px solid var(--line);
  font: 400 16px/1.4 var(--text);
  color: var(--ink);
}
.fhc-doc .partner-form button, .fhc-doc .partner-form input[type="submit"] {
  width: auto;
  min-height: 46px;
  padding: 11px 24px;
  background: var(--accent);
  border: 0;
  border-radius: 999px;
  color: #fff;
  font: 400 16px/1.2 var(--display);
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}
.fhc-doc .smap ul, .fhc-doc .site_sections ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
  gap: 7px 20px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  font-size: 15px;
}
.fhc-doc .no-bg, .fhc-doc .bg-turquoise, .fhc-doc .gpro_box, .fhc-doc .gp_section {
  background: transparent;
  color: inherit;
}
.fhc-doc .img-left img { float: left; margin: 4px 20px 12px 0; }
.fhc-doc .img-right img { float: right; margin: 4px 0 12px 20px; }
.fhc-doc table[width], .fhc-doc td[width], .fhc-doc th[width] { width: auto; }
.fhc-doc .gpro_slots_list, .fhc-doc .gpro_games_list,
.fhc-doc .gpro_free_game_list, .fhc-doc .top-games, .fhc-doc .gpro_news_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));
  gap: 20px 18px;
  margin: 24px 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .slot-item, .fhc-doc .game-item, .fhc-doc .news-item { margin: 0; padding: 0; }
.fhc-doc .slot-item::before, .fhc-doc .game-item::before,
.fhc-doc .news-item::before { content: none; }
.fhc-doc .slot-item > a, .fhc-doc .game-item > a, .fhc-doc .news-item > a,
.fhc-doc .slot-item > .box, .fhc-doc .game-item > .box { text-decoration: none; }
.fhc-doc .slot-item .image, .fhc-doc .game-item .image, .fhc-doc .news-item .image,
.fhc-doc .payment-item .image {
  position: relative;
  display: block;
  margin: 0 0 9px;
  overflow: hidden;
  border-radius: var(--radius);
}
.fhc-doc .slot-item .image img, .fhc-doc .game-item .image img,
.fhc-doc .news-item .image img {
  display: block;
  width: 100%;
  height: auto;
}
.fhc-doc .slot-item .name, .fhc-doc .game-item .name, .fhc-doc .news-item .name {
  font: 400 17px/1.25 var(--display);
  color: var(--ink);
}
.fhc-doc .slot-item .s-provider, .fhc-doc .news-item .date {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--ink-3);
}
.fhc-doc .slot-item a:hover .name, .fhc-doc .game-item a:hover .name,
.fhc-doc .news-item a:hover .name { color: var(--accent-ink); }
.fhc-doc .image .buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  text-align: center;
}
.fhc-doc div.button {
  display: inline-block;
  padding: 5px 13px;
  border-radius: 999px;
  background: rgba(28, 32, 36, .82);
  color: #fff;
  font: 400 11px/1 var(--text);
  letter-spacing: .07em;
  text-transform: uppercase;
}
.fhc-doc .buttons { margin: 0; }
.fhc-doc .gpro_faq_list, .fhc-doc .ca_faq_list {
  margin: 22px 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .faq-item {
  margin: 0;
  padding: 15px 0;
  border-top: 1px solid var(--line-2);
}
.fhc-doc .faq-item:first-child { padding-top: 0; border-top: 0; }
.fhc-doc .faq-item:last-child { padding-bottom: 0; }
.fhc-doc .faq-item::before { content: none; }
.fhc-doc .faq-item > .label {
  margin: 0 0 7px;
  font: 400 20px/1.3 var(--display);
  color: var(--ink);
}
.fhc-doc .faq-item > .value { font-size: 16px; line-height: 1.62; color: var(--ink-2); }
.fhc-doc .faq-item > .value p:first-child { margin-top: 0; }
.fhc-doc .faq-item > .value p:last-child { margin-bottom: 0; }
.fhc-doc .gpro_icon_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(146px, 1fr));
  gap: 18px 14px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
.fhc-doc .icon-item { margin: 0; padding: 0; }
.fhc-doc .icon-item::before { content: none; }
.fhc-doc .icon-item .box {
  display: block;
  text-align: center;
  text-decoration: none;
}
.fhc-doc .icon-item .image { margin: 0 0 7px; }
.fhc-doc .icon-item .image img {
  display: inline-block;
  width: 54px;
  height: 54px;
  object-fit: contain;
}
.fhc-doc .icon-item .title {
  margin: 0 0 2px;
  font: 400 26px/1.05 var(--display);
  color: var(--accent-ink);
}
.fhc-doc .icon-item .desc { font-size: 13px; line-height: 1.4; color: var(--ink-2); }
.fhc-doc .icon-item .desc p { margin: 0; }
.fhc-doc .icon-list ul.gpro_icon_list,
.fhc-doc .advtg-list ul.gpro_icon_list,
.fhc-doc .tips ul.gpro_icon_list { padding-left: 0; margin-bottom: 18px; }
.fhc-doc .gpro_payment_list, .fhc-doc .ca_payment_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 12px;
  margin: 22px 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .payment-item { margin: 0; padding: 0; }
.fhc-doc .payment-item::before { content: none; }
.fhc-doc .payment-item > .box {
  display: block;
  padding: 13px 10px;
  background: var(--sheet);
  border: 1px solid var(--line-2);
  border-radius: var(--radius);
  text-align: center;
  text-decoration: none;
}
.fhc-doc .payment-item > .box:hover { border-color: var(--accent); }
.fhc-doc .payment-item .image { margin: 0; overflow: visible; }
.fhc-doc .payment-item .image img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: 38px;
  object-fit: contain;
}
.fhc-doc .payment-item .buttons { position: static; margin-top: 8px; }
.fhc-doc .gpro_related_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(236px, 1fr));
  gap: 7px 22px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .related-item {
  position: relative;
  margin: 0;
  padding-left: 14px;
  font-size: 15px;
  line-height: 1.5;
}
.fhc-doc .related-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: .62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
}
.fhc-doc ul.slider_cont, .fhc-doc .slider_cont, .fhc-doc .slider_cont > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
.fhc-doc .slide-item {
  margin: 0;
  padding: 6px 13px;
  background: var(--sheet);
  border: 1px solid var(--line);
  border-radius: 999px;
  font-size: 13px;
  line-height: 1.3;
  color: var(--ink-2);
}
.fhc-doc .slide-item::before { content: none; }
.fhc-doc .slide-item a { color: inherit; text-decoration: none; }
.fhc-doc .slide-item a:hover { color: var(--accent-ink); }
.fhc-doc .gpro_advantages_list li.hdr::before,
.fhc-doc .gpro_limitations_list li.hdr::before { content: none; }
.fhc-doc .gpro_advantages_list li.hdr,
.fhc-doc .gpro_limitations_list li.hdr { padding-left: 0; }
.fhc-doc li.hdr > h2 { margin: 0 0 9px; }
@media (max-width: 760px) {
  .fhc-doc .gpro_slots_list, .fhc-doc .gpro_games_list,
  .fhc-doc .gpro_free_game_list, .fhc-doc .top-games, .fhc-doc .gpro_news_list {
    grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
    gap: 16px 12px;
  }
  .fhc-doc .gpro_icon_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fhc-doc .gpro_payment_list {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  }
  
  .fhc-doc .gpro_related_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.fhc-doc a.fhc-dgo.button:not(.box),
.fhc-doc a.fhc-dgo.go-btn:not(.box),
.fhc-doc a.fhc-dgo[class*="-btn"]:not(.box) {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 6px 0;
  padding: 9px 21px;
  background: var(--accent);
  border: 2px solid var(--accent);
  border-radius: 999px;
  color: #fff;
  font: 400 14px/1.2 var(--display);
  letter-spacing: .07em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.fhc-doc a.fhc-dgo.button:not(.box):hover,
.fhc-doc a.fhc-dgo.go-btn:not(.box):hover,
.fhc-doc a.fhc-dgo[class*="-btn"]:not(.box):hover {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
  color: #fff;
}
.fhc-doc a.fhc-dgo small, .fhc-doc a.fhc-dgo .c-name {
  display: block;
  margin-top: 3px;
  font: 400 11px/1.25 var(--text);
  letter-spacing: 0;
  text-transform: none;
  opacity: .92;
}
.fhc-doc .gpro_btn_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0;
}
.fhc-doc a.button:not(.fhc-dgo):not(.box):not(.read-more-btn) {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 18px;
  background: var(--sheet);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
}
.fhc-doc a.button:not(.fhc-dgo):not(.box):not(.read-more-btn):hover {
  border-color: var(--ink-3);
  color: var(--accent-ink);
}
.fhc-doc .image .buttons a.button {
  min-height: 0;
  padding: 5px 13px;
  background: rgba(28, 32, 36, .82);
  border: 0;
  color: #fff;
  font: 400 11px/1 var(--text);
  letter-spacing: .07em;
  text-transform: uppercase;
}
.fhc-doc .gpro_cbonus_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
  gap: 14px;
  margin: 22px 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .cbonus-item { margin: 0; }
.fhc-doc .cbonus-item::before { content: none; }
.fhc-doc .cbonus-item > a.box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 16px 17px;
  background: var(--sheet);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  color: var(--ink);
  text-decoration: none;
}
.fhc-doc .cbonus-item > a.box:hover { border-color: var(--accent); }
.fhc-doc .cbonus-item .name {
  font: 400 17px/1.25 var(--display);
  color: var(--accent-ink);
}
.fhc-doc .cbonus-item .bonus { font-size: 13px; line-height: 1.45; color: var(--ink-2); }
.fhc-doc .cbonus-item .bonus u { text-decoration: none; }
.fhc-doc .cbonus-item div.button {
  align-self: flex-start;
  margin-top: auto;
  background: var(--accent);
}
.fhc-doc a.gpro_bonus_box {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 14px;
  padding: 13px 17px;
  background: var(--tint);
  border: 1px dashed var(--accent-lite);
  border-radius: var(--radius);
  color: var(--accent-ink);
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
}
.fhc-doc a.gpro_bonus_box:hover { border-color: var(--accent); border-style: solid; }
.fhc-doc a.gpro_bonus_box .icon { flex: 0 0 auto; width: 30px; height: 30px; }
.fhc-doc .gpro_casino_htbl { margin: 0 0 26px; }
.fhc-doc .gpro_casino_htbl .logo-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.fhc-doc .gpro_casino_htbl .logo-box img { max-width: 160px; height: auto; }
.fhc-doc .cs-updated { margin: 0; font-size: 12px; line-height: 1.3; color: var(--ink-3); }
.fhc-doc .caption-box { margin: 0 0 16px; }
.fhc-doc .specs-box { margin: 26px 0; }
.fhc-doc .specs-box .buttons, .fhc-doc .gpro_casino_htbl .buttons { margin-top: 14px; }
.fhc-doc .gpro_casino_htbl .rating, .fhc-doc .caption-box .rating {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 14px;
  background: var(--deep);
  border-radius: 999px;
  color: #fff;
  font: 400 12px/1.2 var(--display);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.fhc-doc .gpro_casino_htbl .rating .text { letter-spacing: 0; }
.fhc-doc .gpro_casino_htbl .rating .value { font-size: 17px; }
.fhc-doc .claim {
  margin: 16px 0 7px;
  font: 400 11px/1.3 var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.fhc-doc .gpro_tabs_info { display: grid; gap: 16px; margin: 26px 0; }
.fhc-doc .tab-content {
  padding: var(--inpad);
  background: var(--sheet);
  border: 1px solid var(--line-2);
}
.fhc-doc h2.tab-item, .fhc-doc .tab-content > .tab-item {
  margin: 0 0 11px;
  font: 400 15px/1.2 var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-2);
}
.fhc-doc .gpro_software_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fhc-doc .software-item { margin: 0; }
.fhc-doc .software-item::before { content: none; }
.fhc-doc .software-item > a.box {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: var(--sheet);
  border: 1px solid var(--line-2);
  border-radius: var(--radius);
}
.fhc-doc .software-item > a.box:hover { border-color: var(--line); }
.fhc-doc .software-item img { max-height: 26px; width: auto; }
.fhc-doc .howto-item { margin-bottom: 15px; }
.fhc-doc .howto-item > .label { margin: 0 0 5px; font: 400 17px/1.3 var(--display); }
.fhc-doc .howto-item > .value > p:last-child { margin-bottom: 0; }
@media (min-width: 900px) {
  .fhc-doc .gpro_tabs_info { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .fhc-doc .gpro_cbonus_list { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .fhc-doc a.fhc-dgo.button:not(.box),
  .fhc-doc a.fhc-dgo.go-btn:not(.box),
  .fhc-doc a.fhc-dgo[class*="-btn"]:not(.box) { width: 100%; }
}
.fhcv-wrap {
  margin: 30px 0;
  background: var(--sheet);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.fhcv-hd {
  padding: 13px 16px 12px;
  background: var(--deep);
  color: #fff;
}
.fhcv-wrap .fhcv-h {
  margin: 0;
  font-size: 23px;
  line-height: 1.18;
  color: #fff;
}
.fhcv-wrap .fhcv-dek {
  margin: 7px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: #c3cad1;
}
.fhcv-wrap .fhcv-upd {
  margin: 6px 0 0;
  font: 400 11px/1.3 var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #8e979f;
}
.fhcv-hid {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
.fhcv-fil {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  background: var(--inset);
  border-bottom: 1px solid var(--line);
}
.fhcv-fil label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 13px;
  background: var(--sheet);
  border: 1px solid var(--line);
  border-radius: 999px;
  font: 400 13px/1.2 var(--text);
  color: var(--ink);
  cursor: pointer;
}
.fhcv-fil label b { font-weight: 400; color: var(--ink-2); }
.fhcv-fil label:hover { border-color: var(--ink-3); }
.fhcv-hid:checked + label {
  background: var(--deep);
  border-color: var(--deep);
  color: #fff;
}
.fhcv-hid:checked + label b { color: #b9c1c8; }
.fhcv-hid:focus-visible + label { outline: 3px solid var(--accent); outline-offset: 2px; }
.fhcv-wrap .fhcv-list { margin: 0; padding: 0; list-style: none; }
.fhcv-list > li::before, .fhcv-list > li::marker { content: none; }
.fhcv-wrap .fhcv-row {
  display: grid;
  
  grid-template-columns: 42px 118px minmax(0, 1fr) 208px;
  grid-template-areas:
    "rank plate id    act"
    "rank plate bonus act"
    "rank plate chips act"
    "rank plate minus act"
    "rank plate why   act"
    "pills pills pills pills";
  align-content: start;
  gap: 4px 15px;
  margin: 0;
  padding: 16px;
  border-top: 1px solid var(--line-2);
}
.fhcv-row:first-child { border-top: 0; }
.fhcv-row:nth-child(even) { background: #faf8f4; }
.fhcv-dt, .fhcv-dt-l { display: none; }
.fhcv-row--lead { background: var(--tint); box-shadow: inset 3px 0 0 var(--accent); }
.fhcv-rank {
  grid-area: rank;
  align-self: start;
  font: 400 27px/1 var(--display);
  color: var(--ink-3);
  text-align: center;
}
.fhcv-row--lead .fhcv-rank { color: var(--accent); }
.fhcv-plate {
  grid-area: plate;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 118px;
  height: 118px;
  padding: 4px;
  background: #fff;
  border: 1px solid var(--line-2);
}
.fhcv-plate img { display: block; width: 108px; height: 108px; object-fit: contain; }
/* prepack:planned .fhcv-plate--txt */
.fhcv-plate--txt {
  font: 400 26px/1 var(--display);
  letter-spacing: .04em;
  color: var(--ink-2);
}
.fhcv-id {
  grid-area: id;
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}
.fhcv-name { font: 400 21px/1.15 var(--display); min-width: 0; }
.fhcv-name a { color: var(--ink); text-decoration: none; }
.fhcv-name a:hover { color: var(--accent-ink); text-decoration: underline; }
.fhcv-score {
  flex: 0 0 auto;
  padding: 2px 8px;
  background: var(--deep);
  color: #fff;
  font: 400 15px/1.3 var(--display);
  letter-spacing: .04em;
  cursor: help;
}
.fhcv-wrap .fhcv-bonus {
  grid-area: bonus;
  margin: 2px 0 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--ink);
}
.fhcv-wrap .fhcv-chips {
  grid-area: chips;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 6px;
  margin: 3px 0 0;
  padding: 0;
}
.fhcv-chips span {
  padding: 2px 8px;
  background: var(--canvas);
  border: 1px solid var(--line-2);
  font: 400 12px/1.5 var(--text);
  color: var(--ink-2);
  white-space: nowrap;
}
.fhcv-chips span.fhcv-chip-sep {
  padding: 2px 0;
  background: none;
  border: 0;
  color: var(--line-2);
}
.fhcv-wrap .fhcv-minus {
  grid-area: minus;
  margin: 4px 0 0;
  padding-left: 15px;
  position: relative;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-2);
}
.fhcv-minus::before {
  content: "−";
  position: absolute;
  left: 0;
  top: -1px;
  font: 400 15px/1.4 var(--display);
  color: var(--accent-ink);
}
.fhcv-wrap .fhcv-why {
  grid-area: why;
  margin: 7px 0 0;
  padding: 8px 11px;
  background: var(--sheet);
  border-left: 3px solid var(--accent);
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink);
}
.fhcv-act {
  grid-area: act;
  align-self: start;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
}
.fhcv-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 16px;
  background: var(--accent);
  border: 2px solid var(--accent);
  border-radius: 999px;
  color: #fff;
  font: 400 14px/1.2 var(--display);
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
.fhcv-cta:hover { background: var(--accent-deep); border-color: var(--accent-deep); color: #fff; }
.fhcv-tc {
  display: block;
  margin-top: 7px;
  font-size: 11px;
  line-height: 1.35;
  color: var(--ink-2);
  text-align: center;
}
.fhcv-wrap .fhcv-pills {
  grid-area: pills;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 11px;
}
.fhcv-pill {
  flex: 1 1 210px;
  min-width: 0;
  background: var(--sheet);
  border: 1px solid var(--line-2);
}
.fhcv-pill > summary {
  padding: 7px 11px;
  font: 400 12px/1.3 var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-2);
  cursor: pointer;
}
.fhcv-pill[open] > summary { color: var(--ink); border-bottom: 1px solid var(--line-2); }
.fhcv-wrap .fhcv-pill ul {
  margin: 0;
  padding: 9px 11px 10px 26px;
  font-size: 13px;
  line-height: 1.5;
}
.fhcv-wrap .fhcv-pill li { margin: 0 0 4px; }
.fhcv-wrap .fhcv-pill li:last-child { margin-bottom: 0; }
.fhcv-more {
  display: block;
  margin: 0;
  padding: 14px 16px;
  background: var(--inset);
  border-top: 1px solid var(--line);
  font: 400 14px/1.2 var(--display);
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
  color: var(--accent-ink);
  cursor: pointer;
}
.fhcv-more:hover { background: var(--line); }
.fhcv-wrap .fhcv-foot {
  margin: 0;
  padding: 11px 16px;
  border-top: 1px solid var(--line-2);
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink-2);
}
.fhcv-foot--disc { background: var(--canvas); }
.fhcv-meth { border-top: 1px solid var(--line-2); }
.fhcv-meth > summary {
  padding: 11px 16px;
  font: 400 12px/1.3 var(--display);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-2);
  cursor: pointer;
}
.fhcv-meth > summary:hover { color: var(--ink); }
.fhcv-wrap .fhcv-meth p, .fhcv-wrap .fhcv-meth ul {
  margin: 0 16px 12px;
  font-size: 13px;
  line-height: 1.55;
}
.fhcv-wrap .fhcv-meth ul { padding-left: 22px; }
html { scroll-behavior: smooth; }
.fhc-sb {
  margin: 30px 0;
  padding: var(--inpad);
  background: var(--canvas);
  border: 1px solid var(--line);
}
.fhc-sb .fhc-sb__h { margin: 0 0 6px; font-size: 24px; line-height: 1.2; }
.fhc-sb .fhc-sb__dek {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink-2);
}
.fhc-sb__in {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}
.fhc-sb__card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
  padding: 15px 13px;
  background: var(--sheet);
  border: 1px solid var(--line-2);
  text-align: center;
}
.fhc-sb__plate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  padding: 4px;
  background: #fff;
  border: 1px solid var(--line-2);
}
.fhc-sb__plate img { display: block; width: 68px; height: 68px; object-fit: contain; }
.fhc-sb__name { font: 400 19px/1.2 var(--display); }
.fhc-sb__name a { color: var(--ink); text-decoration: none; }
.fhc-sb__name a:hover { color: var(--accent-ink); text-decoration: underline; }
.fhc-sb__bonus { font-size: 14px; line-height: 1.4; color: var(--ink); }
.fhc-sb__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  margin-top: 3px;
  padding: 10px 22px;
  background: var(--accent);
  border: 2px solid var(--accent);
  border-radius: 999px;
  color: #fff;
  font: 400 14px/1.2 var(--display);
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
}
.fhc-sb__cta:hover { background: var(--accent-deep); border-color: var(--accent-deep); color: #fff; }
.fhc-sb__tc { font-size: 11px; line-height: 1.35; color: var(--ink-2); }
.fhc-sb .fhc-sb__note {
  margin: 14px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink-2);
}
.fhc-hub {
  margin: 0 0 26px;
  padding: var(--inpad);
  background: var(--sheet);
  border-top: 3px solid var(--deep);
  box-shadow: var(--shadow);
}
.fhc-hub__h {
  margin: 0 0 12px;
  font: 400 12px/1.3 var(--display);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ink-2);
}
.fhc-hub__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fhc-hub__list li { margin: 0; }
.fhc-hub__list a {
  display: block;
  height: 100%;
  padding: 11px 13px;
  background: var(--canvas);
  border: 1px solid var(--line-2);
  color: var(--ink);
  text-decoration: none;
}
.fhc-hub__list a:hover { border-color: var(--ink-3); color: var(--ink); }
.fhc-hub__list b {
  display: block;
  font: 400 17px/1.2 var(--display);
  color: var(--accent-ink);
}
.fhc-hub__list span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-2);
}
.fhc-art sup, .fhc-art sub { font-size: 72%; line-height: 0; }
.fhc-art var, .fhc-art address {
  font-style: normal;
  font-family: inherit;
}
.fhc-art var { color: var(--ink-2); }
.fhc-art address { margin: 0 0 18px; }
.fhc-art abbr[title] {
  text-decoration: underline dotted var(--line);
  text-underline-offset: 3px;
  cursor: help;
}
.fhc-art mark {
  padding: 1px 3px;
  background: var(--tint);
  color: var(--ink);
}
.fhc-art del { color: var(--ink-3); }
.fhc-art ins { text-decoration: none; border-bottom: 2px solid var(--pos); }
.fhc-art code, .fhc-art kbd, .fhc-art samp {
  font: 400 14px/1.5 ui-monospace, 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  padding: 1px 5px;
  background: var(--canvas);
  border: 1px solid var(--line-2);
  border-radius: var(--radius);
  
  overflow-wrap: anywhere;
}
.fhc-art kbd { border-bottom-width: 2px; }
.fhc-art pre code {
  padding: 0;
  background: none;
  border: 0;
  font-size: inherit;
  overflow-wrap: normal;
}
.fhc-art blockquote > *:last-child { margin-bottom: 0; }
.fhc-art blockquote cite,
.fhc-art figure cite,
.fhc-art cite {
  display: block;
  margin-top: 9px;
  font: 400 13px/1.45 var(--display);
  font-style: normal;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.fhc-art blockquote cite::before { content: '— '; }
.fhc-art q { quotes: '\201c' '\201d' '\2018' '\2019'; }
.fhc-art li > ul, .fhc-art li > ol {
  margin: 7px 0 2px;
  padding-left: 20px;
}
.fhc-art li > ul { list-style: circle; }
.fhc-art li > ul ul { list-style: square; }
.fhc-art li > ol { list-style: lower-alpha; }
.fhc-art li > ol ol { list-style: lower-roman; }
.fhc-art dl { margin: 0 0 18px; }
.fhc-art dt { font-weight: 700; }
.fhc-art dd { margin: 3px 0 10px; color: var(--ink-2); }
.fhc-art > table, .fhc-doc > table { display: block; max-width: 100%; overflow-x: auto; }
.fhc-page .pbn-published-date {
  display: inline-block;
  margin: 0 0 10px;
  font: 400 13px/1.4 var(--display);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.fhc-art .pbn-published-date { margin-bottom: 18px; }
@media (max-width: 1060px) {
  :root { --gutter: 46px; --pad: 20px; }
  .fhc-op-in { grid-template-columns: minmax(0, 170px) minmax(0, 1fr); }
  .fhc-op-act { grid-column: 1 / -1; flex-direction: row; align-items: center; flex-wrap: wrap; }
  
}
@media (max-width: 900px) {
  .fhc-hdr-in { flex-wrap: wrap; min-height: 0; padding-bottom: 0; }
  .fhc-burger {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    margin-left: auto;
    padding: 10px 14px;
    box-sizing: border-box;
    color: #fff;
    font: 400 15px/1.4 var(--display);
    letter-spacing: .14em;
    text-transform: uppercase;
    cursor: pointer;
  }
  .fhc-burger svg { width: 18px; height: 18px; fill: #fff; }
  .fhc-nav { display: none; flex: 1 1 100%; }
  .fhc-nav-t:checked ~ .fhc-nav { display: block; }
  .fhc-nav-l { flex-direction: column; gap: 0; padding-bottom: 12px; }
  .fhc-nav-l > li { display: block; }
  
  .fhc-nav-l > li > a,
  .fhc-nav-l > li > .fhc-here {
    border-top: 1px solid #39414a;
    min-height: 48px;
    padding: 12px 2px;
  }
  .fhc-nav-l > li > .fhc-here {
    box-shadow: inset 3px 0 0 var(--accent);
    padding-left: 11px;
  }
  .fhc-sub {
    position: static;
    display: block;
    min-width: 0;
    margin: 0 0 8px;
    padding: 4px 0 4px 14px;
    background: transparent;
    border: 0;
    border-left: 2px solid var(--accent);
    box-shadow: none;
  }
  .fhc-sub a { color: #cfd4d9; min-height: 44px; padding: 7px 0; }
  .fhc-sub a:hover { background: transparent; color: #fff; }
  .fhc-sub strong { color: #fff; }
  
  .fhc-brand img { height: 34px; }
  .fhc-brand b { font-size: 17px; }
  .fhc-brand b span { display: none; }
  .fhc-burger { padding: 10px 10px; font-size: 14px; }
  
  .fhc-lang { order: 3; display: none; flex: 1 1 100%; }
  .fhc-nav-t:checked ~ .fhc-lang { display: flex; padding-bottom: 10px; }
  .fhc-lang ul { right: auto; left: 0; }
  
  .fhc-bc ol { flex-wrap: nowrap; overflow: hidden; }
  .fhc-bc li { min-width: 0; white-space: nowrap; }
  
  
  .fhc-bc li { display: flex; align-items: baseline; }
  .fhc-bc li:last-child { overflow: hidden; }
  .fhc-bc li:last-child > span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 760px) {
  body.fhc-page { font-size: 16px; }
  :root { --pad: 16px; --gutter: 26px; }
  
  .fhc-top {
    padding-left: var(--gutter);
    padding-top: 10px;
    padding-bottom: 9px;
    margin-bottom: 12px;
  }
  .fhc-dek { margin-bottom: 16px; }
  .fhc-up { margin-bottom: 14px; }
  .fhc-up p { margin-bottom: 10px; font-size: 15.5px; line-height: 1.6; }
  .fhc-up p:first-child { font-size: 16.5px; }
  .fhcv-wrap { margin-top: 18px; }
  .fhc-top::before { top: 16px; bottom: 14px; width: 4px; }
  .fhc-facts dl { grid-template-columns: minmax(0, 1fr); }
  .fhc-op-in { grid-template-columns: minmax(0, 1fr); }
  .fhc-op-wm { min-height: 76px; }
  .fhc-op-act { flex-direction: column; align-items: stretch; }
  .fhc-cl-list { grid-template-columns: minmax(0, 1fr); }
  .fhc-ft-cols { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  
  .fhcv-id { flex-direction: column; align-items: flex-start; gap: 9px; }
  .fhc-art > figure:first-child,
  .fhc-art > p:first-child > img:only-child { width: 45%; margin-right: 16px; }
  .fhc-doc .img-left img, .fhc-doc .img-right img { float: none; margin: 0 0 12px; }
}
@media (max-width: 600px) {
  .fhc-art > figure:first-child,
  .fhc-art > p:first-child > img:only-child { width: 45%; }
  .fhc-page h2 { font-size: 23px; }
  .fhc-page h3 { font-size: 19px; }
  .fhc-top h1 { font-size: 25px; }
}
@media (max-width: 760px) {
  .fhc-page table[data-fhc-l] thead { display: none; }
  .fhc-page table[data-fhc-l], .fhc-page table[data-fhc-l] tbody,
  .fhc-page table[data-fhc-l] tr, .fhc-page table[data-fhc-l] td { display: block; width: auto; }
  .fhc-page table[data-fhc-l] tr {
    margin-bottom: 13px;
    background: var(--sheet);
    box-shadow: var(--shadow);
  }
  .fhc-page table[data-fhc-l] tbody tr:nth-child(even) td { background: transparent; }
  .fhc-page table[data-fhc-l] td { border-top: 1px solid var(--line-2); padding: 9px 13px; }
  .fhc-page table[data-fhc-l] td::before {
    content: attr(data-fhc-c);
    display: block;
    margin-bottom: 3px;
    font: 400 11px/1.3 var(--display);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink-2);
  }
}
@media (max-width: 760px) {
  .fhcv-wrap .fhcv-row {
    grid-template-columns: 34px 108px minmax(0, 1fr);
    
    grid-template-areas:
      "rank  plate id"
      "rank  plate bonus"
      "act   act   act"
      "dtl   dtl   dtl"
      "chips chips chips"
      "minus minus minus"
      "why   why   why"
      "pills pills pills";
    gap: 4px 12px;
    padding: 12px 13px;
  }
  
  .fhcv-dt-l {
    grid-area: dtl;
    display: block;
    margin: 5px 0 0;
    padding: 7px 11px;
    background: var(--sheet);
    border: 1px solid var(--line-2);
    font: 400 13px/1.2 var(--text);
    color: var(--ink-2);
    text-align: center;
    cursor: pointer;
  }
  .fhcv-dt-l::after { content: " \25BE"; }
  .fhcv-dt:not(:checked) ~ .fhcv-dt-l::after { content: " \25B4"; }
  .fhcv-dt-l:hover { border-color: var(--ink-3); color: var(--ink); }
  .fhcv-dt:focus-visible ~ .fhcv-dt-l { outline: 3px solid var(--accent); outline-offset: 2px; }
  
  .fhcv-dt:checked ~ .fhcv-chips,
  .fhcv-dt:checked ~ .fhcv-minus,
  .fhcv-dt:checked ~ .fhcv-why,
  .fhcv-dt:checked ~ .fhcv-pills { display: none; }
  .fhcv-rank { font-size: 22px; }
  
  .fhcv-plate { width: 108px; height: 108px; }
  .fhcv-plate img { width: 98px; height: 98px; }
  .fhcv-plate--txt { font-size: 20px; }
  
  .fhcv-id { align-self: end; flex-wrap: wrap; gap: 4px 9px; }
  .fhcv-name { font-size: 19px; }
  .fhcv-wrap .fhcv-bonus { margin: 0; align-self: start; }
  .fhcv-act { margin-top: 7px; }
  .fhcv-wrap .fhcv-pills { flex-direction: column; gap: 6px; }
  .fhcv-pill { flex: 1 1 auto; }
  .fhcv-fil {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding: 11px 13px;
  }
  .fhcv-fil label { flex: 0 0 auto; white-space: nowrap; }
  .fhcv-wrap .fhcv-hd, .fhcv-wrap .fhcv-foot, .fhcv-wrap .fhcv-more,
  .fhcv-wrap .fhcv-meth > summary { padding-left: 13px; padding-right: 13px; }
  .fhcv-wrap .fhcv-h { font-size: 21px; }
  
  .fhcv-wrap .fhcv-hd { padding-top: 10px; padding-bottom: 8px; }
  .fhcv-wrap .fhcv-dek { margin-top: 4px; }
  .fhcv-wrap .fhcv-upd { margin-top: 4px; }
  .fhcv-fil { padding-top: 8px; padding-bottom: 8px; }
  .fhc-sb__in { grid-template-columns: minmax(0, 1fr); }
  .fhc-hub__list { grid-template-columns: minmax(0, 1fr); }
}
@media print {
  .fhc-hdr, .fhc-nav, .fhc-ck, .fhc-op, .fhc-cta, .fhc-w { display: none; }
  body.fhc-page { background: #fff; font-size: 12pt; }
  .fhc-art { box-shadow: none; padding: 0; }
}