/* Source: base.css */
:root{
    --bg:#0d0908;
    --bg-soft:#16100e;
    --panel:#1b1311;
    --panel-2:#211715;
    --border:#3a2620;
    --border-light:#5a3a30;
    --primary:#7e1f1a;
    --primary-hover:#9d2a22;
    --gold:#c69a57;
    --gold-soft:#e0bb82;
    --text:#f4ece6;
    --muted:#b9a79c;
    --danger:#b43b31;
    --shadow:0 10px 30px rgba(0,0,0,.35);
    --radius:18px;
    --container:1280px;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

html,
body{
    min-height:100%;
}

body{
    margin:0;
    font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background:
        radial-gradient(circle at top, rgba(126, 41, 26, 0.22), transparent 35%),
        linear-gradient(180deg, #120c0b 0%, #201715 100%);
    color:var(--text);
    min-height:100vh;
}

.site-shell{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.site-content{
    flex:1;
}

.site-content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(13, 9, 8, .92) 0%, rgba(13, 9, 8, .72) 45%, rgba(13, 9, 8, .88) 100%), url(/assets/img/home-bg-alt.webp) center / cover no-repeat;
    opacity: .04;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) calc(100% - 90px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) calc(100% - 90px), rgba(0, 0, 0, 0) 100%);
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    display:block;
}

.container{
    width:min(var(--container), calc(100% - 32px));
    margin:0 auto;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:none;
    border-radius:14px;
    padding:13px 20px;
    font-weight:700;
    cursor:pointer;
    transition:.2s ease;
}

.btn-primary{
    background:linear-gradient(180deg, var(--primary-hover), var(--primary));
    color:#fff;
    box-shadow:0 10px 24px rgba(126,31,26,.28);
}

.btn-primary:hover{
    transform:translateY(-1px);
    filter:brightness(1.05);
}

.btn-secondary{
    background:rgba(255,255,255,.03);
    border:1px solid var(--border);
    color:var(--text);
}

.btn-secondary:hover{
    background:rgba(255,255,255,.06);
}

.muted{
    color:var(--muted);
}

/* Source: layout.css */
.section{
    padding:72px 0;
}

.section-title{
    font-size:clamp(28px, 4vw, 42px);
    margin:0 0 12px;
    line-height:1.1;
}

.section-subtitle{
    color:var(--muted);
    max-width:760px;
    line-height:1.7;
    margin:0 auto 0 0;
}

.grid-2{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:22px;
}

.grid-3{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:22px;
}

.card{
    background:linear-gradient(180deg, rgba(30,22,19,.92), rgba(21,15,13,.98));
    border:1px solid rgba(198,154,87,.12);
    border-radius:22px;
    box-shadow:var(--shadow);
    overflow:hidden;
}

.card-body{
    padding:24px;
}

.badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(198,154,87,.08);
    color:var(--gold-soft);
    border:1px solid rgba(198,154,87,.15);
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.ranking-table{
    width:100%;
    border-collapse:collapse;
    overflow:hidden;
}

.ranking-table th,
.ranking-table td{
    padding:16px 14px;
    text-align:left;
    border-bottom:1px solid rgba(198,154,87,.08);
}

.ranking-table th{
    color:var(--gold-soft);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.ranking-table td{
    color:var(--text);
}

.ranking-table tr:last-child td{
    border-bottom:none;
}

/* Source: navbar.css */
.topbar{
    position:sticky;
    top:0;
    z-index:1002;
    backdrop-filter:blur(12px);
    background:rgba(15,10,9,.82);
    border-bottom:1px solid rgba(198,154,87,.14);
}

.navbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:82px;
    gap:24px;
}

.brand{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.brand-mark{
    width: 55px;
    height: 55px;
    border-radius:12px;
    display:grid;
    place-items:center;
    font-size:18px;
    opacity:.65;
}

.brand-mark img{
    filter: drop-shadow(5px 5px 4px rgba(0,0,0,0.3));
}

.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1;
}

.brand-text small{
    color:var(--gold);
    font-size:11px;
    font-weight:600;
    letter-spacing:.16em;
    margin-top:6px;
}

.nav-panel{
    display:flex;
    align-items:center;
    gap:12px;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.nav-link{
    padding:10px 14px;
    border-radius:12px;
    color:var(--muted);
    font-weight:600;
    transition:.2s ease;
}

.nav-link:hover,
.nav-link.active{
    color:var(--text);
    background:rgba(255,255,255,.04);
}

.nav-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

.nav-account-slot{
    width:190px;
    min-width:190px;
    flex:0 0 190px;
}

.nav-account-loading,
.nav-account-unavailable,
.nav-login-button{
    width:100%;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    white-space:nowrap;
}

.nav-account-loading,
.nav-account-unavailable{
    padding:10px 14px;
    border-radius:12px;
    border:1px solid var(--border);
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
        var(--panel);
    color:var(--muted);
    font-size:13px;
    font-weight:700;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.nav-account-unavailable{
    border-color:rgba(212,111,111,.24);
    background:rgba(160,33,33,.12);
    color:#ffd5d5;
}

.nav-account-spinner{
    width:18px;
    height:18px;
    border-radius:999px;
    border:2px solid rgba(198,154,87,.16);
    border-top-color:var(--gold-soft);
    animation:navAccountSpin .9s linear infinite;
    flex-shrink:0;
}

/* Refined guest action: visually distinct without competing with the main navigation. */
.nav-login-button{
    position:relative;
    overflow:hidden;
    min-height:46px;
    padding:10px 17px;
    border:1px solid rgba(213,173,115,.34);
    border-radius:12px;
    background:
        linear-gradient(135deg,rgba(213,173,115,.14),rgba(213,173,115,.025) 48%,rgba(255,255,255,.025)),
        rgba(16,12,10,.86);
    color:#f2e2ca;
    font-weight:800;
    letter-spacing:.015em;
    box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.24);
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease;
}

.nav-login-button:hover{
    transform:translateY(-1px);
    border-color:rgba(225,190,136,.62);
    background:
        linear-gradient(135deg,rgba(213,173,115,.22),rgba(213,173,115,.055) 52%,rgba(255,255,255,.035)),
        rgba(20,14,11,.92);
    color:#fff4e4;
    box-shadow:inset 0 1px rgba(255,255,255,.065),0 11px 28px rgba(0,0,0,.3),0 0 20px rgba(198,154,87,.08);
}

.nav-login-button:focus-visible{
    outline:2px solid rgba(225,190,136,.7);
    outline-offset:3px;
}

.nav-account-warning{
    width:18px;
    height:18px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(212,111,111,.18);
    color:#ffd5d5;
    font-weight:900;
    flex-shrink:0;
}

@keyframes navAccountSpin{
    to{
        transform:rotate(360deg);
    }
}

.lang-dropdown,
.account-dropdown{
    position:relative;
    min-width:130px;
}

.nav-account-slot .account-dropdown{
    width:100%;
    min-width:0;
}

.lang-trigger,
.account-trigger{
    width:100%;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 14px;
    border-radius:12px;
    border:1px solid var(--border);
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
        var(--panel);
    color:var(--text);
    cursor:pointer;
    transition:.2s ease;
    font-weight:700;
    box-shadow:0 6px 18px rgba(0,0,0,.18);
}

.lang-trigger:hover,
.account-trigger:hover{
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
        var(--panel-2);
    border-color:var(--border-light);
}

.lang-trigger:focus-visible,
.account-trigger:focus-visible{
    outline:none;
    border-color:var(--gold);
    box-shadow:0 0 0 3px rgba(198,154,87,.16);
}

.lang-trigger-label{
    display:flex;
    align-items:center;
    min-width:0;
}

.account-trigger-label{
    letter-spacing:.08em;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.lang-trigger-value,
.lang-option-main{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.lang-flag{
    width:20px;
    height:20px;
    border-radius:999px;
    object-fit:cover;
    display:block;
    flex-shrink:0;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.08),
        0 4px 10px rgba(0,0,0,.22);
}

.lang-trigger .lang-code{
    color:var(--text);
}

.lang-option .lang-code{
    font-weight:800;
    letter-spacing:.08em;
    color:var(--gold-soft);
}

.lang-name{
    color:var(--muted);
    font-weight:600;
    margin-left:auto;
    text-align:right;
}

.lang-trigger-arrow{
    width:10px;
    height:10px;
    border-right:2px solid var(--gold-soft);
    border-bottom:2px solid var(--gold-soft);
    transform:rotate(45deg) translateY(-1px);
    transition:transform .2s ease;
    flex-shrink:0;
    margin-right:2px;
}

.lang-dropdown.open .lang-trigger-arrow,
.account-dropdown.open .lang-trigger-arrow{
    transform:rotate(-135deg) translateY(-1px);
}

.lang-menu,
.account-menu{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    min-width:100%;
    background:linear-gradient(180deg, rgba(30,22,19,.98), rgba(21,15,13,.98));
    border:1px solid rgba(198,154,87,.14);
    border-radius:16px;
    box-shadow:var(--shadow);
    padding:8px;
    display:flex;
    flex-direction:column;
    gap:6px;
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    pointer-events:none;
    transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
    z-index:1100;
}

/* Compact cinematic language palette, inspired by the maintenance selector. */
.lang-menu{
    display:grid;
    width:min(410px, calc(100vw - 32px));
    min-width:360px;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:7px;
    padding:10px;
    border:1px solid rgba(213,173,115,.2);
    border-radius:18px;
    background:
        linear-gradient(145deg, rgba(35,25,21,.97), rgba(14,10,9,.985)),
        radial-gradient(circle at 12% 0, rgba(213,173,115,.11), transparent 42%);
    box-shadow:
        0 24px 60px rgba(0,0,0,.58),
        inset 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(18px) saturate(.82);
}

.lang-dropdown.open .lang-menu,
.account-dropdown.open .account-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

.lang-option,
.account-option{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:none;
    background:transparent;
    color:var(--text);
    padding:12px 14px;
    border-radius:12px;
    cursor:pointer;
    transition:.2s ease;
    text-align:left;
    font:inherit;
}

.lang-option{
    min-height:46px;
    padding:8px 10px;
    gap:8px;
    border:1px solid transparent;
    border-radius:11px;
    background:rgba(255,255,255,.012);
    overflow:hidden;
}

.lang-option:hover{
    border-color:rgba(213,173,115,.15);
    background:
        linear-gradient(90deg, rgba(213,173,115,.105), rgba(213,173,115,.02)),
        rgba(255,255,255,.014);
    transform:translateY(-1px);
}

.account-option:hover{
    background:rgba(255,255,255,.05);
}

.lang-option.active{
    border:1px solid rgba(222,181,119,.28);
    background:
        linear-gradient(135deg, rgba(203,156,88,.19), rgba(203,156,88,.045)),
        rgba(255,255,255,.018);
    box-shadow:
        inset 2px 0 #d3a75f,
        inset 0 1px rgba(255,255,255,.035),
        0 8px 20px rgba(0,0,0,.16);
}

.lang-menu .lang-flag{
    width:19px;
    height:19px;
}

.lang-menu .lang-code{
    font-size:.82rem;
}

.lang-menu .lang-name{
    min-width:0;
    margin-left:auto;
    overflow:hidden;
    color:rgba(235,224,215,.7);
    font-size:.77rem;
    line-height:1.1;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.lang-code{
    font-weight:800;
    letter-spacing:.08em;
    color:var(--gold-soft);
}

.lang-name{
    color:var(--muted);
    font-weight:600;
}

.menu-toggle{
    display:none;
    width:52px;
    height:52px;
    border-radius:14px;
    border:1px solid var(--border);
    background:rgba(255,255,255,.03);
    cursor:pointer;
    padding:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;
    transition:.2s ease;
}

.menu-toggle:hover{
    background:rgba(255,255,255,.06);
}

.menu-toggle span{
    display:block;
    width:22px;
    height:2px;
    background:var(--text);
    border-radius:999px;
    transition:.25s ease;
}

.nav-overlay{
    display:none;
}


/* Source: footer.css */
.footer{
    border-top:1px solid rgba(198,154,87,.1);
    padding:28px 0 40px;
    color:var(--muted);
    background:rgba(0,0,0,.12);
}

.footer-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer-links{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.footer-links a:hover{
    color:var(--gold-soft);
}

/* Source: presentation.css */
.presentation-body {
    --primary-gold: #c69a57;
    --dark-bg: #120c0b;
    --medium-bg: #241714;
    --light-gold: #f4ece6;
    --text-gold: #c5a081;
    --text-light: #f1e6dc;
    --bg-darkest: #0f0a09;
    --border-gold: rgba(198, 154, 87, 0.18);
    --glow-gold: rgba(198, 154, 87, 0.7);
    --rgb-dark: 18, 12, 11;
    --rgb-medium: 36, 23, 20;
    --rgb-accent: 198, 154, 87;
    --rgb-gold: 198, 154, 87;
    --presentation-topbar-height: 86px;
    background: var(--bg-darkest);
}

/* Tárgyfejlesztési útvonal */
.presentation-page .pres-upgrade-block { display: grid; gap: 2rem; }
.presentation-page .pres-upgrade-category { padding: clamp(1.25rem, 2.5vw, 2.5rem); border: 1px solid rgba(214, 173, 105, .25); border-radius: 1.25rem; background: rgba(10, 7, 6, .5); }
.presentation-page .pres-upgrade-category > h4 { margin: 0; color: var(--presentation-heading-color, #ead2a6); font: 700 clamp(1.4rem, 2.3vw, 2rem) Cinzel, serif; text-align: center; }
.presentation-page .pres-upgrade-category-description, .presentation-page .pres-upgrade-row-description { max-width: 58rem; margin: .5rem auto 1.5rem; color: rgba(239, 226, 207, .72); text-align: center; }
.presentation-page .pres-upgrade-row + .pres-upgrade-row { margin-top: 2rem; }
.presentation-page .pres-upgrade-row > h5 { margin: 0; color: rgba(238, 215, 176, .92); font: 600 1.2rem Cinzel, serif; text-align: center; }
.presentation-page .pres-upgrade-track { display: flex; align-items: center; gap: 1rem; overflow-x: auto; max-width: 100%; padding: 1.25rem .5rem 1.5rem; scrollbar-width: thin; }
.presentation-page .pres-upgrade-step { flex: 0 0 auto; min-width: min(18rem, 78vw); padding: 1rem; border: 1px solid rgba(214, 173, 105, .22); border-radius: 1rem; background: rgba(15, 10, 8, .64); }
.presentation-page .pres-upgrade-step > h5 { margin: 0 0 .35rem; color: #e8c98f; font: 600 1rem Cinzel, serif; text-align: center; }
.presentation-page .pres-upgrade-step > p { margin: 0 0 .75rem; color: rgba(239, 226, 207, .7); font-size: .85rem; text-align: center; }
.presentation-page .pres-upgrade-step-groups { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; }
.presentation-page .pres-upgrade-group { display: flex; align-items: center; justify-content: center; gap: .65rem; min-width: 8rem; padding: .75rem; border: 1px solid rgba(214, 173, 105, .2); background: rgba(7, 5, 4, .45); }
.presentation-page .pres-upgrade-group--circle { width: 12rem; min-height: 12rem; border-radius: 50%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.presentation-page .pres-upgrade-group--row { flex-direction: row; }
.presentation-page .pres-upgrade-group--stack { flex-direction: column; }
.presentation-page .pres-upgrade-group--triangle { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.presentation-page .pres-upgrade-group--grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.presentation-page .pres-upgrade-item { display: grid; justify-items: center; gap: .25rem; min-width: 4.5rem; color: #ead2a6; text-align: center; }
.presentation-page .pres-upgrade-item-icon { display: grid; place-items: center; width: 3.75rem; height: 3.75rem; border: 1px solid rgba(214, 173, 105, .48); border-radius: 50%; background: rgba(27, 17, 12, .85); }
.presentation-page .pres-upgrade-item-icon img { display: block; width: 82%; height: 82%; object-fit: contain; }
.presentation-page .pres-upgrade-item strong { font-size: .78rem; line-height: 1.15; }
.presentation-page .pres-upgrade-item small { color: #d5a85e; font-size: .7rem; }
.presentation-page .pres-upgrade-item p { margin: 0; color: rgba(239, 226, 207, .65); font-size: .7rem; }
.presentation-page .pres-upgrade-arrow { flex: 0 0 auto; color: #d5a85e; font-size: 2rem; }
.presentation-page .pres-upgrade-branches { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed rgba(214, 173, 105, .28); }
.presentation-page .pres-upgrade-track.is-branch { padding-inline: 0; }

@media (max-width: 700px) {
    .presentation-page .pres-upgrade-category { padding: 1rem .65rem; }
    .presentation-page .pres-upgrade-track { gap: .6rem; padding-inline: .1rem; }
    .presentation-page .pres-upgrade-step { min-width: min(16rem, 78vw); }
    .presentation-page .pres-upgrade-group--circle { width: 10rem; min-height: 10rem; }
    .presentation-page .pres-upgrade-arrow { font-size: 1.5rem; }
}

/* Minimalista tárgyfejlesztési lánc */
.presentation-page .pres-upgrade-block { gap: clamp(1.5rem, 3vw, 3rem); width: 100%; }
.presentation-page .pres-upgrade-category-tabs { display: flex; align-items: center; justify-content: safe center; gap: .55rem; width: 100%; padding: .25rem .25rem .65rem; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: rgba(198,153,85,.34) transparent; }
.presentation-page .pres-upgrade-category-tab { flex: 0 0 auto; min-width: clamp(9rem,16vw,13rem); padding: .72rem 1.15rem; border: 1px solid rgba(214,173,105,.28); border-radius: .45rem; color: rgba(239,226,207,.72); background: rgba(12,8,6,.78); font: 600 .86rem Cinzel,serif; letter-spacing: .035em; cursor: pointer; transition: color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.presentation-page .pres-upgrade-category-tab:hover { color: #f1d7a6; border-color: rgba(224,181,112,.55); background: rgba(31,20,14,.88); }
.presentation-page .pres-upgrade-category-tab.is-active { color: #f5ddb0; border-color: rgba(224,181,112,.7); background: linear-gradient(180deg,rgba(91,62,36,.82),rgba(43,27,18,.9)); box-shadow: inset 0 0 0 1px rgba(255,220,158,.08),0 5px 15px rgba(0,0,0,.28); }
.presentation-page .pres-upgrade-category-stage { position: relative; min-width: 0; }
.presentation-page .pres-upgrade-category[hidden] { display: none; }
.presentation-page .pres-upgrade-category { min-width: 0; padding: 0 0 clamp(1.4rem, 3vw, 2.5rem); overflow: hidden; border: 1px solid rgba(190,145,82,.2); border-radius: .65rem; background: linear-gradient(180deg, rgba(43,27,18,.26), rgba(13,9,7,.38)); }
.presentation-page .pres-upgrade-category > h4 { margin: 0; padding: .65rem 1rem; border-bottom: 1px solid rgba(214,173,105,.3); color: #f0d7a8; background: linear-gradient(90deg, color-mix(in srgb, var(--pres-upgrade-category-header-color, #3f4626) 82%, #080504), color-mix(in srgb, var(--pres-upgrade-category-header-color, #3f4626) 52%, #080504)); font-size: clamp(1rem,2vw,1.35rem); letter-spacing: .035em; }
.presentation-page .pres-upgrade-category:nth-child(even) > h4 { background: linear-gradient(90deg, color-mix(in srgb, var(--pres-upgrade-category-header-color, #3f4626) 82%, #080504), color-mix(in srgb, var(--pres-upgrade-category-header-color, #3f4626) 52%, #080504)); }
.presentation-page .pres-upgrade-category-description { max-width: 58rem; margin: 1rem auto 0; padding-inline: 1rem; color: rgba(239,226,207,.7); text-align: center; }
.presentation-page .pres-upgrade-row { position: relative; min-width: 0; padding: 0 clamp(.5rem,2vw,1.5rem); }
.presentation-page .pres-upgrade-row:first-child { margin-top: .65rem; }
.presentation-page .pres-upgrade-row + .pres-upgrade-row { margin-top: 0; padding-top: 0; }
.presentation-page .pres-upgrade-row > h5 { margin: 0 0 .3rem; font-size: 1rem; }
.presentation-page .pres-upgrade-row-description { max-width: 52rem; margin: 0 auto .8rem; color: rgba(239,226,207,.62); font-size: .88rem; text-align: center; }
.presentation-page .pres-upgrade-track { position: relative; isolation: isolate; justify-content: safe center; gap: clamp(.45rem,1vw,.9rem); min-height: 6.5rem; padding: 1rem .65rem; overflow-x: auto; overflow-y: visible; overscroll-behavior-inline: contain; scrollbar-color: rgba(198,153,85,.32) transparent; }
.presentation-page .pres-upgrade-track::before { position: absolute; z-index: -1; inset: 15% .25rem; content: ''; opacity: .72; background: linear-gradient(90deg, transparent, rgba(8,6,5,.82) 7%, rgba(13,9,7,.9) 50%, rgba(8,6,5,.82) 93%, transparent); clip-path: polygon(0 22%,8% 10%,21% 16%,37% 7%,56% 14%,72% 5%,91% 15%,100% 27%,98% 82%,85% 91%,67% 85%,48% 94%,29% 87%,12% 95%,1% 78%); }
.presentation-page .pres-upgrade-step { position: relative; flex: 0 0 auto; min-width: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.presentation-page .pres-upgrade-step-groups { align-items: center; flex-wrap: nowrap; gap: .55rem; }
.presentation-page .pres-upgrade-group { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: clamp(3.3rem,4.3vw,3.9rem); height: clamp(3.3rem,4.3vw,3.9rem); min-width: 0; aspect-ratio: 1; padding: 0; border: 1px solid rgba(232,190,128,.5); border-radius: 50%; gap: .15rem; background: radial-gradient(circle at 38% 30%,#a77a54 0%,#76513a 52%,#3a251c 100%); box-shadow: inset 0 0 0 4px rgba(30,18,13,.16),0 5px 14px rgba(0,0,0,.36); }
.presentation-page .pres-upgrade-step.is-final > .pres-upgrade-step-groups .pres-upgrade-group { border-color: rgba(238,151,124,.62); background: radial-gradient(circle at 38% 30%,#b76858 0%,#8f473d 55%,#48251f 100%); }
.presentation-page .pres-upgrade-group--circle { --upgrade-radius: clamp(1.45rem,1.9vw,1.8rem); position: relative; display: block; flex: 0 0 auto; width: clamp(3.3rem,4.3vw,3.9rem); max-width: none; min-height: 0; aspect-ratio: 1; border: 1px solid rgba(232,190,128,.5); border-radius: 50%; background: radial-gradient(circle at 38% 30%,#a77a54 0%,#76513a 52%,#3a251c 100%); box-shadow: inset 0 0 0 4px rgba(30,18,13,.16),0 5px 14px rgba(0,0,0,.36); }
.presentation-page .pres-upgrade-step.is-final > .pres-upgrade-step-groups .pres-upgrade-group--circle { border-color: rgba(238,151,124,.62); background: radial-gradient(circle at 38% 30%,#b76858 0%,#8f473d 55%,#48251f 100%); }
.presentation-page .pres-upgrade-group--circle::before { display: none; }
.presentation-page .pres-upgrade-group--circle .pres-upgrade-item { position: absolute; z-index: 2; top: 50%; left: 50%; width: 32px; min-height: 32px; height: auto; transform: translate(-50%,-50%) rotate(calc(360deg / var(--upgrade-count,1) * var(--upgrade-index,0))) translateY(calc(-1 * var(--upgrade-radius))) rotate(calc(-360deg / var(--upgrade-count,1) * var(--upgrade-index,0))) scale(var(--upgrade-item-scale,1)); }
.presentation-page .pres-upgrade-group--circle .pres-upgrade-item-icon,
.presentation-page .pres-upgrade-step.is-final > .pres-upgrade-step-groups .pres-upgrade-group--circle .pres-upgrade-item-icon { border: 0; background: transparent; box-shadow: none; }
.presentation-page .pres-upgrade-group--circle .pres-upgrade-item-icon { width: 32px; height: auto; min-height: 32px; }
.presentation-page .pres-upgrade-group--circle .pres-upgrade-item-icon img { width: auto; height: auto; max-width: 32px; max-height: 96px; }
.presentation-page .pres-upgrade-group:not(.pres-upgrade-group--circle) .pres-upgrade-item { width: 32px; min-height: 32px; height: auto; transform: scale(var(--upgrade-item-scale,1)); }
.presentation-page .pres-upgrade-group[data-upgrade-count="1"] .pres-upgrade-item { position: relative; top: auto; left: auto; transform: scale(var(--upgrade-item-scale,1)); }
.presentation-page .pres-upgrade-group--circle[data-upgrade-count="1"] .pres-upgrade-item { transform: translate(-50%,-50%) scale(var(--upgrade-item-scale,1)); }
.presentation-page .pres-upgrade-group:not(.pres-upgrade-group--circle) .pres-upgrade-item-icon { width: 32px; height: auto; min-height: 32px; border: 0; background: transparent; box-shadow: none; }
.presentation-page .pres-upgrade-group:not(.pres-upgrade-group--circle) .pres-upgrade-item-icon img { width: auto; height: auto; max-width: 32px; max-height: 96px; }
.presentation-page .pres-upgrade-group[data-upgrade-count="1"] { display: grid; grid-template-columns: minmax(0,1fr); place-items: center; justify-content: center; align-content: center; }
.presentation-page .pres-upgrade-group[data-upgrade-count="1"] .pres-upgrade-item { justify-self: center; }
.presentation-page .pres-upgrade-group--circle[data-upgrade-count="1"] { display: grid; place-items: center; }
.presentation-page .pres-upgrade-group--circle[data-upgrade-count="1"] .pres-upgrade-item { position: relative; top: auto; left: auto; transform: scale(var(--upgrade-item-scale,1)); }
.presentation-page .pres-upgrade-group--circle .pres-upgrade-item:hover .pres-upgrade-item-icon,
.presentation-page .pres-upgrade-group--circle .pres-upgrade-item:focus-visible .pres-upgrade-item-icon,
.presentation-page .pres-upgrade-group--circle .pres-upgrade-item.is-open .pres-upgrade-item-icon { border: 0; background: transparent; box-shadow: none; transform: scale(1.08); }
.presentation-page .pres-upgrade-group--stack { flex-direction: column; }
.presentation-page .pres-upgrade-group--grid { display: grid; grid-template-columns: repeat(2,auto); }
.presentation-page .pres-upgrade-group--triangle { display: grid; grid-template-columns: repeat(2,auto); }
.presentation-page .pres-upgrade-group--triangle .pres-upgrade-item:first-child { grid-column: 1 / -1; justify-self: center; }
.presentation-page .pres-upgrade-item { position: relative; display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: auto; min-width: 0; min-height: 32px; padding: 0; border: 0; border-radius: 50%; color: inherit; background: none; cursor: pointer; }
.presentation-page .pres-upgrade-item-icon { width: 100%; height: 100%; border: 1px solid rgba(224,179,110,.42); background: radial-gradient(circle at 38% 30%,#a77a54 0%,#76513a 42%,#3a251c 100%); box-shadow: inset 0 0 0 4px rgba(30,18,13,.24),0 5px 14px rgba(0,0,0,.35); }
.presentation-page .pres-upgrade-step.is-final > .pres-upgrade-step-groups .pres-upgrade-item-icon { border-color: rgba(232,139,112,.55); background: radial-gradient(circle at 38% 30%,#b76858 0%,#8f473d 48%,#48251f 100%); }
.presentation-page .pres-upgrade-item-icon img { width: 76%; height: 76%; filter: drop-shadow(0 2px 3px rgba(0,0,0,.5)); }
.presentation-page .pres-upgrade-item:hover .pres-upgrade-item-icon,
.presentation-page .pres-upgrade-item:focus-visible .pres-upgrade-item-icon,
.presentation-page .pres-upgrade-item.is-open .pres-upgrade-item-icon { border-color: #e0b574; transform: translateY(-2px); box-shadow: inset 0 0 0 4px rgba(30,18,13,.2),0 8px 20px rgba(0,0,0,.48),0 0 14px rgba(213,168,94,.24); }
.pres-upgrade-tooltip { position: fixed; z-index: 10020; left: var(--upgrade-tooltip-x, 50%); top: var(--upgrade-tooltip-y, 50%); display: none; gap: .25rem; width: max-content; max-width: min(17rem,72vw); padding: .65rem .8rem; border: 1px solid rgba(214,173,105,.5); border-radius: .55rem; color: rgba(255,244,228,.96); background: rgba(13,9,8,.98); box-shadow: 0 12px 30px rgba(0,0,0,.7); text-align: left; transform: translate(-50%,calc(-100% - .65rem)); pointer-events: none; }
.pres-upgrade-tooltip.is-visible { display: grid; }
.pres-upgrade-tooltip::after { position: absolute; top: 100%; left: 50%; width: .55rem; height: .55rem; content: ''; border-right: 1px solid rgba(214,173,105,.36); border-bottom: 1px solid rgba(214,173,105,.36); background: rgba(13,9,8,.96); transform: translate(-50%,-50%) rotate(45deg); }
.pres-upgrade-tooltip strong { color: #efd29d; font: 600 .82rem Cinzel,serif; }
.pres-upgrade-tooltip small { color: #d7a85f; font-size: .7rem; }
.pres-upgrade-tooltip span { font-size: .74rem; line-height: 1.45; }
.pres-upgrade-tooltip em { color: rgba(239,226,207,.5); font-size: .66rem; font-style: normal; }
.presentation-page .pres-upgrade-item.is-hover .pres-upgrade-tooltip,
.presentation-page .pres-upgrade-item:focus-visible .pres-upgrade-tooltip,
.presentation-page .pres-upgrade-item.is-open .pres-upgrade-tooltip { display: grid; }
.presentation-page .pres-upgrade-arrow { flex: 0 0 auto; color: #e0b67b; font-size: clamp(1.35rem,2vw,1.8rem); line-height: 1; filter: drop-shadow(0 2px 2px rgba(0,0,0,.55)); }
.presentation-page .pres-upgrade-group-divider { flex: 0 0 auto; width: 2px; height: 4.5rem; margin-inline: .2rem; background: linear-gradient(transparent,rgba(224,182,123,.82) 18%,rgba(224,182,123,.82) 82%,transparent); transform: rotate(8deg); }
.presentation-page .pres-upgrade-branches { margin-top: .55rem; padding-top: .45rem; border-top-color: rgba(214,173,105,.22); }
.presentation-page .pres-upgrade-track.is-branch { justify-content: flex-start; min-height: 5rem; padding: .5rem 0; }
@media (max-width: 1024px) {
    .presentation-page .pres-upgrade-track { justify-content: safe center; }
}
@media (max-width: 640px) {
    .presentation-page .pres-upgrade-category { padding: 0 0 1.2rem; border-radius: .45rem; }
    .presentation-page .pres-upgrade-category > h4 { padding-block: .55rem; font-size: .95rem; }
    .presentation-page .pres-upgrade-row { padding-inline: .2rem; }
    .presentation-page .pres-upgrade-category-tab { min-width: min(72vw,12rem); padding: .65rem .9rem; font-size: .78rem; }
    .presentation-page .pres-upgrade-track { justify-content: safe center; min-height: 5.5rem; padding: .85rem .55rem; }
    .presentation-page .pres-upgrade-item { width: 32px; height: auto; min-height: 32px; }
    .presentation-page .pres-upgrade-group,
    .presentation-page .pres-upgrade-group--circle { --upgrade-radius: 1.45rem; width: 3.3rem; height: 3.3rem; max-width: none; min-height: 0; }
    .presentation-page .pres-upgrade-arrow { font-size: 1.25rem; }
    .pres-upgrade-tooltip { top: auto; right: .75rem; bottom: 1rem; left: .75rem; width: auto; max-width: none; transform: none; }
    .pres-upgrade-tooltip::after { display: none; }
}

.presentation-topbar {
    position: sticky;
    top: 0;
    z-index: 1200;
    background: rgba(15, 10, 9, 0.96) !important;
    border-bottom: 1px solid rgba(198, 154, 87, 0.12);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.presentation-topbar .navbar {
    width: 100%;
    max-width: none;
    min-height: var(--presentation-topbar-height);
    padding-left: 32px;
    padding-right: 32px;
}

.presentation-mobile-categories {
    display: none !important;
}

.presentation-page {
    background-color: var(--bg-darkest);
    color: var(--text-light);
    min-height: 100vh;
    font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
    position: relative;
}

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

.presentation-page::before {
    content: '';
    background:
        linear-gradient(180deg, rgba(var(--rgb-dark), 0.87) 0%, rgba(var(--rgb-medium), 0.7) 50%, rgba(var(--rgb-dark), 0.87) 100%),
        radial-gradient(circle at top right, rgba(var(--rgb-gold), 0.08), transparent 32rem),
        radial-gradient(circle at bottom left, rgba(126, 41, 26, 0.16), transparent 34rem);
    pointer-events: none;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.presentation-page .scroll-progress-bar {
    background: linear-gradient(90deg, var(--primary-gold), var(--light-gold), var(--text-gold), var(--primary-gold));
    z-index: 1300;
    width: 0%;
    height: 3px;
    box-shadow: 0 0 8px var(--glow-gold), 0 0 20px rgba(var(--rgb-gold), 0.3);
    background-size: 200% 100%;
    transition: width 0.1s linear;
    animation: pres-progress-shimmer 3s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
}

@keyframes pres-progress-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.presentation-page .app-container {
    min-height: 100vh;
    display: flex;
    position: relative;
    z-index: 1;
}

.presentation-page .sidebar {
    background: linear-gradient(180deg, rgba(var(--rgb-dark), 0.98) 0%, rgba(var(--rgb-medium), 0.95) 100%);
    border-right: 1px solid var(--border-gold);
    z-index: 100;
    flex-direction: column;
    width: 280px;
    height: calc(100vh - var(--presentation-topbar-height));
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    position: fixed;
    top: var(--presentation-topbar-height);
    left: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--rgb-gold), 0.48) rgba(var(--rgb-dark), 0.72);
}

.presentation-page .sidebar::-webkit-scrollbar,
.presentation-page .nav-menu::-webkit-scrollbar {
    width: 10px;
}

.presentation-page .sidebar::-webkit-scrollbar-track,
.presentation-page .nav-menu::-webkit-scrollbar-track {
    background: linear-gradient(180deg, rgba(var(--rgb-dark), 0.72), rgba(var(--rgb-medium), 0.48));
    border-left: 1px solid rgba(var(--rgb-gold), 0.08);
}

.presentation-page .sidebar::-webkit-scrollbar-thumb,
.presentation-page .nav-menu::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(var(--rgb-gold), 0.7), rgba(126, 41, 26, 0.55));
    border: 2px solid rgba(var(--rgb-dark), 0.78);
    border-radius: 999px;
}

.presentation-page .sidebar::-webkit-scrollbar-thumb:hover,
.presentation-page .nav-menu::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(244, 236, 230, 0.82), rgba(var(--rgb-gold), 0.78));
}

.presentation-page .sidebar.collapsed {
    transform: translate(-100%);
}

.presentation-page .sidebar-expand {
    background: rgba(var(--rgb-dark), 0.95);
    border: 1px solid var(--border-gold);
    width: 24px;
    height: 40px;
    color: var(--text-gold);
    cursor: pointer;
    z-index: 101;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    display: flex;
    position: fixed;
    top: calc(var(--presentation-topbar-height) + 20px);
    left: 280px;
    transform: translate(-50%) scale(1);
}

.presentation-page .sidebar-expand:hover {
    background: rgba(var(--rgb-medium), 0.95);
    color: var(--primary-gold);
    border-color: var(--primary-gold);
    box-shadow: 0 0 12px rgba(var(--rgb-gold), 0.15);
    transform: translate(-50%) scale(1.1);
}

.presentation-page .sidebar-expand.visible {
    border-left: none;
    border-radius: 0 6px 6px 0;
    left: 0;
    transform: translate(0) scale(1);
}

.presentation-page .sidebar-expand.visible:hover {
    transform: translate(0) scale(1.1);
}

.presentation-page .sidebar-expand svg {
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.presentation-page .sidebar-expand.visible svg {
    transform: rotate(180deg);
}

.presentation-page .sidebar-header {
    border-bottom: 1px solid var(--border-gold);
    background: linear-gradient(180deg, rgba(var(--rgb-gold), 0.06) 0%, transparent 100%);
    padding: 25px 20px;
}

.presentation-page .search-container {
    position: relative;
}

.presentation-page .search-input {
    background: linear-gradient(135deg, rgba(var(--rgb-dark), 0.8) 0%, rgba(var(--rgb-medium), 0.6) 100%);
    border: 1px solid var(--border-gold);
    color: var(--presentation-search-text-color, var(--text-light));
    width: 100%;
    color: var(--text-light);
    border-radius: 8px;
    outline: none;
    padding: 12px 40px 12px 15px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    transition: all 0.3s;
}

.presentation-page .search-input:focus {
    border-color: var(--primary-gold);
    box-shadow: 0 0 20px rgba(var(--rgb-gold), 0.15);
}

.presentation-page .search-input::placeholder {
    color: color-mix(in srgb, var(--presentation-search-placeholder-color, #c69a57) 58%, transparent);
}

.presentation-page .search-icon {
    color: var(--primary-gold);
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

.presentation-page .current-section-indicator {
    background: linear-gradient(90deg, rgba(var(--rgb-gold), 0.12) 0%, rgba(var(--rgb-gold), 0.03) 100%);
    border-bottom: 1px solid rgba(var(--rgb-gold), 0.15);
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    display: flex;
}

.presentation-page .current-section-label {
    color: color-mix(in srgb, var(--presentation-sidebar-accent-color, #c69a57) 74%, transparent);
    text-transform: uppercase;
    letter-spacing: 1px;
    flex-shrink: 0;
    font-family: Inter, sans-serif;
    font-size: 0.78rem;
}

.presentation-page .current-section-name {
    color: var(--primary-gold);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Cinzel, Georgia, serif;
    font-size: 0.92rem;
    font-weight: 600;
    overflow: hidden;
}

.presentation-page .nav-menu {
    flex: 1;
    padding: 15px 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--rgb-gold), 0.48) rgba(var(--rgb-dark), 0.72);
}

.presentation-page .nav-category {
    margin-bottom: 2px;
}

.presentation-page .nav-category.is-hidden {
    display: none;
}

.presentation-page .nav-category-header {
    cursor: pointer;
    border: 0;
    border-left: 3px solid transparent;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    transition: all 0.3s;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: transparent;
    text-align: left;
}

.presentation-page .nav-category-header::before {
    content: '';
    background: linear-gradient(90deg, transparent, rgba(var(--rgb-gold), 0.04), transparent);
    width: 100%;
    height: 100%;
    transition: left 0.5s;
    position: absolute;
    top: 0;
    left: -100%;
}

.presentation-page .nav-category-header:hover::before {
    left: 100%;
}

.presentation-page .nav-category-header:hover,
.presentation-page .nav-category.active .nav-category-header {
    background: linear-gradient(90deg, color-mix(in srgb, var(--presentation-nav-category-hover-bg-color, #c69a57) 16%, transparent) 0%, transparent 100%);
    border-left-color: rgba(var(--rgb-gold), 0.5);
}

.presentation-page .nav-category.active .nav-category-header {
    background: linear-gradient(90deg, color-mix(in srgb, var(--presentation-nav-category-active-bg-color, #c69a57) 22%, transparent) 0%, transparent 100%);
}

.presentation-page .nav-category-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--text-gold);
    align-items: center;
    gap: 12px;
    font-family: Cinzel, Georgia, serif;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    min-width: 0;
}

.presentation-page .nav-category-icon {
    color: color-mix(in srgb, var(--presentation-sidebar-accent-color, #c69a57) 62%, transparent);
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s;
}

.presentation-page .nav-category:hover .nav-category-icon,
.presentation-page .nav-category.active .nav-category-icon {
    color: var(--presentation-sidebar-accent-color, #c69a57);
    transform: scale(1.05);
}

.presentation-page .nav-arrow {
    color: var(--primary-gold);
    opacity: 0.6;
    flex-shrink: 0;
    transition: transform 0.3s;
}

.presentation-page .nav-category.active .nav-arrow {
    opacity: 1;
    transform: rotate(180deg);
}

.presentation-page .nav-subcategories {
    background: rgba(0, 0, 0, 0.15);
    max-height: 0;
    transition: max-height 0.4s;
    overflow: hidden;
}

.presentation-page .nav-category.active .nav-subcategories {
    max-height: 1500px;
}

.presentation-page .nav-subcategory {
    color: var(--text-light);
    cursor: pointer;
    border-radius: 6px;
    margin: 2px 8px;
    padding: 9px 20px 9px 50px;
    font-family: Inter, sans-serif;
    font-size: 13.5px;
    text-decoration: none;
    transition: all 0.3s;
    display: block;
    position: relative;
}

.presentation-page .nav-subcategory.is-hidden {
    display: none;
}

.presentation-page .nav-subcategory::before {
    content: '';
    background: rgba(var(--rgb-gold), 0.25);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 34px;
    transform: translateY(-50%);
}

.presentation-page .nav-subcategory:hover {
    color: var(--text-gold);
    background: linear-gradient(90deg, color-mix(in srgb, var(--presentation-nav-subcategory-hover-bg-color, #c69a57) 14%, transparent), transparent);
}

.presentation-page .nav-subcategory.active {
    color: var(--text-light);
    background: linear-gradient(90deg, color-mix(in srgb, var(--presentation-nav-subcategory-active-bg-color, #c69a57) 22%, transparent) 0%, rgba(var(--rgb-medium), 0.12) 100%);
    font-weight: 500;
}

.presentation-page .nav-subcategory.active::before {
    background: var(--primary-gold);
    width: 5px;
    height: 5px;
    box-shadow: 0 0 6px rgba(var(--rgb-gold), 0.3);
}

.presentation-page .sidebar-footer {
    border-top: 1px solid var(--border-gold);
    gap: 10px;
    padding: 15px 20px;
    display: flex;
}

.presentation-page .social-btn {
    background: linear-gradient(135deg, rgba(var(--rgb-dark), 0.8) 0%, rgba(var(--rgb-medium), 0.6) 100%);
    border: 1px solid var(--border-gold);
    color: var(--text-light);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 12px;
    font-family: Cinzel, Georgia, serif;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    position: relative;
    overflow: hidden;
}

.presentation-page .social-btn:hover {
    border-color: var(--primary-gold);
    color: var(--text-gold);
    box-shadow: 0 8px 25px rgba(var(--rgb-gold), 0.15);
    transform: translateY(-3px);
}

.presentation-page .back-btn {
    background: linear-gradient(135deg, rgba(var(--rgb-gold), 0.15) 0%, rgba(var(--rgb-gold), 0.08) 100%);
    border-color: rgba(var(--rgb-gold), 0.3);
    color: var(--text-gold);
}

.presentation-page .main-content {
    flex: 1;
    max-width: 100%;
    margin-left: 280px;
    transition: margin-left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.presentation-page .main-content.expanded {
    margin-left: 0;
}

.presentation-page .pres-hero-banner {
    justify-content: center;
    align-items: center;
    height: 55vh;
    min-height: 420px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.presentation-page .pres-hero-bg {
    filter: brightness(0.82) saturate(0.92);
    background-position: center;
    background-size: cover;
    position: absolute;
    inset: 0;
}

.presentation-page .pres-hero-overlay {
    background: linear-gradient(180deg, rgba(var(--rgb-dark), 0.3) 0%, rgba(var(--rgb-dark), 0.9) 100%);
    position: absolute;
    inset: 0;
}

.presentation-page .pres-hero-vignette {
    background: radial-gradient(transparent 40%, rgba(0, 0, 0, 0.6) 100%);
    position: absolute;
    inset: 0;
}

.presentation-page .content-wrapper {
    background: linear-gradient(180deg, rgba(var(--rgb-dark), 0.98) 0%, rgba(var(--rgb-medium), 0.99) 10%, rgba(var(--rgb-dark), 1) 50%, rgba(var(--rgb-medium), 0.99) 90%, rgba(var(--rgb-dark), 0.98) 100%);
    border-left: 1px solid var(--border-gold);
    border-right: 1px solid var(--border-gold);
    box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(var(--rgb-gold), 0.1);
    z-index: 10;
    border-radius: 15px 15px 0 0;
    margin: -80px 20px 0;
    padding-top: 40px;
    padding-bottom: 60px;
    position: relative;
}

.presentation-page .content-wrapper::before {
    content: '';
    background: linear-gradient(90deg, transparent, var(--primary-gold), transparent);
    border-radius: 2px;
    width: 200px;
    height: 3px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}

.presentation-page .content-padding {
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

.presentation-page .section-block {
    background:
        linear-gradient(180deg, rgba(25, 17, 15, 0.88), rgba(12, 8, 7, 0.95)),
        radial-gradient(circle at top right, rgba(var(--rgb-gold), 0.14), transparent 38%);
    background-origin: border-box !important;
    background-clip: border-box !important;
    border: 1px solid rgba(var(--rgb-gold), 0.16);
    border-radius: 0;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.26);
    min-height: 520px;
    margin: 0 auto 34px;
    padding: 42px 36px;
    scroll-margin-top: calc(var(--presentation-topbar-height) + 30px);
    position: relative;
    overflow: hidden;
}

.presentation-page .section-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 26px;
    padding-top: 0;
}

.presentation-page .section-title {
    color: #fff4ea;
    letter-spacing: 0;
    margin: 0 0 12px;
    font-family: Cinzel, Georgia, serif;
    font-size: clamp(1.65rem, 2.1vw, 2.6rem);
    font-weight: 700;
    line-height: 1.2;
}

.presentation-page .ornament {
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 10px 0 12px;
    display: flex;
}

.presentation-page .ornament-line {
    background: linear-gradient(90deg, transparent, rgba(224, 187, 130, 0.8), transparent);
    width: 74px;
    height: 1px;
}

.presentation-page .ornament-line:last-child {
    background: linear-gradient(90deg, transparent, rgba(224, 187, 130, 0.8), transparent);
}

.presentation-page .ornament-icon {
    color: var(--primary-gold);
    opacity: 0.8;
    text-shadow: 0 0 10px rgba(var(--rgb-gold), 0.4);
    font-size: 20px;
}

.presentation-page .section-description {
    text-align: center;
    color: rgba(244, 236, 230, 0.76);
    max-width: 760px;
    margin: 0 auto;
    font-family: Inter, sans-serif;
    font-size: 0.92rem;
    line-height: 1.65;
}

.presentation-page .highlight {
    color: var(--primary-gold);
    font-weight: 600;
}

.presentation-page .section-content {
    background: linear-gradient(180deg, rgba(36, 23, 20, 0.56), rgba(18, 12, 11, 0.42));
    border: 1px solid rgba(var(--rgb-gold), 0.14);
    border-radius: 16px;
    max-width: none;
    margin: 0;
    padding: 22px;
    overflow: hidden;
}

.presentation-page .section-content::before {
    content: none;
}

.presentation-page .pres-section-separator {
    display: none;
}

.presentation-page .category-divider {
    text-align: center;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    padding: 22px 0 4px;
    position: relative;
}

.presentation-page .category-divider::after {
    content: '';
    background: linear-gradient(90deg, transparent, var(--border-gold), transparent);
    width: 200px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.presentation-page .category-divider-title {
    color: var(--text-gold);
    text-transform: uppercase;
    letter-spacing: 3px;
    opacity: 0.6;
    font-family: Cinzel, Georgia, serif;
    font-size: 0.85rem;
}

.presentation-page .pres-side-by-side,
.presentation-page .pres-layout-desktop-image_left .pres-block-grid,
.presentation-page .pres-layout-desktop-image_right .pres-block-grid {
    align-items: center;
    gap: 22px;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(260px, 1.05fr);
}

.presentation-page .pres-content-block {
    margin: 0;
}

.presentation-page .pres-block-grid {
    display: block;
}

.presentation-page .pres-layout-desktop-image_left .pres-image-frame,
.presentation-page .pres-layout-desktop-image_right .pres-text-content {
    order: 1;
}

.presentation-page .pres-layout-desktop-image_left .pres-text-content,
.presentation-page .pres-layout-desktop-image_right .pres-image-frame {
    order: 2;
}

.presentation-page .pres-subsection-title {
    position: relative;
    color: #e0bb82;
    margin: 0 0 16px;
    padding-bottom: 8px;
    font-family: Cinzel, Georgia, serif;
    font-size: clamp(1.08rem, 1.5vw, 1.34rem);
    letter-spacing: 0.015em;
    text-shadow: 0 6px 22px rgba(var(--rgb-gold), 0.12);
}

.presentation-page .pres-subsection-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: min(180px, 42%);
    height: 1px;
    background: linear-gradient(90deg, rgba(var(--rgb-gold), 0.72), transparent);
}

.presentation-page .pres-layout-desktop-image_left > .pres-subsection-title {
    padding-left: 18px;
    text-align: left;
}

.presentation-page .pres-layout-desktop-image_left > .pres-subsection-title::after {
    left: 18px;
}

.presentation-page .pres-layout-desktop-image_right > .pres-subsection-title {
    padding-right: 18px;
    text-align: right;
}

.presentation-page .pres-layout-desktop-image_right > .pres-subsection-title::after {
    right: 18px;
    background: linear-gradient(270deg, rgba(var(--rgb-gold), 0.72), transparent);
}

.presentation-page .pres-layout-desktop-grid > .pres-subsection-title,
.presentation-page .pres-layout-desktop-compact > .pres-subsection-title {
    text-align: center;
}

.presentation-page .pres-layout-desktop-grid > .pres-subsection-title::after,
.presentation-page .pres-layout-desktop-compact > .pres-subsection-title::after {
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(var(--rgb-gold), 0.72), transparent);
}

.presentation-page .pres-block-separator {
    justify-content: center;
    align-items: center;
    margin: 24px 0;
    display: flex;
}

.presentation-page .pres-block-separator .ornament-line {
    background: linear-gradient(90deg, transparent, rgba(var(--rgb-gold), 0.38), transparent);
    width: min(100%, 78%);
    height: 1px;
    display: block;
}

.presentation-page .pres-side-by-side > * {
    flex: 1;
    min-width: 0;
}

.presentation-page .pres-block-grid > * {
    min-width: 0;
}

.presentation-page .pres-image-frame {
    border: 1px solid rgba(var(--rgb-gold), 0.12);
    background: rgba(0, 0, 0, 0.24);
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    margin: 0;
    padding: 10px;
    display: flex;
}

.presentation-page .pres-image-frame.pres-image-frame-comparison {
    min-height: 0;
}

.presentation-page .pres-image-frame img {
    border-radius: 10px;
    width: var(--main-image-size-desktop, 100%);
    max-width: 100%;
    max-height: 420px;
    height: auto;
    object-fit: contain;
    image-rendering: auto;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
    display: block;
}

.presentation-page .pres-comparison,
.presentation-page .pres-gallery {
    position: relative;
    width: var(--main-image-size-desktop, 100%);
    max-width: 100%;
    border-radius: 10px;
}

.presentation-page .pres-comparison,
.presentation-page .pres-gallery {
    overflow: visible;
}

.presentation-page .pres-gallery-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.992);
    transition: opacity 0.32s ease, transform 0.32s ease;
}

.presentation-page .pres-gallery-slide.is-active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.presentation-page .pres-gallery-slide img {
    width: 100%;
    max-width: 100%;
    max-height: 420px;
    height: auto;
    object-fit: contain;
    display: block;
    opacity: var(--pres-content-image-opacity, 1);
}

.presentation-page .pres-comparison-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.992);
    transition: opacity 0.32s ease, transform 0.32s ease;
}

.presentation-page .pres-comparison-slide.is-active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.presentation-page .pres-comparison-stage {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.presentation-page .pres-comparison-stage img {
    width: 100%;
    max-width: 100%;
    max-height: 420px;
    height: auto;
    object-fit: contain;
    display: block;
    opacity: var(--pres-content-image-opacity, 1);
}

.presentation-page .pres-comparison-stage img:first-child {
    clip-path: inset(0 calc(100% - var(--split, 50%)) 0 0);
}

.presentation-page .pres-comparison-stage img + img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    clip-path: inset(0 0 0 var(--split, 50%));
}

.presentation-page .pres-comparison-stage span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--split, 50%);
    width: 2px;
    transform: translateX(-50%);
    background: rgba(244, 236, 230, 0.55);
    box-shadow: 0 0 18px rgba(244, 236, 230, 0.18);
}

.presentation-page .pres-comparison-stage input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: ew-resize;
}

.presentation-page .pres-media-nav {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(var(--rgb-gold), 0.42);
    background: rgba(13, 9, 8, 0.78);
    color: var(--text-gold);
    cursor: pointer;
    transform: translateY(-50%);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32), 0 0 18px rgba(var(--rgb-gold), 0.12);
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.presentation-page .pres-media-nav:hover,
.presentation-page .pres-media-nav:focus-visible {
    background: rgba(41, 25, 17, 0.92);
    border-color: rgba(var(--rgb-gold), 0.72);
    transform: translateY(-50%) scale(1.05);
}

.presentation-page .pres-media-nav-prev {
    left: 4px;
}

.presentation-page .pres-media-nav-next {
    right: 4px;
}

.presentation-page .pres-media-dots {
    position: absolute;
    left: 50%;
    bottom: 12px;
    z-index: 5;
    display: flex;
    gap: 8px;
    transform: translateX(-50%);
}

.presentation-page .pres-comparison .pres-media-dots {
    position: static;
    justify-content: center;
    margin-top: 10px;
    transform: none;
}

.presentation-page .pres-media-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(244, 236, 230, 0.32);
    cursor: pointer;
}

.presentation-page .pres-media-dot.is-active {
    background: var(--primary-gold);
    transform: scale(1.18);
}

.presentation-page .pres-info-box {
    background: transparent;
    border: 0;
    color: rgba(244, 236, 230, 0.76);
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 0.92rem;
    line-height: 1.65;
    display: block;
}

.presentation-page .rich-editor-content > .pres-info-box {
    margin-top: 14px;
}

.presentation-page .pres-stats-row {
    border: 0;
    border-radius: 0;
    gap: 8px;
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    overflow: visible;
}

.presentation-page .pres-stat {
    text-align: left;
    background: rgba(0, 0, 0, 0.24);
    border: 1px solid rgba(var(--rgb-gold), 0.12);
    border-radius: 12px;
    padding: 10px;
}

.presentation-page .pres-stat:last-child {
    border-right: 1px solid rgba(var(--rgb-gold), 0.12);
}

.presentation-page .pres-stat-value {
    color: #e0bb82;
    font-size: 1.05rem;
    font-weight: 800;
    display: block;
}

.presentation-page .pres-stat-label {
    color: rgba(244, 236, 230, 0.68);
    text-transform: none;
    letter-spacing: 0;
    margin-top: 0;
    font-size: 0.76rem;
    display: block;
}

.presentation-page .pres-grid-1,
.presentation-page .pres-grid-2,
.presentation-page .pres-grid-3 {
    gap: 10px;
    margin-top: 14px;
    display: grid;
}

.presentation-page .pres-grid-1 {
    grid-template-columns: 1fr;
}

.presentation-page .pres-grid-2 {
    grid-template-columns: 1fr;
}

.presentation-page .pres-grid-3 {
    grid-template-columns: 1fr;
}

.presentation-page .pres-layout-desktop-compact .pres-grid-2,
.presentation-page .pres-layout-desktop-compact .pres-grid-3 {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.presentation-page .pres-layout-desktop-compact .pres-stats-row {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.presentation-page .pres-layout-desktop-compact .pres-card-icon {
    align-items: stretch;
    flex-direction: column;
}

.presentation-page .pres-layout-desktop-compact .pres-card-icon > div {
    width: 100%;
}

.presentation-page .pres-layout-desktop-compact .pres-card-icon img {
    width: var(--compact-card-image-size-desktop, 100%);
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: var(--compact-card-image-ratio, 16 / 9);
    object-fit: contain;
    image-rendering: auto;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
}

@media (max-width: 1440px) and (min-width: 992px) {
    .presentation-page .pres-content-block > .pres-subsection-title {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .presentation-page .pres-content-block > .pres-subsection-title::after {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        background: linear-gradient(90deg, transparent, rgba(var(--rgb-gold), 0.72), transparent);
    }

    .presentation-page .pres-layout-laptop-image_left .pres-block-grid,
    .presentation-page .pres-layout-laptop-image_right .pres-block-grid {
        align-items: center;
        gap: 22px;
        display: grid;
        grid-template-columns: minmax(0, 0.95fr) minmax(260px, 1.05fr);
    }

    .presentation-page .pres-layout-laptop-grid .pres-block-grid,
    .presentation-page .pres-layout-laptop-compact .pres-block-grid {
        display: block;
    }

    .presentation-page .pres-layout-laptop-image_left .pres-image-frame,
    .presentation-page .pres-layout-laptop-image_right .pres-text-content {
        order: 1;
    }

    .presentation-page .pres-layout-laptop-image_left .pres-text-content,
    .presentation-page .pres-layout-laptop-image_right .pres-image-frame {
        order: 2;
    }

    .presentation-page .pres-image-frame img {
        width: var(--main-image-size-laptop, var(--main-image-size-desktop, 100%));
    }

    .presentation-page .pres-comparison,
    .presentation-page .pres-gallery {
        width: var(--main-image-size-laptop, var(--main-image-size-desktop, 100%));
    }

    .presentation-page .pres-layout-laptop-compact .pres-grid-2,
    .presentation-page .pres-layout-laptop-compact .pres-grid-3 {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .presentation-page .pres-layout-laptop-compact .pres-card-icon {
        align-items: stretch;
        flex-direction: column;
    }

    .presentation-page .pres-layout-laptop-compact .pres-card-icon > div {
        width: 100%;
    }

    .presentation-page .pres-layout-laptop-compact .pres-card-icon img {
        width: var(--compact-card-image-size-laptop, var(--compact-card-image-size-desktop, 100%));
    }
}

.presentation-page .pres-card,
.presentation-page .pres-card-icon {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(var(--rgb-gold), 0.12);
    border-radius: 12px;
    transition: all 0.3s;
}

.presentation-page .pres-card {
    padding: 20px;
}

.presentation-page .pres-card-icon {
    align-items: flex-start;
    gap: 10px;
    padding: 10px;
    display: flex;
}

.presentation-page .pres-card:hover,
.presentation-page .pres-card-icon:hover {
    border-color: rgba(var(--rgb-gold), 0.3);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.presentation-page .pres-card-icon img {
    background: rgba(0, 0, 0, 0.24);
    border-radius: 10px;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    object-fit: contain;
    image-rendering: auto;
    image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.presentation-page .pres-card-icon h4,
.presentation-page .pres-card h4 {
    color: var(--light-gold);
    margin: 0 0 4px;
    font-size: 14px;
}

.presentation-page .pres-card-icon p,
.presentation-page .pres-card p {
    color: rgba(241, 230, 220, 0.68);
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.presentation-page .empty-state {
    text-align: center;
    padding: 100px 30px;
}

.presentation-page .empty-state-icon {
    color: rgba(var(--rgb-gold), 0.2);
    margin-bottom: 20px;
    font-size: 3rem;
}

.presentation-page .empty-state-title {
    color: var(--light-gold);
    margin-bottom: 10px;
    font-family: Cinzel, Georgia, serif;
    font-size: 1.4rem;
}

.presentation-page .empty-state-text {
    color: rgba(241, 230, 220, 0.5);
    font-size: 0.9rem;
}

.presentation-page .mobile-toggle {
    z-index: 200;
    background: rgba(var(--rgb-dark), 0.95);
    border: 1px solid var(--border-gold);
    width: 44px;
    height: 44px;
    color: var(--primary-gold);
    cursor: pointer;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: all 0.3s;
    display: none;
    position: fixed;
    top: calc(var(--presentation-topbar-height) + 14px);
    left: 15px;
}

.presentation-page .sidebar-overlay {
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    position: fixed;
    inset: var(--presentation-topbar-height) 0 0;
}

.presentation-page .sidebar-overlay.active {
    display: block;
}

@media (max-width: 991px) {
    .presentation-body {
        --presentation-topbar-height: 72px;
    }

    .presentation-topbar .navbar {
        min-height: var(--presentation-topbar-height);
        padding-left: 16px;
        padding-right: 16px;
    }

    .presentation-page .sidebar {
        height: calc(100dvh - var(--presentation-topbar-height));
        min-height: 0;
        overflow: hidden;
        transition: transform 0.3s;
        transform: translate(-100%);
    }

    .presentation-page .sidebar.open {
        transform: translate(0);
    }

    .presentation-page .sidebar-expand {
        display: none;
    }

    .presentation-page .mobile-toggle {
        display: flex;
    }

    body.presentation-sidebar-open .presentation-page .mobile-toggle {
        display: none;
    }

    .presentation-page .search-input {
        font-size: 16px;
    }

    .presentation-page .nav-menu {
        min-height: 0;
        padding-bottom: max(24px, env(safe-area-inset-bottom));
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .presentation-page .sidebar-footer {
        flex: 0 0 auto;
        padding-bottom: max(15px, env(safe-area-inset-bottom));
    }

    .presentation-page .main-content,
    .presentation-page .main-content.expanded {
        margin-left: 0;
    }

    .presentation-page .content-padding {
        padding: 70px 14px 60px;
    }

    .presentation-page .section-block {
        min-height: 460px;
        padding: 30px 24px;
    }

    .presentation-page .pres-hero-banner {
        height: 40vh;
        min-height: 300px;
    }

    .presentation-page .content-wrapper {
        border-radius: 15px 15px 0 0;
        margin: -50px 10px 0;
    }

    .presentation-page .section-content {
        padding: 20px 16px;
    }

    .presentation-page .section-title {
        font-size: 1.5rem;
    }

    .presentation-page .pres-content-block > .pres-subsection-title {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .presentation-page .pres-content-block > .pres-subsection-title::after {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        background: linear-gradient(90deg, transparent, rgba(var(--rgb-gold), 0.72), transparent);
    }

    .presentation-page .pres-side-by-side,
    .presentation-page .pres-layout-tablet-image_left .pres-block-grid,
    .presentation-page .pres-layout-tablet-image_right .pres-block-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-side-by-side .pres-image-frame {
        order: -1;
    }

    .presentation-page .pres-layout-tablet-grid .pres-block-grid,
    .presentation-page .pres-layout-tablet-compact .pres-block-grid {
        display: block;
    }

    .presentation-page .pres-layout-tablet-image_left .pres-image-frame,
    .presentation-page .pres-layout-tablet-image_right .pres-image-frame {
        order: 1;
    }

    .presentation-page .pres-layout-tablet-image_left .pres-text-content,
    .presentation-page .pres-layout-tablet-image_right .pres-text-content {
        order: 2;
    }

    .presentation-page .pres-image-frame {
        min-height: 220px;
    }

    .presentation-page .pres-image-frame.pres-image-frame-comparison {
        min-height: 0;
    }

    .presentation-page .pres-image-frame img {
        width: var(--main-image-size-tablet, var(--main-image-size-laptop, var(--main-image-size-desktop, 100%)));
    }

    .presentation-page .pres-comparison,
    .presentation-page .pres-gallery {
        width: var(--main-image-size-tablet, var(--main-image-size-laptop, var(--main-image-size-desktop, 100%)));
    }

    .presentation-page .pres-layout-tablet-compact .pres-card-icon {
        align-items: stretch;
        flex-direction: column;
    }

    .presentation-page .pres-layout-tablet-compact .pres-card-icon > div {
        width: 100%;
    }

    .presentation-page .pres-layout-tablet-compact .pres-card-icon img {
        width: var(--compact-card-image-size-tablet, var(--compact-card-image-size-laptop, var(--compact-card-image-size-desktop, 100%)));
    }

    .presentation-page .pres-grid-2,
    .presentation-page .pres-grid-3 {
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-layout-tablet-compact .pres-grid-2,
    .presentation-page .pres-layout-tablet-compact .pres-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .presentation-page .pres-layout-tablet-compact .pres-grid-2 > .pres-card-icon:nth-child(odd):last-child,
    .presentation-page .pres-layout-tablet-compact .pres-grid-3 > .pres-card-icon:nth-child(odd):last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .presentation-page .section-block {
        min-height: 520px;
        padding: 22px 16px;
        border-radius: 0;
    }

    .presentation-page .section-content {
        padding: 14px;
    }

    .presentation-page .section-title {
        font-size: 1.35rem;
    }

    .presentation-page .pres-image-frame {
        min-height: 180px;
    }

    .presentation-page .pres-image-frame.pres-image-frame-comparison {
        min-height: 0;
    }

    .presentation-page .pres-layout-mobile-image_left .pres-block-grid,
    .presentation-page .pres-layout-mobile-image_right .pres-block-grid {
        display: grid;
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-layout-mobile-grid .pres-block-grid,
    .presentation-page .pres-layout-mobile-compact .pres-block-grid {
        display: block;
    }

    .presentation-page .pres-layout-mobile-image_left .pres-image-frame,
    .presentation-page .pres-layout-mobile-image_right .pres-image-frame {
        order: 1;
    }

    .presentation-page .pres-layout-mobile-image_left .pres-text-content,
    .presentation-page .pres-layout-mobile-image_right .pres-text-content {
        order: 2;
    }

    .presentation-page .pres-image-frame img {
        width: var(--main-image-size-mobile, var(--main-image-size-tablet, var(--main-image-size-laptop, var(--main-image-size-desktop, 100%))));
    }

    .presentation-page .pres-comparison,
    .presentation-page .pres-gallery {
        width: var(--main-image-size-mobile, var(--main-image-size-tablet, var(--main-image-size-laptop, var(--main-image-size-desktop, 100%))));
    }

    .presentation-page .pres-layout-mobile-compact .pres-card-icon {
        align-items: stretch;
        flex-direction: column;
    }

    .presentation-page .pres-layout-mobile-compact .pres-card-icon > div {
        width: 100%;
    }

    .presentation-page .pres-layout-mobile-compact .pres-card-icon img {
        width: var(--compact-card-image-size-mobile, var(--compact-card-image-size-tablet, var(--compact-card-image-size-laptop, var(--compact-card-image-size-desktop, 100%))));
    }

    .presentation-page .pres-stats-row {
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-layout-mobile-compact .pres-grid-2,
    .presentation-page .pres-layout-mobile-compact .pres-grid-3,
    .presentation-page .pres-layout-mobile-compact .pres-stats-row {
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-layout-mobile-compact .pres-grid-2 > .pres-card-icon:nth-child(odd):last-child,
    .presentation-page .pres-layout-mobile-compact .pres-grid-3 > .pres-card-icon:nth-child(odd):last-child {
        grid-column: auto;
    }
}
/* Unified presentation language for dynamic content. */
.presentation-section{border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;padding:clamp(2.5rem,6vw,6rem) clamp(1rem,4vw,4rem)!important}
.presentation-section .section-header{max-width:920px;margin-inline:auto;text-align:center}
.presentation-section .section-title{font-family:Georgia,"Times New Roman",serif;color:#e5c372;text-shadow:0 2px 18px rgba(206,156,59,.28)}
.presentation-section .section-description{max-width:820px;margin-inline:auto;color:rgba(237,229,216,.78);line-height:1.8}
.presentation-section .section-content,.presentation-section .rich-editor-content{max-width:1180px;margin-inline:auto}
.pres-image-frame{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.pres-image-frame::before,.pres-image-frame::after{display:none!important}
.pres-image-frame img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:min(72vh,760px);margin:auto;object-fit:contain!important;filter:none!important;image-rendering:auto}
.pres-card{border:1px solid rgba(213,174,99,.22)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(20,15,12,.82),rgba(11,9,8,.68))!important;box-shadow:0 15px 38px rgba(0,0,0,.22)!important}
.pres-card-icon{border:0!important;background:transparent!important;box-shadow:none!important}
.pres-card-icon img{width:auto!important;max-width:100%;height:auto!important;max-height:260px;object-fit:contain!important}
.pres-block-separator,.pres-section-separator{opacity:.38}
.presentation-slider-controls{display:flex;justify-content:center;gap:10px;margin-top:18px}
.presentation-slider-controls button{width:42px;height:42px;border:1px solid rgba(222,184,109,.38);border-radius:50%;background:rgba(14,10,8,.82);color:#e6c47d;cursor:pointer}
/* presentation unified content system */
.presentation-page .pres-content-block {
    position: relative;
    margin: 0;
    padding: clamp(34px, 5vw, 64px) clamp(16px, 4vw, 58px);
    background:
        radial-gradient(circle at 50% 0, rgba(174, 126, 68, .08), transparent 42%),
        linear-gradient(180deg, rgba(15, 12, 11, .18), rgba(8, 7, 7, .3));
}

.presentation-page .pres-content-block + .pres-content-block {
    border-top: 1px solid rgba(225, 190, 142, .08);
}

.presentation-page .pres-block-heading {
    display: grid;
    justify-items: center;
    gap: 12px;
    max-width: 940px;
    margin: 0 auto clamp(24px, 4vw, 40px);
    text-align: center;
}

.presentation-page .pres-block-heading h3 {
    margin: 0;
    color: var(--primary-gold, #e1be8e);
    font-family: Cinzel, "Web Pearl", serif;
    font-size: clamp(1.45rem, 2.7vw, 2.05rem);
    font-weight: 600;
    letter-spacing: .025em;
    text-shadow: 0 0 22px rgba(225, 190, 142, .16);
}

.presentation-page .pres-title-divider {
    display: flex;
    align-items: center;
    width: min(280px, 70vw);
}

.presentation-page .pres-title-divider i {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(225, 190, 142, .62));
}

.presentation-page .pres-title-divider i:last-child {
    background: linear-gradient(90deg, rgba(225, 190, 142, .62), transparent);
}

.presentation-page .pres-title-divider span {
    width: 8px;
    height: 8px;
    margin: 0 10px;
    border: 1px solid #d6aa70;
    transform: rotate(45deg);
    box-shadow: 0 0 12px rgba(225, 190, 142, .28);
}

.presentation-page .pres-block-heading p {
    max-width: 850px;
    margin: 0;
    color: #c3b8af;
    font-family: Onest, Inter, sans-serif;
    font-size: clamp(.9rem, 1.25vw, 1rem);
    line-height: 1.8;
    white-space: pre-line;
}

.presentation-page .pres-content-layout {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) minmax(420px, 1.35fr);
    align-items: center;
    gap: 0;
    max-width: 1260px;
    margin: 0 auto;
}

.presentation-page .pres-content-layout--image_right .pres-content-copy {
    order: 1;
}

.presentation-page .pres-content-layout--image_right .pres-content-media {
    order: 2;
}

.presentation-page .pres-content-layout--image_left {
    grid-template-columns: minmax(420px, 1.35fr) minmax(360px, 1fr);
}

.presentation-page .pres-content-layout--image_left .pres-content-media {
    order: 1;
}

.presentation-page .pres-content-layout--image_left .pres-content-copy {
    order: 2;
}

.presentation-page .pres-content-layout--grid,
.presentation-page .pres-content-layout--compact {
    grid-template-columns: 1fr;
}

.presentation-page .pres-content-media {
    display: grid;
    place-items: center;
    min-width: 0;
    margin: 0;
}

.presentation-page .pres-content-media img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(780px, 78vh);
    object-fit: contain;
    filter: drop-shadow(0 24px 38px rgba(0, 0, 0, .45));
    opacity: var(--pres-content-image-opacity, 1);
}

.presentation-page .pres-content-layout--image_left .pres-content-media img,
.presentation-page .pres-content-layout--image_right .pres-content-media img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: min(980px, 88vh);
}

.presentation-page .pres-content-copy {
    display: grid;
    gap: 16px;
    width: 100%;
    min-width: 0;
}

.presentation-page .pres-bonus-groups {
    display: grid;
    grid-template-columns: repeat(var(--pres-bonus-columns, 1), minmax(210px, 250px));
    justify-content: center;
    gap: 14px;
    width: 100%;
    margin-top: 22px;
}

.presentation-page .pres-bonus-groups--full {
    grid-template-columns: repeat(var(--pres-bonus-columns, 1), minmax(210px, 1fr));
    justify-content: stretch;
}

.presentation-page .pres-bonus-group {
    --pres-bonus-accent: #b88a4b;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--pres-bonus-accent) 48%, transparent);
    border-radius: 13px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--pres-bonus-accent) 13%, rgba(9, 6, 5, .9)), rgba(8, 5, 4, .78));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pres-bonus-accent) 20%, transparent), 0 8px 24px rgba(0, 0, 0, .24);
}

.presentation-page .pres-bonus-group h4 {
    margin: 0;
    padding: 12px 14px;
    color: color-mix(in srgb, var(--pres-bonus-accent) 68%, #fff0d2);
    border-bottom: 1px solid color-mix(in srgb, var(--pres-bonus-accent) 32%, transparent);
    font-family: var(--presentation-title-font, Georgia, serif);
    font-size: clamp(.93rem, 1.2vw, 1.08rem);
    letter-spacing: .035em;
    text-align: center;
}

.presentation-page .pres-bonus-list {
    display: grid;
    flex: 1 1 auto;
    grid-auto-rows: minmax(31px, 1fr);
    padding: 8px 11px 10px;
}
.presentation-page .pres-bonus-row {
    --pres-bonus-row-color: var(--pres-bonus-accent);
    display: grid;
    grid-template-columns: 6px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 31px;
    padding: 5px 2px;
    color: color-mix(in srgb, var(--pres-bonus-row-color) 56%, #f5eee4);
    font-size: .87rem;
    line-height: 1.35;
}
.presentation-page .pres-bonus-row + .pres-bonus-row { border-top: 1px solid rgba(255, 255, 255, .045); }
.presentation-page .pres-bonus-row i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--pres-bonus-row-color);
    box-shadow: 0 0 7px color-mix(in srgb, var(--pres-bonus-row-color) 65%, transparent);
}

@media (max-width: 1100px) {
    .presentation-page .pres-bonus-groups { grid-template-columns: repeat(2, minmax(210px, 250px)); }
    .presentation-page .pres-bonus-groups--full { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .presentation-page .pres-bonus-groups > .pres-bonus-group:last-child:nth-child(odd) {
        grid-column: 1 / -1;
        justify-self: center;
        width: 250px;
    }
    .presentation-page .pres-bonus-groups--full > .pres-bonus-group:last-child:nth-child(odd) { width: calc(50% - 7px); }
    .presentation-page .pres-bonus-groups--full > .pres-bonus-group:only-child { width: 100%; }
}

@media (max-width: 680px) {
    .presentation-page .pres-bonus-groups { grid-template-columns: 1fr; gap: 10px; margin-top: 16px; }
    .presentation-page .pres-bonus-list {
        flex: 0 0 auto;
        grid-auto-rows: minmax(31px, auto);
    }
    .presentation-page .pres-bonus-groups > .pres-bonus-group:last-child:nth-child(odd),
    .presentation-page .pres-bonus-groups--full > .pres-bonus-group:last-child:nth-child(odd) {
        grid-column: auto;
        width: 100%;
    }
}

/* Masked image groups */
.presentation-page .pres-masked-groups {
    display: grid;
    gap: var(--pres-masked-gap, 24px);
    min-width: 0;
    width: 100%;
}

.presentation-page .pres-content-layout--image_right .pres-masked-groups { order: 2; }
.presentation-page .pres-content-layout--image_left .pres-masked-groups { order: 1; }

.presentation-page .pres-masked-group {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: visible;
}
.presentation-page .pres-content-layout--masked-full-bleed { width: calc(100% + (var(--pres-content-block-inline-padding, 50px) * 2)); max-width: none; margin-inline: calc(var(--pres-content-block-inline-padding, 50px) * -1); }
.presentation-page .pres-masked-group--full-bleed { width: 100%; margin-inline: 0; }

.presentation-page .pres-masked-composition {
    position: relative;
    width: 100%;
    min-width: 0;
    aspect-ratio: 16 / 9;
}

.presentation-page .pres-masked-shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--pres-mask-width, 65%);
    filter: drop-shadow(0 20px 4px rgba(18, 5, 1, .42)) drop-shadow(0 9px 1px rgba(0, 0, 0, .28));
}

.presentation-page .pres-masked-layer {
    position: absolute;
    inset: 0;
    overflow: hidden;
    -webkit-mask: url('/assets/img/presentation/section-main-images/masks/mask_1.webp') center / 100% 100% no-repeat;
    mask: url('/assets/img/presentation/section-main-images/masks/mask_1.webp') center / 100% 100% no-repeat;
}

.presentation-page .pres-masked-shadow--primary { left: 0; z-index: 2; }
.presentation-page .pres-masked-shadow--secondary { right: 0; z-index: 1; transform: rotate(180deg); }
.presentation-page .pres-masked-group:not(.has-secondary) .pres-masked-shadow--primary { width: 100%; }

.presentation-page .pres-masked-layer > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: var(--pres-content-image-opacity, 1);
}

.presentation-page .pres-masked-primary { object-position: var(--pres-primary-position-x, 50%) center; }
.presentation-page .pres-masked-secondary { transform: rotate(180deg); object-position: calc(100% - var(--pres-secondary-position-x, 50%)) center; }

@media (max-width: 1300px) {
    .presentation-page .pres-content-layout--image_left .pres-masked-groups,
    .presentation-page .pres-content-layout--image_right .pres-masked-groups { order: -1; }
}

@media (max-width: 700px) {
    .presentation-page .pres-content-layout--masked-full-bleed { width: calc(100% + 28px); margin-inline: -14px; }
}

.presentation-page .pres-content-layout--image_left .pres-stat-grid,
.presentation-page .pres-content-layout--image_right .pres-stat-grid,
.presentation-page .pres-content-layout--image_left .pres-card-grid,
.presentation-page .pres-content-layout--image_right .pres-card-grid {
    width: 100%;
    max-width: none;
    grid-template-columns: 1fr;
}

.presentation-page .pres-card-grid {
    display: grid;
    grid-template-columns: repeat(var(--pres-columns, 3), minmax(0, 1fr));
    gap: 13px;
    max-width: 1120px;
    margin: 0 auto;
}

.presentation-page .pres-info-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 15px;
    border: 1px solid rgba(225, 190, 142, .14);
    border-radius: 9px;
    background:
        linear-gradient(135deg, rgba(225, 190, 142, .055), transparent 42%),
        rgba(25, 20, 18, .62);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 12px 30px rgba(0, 0, 0, .16);
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.presentation-page .pres-info-card:hover {
    z-index: 3;
    border-color: rgba(225, 190, 142, .42);
    background-color: rgba(36, 28, 24, .78);
    transform: translateY(-3px);
}

.presentation-page .pres-card-grid--items .pres-info-card {
    align-items: flex-start;
}

.presentation-page .pres-card-icon {
    display: grid;
    flex: 0 0 66px;
    width: 66px;
    height: 66px;
    place-items: center;
    border: 1px solid rgba(225, 190, 142, .14);
    border-radius: 8px;
    background: radial-gradient(circle, rgba(225, 190, 142, .11), rgba(5, 5, 5, .35));
}

.presentation-page .pres-card-icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    transition: transform .25s ease, filter .25s ease;
}

.presentation-page .pres-info-card:hover .pres-card-icon img {
    filter: drop-shadow(0 0 11px rgba(225, 190, 142, .52));
    transform: scale(1.08);
}

.presentation-page .pres-card-copy {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.presentation-page .pres-info-card h4 {
    margin: 0;
    color: #e4c394;
    font-family: Cinzel, serif;
    font-size: .97rem;
}

.presentation-page .pres-info-card p {
    margin: 0;
    color: #aaa099;
    font-size: .82rem;
    line-height: 1.55;
    white-space: pre-line;
}

.presentation-page .pres-card-badge {
    width: max-content;
    margin-top: 3px;
    color: #d4ad76;
    font-size: .8rem;
}

.presentation-page .pres-card-lines {
    display: grid;
    gap: 4px;
    margin-top: 5px;
    padding-top: 7px;
    border-top: 1px solid rgba(225, 190, 142, .1);
}

.presentation-page .pres-card-lines span {
    display: flex;
    justify-content: space-between;
    gap: 9px;
    color: #b3a69d;
    font-size: .75rem;
}

.presentation-page .pres-card-lines b {
    color: #8f8178;
    font-weight: 500;
}

.presentation-page .pres-card-lines em {
    color: #d8b47f;
    font-style: normal;
    text-align: right;
}

.presentation-page .pres-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}

.presentation-page .pres-stat {
    display: grid;
    justify-items: center;
    gap: 3px;
    padding: 12px;
    border: 1px solid rgba(225, 190, 142, .13);
    border-radius: 8px;
    background: rgba(26, 21, 18, .52);
    text-align: center;
}

.presentation-page .pres-stat strong {
    color: #e1be8e;
    font-family: Cinzel, serif;
    font-size: 1.08rem;
}

.presentation-page .pres-stat span {
    color: #958981;
    font-size: .72rem;
}

.presentation-page .pres-table-scroll {
    width: max-content;
    max-width: 1120px;
    margin: 0 auto;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgba(225, 190, 142, .42) rgba(8, 6, 5, .34);
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
    border: 1px solid rgba(225, 190, 142, .14);
    border-radius: 10px;
    background: rgba(15, 12, 11, .66);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

.presentation-page .pres-table-scroll::-webkit-scrollbar {
    height: 7px;
}

.presentation-page .pres-table-scroll::-webkit-scrollbar-track {
    background: rgba(8, 6, 5, .34);
}

.presentation-page .pres-table-scroll::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(225, 190, 142, .42);
    background-clip: padding-box;
}

.presentation-page .pres-table-set {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    align-items: stretch;
    gap: clamp(14px, 1.6vw, 24px);
    width: 100%;
    max-width: 100%;
}

.presentation-page .pres-table-set > .pres-table-scroll {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-self: stretch;
}

.presentation-page .pres-table-set.is-overflow-stacked {
    grid-template-columns: minmax(0, 1fr);
}

.presentation-page .pres-table-set.is-overflow-stacked > .pres-table-scroll {
    grid-column: 1;
    width: min(var(--pres-stacked-table-width, 100%), 100%);
    max-width: 100%;
    justify-self: start;
}

.presentation-page .pres-table-set.is-overflow-stacked > .pres-table-scroll[data-pres-table-connect-previous="1"] {
    margin-top: calc(clamp(14px, 1.6vw, 24px) * -1);
    border-top: 0;
    border-radius: 0 0 10px 10px;
}

.presentation-page .pres-table-set.is-overflow-stacked > .pres-table-scroll[data-pres-table-connect-previous="1"] thead {
    display: none;
}

.presentation-page .pres-table-set.is-overflow-stacked > .pres-table-scroll:has(+ .pres-table-scroll[data-pres-table-connect-previous="1"]) {
    border-radius: 10px 10px 0 0;
}

.presentation-page .pres-table-set.is-overflow-stacked.has-connected-stack {
    display: grid;
    justify-content: start;
    overflow-x: auto;
    scrollbar-color: rgba(225, 190, 142, .42) rgba(8, 6, 5, .34);
    scrollbar-width: thin;
}

.presentation-page .pres-table-set.is-overflow-stacked.has-connected-stack::-webkit-scrollbar {
    height: 7px;
}

.presentation-page .pres-table-set.is-overflow-stacked.has-connected-stack::-webkit-scrollbar-track {
    background: rgba(8, 6, 5, .34);
}

.presentation-page .pres-table-set.is-overflow-stacked.has-connected-stack::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: rgba(225, 190, 142, .42);
    background-clip: padding-box;
}

.presentation-page .pres-table-set.is-overflow-stacked.has-connected-stack > .pres-table-scroll.is-connected-table {
    width: var(--pres-stacked-table-width, max-content);
    max-width: none;
    overflow: visible;
}

.presentation-page .pres-table-set:not(.is-overflow-stacked).has-equalized-tables > .pres-table-scroll.is-equalized-table .pres-table {
    height: 100%;
}

.presentation-page .pres-table-scroll.is-full-width {
    grid-column: 1 / -1;
    width: 100%;
}

.presentation-page .pres-table-set > .pres-table-scroll:only-child {
    grid-column: 1 / -1;
    width: max-content;
    max-width: 100%;
    justify-self: center;
}

.presentation-page .pres-table-set > .pres-table-scroll.is-full-width,
.presentation-page .pres-table-set > .pres-table-scroll.is-full-width:only-child {
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
}

.presentation-page .pres-table-scroll.is-full-width .pres-table { width: 100%; }

.presentation-page .pres-table {
    width: max-content;
    min-width: 0;
    border-collapse: collapse;
    line-height: 1.15;
}

.presentation-page .pres-table th {
    height: 38px;
    padding: 3px 15px;
    border-bottom: 1px solid rgba(225, 190, 142, .24);
    background: linear-gradient(180deg, rgba(225, 190, 142, .1), rgba(225, 190, 142, .035));
    color: #dfbe8c;
    font-family: Cinzel, serif;
    font-size: .82rem;
    letter-spacing: .03em;
    white-space: nowrap;
}

.presentation-page .pres-table td {
    height: 36px;
    padding: 2px 15px;
    border-bottom: 1px solid rgba(225, 190, 142, .08);
    color: #bcb0a7;
    font-size: .84rem;
    vertical-align: middle;
    white-space: nowrap;
}

.presentation-page .pres-table td:has(.pres-table-bonuses .pres-table-bonus-value:nth-of-type(2)) {
    padding-block: 6px;
}

.presentation-page .pres-table tbody tr {
    height: 36px;
    transition: background .2s ease;
}

.presentation-page .pres-table tbody tr:hover {
    background: rgba(225, 190, 142, .045);
}

.presentation-page .pres-table tbody tr:last-child td {
    border-bottom: 0;
}

.presentation-page .pres-table .is-left { text-align: left; }
.presentation-page .pres-table .is-center { text-align: center; }
.presentation-page .pres-table .is-right { text-align: right; }

.presentation-page .pres-table-cell {
    display: inline-flex;
    align-items: center;
    justify-content: inherit;
    min-height: 30px;
    gap: 8px;
}

.presentation-page .pres-table-cell-text {
    white-space: nowrap;
}

.presentation-page .pres-table-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    cursor: pointer;
}

.presentation-page .pres-table-item:focus-visible {
    outline: 1px solid rgba(214, 173, 105, .72);
    outline-offset: 4px;
}

.presentation-page .pres-table-item-tooltip {
    position: absolute;
    z-index: 12;
    bottom: calc(100% + 8px);
    left: 50%;
    display: none;
    width: max-content;
    max-width: 220px;
    padding: 7px 10px;
    border: 1px solid rgba(214, 173, 105, .5);
    border-radius: 8px;
    color: #efd29d;
    background: rgba(13, 9, 8, .97);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .65);
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.3;
    transform: translateX(-50%);
    pointer-events: none;
}

.presentation-page .pres-table-item:hover .pres-table-item-tooltip,
.presentation-page .pres-table-item:focus .pres-table-item-tooltip {
    display: block;
}

.presentation-page .pres-table-bonuses {
    display: inline-flex;
    flex-direction: column;
    align-items: inherit;
    gap: 3px;
    white-space: normal;
}

.presentation-page .pres-table-bonuses.is-choice {
    gap: 2px;
}

.presentation-page .pres-table td.is-left .pres-table-bonuses {
    align-items: flex-start;
    text-align: left;
}

.presentation-page .pres-table td.is-center .pres-table-bonuses {
    align-items: center;
    text-align: center;
}

.presentation-page .pres-table td.is-right .pres-table-bonuses {
    align-items: flex-end;
    text-align: right;
}

.presentation-page .pres-table-bonus-or {
    color: rgba(216, 196, 168, .58);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1;
}

.presentation-page .pres-table-bonus-value {
    display: block;
    white-space: nowrap;
}

.presentation-page .pres-table-cell img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .4));
}

.presentation-page .pres-table-category { width: 100%; }
.presentation-page .pres-table-category[hidden] { display: none !important; }
.presentation-page .pres-control-combo {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-inline-end: 7px;
    vertical-align: middle;
    white-space: nowrap;
}
.presentation-page .pres-control-plus { color: #aa8a5a; font-size: .72em; font-weight: 800; }
.presentation-page .pres-control-key {
    min-width: 24px;
    padding: 3px 6px;
    border: 1px solid rgba(225,190,142,.4);
    border-bottom-width: 3px;
    border-radius: 5px;
    background: linear-gradient(180deg, #2b241e, #15110e);
    color: #ead0a4;
    font: 700 .68rem/1.15 Inter, sans-serif;
    text-align: center;
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
}
.presentation-page .pres-control-mouse {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 27px;
    border: 1px solid rgba(225,190,142,.5);
    border-radius: 9px 9px 11px 11px;
    background: #17120f;
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
}
.presentation-page .pres-control-mouse::before { content: ''; position: absolute; inset: 0 50% auto 0; height: 10px; border-radius: 8px 0 0; background: rgba(225,190,142,.18); }
.presentation-page .pres-control-mouse--mouse-right::before { inset: 0 0 auto 50%; border-radius: 0 8px 0 0; }
.presentation-page .pres-control-mouse--mouse-middle::before,
.presentation-page .pres-control-mouse--wheel-up::before,
.presentation-page .pres-control-mouse--wheel-down::before { inset: 3px auto auto 8px; width: 3px; height: 8px; border-radius: 3px; background: #ddb676; }
.presentation-page .pres-control-mouse--wheel-up::after { content: '↑'; position: absolute; inset: auto 0 1px; color: #ddb676; font-size: 9px; text-align: center; }
.presentation-page .pres-control-mouse--wheel-down::after { content: '↓'; position: absolute; inset: auto 0 1px; color: #ddb676; font-size: 9px; text-align: center; }

@media (max-width: 1024px) {
    .presentation-page .pres-table-set {
        width: 100%;
        min-width: 0;
        grid-template-columns: minmax(0, 1fr);
    }

    .presentation-page .pres-table-scroll {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-inline: 0;
    }

    .presentation-page .pres-table {
        width: max-content;
        min-width: 100%;
    }

    .presentation-page .pres-table th,
    .presentation-page .pres-table td {
        min-width: clamp(112px, 24vw, 150px);
        white-space: nowrap;
    }

    .presentation-page .pres-table-cell-text {
        white-space: nowrap;
    }

    .presentation-page .pres-table-scroll.is-full-width,
    .presentation-page .pres-table-set > .pres-table-scroll:only-child {
        grid-column: auto;
        width: 100%;
    }
}

.presentation-page .pres-slider {
    max-width: 1080px;
    margin: 0 auto;
}

.presentation-page .pres-slider-track {
    position: relative;
}

.presentation-page .pres-slide {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    align-items: center;
    gap: clamp(18px, 3vw, 34px);
    padding: clamp(12px, 2vw, 22px);
    border: 1px solid rgba(225, 190, 142, .13);
    border-radius: 12px;
    background: rgba(20, 16, 14, .58);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .26);
}

.presentation-page .pres-slide[hidden] {
    display: none;
}

.presentation-page .pres-slide-render img {
    display: block;
    width: 100%;
    max-height: 600px;
    object-fit: contain;
}

.presentation-page .pres-slide-details {
    display: grid;
    gap: 11px;
}

.presentation-page .pres-slide-details h4 {
    margin: 0 0 4px;
    color: #e1be8e;
    font-family: Cinzel, serif;
    font-size: 1.08rem;
    text-align: center;
}

.presentation-page .pres-slide-details > p {
    margin: 0;
    color: #9f938b;
    font-size: .78rem;
    line-height: 1.55;
    text-align: center;
}

.presentation-page .pres-fact-list {
    display: grid;
    gap: 7px;
}

.presentation-page .pres-fact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid rgba(225, 190, 142, .12);
    border-radius: 6px;
    background: rgba(26, 21, 18, .62);
}

.presentation-page .pres-fact span {
    color: #8f837b;
    font-size: .68rem;
}

.presentation-page .pres-fact strong {
    color: #d7b47e;
    font-family: Cinzel, serif;
    font-size: .78rem;
    text-align: right;
}

.presentation-page .pres-fact .pres-fact-value--bonus {
    font-family: inherit;
    font-size: .7rem;
    font-weight: 600;
}

.presentation-page .pres-slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 15px;
}

.presentation-page .pres-slider-nav > button {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(225, 190, 142, .2);
    border-radius: 50%;
    background: rgba(26, 21, 18, .62);
    color: #d7b47e;
    font-size: 1.25rem;
    cursor: pointer;
}

.presentation-page .pres-slider-nav > div {
    display: flex;
    gap: 8px;
}

.presentation-page .pres-slider-nav > div button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(225, 190, 142, .22);
    cursor: pointer;
}

.presentation-page .pres-slider-nav > div button.is-active {
    background: #e1be8e;
    box-shadow: 0 0 8px rgba(225, 190, 142, .45);
}

/* Dungeon showcase */
.presentation-page .pres-dungeon-list {
    display: grid;
    gap: clamp(18px, 2.5vw, 34px);
    width: 100%;
}

.presentation-page .pres-dungeon {
    position: relative;
    min-width: 0;
    scroll-margin-top: 76px;
    border: 1px solid rgba(198, 154, 87, .25);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(20, 12, 8, .72), rgba(7, 4, 3, .58));
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
    overflow: hidden;
    isolation: isolate;
}

.presentation-page .pres-dungeon-heading {
    padding: clamp(18px, 2.4vw, 30px) clamp(18px, 3vw, 42px) 12px;
    text-align: center;
}

.presentation-page .pres-dungeon-heading h4,
.presentation-page .pres-dungeon-info h5 {
    margin: 0;
    color: var(--presentation-title-color, #f2d9ad);
    font-family: var(--font-heading);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.presentation-page .pres-dungeon-heading h4 { font-size: clamp(1.25rem, 2.2vw, 2rem); }
.presentation-page .pres-dungeon-heading p,
.presentation-page .pres-dungeon-info p { margin: 10px auto 0; color: var(--presentation-text-color, #ddd0c4); }

.presentation-page .pres-dungeon-tabs {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 8px 18px 14px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(198,154,87,.65) rgba(0,0,0,.25);
}

.presentation-page .pres-dungeon-tabs button {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 18px;
    border: 1px solid rgba(198,154,87,.32);
    border-radius: 999px;
    color: var(--presentation-button-text-color, #f1dfc3);
    background: rgba(9,5,4,.62);
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.presentation-page .pres-dungeon-tabs button:is(:hover,.is-active) {
    border-color: var(--primary-gold, #c69a57);
    background: rgba(198,154,87,.16);
    transform: translateY(-1px);
}

.presentation-page .pres-dungeon-stage {
    position: relative;
    display: grid;
    min-width: 0;
}
.presentation-page .pres-dungeon-variant {
    grid-area: 1 / 1;
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1.7fr) minmax(230px, .65fr);
    align-items: center;
    gap: clamp(18px, 3vw, 42px);
    padding: clamp(16px, 2.6vw, 38px);
}
.presentation-page .pres-dungeon-variant[hidden] {
    display: grid !important;
    visibility: hidden;
    pointer-events: none;
}

.presentation-page .pres-dungeon-visual {
    position: relative;
    width: 100%;
    min-width: 0;
    aspect-ratio: 1241 / 564;
    overflow: visible;
}
.presentation-page .pres-dungeon-visual picture,
.presentation-page .pres-dungeon-visual picture img { display: block; width: 100%; height: 100%; }
.presentation-page .pres-dungeon-visual.is-composite picture img { object-fit: contain; object-position: center; }
.presentation-page .pres-dungeon-masked-background { position: absolute; inset: 0; overflow: hidden; -webkit-mask: var(--pres-dungeon-mask, none) center / 100% 100% no-repeat; mask: var(--pres-dungeon-mask, none) center / 100% 100% no-repeat; }
.presentation-page .pres-dungeon-masked-background img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pres-dungeon-bg-x, 50%) var(--pres-dungeon-bg-y, 50%); }
.presentation-page .pres-dungeon-boss { position: absolute; z-index: 2; left: var(--pres-dungeon-boss-x, 72%); top: var(--pres-dungeon-boss-y, 56%); width: var(--pres-dungeon-boss-width, 38%); max-height: 180%; object-fit: contain; pointer-events: none; transform: translate(-50%, -50%); transform-origin: center; }
.presentation-page .pres-dungeon-boss.is-flipped { transform: translate(-50%, -50%) scaleX(-1); }
.presentation-page .pres-dungeon-boss.has-shadow { filter: drop-shadow(13px 3px 3px rgba(20, 6, 1, .5)); }
.presentation-page .pres-dungeon-info { min-width: 0; padding: 8px 0; }
.presentation-page .pres-dungeon-info h5 { font-size: clamp(1.05rem, 1.55vw, 1.45rem); }
.presentation-page .pres-dungeon-element { display: flex; align-items: center; gap: 12px; margin: 18px 0; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--alchemy-color, #c69a57) 55%, transparent); border-radius: 12px; background: color-mix(in srgb, var(--alchemy-color, #c69a57) 11%, transparent); }
.presentation-page .pres-dungeon-element img { width: 39px; height: 39px; object-fit: contain; flex: 0 0 39px; }
.presentation-page .pres-dungeon-element div { display: grid; gap: 2px; }
.presentation-page .pres-dungeon-element small { color: var(--presentation-muted-text-color, #ede5d8); }
.presentation-page .pres-dungeon-element strong { color: var(--alchemy-color, #c69a57); }
.presentation-page .pres-dungeon-element--overlay { display: none; }
.presentation-page .pres-dungeon-arrows { position: absolute; z-index: 10; inset: 50% 12px auto; display: flex; justify-content: space-between; pointer-events: none; transform: translateY(-50%); }
.presentation-page .pres-dungeon-arrows button { width: 42px; height: 42px; border: 1px solid rgba(198,154,87,.48); border-radius: 50%; color: #f2d9ad; background: rgba(8,4,3,.8); font-size: 1.7rem; line-height: 1; cursor: pointer; pointer-events: auto; box-shadow: 0 6px 18px rgba(0,0,0,.34); }

@media (max-width: 991px) {
    .presentation-page .pres-dungeon { scroll-margin-top: 68px; }
    .presentation-page .pres-dungeon-variant { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .presentation-page .pres-dungeon-info { text-align: center; }
    .presentation-page .pres-dungeon-element--info { display: none; }
    .presentation-page .pres-dungeon-element--overlay {
        position: absolute;
        z-index: 4;
        top: clamp(9px, 2vw, 16px);
        left: clamp(9px, 2vw, 16px);
        display: flex;
        justify-content: flex-start;
        width: auto;
        max-width: calc(100% - clamp(18px, 4vw, 32px));
        margin: 0;
        padding: clamp(7px, 1.4vw, 10px);
        border-radius: 10px;
        background: color-mix(in srgb, var(--alchemy-color, #c69a57) 14%, rgba(7, 4, 3, .84));
        box-shadow: 0 6px 20px rgba(0, 0, 0, .38);
        backdrop-filter: blur(5px);
    }
    .presentation-page .pres-dungeon-element--overlay img {
        width: clamp(30px, 5vw, 39px);
        height: clamp(30px, 5vw, 39px);
        flex-basis: clamp(30px, 5vw, 39px);
    }
    .presentation-page .pres-dungeon-arrows { inset-inline: 6px; }
}

@media (max-width: 600px) {
    .presentation-page .pres-dungeon-heading { padding-inline: 14px; }
    .presentation-page .pres-dungeon-variant { padding: 12px; }
    .presentation-page .pres-dungeon-tabs { justify-content: flex-start; padding-inline: 12px; }
    .presentation-page .pres-dungeon-boss { width: var(--pres-dungeon-boss-width, 38%); }
    .presentation-page .pres-dungeon-arrows button { width: 36px; height: 36px; }
}

.presentation-page .pres-wheel-stage {
    position: relative;
    width: min(600px, 92vw);
    aspect-ratio: 1;
    margin: 10px auto 0;
}

.presentation-page .pres-wheel-rings,
.presentation-page .pres-wheel-items {
    position: absolute;
    inset: 10%;
}

.presentation-page .pres-wheel-items {
    z-index: 8;
}

.presentation-page .pres-wheel-rings i {
    position: absolute;
    inset: 0;
    border: 1px dashed rgba(225, 190, 142, .27);
    border-radius: 50%;
    animation: pres-ring-spin 34s linear infinite;
}

.presentation-page .pres-wheel-rings i:last-child {
    inset: 8%;
    border-style: solid;
    border-color: rgba(225, 190, 142, .1);
    animation-direction: reverse;
    animation-duration: 28s;
}

.presentation-page .pres-wheel-center {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: grid;
    width: 23%;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(225, 190, 142, .24);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(225, 190, 142, .15), rgba(12, 10, 9, .82) 68%),
        var(--alchemy-center-bg, none) center / var(--alchemy-center-bg-size, cover) no-repeat;
    color: #d9b67f;
    font-size: 2rem;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 40px rgba(225, 190, 142, .11);
    overflow: visible;
}

.presentation-page .pres-wheel-center-visual {
    position: absolute;
    z-index: 0;
    width: var(--alchemy-center-image-width, 100%);
    max-width: 220%;
    height: auto;
    max-height: 220%;
    object-fit: contain;
    pointer-events: none;
}

.presentation-page .pres-wheel-center-visual.is-cover {
    width: var(--alchemy-center-image-width, 100%);
    height: var(--alchemy-center-image-width, 100%);
    max-width: none;
    max-height: none;
    object-fit: cover;
}

.presentation-page .pres-wheel-center-item {
    width: 74%;
    height: 74%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.presentation-page .pres-wheel-item {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    display: grid;
    width: clamp(68px, 12vw, 92px);
    justify-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #b9aba1;
    cursor: pointer;
    transform:
        translate(-50%, -50%)
        rotate(calc(360deg / var(--alchemy-count) * var(--alchemy-index)))
        translateY(var(--alchemy-distance, -210%))
        rotate(calc(-360deg / var(--alchemy-count) * var(--alchemy-index)));
}

.presentation-page .pres-wheel-item:hover,
.presentation-page .pres-wheel-item:focus-visible,
.presentation-page .pres-wheel-item.is-active {
    z-index: 2147483646;
}

.presentation-page .pres-wheel-face {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 5px;
    transform-origin: center;
}

.presentation-page .pres-wheel-icon {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--alchemy-color) 45%, transparent);
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, var(--alchemy-color) 15%, transparent), rgba(10, 9, 9, .82));
    box-shadow: 0 0 18px color-mix(in srgb, var(--alchemy-color) 20%, transparent);
    transition: transform .25s ease, box-shadow .25s ease;
}

.presentation-page .pres-wheel-icon img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.presentation-page .pres-wheel-item:hover .pres-wheel-icon,
.presentation-page .pres-wheel-item:focus-visible .pres-wheel-icon {
    transform: scale(1.12);
    box-shadow: 0 0 30px color-mix(in srgb, var(--alchemy-color) 48%, transparent);
}

.presentation-page .pres-wheel-face > small {
    color: #c9b9ae;
    font-size: .7rem;
}

.presentation-page .pres-wheel-tooltip {
    position: absolute;
    z-index: 2147483647;
    bottom: calc(100% + 12px);
    left: 50%;
    display: grid;
    width: max-content;
    min-width: 210px;
    max-width: 280px;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--alchemy-color) 52%, #7b5e3d);
    border-radius: 8px;
    background: rgba(13, 11, 10, .97);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .72), 0 0 22px color-mix(in srgb, var(--alchemy-color) 16%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 7px) scale(.96);
    transition: opacity .18s ease, transform .18s ease;
}

.presentation-page .pres-wheel-item:hover .pres-wheel-tooltip,
.presentation-page .pres-wheel-item:focus-visible .pres-wheel-tooltip,
.presentation-page .pres-wheel-item.is-active .pres-wheel-tooltip {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

.presentation-page .pres-wheel-tooltip > strong {
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(225, 190, 142, .16);
    color: var(--alchemy-color);
    font-family: Cinzel, serif;
}

.presentation-page .pres-wheel-tooltip > span {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #a99c94;
    font-size: .72rem;
}

.presentation-page .pres-wheel-tooltip b {
    color: #887b73;
    font-weight: 500;
}

.presentation-page .pres-wheel-tooltip em {
    color: #d8b983;
    font-style: normal;
    text-align: right;
}

.presentation-page .pres-wheel-tooltip .pres-wheel-tooltip-line-colored,
.presentation-page .pres-wheel-tooltip .pres-wheel-tooltip-line-colored b,
.presentation-page .pres-wheel-tooltip .pres-wheel-tooltip-line-colored em {
    color: var(--wheel-line-color);
}

@keyframes pres-ring-spin {
    to { transform: rotate(360deg); }
}

@media (max-width: 1300px) {
    .presentation-page .pres-content-layout--image_left,
    .presentation-page .pres-content-layout--image_right {
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-content-layout--image_left .pres-content-media,
    .presentation-page .pres-content-layout--image_right .pres-content-media {
        order: -1;
    }

    .presentation-page .pres-content-layout--image_left .pres-content-copy,
    .presentation-page .pres-content-layout--image_right .pres-content-copy {
        order: 2;
    }

    .presentation-page .pres-content-layout--image_left .pres-stat-grid,
    .presentation-page .pres-content-layout--image_right .pres-stat-grid,
    .presentation-page .pres-content-layout--image_left .pres-card-grid,
    .presentation-page .pres-content-layout--image_right .pres-card-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .presentation-page .pres-card-grid {
        grid-template-columns: repeat(min(2, var(--pres-columns, 2)), minmax(0, 1fr));
    }

    .presentation-page .pres-content-layout,
    .presentation-page .pres-slide {
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-content-layout .pres-content-media {
        order: -1;
    }

    .presentation-page .pres-slide-details {
        width: min(500px, 100%);
        margin: 0 auto;
    }
}

@media (max-width: 600px) {
    .presentation-page .pres-content-block {
        padding-inline: 12px;
    }

    .presentation-page .pres-card-grid {
        grid-template-columns: 1fr;
    }

    .presentation-page .pres-wheel-stage {
        width: min(430px, 96vw);
    }

    .presentation-page .pres-wheel-item {
        width: 62px;
        --alchemy-distance: -180%;
        transform:
            translate(-50%, -50%)
            rotate(calc(360deg / var(--alchemy-count) * var(--alchemy-index)))
            translateY(var(--alchemy-distance))
            rotate(calc(-360deg / var(--alchemy-count) * var(--alchemy-index)));
    }

    .presentation-page .pres-wheel-icon {
        width: 54px;
        height: 54px;
    }

    .presentation-page .pres-wheel-icon img {
        width: 43px;
        height: 43px;
    }

    .presentation-page .pres-wheel-tooltip {
        position: fixed;
        right: 14px;
        bottom: 20px;
        left: 14px;
        width: auto;
        max-width: none;
        transform: translateY(8px);
    }

    .presentation-page .pres-wheel-item:hover .pres-wheel-tooltip,
    .presentation-page .pres-wheel-item:focus-visible .pres-wheel-tooltip,
    .presentation-page .pres-wheel-item.is-active .pres-wheel-tooltip {
        transform: translateY(0);
    }
}

@media (max-width: 480px) {
    .presentation-page .pres-wheel-stage {
        width: min(360px, 90vw);
    }

    .presentation-page .pres-wheel-rings,
    .presentation-page .pres-wheel-items {
        inset: 9%;
    }

    .presentation-page .pres-wheel-item {
        width: 58px;
        --alchemy-distance: -145%;
        gap: 4px;
    }

    .presentation-page .pres-wheel-face > small {
        max-width: 76px;
        font-size: .66rem;
        line-height: 1.18;
    }

    .presentation-page .pres-wheel-icon {
        width: 50px;
        height: 50px;
    }

    .presentation-page .pres-wheel-icon img {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 390px) {
    .presentation-page .pres-wheel-stage {
        width: min(330px, 88vw);
    }

    .presentation-page .pres-wheel-item {
        width: 54px;
        --alchemy-distance: -132%;
    }

    .presentation-page .pres-wheel-face > small {
        max-width: 68px;
        font-size: .62rem;
    }

    .presentation-page .pres-wheel-icon {
        width: 46px;
        height: 46px;
    }

    .presentation-page .pres-wheel-icon img {
        width: 37px;
        height: 37px;
    }
}

/* Cohesive 2026 presentation polish. Keeps old data structures, improves the visual layer. */
.presentation-page .content-wrapper {
    background:
        radial-gradient(circle at 18% 0, rgba(127, 192, 188, .055), transparent 28%),
        radial-gradient(circle at 88% 10%, rgba(198, 154, 87, .08), transparent 30%),
        linear-gradient(180deg, rgba(17, 12, 10, .92), rgba(12, 9, 8, .98) 42%, rgba(17, 12, 10, .95));
}

.presentation-page .section-block.presentation-section {
    min-height: auto;
    margin-bottom: 18px;
    border: 1px solid rgba(225, 190, 142, .18) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(23, 17, 15, .72), rgba(10, 8, 7, .66)),
        radial-gradient(circle at 80% 0, rgba(225, 190, 142, .085), transparent 34%) !important;
    box-shadow: 0 24px 72px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .025);
}

.presentation-page .section-block.presentation-section::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: -1px;
    left: 18px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(225, 190, 142, .34), transparent);
    pointer-events: none;
}

.presentation-page .section-content {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    overflow: visible;
}

.presentation-section .section-content.section-content--full-width,
.presentation-section .section-content.section-content--full-width > .rich-editor-content {
    width: 100%;
    max-width: none;
}

.presentation-page .section-block.presentation-section.presentation-section--has-full-width-block,
.presentation-page .section-block.presentation-section:has(.pres-content-block--full-width) {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0 !important;
}

.presentation-page .section-block.presentation-section:has(.pres-content-block--full-width) .section-content,
.presentation-page .section-block.presentation-section:has(.pres-content-block--full-width) .rich-editor-content {
    width: 100%;
    max-width: none;
}

.presentation-page .section-content--full-width .pres-content-block {
    width: 100%;
    max-width: 1180px;
}

.presentation-page .section-content--full-width .pres-content-block--full-width {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.presentation-page .section-block.presentation-section:has(.pres-content-block--full-width) .pres-content-block--full-width {
    width: 100%;
    max-width: none;
    padding-inline: 0;
}

.presentation-page .pres-content-block--grouped.pres-content-block--frameless.pres-content-block--full-width,
.presentation-page .pres-content-block--grouped.pres-content-block--frameless.pres-content-block--full-width > .pres-content-group-item {
    padding-inline: 0 !important;
}

.presentation-page .pres-content-block--full-width .pres-table-set > .pres-table-scroll .pres-table {
    width: max-content;
    min-width: 100%;
}

.presentation-page .rich-editor-content {
    color: var(--presentation-text-color, #d6ccc3);
}

.presentation-page .pres-content-block {
    margin: clamp(16px, 2vw, 24px) auto;
    border: 1px solid rgba(225, 190, 142, .13);
    border-radius: 16px;
    background:
        radial-gradient(circle at 50% 0, rgba(225, 190, 142, .075), transparent 42%),
        linear-gradient(180deg, rgba(18, 14, 12, .72), rgba(9, 8, 7, .62));
    box-shadow: 0 18px 52px rgba(0, 0, 0, .22);
}

.cinematic-presentation-page .presentation-page .pres-content-block.pres-content-block--frameless {
    border: none;
    background: none;
    box-shadow: none;
}

.presentation-page .pres-content-block + .pres-content-block {
    margin-top: 0;
    border-top: 1px solid rgba(225, 190, 142, .13);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.presentation-page .pres-content-block:has(+ .pres-content-block) {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.presentation-page .pres-block-heading h3,
.presentation-page .section-title {
    color: var(--presentation-title-color, #f1d7aa);
    text-shadow: 0 0 24px rgba(225, 190, 142, .14), 0 2px 18px rgba(0, 0, 0, .36);
}

.presentation-page .pres-block-heading p,
.presentation-page .section-description {
    color: color-mix(in srgb, var(--presentation-muted-text-color, #e9e0d6) 82%, transparent);
}

.presentation-page .pres-info-card {
    border-color: rgba(225, 190, 142, .18);
    border-radius: 13px;
    background:
        linear-gradient(145deg, rgba(225, 190, 142, .055), rgba(127, 192, 188, .018) 42%, transparent),
        rgba(16, 13, 12, .74);
    box-shadow: inset 0 1px rgba(255, 255, 255, .028), 0 16px 34px rgba(0, 0, 0, .22);
}

.presentation-page .pres-info-card--stacked {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.presentation-page .pres-card-icon {
    flex-basis: var(--pres-card-image-size-desktop, 66px);
    width: var(--pres-card-image-size-desktop, 66px);
    height: var(--pres-card-image-size-desktop, 66px);
    border: 0;
    background: transparent;
}

.presentation-page .pres-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: transparent;
}

.presentation-page .pres-info-card--stacked .pres-card-icon {
    flex-basis: auto;
    width: min(100%, var(--pres-card-image-size-desktop, 128px));
    height: var(--pres-card-image-size-desktop, 128px);
}

.presentation-page .pres-info-card--stacked .pres-card-copy {
    justify-items: center;
}

.presentation-page .pres-info-card--stacked .pres-card-lines {
    width: 100%;
}

.presentation-page .pres-table th.is-center,
.presentation-page .pres-table td.is-center {
    text-align: center;
}

.presentation-page .pres-table th.is-right,
.presentation-page .pres-table td.is-right {
    text-align: right;
}

.presentation-page .pres-table td.is-center .pres-table-cell {
    justify-content: center;
}

.presentation-page .pres-table td.is-right .pres-table-cell {
    justify-content: flex-end;
}

.presentation-page .pres-table-cell {
    width: 100%;
}

.presentation-page .pres-table-cell img {
    flex: 0 0 28px;
    background: transparent;
}

.presentation-page .pres-wheel-stage--rotate-items .pres-wheel-items {
    animation: pres-wheel-items-spin 46s linear infinite;
}

.presentation-page .pres-wheel-stage--rotate-items .pres-wheel-face {
    animation: pres-wheel-face-counter-spin 46s linear infinite;
}

.presentation-page .pres-interactive {
    position: relative;
    width: 100%;
    min-width: 0;
}

.presentation-page .pres-interactive-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 0 54px 16px;
    padding: 3px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.presentation-page .pres-interactive-tab {
    flex: 0 0 auto;
    padding: 8px 16px;
    border: 1px solid rgba(205, 160, 91, .26);
    border-radius: 8px;
    background: rgba(12, 8, 6, .72);
    color: var(--pres-text-muted, #c6b9aa);
    font: 700 .75rem/1.2 inherit;
    letter-spacing: .06em;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

.presentation-page .pres-interactive-tab:hover,
.presentation-page .pres-interactive-tab.is-active {
    border-color: rgba(225, 190, 142, .62);
    background: linear-gradient(180deg, rgba(113, 76, 37, .76), rgba(45, 29, 18, .88));
    color: var(--pres-title-color, #ead0a4);
    transform: translateY(-1px);
}

.presentation-page .pres-interactive-slides,
.presentation-page .pres-interactive-slide,
.presentation-page .pres-interactive-stage {
    width: 100%;
    min-width: 0;
}

.presentation-page .pres-interactive-slide {
    display: none;
}

.presentation-page .pres-interactive-slide.is-active {
    display: block;
    animation: pres-media-fade .3s ease both;
}

@keyframes pres-media-fade {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.presentation-page .pres-interactive-stage {
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    line-height: 0;
}

.presentation-page .pres-interactive-stage > img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
    object-fit: contain;
}

.presentation-page .pres-interactive-marker {
    position: absolute;
    z-index: 8;
    left: var(--marker-x, 50%);
    top: var(--marker-y, 50%);
    width: 32px;
    height: calc(32px * var(--marker-slots, 1));
    padding: 0;
    border: 0;
    background: transparent;
    transform: translate(-50%, -50%);
    cursor: pointer;
    line-height: 0;
    filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .7));
}

.presentation-page .pres-interactive-marker > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: filter .18s ease, transform .18s ease;
}

.presentation-page .pres-interactive-marker:hover,
.presentation-page .pres-interactive-marker:focus-visible,
.presentation-page .pres-interactive-marker.is-open {
    z-index: 40;
}

.presentation-page .pres-interactive-marker:hover > img,
.presentation-page .pres-interactive-marker:focus-visible > img,
.presentation-page .pres-interactive-marker.is-open > img {
    transform: scale(1.08);
    filter: brightness(1.15) drop-shadow(0 0 5px rgba(225, 190, 142, .68));
}

.presentation-page .pres-interactive-tooltip {
    position: absolute;
    z-index: 50;
    left: 50%;
    bottom: calc(100% + 9px);
    min-width: max-content;
    max-width: 190px;
    padding: 7px 10px;
    border: 1px solid rgba(225, 190, 142, .42);
    border-radius: 7px;
    background: rgba(10, 7, 5, .96);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .62);
    color: #ead0a4;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 5px);
    transition: opacity .18s ease, transform .18s ease;
}

.presentation-page .pres-interactive-marker:hover .pres-interactive-tooltip,
.presentation-page .pres-interactive-marker:focus-visible .pres-interactive-tooltip,
.presentation-page .pres-interactive-marker.is-open .pres-interactive-tooltip {
    opacity: 1;
    transform: translate(-50%, 0);
}

.presentation-page .pres-interactive .pres-media-nav {
    top: 50%;
    z-index: 32;
}

@keyframes pres-wheel-items-spin {
    to { transform: rotate(360deg); }
}

@keyframes pres-wheel-face-counter-spin {
    to {
        transform: rotate(-360deg);
    }
}

@media (max-width: 900px) {
    .presentation-page .pres-card-icon {
        flex-basis: var(--pres-card-image-size-tablet, var(--pres-card-image-size-laptop, var(--pres-card-image-size-desktop, 66px)));
        width: var(--pres-card-image-size-tablet, var(--pres-card-image-size-laptop, var(--pres-card-image-size-desktop, 66px)));
        height: var(--pres-card-image-size-tablet, var(--pres-card-image-size-laptop, var(--pres-card-image-size-desktop, 66px)));
    }

    .presentation-page .pres-info-card--stacked .pres-card-icon {
        height: var(--pres-card-image-size-tablet, var(--pres-card-image-size-laptop, var(--pres-card-image-size-desktop, 128px)));
    }
}

@media (max-width: 600px) {
    .presentation-page .pres-content-block {
        border-radius: 13px;
        padding: 28px 12px;
    }

    .presentation-page .pres-info-card {
        align-items: center;
    }

    .presentation-page .pres-card-icon {
        flex-basis: var(--pres-card-image-size-mobile, var(--pres-card-image-size-tablet, var(--pres-card-image-size-desktop, 66px)));
        width: var(--pres-card-image-size-mobile, var(--pres-card-image-size-tablet, var(--pres-card-image-size-desktop, 66px)));
        height: var(--pres-card-image-size-mobile, var(--pres-card-image-size-tablet, var(--pres-card-image-size-desktop, 66px)));
    }

    .presentation-page .pres-info-card--stacked .pres-card-icon {
        height: var(--pres-card-image-size-mobile, var(--pres-card-image-size-tablet, var(--pres-card-image-size-desktop, 128px)));
    }

    .presentation-page .pres-interactive-tabs {
        justify-content: flex-start;
        margin-inline: 38px;
    }

    .presentation-page .pres-interactive-tab {
        padding: 7px 11px;
        font-size: .68rem;
    }

    .presentation-page .pres-interactive-tooltip {
        max-width: 145px;
        font-size: .66rem;
    }

}


/* Source: responsive.css */
@media (max-width: 1100px){
    .hero-grid,
    .grid-3,
    .grid-2{
        grid-template-columns:1fr;
    }
}

@media (max-width: 1235px){
    .navbar{
        position:relative;
        min-height:auto;
        padding:16px 0;
        display:grid;
        grid-template-columns:1fr auto;
        align-items:center;
        gap:14px;
    }

    .brand{
        min-width:0;
        position:relative;
        z-index:1001;
    }

    .menu-toggle{
        display:flex;
        position:relative;
        z-index:1001;
    }

    .nav-overlay{
        display:block;
        position:fixed;
        inset:0;
        background:rgba(8, 6, 6, 0.48);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity .25s ease, visibility .25s ease;
        z-index:1000;
    }

    .nav-overlay.active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .nav-panel{
        position:absolute;
        top:100%;
        left:0;
        right:0;
        margin-top:12px;
        display:none;
        width:100%;
        padding:14px;
        border-radius:18px;
        background:linear-gradient(180deg, rgba(30,22,19,.98), rgba(21,15,13,.98));
        border:1px solid rgba(198,154,87,.12);
        box-shadow:var(--shadow);
        flex-direction:column;
        align-items:stretch;
        z-index:1003;
        overflow:visible;
    }

    .navbar.menu-open .nav-panel{
        display:flex;
    }

    .navbar.menu-open .nav-overlay{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .nav-actions{
        order:-1;
        width:100%;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:10px;
        margin-top:0;
        margin-bottom:12px;
    }

    .nav-links{
        order:2;
        width:100%;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
    }

    .nav-link{
        width:100%;
        padding:13px 14px;
        border-radius:12px;
    }

    .nav-actions form,
    .nav-account-slot,
    .nav-login-button,
    .nav-account-loading,
    .nav-account-unavailable,
    .lang-dropdown,
    .account-dropdown{
        width:100%;
        min-width:0;
        flex-basis:auto;
    }

    .lang-dropdown{
        order:-2;
        position:relative;
    }

    .account-dropdown{
        order:2;
        position:relative;
    }

    .lang-trigger,
    .account-trigger{
        width:100%;
        justify-content:space-between;
    }

    .lang-menu,
    .account-menu{
        position:absolute;
        top:calc(100% + 8px);
        left:0;
        right:0;
        margin-top:0;
        min-width:100%;
        width:100%;
        max-width:none;
        box-sizing:border-box;
        z-index:1015;
        max-height:min(320px, 50dvh);
        overflow-y:auto;
        overflow-x:hidden;
        -webkit-overflow-scrolling:touch;
    }

    .lang-menu{
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:7px;
        min-width:0;
        padding:0;
    }

    .lang-dropdown.open .lang-menu{
        display:grid;
        padding:8px;
    }

    .lang-option{
        display:flex;
        flex-direction:row;
        align-items:center;
        gap:7px;
        min-width:0;
        padding:9px;
    }

    .lang-option-main{
        display:flex;
        align-items:center;
        gap:10px;
        width:100%;
    }

    .lang-name{
        margin-left:auto;
        text-align:right;
        white-space:nowrap;
        line-height:1.1;
        font-size:11px;
    }

    .navbar.menu-open .menu-toggle span:nth-child(1){
        transform:translateY(8px) rotate(45deg);
    }

    .navbar.menu-open .menu-toggle span:nth-child(2){
        opacity:0;
    }

    .navbar.menu-open .menu-toggle span:nth-child(3){
        transform:translateY(-8px) rotate(-45deg);
    }

    .account-stats-grid,
    .account-characters-grid,
    .account-panels-grid,
    .shop-premium-steps,
    .shop-premium-benefits-featured ul,
    .shop-premium-intro-grid{
        grid-template-columns:1fr;
    }

    .presentation-topbar .presentation-navbar{
        --presentation-topbar-height:64px;
        min-height:64px;
        padding:7px 12px;
        display:flex;
        justify-content:space-between;
        gap:10px;
    }

    .presentation-topbar .brand-mark{
        width:46px;
        height:46px;
    }

    .presentation-topbar .brand-text span{
        font-size:15px;
    }

    .presentation-topbar .brand-text small{
        font-size:10px;
        letter-spacing:.13em;
    }

    .presentation-topbar .presentation-mobile-categories{
        flex:1 1 auto;
        max-width:none;
        min-height:38px;
    }

    .presentation-topbar .presentation-mobile-link{
        min-width:112px;
        max-width:170px;
        padding:8px 12px;
        font-size:12px;
    }

    .presentation-topbar .menu-toggle{
        width:48px;
        height:48px;
        min-width:48px;
        margin-left:auto;
        flex:0 0 auto;
    }
}

@media (max-width: 820px){
    .hero-copy,
    .hero-side{
        padding:22px;
    }

    .hero-side{
        height:auto;
        min-height:auto;
        max-height:520px;
    }

    .hero-stats{
        grid-template-columns:1fr;
    }

    .download-card .card-body{
        padding:20px;
    }

    .section-head h2{
        font-size:21px;
    }

    .btn-download{
        width:100%;
        min-width:unset;
    }

    .news-comparison{
        padding:16px 16px 0;
    }

    .comparison-handle{
        width:48px;
        height:48px;
    }

    .event-widget{
        padding:16px;
    }

    .event-calendar-dropdown{
        top:72px;
        left:16px;
        right:16px;
    }

    .event-item{
        grid-template-columns:52px 1fr;
        gap:12px;
    }

    .event-item-icon{
        width:52px;
        height:52px;
        border-radius:100%;
    }

    .account-card-body{
        padding:20px;
    }

    .account-overview,
    .account-section-head{
        flex-direction:column;
        align-items:stretch;
    }

    .account-badges,
    .account-summary-pills{
        justify-content:flex-start;
    }

    .shop-character-grid{
        grid-template-columns:1fr;
    }

    .shop-premium-package-summary{
        align-items:stretch;
        flex-direction:column;
    }

    .shop-premium-flow-actions .btn,
    .shop-premium-package-summary .btn{
        width:100%;
    }

    .account-tab-nav{
        display:grid;
        grid-template-columns:1fr;
    }

    .account-tab-link{
        width:100%;
    }

    .account-purchase-table{
        min-width:0;
    }

    .account-purchase-table thead{
        display:none;
    }

    .account-purchase-table,
    .account-purchase-table tbody,
    .account-purchase-table tr,
    .account-purchase-table td{
        display:block;
        width:100%;
    }

    .account-purchase-table tr{
        padding:14px 16px;
        border-bottom:1px solid rgba(255,255,255,.06);
    }

    .account-purchase-table tr:last-child{
        border-bottom:0;
    }

    .account-purchase-table td{
        display:flex;
        justify-content:space-between;
        gap:16px;
        padding:8px 0;
        border-bottom:0;
        text-align:right;
    }

    .account-purchase-table td::before{
        content:attr(data-label);
        color:var(--muted);
        font-size:12px;
        font-weight:800;
        text-align:left;
        text-transform:uppercase;
    }
}

@media (max-width: 560px){
    .lang-menu{
        grid-template-columns:minmax(0, 1fr);
    }

    .lang-menu .lang-name{
        overflow:visible;
        text-overflow:clip;
        font-size:12px;
    }

    .hero-side{
        height:auto;
        min-height:auto;
        max-height:500px;
    }

    .news-comparison-toolbar{
        gap:10px;
    }

    .comparison-nav{
        width:40px;
        height:40px;
    }

    .comparison-nav--overlay{
        top:12px;
        width:36px;
        height:36px;
    }

    .comparison-nav--overlay-left{
        left:12px;
    }

    .comparison-nav--overlay-right{
        right:12px;
    }

    .event-widget{
        padding:14px;
    }

    .event-toolbar{
        grid-template-columns:40px 1fr 40px;
        gap:10px;
    }

    .event-day-nav,
    .event-date-button{
        min-height:40px;
    }

    .event-date-label{
        font-size:14px;
    }

    .event-calendar-dropdown{
        top:66px;
        left:14px;
        right:14px;
        padding:14px;
    }

    .event-calendar-weekdays,
    .event-calendar-grid{
        gap:6px;
    }

    .event-calendar-day{
        min-height:36px;
        border-radius:12px;
        font-size:13px;
    }

    .event-item{
        padding:12px;
    }

    .event-item h4{
        font-size:16px;
    }

    .event-item-line{
        font-size:13px;
    }

    .account-profile{
        align-items:flex-start;
    }

    .account-avatar{
        width:60px;
        height:60px;
        border-radius:18px;
        font-size:24px;
    }

    .account-profile-copy h2{
        font-size:24px;
    }

    .account-stat-card,
    .character-card{
        padding:18px;
    }

    .account-stat-value{
        font-size:26px;
    }

    .character-card-top,
    .character-stats-grid{
        grid-template-columns:1fr;
    }

    .character-card-top{
        display:grid;
    }

    .auth-inline-actions{
        grid-template-columns:1fr;
        gap:10px;
    }
}

@media (max-width: 820px){
    .login-inline-row{
        grid-template-columns:1fr;
    }
}


/* Source: cinematic-theme.css */
/* Shared cinematic theme for account, commerce and administration pages. */
body.cinematic-theme {
    --cinematic-bg-image: url("../img/maintenance/header-maintenance-20260703-1930.png");
    --cinematic-bg-position: center 35%;
    --cinematic-gold: #d5ad73;
    --cinematic-gold-bright: #efd5aa;
    --cinematic-teal: #7fc0bc;
    --cinematic-panel: rgba(14, 11, 10, .84);
    --cinematic-panel-strong: rgba(11, 9, 8, .94);
    --cinematic-border: rgba(213, 173, 115, .2);
    --cinematic-border-hover: rgba(229, 190, 132, .46);
    --cinematic-shadow: 0 28px 80px rgba(0, 0, 0, .46);
    position: relative;
    min-height: 100svh;
    background:
        linear-gradient(180deg, rgba(7, 6, 5, .64), rgba(7, 6, 5, .84)),
        var(--cinematic-bg-image) var(--cinematic-bg-position) / cover no-repeat fixed,
        #090706;
    font-family: Onest, Inter, sans-serif;
}

body.cinematic-theme::before,
body.cinematic-theme::after {
    position: fixed;
    inset: 0;
    z-index: -2;
    content: "";
    pointer-events: none;
}

body.cinematic-theme::before {
    background:
        linear-gradient(180deg, rgba(7, 6, 5, .64), rgba(7, 6, 5, .84)),
        var(--cinematic-bg-image) var(--cinematic-bg-position) / cover no-repeat;
}

body.cinematic-theme::after {
    z-index: -1;
    background:
        radial-gradient(circle at 16% 16%, rgba(108, 189, 187, .12), transparent 24%),
        radial-gradient(circle at 76% 34%, rgba(164, 82, 63, .12), transparent 30%),
        radial-gradient(circle at 50% 42%, transparent 0 22%, rgba(5, 4, 4, .34) 62%, rgba(4, 3, 3, .78) 100%);
}

.cinematic-theme .site-shell {
    isolation: isolate;
}

.cinematic-theme .site-content {
    position: relative;
}

.cinematic-theme .site-content::before {
    display: none;
}

.cinematic-theme .topbar {
    border-bottom-color: rgba(213, 173, 115, .18);
    background: rgba(9, 7, 6, .74);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .28);
    backdrop-filter: blur(18px) saturate(115%);
}

.cinematic-theme .brand-text span,
.cinematic-theme .section-title,
.cinematic-theme .section-head h2,
.cinematic-theme .ranking-current-title,
.cinematic-theme .shop-panel-head h2,
.cinematic-theme .account-profile-copy h2,
.cinematic-theme .admin-section-head h2 {
    font-family: Cinzel, serif;
    letter-spacing: .02em;
}

.cinematic-theme .nav-link {
    border: 1px solid transparent;
}

.cinematic-theme .nav-link:hover,
.cinematic-theme .nav-link.active {
    border-color: rgba(213, 173, 115, .16);
    background: linear-gradient(180deg, rgba(213, 173, 115, .1), rgba(213, 173, 115, .035));
}

@media (min-width: 1236px) {
    .cinematic-theme .navbar {
        gap: clamp(8px, 1vw, 16px);
    }

    .cinematic-theme .nav-panel {
        min-width: 0;
        flex: 1;
        justify-content: flex-end;
        gap: clamp(5px, .55vw, 10px);
    }

    .cinematic-theme .nav-links {
        min-width: 0;
        flex-wrap: nowrap;
        gap: clamp(1px, .2vw, 4px);
    }

    .cinematic-theme .nav-link {
        flex: 0 0 auto;
        padding-inline: clamp(5px, .45vw, 9px);
        font-size: clamp(.72rem, .68vw, .84rem);
        white-space: nowrap;
    }

    .cinematic-theme .nav-actions {
        flex: 0 0 auto;
        gap: 7px;
    }

    .cinematic-theme .nav-account-slot {
        width: clamp(145px, 11vw, 175px);
        min-width: clamp(145px, 11vw, 175px);
        flex-basis: clamp(145px, 11vw, 175px);
    }
}

.cinematic-theme .nav-login-button,
.cinematic-theme .lang-trigger,
.cinematic-theme .nav-account-trigger {
    border-color: rgba(213, 173, 115, .2);
    background: rgba(15, 12, 10, .72);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}

.cinematic-theme .footer {
    border-top-color: rgba(213, 173, 115, .13);
    background: rgba(8, 6, 5, .78);
    backdrop-filter: blur(14px);
}

.cinematic-theme .page-hero {
    padding: clamp(42px, 7vw, 82px) 0 20px;
}

.cinematic-theme .page-hero-box {
    position: relative;
    padding: clamp(28px, 5vw, 52px);
    overflow: hidden;
    border: 1px solid var(--cinematic-border);
    border-radius: 6px;
    background:
        linear-gradient(125deg, rgba(213, 173, 115, .07), transparent 35%),
        rgba(11, 9, 8, .72);
    box-shadow: var(--cinematic-shadow), inset 0 1px rgba(255, 255, 255, .025);
    backdrop-filter: blur(14px);
}

.cinematic-theme .page-hero-box::before,
.cinematic-theme .page-hero-box::after {
    position: absolute;
    width: 44px;
    height: 44px;
    border-color: rgba(213, 173, 115, .55);
    content: "";
    pointer-events: none;
}

.cinematic-theme .page-hero-box::before {
    top: -1px;
    left: -1px;
    border-top: 1px solid;
    border-left: 1px solid;
}

.cinematic-theme .page-hero-box::after {
    right: -1px;
    bottom: -1px;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.cinematic-theme .page-hero-box .section-title {
    color: var(--cinematic-gold-bright);
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 600;
    text-shadow: 0 0 28px rgba(213, 173, 115, .14), 0 4px 12px rgba(0, 0, 0, .5);
}

.cinematic-theme .page-hero-box .section-subtitle {
    max-width: 820px;
    color: #bdb1a7;
    font-size: 1rem;
}

.cinematic-theme .page-content {
    padding-top: 26px;
}

.cinematic-theme .card,
.cinematic-theme .download-section,
.cinematic-theme .shop-panel {
    border-color: var(--cinematic-border);
    border-radius: 10px;
    background:
        linear-gradient(145deg, rgba(213, 173, 115, .035), transparent 34%),
        var(--cinematic-panel);
    box-shadow: var(--cinematic-shadow), inset 0 1px rgba(255, 255, 255, .025);
    backdrop-filter: blur(14px);
}

.cinematic-theme .form-card {
    max-width: 680px;
}

.cinematic-auth-page .form-card {
    position: relative;
}

.cinematic-auth-page .form-card::before {
    position: absolute;
    top: 0;
    left: 12%;
    width: 76%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(213, 173, 115, .7), transparent);
    content: "";
}

.cinematic-theme .form-input {
    border-color: rgba(213, 173, 115, .18);
    border-radius: 8px;
    background: rgba(7, 6, 5, .58);
    color: #eee6df;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .2);
}

.cinematic-theme .form-input:hover {
    border-color: rgba(213, 173, 115, .3);
}

.cinematic-theme .form-input:focus {
    border-color: rgba(213, 173, 115, .56);
    box-shadow: 0 0 0 3px rgba(213, 173, 115, .1), inset 0 2px 8px rgba(0, 0, 0, .2);
}

.cinematic-theme .form-label {
    color: #c6b7ab;
    font-weight: 600;
}

.cinematic-theme .checkbox-row {
    border-color: rgba(213, 173, 115, .16);
    border-radius: 8px;
    background: rgba(7, 6, 5, .42);
}

.cinematic-theme .btn {
    border-radius: 7px;
    letter-spacing: .025em;
}

.cinematic-theme .btn-primary {
    border: 1px solid rgba(242, 205, 150, .2);
    background: linear-gradient(180deg, #9d4a36, #6f271f);
    box-shadow: 0 12px 28px rgba(94, 30, 23, .32), inset 0 1px rgba(255, 255, 255, .12);
}

.cinematic-theme .btn-primary:hover {
    border-color: rgba(242, 205, 150, .42);
    filter: brightness(1.12);
}

.cinematic-theme .btn-secondary {
    border-color: rgba(213, 173, 115, .22);
    background: rgba(213, 173, 115, .055);
}

.cinematic-theme .btn-secondary:hover {
    border-color: rgba(213, 173, 115, .42);
    background: rgba(213, 173, 115, .1);
}

.cinematic-theme .form-feedback {
    border-radius: 8px;
    backdrop-filter: blur(8px);
}

/* Download */
.cinematic-download-page .download-page {
    gap: 22px;
}

.cinematic-download-page .download-section {
    padding: clamp(20px, 3vw, 30px);
}

.cinematic-download-page .download-section-mark {
    border-color: rgba(213, 173, 115, .32);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(213, 173, 115, .16), rgba(7, 6, 5, .2));
    color: var(--cinematic-gold-bright);
    box-shadow: 0 0 18px rgba(213, 173, 115, .08);
}

.cinematic-download-page .download-requirement-card,
.cinematic-download-page .download-item-card {
    border-color: rgba(213, 173, 115, .13);
    border-radius: 8px;
    background: rgba(11, 9, 8, .56);
}

.cinematic-download-page .download-requirement-card:hover,
.cinematic-download-page .download-item-card:hover {
    border-color: var(--cinematic-border-hover);
    background: rgba(20, 16, 13, .76);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .28), 0 0 24px rgba(127, 192, 188, .035);
}

/* Ranking */
.cinematic-ranking-page .ranking-layout {
    gap: 20px;
}

.cinematic-ranking-page .ranking-sidebar,
.cinematic-ranking-page .ranking-toolbar,
.cinematic-ranking-page .ranking-main > .card {
    border-color: var(--cinematic-border);
    background: var(--cinematic-panel);
}

.cinematic-ranking-page .ranking-category-button {
    border: 1px solid transparent;
    border-radius: 7px;
}

.cinematic-ranking-page .ranking-category-button:hover,
.cinematic-ranking-page .ranking-category-button[aria-current="true"] {
    border-color: rgba(213, 173, 115, .22);
    background:
        linear-gradient(90deg, rgba(213, 173, 115, .13), rgba(213, 173, 115, .025)),
        rgba(9, 7, 6, .42);
}

.cinematic-ranking-page .ranking-table th {
    border-bottom-color: rgba(213, 173, 115, .24);
    background: rgba(213, 173, 115, .055);
    color: var(--cinematic-gold-bright);
}

.cinematic-ranking-page .ranking-table tbody tr:hover {
    background: rgba(127, 192, 188, .045);
}

.cinematic-ranking-page .ranking-board-button,
.cinematic-ranking-page .ranking-page-button {
    border-radius: 6px;
    border-color: rgba(213, 173, 115, .16);
    background: rgba(8, 7, 6, .52);
}

/* Account */
.cinematic-account-page .account-tab-nav {
    padding: 6px;
    border: 1px solid rgba(213, 173, 115, .14);
    border-radius: 9px;
    background: rgba(9, 7, 6, .6);
    backdrop-filter: blur(12px);
}

.cinematic-account-page .account-tab-link {
    border-radius: 6px;
}

.cinematic-account-page .account-tab-link:hover,
.cinematic-account-page #account-tab-info:checked ~ .account-tab-nav label[for="account-tab-info"],
.cinematic-account-page #account-tab-security:checked ~ .account-tab-nav label[for="account-tab-security"],
.cinematic-account-page #account-tab-purchases:checked ~ .account-tab-nav label[for="account-tab-purchases"] {
    background: linear-gradient(180deg, rgba(213, 173, 115, .14), rgba(213, 173, 115, .055));
    box-shadow: inset 0 0 0 1px rgba(213, 173, 115, .18);
}

.cinematic-account-page .account-avatar {
    border-color: rgba(213, 173, 115, .35);
    background: radial-gradient(circle at 35% 30%, rgba(127, 192, 188, .18), rgba(118, 52, 36, .45));
    color: var(--cinematic-gold-bright);
    box-shadow: 0 0 28px rgba(127, 192, 188, .08);
}

.cinematic-account-page .account-stat-card,
.cinematic-account-page .account-panel-card,
.cinematic-account-page .account-character-card {
    border-color: rgba(213, 173, 115, .14);
    border-radius: 8px;
    background: rgba(9, 7, 6, .48);
}

.cinematic-account-page .account-stat-card:hover,
.cinematic-account-page .account-character-card:hover {
    border-color: rgba(213, 173, 115, .34);
    transform: translateY(-2px);
}

/* Shop */
.cinematic-shop-page .shop-switch {
    padding: 6px;
    border: 1px solid rgba(213, 173, 115, .14);
    border-radius: 9px;
    background: rgba(9, 7, 6, .62);
    backdrop-filter: blur(12px);
}

.cinematic-shop-page .shop-package-card,
.cinematic-shop-page .shop-character-card,
.cinematic-shop-page .shop-premium-benefits,
.cinematic-shop-page .shop-premium-package-summary,
.cinematic-shop-page .shop-premium-price-box {
    border-color: rgba(213, 173, 115, .14);
    border-radius: 8px;
    background:
        radial-gradient(circle at 80% 0, rgba(127, 192, 188, .055), transparent 30%),
        rgba(9, 7, 6, .54);
}

.cinematic-shop-page .shop-package-card:hover {
    border-color: var(--cinematic-border-hover);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .32), 0 0 28px rgba(213, 173, 115, .05);
    transform: translateY(-4px);
}

.cinematic-shop-page .shop-package-card.is-featured {
    border-color: rgba(213, 173, 115, .42);
    background:
        linear-gradient(145deg, rgba(213, 173, 115, .1), transparent 42%),
        rgba(12, 9, 8, .72);
}

.cinematic-shop-page .shop-package-coins,
.cinematic-shop-page .shop-package-price,
.cinematic-shop-page .shop-balance-card strong {
    color: var(--cinematic-gold-bright);
    text-shadow: 0 0 18px rgba(213, 173, 115, .12);
}

/* Admin */
.cinematic-admin-page .admin-page-content {
    position: relative;
}

.cinematic-admin-page .admin-hero .page-hero-box {
    border-color: var(--cinematic-border);
    background:
        linear-gradient(125deg, rgba(213, 173, 115, .08), transparent 38%),
        rgba(11, 9, 8, .78);
}

.cinematic-admin-page .admin-sidebar {
    border-color: rgba(213, 173, 115, .2);
    border-radius: 10px;
    background:
        radial-gradient(circle at 30% 0, rgba(127, 192, 188, .07), transparent 32%),
        var(--cinematic-panel-strong);
    box-shadow: var(--cinematic-shadow);
    backdrop-filter: blur(16px);
}

.cinematic-admin-page .admin-sidebar-link {
    border-radius: 6px;
}

.cinematic-admin-page .admin-sidebar-link:hover,
.cinematic-admin-page .admin-sidebar-link.active {
    border-color: rgba(213, 173, 115, .2);
    background: linear-gradient(90deg, rgba(213, 173, 115, .12), rgba(213, 173, 115, .025));
}

.cinematic-admin-page .admin-stat-card,
.cinematic-admin-page .admin-panel-card,
.cinematic-admin-page .admin-disclosure,
.cinematic-admin-page .admin-presentation-category-admin {
    border-color: rgba(213, 173, 115, .16);
    border-radius: 9px;
    background:
        linear-gradient(145deg, rgba(213, 173, 115, .035), transparent 32%),
        var(--cinematic-panel);
    box-shadow: 0 20px 56px rgba(0, 0, 0, .34);
    backdrop-filter: blur(14px);
}

.cinematic-admin-page .admin-stat-card {
    position: relative;
    overflow: hidden;
}

.cinematic-admin-page .admin-stat-card::after {
    position: absolute;
    right: -28px;
    bottom: -28px;
    width: 90px;
    height: 90px;
    border: 1px solid rgba(127, 192, 188, .07);
    border-radius: 50%;
    content: "";
}

.cinematic-admin-page .admin-switch-row,
.cinematic-admin-page .admin-settings-block,
.cinematic-admin-page .admin-visual-item {
    border-color: rgba(213, 173, 115, .13);
    border-radius: 7px;
    background: rgba(8, 7, 6, .42);
}

.cinematic-admin-page .admin-locale-tab,
.cinematic-admin-page .admin-preview-device {
    border-radius: 6px;
}

/* Home */
.cinematic-home-page .hero {
    min-height: min(800px, calc(100svh - 82px));
    padding: clamp(68px, 9vw, 112px) 0;
    background: linear-gradient(
        to bottom,
        #0d0908 0%,
        #0d0908 72%,
        rgba(13, 9, 8, .94) 82%,
        rgba(13, 9, 8, .52) 93%,
        transparent 100%
    );
}

.cinematic-home-page .hero::before {
    background:
        linear-gradient(90deg, rgba(13, 9, 8, .92) 0%, rgba(13, 9, 8, .72) 45%, rgba(13, 9, 8, .88) 100%),
        url("../img/home-bg-1.webp") center / cover no-repeat;
    opacity: .25;
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 72%,
        rgba(0, 0, 0, .92) 80%,
        rgba(0, 0, 0, .5) 91%,
        transparent 100%
    );
    mask-image: linear-gradient(
        to bottom,
        #000 0%,
        #000 72%,
        rgba(0, 0, 0, .92) 80%,
        rgba(0, 0, 0, .5) 91%,
        transparent 100%
    );
}

.cinematic-home-page .hero-grid {
    gap: clamp(20px, 3vw, 38px);
}

.cinematic-home-page .hero-card {
    position: relative;
    border: 1px solid var(--cinematic-border);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(213, 173, 115, .055), transparent 36%),
        rgba(11, 9, 8, .72);
    box-shadow: var(--cinematic-shadow), inset 0 1px rgba(255, 255, 255, .025);
    backdrop-filter: blur(15px);
}

.cinematic-home-page .hero-copy {
    padding: clamp(30px, 5vw, 54px);
}

.cinematic-home-page .hero-copy::before,
.cinematic-home-page .hero-copy::after {
    position: absolute;
    width: 48px;
    height: 48px;
    border-color: rgba(213, 173, 115, .5);
    content: "";
}

.cinematic-home-page .hero-copy::before {
    top: -1px;
    left: -1px;
    border-top: 1px solid;
    border-left: 1px solid;
}

.cinematic-home-page .hero-copy::after {
    right: -1px;
    bottom: -1px;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.cinematic-home-page .eyebrow {
    border-color: rgba(213, 173, 115, .22);
    border-radius: 999px;
    background: rgba(213, 173, 115, .07);
    color: var(--cinematic-gold-bright);
}

.cinematic-home-page .hero h1 {
    color: #f0dbc0;
    font-family: Cinzel, serif;
    font-weight: 600;
    letter-spacing: .015em;
    text-shadow: 0 0 34px rgba(213, 173, 115, .13), 0 5px 16px rgba(0, 0, 0, .55);
}

.cinematic-home-page .hero p {
    color: #c2b6ac;
}

.cinematic-home-page .hero-stats {
    gap: 10px;
}

.cinematic-home-page .stat {
    border-color: rgba(213, 173, 115, .13);
    border-radius: 7px;
    background: rgba(7, 6, 5, .44);
}

.cinematic-home-page .stat strong {
    color: var(--cinematic-gold-bright);
    font-family: Cinzel, serif;
}

.cinematic-home-page .hero-side {
    background:
        radial-gradient(circle at 80% 8%, rgba(127, 192, 188, .07), transparent 28%),
        rgba(10, 8, 7, .48);
}

.cinematic-home-page .event-toolbar,
.cinematic-home-page .event-item,
.cinematic-home-page .event-calendar-dropdown {
    border-color: rgba(213, 173, 115, .14);
    border-radius: 7px;
    background: rgba(7, 6, 5, .58);
}

.cinematic-home-page .event-day-nav,
.cinematic-home-page .event-date-button {
    border-color: rgba(213, 173, 115, .18);
    background: rgba(213, 173, 115, .045);
}

.cinematic-home-page .section {
    position: relative;
}

.cinematic-home-page .section-title {
    color: var(--cinematic-gold-bright);
    font-family: Cinzel, serif;
    font-weight: 600;
    text-shadow: 0 0 24px rgba(213, 173, 115, .1);
}

.cinematic-home-page .section-subtitle {
    color: #b9ada4;
}

.cinematic-home-page .section .card {
    border-color: rgba(213, 173, 115, .16);
    border-radius: 8px;
    background:
        linear-gradient(145deg, rgba(213, 173, 115, .035), transparent 34%),
        rgba(11, 9, 8, .7);
}

.cinematic-home-page .section .card:hover {
    border-color: rgba(213, 173, 115, .34);
    box-shadow: 0 24px 62px rgba(0, 0, 0, .42), 0 0 24px rgba(127, 192, 188, .025);
}

.cinematic-home-page .feature-icon {
    border-color: rgba(213, 173, 115, .24);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(127, 192, 188, .12), rgba(126, 42, 31, .2));
    color: var(--cinematic-gold-bright);
}

.cinematic-home-page .news-comparison {
    padding: 14px 14px 0;
}

.cinematic-home-page .comparison-stage {
    border-radius: 6px;
}

.cinematic-home-page .ranking-table th {
    background: rgba(213, 173, 115, .045);
    color: var(--cinematic-gold-bright);
}

.cinematic-home-page .ranking-table tbody tr:hover {
    background: rgba(127, 192, 188, .04);
}

/* Presentation */
.cinematic-presentation-page {
    background: #090706;
}

.cinematic-presentation-page::before,
.cinematic-presentation-page::after {
    display: none;
}

.cinematic-presentation-page .presentation-topbar {
    border-bottom-color: rgba(213, 173, 115, .18);
    background: rgba(8, 6, 5, .76) !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .34);
    backdrop-filter: blur(18px) saturate(115%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
}

.cinematic-presentation-page .presentation-page {
    background: transparent;
    font-family: Onest, Inter, sans-serif;
}

.cinematic-presentation-page .presentation-page::before {
    background:
        linear-gradient(180deg, rgba(7, 6, 5, .72), rgba(7, 6, 5, .9)),
        radial-gradient(circle at 16% 14%, rgba(127, 192, 188, .11), transparent 25%),
        url("../img/maintenance/header-maintenance-20260703-1930.png") center 35% / cover no-repeat;
}

.cinematic-presentation-page .presentation-page .sidebar {
    border-right-color: rgba(213, 173, 115, .19);
    background:
        radial-gradient(circle at 30% 0, rgba(127, 192, 188, .07), transparent 28%),
        rgba(10, 8, 7, .91);
    box-shadow: 18px 0 48px rgba(0, 0, 0, .28);
    backdrop-filter: blur(18px);
}

.cinematic-presentation-page .presentation-page .sidebar-header,
.cinematic-presentation-page .presentation-page .current-section-indicator {
    border-color: rgba(213, 173, 115, .14);
    background: rgba(213, 173, 115, .035);
}

.cinematic-presentation-page .presentation-page .search-input,
.cinematic-presentation-page .presentation-page .social-btn,
.cinematic-presentation-page .presentation-page .sidebar-expand {
    border-color: rgba(213, 173, 115, .18);
    border-radius: 7px;
    background: rgba(7, 6, 5, .58);
}

.cinematic-presentation-page .presentation-page .nav-category-header:hover,
.cinematic-presentation-page .presentation-page .nav-category.active .nav-category-header {
    background: linear-gradient(90deg, color-mix(in srgb, var(--presentation-nav-category-hover-bg-color, #c69a57) 18%, transparent), transparent);
}

.cinematic-presentation-page .presentation-page .nav-category.active .nav-category-header {
    background: linear-gradient(90deg, color-mix(in srgb, var(--presentation-nav-category-active-bg-color, #c69a57) 24%, transparent), transparent);
}

.cinematic-presentation-page .presentation-page .nav-subcategory {
    border-radius: 5px;
}

.cinematic-presentation-page .presentation-page .nav-subcategory.active {
    background: linear-gradient(90deg, color-mix(in srgb, var(--presentation-nav-subcategory-active-bg-color, #c69a57) 22%, transparent), rgba(213, 173, 115, .045));
}

.cinematic-presentation-page .presentation-page .pres-hero-banner {
    height: 62vh;
    min-height: 460px;
}

.cinematic-presentation-page .presentation-page .pres-hero-bg {
    filter: brightness(.72) saturate(.86);
}

.cinematic-presentation-page .presentation-page .pres-hero-overlay {
    background: linear-gradient(180deg, rgba(7, 6, 5, .12), rgba(7, 6, 5, .93));
}

.cinematic-presentation-page .presentation-page .pres-hero-vignette {
    background:
        radial-gradient(circle at 50% 40%, transparent 28%, rgba(5, 4, 4, .55) 100%),
        linear-gradient(90deg, rgba(5, 4, 4, .35), transparent 30%, transparent 70%, rgba(5, 4, 4, .35));
}

.cinematic-presentation-page .presentation-page .content-wrapper {
    margin: -92px 18px 0;
    border-color: rgba(213, 173, 115, .18);
    border-radius: 10px 10px 0 0;
    background:
        linear-gradient(180deg, rgba(15, 12, 10, .9), rgba(8, 7, 6, .94)),
        radial-gradient(circle at 15% 0, rgba(127, 192, 188, .055), transparent 26%);
    box-shadow: 0 -28px 80px rgba(0, 0, 0, .62), inset 0 1px rgba(255, 255, 255, .025);
    backdrop-filter: blur(16px);
}

.cinematic-presentation-page .presentation-page .content-wrapper::before {
    width: min(320px, 52%);
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(213, 173, 115, .85), transparent);
}

.cinematic-presentation-page .presentation-page .section-block {
    border-color: rgba(213, 173, 115, .17);
    border-radius: 9px;
    background-color: rgba(10, 8, 7, .76);
    box-shadow: 0 24px 68px rgba(0, 0, 0, .34);
    isolation: isolate;
}

.cinematic-presentation-page .presentation-page .section-block::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(26, 18, 15, .6), rgba(8, 7, 6, .48)),
        radial-gradient(circle at 82% 8%, rgba(127, 192, 188, .055), transparent 35%);
    backdrop-filter: blur(1.5px) saturate(.62) sepia(.12);
    -webkit-backdrop-filter: blur(1.5px) saturate(.62) sepia(.12);
}

.cinematic-presentation-page .presentation-page .section-block > * {
    position: relative;
    z-index: 1;
}

.cinematic-presentation-page .presentation-page .section-title {
    color: var(--cinematic-gold-bright);
    font-weight: 600;
    text-shadow: 0 0 28px rgba(213, 173, 115, .12);
}

.cinematic-presentation-page .presentation-page .section-content {
    border-color: rgba(213, 173, 115, .13);
    border-radius: 8px;
    background:
        radial-gradient(circle at 82% 0, rgba(127, 192, 188, .045), transparent 25%),
        rgba(8, 7, 6, .48);
}

.cinematic-presentation-page .presentation-page .pres-info-box,
.cinematic-presentation-page .presentation-page .pres-card,
.cinematic-presentation-page .presentation-page .pres-card-icon,
.cinematic-presentation-page .presentation-page .pres-stat {
    border-color: rgba(213, 173, 115, .14);
    border-radius: 7px;
    background: rgba(8, 7, 6, .45);
}

.cinematic-presentation-page .presentation-page .pres-card:hover,
.cinematic-presentation-page .presentation-page .pres-card-icon:hover {
    border-color: rgba(213, 173, 115, .36);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
}

.cinematic-presentation-page .presentation-page .pres-content-block {
    border-radius: 7px;
    background:
        radial-gradient(circle at 82% 0, rgba(127, 192, 188, .055), transparent 28%),
        rgba(7, 6, 5, .3);
}

@media (max-width: 820px) {
    body.cinematic-theme {
        --cinematic-bg-position: 58% center;
    }

    .cinematic-theme .navbar {
        padding-block: 12px;
    }

    .cinematic-theme .menu-toggle {
        width: 48px;
        height: 48px;
        border-color: rgba(213, 173, 115, .24);
        border-radius: 8px;
        background:
            linear-gradient(145deg, rgba(213, 173, 115, .07), transparent 55%),
            rgba(10, 8, 7, .78);
        box-shadow: 0 12px 32px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .025);
        backdrop-filter: blur(14px);
    }

    .cinematic-theme .menu-toggle span {
        width: 20px;
        background: linear-gradient(90deg, var(--cinematic-gold), #f0ddbb);
        box-shadow: 0 0 10px rgba(213, 173, 115, .1);
    }

    .cinematic-theme .nav-overlay {
        background:
            radial-gradient(circle at 18% 18%, rgba(127, 192, 188, .06), transparent 30%),
            rgba(5, 4, 4, .68);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .cinematic-theme .nav-panel {
        left: 8px;
        right: 8px;
        width: auto;
        max-height: calc(100dvh - 104px);
        margin-top: 8px;
        padding: 10px;
        gap: 8px;
        overflow-x: hidden;
        overflow-y: auto;
        border-color: rgba(213, 173, 115, .22);
        border-radius: 9px;
        background:
            linear-gradient(145deg, rgba(213, 173, 115, .045), transparent 38%),
            rgba(8, 7, 6, .9);
        box-shadow: 0 28px 80px rgba(0, 0, 0, .62), inset 0 1px rgba(255, 255, 255, .025);
        backdrop-filter: blur(24px) saturate(112%);
        -webkit-backdrop-filter: blur(24px) saturate(112%);
        scrollbar-width: thin;
        scrollbar-color: rgba(213, 173, 115, .35) transparent;
    }

    .cinematic-theme .nav-actions {
        gap: 7px;
        margin-bottom: 2px;
    }

    .cinematic-theme .lang-trigger,
    .cinematic-theme .account-trigger,
    .cinematic-theme .nav-account-trigger,
    .cinematic-theme .nav-login-button,
    .cinematic-theme .nav-account-loading,
    .cinematic-theme .nav-account-unavailable {
        min-height: 44px;
        padding: 9px 12px;
        border-color: rgba(213, 173, 115, .16);
        border-radius: 7px;
        background: rgba(13, 10, 9, .62);
        box-shadow: none;
    }

    .cinematic-theme .nav-links {
        gap: 2px;
        padding-top: 7px;
        border-top: 1px solid rgba(213, 173, 115, .11);
    }

    .cinematic-theme .nav-link {
        min-height: 44px;
        padding: 10px 13px;
        border-radius: 5px;
        color: rgba(244, 236, 230, .78);
        font-size: .94rem;
    }

    .cinematic-theme .nav-link:hover,
    .cinematic-theme .nav-link.active {
        border-color: rgba(213, 173, 115, .16);
        color: #fff5e7;
        background:
            linear-gradient(90deg, rgba(213, 173, 115, .14), rgba(213, 173, 115, .025) 72%),
            rgba(255, 255, 255, .012);
        box-shadow: inset 2px 0 var(--cinematic-gold);
    }

    .cinematic-theme .lang-menu,
    .cinematic-theme .account-menu {
        border-color: rgba(213, 173, 115, .2);
        border-radius: 18px;
        box-shadow: 0 20px 48px rgba(0, 0, 0, .56);
    }

    .cinematic-theme .account-menu {
        border-radius: 7px;
        background: rgba(9, 7, 6, .97);
    }

    .cinematic-theme .page-hero {
        padding-top: 28px;
    }

    .cinematic-theme .page-hero-box {
        padding: 26px 20px;
    }

    .cinematic-theme .page-hero-box .section-title {
        font-size: clamp(1.7rem, 9vw, 2.5rem);
    }

    .cinematic-home-page .hero {
        min-height: auto;
        padding: 40px 0 64px;
    }

    .cinematic-home-page .hero::before {
        background-position: 58% 44%;
        -webkit-mask-image: linear-gradient(
            to bottom,
            #000 0%,
            #000 78%,
            rgba(0, 0, 0, .82) 88%,
            transparent 100%
        );
        mask-image: linear-gradient(
            to bottom,
            #000 0%,
            #000 78%,
            rgba(0, 0, 0, .82) 88%,
            transparent 100%
        );
    }

    .cinematic-home-page .hero-card {
        backdrop-filter: blur(10px);
    }

    .cinematic-presentation-page .presentation-page .content-wrapper {
        margin: -48px 8px 0;
        border-radius: 7px 7px 0 0;
    }

    .cinematic-presentation-page .presentation-page .section-block {
        border-radius: 7px;
    }

    .cinematic-presentation-page .presentation-page .section-block::before {
        background:
            linear-gradient(145deg, rgba(28, 19, 16, .66), rgba(7, 6, 5, .54)),
            radial-gradient(circle at 80% 5%, rgba(127, 192, 188, .045), transparent 32%);
        backdrop-filter: blur(1px) saturate(.56) sepia(.14);
        -webkit-backdrop-filter: blur(1px) saturate(.56) sepia(.14);
    }

    .cinematic-presentation-page .presentation-page .section-content {
        border-color: rgba(213, 173, 115, .12);
        background: rgba(7, 6, 5, .62);
        box-shadow: 0 18px 46px rgba(0, 0, 0, .24);
    }

    .cinematic-theme .card,
    .cinematic-theme .download-section,
    .cinematic-theme .shop-panel,
    .cinematic-admin-page .admin-sidebar,
    .cinematic-admin-page .admin-panel-card {
        backdrop-filter: blur(10px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .cinematic-theme *,
    .cinematic-theme *::before,
    .cinematic-theme *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}


/* Source: presentation-polish.css */
/* Final presentation layer inspired by presentation's section/background structure. */
.cinematic-presentation-page .presentation-page .content-wrapper {
    margin: -92px 18px 0;
    border: 1px solid rgba(225, 190, 142, .18);
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    background:
        linear-gradient(180deg, var(--presentation-content-bg-top, #0a0504) 0%, var(--presentation-content-bg-mid, #120a06) 10%, rgba(15, 8, 5, .99) 52%, var(--presentation-content-bg-bottom, #0a0504) 100%),
        radial-gradient(circle at 18% 0, rgba(127, 192, 188, .05), transparent 28%),
        radial-gradient(circle at 86% 12%, rgba(225, 190, 142, .07), transparent 32%);
    box-shadow: 0 -26px 76px rgba(0, 0, 0, .72), inset 0 1px rgba(255, 255, 255, .025);
}

.cinematic-presentation-page .presentation-page .content-wrapper::before {
    width: min(320px, 52%);
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(225, 190, 142, .82), transparent);
}

.cinematic-presentation-page .presentation-page .content-padding {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cinematic-presentation-page .presentation-page .category-divider {
    display: none !important;
}

.cinematic-presentation-page .presentation-page .pres-hero-banner {
    min-height: clamp(560px, 68vh, 760px);
    isolation: isolate;
}

.cinematic-presentation-page .presentation-page .pres-hero-bg {
    background-image: var(--presentation-hero-bg-image, none);
    filter: brightness(.99) saturate(.76) sepia(.08) blur(5px);
    opacity: var(--presentation-hero-bg-opacity, 1);
}

.cinematic-presentation-page .presentation-page .pres-hero-overlay {
    background:
        linear-gradient(90deg, rgba(7, 5, 4, .86), rgba(14, 9, 7, .54) 46%, rgba(7, 5, 4, .9)),
        linear-gradient(180deg, rgba(7, 5, 4, .22), rgba(7, 5, 4, .94));
}

.cinematic-presentation-page .presentation-page .pres-hero-inner {
    position: relative;
    z-index: 3;
    display: grid;
    justify-items: center;
    width: min(760px, calc(100% - 32px));
    margin: 0 auto;
    padding: clamp(42px, 7vw, 82px) 0 clamp(72px, 9vw, 118px);
    text-align: center;
}

.cinematic-presentation-page .presentation-page .pres-hero-logo {
    width: min(250px, 52vw);
    max-height: 110px;
    object-fit: contain;
    margin-bottom: clamp(18px, 3vw, 30px);
    filter: drop-shadow(0 14px 34px rgba(0, 0, 0, .58)) drop-shadow(0 0 22px rgba(225, 190, 142, .12));
}

.cinematic-presentation-page .presentation-page .pres-hero-inner h1 {
    margin: 0;
    color: var(--presentation-title-color, #f3d9aa);
    font-family: Cinzel, Georgia, serif;
    font-size: clamp(2rem, 4vw, 3.8rem);
    line-height: 1.08;
    text-shadow: 0 0 26px rgba(225, 190, 142, .18), 0 4px 28px rgba(0, 0, 0, .72);
}

.presentation-page .presentation-sidebar-brand {
    display: none;
}

@media (min-width: 992px) {
    .presentation-body {
        --presentation-topbar-height: 48px;
    }

    .cinematic-presentation-page .presentation-topbar {
        width: calc(100% - 280px);
        margin-left: 280px;
        padding-left: 0;
        transition: margin-left .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
    }

    .presentation-sidebar-collapsed .presentation-topbar {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .presentation-topbar .navbar {
        min-height: 48px;
        padding: 4px 18px;
        justify-content: flex-end;
    }

    .presentation-topbar .presentation-brand,
    .presentation-topbar .presentation-top-links,
    .presentation-topbar .menu-toggle {
        display: none !important;
    }

    .presentation-topbar .presentation-nav-panel {
        position: static;
        display: flex;
        width: auto;
        min-height: 0;
        margin-left: auto;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        transform: none;
    }

    .presentation-topbar .nav-actions,
    .presentation-topbar .account-trigger,
    .presentation-topbar .nav-account-trigger,
    .presentation-topbar .nav-account-loading,
    .presentation-topbar .nav-account-unavailable,
    .presentation-topbar .lang-trigger {
        min-height: 38px;
        height: 38px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .presentation-page .sidebar {
        top: 0;
        z-index: 1300;
        height: 100vh;
        height: 100dvh;
        background-color: #0a0807;
        isolation: isolate;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    .presentation-page .presentation-sidebar-brand {
        display: flex;
        align-items: center;
        gap: 11px;
        min-height: 92px;
        padding: 16px 20px;
        color: var(--presentation-title-color, #f3d9aa);
        text-decoration: none;
        border-bottom: 1px solid var(--border-gold);
    }

    .presentation-page .presentation-sidebar-brand img {
        width: 54px;
        height: 54px;
        object-fit: contain;
    }

    .presentation-page .presentation-sidebar-brand span {
        display: grid;
        gap: 2px;
        font-family: Cinzel, Georgia, serif;
        line-height: 1.05;
        text-transform: uppercase;
    }

    .presentation-page .presentation-sidebar-brand small {
        color: var(--primary-gold);
        font-size: 10px;
        letter-spacing: .14em;
    }

    .presentation-page .sidebar-expand {
        top: 68px;
        z-index: 1310;
    }
}

.cinematic-presentation-page .presentation-page .pres-hero-inner h1::after {
    content: "";
    display: block;
    width: min(260px, 58vw);
    height: 1px;
    margin: 16px auto 0;
    background: linear-gradient(90deg, transparent, rgba(225, 190, 142, .72), transparent);
    box-shadow: 0 0 22px rgba(225, 190, 142, .18);
}

.cinematic-presentation-page .presentation-page .pres-hero-lead,
.cinematic-presentation-page .presentation-page .pres-hero-text {
    width: min(620px, 100%);
    margin: 18px auto 0;
    color: rgba(237, 229, 216, .86);
    font-weight: 600;
    line-height: 1.75;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .68);
}

.cinematic-presentation-page .presentation-page .pres-hero-text {
    margin-top: 10px;
    color: rgba(217, 205, 193, .78);
    font-weight: 500;
}

.cinematic-presentation-page .presentation-page .pres-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: clamp(26px, 4vw, 44px);
}

.cinematic-presentation-page .presentation-page .pres-hero-btn {
    display: inline-flex;
    min-width: 174px;
    justify-content: center;
    align-items: center;
    padding: 13px 22px;
    border: 1px solid color-mix(in srgb, var(--presentation-button-border-color, #e1be8e) 32%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--presentation-button-bg-color, #0e0907) 72%, transparent);
    color: var(--presentation-button-text-color, #f1dfc3);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .78rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: inset 0 1px rgba(255, 255, 255, .03), 0 14px 34px rgba(0, 0, 0, .34);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.cinematic-presentation-page .presentation-page .pres-hero-btn:hover {
    border-color: color-mix(in srgb, var(--presentation-button-border-color, #e1be8e) 68%, transparent);
    background: color-mix(in srgb, var(--presentation-button-hover-bg-color, #20140e) 86%, transparent);
    color: var(--presentation-button-text-color, #ffe6bf);
    transform: translateY(-2px);
}

.cinematic-presentation-page .presentation-page .pres-hero-btn-primary {
    background: linear-gradient(180deg, var(--presentation-primary-button-bg-top, #f2c986), var(--presentation-primary-button-bg-bottom, #a77237));
    border-color: rgba(255, 224, 170, .72);
    color: var(--presentation-primary-button-text-color, #1b100b);
}

.cinematic-presentation-page .presentation-page .pres-hero-btn-primary:hover {
    background: linear-gradient(180deg, var(--presentation-primary-button-hover-top, #ffe1a8), var(--presentation-primary-button-hover-bottom, #c88942));
    border-color: rgba(255, 234, 190, .88);
    color: #130b08;
}

.cinematic-presentation-page .presentation-page .pres-intro-summary {
    position: relative;
    z-index: 4;
    width: min(1180px, calc(100% - 40px));
    margin: clamp(18px, 3vw, 42px) auto clamp(24px, 3vw, 40px);
    padding: clamp(26px, 4vw, 48px) clamp(18px, 4vw, 54px);
    border: 1px solid rgba(225, 190, 142, .2);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 0, rgba(225, 190, 142, .08), transparent 42%),
        linear-gradient(180deg, rgba(13, 9, 7, .82), rgba(6, 5, 4, .72));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .025);
    text-align: center;
}

.cinematic-presentation-page .presentation-page .pres-intro-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    max-width: 760px;
    margin: 0 auto;
}

.cinematic-presentation-page .presentation-page .pres-intro-stats article {
    padding: 0 18px;
    border-right: 1px solid rgba(225, 190, 142, .16);
}

.cinematic-presentation-page .presentation-page .pres-intro-stats article:last-child {
    border-right: 0;
}

.cinematic-presentation-page .presentation-page .pres-intro-stats strong {
    display: block;
    color: #f1d7aa;
    font-family: Cinzel, Georgia, serif;
    font-size: clamp(1.45rem, 2.5vw, 2.2rem);
    line-height: 1;
    text-shadow: 0 0 20px rgba(225, 190, 142, .18);
}

.cinematic-presentation-page .presentation-page .pres-intro-stats span {
    display: block;
    margin-top: 8px;
    color: rgba(217, 205, 193, .68);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    font-weight: 700;
}

.cinematic-presentation-page .presentation-page .pres-intro-flags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 22px;
}

.cinematic-presentation-page .presentation-page .pres-intro-flags img {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 6px 14px rgba(0, 0, 0, .3);
}

.cinematic-presentation-page .presentation-page .section-block.presentation-section {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: clamp(54px, 6vw, 86px) clamp(18px, 4vw, 64px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--presentation-section-bg, linear-gradient(180deg, rgba(18, 12, 10, .92), rgba(9, 6, 5, .96))) !important;
    box-shadow: none;
    overflow: hidden;
}

.cinematic-presentation-page .presentation-page .pres-dungeon-section-background {
    position: absolute;
    inset: clamp(-24px, -1.8vw, -12px) auto;
    left: 50%;
    width: 100vw;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: var(--pres-dungeon-section-opacity, 1);
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 11%, #000 89%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, #000 11%, #000 89%, transparent 100%);
}

.cinematic-presentation-page .presentation-page .pres-dungeon-section-background::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(8, 4, 3, .72), rgba(8, 4, 3, .16) 28%, rgba(8, 4, 3, .16) 72%, rgba(8, 4, 3, .72)),
        radial-gradient(ellipse at center, transparent 28%, rgba(7, 4, 3, .48) 100%);
}

.cinematic-presentation-page .presentation-page .pres-dungeon-section-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cinematic-presentation-page .presentation-page .pres-dungeon > :not(.pres-dungeon-section-background) {
    position: relative;
    z-index: 1;
}

.cinematic-presentation-page .presentation-page .pres-dungeon {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.cinematic-presentation-page .presentation-page .pres-dungeon:has(.pres-dungeon-section-background) {
    overflow: visible;
}

.cinematic-presentation-page .presentation-page .section-block.presentation-section + .section-block.presentation-section {
    margin-top: -1px !important;
}

.cinematic-presentation-page .presentation-page .section-block.presentation-section::before {
    background:
        linear-gradient(180deg, rgba(10, 5, 4, var(--presentation-section-overlay-top, .78)) 0%, rgba(10, 5, 4, .18) 15%, transparent 34%, transparent 66%, rgba(10, 5, 4, .3) 84%, rgba(10, 5, 4, var(--presentation-section-overlay-top, .78)) 100%),
        radial-gradient(ellipse at center, transparent 26%, rgba(10, 5, 4, var(--presentation-section-overlay-edge, .64)) 100%),
        linear-gradient(90deg, rgba(8, 5, 4, .24), transparent 22%, transparent 78%, rgba(8, 5, 4, .26));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.cinematic-presentation-page .presentation-page .section-block.presentation-section::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: clamp(70px, 9vw, 128px);
    background: linear-gradient(180deg, transparent, rgba(10, 5, 4, .92));
    pointer-events: none;
    z-index: 0;
}

.cinematic-presentation-page .presentation-page .pres-section-separator {
    position: relative;
    display: block;
    height: 0;
    margin: 0;
    opacity: 1;
    background: transparent;
    z-index: 3;
    pointer-events: none;
}

.cinematic-presentation-page .presentation-page .pres-section-separator::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: min(620px, 74vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(225, 190, 142, .08), rgba(255, 224, 170, .48), rgba(225, 190, 142, .08), transparent);
    box-shadow: 0 0 10px rgba(225, 190, 142, .12), 0 0 28px rgba(225, 190, 142, .05);
}

.cinematic-presentation-page .presentation-page .pres-section-separator::after {
    display: none;
}

.cinematic-presentation-page .presentation-page .section-content {
    max-width: 1180px;
    margin-inline: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
    overflow: visible;
}

.cinematic-presentation-page .presentation-page .section-content:has(.pres-content-layout--image_left),
.cinematic-presentation-page .presentation-page .section-content:has(.pres-content-layout--image_right) {
    max-width: 1380px;
}

.cinematic-presentation-page .presentation-page .rich-editor-content:has(.pres-content-layout--image_left),
.cinematic-presentation-page .presentation-page .rich-editor-content:has(.pres-content-layout--image_right) {
    width: 100%;
    max-width: 1380px;
}

.cinematic-presentation-page .presentation-page .rich-editor-content {
    max-width: 1180px;
    margin-inline: auto;
    color: #ddd0c4;
}

.cinematic-presentation-page .presentation-page .pres-content-block {
    --pres-content-block-inline-padding: clamp(16px, 4vw, 58px);
    margin: 0 auto;
    max-width: 1180px;
    border: 1px solid rgba(225, 190, 142, .15);
    border-radius: 15px;
    background:
        radial-gradient(circle at 50% 0, rgba(225, 190, 142, .07), transparent 42%),
        linear-gradient(180deg, rgba(12, 8, 7, .56), rgba(6, 5, 4, .42));
    box-shadow: 0 20px 58px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .025);
}

.cinematic-presentation-page .presentation-page .pres-content-block:has(.pres-content-layout--image_left),
.cinematic-presentation-page .presentation-page .pres-content-block:has(.pres-content-layout--image_right) {
    width: 100%;
    max-width: 1380px;
}

.cinematic-presentation-page .presentation-page .pres-content-block--grouped {
    --pres-content-block-inline-padding: clamp(18px, 2.5vw, 34px);
    width: 100%;
    display: grid;
    gap: 0;
    padding: clamp(18px, 2.5vw, 34px);
}

.cinematic-presentation-page .presentation-page .pres-content-layout--compact .pres-content-copy {
    order: 1;
}

.cinematic-presentation-page .presentation-page .pres-content-layout--compact .pres-content-media {
    order: 2;
}

.cinematic-presentation-page .presentation-page .pres-content-layout--full-bleed {
    width: calc(100% + (var(--pres-content-block-inline-padding) * 2));
    max-width: none;
    margin-inline: calc(var(--pres-content-block-inline-padding) * -1);
}

.cinematic-presentation-page .presentation-page .pres-content-layout--masked-full-bleed {
    width: calc(100% + (var(--pres-content-block-inline-padding) * 2));
    max-width: none;
    margin-inline: calc(var(--pres-content-block-inline-padding) * -1);
}

.cinematic-presentation-page .presentation-page .pres-content-layout--full-bleed .pres-content-media {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

.cinematic-presentation-page .presentation-page .pres-content-layout--full-bleed .pres-content-media img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
}

/* Interactive canvases keep the source image's intrinsic size and aspect ratio. */
.cinematic-presentation-page .presentation-page .pres-content-layout .pres-interactive-stage {
    width: fit-content;
    max-width: 100%;
}

.cinematic-presentation-page .presentation-page .pres-content-layout .pres-interactive-stage > img {
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.cinematic-presentation-page .presentation-page .pres-content-layout .pres-interactive-slides,
.cinematic-presentation-page .presentation-page .pres-content-layout .pres-interactive-slide {
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
}

.cinematic-presentation-page .presentation-page .pres-interactive-slides .pres-media-nav-prev {
    left: -52px;
}

.cinematic-presentation-page .presentation-page .pres-interactive-slides .pres-media-nav-next {
    right: -52px;
}

@media (max-width: 600px) {
    .cinematic-presentation-page .presentation-page .pres-content-block {
        --pres-content-block-inline-padding: 12px;
    }

    .cinematic-presentation-page .presentation-page .pres-interactive-slides .pres-media-nav-prev {
        left: 7px;
    }

    .cinematic-presentation-page .presentation-page .pres-interactive-slides .pres-media-nav-next {
        right: 7px;
    }
}

.cinematic-presentation-page .presentation-page .pres-content-block--grouped:has(.pres-content-layout--image_left),
.cinematic-presentation-page .presentation-page .pres-content-block--grouped:has(.pres-content-layout--image_right) {
    max-width: 1380px;
}

.cinematic-presentation-page .presentation-page .pres-content-group-item {
    min-width: 0;
}

.cinematic-presentation-page .presentation-page .pres-content-group-item + .pres-content-group-item {
    margin-top: var(--pres-group-gap, 0px);
}

.cinematic-presentation-page .presentation-page .pres-content-group-item--separated {
    border-top: 1px solid rgba(225, 190, 142, .13);
    padding-top: var(--pres-group-gap, 0px);
}

@media (max-width: 700px) {
    .cinematic-presentation-page .presentation-page .pres-content-group-item + .pres-content-group-item {
        margin-top: min(var(--pres-group-gap, 0px), 40px);
    }

    .cinematic-presentation-page .presentation-page .pres-content-group-item--separated {
        padding-top: min(var(--pres-group-gap, 0px), 40px);
    }
}

@media (max-width: 420px) {
    .cinematic-presentation-page .presentation-page .pres-content-group-item + .pres-content-group-item {
        margin-top: min(var(--pres-group-gap, 0px), 28px);
    }

    .cinematic-presentation-page .presentation-page .pres-content-group-item--separated {
        padding-top: min(var(--pres-group-gap, 0px), 28px);
    }
}


.cinematic-presentation-page .presentation-page .pres-content-block + .pres-content-block {
    margin-top: clamp(26px, 4vw, 48px);
    border-top: 1px solid rgba(225, 190, 142, .15);
}

.cinematic-presentation-page .presentation-page .pres-block-heading h3,
.cinematic-presentation-page .presentation-page .section-title {
    color: var(--presentation-title-color, #f2d9ad);
    text-shadow: 0 0 24px rgba(225, 190, 142, .16), 0 2px 20px rgba(0, 0, 0, .42);
}

.cinematic-presentation-page .presentation-page .pres-block-heading p,
.cinematic-presentation-page .presentation-page .section-description {
    color: color-mix(in srgb, var(--presentation-muted-text-color, #ede5d8) 84%, transparent);
}

.cinematic-presentation-page .presentation-page .rich-editor-content,
.cinematic-presentation-page .presentation-page .pres-info-card,
.cinematic-presentation-page .presentation-page .pres-info-box,
.cinematic-presentation-page .presentation-page .pres-table,
.cinematic-presentation-page .presentation-page .pres-card-copy {
    color: var(--presentation-text-color, #ddd0c4);
}

.cinematic-presentation-page .presentation-topbar .btn,
.cinematic-presentation-page .presentation-topbar .nav-link,
.cinematic-presentation-page .presentation-topbar .navbar-link,
.cinematic-presentation-page .presentation-topbar .account-trigger,
.cinematic-presentation-page .presentation-topbar .nav-account-trigger,
.cinematic-presentation-page .presentation-topbar .nav-account-loading,
.cinematic-presentation-page .presentation-topbar .nav-account-unavailable,
.cinematic-presentation-page .presentation-topbar .lang-trigger {
    color: var(--presentation-navbar-button-text-color, #f1dfc3);
}

.cinematic-presentation-page .presentation-topbar .presentation-discord-btn,
.cinematic-presentation-page .presentation-topbar .account-trigger,
.cinematic-presentation-page .presentation-topbar .nav-account-trigger,
.cinematic-presentation-page .presentation-topbar .nav-account-loading,
.cinematic-presentation-page .presentation-topbar .nav-account-unavailable,
.cinematic-presentation-page .presentation-topbar .lang-trigger {
    border-color: color-mix(in srgb, var(--presentation-navbar-button-border-color, #c69a57) 38%, transparent);
    background: color-mix(in srgb, var(--presentation-navbar-button-bg-color, #1e1410) 78%, transparent);
}

.cinematic-presentation-page .presentation-topbar .presentation-discord-btn:hover,
.cinematic-presentation-page .presentation-topbar .account-trigger:hover,
.cinematic-presentation-page .presentation-topbar .nav-account-trigger:hover,
.cinematic-presentation-page .presentation-topbar .lang-trigger:hover {
    border-color: color-mix(in srgb, var(--presentation-navbar-button-border-color, #c69a57) 64%, transparent);
    background: color-mix(in srgb, var(--presentation-navbar-button-hover-bg-color, #2d1d15) 88%, transparent);
}

.cinematic-presentation-page .presentation-topbar .nav-login-button{
    min-height:36px;
    height:36px;
    padding:5px 13px;
    border-color:color-mix(in srgb,var(--presentation-navbar-button-border-color,#c69a57) 42%,transparent);
    border-radius:10px;
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--presentation-navbar-button-border-color,#c69a57) 15%,transparent),transparent 58%),
        color-mix(in srgb,var(--presentation-navbar-button-bg-color,#1e1410) 84%,transparent);
    color:var(--presentation-navbar-button-text-color,#f1dfc3);
    font-size:.78rem;
}

.cinematic-presentation-page .presentation-topbar .nav-login-button:hover{
    border-color:color-mix(in srgb,var(--presentation-navbar-button-border-color,#c69a57) 70%,transparent);
    background:
        linear-gradient(135deg,color-mix(in srgb,var(--presentation-navbar-button-border-color,#c69a57) 24%,transparent),transparent 60%),
        color-mix(in srgb,var(--presentation-navbar-button-hover-bg-color,#2d1d15) 90%,transparent);
}

.cinematic-presentation-page .presentation-page .pres-card-icon,
.cinematic-presentation-page .presentation-page .pres-card-icon {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.cinematic-presentation-page .presentation-page .pres-card-icon img,
.cinematic-presentation-page .presentation-page .pres-card-icon img,
.cinematic-presentation-page .presentation-page .pres-table-cell img {
    background: transparent !important;
}

.presentation-footer-title {
    color: var(--gold-soft);
}

@media (max-width: 820px) {
    .cinematic-presentation-page .presentation-page .content-wrapper {
        margin: -58px 8px 0;
        border-radius: 15px 15px 0 0;
    }

    .cinematic-presentation-page .presentation-page .content-padding {
        gap: 0;
        padding: 0px 0 0px;
    }

    .cinematic-presentation-page .presentation-page .category-divider {
        display: none !important;
    }

    .cinematic-presentation-page .presentation-page .pres-hero-banner {
        min-height: 620px;
    }

    .cinematic-presentation-page .presentation-page .pres-hero-actions {
        width: 100%;
    }

    .cinematic-presentation-page .presentation-page .pres-hero-logo {
        width: min(145px, 34vw);
        max-height: 64px;
        margin-bottom: 12px;
    }

    .cinematic-presentation-page .presentation-page .pres-hero-btn {
        width: min(100%, 320px);
    }

    .cinematic-presentation-page .presentation-page .pres-hero-btn-hide-tablet {
        display: none;
    }

    .cinematic-presentation-page .presentation-page .pres-intro-summary {
        width: calc(100% - 20px);
        margin-top: 18px;
    }

    .cinematic-presentation-page .presentation-page .pres-intro-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 0;
    }

    .cinematic-presentation-page .presentation-page .pres-intro-stats article:nth-child(2n) {
        border-right: 0;
    }

    .cinematic-presentation-page .presentation-page .section-block.presentation-section {
        padding: 42px 14px !important;
    }

    .cinematic-presentation-page .presentation-page .pres-content-block + .pres-content-block {
        margin-top: 24px;
    }

    .cinematic-presentation-page .presentation-page .pres-section-separator {
        height: 0;
    }
}

@media (max-width: 600px) {
    .cinematic-presentation-page .presentation-page .pres-hero-logo {
        width: min(128px, 32vw);
        max-height: 56px;
    }

    .cinematic-presentation-page .presentation-page .pres-hero-btn-hide-tablet {
        display: inline-flex;
    }

    .cinematic-presentation-page .presentation-page .pres-hero-btn-hide-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .presentation-topbar .lang-menu,
    .presentation-topbar .account-menu {
        position: static;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        max-width: none;
        max-height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        overflow: hidden;
        transform: none;
    }

    .presentation-topbar .lang-dropdown.open .lang-menu,
    .presentation-topbar .account-dropdown.open .account-menu {
        max-height: min(320px, 50dvh);
        margin-top: 8px;
        padding: 8px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

/* Keep the per-block frame switch authoritative over every theme/mobile rule above. */
.cinematic-presentation-page .presentation-page .pres-content-block.pres-content-block--frameless {
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Multi-image galleries stay centred; navigation follows the visible image edges. */
.cinematic-presentation-page .presentation-page .pres-gallery,
.cinematic-presentation-page .presentation-page .pres-gallery-slide img {
    margin-inline: auto;
}

.cinematic-presentation-page .presentation-page .pres-gallery .pres-media-nav-prev {
    left: 8px;
}

.cinematic-presentation-page .presentation-page .pres-gallery .pres-media-nav-next {
    right: 8px;
}
/* Item table block */
.presentation-page .pres-item-table-shell.has-icon-frame {
    padding: clamp(12px, 1.4vw, 20px);
    border: 1px solid rgba(184, 138, 75, .3);
    border-radius: 16px;
    background: rgba(10, 7, 5, .46);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.presentation-page .pres-item-table-heading {
    margin-bottom: 14px;
    text-align: center;
}

.presentation-page .pres-item-table-heading h4,
.presentation-page .pres-item-table-heading h5 { margin: 0; color: var(--presentation-title-color, #ead0a0); }
.presentation-page .pres-item-table-heading p { margin: 6px 0 0; }

.presentation-page .pres-item-table-grid {
    --pres-item-table-gap: clamp(8px, 1vw, 14px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--pres-item-table-gap);
    width: 100%;
}

.presentation-page .pres-item-table-grid--hidden.pres-item-table-grid--columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(42px, max-content));
    justify-content: center;
    width: min(100%, var(--pres-grid-max-width, 100%));
    max-width: 100%;
    overflow: visible;
    overscroll-behavior-inline: auto;
}

.presentation-page .pres-wheel-layout {
    display: grid;
    align-items: center;
    gap: clamp(18px, 2.4vw, 38px);
    width: 100%;
}

.presentation-page .pres-wheel-layout.has-side-content {
    grid-template-columns: minmax(420px, 1fr) minmax(300px, .82fr);
}

.presentation-page .pres-wheel-layout--right .pres-wheel-stage,
.presentation-page .pres-wheel-layout--right .admin-orion-wheel-preview { order: 2; }
.presentation-page .pres-wheel-layout--right .pres-wheel-side-content { order: 1; }

.presentation-page .pres-wheel-side-content {
    display: grid;
    gap: clamp(12px, 1.4vw, 20px);
    min-width: 0;
}

.presentation-page .pres-wheel-side-content .pres-card-grid,
.presentation-page .pres-wheel-side-content .admin-orion-cards { grid-template-columns: 1fr; }

@media (max-width: 1300px) {
    .presentation-page .pres-wheel-layout.has-side-content { grid-template-columns: 1fr; }
    .presentation-page .pres-wheel-layout--right .pres-wheel-stage,
    .presentation-page .pres-wheel-layout--right .admin-orion-wheel-preview { order: 1; }
    .presentation-page .pres-wheel-layout--right .pres-wheel-side-content { order: 2; }
}

.presentation-page .pres-item-table-entry {
    flex: 0 0 calc((100% - (4 * var(--pres-item-table-gap))) / 5);
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--pres-item-accent, #b88a4b) 48%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--pres-item-accent, #b88a4b) 10%, rgba(8, 5, 4, .82));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pres-item-accent, #b88a4b) 12%, transparent),
        0 0 18px color-mix(in srgb, var(--pres-item-accent, #b88a4b) 15%, transparent);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease, background-color .28s ease;
}

@media (hover: hover) {
    .presentation-page .pres-item-table-entry:hover {
        transform: translateY(-2px);
        border-color: color-mix(in srgb, var(--pres-item-accent, #b88a4b) 72%, transparent);
        background: color-mix(in srgb, var(--pres-item-accent, #b88a4b) 14%, rgba(8, 5, 4, .82));
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--pres-item-accent, #b88a4b) 18%, transparent),
            0 7px 20px rgba(0, 0, 0, .34),
            0 0 22px color-mix(in srgb, var(--pres-item-accent, #b88a4b) 23%, transparent);
    }
}

.presentation-page .pres-item-table-entry img {
    display: block;
    width: auto;
    max-width: 40px;
    height: 40px;
    object-fit: contain;
    image-rendering: auto;
}

.presentation-page .pres-item-table-visual {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.presentation-page .pres-item-table-entry strong {
    min-width: 0;
    color: var(--presentation-title-color, #ead0a0);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.presentation-page .pres-item-table-entry--hidden {
    display: grid;
    place-items: center;
    padding: 4px 5px;
}

.presentation-page .pres-item-table-grid--hidden {
    --pres-item-table-gap: 4px;
    flex-wrap: nowrap;
    justify-content: safe center;
    width: 100%;
    margin-inline: auto;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.presentation-page .pres-item-table-grid--hidden .pres-item-table-entry {
    flex: 0 0 auto;
    width: auto;
}

.presentation-page .pres-item-table-grid--hidden .pres-item-table-entry img {
    max-width: none;
    height: 32px;
}

.presentation-page .pres-item-table-shell.is-icon-frameless {
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
}

.presentation-page .pres-item-table-entry.has-name-tooltip {
    position: relative;
    z-index: 1;
    cursor: help;
}

.presentation-page .pres-item-table-tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 9px);
    z-index: 50;
    width: max-content;
    max-width: min(220px, 80vw);
    padding: 6px 9px;
    border: 1px solid color-mix(in srgb, var(--pres-item-accent, #b88a4b) 55%, transparent);
    border-radius: 8px;
    background: rgba(8, 5, 4, .96);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .46);
    color: var(--presentation-title-color, #ead0a0);
    font-size: .76rem;
    line-height: 1.25;
    text-align: center;
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 5px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.presentation-page .pres-item-table-entry.has-name-tooltip:hover,
.presentation-page .pres-item-table-entry.has-name-tooltip:focus,
.presentation-page .pres-item-table-entry.has-name-tooltip:focus-within {
    z-index: 60;
}

.presentation-page .pres-item-table-entry.has-name-tooltip:hover .pres-item-table-tooltip,
.presentation-page .pres-item-table-entry.has-name-tooltip:focus .pres-item-table-tooltip,
.presentation-page .pres-item-table-entry.has-name-tooltip:focus-within .pres-item-table-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.presentation-page .pres-item-table-entry--right {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(8px, 1vw, 14px);
    min-height: clamp(70px, 6vw, 90px);
    padding: clamp(9px, 1.1vw, 15px);
}

.presentation-page .pres-item-table-entry--right strong {
    font-size: clamp(.72rem, .8vw, .88rem);
}

.presentation-page .pres-item-table-entry--below {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 6px;
    min-height: clamp(86px, 8vw, 112px);
    padding: clamp(8px, 1vw, 13px);
    text-align: center;
}

.presentation-page .pres-item-table-entry--below strong {
    font-size: clamp(.64rem, .72vw, .78rem);
}

@media (max-width: 1024px) {
    .presentation-page .pres-item-table-grid:not(.pres-item-table-grid--hidden) {
        --pres-item-table-gap: 8px;
    }

    .presentation-page .pres-item-table-grid:not(.pres-item-table-grid--hidden) .pres-item-table-entry {
        flex: 0 0 calc((100% - var(--pres-item-table-gap)) / 2);
        max-width: calc((100% - var(--pres-item-table-gap)) / 2);
    }

    .presentation-page .pres-item-table-grid:not(.pres-item-table-grid--hidden) .pres-item-table-entry.has-item-icon {
        flex: 0 0 calc((100% - (4 * var(--pres-item-table-gap))) / 5);
        width: auto;
        min-width: 0;
        max-width: calc((100% - (4 * var(--pres-item-table-gap))) / 5);
    }

    .presentation-page .pres-item-table-entry--right,
    .presentation-page .pres-item-table-entry--below {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        align-content: center;
        gap: 6px;
        min-height: 96px;
        padding: 8px 7px;
        text-align: center;
    }

    .presentation-page .pres-item-table-entry--right.has-item-icon,
    .presentation-page .pres-item-table-entry--below.has-item-icon {
        grid-template-columns: auto;
        min-height: 78px;
        padding: 6px 4px;
    }

    .presentation-page .pres-item-table-entry .pres-item-table-visual {
        width: 100%;
        min-width: 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    .presentation-page .pres-item-table-entry .pres-control-combo {
        max-width: 100%;
        margin-inline-end: 0;
    }

    .presentation-page .pres-item-table-entry--right strong,
    .presentation-page .pres-item-table-entry--below strong {
        width: 100%;
        font-size: clamp(.62rem, 1.7vw, .76rem);
        line-height: 1.2;
    }

    .presentation-page .pres-stat-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .presentation-page .pres-item-table-grid { --pres-item-table-gap: 6px; }
    .presentation-page .pres-item-table-grid--hidden {
        --pres-item-table-gap: 3px;
    }
    .presentation-page .pres-item-table-entry { border-radius: 9px; }
    .presentation-page .pres-item-table-entry img { max-width: 30px; height: 38px; }
    .presentation-page .pres-item-table-entry--right {
        gap: 4px;
        min-height: 92px;
        padding: 7px 5px;
    }
    .presentation-page .pres-item-table-entry--right strong,
    .presentation-page .pres-item-table-entry--below strong {
        font-size: clamp(.55rem, 2.4vw, .68rem);
    }
    .presentation-page .pres-item-table-entry--below { min-height: 78px; padding: 6px 4px; }
}