@font-face {
    font-display: swap;
    font-family: "Comfortaa";
    font-style: normal;
    font-weight: 500;
    src: url("/library-30/face/comfortaa-greek-500.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}

@font-face {
    font-display: swap;
    font-family: "Comfortaa";
    font-style: normal;
    font-weight: 500;
    src: url("/library-30/face/comfortaa-latin-500.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
    font-display: swap;
    font-family: "Comfortaa";
    font-style: normal;
    font-weight: 700;
    src: url("/library-30/face/comfortaa-greek-700.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}

@font-face {
    font-display: swap;
    font-family: "Comfortaa";
    font-style: normal;
    font-weight: 700;
    src: url("/library-30/face/comfortaa-latin-700.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
    font-display: swap;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 400;
    src: url("/library-30/face/manrope-greek-400.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}

@font-face {
    font-display: swap;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 400;
    src: url("/library-30/face/manrope-latin-400.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
    font-display: swap;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    src: url("/library-30/face/manrope-greek-500.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}

@font-face {
    font-display: swap;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    src: url("/library-30/face/manrope-latin-500.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
    font-display: swap;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    src: url("/library-30/face/manrope-greek-700.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}

@font-face {
    font-display: swap;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    src: url("/library-30/face/manrope-latin-700.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

:root {
    --lc-1: 5px;
    --lc-2: 10px;
    --lc-3: 15px;
    --lc-4: 25px;
    --lc-5: 40px;
    --lc-6: 60px;
    --lc-7: 90px;
    --lc-8: 140px;
    --r-1: 2px;
    --r-2: 2px;
    --r-3: 6px;
    --r-4: 8px;
    --r-5: 14px;
    --r-6: 18px;
    --r-7: 22px;
    --r-8: 28px;
    --lc-pill: 9999px;
    --lc-circle: 50%;
    --lc-core: #2164f8;
    --lc-punch: #16c581;
    --lc-spot-deep: #13a56b;
    --lc-canvas: #1d3487;
    --lc-card: #1e3a90;
    --lc-deep: #152869;
    --lc-fg: #ffffff;
    --lc-dim: #bdbdbd;
    --lc-stroke: rgba(255, 255, 255, 0.16);
    --lc-border-strong: rgba(255, 255, 255, 0.32);
    --lc-grad-1: #6aefba;
    --lc-blend-b: #25e8a0;
    --lc-warn-band: #7f1d1d;
    --lc-display: "Comfortaa", "Trebuchet MS", sans-serif;
    --lc-copy: "Manrope", "Segoe UI", sans-serif;
    --lc-display-1: 38px;
    --lc-xl-2: 30px;
    --lc-h3: 24px;
    --lc-display-4: 20px;
    --lc-h5: 17px;
    --lc-micro-head: 15px;
    --lc-body: 17px;
    --lc-sm: 15px;
    --lc-legal: 13px;
    --lc-snug: 1.25;
    --lc-default: 1.6;
    --lc-relaxed: 1.8;
    --lc-normal: 400;
    --lc-medium: 500;
    --lc-bold: 600;
    --lc-close: 0;
    --lc-regular: 0;
    --lc-loose: 0.01em;
    --d-1: 0 1px 1px rgba(4, 10, 38, 0.2);
    --d-2: 0 1px 2px rgba(4, 10, 38, 0.26);
    --d-3: 0 2px 4px rgba(4, 10, 38, 0.32);
    --d-4: 0 4px 10px rgba(4, 10, 38, 0.36);
    --d-5: 0 8px 20px rgba(4, 10, 38, 0.42);
    --d-6: 0 14px 30px rgba(4, 10, 38, 0.46);
    --d-7: 0 20px 44px rgba(4, 10, 38, 0.5);
    --d-8: 0 28px 60px rgba(4, 10, 38, 0.56);
    --lc-short: 133ms;
    --lc-steady: 250ms;
    --lc-gentle: 460ms;
    --lc-exit: cubic-bezier(0.17, 0.63, 0.27, 0.95);
    --lc-take-off: cubic-bezier(0.55, 0.01, 0.32, 0.97);
    --lc-even: cubic-bezier(0.55, 0.01, 0.32, 0.97);
    --lc-spring: cubic-bezier(0.43, 1.3, 0.63, 1.1);
    --lc-page: 1000px;
    --lc-readable: 1000px;
    --lc-narrow: 620px;
    --lc-pad-lg: 32px;
    --lc-edge-mid: 24px;
    --lc-edge-narrow: 16px;
    --lc-fine: 1px;
    --b-regular: 2px;
    --lc-strong: 3px;
    --lc-h-lg: 60px;
    --lc-h-sm: 56px;
    --lc-tier-h: 34px;
    --lc-sec-y: 45px;
    --lc-rail: 1240px;
    --lc-cookie-h: 0px;
    --lc-shell: 94px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

html,
body {
    overflow-x: clip;
}

body {
    background: var(--lc-canvas);
    color: var(--lc-fg);
    display: flex;
    flex-direction: column;
    font-family: var(--lc-copy);
    font-size: var(--lc-body);
    font-weight: var(--lc-normal);
    letter-spacing: var(--lc-regular);
    line-height: var(--lc-relaxed);
    margin: 0;
    min-height: 100vh;
    padding-block-start: var(--lc-cookie-h);
}

main {
    display: block;
    flex: 1 0 auto;
}

#main,
#mesa,
#responsible-gaming,
#lead-heading {
    scroll-margin-block-start: calc(var(--lc-shell) + var(--lc-cookie-h) + var(--lc-3));
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
}

h1,
h2,
h3 {
    font-family: var(--lc-display);
    font-weight: var(--lc-bold);
    letter-spacing: var(--lc-regular);
    line-height: var(--lc-snug);
    margin: 0;
}

h4,
h5,
h6 {
    font-family: var(--lc-copy);
    font-weight: var(--lc-medium);
    letter-spacing: var(--lc-regular);
    line-height: var(--lc-snug);
    margin: 0;
}

p {
    margin: 0;
    overflow-wrap: anywhere;
}

img {
    max-width: 100%;
}

strong {
    color: var(--lc-fg);
    font-weight: var(--lc-bold);
}

em {
    font-style: italic;
}

table {
    border-collapse: collapse;
}

::selection {
    background: var(--lc-punch);
    color: var(--lc-canvas);
}

:focus-visible {
    outline: var(--lc-strong) solid var(--lc-grad-1);
    outline-offset: 2px;
}

.skip-hop {
    background: var(--lc-punch);
    border-radius: 0 0 var(--r-4) 0;
    color: var(--lc-canvas);
    font-weight: var(--lc-bold);
    left: 0;
    padding: var(--lc-2) var(--lc-4);
    position: fixed;
    text-decoration: none;
    z-index: 140;
}

.skip-hop:not(:focus) {
    top: -200px !important;
}

.skip-hop:focus {
    top: 0;
}

.sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

[data-anim] {
    filter: blur(9px);
    opacity: 0;
    transform: translateY(28px);
    transition: filter var(--lc-gentle) var(--lc-exit), opacity var(--lc-gentle) var(--lc-exit), transform var(--lc-gentle) var(--lc-exit);
}

[data-anim].has-entered {
    filter: blur(0);
    opacity: 1;
    transform: none;
}

.a69 {
    padding-block: var(--lc-sec-y);
}

.a69-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.a69-heading {
    font-size: var(--lc-xl-2);
    margin-block-end: var(--lc-4);
}

.a69-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.a69-cell {
    border-block-end: var(--lc-fine) solid var(--lc-stroke);
    padding-block: var(--lc-4);
}

.a69-ask {
    align-items: start;
    color: var(--lc-fg);
    cursor: pointer;
    display: grid;
    gap: var(--lc-3);
    grid-template-columns: 1fr auto;
    list-style: none;
}

.a69-ask::-webkit-details-marker {
    display: none;
}

.a69-banner {
    font-size: var(--lc-h5);
    font-weight: var(--lc-bold);
    transition: color var(--lc-short) var(--lc-exit);
}

.a69-ask:hover .a69-banner {
    color: var(--lc-punch);
}

.a69-arrow {
    border-inline-end: var(--b-regular) solid var(--lc-punch);
    border-block-end: var(--b-regular) solid var(--lc-punch);
    display: block;
    height: 10px;
    margin-block-start: 6px;
    transform: rotate(45deg);
    transition: transform var(--lc-steady) var(--lc-exit);
    width: 10px;
}

.a69-cell[open] .a69-arrow {
    transform: rotate(225deg);
}

.a69-reply {
    animation: a69-unfold var(--lc-steady) var(--lc-exit) both;
    color: var(--lc-dim);
    padding-block-start: var(--lc-3);
}

.a69-reply p {
    margin-block-end: var(--lc-2);
}

.a69-reply p:last-child {
    margin-block-end: 0;
}

@keyframes a69-unfold {
    from {
        max-height: 0;
        opacity: 0;
    }

    to {
        max-height: 620px;
        opacity: 1;
    }
}

.g35 {
    padding-block: var(--lc-7);
}

.g35-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
    text-align: center;
}

.g35-banner {
    font-size: var(--lc-display-1);
    margin-block-end: var(--lc-3);
    margin-inline: auto;
    max-width: var(--lc-narrow);
}

.g35-para {
    color: var(--lc-dim);
    margin-block-end: var(--lc-5);
    margin-inline: auto;
    max-width: var(--lc-narrow);
}

.g35-jump {
    background: var(--lc-card);
    border: var(--lc-fine) solid var(--lc-border-strong);
    border-radius: var(--r-4);
    color: var(--lc-fg);
    display: inline-flex;
    font-weight: var(--lc-medium);
    min-height: 48px;
    align-items: center;
    padding-inline: var(--lc-4);
    text-decoration: none;
    transition: background var(--lc-short) var(--lc-exit), color var(--lc-short) var(--lc-exit);
}

.g35-jump:hover {
    background: var(--lc-deep);
    color: var(--lc-grad-1);
}

.g35-hint {
    background: var(--lc-card);
    border-radius: var(--r-5);
    margin-block-start: var(--lc-6);
    padding: var(--lc-5) var(--lc-4);
    text-align: start;
}

.g35-hint-heading {
    font-size: var(--lc-display-4);
    margin-block-end: var(--lc-3);
}

.g35-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-3) var(--lc-4);
    list-style: none;
    margin: 0;
    padding: 0;
}

.g35-cell {
    display: block;
}

.g35-hop {
    color: var(--lc-grad-1);
    font-weight: var(--lc-medium);
    text-decoration: none;
}

.g35-hop:hover {
    background: var(--lc-deep);
    color: var(--lc-fg);
    text-decoration: underline;
}

.g49 {
    background: var(--lc-deep);
    display: flex;
    align-items: flex-end;
    min-height: clamp(540px, calc(100vh - var(--lc-shell)), 780px);
    position: relative;
    overflow: hidden;
}

.g49-slim {
    align-items: center;
    min-height: clamp(320px, 52vh, 440px);
}

.g49-media {
    height: 100%;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.g49-veil {
    background: linear-gradient(180deg, rgba(9, 17, 56, 0.32) 0%, rgba(9, 17, 56, 0.72) 58%, rgba(16, 30, 90, 0.92) 100%);
    inset: 0;
    position: absolute;
    z-index: 2;
}

.g49-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-block: var(--lc-6);
    padding-inline: var(--lc-pad-lg);
    position: relative;
    width: 100%;
    z-index: 3;
}

.g49-tag {
    color: var(--lc-grad-1);
    display: block;
    font-size: var(--lc-sm);
    font-weight: var(--lc-medium);
    letter-spacing: var(--lc-loose);
    margin-block-end: var(--lc-2);
    text-transform: uppercase;
}

.g49-banner {
    color: #ffffff;
    font-size: clamp(29px, 4.4vw, 38px);
    line-height: 1.3;
    margin-block-end: var(--lc-3);
    max-width: var(--lc-narrow);
}

.g49-deck {
    color: #e6eaff;
    font-size: var(--lc-h5);
    line-height: var(--lc-default);
    margin-block-end: var(--lc-5);
    max-width: var(--lc-narrow);
}

.g49-acts {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-3) var(--lc-4);
}

.g49-fine {
    color: #d8ddf5;
    display: block;
    font-size: var(--lc-legal);
    line-height: var(--lc-default);
    max-width: var(--lc-narrow);
}

.g49-deal {
    background: var(--lc-deep);
    border-block-end: var(--lc-fine) solid var(--lc-stroke);
    padding-block: var(--lc-4);
}

.g49-deal-rail {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-2) var(--lc-4);
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.g49-deal-term {
    color: var(--lc-fg);
    font-size: var(--lc-sm);
    font-weight: var(--lc-medium);
}

.g49-deal-flag {
    background: var(--lc-warn-band);
    border-radius: var(--r-3);
    color: #ffffff;
    display: inline-block;
    font-size: var(--lc-legal);
    font-weight: var(--lc-bold);
    padding: 4px var(--lc-2);
}

.g87 {
    padding-block: var(--lc-sec-y);
}

.g87-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.g87-heading {
    font-size: var(--lc-xl-2);
    margin-block-end: var(--lc-3);
}

.g87-intro {
    color: var(--lc-dim);
    margin-block-end: var(--lc-4);
}

.g87-form {
    background: var(--lc-card);
    border-radius: var(--r-5);
    padding: var(--lc-5) var(--lc-4);
}

.g87-line {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-3);
}

.g87-control {
    flex: 1 1 260px;
    min-width: 0;
}

.g87-control-wide {
    flex: 1 1 100%;
    margin-block-start: var(--lc-3);
}

.g87-caption {
    color: var(--lc-fg);
    display: block;
    font-size: var(--lc-sm);
    font-weight: var(--lc-medium);
    margin-block-end: var(--lc-1);
}

.g87-form input,
.g87-form textarea {
    background: var(--lc-deep);
    border: var(--lc-fine) solid var(--lc-border-strong);
    border-radius: var(--r-4);
    color: var(--lc-fg);
    font-family: var(--lc-copy);
    font-size: var(--lc-body);
    min-height: 48px;
    padding: var(--lc-2) var(--lc-3);
    width: 100%;
}

.g87-form textarea {
    min-height: 130px;
    resize: vertical;
}

.g87-form input::placeholder,
.g87-form textarea::placeholder {
    color: var(--lc-dim);
}

.g87-send {
    background: var(--lc-punch);
    border: none;
    border-radius: var(--r-4);
    color: var(--lc-canvas);
    cursor: pointer;
    font-family: var(--lc-copy);
    font-size: var(--lc-body);
    font-weight: var(--lc-bold);
    margin-block-start: var(--lc-4);
    min-height: 50px;
    padding-inline: var(--lc-5);
    transition: background var(--lc-short) var(--lc-exit), color var(--lc-short) var(--lc-exit), transform var(--lc-short) var(--lc-exit);
}

.g87-send:hover {
    background: var(--lc-grad-1);
    color: var(--lc-canvas);
}

.g87-send:active {
    transform: translateY(2px) scale(0.98);
}

.g87-message {
    background: var(--lc-deep);
    border: var(--lc-fine) solid var(--lc-punch);
    border-radius: var(--r-4);
    color: var(--lc-fg);
    margin-block-start: var(--lc-3);
    padding: var(--lc-3) var(--lc-4);
}

.g87-aid {
    color: var(--lc-dim);
    margin-block-start: var(--lc-4);
}

.g87-aid a {
    color: var(--lc-punch);
}

.h17 {
    bottom: 0;
    padding-block: 0;
    position: sticky;
    z-index: 90;
}

.h17-band {
    animation: h17-glide var(--lc-gentle) var(--lc-exit) both;
    background: var(--lc-punch);
    box-shadow: var(--d-5);
    display: none;
}

.h17.is-live .h17-band {
    display: block;
}

@keyframes h17-glide {
    from {
        transform: translateX(-14%);
    }

    to {
        transform: translateX(0);
    }
}

.h17-rail {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-2) var(--lc-4);
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    min-height: 80px;
    padding-block: var(--lc-2);
    padding-inline: var(--lc-pad-lg);
}

.h17-banner {
    background: var(--lc-punch);
    color: var(--lc-canvas);
    flex: 1 1 240px;
    font-family: var(--lc-copy);
    font-size: var(--lc-body);
    font-weight: var(--lc-bold);
    line-height: var(--lc-default);
}

.h17-para {
    background: var(--lc-punch);
    color: #0d2049;
    display: block;
    font-size: var(--lc-legal);
    font-weight: var(--lc-normal);
    line-height: var(--lc-default);
}

.h17-shut {
    background: var(--lc-canvas);
    border: none;
    border-radius: var(--lc-circle);
    color: var(--lc-fg);
    cursor: pointer;
    font-size: 18px;
    height: 36px;
    line-height: 1;
    width: 36px;
}

.h17-shut:hover {
    background: var(--lc-deep);
    color: var(--lc-grad-1);
}

.j87 {
    display: block;
    padding-block: var(--lc-6);
}

.j87-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.j87-quote {
    margin: 0;
    margin-inline: auto;
    max-width: var(--lc-narrow);
    position: relative;
    text-align: center;
}

.j87-quote::before {
    color: var(--lc-punch);
    content: "\201C";
    display: block;
    font-family: var(--lc-display);
    font-size: var(--lc-display-1);
    line-height: 1;
}

.j87-quote p {
    color: var(--lc-fg);
    font-family: var(--lc-display);
    font-size: var(--lc-display-4);
    font-style: italic;
    line-height: var(--lc-default);
    margin-block-end: var(--lc-3);
}

.j87-file {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-1) var(--lc-2);
    justify-content: center;
}

.j87-avatar {
    border-radius: var(--lc-circle);
    height: 36px;
    object-fit: cover;
    width: 36px;
}

.j87-person {
    font-style: normal;
}

.j87-person a {
    color: var(--lc-punch);
    font-weight: var(--lc-bold);
    text-decoration: none;
}

.j87-person a:hover {
    background: var(--lc-deep);
    color: var(--lc-grad-1);
}

.j87-credit {
    color: var(--lc-dim);
    font-size: var(--lc-sm);
    font-style: italic;
}

.j87-stamp {
    color: var(--lc-dim);
    font-size: var(--lc-sm);
}

.l04 {
    background: var(--lc-deep);
    border-block-start: var(--lc-fine) solid var(--lc-stroke);
    padding-block: var(--lc-7);
}

.l04-rail {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.l04-creed {
    margin-inline: auto;
    max-width: var(--lc-narrow);
    text-align: center;
}

.l04-banner {
    color: var(--lc-fg);
    font-size: var(--lc-xl-2);
    margin-block-end: var(--lc-3);
}

.l04-return {
    color: var(--lc-punch);
    font-family: var(--lc-display);
    font-size: var(--lc-micro-head);
    font-weight: var(--lc-bold);
    letter-spacing: var(--lc-loose);
    text-decoration: underline;
    text-transform: uppercase;
    text-underline-offset: 5px;
}

.l04-return:hover {
    background: var(--lc-canvas);
    color: var(--lc-grad-1);
}

.l04-rule {
    background: var(--lc-stroke);
    border: none;
    height: 1px;
    margin-block: var(--lc-6);
    margin-inline: 0;
}

.l04-sub {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-5);
    justify-content: space-between;
}

.l04-sign {
    display: inline-block;
    flex-shrink: 0;
}

.l04-para {
    color: var(--lc-dim);
    font-size: var(--lc-sm);
    line-height: var(--lc-default);
    margin-block-start: var(--lc-3);
    max-width: 260px;
}

.l04-sign img {
    display: block;
    height: 56px;
    width: auto;
}

.l04-part {
    flex: 0 1 auto;
    min-width: 0;
}

.l04-heading {
    color: var(--lc-fg);
    font-size: var(--lc-micro-head);
    letter-spacing: var(--lc-loose);
    margin-block-end: var(--lc-2);
    text-transform: uppercase;
}

.l04-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.l04-cell {
    margin-block-end: var(--lc-1);
}

.l04-jump {
    color: var(--lc-dim);
    font-size: var(--lc-sm);
    text-decoration: none;
}

.l04-jump:hover {
    background: var(--lc-canvas);
    color: var(--lc-grad-1);
    text-decoration: underline;
}

.l04-warn {
    border-block-start: var(--lc-fine) solid var(--lc-stroke);
    color: var(--lc-dim);
    display: block;
    font-size: var(--lc-legal);
    line-height: var(--lc-default);
    margin-block-start: var(--lc-6);
    padding-block-start: var(--lc-4);
}

.l04-warn-flag {
    background: var(--lc-warn-band);
    border-radius: var(--r-3);
    color: #ffffff;
    display: inline-block;
    font-size: var(--lc-legal);
    font-weight: var(--lc-bold);
    margin-inline-end: var(--lc-2);
    padding: 3px var(--lc-2);
}

.l04-aid {
    color: var(--lc-grad-1);
    font-weight: var(--lc-medium);
}

.l04-aid:hover {
    background: var(--lc-canvas);
    color: var(--lc-fg);
}

.l04-fine {
    color: var(--lc-dim);
    display: block;
    font-size: var(--lc-legal);
    margin-block-start: var(--lc-4);
}

.l76 {
    background: var(--lc-canvas);
    position: sticky;
    top: var(--lc-cookie-h);
    transition: box-shadow var(--lc-steady) var(--lc-exit);
    z-index: 80;
}

.l76.is-shrunk {
    box-shadow: var(--d-4);
}

.l76-tier {
    background: var(--lc-deep);
    height: var(--lc-tier-h);
    overflow: hidden;
}

.l76-tier-rail {
    align-items: center;
    display: flex;
    gap: var(--lc-4);
    height: var(--lc-tier-h);
    justify-content: space-between;
    margin-inline: auto;
    max-width: var(--lc-rail);
    padding-inline: var(--lc-4);
}

.l76-desk {
    color: var(--lc-dim);
    font-size: var(--lc-legal);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.l76-reach {
    color: var(--lc-grad-1);
    font-size: var(--lc-legal);
    text-decoration: none;
    white-space: nowrap;
}

.l76-reach:hover {
    background: var(--lc-canvas);
    color: var(--lc-fg);
    text-decoration: underline;
}

.l76-base {
    align-items: center;
    border-block-end: var(--lc-fine) solid var(--lc-stroke);
    display: flex;
    height: 60px;
    transition: height var(--lc-steady) var(--lc-exit);
}

.l76.is-shrunk .l76-base {
    height: 52px;
}

.l76-rail {
    align-items: center;
    display: flex;
    gap: var(--lc-3);
    height: 100%;
    margin-inline: auto;
    max-width: var(--lc-rail);
    padding-inline: var(--lc-4);
    position: relative;
    width: 100%;
}

.l76-sign {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    text-decoration: none;
}

.l76-sign img {
    display: block;
    flex-shrink: 0;
    height: 44px;
    transition: height var(--lc-steady) var(--lc-exit);
    width: auto;
}

.l76.is-shrunk .l76-sign img {
    height: 36px;
}

.l76-mark {
    background: var(--lc-warn-band);
    border-radius: var(--r-3);
    color: #ffffff;
    flex-shrink: 0;
    font-size: var(--lc-legal);
    font-weight: var(--lc-bold);
    line-height: 1;
    padding: 5px 7px;
}

.l76-menu-switch {
    align-items: center;
    background: none;
    border: none;
    color: var(--lc-fg);
    cursor: pointer;
    display: none;
    gap: 3px;
    height: 44px;
    justify-content: center;
    margin-left: auto !important;
    order: 3;
    padding: 0;
    width: 44px;
}

.l76-lines {
    display: grid;
    gap: 3px;
    grid-template-columns: 8px 8px;
    grid-template-rows: 8px 8px;
}

.l76-lines i {
    background: var(--lc-fg);
    border-radius: var(--r-1);
    display: block;
    height: 8px;
    width: 8px;
}

.l76-guide {
    flex: 0 0 auto;
    margin-left: auto;
    min-width: auto;
    order: 2;
}

.l76-list {
    align-items: center;
    display: flex;
    gap: var(--lc-2);
    list-style: none;
    margin: 0;
    padding: 0;
}

.l76-cell {
    flex: 0 0 auto;
}

.l76-cell[hidden] {
    display: none;
}

.l76-jump {
    border-radius: var(--lc-pill);
    color: var(--lc-fg);
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: var(--lc-loose);
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background var(--lc-short) var(--lc-exit), color var(--lc-short) var(--lc-exit);
    white-space: nowrap;
}

.l76-jump:hover {
    background: var(--lc-deep);
    color: var(--lc-grad-1);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.l76-jump.is-current {
    background: var(--lc-punch);
    color: var(--lc-canvas);
}

.l76-more {
    display: none;
    flex: 0 0 auto;
    position: relative;
}

.l76-more.is-shown {
    display: block;
}

.l76-more-switch {
    background: var(--lc-deep);
    border: var(--lc-fine) solid var(--lc-border-strong);
    border-radius: var(--lc-pill);
    color: var(--lc-fg);
    cursor: pointer;
    font-family: var(--lc-copy);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: var(--lc-loose);
    min-height: 36px;
    padding: 6px 14px;
    text-transform: uppercase;
    white-space: nowrap;
}

.l76-more-switch:hover {
    background: var(--lc-punch);
    color: var(--lc-canvas);
}

.l76-more-pane {
    background: var(--lc-deep);
    border: var(--lc-fine) solid var(--lc-border-strong);
    border-radius: var(--r-4);
    box-shadow: var(--d-5);
    display: none;
    inset-inline-end: 0;
    list-style: none;
    margin: 0;
    max-height: 66vh;
    min-width: 220px;
    overflow-y: auto;
    padding: var(--lc-2);
    position: absolute;
    top: calc(100% + 8px);
    z-index: 120;
}

.l76-more-pane.is-open {
    display: block;
}

.l76-drawer {
    background: var(--lc-deep);
    border-block-start: var(--lc-fine) solid var(--lc-stroke);
    display: none;
    inset-inline: 0;
    max-height: 70vh;
    overflow-y: auto;
    padding: var(--lc-3) var(--lc-4);
    position: absolute;
    top: 100%;
    z-index: 110;
}

.l76-drawer.is-open {
    display: block;
}

.l76-drawer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.l76-drawer-cell {
    display: block;
}

.l76-drawer-jump {
    border-block-end: var(--lc-fine) solid var(--lc-stroke);
    color: var(--lc-fg);
    display: block;
    font-size: var(--lc-body);
    font-weight: var(--lc-medium);
    letter-spacing: var(--lc-loose);
    min-height: 48px;
    padding-block: var(--lc-2);
    text-decoration: none;
    text-transform: uppercase;
}

.l76-drawer-jump:hover {
    background: var(--lc-canvas);
    color: var(--lc-grad-1);
}

.l76-drawer-jump.is-current {
    color: var(--lc-punch);
}

.l76-more-cell {
    display: block;
}

.l76-more-jump {
    border-radius: var(--r-3);
    color: var(--lc-fg);
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: var(--lc-loose);
    min-height: 40px;
    padding: 9px var(--lc-2);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.l76-more-jump:hover {
    background: var(--lc-canvas);
    color: var(--lc-grad-1);
}

.l76-more-jump.is-current {
    background: var(--lc-punch);
    color: var(--lc-canvas);
}

.m48 {
    background: var(--lc-card);
    border-block-end: var(--lc-fine) solid var(--lc-border-strong);
    display: none;
    inset-block-start: 0;
    inset-inline: 0;
    position: fixed;
    z-index: 95;
}

.m48.is-open {
    animation: m48-wipe var(--lc-gentle) var(--lc-exit) both;
    display: block;
}

@keyframes m48-wipe {
    from {
        clip-path: inset(0 0 100% 0);
    }

    to {
        clip-path: inset(0 0 0 0);
    }
}

.m48-rail {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-4);
    justify-content: space-between;
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-block: var(--lc-4);
    padding-inline: var(--lc-pad-lg);
}

.m48-para {
    color: var(--lc-fg);
    flex: 1 1 320px;
    font-size: var(--lc-sm);
    line-height: var(--lc-default);
}

.m48-acts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-2);
}

.m48-confirm {
    background: var(--lc-punch);
    border: none;
    border-radius: var(--r-4);
    color: var(--lc-canvas);
    cursor: pointer;
    font-family: var(--lc-copy);
    font-size: var(--lc-sm);
    font-weight: var(--lc-bold);
    min-height: 44px;
    padding-inline: var(--lc-4);
}

.m48-confirm:hover {
    background: var(--lc-grad-1);
    color: var(--lc-canvas);
}

.m48-reject {
    background: var(--lc-deep);
    border: var(--lc-fine) solid var(--lc-border-strong);
    border-radius: var(--r-4);
    color: var(--lc-fg);
    cursor: pointer;
    font-family: var(--lc-copy);
    font-size: var(--lc-sm);
    font-weight: var(--lc-medium);
    min-height: 44px;
    padding-inline: var(--lc-4);
}

.m48-reject:hover {
    background: var(--lc-canvas);
    color: var(--lc-grad-1);
}

.r90 {
    display: block;
    padding-block: var(--lc-4);
}

.r90-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.r90-line {
    color: var(--lc-dim);
    font-size: var(--lc-micro-head);
    line-height: var(--lc-default);
    text-align: center;
}

.r90-jump {
    color: var(--lc-punch);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.r90-jump:hover {
    background: var(--lc-deep);
    color: var(--lc-grad-1);
    text-decoration-thickness: 3px;
}

.s68 {
    padding-block: var(--lc-sec-y);
}

.s68-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.s68-band {
    margin-block-end: var(--lc-5);
}

.s68-band:last-child {
    margin-block-end: 0;
}

.s68-heading {
    font-size: var(--lc-xl-2);
    font-weight: var(--lc-bold);
    margin-block-end: var(--lc-3);
    margin-block-start: var(--lc-4);
}

.s68-band:first-child .s68-heading {
    margin-block-start: 0;
}

.s68-band p {
    color: var(--lc-dim);
    margin-block-end: var(--lc-3);
}

.s68-band p:nth-of-type(2) {
    padding-inline-start: var(--lc-4);
}

.s68-band p:nth-of-type(3) {
    padding-inline-start: var(--lc-5);
}

.s68-band p:nth-of-type(n + 4) {
    padding-inline-start: var(--lc-6);
}

.s68-band ul,
.s68-band ol {
    color: var(--lc-dim);
    margin-block: 0 var(--lc-3);
    padding-inline-start: var(--lc-4);
}

.s68-band li {
    margin-block-end: var(--lc-1);
}

.s68-band p a,
.s68-band li a {
    color: var(--lc-punch);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.s68-band p a:hover,
.s68-band li a:hover {
    background: var(--lc-deep);
    color: var(--lc-grad-1);
}

.s68-shot {
    display: block;
    margin-block: var(--lc-4);
    margin-inline: 0;
    text-align: center;
}

.s68-shot img {
    border-radius: var(--r-5);
    display: inline-block;
    height: auto;
    max-height: 58vh;
    max-width: 100%;
    transition: transform var(--lc-gentle) var(--lc-exit);
    width: auto;
}

.s68-shot:hover img {
    transform: scale(1.055);
}

.s62 {
    padding-block: var(--lc-sec-y);
}

.s62-core {
    display: grid;
    gap: var(--lc-7);
    grid-template-columns: 240px minmax(0, 1fr);
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.s62-toc {
    align-self: start;
    background: var(--lc-card);
    border-radius: var(--r-4);
    padding: var(--lc-4) var(--lc-3);
    position: sticky;
    top: calc(var(--lc-shell) + var(--lc-3));
}

.v49 {
    padding-block: var(--lc-sec-y);
}

.v49-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.v49-heading {
    font-size: var(--lc-xl-2);
    margin-block-end: var(--lc-4);
}

.v49-frame {
    background: var(--lc-card);
    border-radius: var(--r-4);
    overflow-x: auto;
    padding: 0;
}

.v49-grid {
    min-width: 560px;
    width: 100%;
}

.v49-grid th {
    background: var(--lc-deep);
    color: var(--lc-punch);
    font-family: var(--lc-copy);
    font-size: var(--lc-micro-head);
    font-weight: var(--lc-medium);
    letter-spacing: var(--lc-loose);
    padding: var(--lc-3);
    text-align: start;
    text-transform: uppercase;
}

.v49-grid td {
    color: var(--lc-dim);
    font-size: var(--lc-sm);
    padding: var(--lc-3);
    text-align: start;
    vertical-align: top;
}

.v49-grid tr:nth-child(even) td {
    background: #1a2f7d;
}

.v49-grid tr:hover td {
    background: #16276a;
    transition: background var(--lc-short) var(--lc-exit);
}

.v49-lead {
    color: var(--lc-fg);
    font-weight: var(--lc-medium);
}

.v49-note {
    color: var(--lc-dim);
    display: block;
    font-size: var(--lc-legal);
    margin-block-start: var(--lc-2);
}

.v73 {
    padding-block: var(--lc-sec-y);
}

.v73-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.v73-panel {
    margin-inline: auto;
    max-width: var(--lc-narrow);
    text-align: center;
}

.v73-avatar {
    border-radius: var(--lc-circle);
    display: block;
    height: 140px;
    margin-block-end: var(--lc-5);
    margin-inline: auto;
    object-fit: cover;
    object-position: 62% 40%;
    width: 140px;
}

.v73-credit {
    color: var(--lc-punch);
    display: block;
    font-size: var(--lc-sm);
    letter-spacing: var(--lc-loose);
    margin-block-end: var(--lc-2);
    text-transform: uppercase;
}

.v73-person {
    color: var(--lc-fg);
    font-family: var(--lc-display);
    font-size: var(--lc-xl-2);
    font-weight: var(--lc-bold);
    margin-block-end: var(--lc-3);
}

.v73-para {
    color: var(--lc-dim);
    line-height: var(--lc-relaxed);
    margin-block-end: var(--lc-4);
}

.v73-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-2);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.v73-cell {
    background: var(--lc-card);
    border-radius: var(--lc-pill);
    color: var(--lc-fg);
    font-size: var(--lc-legal);
    padding: 7px var(--lc-3);
}

.x56 {
    padding-block: var(--lc-sec-y);
}

.x56-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.x56-heading {
    font-size: var(--lc-xl-2);
    margin-block-end: var(--lc-4);
}

.x56-stack {
    display: grid;
    gap: var(--lc-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.x56-panel {
    background: #1e3a90;
    border-radius: var(--r-3);
    min-height: 180px;
    padding: var(--lc-4);
    transition: transform var(--lc-steady) var(--lc-exit), box-shadow var(--lc-steady) var(--lc-exit);
}

.x56-panel:hover {
    box-shadow: var(--d-5);
    transform: translateY(-4px);
}

.x56-glyph {
    align-items: center;
    background: var(--lc-deep);
    border: var(--lc-fine) solid var(--lc-border-strong);
    border-radius: var(--r-4);
    color: var(--lc-grad-1);
    display: flex;
    height: 38px;
    justify-content: center;
    margin-block-end: var(--lc-2);
    width: 38px;
}

.x56-glyph svg {
    fill: none;
    height: 21px;
    width: 21px;
}

.x56-banner {
    color: var(--lc-fg);
    font-size: var(--lc-micro-head);
    font-weight: var(--lc-bold);
    line-height: var(--lc-snug);
    margin-block-end: var(--lc-1);
}

.x56-para {
    color: var(--lc-dim);
    font-size: var(--lc-legal);
    line-height: var(--lc-default);
}

.x56-plug {
    align-items: center;
    background: var(--lc-deep);
    border: var(--lc-fine) solid var(--lc-punch);
    border-radius: var(--r-3);
    display: flex;
    flex-direction: column;
    gap: var(--lc-2);
    grid-column: 1 / -1;
    justify-content: center;
    padding: var(--lc-4);
    text-align: center;
}

.x56-plug-term {
    color: var(--lc-dim);
    font-size: var(--lc-legal);
    line-height: var(--lc-default);
}

.y17 {
    padding-block: var(--lc-sec-y);
}

.y17-core {
    margin-inline: auto;
    max-width: calc(var(--lc-page) + 2 * var(--lc-pad-lg));
    padding-inline: var(--lc-pad-lg);
}

.y17-heading {
    font-size: var(--lc-xl-2);
    margin-block-end: var(--lc-4);
}

.y17-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.y17-cell {
    border-block-end: var(--lc-fine) solid var(--lc-stroke);
    padding-block: var(--lc-4);
}

.y17-file {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--lc-2);
    justify-content: space-between;
    margin-block-end: var(--lc-2);
}

.y17-person {
    color: var(--lc-fg);
    font-size: var(--lc-body);
    font-weight: var(--lc-bold);
}

.y17-score {
    color: var(--lc-punch);
    font-weight: var(--lc-bold);
    margin-inline-start: var(--lc-2);
}

.y17-stamp {
    color: var(--lc-dim);
    font-size: var(--lc-sm);
}

.y17-para {
    color: var(--lc-dim);
    font-size: var(--lc-body);
    line-height: var(--lc-default);
    margin: 0;
}

.y17-plug {
    padding-block: var(--lc-4);
    text-align: center;
}

@media (max-width: 1199px) {
    .l76-jump {
        font-size: 14px;
        padding: 7px 8px;
    }

    .l76-list {
        gap: 6px;
    }
}

@media (max-width: 1079px) {
    .s62-core {
        grid-template-columns: minmax(0, 1fr);
    }

    .s62-toc {
        position: static;
    }

    .x56-stack {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 999px) {
    .l76-jump {
        font-size: 13px;
        padding: 7px 7px;
    }

    .l76-sign img {
        height: 38px;
    }
}

@media (max-width: 899px) {
    .l76-guide {
        display: none;
    }

    .l76-menu-switch {
        display: flex;
    }
}

@media (max-width: 759px) {
    :root {
        --lc-display-1: 28px;
        --lc-xl-2: 24px;
        --lc-h3: 20px;
        --lc-display-4: 18px;
        --lc-h5: 16px;
        --lc-micro-head: 14px;
        --lc-body: 16px;
        --lc-sm: 14px;
        --lc-legal: 12px;
        --lc-pad-lg: 24px;
        --lc-sec-y: 38px;
        --lc-shell: 90px;
    }

    .g49 {
        min-height: clamp(440px, 72vh, 620px);
    }

    .g49-core {
        padding-block: var(--lc-5);
    }

    .l04-sub {
        gap: var(--lc-4);
    }

    .s62-core,
    .x56-stack {
        gap: var(--lc-3);
    }

    .s68-band p:nth-of-type(2),
    .s68-band p:nth-of-type(3),
    .s68-band p:nth-of-type(n + 4) {
        padding-inline-start: 0;
    }

    .v49-grid {
        min-width: 520px;
    }

    .x56-stack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    :root {
        --lc-pad-lg: 16px;
    }

    .g49-banner {
        font-size: 27px;
    }

    .h17-rail {
        min-height: 64px;
    }

    .j87-file {
        gap: var(--lc-1);
    }

    .l76-tier-rail,
    .l76-rail {
        padding-inline: var(--lc-3);
    }

    .m48-rail {
        gap: var(--lc-2);
        padding-block: 12px;
    }

    .m48-para {
        flex: 1 1 100%;
        font-size: 13px;
        line-height: 1.35;
    }

    .m48-confirm,
    .m48-reject {
        font-size: 12px;
        min-height: 40px;
        padding-inline: var(--lc-3);
    }

    .v49-grid {
        min-width: 440px;
    }

    .v49-grid th,
    .v49-grid td {
        padding: var(--lc-2);
    }

    .x56-stack {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 479px) {
    .g49-acts {
        gap: var(--lc-2);
    }

    .l76-desk {
        display: none;
    }

    .v49-grid {
        min-width: 380px;
    }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }

    [data-anim] {
        filter: none;
        opacity: 1;
        transform: none;
    }
}

.a69-plug {
    padding-block: var(--lc-4);
    text-align: center;
}

.a69-plug-term,
.s68-plug-term,
.y17-plug-term {
    color: var(--lc-dim);
    display: block;
    font-size: var(--lc-legal);
    margin-block-start: var(--lc-1);
}

.s68-plug {
    margin-block: var(--lc-5);
    text-align: center;
}

.likase-act{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--lc-4);min-height:48px;border-radius:var(--r-4);border:var(--lc-fine) solid var(--lc-border-strong);font-weight:var(--lc-medium)}
.likase-act{
  background:#C026D3;color:#FFFFFF;text-decoration:none;
  transition:background var(--lc-steady) var(--lc-even),box-shadow var(--lc-steady) var(--lc-even);}
.likase-act.likase-act{color:#FFFFFF;text-decoration:none;}
.likase-act:hover{background:#A21CAF;color:#FFFFFF;animation:none}
.likase-act.likase-act:hover{color:#FFFFFF;text-decoration:none}
.likase-act:hover::after{animation:none}
.likase-act:active{background:#86198F;color:#FFFFFF;transform:translateY(2px) scale(0.98)}
.likase-act:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
@keyframes likase-wake{0%{transform:translateX(0)}27.273%{transform:translateX(4px)}54.545%,100%{transform:translateX(0)}}
.likase-act{animation:likase-wake 1.1s var(--lc-exit) infinite}
@media (prefers-reduced-motion:reduce){.likase-act,.likase-act::after{animation:none!important;transition:none!important}}

@media (max-width: 935px) {
  .l76-guide,
  .l76-list,
  .l76-jump { display: none !important; }
  .l76-menu-switch { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js [data-anim]{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}