/* ledger column */

:root {
    --brand-primary: #8e7e29;
    --brand-primary-dark: #574c1c;
    --brand-primary-light: #bbb27f;
    --brand-rgb: 142, 126, 41;
    --brand-vivid: #4f461e;
    --content-main: #1c1915;
    --content-dim: rgba(28, 25, 21, 0.72);
    --content-high: #1c1915;
    --surface-deep: #f4efe4;
    --surface-raised: #ece6d5;
    --gold: #4f461e;
    --grad-brand: none;
}


.lg-skip { position: absolute; left: -999px; }
body.skin-ledger {
    margin: 0;
    background: #f4efe4;
    color: #1c1915;
    font-family: Palatino, "Palatino Linotype", "Iowan Old Style", Georgia, serif;
    font-size: 18px;
    line-height: 1.55;
}
body.skin-ledger * { box-sizing: border-box; }
body.skin-ledger img { max-width: 100%; height: auto; }
body.skin-ledger .lg-logo-img { height: 42px; width: auto; max-width: none; }
.lg-clip {
    position: absolute !important; width: 1px !important; height: 1px !important;
    margin: -1px !important; padding: 0 !important; overflow: hidden !important;
    clip: rect(0,0,0,0) !important; border: 0 !important;
}
.lg-masthead {
    background: #f4efe4;
    color: #1c1915;
    border-bottom: 1px solid #1c1915;
}
.lg-mast {
    width: min(920px, calc(100% - 32px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 72px;
}
.lg-logo-img { height: 42px; width: auto; display: block; }
.lg-masthead .lg-nav { border-top: 1px solid #1c1915; }
.lg-links {
    width: min(920px, calc(100% - 32px));
    margin: 0 auto;
    padding: 8px 0 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    list-style: none;
}
.lg-link {
    color: #1c1915;
    text-decoration: none;
    font-family: "Segoe UI", sans-serif;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
}
.lg-link.active, .lg-link:hover { border-bottom-color: #4f461e; }
.lg-link-ico { display: none; }
.lg-mast-actions { display: flex; gap: 14px; align-items: center; }
.lg-btn {
    display: inline-block;
    color: #1c1915;
    text-decoration: none;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #1c1915;
    border-radius: 0;
    padding: 0 0 2px;
    font-family: "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.lg-btn-fill, .lg-btn-go { color: #4f461e; border-bottom-color: #4f461e; }
.lg-burger {
    display: none; width: 42px; height: 42px; border: 1px solid #1c1915; background: transparent; padding: 12px;
}
.lg-burger-bars, .lg-burger-bars:before, .lg-burger-bars:after {
    display: block; height: 1px; background: #1c1915; content: ""; position: relative;
}
.lg-burger-bars:before { top: -6px; }
.lg-burger-bars:after { top: 5px; }
.mobile-nav.lg-drawer {
    display: none; position: fixed; inset: 0; background: #f4efe4; z-index: 40; overflow: auto; padding: 24px;
}
.mobile-nav.lg-drawer.active { display: block; }
.lg-drawer-a { display: block; padding: 10px 0; color: #1c1915; text-decoration: none; border-bottom: 1px solid rgba(28,25,21,.15); }
.lg-main { padding: 28px 0 64px; }
.lg-wrap { width: min(760px, calc(100% - 32px)); margin: 0 auto; }
.lg-title, .lg-ink, .lg-main h1, .lg-main h2, .lg-main h3 {
    font-weight: 500; letter-spacing: 0; color: #1c1915; background: none; -webkit-text-fill-color: currentColor;
}
.lg-title { font-size: clamp(34px, 5vw, 52px); line-height: 1.05; margin: 0 0 12px; }
.lg-sec { margin: 0 0 8px; padding-top: 18px; border-top: 1px solid #1c1915; }
.lg-sec h2, .lg-prose h2 { font-size: 28px; line-height: 1.15; margin: 0 0 10px; }
.lg-prose p, .lg-main p { margin: 0 0 12px; }
.lg-prose a, .lg-main a { color: #4f461e; text-underline-offset: 3px; }
.lg-list, .lg-prose ul, .lg-prose ol { margin: 0 0 14px; padding-left: 1.2em; }
.lg-prose table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 0 0 16px; }
.lg-prose th, .lg-prose td { border-bottom: 1px solid rgba(28,25,21,.2); text-align: left; padding: 6px 8px 6px 0; vertical-align: top; }
.lg-brief { margin: 18px 0 8px; }
.lg-brief-grid { display: block; }
.lg-facts { list-style: none; padding: 0; margin: 10px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 18px; }
.lg-facts li { border-top: 1px solid rgba(28,25,21,.2); padding-top: 6px; font-size: 15px; }
.lg-jumps-grid { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.lg-jump { color: #1c1915; text-decoration: none; border-bottom: 1px solid #1c1915; }
.lg-call, .lg-action {
    margin: 22px 0; padding: 8px 0 4px; background: transparent; border: 0; border-top: 1px solid #1c1915; border-radius: 0; text-align: left;
}
.lg-call-mark, .lg-action-mark { font-family: "Segoe UI", sans-serif; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
.lg-call-h, .lg-action-h { font-size: 26px; margin: 6px 0; }
.lg-faq { margin: 28px 0; }
.lg-faq-item { border-top: 1px solid #1c1915; padding: 10px 0; }
.lg-faq-q { font-size: 18px; margin: 0 0 4px; background: none; border: 0; padding: 0; text-align: left; color: inherit; font-family: inherit; cursor: pointer; }
.lg-faq-a { color: #5e584e; }
.lg-crumbs { font-family: "Segoe UI", sans-serif; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 16px; }
.lg-crumbs-ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0; }
.lg-crumb-a { color: #5e584e; text-decoration: none; }
.lg-colophon { border-top: 1px solid #1c1915; padding: 28px 0 40px; background: #f4efe4; }
.lg-colophon-in { width: min(920px, calc(100% - 32px)); margin: 0 auto; }
.lg-topics-in, .lg-footnav-links { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.lg-topic, .lg-footnav-a { color: #1c1915; text-decoration: none; font-size: 14px; border-bottom: 1px solid transparent; }
.lg-topic:hover, .lg-footnav-a:hover { border-bottom-color: #4f461e; }
.lg-legal { margin-top: 18px; padding-top: 12px; border-top: 1px solid rgba(28,25,21,.2); font-size: 13px; color: #5e584e; }
.lg-seals { display: flex; gap: 10px; }
.lg-catalog, .lg-packs, .lg-calc, .lg-pays, .lg-pillars, .lg-more, .lg-map, .lg-queries, .lg-quotes, .lg-clock {
    margin: 26px 0; padding-top: 8px; border-top: 1px solid #1c1915; background: transparent; border-radius: 0; box-shadow: none;
}
.lg-catalog-grid, .lg-packs-grid, .lg-more-grid, .lg-pillars-grid { display: block; }
.lg-game, .lg-pack, .lg-more-card, .lg-pillar { display: grid; grid-template-columns: 72px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(28,25,21,.15); background: transparent; border-radius: 0; }
.lg-game-pic img, .lg-game-pic { width: 72px; height: 72px; object-fit: cover; display: block; }
.lg-game-play, .lg-pack-a, .lg-pay-go, .lg-calc-go, .lg-clock-go { color: #4f461e; text-decoration: none; border-bottom: 1px solid #4f461e; background: none; padding: 0; }
.lg-tab { background: none; border: 0; border-bottom: 1px solid transparent; font: inherit; padding: 6px 0; margin-right: 14px; cursor: pointer; color: #1c1915; }
.lg-tab.active { border-bottom-color: #1c1915; }
.lg-pane { display: none; }
.lg-pane.active { display: block; }
.lg-calc-i, .lg-calc-i:focus { width: 100%; border: 0; border-bottom: 1px solid #1c1915; background: transparent; font: inherit; color: inherit; padding: 8px 0; border-radius: 0; }
.lg-colophon .lg-topic.lg-sz-l { font-size: 16px; }
#preloader { display: none; }
#bonusPopup { position: fixed; right: 16px; bottom: 16px; width: min(320px, calc(100% - 32px)); background: #f4efe4; border: 1px solid #1c1915; padding: 12px; z-index: 30; }
#bonusPopup[aria-hidden="true"] { display: none; }
#bonusPopup.show { display: block; }
.lg-help { position: fixed; left: 12px; bottom: 12px; z-index: 25; font-family: "Segoe UI", sans-serif; font-size: 14px; }
.lg-help-btn { border: 1px solid #1c1915; background: #f4efe4; padding: 8px 10px; cursor: pointer; }
.lg-help-box { display: none; width: 260px; background: #f4efe4; border: 1px solid #1c1915; padding: 10px; }
.lg-help-box.active { display: block; }
#winNotifications { position: fixed; left: 12px; bottom: 64px; z-index: 24; display: grid; gap: 6px; }
.lg-toast { background: #f4efe4; border: 1px solid #1c1915; padding: 8px 10px; font-size: 14px; }
body.has-landing-hero .lg-main { padding-top: 12px; }
@media (max-width: 860px) {
    .lg-masthead .lg-nav, .lg-mast-actions { display: none; }
    .lg-burger { display: inline-flex; align-items: center; }
    .lg-facts { grid-template-columns: 1fr; }
    .lg-game, .lg-pack { grid-template-columns: 56px 1fr; }
}
/* Темы колонки. t1 — базовый режим, без доп. правил. */
body.ledger-2 { font-size: 16px; }
body.ledger-2 .lg-title { font-size: clamp(28px, 4vw, 40px); margin-bottom: 8px; }
body.ledger-2 .lg-sec { padding-top: 8px; margin-bottom: 0; }
body.ledger-2 .lg-sec h2, body.ledger-2 .lg-prose h2 { font-size: 22px; }
body.ledger-2 .lg-mast { min-height: 58px; }
body.ledger-2 .lg-colophon { padding-top: 16px; }
body.ledger-3 .lg-wrap { width: min(920px, calc(100% - 32px)); }
body.ledger-3 .lg-title { font-size: clamp(40px, 5vw, 60px); }
body.ledger-3 .lg-facts { grid-template-columns: 1fr 1fr 1fr; }
body.ledger-3 .lg-sec h2 { font-size: 32px; }
body.ledger-4 { background: #fffdf8; }
body.ledger-4 .lg-sec { border-top-color: rgba(28,25,21,.28); padding-top: 28px; }
body.ledger-4 .lg-masthead { background: #fffdf8; }
body.ledger-4 .lg-colophon { background: #fffdf8; }
body.ledger-5 .lg-prose { margin-left: 4px; padding-left: 18px; border-left: 3px solid #1c1915; }
body.ledger-5 .lg-title { font-size: clamp(30px, 4vw, 44px); }
body.ledger-5 .lg-jumps { display: block; }
body.ledger-5 .lg-jump { display: block; margin: 6px 0; }
/* Варианты блоков колонки. */
.lg-masthead.ld-2 .lg-links { gap: 0; }
.lg-masthead.ld-2 .lg-link { padding-right: 12px; margin-right: 12px; border-right: 1px solid rgba(28,25,21,.25); border-bottom: 0; }
.lg-brief.ld-2 .lg-facts { grid-template-columns: 1fr; }
.lg-catalog.ld-2 .lg-game { grid-template-columns: 112px 1fr auto; align-items: center; }
.lg-catalog.ld-2 .lg-game-pic, .lg-catalog.ld-2 .lg-game-pic img { width: 112px; height: 72px; }
.lg-faq.ld-2 .lg-faq-item { display: grid; grid-template-columns: minmax(180px, 34%) 1fr; gap: 12px 20px; }
.lg-more.ld-2 .lg-more-card { grid-template-columns: 1fr; }
.lg-masthead.ld-3 .lg-link { text-transform: none; letter-spacing: 0; font-size: 15px; }
.lg-brief.ld-3 .lg-jumps-grid { display: block; }
.lg-brief.ld-3 .lg-jump { display: table; margin: 0 0 8px; }
.lg-faq.ld-3 .lg-faq-item { padding-left: 14px; border-left: 2px solid #1c1915; border-top: 0; }
.lg-packs.ld-3 .lg-packs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.lg-step.ld-3 .lg-step-in { display: block; }
.lg-masthead.ld-4 .lg-mast { min-height: 52px; }
.lg-masthead.ld-4 .lg-logo-img { height: 34px; }
.lg-catalog.ld-4 .lg-catalog-grid { display: block; }
.lg-catalog.ld-4 .lg-game { grid-template-columns: 56px 1fr; }
.lg-action.ld-4 .lg-action-h, .lg-call.ld-4 .lg-call-h { font-size: 20px; }
.lg-action.ld-4, .lg-call.ld-4 { padding-top: 12px; }
/* Порядок крупных блоков меняет ритм линеек. */
body.col-v2 .lg-sec { border-top-style: double; border-top-width: 3px; }
body.col-v3 .lg-sec { border-top: 0; padding-top: 22px; }
body.col-v4 .lg-title { font-size: clamp(26px, 4vw, 36px); }
body.col-v5 .lg-wrap { width: min(640px, calc(100% - 32px)); }
@media (max-width: 860px) {
    .lg-faq.ld-2 .lg-faq-item, .lg-packs.ld-3 .lg-packs-grid, body.ledger-3 .lg-facts { grid-template-columns: 1fr; }
    .lg-catalog.ld-2 .lg-game { grid-template-columns: 72px 1fr; }
}