@import url("https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&display=swap");

/* ============================================================================
 CRDGAME — STATIC PAGES / VULKK DESIGN SYSTEM
 FILE: /file/pages/crd-pages-vulkk.css
 REWRITE: 20261010_vulkk_static_all_pages_complete_3

 REFERENCE: VULKK /about-me/ audit (3398 x 671, 2026-10-10)
 AUDIT-MEASURED CORE (VULKK /about-me/ desktop):
 - desktop shell 1200px; inner content 1140px (30px side padding)
 - background #111; text #ececd1, Exo 2 20/300/1.618
 - H1 38px 600 #dd9323; H2 32px 400 #dda54f;
   H3 24px 700, link #dd9933
 - content begins 40px below H1; H2 top 64px / bottom 20px
 - two text columns: 558px / 558px with 24px gap
 - author panel: 1140px wide, padding 20px; image 230x230;
   image-to-copy gap 60px; content column 810px; cards 30px apart
 - author background: /file/pages/About-Page.webp (user-supplied CRDGAME), cover, center

 IMPORTANT: all original CRDGAME static-page selectors retained. Header, nav, floating
 sidebar, global footer and cookie manager are controlled by OTHER files.
 Shared typography applies across ALL pages using this stylesheet,
 including pages with or without the .crd-vulkk-page wrapper.
 CRDGAME-only elements without a VULKK counterpart are styled consistently
 but are not claimed to have been measured on VULKK.
 ============================================================================ */

/* 1 — WEBSITE PAGE SCOPE --------------------------------------------------- */
html body:has(:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,.crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,.crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,.crd-title-page)) {
  color: #ececd1 !important;
  background: #111 !important;
  background-image: none !important;
  font-family: "Exo 2",system-ui,sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1.618 !important;
}
html body:has(:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,.crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,.crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,.crd-title-page)) #casing,
html body:has(:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,.crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,.crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,.crd-title-page)) #content,
html body:has(:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,.crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,.crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,.crd-title-page)) .wrapper.main_wrapper {
  background: #111 !important;
  background-image: none !important;
}
html body:has(:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,.crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,.crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,.crd-title-page)) .crd-module-hero,
html body:has(:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,.crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,.crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,.crd-title-page)) .crd-module-hero--generic {
  display: none !important;
}
.crd-vulkk-page, .crd-vulkk-page *,
.crd-vulkk-page *::before, .crd-vulkk-page *::after {
  box-sizing: border-box !important;
}
.crd-vulkk-page {
  --crdp-shell: 1200px;
  --crdp-inner: 1140px;
  --crdp-bg: #111111;
  --crdp-text: #ececd1;
  --crdp-heading: #dd9323;
  --crdp-section: #dda54f;
  --crdp-gold: #dd9933;
  --crdp-link: #ddab5f;
  --crdp-panel: #171717;
  --crdp-border: rgba(236,236,209,.10);
  --crdp-muted: #999999;
  --crdp-font: "Exo 2",system-ui,sans-serif;
  width: min(var(--crdp-shell), 100%) !important;
  max-width: var(--crdp-shell) !important;
  margin: 0 auto !important;
  padding: 30px 30px 40px !important;
  color: var(--crdp-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--crdp-font) !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1.618 !important;
  letter-spacing: normal !important;
  text-align: left !important;
  overflow-wrap: break-word;
}
.crd-vulkk-page a,
.crd-vulkk-page a:link,
.crd-vulkk-page a:visited {
  color: var(--crdp-link) !important;
  background: transparent !important;
  text-decoration: none !important;
  text-shadow: none !important;
}
.crd-vulkk-page a:hover,
.crd-vulkk-page a:focus-visible {
  color: var(--crdp-gold) !important;
  text-decoration: none !important;
}
.crd-vulkk-page a:focus-visible,
.crd-vulkk-page button:focus-visible,
.crd-vulkk-page input:focus-visible,
.crd-vulkk-page textarea:focus-visible {
  outline: 2px solid var(--crdp-gold) !important;
  outline-offset: 3px !important;
}
.crd-vulkk-page strong,
.crd-vulkk-page b { font-weight: 700 !important; color: inherit !important; }
.crd-vulkk-page em { font-style: italic !important; color: inherit !important; }
.crd-vulkk-page img {
  max-width: 100% !important;
  height: auto;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.crd-vulkk-page svg { max-width: 100%; }

/* 1B — SHARED TYPOGRAPHY FOR EVERY STATIC CRDGAME PAGE --------------------
   The old CSS treated text differently across About, Privacy, Friends,
   Rules, Guides and Feedback. This unified baseline is scoped to every
   identified static-page root, including those without .crd-vulkk-page.
   Only actual typographic measurements from VULKK are labeled audited.
*/
:where(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) {
  --crdp-shell: 1200px;
  --crdp-inner: 1140px;
  --crdp-bg: #111111;
  --crdp-text: #ececd1;
  --crdp-heading: #dd9323;
  --crdp-section: #dda54f;
  --crdp-gold: #dd9933;
  --crdp-link: #ddab5f;
  --crdp-panel: #171717;
  --crdp-border: rgba(236,236,209,.10);
  --crdp-muted: #999999;
  --crdp-font: "Exo 2",system-ui,sans-serif;
  color: var(--crdp-text) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
  letter-spacing: normal !important;
  overflow-wrap: anywhere !important;
}
/* In uCoz some standalone page roots have no .crd-vulkk-page wrapper.
   Box sizing must apply there too, otherwise form fields cause x-overflow. */
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page),
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) *,
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) *::before,
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) *::after {
  box-sizing: border-box !important;
}

/* Standard text: 20px / 300 / 32.36px, 30px paragraph gap (audited) */
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(p,li,dd,dt,blockquote,figcaption) {
  color: var(--crdp-text) !important;
  font-family: var(--crdp-font) !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 1.618 !important;
  letter-spacing: normal !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(p) {
  margin: 0 0 30px !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(h1,h2,h3,h4,h5,h6) {
  display: block;
  padding: 0;
  font-family: var(--crdp-font) !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(h1) {
  margin: 0 !important;
  color: var(--crdp-heading) !important;
  font-size: 38px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(h2) {
  margin: 64px 0 20px !important;
  color: var(--crdp-section) !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(h3) {
  margin: 0 0 20px !important;
  color: var(--crdp-text) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.618 !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(h4,h5,h6) {
  margin: 30px 0 10px !important;
  color: var(--crdp-text) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.618 !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(a) {
  color: var(--crdp-link) !important;
  font-family: var(--crdp-font) !important;
  text-decoration: none !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(a:hover,a:focus-visible) {
  color: var(--crdp-gold) !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(strong,b) {
  color: inherit !important;
  font-weight: 700 !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(em,i) {
  font-style: italic !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(ul,ol) {
  margin: 0 0 30px 0 !important;
  padding-left: 40px !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(ul) {
  list-style-type: square;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(hr) {
  margin: 30px 0 !important;
  height: 1px !important;
  border: 0 !important;
  background-color: rgba(255,255,255,.20) !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(blockquote) {
  margin: 0 0 30px !important;
  padding: 1.5em 2em !important;
  background: #313131 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(table) {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  width: 100%;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(th,td) {
  border: 1px solid rgba(255,255,255,.08) !important;
  padding: 12px 14px !important;
  color: var(--crdp-text) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
  vertical-align: top !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(th) {
  font-weight: 400 !important;
  color: var(--crdp-section) !important;
}
:is(.crd-vulkk-page,.crd-about-vulkk,.crd-feedback-vulkk,
  .crd-friends-page,.crd-rules-page,.crd-policy-page,.crd-cookie-page,
  .crd-guide-page,.crd-pets-page,.crd-groups-page,.crd-ach-page,
  .crd-title-page) :where(button,input,textarea,select) {
  font-family: var(--crdp-font) !important;
}


:is(.crd-about-vulkk,.crd-feedback-vulkk,.crd-friends-page,.crd-rules-page,
  .crd-policy-page,.crd-cookie-page,.crd-guide-page,.crd-pets-page,
  .crd-groups-page,.crd-ach-page,.crd-title-page) img {
  max-width: 100% !important;
  height: auto;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 2 — HEADING / LEAD / GENERAL COPY -------------------------------------- */
.crd-vulkk-hero,
.crd-friends-page__hero, .crd-rules-page__hero,
.crd-policy-page__hero, .crd-cookie-page__hero {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* The reference has no caption/eyebrow above the page title. */
.crd-vulkk-eyebrow, .crd-friends-page__eyebrow,
.crd-rules-page__eyebrow, .crd-policy-page__eyebrow,
.crd-cookie-page__eyebrow { display: none !important; }
:is(
  .crd-vulkk-hero h1,
  .crd-friends-page__hero h1, .crd-rules-page__hero h1,
  .crd-policy-page__hero h1, .crd-cookie-page__hero h1,
  .crd-about-vulkk__title, .crd-feedback-vulkk > h1
) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--crdp-heading) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font: normal 600 38px/1.2 var(--crdp-font) !important;
  letter-spacing: normal !important;
  text-align: left !important;
  text-transform: none !important;
}
.crd-about-vulkk__title::after,
.crd-about-vulkk__intro::before { display: none !important; content: none !important; }
:is(
  .crd-vulkk-lead, .crd-about-vulkk__intro, .crd-feedback-intro,
  .crd-friends-page__lead, .crd-rules-page__lead,
  .crd-policy-page__lead, .crd-cookie-page__lead
) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 40px 0 30px !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  background: none !important;
  border: 0 !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
  letter-spacing: normal !important;
  text-align: left !important;
}
:is(
  .crd-friends-section, .crd-rules-section,
  .crd-policy-section, .crd-cookie-section
) {
  display: block !important;
  width: 100% !important;
  margin: 64px 0 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
:is(
  .crd-friends-section__head, .crd-rules-section__head,
  .crd-policy-section__head, .crd-cookie-section__head
) {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
:is(
  .crd-friends-section__index, .crd-rules-section__index,
  .crd-policy-section__index, .crd-cookie-section__index
) { display: none !important; }
:is(
  .crd-about-vulkk h2, .crd-feedback-vulkk .feedback-section-title,
  .crd-friends-section__head h2, .crd-rules-section__head h2,
  .crd-policy-section__head h2, .crd-cookie-section__head h2
) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--crdp-section) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font: normal 400 32px/1.2 var(--crdp-font) !important;
  text-align: left !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
.crd-about-vulkk h2,
.crd-feedback-vulkk .feedback-section-title {
  margin: 64px 0 20px !important;
}
.crd-about-vulkk h2::before,
.crd-feedback-vulkk .feedback-section-title::before,
.crd-feedback-vulkk .feedback-section-title::after { display: none !important; content: none !important; }
:is(
  .crd-friends-reading, .crd-rules-reading,
  .crd-policy-reading, .crd-cookie-reading,
  .crd-guide-lead
) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
:is(
  .crd-friends-reading p, .crd-rules-reading p,
  .crd-policy-reading p, .crd-cookie-reading p,
  .crd-about-vulkk > p:not(.crd-about-vulkk__intro), .crd-guide-lead p,
  .crd-feedback-vulkk > p, .crd-feedback-note p,
  .crd-vulkk-lead p, .crd-friends-page__lead p,
  .crd-rules-page__lead p, .crd-policy-page__lead p,
  .crd-cookie-page__lead p
) {
  margin: 0 0 30px !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  background: none !important;
  border: 0 !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
  text-align: left !important;
}

/* Reference supports a small neutral meta row when the CRDGAME page has one. */
:is(.crd-rules-page__meta,.crd-policy-page__meta,.crd-cookie-page__meta) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 18px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  color: var(--crdp-muted) !important;
  font: normal 300 15px/1.618 var(--crdp-font) !important;
}
:is(.crd-rules-page__meta,.crd-policy-page__meta,.crd-cookie-page__meta) span + span::before {
  color: var(--crdp-section) !important;
}

/* 3 — ABOUT US, INTRO, TWO-COLUMN COPY ---------------------------------- */
.crd-about-vulkk__intro {
  margin: 40px 0 37.5px !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  font: normal 300 25px/1.618 var(--crdp-font) !important;
  text-align: center !important;
}
.crd-about-vulkk__intro strong,
.crd-about-vulkk__intro b {
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: inherit !important;
}
.crd-about-vulkk__intro p {
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  text-align: center !important;
}
.crd-about-vulkk__columns {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  align-items: start !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 0 35px !important;
  padding: 0 !important;
  background: none !important;
}
.crd-about-vulkk__columns p,
.crd-about-vulkk__columns > div {
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
  text-align: left !important;
}

/* 4 — VULKK TEAM: COMPLETE CARD STRUCTURE ------------------------------- */
/*
 VULKK reference card has a background image, not a flat grey panel.
 CRDGAME copy supplied by the site owner:
 https://crdgame.ru/file/pages/About-Page.webp
 Gradient beneath is a fallback if the image is unavailable.
 */
.crd-about-team {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 30px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
.crd-about-team__row,
.crd-about-team__row:hover {
  display: grid !important;
  grid-template-columns: 230px minmax(0,1fr) !important;
  column-gap: 60px !important;
  row-gap: 0 !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 290px !important;
  margin: 0 !important;
  padding: 20px !important;
  color: var(--crdp-text) !important;
  background-color: #151515 !important;
  background-image: url("https://crdgame.ru/file/pages/About-Page.webp"), linear-gradient(90deg,#1c1c1c 0%,#151515 49%,#111 100%) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
.crd-about-team__row::before,
.crd-about-team__row::after,
.crd-about-team__photo::after {
  display: none !important;
  content: none !important;
}
.crd-about-team__photo {
  position: relative !important;
  display: block !important;
  width: 230px !important;
  max-width: 100% !important;
  height: 230px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.crd-about-team__photo img,
.crd-about-team__photo a img {
  display: block !important;
  width: 230px !important;
  max-width: 100% !important;
  height: 230px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
.crd-about-team__photo.is-empty::before {
  content: attr(data-initials) !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: var(--crdp-gold) !important;
  background: #161616 !important;
  font: 600 38px/1.2 var(--crdp-font) !important;
}
.crd-about-team__body {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.crd-about-team__body h3 {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  background: none !important;
  border: 0 !important;
  font: normal 700 24px/1.618 var(--crdp-font) !important;
  text-transform: none !important;
}
.crd-about-team__body h3 a,
.crd-about-team__body h3 a:link,
.crd-about-team__body h3 a:visited {
  color: var(--crdp-gold) !important;
  text-decoration: none !important;
}
.crd-about-team__body h3 a:hover,
.crd-about-team__body h3 a:focus-visible {
  color: var(--crdp-section) !important;
}
.crd-about-team__role {
  display: block !important;
  margin: -10px 0 20px !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  background: transparent !important;
  font: italic 300 20px/1.618 var(--crdp-font) !important;
  text-transform: none !important;
}
.crd-about-team__role em {
  font-style: italic !important;
  font-weight: 300 !important;
}
.crd-about-team__body p {
  margin: 0 0 30px !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  background: none !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
.crd-about-team__body p:last-child { margin-bottom: 0 !important; }
.crd-about-team__body a:not(h3 a) {
  color: var(--crdp-link) !important;
}

/* 5 — OTHER PAGE CARDS / VULKK-LIKE FLAT GEOMETRY ------------------------ */
:is(.crd-guide-grid,.crd-groups-grid,.crd-pets-grid,
  .crd-ach-page-grid,.crd-title-page-grid) {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}
:is(.crd-title-page-grid,.crd-guide-grid--compact) {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
:is(.crd-guide-card,.crd-group-card,.crd-pet-card,
  .crd-ach-page-card,.crd-title-page-card,.crd-ach-page-epic,
  .crd-title-page-epic,.crd-friend-card,.crd-guide-step) {
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--crdp-text) !important;
  background: #171717 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}
:is(.crd-guide-card,.crd-group-card,.crd-pet-card,
  .crd-ach-page-card,.crd-title-page-card,.crd-ach-page-epic,
  .crd-title-page-epic,.crd-friend-card,.crd-guide-step):hover {
  box-shadow: none !important;
  transform: none !important;
}
:is(.crd-guide-card,.crd-group-card) {
  display: flex !important;
  flex-direction: column !important;
  padding: 20px !important;
}
:is(.crd-guide-card__title,.crd-group-card__name,
  .crd-pet-card__name,.crd-ach-page-card__name,.crd-title-page-card__name,
  .crd-ach-page-epic__title,.crd-title-page-epic__title,.crd-friend-card h3) {
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--crdp-text) !important;
  font: normal 700 24px/1.618 var(--crdp-font) !important;
  text-transform: none !important;
}
:is(.crd-guide-card__kicker,.crd-friend-card__topline,
  .crd-friends-point__label) {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--crdp-section) !important;
  font: normal 400 16px/1.618 var(--crdp-font) !important;
}
:is(.crd-guide-card__text,.crd-group-card__desc,
  .crd-pet-card__desc,.crd-ach-page-card__desc,.crd-title-page-card__desc,
  .crd-ach-page-epic__req,.crd-title-page-epic__req,
  .crd-ach-page-card__note,.crd-guide-step) {
  color: var(--crdp-text) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
.crd-ach-page-card__note {
  margin-top: 8px !important;
  color: var(--crdp-muted) !important;
  font-size: 16px !important;
}
:is(.crd-pet-card,.crd-ach-page-card,.crd-title-page-card) {
  display: grid !important;
  grid-template-columns: 90px minmax(0,1fr) !important;
  gap: 20px !important;
  align-items: start !important;
  padding: 20px !important;
}
:is(.crd-pet-card__img,.crd-ach-page-card__img,
  .crd-title-page-card__img) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90px !important;
  height: 90px !important;
  overflow: hidden !important;
  background: #111 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
:is(.crd-pet-card__img,.crd-ach-page-card__img,
  .crd-title-page-card__img) img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
:is(.crd-ach-page-epic,.crd-title-page-epic) {
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 20px !important;
}
:is(.crd-ach-page-epic__head,.crd-title-page-epic__head) {
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
}

/* 6 — FRIENDS / TWO-COLUMN BLOCKS ---------------------------------------- */
:is(.crd-friends-points,.crd-guide-steps) {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 24px !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}
:is(.crd-friends-point,.crd-guide-note,.crd-guide-final,
  .crd-pets-note,.crd-pets-lead,.crd-pets-report-box,.crd-pets-final,
  .crd-groups-note,.crd-groups-lead,.crd-groups-final,
  .crd-ach-page-note,.crd-ach-page-danger,.crd-ach-page-lead,
  .crd-ach-page-final,.crd-title-page-note,.crd-title-page-lead,
  .crd-title-page-final,.crd-feedback-note,.crd-friends-cta,
  .crd-friends-bridge__side,.crd-cookie-notice,.crd-policy-notice) {
  color: var(--crdp-text) !important;
  background: #171717 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
:is(.crd-friends-point,.crd-guide-note,.crd-guide-final,
  .crd-pets-note,.crd-pets-lead,.crd-pets-report-box,.crd-pets-final,
  .crd-groups-note,.crd-groups-lead,.crd-groups-final,
  .crd-ach-page-note,.crd-ach-page-danger,.crd-ach-page-lead,
  .crd-ach-page-final,.crd-title-page-note,.crd-title-page-lead,
  .crd-title-page-final,.crd-feedback-note,.crd-cookie-notice,
  .crd-policy-notice) {
  margin: 0 0 30px !important;
  padding: 20px !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
.crd-friend-card {
  display: grid !important;
  grid-template-columns: 320px minmax(0,1fr) !important;
  gap: 30px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 20px !important;
}
.crd-friend-card__media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
  background: #111 !important;
  border: 0 !important;
}
.crd-friend-card__media::after {
  content: none !important;
  display: none !important;
}
.crd-friend-card__media img,
.crd-friend-card__media:hover img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
  transform: none !important;
}
.crd-friend-card__body { min-width: 0 !important; }
.crd-friend-card p {
  margin: 0 0 30px !important;
  color: var(--crdp-text) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
.crd-friend-card__role {
  color: var(--crdp-muted) !important;
  font: italic 300 20px/1.618 var(--crdp-font) !important;
}
.crd-friend-card__facts {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  margin: 20px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.crd-friend-card__facts span {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 8px 12px !important;
  border-right: 1px solid #222 !important;
}
.crd-friend-card__facts span:last-child { border-right: 0 !important; }
.crd-friend-card__facts b {
  color: var(--crdp-section) !important;
  font: normal 400 16px/1.618 var(--crdp-font) !important;
}
.crd-friend-card__facts small {
  color: var(--crdp-muted) !important;
  font: normal 300 15px/1.618 var(--crdp-font) !important;
}
.crd-friends-bridge {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr) !important;
  align-items: stretch !important;
  gap: 24px !important;
  margin: 0 0 30px !important;
}
.crd-friends-bridge__side { padding: 20px !important; }
.crd-friends-bridge__name {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--crdp-section) !important;
}
.crd-friends-bridge__mark {
  align-self: center !important;
  color: var(--crdp-section) !important;
  font-size: 20px !important;
  text-align: center !important;
}
.crd-friends-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 20px !important;
}
.crd-friends-cta__label {
  display: block !important;
  color: var(--crdp-text) !important;
  font: normal 700 20px/1.618 var(--crdp-font) !important;
}
.crd-friends-cta p {
  margin: 0 !important;
  color: var(--crdp-text) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
.crd-gamer-logo { font: inherit !important; white-space: nowrap; }
.crd-gamer-logo__gamer { color: #978277 !important; }
.crd-gamer-logo__mods { color: #77312d !important; }
.crd-friend-card--gamer {
  grid-template-columns: 460px minmax(0,1fr) !important;
}
.crd-friend-card--gamer .crd-friend-card__media {
  aspect-ratio: 16/10 !important;
}
.crd-friend-card--gamer .crd-friend-card__media img {
  object-position: center top !important;
}

/* 7 — ARTICLE TABLES / PRIVACY TABLES ----------------------------------- */
:is(.crd-guide-table,.crd-groups-table,.crd-pets-table,
  .crd-ach-page-table,.crd-title-page-table) {
  width: 100% !important;
  margin: 0 0 30px !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  color: var(--crdp-text) !important;
  background: transparent !important;
  border: 0 !important;
}
:is(.crd-guide-table,.crd-groups-table,.crd-pets-table,
  .crd-ach-page-table,.crd-title-page-table) th {
  padding: 12px 14px !important;
  color: var(--crdp-section) !important;
  background: #171717 !important;
  border: 1px solid rgba(236,236,209,.10) !important;
  border-bottom: 2px solid rgba(236,236,209,.33) !important;
  font: normal 400 20px/1.618 var(--crdp-font) !important;
  text-align: left !important;
}
:is(.crd-guide-table,.crd-groups-table,.crd-pets-table,
  .crd-ach-page-table,.crd-title-page-table) td {
  padding: 12px 14px !important;
  color: var(--crdp-text) !important;
  background: transparent !important;
  border: 1px solid rgba(236,236,209,.10) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
  vertical-align: top !important;
}
:is(.crd-cookie-table,.crd-policy-table) {
  width: 100% !important;
  margin: 0 0 30px !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
:is(.crd-cookie-table__row,.crd-policy-table__row) {
  display: grid !important;
  grid-template-columns: 220px minmax(0,1.18fr) minmax(0,1fr) !important;
  color: var(--crdp-text) !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(236,236,209,.10) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
:is(.crd-cookie-table__row,.crd-policy-table__row) > div {
  min-width: 0 !important;
  padding: 12px 14px !important;
  overflow-wrap: anywhere !important;
  border-right: 1px solid rgba(236,236,209,.10) !important;
}
:is(.crd-cookie-table__row,.crd-policy-table__row) > div:last-child {
  border-right: 0 !important;
}
:is(.crd-cookie-table__head,.crd-policy-table__head) {
  color: var(--crdp-section) !important;
  background: #171717 !important;
  border-bottom: 2px solid rgba(236,236,209,.33) !important;
  font-weight: 400 !important;
}

/* 8 — BULLET LISTS AND CONTACT DETAILS ---------------------------------- */
:is(.crd-rules-vulkk__rules-list,
  .crd-policy-vulkk__simple-list,.crd-cookie-vulkk__simple-list,
  .crd-feedback-list,.crd-rules-list,.crd-policy-list,.crd-cookie-list,
  .crd-policy-contact,.crd-cookie-contact) {
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  border: 0 !important;
}
:is(.crd-rules-vulkk__rules-list,
  .crd-policy-vulkk__simple-list,.crd-cookie-vulkk__simple-list,
  .crd-feedback-list,.crd-rules-list,.crd-policy-list,.crd-cookie-list) p {
  position: relative !important;
  display: block !important;
  margin: 0 0 20px !important;
  padding: 0 0 0 22px !important;
  color: var(--crdp-text) !important;
  background: none !important;
  border: 0 !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
  overflow: visible !important;
}
:is(.crd-rules-vulkk__rules-list,
  .crd-policy-vulkk__simple-list,.crd-cookie-vulkk__simple-list,
  .crd-feedback-list,.crd-rules-list,.crd-policy-list,.crd-cookie-list) p > span:first-child,
.crd-cookie-list__num {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 22px !important;
  height: 1.618em !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
}
:is(.crd-rules-vulkk__rules-list,
  .crd-policy-vulkk__simple-list,.crd-cookie-vulkk__simple-list,
  .crd-feedback-list,.crd-rules-list,.crd-policy-list,.crd-cookie-list) p > span:first-child::before,
.crd-cookie-list__num::before {
  content: "" !important;
  position: absolute !important;
  top: 13px !important;
  left: 1px !important;
  width: 6px !important;
  height: 6px !important;
  background: var(--crdp-text) !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}
:is(.crd-rules-vulkk__rules-list,
  .crd-policy-vulkk__simple-list,.crd-cookie-vulkk__simple-list,
  .crd-feedback-list,.crd-rules-list,.crd-policy-list,.crd-cookie-list) p a {
  display: inline !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.crd-cookie-list__text { color: inherit !important; }
:is(.crd-policy-contact__row,.crd-cookie-contact__row) {
  display: grid !important;
  grid-template-columns: 220px minmax(0,1fr) !important;
  gap: 20px !important;
  margin: 0 0 20px !important;
  color: var(--crdp-text) !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
:is(.crd-policy-contact__row,.crd-cookie-contact__row) > div:first-child {
  color: var(--crdp-section) !important;
  font-weight: 400 !important;
}

/* 9 — VULKK-LIKE BUTTONS ------------------------------------------------- */
:is(.crd-guide-btn,.crd-pets-btn,.crd-title-page-btn,
  .crd-friends-btn,.crd-feedback-btn,input.crd-feedback-btn[type="submit"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 15px 20px !important;
  color: var(--crdp-gold) !important;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid var(--crdp-gold) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: normal 400 16px/1.25 var(--crdp-font) !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: color .16s,background-color .16s,border-color .16s !important;
}
:is(.crd-guide-btn,.crd-pets-btn,.crd-title-page-btn,
  .crd-friends-btn,.crd-feedback-btn,input.crd-feedback-btn[type="submit"]):hover {
  color: #ececd1 !important;
  background: #dd9933 !important;
  border-color: #dd9933 !important;
  text-decoration: none !important;
}
:is(.crd-guide-actions,.crd-pets-actions,.crd-title-page-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 15px !important;
  width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}
.crd-guide-card .crd-guide-actions {
  margin-top: auto !important;
  padding-top: 20px !important;
}
.crd-feedback-btn:disabled,
input.crd-feedback-btn[type="submit"]:disabled {
  opacity: .4 !important;
  color: var(--crdp-muted) !important;
  background: transparent !important;
  border-color: #444 !important;
  cursor: not-allowed !important;
}

/* 10 — FEEDBACK FORM ----------------------------------------------------- */
.crd-feedback-form {
  width: 100% !important;
  margin: 0 0 40px !important;
  padding: 20px !important;
  color: var(--crdp-text) !important;
  background: #171717 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.crd-feedback-field { margin: 0 0 20px !important; }
.crd-feedback-field label {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--crdp-text) !important;
  font: normal 700 20px/1.618 var(--crdp-font) !important;
}
.crd-feedback-field label span { color: var(--crdp-gold) !important; }
.crd-feedback-field :is(input[type="text"],input[type="email"],textarea) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px !important;
  color: var(--crdp-text) !important;
  background: #111 !important;
  border: 1px solid #444 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: normal 300 20px/1.618 var(--crdp-font) !important;
}
.crd-feedback-field textarea {
  min-height: 180px !important;
  resize: vertical !important;
}
.crd-feedback-field :is(input,textarea)::placeholder {
  color: #808080 !important;
  opacity: 1 !important;
}
.crd-feedback-captcha {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.crd-feedback-captcha input { max-width: 160px !important; }
.crd-feedback-captcha-img {
  display: flex !important;
  align-items: center !important;
  min-height: 56px !important;
  padding: 4px 8px !important;
  background: #111 !important;
  border: 1px solid #444 !important;
}
.crd-feedback-consent { margin: 20px 0 !important; padding: 0 !important; }
.crd-feedback-consent-label {
  display: grid !important;
  grid-template-columns: 18px minmax(0,1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  color: var(--crdp-text) !important;
  font: normal 300 16px/1.618 var(--crdp-font) !important;
}
.crd-feedback-consent-label input {
  width: 16px !important;
  height: 16px !important;
  margin: 5px 0 0 !important;
  accent-color: var(--crdp-gold) !important;
}
.crd-feedback-submit {
  display: flex !important;
  justify-content: flex-start !important;
}

/* 11 — GROUP SEMANTICS / LEGACY SITE COLORS ------------------------------ */
.crd-group-admin { color: #e28b77 !important; }
.crd-group-mod { color: #82aee6 !important; }
.crd-group-friend { color: #dd9323 !important; }
.crd-group-citizen { color: #9ccf8d !important; }
.crd-group-axiom { color: #d7b06f !important; }
.crd-group-abyss { color: #a993d9 !important; }
.crd-group-user { color: #ececd1 !important; }
.crd-group-ban { color: #b76f6f !important; }

/* 12 — STATIC PAGE SIGNATURES -------------------------------------------- */
:is(.crd-about-vulkk__footer,.crd-friends-page__footer,
  .crd-rules-page__footer,.crd-policy-page__footer,
  .crd-cookie-page__footer,.crd-feedback-footer) {
  width: 100% !important;
  margin: 40px 0 0 !important;
  padding: 30px 0 0 !important;
  color: var(--crdp-text) !important;
  background: none !important;
  border: 0 !important;
  border-top: 1px solid rgba(236,236,209,.10) !important;
  box-shadow: none !important;
  text-align: left !important;
}
:is(.crd-about-vulkk__footer,.crd-friends-page__footer,
  .crd-rules-page__footer,.crd-policy-page__footer,
  .crd-cookie-page__footer)::before { display: none !important; content: none !important; }
:is(.crd-about-vulkk__line,.crd-friends-page__footer-line,
  .crd-rules-page__footer-line,.crd-policy-page__footer-line,
  .crd-cookie-page__footer-line,.crd-feedback-footer b) {
  display: block !important;
  color: var(--crdp-text) !important;
  font: normal 700 20px/1.618 var(--crdp-font) !important;
}
:is(.crd-about-vulkk__role,.crd-about-vulkk__date,
  .crd-friends-page__footer-meta,.crd-rules-page__footer-note,
  .crd-policy-page__footer-note,.crd-cookie-page__footer-note,
  .crd-feedback-footer span,.crd-cookie-page__footer-contact,
  .crd-policy-page__footer-contact,.crd-rules-page__footer-contact) {
  display: block !important;
  margin-top: 8px !important;
  color: var(--crdp-muted) !important;
  font: normal 300 16px/1.618 var(--crdp-font) !important;
}
.crd-about-vulkk__name {
  display: block !important;
  margin-top: 14px !important;
  color: var(--crdp-section) !important;
  font: normal 400 20px/1.618 var(--crdp-font) !important;
}

/* 13 — RESPONSIVE -------------------------------------------------------- */
/* Only 3398px audit is verified. Following widths are responsive rules,
   not claimed to be measured from VULKK's mobile layout. */
@media (max-width: 1180px) {
  :is(.crd-guide-grid,.crd-groups-grid,
    .crd-pets-grid,.crd-ach-page-grid) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 960px) {
  .crd-about-team__row {
    grid-template-columns: 180px minmax(0,1fr) !important;
    column-gap: 30px !important;
    min-height: 220px !important;
  }
  .crd-about-team__photo,
  .crd-about-team__photo img {
    width: 180px !important;
    height: 180px !important;
  }
  .crd-friend-card--gamer {
    grid-template-columns: 320px minmax(0,1fr) !important;
  }
}
@media (max-width: 820px) {
  :is(.crd-about-vulkk__columns,.crd-friends-points,
    .crd-guide-grid,.crd-groups-grid,.crd-pets-grid,.crd-ach-page-grid,
    .crd-title-page-grid,.crd-guide-steps,.crd-guide-grid--compact) {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .crd-friend-card,
  .crd-friend-card--gamer {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .crd-friend-card__media { max-width: 520px !important; }
  .crd-friends-bridge { grid-template-columns: minmax(0,1fr) !important; }
  .crd-friends-bridge__mark { transform: rotate(90deg) !important; }
  .crd-friends-cta {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  :is(.crd-cookie-table,.crd-policy-table,
    .crd-guide-table,.crd-groups-table,.crd-pets-table,
    .crd-ach-page-table,.crd-title-page-table) {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  :is(.crd-cookie-table__row,.crd-policy-table__row) {
    min-width: 760px !important;
  }
  :is(.crd-guide-table,.crd-groups-table,.crd-pets-table,
    .crd-ach-page-table,.crd-title-page-table) tbody {
    min-width: 760px !important;
  }
  .crd-friend-card__facts {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .crd-friend-card__facts span:nth-child(2) {
    border-right: 0 !important;
  }
}
@media (max-width: 768px) {
  .crd-vulkk-page {
    width: 100% !important;
    max-width: none !important;
    padding: 30px 24px 40px !important;
  }
  .crd-about-team__row {
    grid-template-columns: 150px minmax(0,1fr) !important;
    column-gap: 24px !important;
    padding: 20px !important;
    min-height: 0 !important;
  }
  .crd-about-team__photo,
  .crd-about-team__photo img {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (max-width: 600px) {
  .crd-about-team__row {
    grid-template-columns: minmax(0,1fr) !important;
    row-gap: 20px !important;
  }
  .crd-about-team__photo,
  .crd-about-team__photo img {
    width: min(230px,100%) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }
  .crd-about-team__body { width: 100% !important; }
  :is(.crd-pet-card,.crd-ach-page-card,.crd-title-page-card) {
    grid-template-columns: 74px minmax(0,1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
  }
  :is(.crd-pet-card__img,.crd-ach-page-card__img,.crd-title-page-card__img) {
    width: 74px !important;
    height: 74px !important;
  }
  :is(.crd-policy-contact__row,.crd-cookie-contact__row) {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 4px !important;
  }
  .crd-feedback-form { padding: 16px !important; }
  .crd-feedback-captcha {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .crd-feedback-submit .crd-feedback-btn { width: 100% !important; }
}
@media (max-width: 479px) {
  .crd-vulkk-page { padding: 24px 18px 35px !important; }
  .crd-about-team { gap: 24px !important; }
  .crd-about-team__row { padding: 16px !important; }
  :is(.crd-rules-vulkk__rules-list,
    .crd-policy-vulkk__simple-list,.crd-cookie-vulkk__simple-list,
    .crd-feedback-list,.crd-rules-list,.crd-policy-list,.crd-cookie-list) p {
    padding-left: 20px !important;
  }
  :is(.crd-rules-vulkk__rules-list,
    .crd-policy-vulkk__simple-list,.crd-cookie-vulkk__simple-list,
    .crd-feedback-list,.crd-rules-list,.crd-policy-list,.crd-cookie-list) p > span:first-child::before,
  .crd-cookie-list__num::before { top: 13px !important; }
}
@media (max-width: 320px) {
  .crd-vulkk-page { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .crd-vulkk-page a,.crd-vulkk-page button { transition: none !important; }
}