/* ==========================================================================
   ФИНАЛЬНАЯ АРХИТЕКТУРА И КОРРЕКЦИЯ ИНТЕРВАЛОВ (menustyle.css)
   ========================================================================== */
:root { --sozoic-scale: 2.0; --sozoic-speed: 0.55s; }

.sozoic-matrix {
    --red-base: #ff0000; position: relative; width: 100%; max-width: 1888px; 
    height: 100vh; max-height: 87vh; overflow-y: auto;
    background-color: var(--red-base) !important; padding: 3vh 20px 40px 12px; 
    margin: 0 auto; display: flex; flex-direction: column; align-items: center; 
    justify-content: flex-start; box-sizing: border-box;
    scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
}
.sozoic-matrix::-webkit-scrollbar { width: 6px; }
.sozoic-matrix::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.4); border-radius: 3px; }

.sozoic-control-deck { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-top: 40px; margin-bottom: 5px; width: 100%; z-index: 10; }

/* ИСПРАВЛЕНИЕ: gap: 5px между кнопками тем */
.sozoic-design-panel { display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; width: 100%; }
.sozoic-lang-switcher { display: flex; gap: 20px; justify-content: center; }

.sozoic-design-btn {
    background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff;
    font-family: 'Courier New', monospace; font-size: 0.75rem; font-weight: bold; cursor: pointer;
    width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; border-radius: 2px;
}
.sozoic-design-btn:hover, .sozoic-design-btn.active { background: #ffffff !important; color: #ff0000 !important; border-color: #ffffff !important; }

.sozoic-lang-btn {
    background: transparent; border: none; color: #ffffff; font-family: 'Courier New', monospace;
    font-size: 0.8rem; font-weight: bold; cursor: pointer; padding: 2px 5px; opacity: 0.6; transition: opacity 0.2s ease;
}
.sozoic-lang-btn:hover, .sozoic-lang-btn.active { opacity: 1; text-decoration: underline; }

.sozoic-header {
    font-size: 1.5rem; font-weight: 900; color: #ffffff !important; text-transform: uppercase;
    letter-spacing: 2px; margin-bottom: 45px; text-align: center; width: 100%; line-height: 1.2; box-sizing: border-box; font-family: 'Courier New', monospace;
}

.sozoic-menu-list { 
    display: flex; 
    flex-direction: column-reverse; 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    width: 100%; 
    align-items: center; 
    justify-content: center; 
    box-sizing: border-box; 
    --text-scale: 1.0;
}

.sozoic-item { position: relative; margin: 0; padding: 0; width: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: transparent !important; }
.sozoic-link { display: inline-block; width: auto; max-width: 100%; color: #ffffff !important; text-decoration: none !important; text-align: center; position: relative; z-index: 3; box-sizing: border-box; background: transparent !important; transition: transform var(--sozoic-speed) cubic-bezier(0.25, 0.46, 0.45, 0.94); transform-origin: center center; }
.sozoic-item:hover .sozoic-link { color: #ffffff !important; background: transparent !important; transform: scale(var(--sozoic-scale)); }

/* Адаптивные классы с высоким приоритетом, привязанные к кнопкам масштабирования под 1888px */
.sozoic-matrix .title-bar {
    font-size: calc(clamp(1.05rem, 0.7084rem + 1.518vw, 2.5rem) * var(--text-scale, 1.0)) !important;
    line-height: 1.2;
    padding-left: clamp(20px, 10.45px + 2.65vw, 60px);
    padding-right: clamp(20px, 10.45px + 2.65vw, 60px);
}

.sozoic-matrix .title-bar1 {
    font-size: calc(clamp(1.05rem, 0.7042rem + 1.536vw, 2.5rem) * var(--text-scale, 1.0)) !important;
    line-height: 1.2;
    padding-left: clamp(20px, 10.45px + 2.65vw, 60px);
    padding-right: clamp(20px, 10.45px + 2.65vw, 60px);
}

.sozoic-matrix .title-bar2 {
    font-size: calc(clamp(0.52rem, 0.2862rem + 1.039vw, 1.5rem) * var(--text-scale, 1.0)) !important;
    line-height: 1.2;
    padding-left: clamp(20px, 10.45px + 2.65vw, 60px);
    padding-right: clamp(20px, 10.45px + 2.65vw, 60px);
}

/* ==========================================================================
   КОМПАКТНЫЕ НАСТРОЙКИ СТИЛЕЙ ТИПОГРАФИКИ ДЛЯ 10 ЦИФР
   ========================================================================== */

/* 01: MONOLITH BLOCK */
.sozoic-matrix.style-01 .sozoic-menu-list { line-height: 1.05; gap: 2px; } .sozoic-matrix.style-01 .sozoic-link { padding: 6px 20px; font-family: 'Courier New', monospace; } .sozoic-matrix.style-01 .main-title { font-size: 1.05rem; font-weight: 900; letter-spacing: 2px; display: block; } .sozoic-matrix.style-01 .sub-text { font-size: 0.52rem; font-weight: bold; letter-spacing: 0.5px; opacity: 0.7; display: block; margin-top: 1px; }

/* 02: SWISS MINIMAL */
.sozoic-matrix.style-02 .sozoic-menu-list { line-height: 1.05; gap: 3px; } .sozoic-matrix.style-02 .sozoic-link { padding: 5px 15px; font-family: 'Arial', sans-serif; } .sozoic-matrix.style-02 .main-title { font-size: 1.0rem; font-weight: 800; letter-spacing: 0.5px; display: block; } .sozoic-matrix.style-02 .sub-text { font-size: 0.5rem; font-weight: 400; letter-spacing: 1px; opacity: 0.65; display: block; margin-top: 1px; }

/* 03: IMPERIAL WIDE */
.sozoic-matrix.style-03 .sozoic-menu-list { line-height: 1.1; gap: 5px; } .sozoic-matrix.style-03 .sozoic-link { padding: 6px 25px; font-family: 'Georgia', serif; } .sozoic-matrix.style-03 .main-title { font-size: 0.95rem; font-weight: bold; letter-spacing: 3px; display: block; } .sozoic-matrix.style-03 .sub-text { font-size: 0.52rem; font-style: italic; opacity: 0.75; display: block; margin-top: 2px; }

/* 04: TECHNO CRITERIA */
.sozoic-matrix.style-04 .sozoic-menu-list { line-height: 0.95; gap: 1px; } .sozoic-matrix.style-04 .sozoic-link { padding: 7px 15px; font-family: 'Lucida Console', monospace; } .sozoic-matrix.style-04 .main-title { font-size: 1.0rem; font-weight: bold; letter-spacing: -0.5px; display: block; } .sozoic-matrix.style-04 .sub-text { font-size: 0.5rem; font-weight: 300; letter-spacing: 1px; opacity: 0.6; display: block; margin-top: 1px; }

/* 05: SACRAL LINE */
.sozoic-matrix.style-05 .sozoic-menu-list { line-height: 1.1; gap: 4px; } .sozoic-matrix.style-05 .sozoic-link { padding: 5px 20px; font-family: 'Impact', sans-serif; } .sozoic-matrix.style-05 .main-title { font-size: 1.2rem; font-weight: 400; letter-spacing: 2px; display: block; } .sozoic-matrix.style-05 .sub-text { font-family: 'Arial', sans-serif; font-size: 0.52rem; font-weight: bold; opacity: 0.7; display: block; margin-top: 0px; }

/* 06: BOOK MANUSCRIPT */
.sozoic-matrix.style-06 .sozoic-menu-list { line-height: 1.05; gap: 3px; } .sozoic-matrix.style-06 .sozoic-link { padding: 6px 25px; font-family: 'Times New Roman', serif; } .sozoic-matrix.style-06 .main-title { font-size: 1.05rem; font-weight: 700; letter-spacing: 1.5px; display: block; } .sozoic-matrix.style-06 .sub-text { font-size: 0.55rem; font-weight: normal; opacity: 0.8; display: block; margin-top: 1px; }

/* 07: CYBER REACTION */
.sozoic-matrix.style-07 .sozoic-menu-list { line-height: 1.15; gap: 6px; } .sozoic-matrix.style-07 .sozoic-link { padding: 5px 15px; font-family: 'Trebuchet MS', sans-serif; } .sozoic-matrix.style-07 .main-title { font-size: 1.1rem; font-weight: 900; display: block; } .sozoic-matrix.style-07 .sub-text { font-size: 0.48rem; font-weight: bold; letter-spacing: 1.2px; opacity: 0.55; display: block; margin-top: 2px; }

/* 08: ARCANUM SACRED */
.sozoic-matrix.style-08 .sozoic-menu-list { line-height: 1.2; gap: 6px; } .sozoic-matrix.style-08 .sozoic-link { padding: 5px 20px; font-family: 'Palatino', serif; } .sozoic-matrix.style-08 .main-title { font-size: 0.92rem; font-weight: 600; letter-spacing: 3px; display: block; } .sozoic-matrix.style-08 .sub-text { font-size: 0.52rem; opacity: 0.7; display: block; margin-top: 2px; }

/* 09: FUTURISTIC INDUSTRIAL */
.sozoic-matrix.style-09 .sozoic-menu-list { line-height: 1.05; gap: 3px; } .sozoic-matrix.style-09 .sozoic-link { padding: 6px 15px; font-family: 'Verdana', sans-serif; } .sozoic-matrix.style-09 .main-title { font-size: 0.95rem; font-weight: 900; letter-spacing: 1.5px; display: block; } .sozoic-matrix.style-09 .sub-text { font-size: 0.5rem; font-weight: 600; letter-spacing: 1px; opacity: 0.65; display: block; margin-top: 2px; }

/* 10: COSMIC APEX */
.sozoic-matrix.style-10 .sozoic-menu-list { line-height: 1.3; gap: 8px; } .sozoic-matrix.style-10 .sozoic-link { padding: 5px 25px; font-family: 'Century Gothic', sans-serif; } .sozoic-matrix.style-10 .main-title { font-size: 0.9rem; font-weight: 300; letter-spacing: 4px; display: block; } .sozoic-matrix.style-10 .sub-text { font-size: 0.52rem; letter-spacing: 1px; opacity: 0.7; display: block; margin-top: 2px; }