@font-face{font-family:'Cinzel';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cinzel-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cinzel-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cinzel-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cinzel-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* slotrance.fr — Belgique. Ночной изумрудный зал, золото и латунь.
   Тёмная основа, золотые акценты, антиква Cinzel в заголовках. */
:root{
  --bg:            oklch(17% 0.028 168);
  --bg-elevated:   oklch(21.5% 0.032 168);
  --surface:       oklch(20% 0.030 168);
  --surface-2:     oklch(24% 0.034 168);
  --surface-3:     oklch(30% 0.036 168);
  --line:          oklch(34% 0.034 168);
  --line-soft:     oklch(27% 0.030 168);

  --text:          oklch(95% 0.012 95);
  --text-2:        oklch(84% 0.016 95);
  --text-3:        oklch(72% 0.018 120);
  --text-4:        oklch(62% 0.018 130);

  --gold:          oklch(80% 0.135 84);
  --gold-deep:     oklch(70% 0.140 70);
  --gold-wash:     oklch(80% 0.135 84 / 0.16);
  --mint:          oklch(74% 0.140 165);
  --mint-wash:     oklch(74% 0.140 165 / 0.16);
  --ice:           oklch(74% 0.090 200);
  --ice-wash:      oklch(74% 0.090 200 / 0.14);
  --rose:          oklch(66% 0.180 25);
  --rose-wash:     oklch(66% 0.180 25 / 0.16);
  --amber:         oklch(80% 0.150 65);

  --font-display: 'Cinzel', 'Times New Roman', serif;
  --font-ui: 'Source Sans 3', 'Segoe UI', Arial, sans-serif;

  --t-h1: clamp(2.1rem, 1.3rem + 3.4vw, 3.9rem);
  --t-h2: clamp(1.5rem, 1.2rem + 1.3vw, 2.3rem);

  --r-chip: 4px;
  --r-card: 10px;
  --r-slab: 16px;

  --shadow-card: 0 1px 0 oklch(80% 0.135 84 / 0.10) inset, 0 10px 30px oklch(8% 0.02 168 / 0.55);
  --shadow-lift: 0 1px 0 oklch(80% 0.135 84 / 0.16) inset, 0 22px 50px oklch(6% 0.02 168 / 0.65);
}
body::before{
  background:
    radial-gradient(80ch 60ch at 10% -10%, oklch(80% 0.135 84 / 0.12), transparent 62%),
    radial-gradient(70ch 55ch at 100% 8%, oklch(60% 0.12 168 / 0.20), transparent 64%);
}
.masthead{ background:oklch(17% 0.028 168 / 0.82); }
.masthead[data-stuck="true"]{ background:oklch(15% 0.026 168 / 0.94); }
.toolbar, .tmplbar{ background:oklch(19% 0.030 168 / 0.94); }
.consent{ background:oklch(20% 0.030 168 / 0.98); box-shadow:0 -8px 30px oklch(5% 0.02 168 / .5); }
.hero, .hubband{ background-color:oklch(12% 0.030 168); }
.hero::before, .hubband::before{
  background:linear-gradient(90deg, oklch(10% 0.030 168 / 0.95) 0%, oklch(10% 0.030 168 / 0.80) 38%, oklch(10% 0.030 168 / 0.35) 66%, oklch(10% 0.030 168 / 0.15) 100%);
}
.hero h1, .hubband .pagehead h1{ letter-spacing:0.02em; }
.hero h1 .flow{ color:var(--gold); }
h1, h2, h3, .display{ letter-spacing:0.015em; }
.brand-name span{ color:var(--gold); }
.brand-mark{ background:linear-gradient(145deg, oklch(86% 0.12 88), oklch(66% 0.14 66)); color:oklch(18% 0.03 168); }
.btn-primary{ --btn-bg:linear-gradient(180deg, oklch(84% 0.13 86), oklch(72% 0.14 70)); --btn-fg:oklch(16% 0.03 168); }
.op, .card, .relcard, .hubtile{ border-color:oklch(80% 0.135 84 / 0.18); }
.op[data-rank="1"]{ border-color:oklch(80% 0.135 84 / 0.55); box-shadow:0 0 0 1px oklch(80% 0.135 84 / 0.25), var(--shadow-lift); }

.brand-mark:not(.is-fav){ width:32px; height:32px; }
.brand-mark svg{ width:100%; height:100%; display:block; }