/* iriscasinos.org — редизайн 2026-08-22. Превью /de-de/.
   Решение и оси: DESIGN.md рядом. Разметка НЕ менялась — только стили.
   Один хроматический тон: 282°. Пара: Bricolage Grotesque / IBM Plex Sans,
   JetBrains Mono для денежных чисел. */

/* ============================================================
   FONTS — self-hosted, внешних хостов нет
   ============================================================ */
@font-face {
    font-family: "Bricolage Grotesque";
    src: url("/fonts/bricolage-var.woff2") format("woff2");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "IBM Plex Sans";
    src: url("/fonts/plex-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "IBM Plex Sans";
    src: url("/fonts/plex-600.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "JetBrains Mono";
    src: url("/fonts/jbmono-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ============================================================
   RESET
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; }
body { overflow-x: hidden; }
html, body { margin: 0; padding: 0; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
table { border-collapse: collapse; width: 100%; }

:target,
.irc-content__block[id] { scroll-margin-top: calc(var(--i-header-h) + 16px); }

/* ============================================================
   TOKENS
   ============================================================ */
:root {
    /* Подложка — тот же тон 282° на насыщенности 11–14%, не второй цвет */
    --i-bg:          #100D11;
    --i-bg-2:        #1B161D;
    --i-surface:     #252028;
    --i-tint:        #24112C;

    /* Единственный хроматический тон — 282° */
    --i-accent:      #B347E1;
    --i-accent-deep: #8822B4;
    --i-accent-soft: #CE7EF1;
    --i-accent-lite: #E5B1FB;

    --i-line:        rgba(229, 177, 251, 0.15);
    --i-line-soft:   rgba(229, 177, 251, 0.075);

    --i-text:        #F7F3F9;
    --i-text-soft:   rgba(247, 243, 249, 0.76);
    --i-text-mute:   rgba(247, 243, 249, 0.52);
    --i-text-dim:    rgba(247, 243, 249, 0.34);

    /* Скругления разнесены: внешнее мягкое, внутреннее тугое */
    --i-r-outer:     20px;
    --i-r-mid:       12px;
    --i-r-inner:     4px;
    --i-r-pill:      999px;

    --i-rail:        84px;
    --i-header-h:    76px;
    --i-gutter:      clamp(18px, 3.4vw, 52px);

    --i-display:     "Bricolage Grotesque", "Trebuchet MS", sans-serif;
    --i-body:        "IBM Plex Sans", "Segoe UI", sans-serif;
    --i-mono:        "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

    --i-ease:        cubic-bezier(0.4, 0, 0.2, 1);
    --i-ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
}

/* ============================================================
   BASE — фон: сетка 96px + радиальная подсветка акцентом
   ============================================================ */
body {
    font-family: var(--i-body);
    font-size: 17px;
    line-height: 1.62;
    color: var(--i-text-soft);
    background-color: var(--i-bg);
    background-image:
        radial-gradient(900px 560px at 76% -10%, rgba(179, 71, 225, 0.22), transparent 62%),
        linear-gradient(rgba(229, 177, 251, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(229, 177, 251, 0.045) 1px, transparent 1px);
    background-size: auto, 96px 96px, 96px 96px;
    background-attachment: fixed, fixed, fixed;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
    font-family: var(--i-display);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.04;
    color: var(--i-text);
    margin: 0 0 0.5em;
}
p { margin: 0 0 1.05em; }
p:last-child { margin-bottom: 0; }
strong { color: var(--i-text); font-weight: 600; }
code {
    font-family: var(--i-mono);
    font-size: 0.86em;
    color: var(--i-accent-lite);
    background: rgba(179, 71, 225, 0.12);
    border-radius: var(--i-r-inner);
    padding: 1px 6px;
}
:focus-visible {
    outline: 2px solid var(--i-accent-soft);
    outline-offset: 3px;
    border-radius: var(--i-r-inner);
}

/* Денежные числа — табулярный моноширинный */
.irc-ticker__amount,
.irc-bonus-card__value,
.irc-bstore__item-price,
.irc-promo-card__pool,
.irc-vip table td,
.irc-vip__card-cap {
    font-family: var(--i-mono);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/* ============================================================
   SHELL + RAIL
   ============================================================ */
.irc-shell {
    display: grid;
    grid-template-columns: var(--i-rail) minmax(0, 1fr);
    min-height: 100vh;
}
.irc-main {
    overflow: clip;
    min-width: 0;
}

.irc-sidebar {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: transparent;
    border-right: 1px solid var(--i-line-soft);
    padding: 16px 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    z-index: 60;
}
.irc-sidebar::-webkit-scrollbar { display: none; }

.irc-sidebar__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 8px;
}
.irc-sidebar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 11px 4px;
    border-radius: var(--i-r-inner);
    color: var(--i-text-mute);
    font-family: var(--i-display);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: center;
    line-height: 1.15;
    transition: color .18s var(--i-ease), background-color .18s var(--i-ease);
    cursor: pointer;
}
.irc-sidebar__item:hover { color: var(--i-text); background: rgba(179, 71, 225, 0.10); }
.irc-sidebar__item--active {
    color: var(--i-text);
    background: rgba(179, 71, 225, 0.14);
    box-shadow: inset 2px 0 0 var(--i-accent);
}
.irc-sidebar__icon {
    width: 34px; height: 34px;
    display: grid; place-items: center;
    border-radius: var(--i-r-inner);
    background: var(--i-surface);
    color: var(--i-text-soft);
    flex-shrink: 0;
    transition: background-color .18s var(--i-ease);
}
.irc-sidebar__icon svg { width: 17px; height: 17px; }
.irc-sidebar__item:hover .irc-sidebar__icon { background: var(--i-tint); }
.irc-sidebar__item--spin .irc-sidebar__icon { background: var(--i-accent-deep); }
.irc-sidebar__item--drops .irc-sidebar__icon { background: var(--i-accent); }

.irc-sidebar__divider {
    height: 1px;
    background: var(--i-line-soft);
    margin: 10px 14px;
}
.irc-sidebar__lang {
    margin-top: auto;
    padding: 14px 8px 4px;
    display: grid;
    place-items: center;
}
.irc-sidebar__lang-btn {
    display: flex; flex-direction: column; align-items: center; gap: 5px;
    padding: 6px;
    font-family: var(--i-display);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--i-text-mute);
}
.irc-sidebar__lang-btn:hover { color: var(--i-text); }
.irc-sidebar__flag {
    width: 26px; height: 26px;
    border-radius: var(--i-r-inner);
    background: #000;
    overflow: hidden;
    display: grid; place-items: center;
    box-shadow: 0 0 0 1px var(--i-line);
}

/* ============================================================
   HEADER — логотип крупнее
   ============================================================ */
.irc-header {
    position: sticky;
    top: 0;
    z-index: 50;
    height: var(--i-header-h);
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 var(--i-gutter);
    background: rgba(16, 13, 17, 0.86);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--i-line-soft);
}
.irc-header__spacer { flex: 1; }
.irc-header__actions { display: flex; align-items: center; gap: 10px; }

.irc-burger {
    display: none;
    width: 40px; height: 40px;
    place-items: center;
    border-radius: var(--i-r-inner);
    color: var(--i-text);
    background: var(--i-surface);
}
.irc-burger svg { width: 20px; height: 20px; }

.irc-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 2.5rem;          /* было 1.7rem */
    letter-spacing: -0.045em;
    line-height: 1;
    color: var(--i-text);
}
.irc-logo__mark {
    width: 46px; height: 46px;  /* было 32px */
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, var(--i-bg) 17%, transparent 18%),
        conic-gradient(from 0deg,
            var(--i-accent-deep) 0deg, var(--i-accent-lite) 30deg,
            var(--i-accent-deep) 60deg, var(--i-accent-lite) 90deg,
            var(--i-accent-deep) 120deg, var(--i-accent-lite) 150deg,
            var(--i-accent-deep) 180deg, var(--i-accent-lite) 210deg,
            var(--i-accent-deep) 240deg, var(--i-accent-lite) 270deg,
            var(--i-accent-deep) 300deg, var(--i-accent-lite) 330deg,
            var(--i-accent-deep) 360deg);
    box-shadow: 0 0 24px rgba(179, 71, 225, 0.5);
    flex-shrink: 0;
}

/* ---------- Кнопки: тугое скругление = фишка/талон ---------- */
.irc-bonuses-btn,
.irc-btn-login,
.irc-btn-signup,
.irc-hero__cta,
.irc-promo-card__cta,
.irc-bstore__cta,
.irc-cta-strip__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--i-display);
    font-weight: 800;
    letter-spacing: -0.01em;
    border-radius: var(--i-r-inner);
    transition: transform .16s var(--i-ease-out),
                background-color .16s var(--i-ease),
                box-shadow .16s var(--i-ease);
}
.irc-bonuses-btn {
    padding: 9px 16px;
    font-size: 0.82rem;
    color: var(--i-accent-lite);
    background: rgba(179, 71, 225, 0.14);
    box-shadow: inset 0 0 0 1px rgba(179, 71, 225, 0.36);
}
.irc-bonuses-btn svg { width: 14px; height: 14px; }
.irc-bonuses-btn:hover { background: rgba(179, 71, 225, 0.24); color: var(--i-text); }

.irc-btn-login {
    padding: 10px 18px;
    font-size: 0.84rem;
    color: var(--i-text);
    box-shadow: inset 0 0 0 1px var(--i-line);
}
.irc-btn-login:hover { background: var(--i-surface); }
.irc-btn-login:active { transform: translateY(1px); }

.irc-btn-signup {
    padding: 10px 22px;
    font-size: 0.84rem;
    color: #fff;
    background: var(--i-accent);
    box-shadow: 0 6px 20px rgba(179, 71, 225, 0.35);
}
.irc-btn-signup:hover { background: var(--i-accent-soft); box-shadow: 0 8px 26px rgba(179, 71, 225, 0.5); }
.irc-btn-signup:active { transform: translateY(1px); box-shadow: 0 3px 12px rgba(179, 71, 225, 0.4); }

/* ============================================================
   HERO — встык к краям, без скругления  [РИСК С ПЕРВОГО ЭКРАНА]
   ============================================================ */
.irc-hero {
    position: relative;
    margin: 0;               /* было 18px */
    border-radius: 0;        /* было 22px */
    overflow: hidden;
    background: var(--i-tint);
    aspect-ratio: 16 / 6.4;
    min-height: 380px;
    border-bottom: 1px solid var(--i-line);
}
.irc-hero__media {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 0;
}
.irc-hero__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(16,13,17,0.94) 0%, rgba(16,13,17,0.72) 42%, rgba(16,13,17,0.12) 78%),
        radial-gradient(760px 380px at 12% 62%, rgba(179,71,225,0.34), transparent 68%);
}
.irc-hero__content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px var(--i-gutter);
    max-width: 64%;
}
.irc-hero__eyebrow {
    display: inline-block;
    font-family: var(--i-display);
    font-weight: 200;                 /* экстремум веса против 800 в заголовке */
    font-size: clamp(0.95rem, 1.2vw + 0.4rem, 1.35rem);
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: var(--i-accent-lite);
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--i-line);
    align-self: flex-start;
}
.irc-hero__headline {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: clamp(2.5rem, 5.4vw, 5.2rem);
    letter-spacing: -0.035em;
    line-height: 0.98;
    margin: 0 0 30px;
    color: var(--i-text);
    text-wrap: balance;
}
.irc-hero__headline-accent { color: var(--i-accent-lite); }

.irc-hero__cta {
    align-self: flex-start;
    padding: 16px 30px;
    font-size: 1.02rem;
    color: #fff;
    background: var(--i-accent);
    box-shadow: 0 10px 30px rgba(179, 71, 225, 0.42);
}
.irc-hero__cta:hover { background: var(--i-accent-soft); box-shadow: 0 14px 38px rgba(179, 71, 225, 0.55); }
.irc-hero__cta:active { transform: translateY(1px); }
.irc-hero__cta svg { width: 15px; height: 15px; }
.irc-hero__cta-candy {
    font-family: var(--i-mono);
    font-weight: 700;
    font-size: 0.9em;
    color: rgba(255, 255, 255, 0.82);
}

/* ============================================================
   TICKER — полоса-табло встык к краям
   ============================================================ */
.irc-ticker {
    position: relative;
    margin: 0;
    padding: 16px 0;
    overflow: hidden;
    background: var(--i-bg-2);
    border-bottom: 1px solid var(--i-line-soft);
    mask-image: linear-gradient(90deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 72px, #000 calc(100% - 72px), transparent 100%);
}
.irc-ticker__track {
    display: flex;
    gap: 26px;
    width: max-content;
    animation: irc-marquee 68s linear infinite;
}
.irc-ticker__track:hover { animation-play-state: paused; }
@keyframes irc-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    .irc-ticker__track { animation: none; }
}
.irc-ticker__item {
    width: 132px;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
}
.irc-ticker__game {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 40px; height: 40px;
    border-radius: var(--i-r-inner);
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 0 1px var(--i-line-soft);
}
.irc-ticker__amount {
    grid-column: 2;
    grid-row: 1;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--i-accent-lite);
    white-space: nowrap;
}
.irc-ticker__nick {
    grid-column: 2;
    grid-row: 2;
    font-size: 0.66rem;
    color: var(--i-text-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.irc-ticker__item--hot .irc-ticker__amount { color: var(--i-accent-soft); }
.irc-ticker__item--hot .irc-ticker__game { box-shadow: 0 0 0 1px var(--i-accent), 0 0 14px rgba(179,71,225,0.4); }

/* ============================================================
   SECTION — заголовок крупный, трекинг отрицательный
   ============================================================ */
.irc-section {
    margin: 0;
    padding: clamp(38px, 4.6vw, 68px) var(--i-gutter);
}
.irc-section__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 26px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--i-line);
}
.irc-section__title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--i-display);
    font-weight: 800;
    font-size: clamp(1.7rem, 2.5vw, 2.35rem);   /* было 1.1rem */
    letter-spacing: -0.03em;                    /* было +0.06em, uppercase */
    text-transform: none;
    margin: 0;
    color: var(--i-text);
}
.irc-section__title svg { width: 20px; height: 20px; color: var(--i-accent); }
.irc-section__arrows { display: flex; gap: 8px; flex-shrink: 0; }
.irc-section__arrow {
    width: 38px; height: 38px;
    display: grid; place-items: center;
    border-radius: var(--i-r-inner);
    background: var(--i-surface);
    color: var(--i-text-soft);
    transition: background-color .18s var(--i-ease), color .18s var(--i-ease);
}
.irc-section__arrow:hover { background: var(--i-tint); color: var(--i-accent-lite); }
.irc-section__arrow svg { width: 14px; height: 14px; }

/* ============================================================
   GAMES — bento
   ============================================================ */
.irc-games {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.irc-game-card {
    position: relative;
    aspect-ratio: 3 / 4;
    border-radius: var(--i-r-outer);
    overflow: hidden;
    background: var(--i-surface);
    cursor: pointer;
    transition: transform .28s var(--i-ease-out), box-shadow .28s var(--i-ease);
}
.irc-game-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}
.irc-game-card__art {
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
.irc-game-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16,13,17,0) 38%, rgba(16,13,17,0.9) 100%);
}
.irc-game-card__badge {
    position: absolute;
    top: 10px; left: 10px;
    z-index: 2;
    padding: 4px 9px;
    border-radius: var(--i-r-inner);
    font-family: var(--i-display);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #fff;
    background: rgba(16, 13, 17, 0.78);
    box-shadow: inset 0 0 0 1px var(--i-line);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.irc-game-card__badge--drops     { background: var(--i-accent-deep); box-shadow: none; }
.irc-game-card__badge--exclusive { background: var(--i-accent); box-shadow: none; }
.irc-game-card__badge--jackpot   { color: var(--i-accent-lite); box-shadow: inset 0 0 0 1px var(--i-accent); }
.irc-game-card__badge--live      { color: var(--i-accent-lite); box-shadow: inset 0 0 0 1px var(--i-accent-soft); }
.irc-game-card__badge--new       { background: var(--i-tint); color: var(--i-accent-lite); box-shadow: inset 0 0 0 1px var(--i-line); }

.irc-game-card__title {
    position: absolute;
    left: 14px; right: 14px; bottom: 30px;
    z-index: 2;
    margin: 0;
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 0.94rem;
    letter-spacing: -0.025em;
    line-height: 1.12;
    color: #fff;
}
.irc-game-card__provider {
    position: absolute;
    left: 14px; bottom: 12px;
    z-index: 2;
    font-size: 0.66rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--i-text-dim);
}

@media (min-width: 700px) {
    .irc-games { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
}
/* 12 карточек × (1 шт 2×2 + 1 шт 2×1) = ровно 16 ячеек = 4×4, без дыр */
@media (min-width: 1100px) {
    .irc-games {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: 236px;
        gap: 14px;
    }
    .irc-games .irc-game-card { aspect-ratio: auto; height: 100%; }
    .irc-games .irc-game-card:nth-child(12n + 1) { grid-column: span 2; grid-row: span 2; }
    .irc-games .irc-game-card:nth-child(12n + 8) { grid-column: span 2; }
    .irc-games .irc-game-card:nth-child(12n + 1) .irc-game-card__title { font-size: 1.5rem; bottom: 38px; }
    .irc-games .irc-game-card:nth-child(12n + 1) .irc-game-card__badge { font-size: 0.7rem; padding: 6px 12px; }
}

/* ============================================================
   CONTENT — чередование полос + залипающий боковой рельс
   ============================================================ */
.irc-content {
    max-width: none;
    margin: 0;
    padding: 0;
}
.irc-content__block {
    padding: clamp(40px, 5vw, 78px) var(--i-gutter);
    border-bottom: 0;                       /* было 1px hairline */
}
.irc-content__block:nth-of-type(even) {
    background: var(--i-bg-2);
    box-shadow: inset 0 1px 0 var(--i-line-soft), inset 0 -1px 0 var(--i-line-soft);
}
.irc-content__block > h2 {
    font-size: clamp(1.7rem, 2.5vw, 2.35rem);
    letter-spacing: -0.03em;
    margin: 0 0 20px;
    text-wrap: balance;
}
.irc-content__lead {
    font-size: 1.16rem;
    line-height: 1.55;
    color: var(--i-text);
    max-width: 62ch;                        /* было 70ch */
}
.irc-content__block p,
.irc-content__block ul:not([class]),
.irc-content__block ol:not([class]) { max-width: 62ch; }
.irc-content__block ul:not([class]) li,
.irc-content__block ol:not([class]) li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
}
.irc-content__block ul:not([class]) li::before {
    content: "";
    position: absolute;
    left: 2px; top: 0.72em;
    width: 7px; height: 1px;
    background: var(--i-accent);
}

.irc-block-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}
.irc-block-head h2 { margin: 0; font-size: clamp(1.7rem, 2.5vw, 2.35rem); }
.irc-block-head__icon {
    width: 54px; height: 54px;
    object-fit: contain;
    flex-shrink: 0;
}

@media (min-width: 1100px) {
    .irc-content__block {
        display: grid;
        grid-template-columns: minmax(200px, 23%) minmax(0, 1fr);
        column-gap: clamp(32px, 4vw, 72px);
        align-items: start;
    }
    .irc-content__block > h2,
    .irc-content__block > .irc-block-head {
        grid-column: 1;
        grid-row: 1 / span 60;
        position: sticky;                   /* боковой рельс */
        top: calc(var(--i-header-h) + 24px);
        margin-bottom: 0;
    }
    .irc-content__block > .irc-block-head { flex-direction: column; align-items: flex-start; gap: 16px; }
    .irc-content__block > *:not(h2):not(.irc-block-head) { grid-column: 2; }
}

/* ============================================================
   BONUS GRID — число вместо карточки
   ============================================================ */
.irc-bonus-grid {
    display: grid;
    /* 2 колонки, а не 3: значение бонуса бывает словесным ("bis 180 FS"),
       и на узкой колонке крупное число рвалось на три строки — замерено в браузере */
    grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
    gap: 0;
    margin-top: 26px;
    border-top: 1px solid var(--i-line);
}
.irc-bonus-card {
    padding: 26px 24px 26px 0;
    background: transparent;                /* было карточка с фоном */
    border: 0;                              /* было 1px рамка */
    border-bottom: 1px solid var(--i-line-soft);
    border-radius: 0;
}
.irc-bonus-card__category {
    display: block;
    font-family: var(--i-display);
    font-weight: 200;
    font-size: 0.72rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--i-accent-lite);
    margin-bottom: 10px;
}
.irc-bonus-card__value {
    font-size: clamp(2.4rem, 4.4vw, 4rem);  /* signature: число как якорь макета */
    font-weight: 700;
    line-height: 0.9;
    letter-spacing: -0.05em;
    color: var(--i-accent-lite);
    margin: 0 0 12px;
}
.irc-bonus-card__title {
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 4px;
    color: var(--i-text);
}
.irc-bonus-card__cond {
    font-size: 0.86rem;
    color: var(--i-text-mute);
    margin: 0;
}

/* ============================================================
   FEATURES — типографический блок вместо карточки
   ============================================================ */
.irc-feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 28px 34px;
    margin-top: 28px;
}
.irc-feature {
    background: transparent;
    border: 0;
    border-top: 2px solid var(--i-accent);
    border-radius: 0;
    padding: 18px 0 0;
}
.irc-feature__icon {
    width: 34px; height: 34px;
    border-radius: var(--i-r-inner);
    background: var(--i-tint);
    display: grid; place-items: center;
    margin-bottom: 14px;
    box-shadow: inset 0 0 0 1px var(--i-line);
}
.irc-feature__icon svg { width: 18px; height: 18px; color: var(--i-accent-lite); }
.irc-feature__title {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 1.06rem;
    letter-spacing: -0.02em;
    margin: 0 0 8px;
    color: var(--i-text);
}
.irc-feature__text {
    font-size: 0.94rem;
    color: var(--i-text-mute);
    margin: 0;
    line-height: 1.55;
}

/* ============================================================
   PROMOS
   ============================================================ */
.irc-promos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 18px;
    margin-top: 26px;
}
.irc-promo-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--i-surface);
    border-radius: var(--i-r-outer);
    overflow: hidden;
    box-shadow: inset 0 0 0 1px var(--i-line-soft);
    transition: box-shadow .2s var(--i-ease), transform .2s var(--i-ease-out);
}
.irc-promo-card:hover { transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--i-accent); }
.irc-promo-card__head {
    position: absolute;
    top: 12px; left: 12px;
    z-index: 2;
}
.irc-promo-card__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--i-r-inner);
    background: rgba(16, 13, 17, 0.76);
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--i-text);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.irc-promo-card__status-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--i-accent-soft);
    box-shadow: 0 0 8px var(--i-accent);
}
.irc-promo-card__art {
    position: relative;
    aspect-ratio: 16 / 10;
    background: var(--i-tint);
    display: grid;
    place-items: center;
    overflow: hidden;
}
.irc-promo-card__art img { width: 100%; height: 100%; object-fit: cover; }
.irc-promo-card__art--image { background: var(--i-tint); }
.irc-promo-card__body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.irc-promo-card__title {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 1.1rem;
    letter-spacing: -0.025em;
    margin: 0;
    color: var(--i-text);
}
.irc-promo-card__pool {
    font-size: 1.32rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--i-accent-lite);
}
.irc-promo-card__desc {
    font-size: 0.9rem;
    color: var(--i-text-mute);
    margin: 0;
    line-height: 1.5;
}
.irc-promo-card__cta {
    margin-top: auto;
    padding: 11px 18px;
    font-size: 0.85rem;
    color: #fff;
    background: var(--i-accent-deep);
}
.irc-promo-card__cta:hover { background: var(--i-accent); }
.irc-promo-card__cta:active { transform: translateY(1px); }

/* ============================================================
   STEPS
   ============================================================ */
.irc-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 26px 30px;
    margin-top: 28px;
    counter-reset: irc-step;
}
.irc-step {
    position: relative;
    counter-increment: irc-step;
    padding-top: 18px;
    border-top: 1px solid var(--i-line);
}
.irc-step::before {
    content: counter(irc-step, decimal-leading-zero);
    display: block;
    font-family: var(--i-mono);
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--i-accent);
    margin-bottom: 12px;
}
.irc-step--final { border-top-color: var(--i-accent); }
.irc-step--final::before { color: var(--i-accent-lite); }
.irc-step__icon {
    display: none;              /* номер шага заменил иконку как носитель порядка */
}
.irc-step__title {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 1.04rem;
    letter-spacing: -0.02em;
    margin: 0 0 6px;
    color: var(--i-text);
}
.irc-step__text {
    font-size: 0.92rem;
    color: var(--i-text-mute);
    margin: 0;
    line-height: 1.55;
}

/* ============================================================
   PROS / CONS
   ============================================================ */
.irc-proscons {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px 40px;
    margin-top: 26px;
}
.irc-proscons__col { padding-top: 16px; border-top: 2px solid var(--i-line); }
.irc-proscons__col--pros { border-top-color: var(--i-accent); }
.irc-proscons__col--cons { border-top-color: var(--i-line); }
.irc-proscons__head {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 1.16rem;
    letter-spacing: -0.02em;
    margin: 0 0 14px;
    color: var(--i-text);
}
.irc-proscons__icon {
    width: 26px; height: 26px;
    display: grid; place-items: center;
    border-radius: var(--i-r-inner);
    background: var(--i-tint);
    color: var(--i-accent-lite);
    flex-shrink: 0;
}
.irc-proscons__icon svg { width: 14px; height: 14px; }
.irc-proscons__col--cons .irc-proscons__icon { background: var(--i-surface); color: var(--i-text-mute); }
.irc-proscons__list { display: flex; flex-direction: column; }
.irc-proscons__item {
    position: relative;
    padding: 11px 0 11px 20px;
    font-size: 0.94rem;
    color: var(--i-text-soft);
    border-bottom: 1px solid var(--i-line-soft);
    line-height: 1.5;
}
.irc-proscons__item:last-child { border-bottom: 0; }
.irc-proscons__item::before {
    content: "";
    position: absolute;
    left: 0; top: 1.32em;
    width: 8px; height: 1px;
    background: var(--i-accent);
}
.irc-proscons__col--cons .irc-proscons__item::before { background: var(--i-text-dim); }

/* ============================================================
   INFO TABLE (dl) — линии вместо боксов
   ============================================================ */
.irc-info-table {
    display: grid;
    grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr);
    margin: 26px 0 0;
    border-top: 1px solid var(--i-line);
}
.irc-info-table dt,
.irc-info-table dd {
    padding: 14px 0;
    margin: 0;
    border-bottom: 1px solid var(--i-line-soft);
}
.irc-info-table dt {
    font-family: var(--i-display);
    font-weight: 200;
    font-size: 0.78rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--i-accent-lite);
    padding-right: 20px;
    align-self: start;
    padding-top: 17px;
}
.irc-info-table dd { color: var(--i-text-soft); font-size: 0.98rem; }

/* ============================================================
   PAYMENTS
   ============================================================ */
.irc-payments-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}
.irc-payment {
    padding: 8px 14px;
    border-radius: var(--i-r-inner);
    font-family: var(--i-mono);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--i-text-soft);
    background: var(--i-surface);
    box-shadow: inset 0 0 0 1px var(--i-line-soft);
    transition: color .16s var(--i-ease), box-shadow .16s var(--i-ease);
}
.irc-payment:hover { color: var(--i-accent-lite); box-shadow: inset 0 0 0 1px var(--i-accent); }

/* ============================================================
   VIP — карточки + таблица с моноширинными числами
   ============================================================ */
.irc-vip__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-top: 26px;
}
.irc-vip__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 18px;
    border-radius: var(--i-r-outer);
    background: var(--i-surface);
    box-shadow: inset 0 0 0 1px var(--i-line-soft);
}
.irc-vip__card--royal {
    background: var(--i-tint);
    box-shadow: inset 0 0 0 1px var(--i-accent);
}
.irc-vip__card-art {
    width: 84px; height: 84px;
    margin-bottom: 8px;
    border-radius: var(--i-r-inner);
    overflow: hidden;
}
.irc-vip__card-art img { width: 100%; height: 100%; object-fit: contain; }
.irc-vip__card-step {
    font-family: var(--i-display);
    font-weight: 200;
    font-size: 0.68rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--i-accent-lite);
}
.irc-vip__card-name {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 1.06rem;
    letter-spacing: -0.02em;
    margin: 0;
    color: var(--i-text);
}
.irc-vip__card-cap {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--i-text-mute);
    margin: 0;
}

.irc-vip {
    overflow-x: auto;
    margin-top: 26px;
    border-top: 1px solid var(--i-line);
    border-radius: 0;
    border-left: 0; border-right: 0; border-bottom: 0;
}
.irc-vip table { min-width: 560px; }
.irc-vip th {
    text-align: left;
    padding: 13px 14px 13px 0;
    font-family: var(--i-display);
    font-weight: 200;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--i-accent-lite);
    border-bottom: 1px solid var(--i-line);
    white-space: nowrap;
}
.irc-vip td {
    padding: 14px 14px 14px 0;
    font-size: 0.9rem;
    color: var(--i-text-soft);
    border-bottom: 1px solid var(--i-line-soft);
    white-space: nowrap;
}
.irc-vip tr:last-child td { border-bottom: 0; }
.irc-vip__tier {
    font-family: var(--i-display) !important;
    font-weight: 800;
    font-size: 0.98rem !important;
    letter-spacing: -0.02em;
    color: var(--i-text) !important;
}
.irc-vip__tier--royal { color: var(--i-accent-lite) !important; }

/* ============================================================
   BONUS STORE
   ============================================================ */
.irc-bstore {
    margin-top: 28px;
    border-radius: var(--i-r-outer);
    background: var(--i-tint);
    box-shadow: inset 0 0 0 1px var(--i-line);
    overflow: hidden;
}
.irc-bstore__top {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
    padding: 30px;
}
.irc-bstore__headline {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: clamp(1.4rem, 2.2vw, 1.95rem);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin: 0 0 12px;
    color: var(--i-text);
}
.irc-bstore__headline span { color: var(--i-accent-lite); }
.irc-bstore__text {
    font-size: 0.96rem;
    color: var(--i-text-soft);
    max-width: 62ch;
    margin: 0 0 18px;
}
.irc-bstore__cta {
    padding: 12px 22px;
    font-size: 0.88rem;
    color: #fff;
    background: var(--i-accent);
}
.irc-bstore__cta:hover { background: var(--i-accent-soft); }
.irc-bstore__cta:active { transform: translateY(1px); }
.irc-bstore__cta svg { width: 14px; height: 14px; }
.irc-bstore__shop { display: block; }
.irc-bstore__items {
    display: grid;
    gap: 0;
    border-top: 1px solid var(--i-line);
}
.irc-bstore__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px 18px;
    padding: 15px 0;
    border-bottom: 1px solid var(--i-line-soft);
}
.irc-bstore__item:last-child { border-bottom: 0; }
.irc-bstore__item-name {
    grid-column: 1; grid-row: 1;
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 0.98rem;
    letter-spacing: -0.02em;
    color: var(--i-text);
}
.irc-bstore__item-prize {
    grid-column: 1; grid-row: 2;
    font-size: 0.84rem;
    color: var(--i-text-mute);
}
.irc-bstore__item-price {
    grid-column: 2; grid-row: 1 / span 2;
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--i-accent-lite);
    white-space: nowrap;
}
@media (min-width: 860px) {
    .irc-bstore__top { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 40px; align-items: start; }
}

/* ============================================================
   FAQ
   ============================================================ */
.irc-faq {
    margin-top: 26px;
    border-top: 1px solid var(--i-line);
}
.irc-faq__item { border-bottom: 1px solid var(--i-line-soft); }
.irc-faq__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 1.06rem;
    letter-spacing: -0.025em;
    line-height: 1.25;
    color: var(--i-text);
    transition: color .16s var(--i-ease);
}
.irc-faq__summary::-webkit-details-marker { display: none; }
.irc-faq__summary:hover { color: var(--i-accent-lite); }
.irc-faq__icon {
    width: 30px; height: 30px;
    flex-shrink: 0;
    display: grid; place-items: center;
    border-radius: var(--i-r-inner);
    background: var(--i-surface);
    color: var(--i-accent-lite);
    transition: transform .22s var(--i-ease-out), background-color .16s var(--i-ease);
}
.irc-faq__icon svg { width: 14px; height: 14px; }
.irc-faq__item[open] .irc-faq__icon { transform: rotate(45deg); background: var(--i-accent); color: #fff; }
.irc-faq__answer {
    padding: 0 0 22px;
    font-size: 0.98rem;
    color: var(--i-text-soft);
    max-width: 62ch;
}

/* ============================================================
   CTA STRIP — полоса встык к краям блока
   ============================================================ */
.irc-cta-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 28px;
    padding: 30px;
    border-radius: var(--i-r-outer);
    background: var(--i-tint);
    box-shadow: inset 0 0 0 1px var(--i-accent);
}
.irc-cta-strip__text { flex: 1 1 320px; }
.irc-cta-strip__title {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    letter-spacing: -0.03em;
    margin: 0 0 8px;
    color: var(--i-text);
}
.irc-cta-strip__sub {
    font-size: 0.94rem;
    color: var(--i-text-soft);
    margin: 0;
    max-width: 62ch;
}
.irc-cta-strip__btn {
    flex-shrink: 0;
    padding: 13px 24px;
    font-size: 0.9rem;
    color: #fff;
    background: var(--i-accent);
}
.irc-cta-strip__btn:hover { background: var(--i-accent-soft); }
.irc-cta-strip__btn:active { transform: translateY(1px); }
.irc-cta-strip__btn svg { width: 14px; height: 14px; }

/* ============================================================
   FOOTER — логотип крупнее
   ============================================================ */
.irc-footer {
    padding: 44px var(--i-gutter) 32px;
    background: var(--i-bg-2);
    border-top: 1px solid var(--i-line);
}
.irc-footer__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--i-line-soft);
}
.irc-footer .irc-logo { font-size: 3rem; }        /* было 1.7rem */
.irc-footer .irc-logo__mark { width: 54px; height: 54px; }  /* было 32px */

.irc-footer__apps {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.84rem;
    color: var(--i-text-mute);
}
.irc-footer__app {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: var(--i-r-inner);
    background: var(--i-surface);
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 0.8rem;
    color: var(--i-text-soft);
    box-shadow: inset 0 0 0 1px var(--i-line-soft);
    transition: color .16s var(--i-ease), box-shadow .16s var(--i-ease);
}
.irc-footer__app:hover { color: var(--i-accent-lite); box-shadow: inset 0 0 0 1px var(--i-accent); }
.irc-footer__socials { display: flex; gap: 8px; }
.irc-footer__social {
    width: 38px; height: 38px;
    display: grid; place-items: center;
    border-radius: var(--i-r-inner);
    background: var(--i-surface);
    color: var(--i-text-soft);
    transition: background-color .16s var(--i-ease), color .16s var(--i-ease);
}
.irc-footer__social svg { width: 17px; height: 17px; }
.irc-footer__social:hover { background: var(--i-accent); color: #fff; }

.irc-footer__cols {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 28px 30px;
    padding: 30px 0;
    border-bottom: 1px solid var(--i-line-soft);
}
.irc-footer__col-title {
    font-family: var(--i-display);
    font-weight: 200;
    font-size: 0.74rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--i-accent-lite);
    margin: 0 0 14px;
}
.irc-footer__links { display: flex; flex-direction: column; gap: 9px; }
.irc-footer__links a {
    font-size: 0.9rem;
    color: var(--i-text-mute);
    transition: color .16s var(--i-ease);
}
.irc-footer__links a:hover { color: var(--i-accent-lite); }

.irc-footer__license { padding-top: 24px; }
.irc-footer__license-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 18px;
    border-radius: var(--i-r-inner);
    background: var(--i-surface);
    box-shadow: inset 0 0 0 1px var(--i-line);
    margin-bottom: 6px;
}
.irc-footer__license-badge-main {
    font-family: var(--i-display);
    font-weight: 800;
    font-size: 1.16rem;
    letter-spacing: 0.02em;
    color: var(--i-text);
}
.irc-footer__license-badge-sub {
    font-family: var(--i-mono);
    font-size: 0.66rem;
    color: var(--i-text-dim);
}
.irc-footer__legal,
.irc-footer__copyright {
    font-size: 0.8rem;
    color: var(--i-text-dim);
    line-height: 1.6;
    margin: 12px 0 0;
}
.irc-footer__legal a,
.irc-footer__copyright a { color: var(--i-text-mute); text-decoration: underline; }
.irc-footer__legal a:hover,
.irc-footer__copyright a:hover { color: var(--i-accent-lite); }

/* Раскрытие партнёрских ссылок — стиль задан инлайном в разметке, не трогаем */
.footer-affiliate-disclosure { color: var(--i-text-mute); }
.footer-affiliate-disclosure strong { color: var(--i-text-soft); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1040px) {
    .irc-shell { grid-template-columns: minmax(0, 1fr); }
    .irc-burger { display: grid; }
    .irc-sidebar {
        position: fixed;
        left: 0; top: 0;
        width: 268px;
        height: 100vh;
        background: var(--i-bg-2);
        border-right: 1px solid var(--i-line);
        transform: translateX(-100%);
        transition: transform .3s var(--i-ease-out);
        z-index: 90;
    }
    body.irc-menu-open .irc-sidebar { transform: translateX(0); }
    body.irc-menu-open::after {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(6, 4, 7, 0.6);
        z-index: 80;
    }
    .irc-sidebar__list { padding: 0 12px; }
    .irc-sidebar__item {
        flex-direction: row;
        align-items: center;
        gap: 14px;
        text-align: left;
        font-size: 0.92rem;
        letter-spacing: -0.01em;
        padding: 12px 14px;
    }
    .irc-sidebar__lang-btn { flex-direction: row; gap: 10px; font-size: 0.86rem; }

    .irc-hero { aspect-ratio: auto; min-height: 340px; }
    .irc-hero__content { max-width: 100%; padding: 36px var(--i-gutter); }
    .irc-btn-login { display: none; }
}

@media (max-width: 700px) {
    body { font-size: 16px; }
    :root { --i-header-h: 66px; }
    .irc-logo { font-size: 1.9rem; gap: 9px; }
    .irc-logo__mark { width: 36px; height: 36px; }
    .irc-footer .irc-logo { font-size: 2.2rem; }
    .irc-footer .irc-logo__mark { width: 42px; height: 42px; }
    .irc-bonuses-btn { display: none; }
    .irc-hero { min-height: 300px; }
    .irc-hero__headline { font-size: clamp(2rem, 8.4vw, 2.9rem); }
    .irc-section__header { flex-direction: column; align-items: flex-start; gap: 12px; }
    .irc-info-table { grid-template-columns: minmax(0, 1fr); }
    .irc-info-table dt { border-bottom: 0; padding-bottom: 0; padding-top: 14px; }
    .irc-info-table dd { padding-top: 4px; }
    .irc-bstore__top { padding: 22px; }
    .irc-cta-strip { padding: 22px; }
    .irc-footer__top { flex-direction: column; align-items: flex-start; }
    .irc-bonus-card { padding-right: 0; }
}

/* Правка владельца 23.08: крупная карточка игры была видимо мягче соседних.
   Причина не в выборе игры — во всей библиотеке сайта нет арта слотов шире
   320px (проверено по всем папкам), а плитка 2x2 рисуется 622x486, то есть
   растягивает исходник в 1.94 раза; соседние 304px-плитки берут те же 320px
   и потому резкие. Делаем акцентную плитку высокой, а не широкой: 1x2 даёт
   304x486, коэффициент 0.95 — растяжения нет вовсе, и портретный арт больше
   не обрезается по бокам. Ритм bento сохраняется. */
@media (min-width:901px){
  .irc-games .irc-game-card:nth-child(12n + 1){ grid-column:span 1; grid-row:span 2; }
  .irc-games .irc-game-card:nth-child(12n + 1) .irc-game-card__title{ font-size:1.15rem; bottom:34px; }
}