@font-face{font-family:HelveticaNeue-Regular;src:url('https://l2top.info/fonts/Montserrat/HelveticaNeue-Regular.woff2') format('woff2'),url('https://l2top.info/fonts/Montserrat/HelveticaNeue-Regular.woff') format('woff'),url('https://l2top.info/fonts/Montserrat/HelveticaNeue-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HelveticaNeue-Bold;src:url('https://l2top.info/fonts/Montserrat/HelveticaNeue-Bold.woff2') format('woff2'),url('https://l2top.info/fonts/Montserrat/HelveticaNeue-Bold.woff') format('woff'),url('https://l2top.info/fonts/Montserrat/HelveticaNeue-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}a{font-family:HelveticaNeue-Regular,sans-serif}address,dl,ol,p,pre,ul{margin-bottom:1rem}img,svg{vertical-align:middle}button,hr,input{overflow:visible}address,legend{line-height:inherit}progress,sub,sup{vertical-align:baseline}label,output{display:inline-block}*,::after,::before{box-sizing:border-box}[tabindex="-1"]:focus{outline:0 !important}hr{box-sizing:content-box;height:0}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--text-dim);text-decoration:none;background-color:transparent}a:hover{color:var(--text);text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{overflow:auto}img{border-style:none}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:var(--text-dim);caption-side:bottom}th{text-align:inherit}button{border-radius:0}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{width:100%;max-width:100%;padding:0;font-size:1.5rem;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}@media only screen and (max-width:940px){#showAllServers,#hideAllServers{display:none}a{font-size:.85rem}h2{text-align:center}h2:first-of-type{margin-top:13px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.Icon-example{position:relative;width:100%;max-width:1000px;margin:25px auto}.responsive-image{display:block;width:100%;height:auto}.nickname{position:absolute}#nickname1{left:5%;bottom:77.5%}#nickname2{left:50%;bottom:46%}#nickname3{left:89%;bottom:79%}.crest-pair{display:flex;align-items:center;justify-content:center;margin-bottom:1px}.crest-ally,.crest-clan{margin:0 2px;cursor:pointer}.crest-gallery{display:flex;flex-wrap:wrap;align-items:center;margin-top:25px}.crest-ally,.crest-clan{padding:0;border:0;margin-right:1px}.crest-ally{width:8px;height:12px;margin-left:3px}.crest-clan{width:16px;height:12px;margin-right:3px}.crest-ally+.crest-clan{margin-left:0}}@media(min-width:1470px){.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}a:hover{text-decoration:underline}h2{font-size:24px;margin-bottom:12px}.wraper__content100-container{width:1070px}.wraper__content100-container>div[class^=content__centre]::after{content:"";display:block;height:1px;background-color:gray;margin:10px 0}.Icon-example{position:relative;width:100%;max-width:1000px;margin:25px auto}.responsive-image{display:block;width:100%;height:auto}.nickname{position:absolute}#nickname1{left:5%;bottom:77.5%}#nickname2{left:50%;bottom:46%}#nickname3{left:89%;bottom:79%}.crest-pair{display:flex;align-items:center;justify-content:center;margin-bottom:1px}.crest-ally,.crest-clan{margin:0 2px;cursor:pointer}.crest-gallery{display:flex;flex-wrap:wrap;align-items:center;margin-top:25px}.crest-ally,.crest-clan{padding:0;border:0;margin-right:1px}.crest-ally{width:8px;height:12px;margin-left:3px}.crest-clan{width:16px;height:12px;margin-right:3px}.crest-ally+.crest-clan{margin-left:0}}@media only screen and (max-width:550px){.table25 tr td a{font-size:12px}.table25 tr td{font-size:12px}}@media only screen and (min-width:941px) and (max-width:1469px){#showAllServers,#hideAllServers{display:none}.table25 tr{padding:0 5px}.table25 td:nth-of-type(5){width:auto}.content__left-col,.content__right-col{padding-bottom:30px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}a:hover{text-decoration:underline}h2{font-size:24px;margin-bottom:12px}.Icon-example{position:relative;width:100%;max-width:1000px;margin:25px auto}.responsive-image{display:block;width:100%;height:auto}.nickname{position:absolute}#nickname1{left:5%;bottom:77.5%}#nickname2{left:50%;bottom:46%}#nickname3{left:89%;bottom:79%}.crest-pair{display:flex;align-items:center;justify-content:center;margin-bottom:1px}.crest-ally,.crest-clan{margin:0 2px;cursor:pointer}.crest-gallery{display:flex;flex-wrap:wrap;align-items:center;margin-top:25px}.crest-ally,.crest-clan{padding:0;border:0;margin-right:1px}.crest-ally{width:8px;height:12px;margin-left:3px}.crest-clan{width:16px;height:12px;margin-right:3px}.crest-ally+.crest-clan{margin-left:0}}@media(max-width:900px){footer{padding:0 15px}}@media(max-width:870px){footer{padding:0 15px;display:flex;justify-content:space-between;flex-wrap:wrap}}@media(min-width:1239px){.content__left-col,.content__right-col{max-width:100%;width:50%}.Icon-example{position:relative;width:100%;max-width:1000px;margin:25px auto}.responsive-image{display:block;width:100%;height:auto}.nickname{position:absolute}#nickname1{left:5%;bottom:77.5%}#nickname2{left:50%;bottom:46%}#nickname3{left:89%;bottom:79%}.crest-pair{display:flex;align-items:center;justify-content:center;margin-bottom:1px}.crest-ally,.crest-clan{margin:0 2px;cursor:pointer}.crest-gallery{display:flex;flex-wrap:wrap;align-items:center;margin-top:25px}.crest-ally,.crest-clan{padding:0;border:0;margin-right:1px}.crest-ally{width:8px;height:12px;margin-left:3px}.crest-clan{width:16px;height:12px;margin-right:3px}.crest-ally+.crest-clan{margin-left:0}}

/* ===============================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ CROP EDITOR И SEO КОНТЕНТА
   Не трогаем основные стили L2TOP выше!
   =============================================== */

/* Контент генератора */
.content__centre {
    background: linear-gradient(135deg, var(--card) 0%, #292c26 100%);
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 30px;
}

.content__centre h2 {
    color: var(--text);
    margin-bottom: 15px;
}

.content__centre p {
    color: var(--text);
}

.content__centre strong {
    color: #ff9300;
}

/* Форма загрузки */
.upload-form {
    background: var(--card-2);
    padding: 30px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.upload-form h3 {
    color: var(--text);
    margin-bottom: 20px;
}

.mode-selector {
    margin: 20px 0;
    display: flex;
    gap: 30px;
    justify-content: center;
}

.mode-selector label {
    color: var(--text);
    cursor: pointer;
}

.upload-form input[type="file"] {
    width: 100%;
    padding: 12px;
    margin: 10px 0 20px;
    border: 2px solid var(--border);
    border-radius: 6px;
}

/* Crop editor */
.crop-editor {
    margin-top: 20px;
}

.submit-crop-btn {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
    padding: 18px;
    background: #ff9300;
    color: var(--text);
    border: none;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}

.submit-crop-btn:hover {
    background: #ffaa33;
    transform: translateY(-2px);
}

.submit-crop-btn:disabled {
    background: #999;
    cursor: not-allowed;
}

.crop-container {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

#cropCanvas {
    display: block;
    max-width: 100%;
    border: 2px solid #444;
    border-radius: 8px;
}

.crop-frame {
    position: absolute;
    border: 3px solid #ff9300;
    box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
    cursor: move;
}

.crop-handle {
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--card-2);
    border: 2px solid #ff9300;
    border-radius: 50%;
}

.crop-handle-tl { top: -6px; left: -6px; cursor: nw-resize; }
.crop-handle-tr { top: -6px; right: -6px; cursor: ne-resize; }
.crop-handle-bl { bottom: -6px; left: -6px; cursor: sw-resize; }
.crop-handle-br { bottom: -6px; right: -6px; cursor: se-resize; }

.preview-section {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-top: 30px;
}

.preview-block {
    text-align: center;
    padding: 15px;
    background: var(--card-2);
    border-radius: 8px;
}

.preview-block span {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.preview-block canvas {
    image-rendering: pixelated;
    border: 1px solid var(--border);
}

/* Результат */
.wraper__content100-container .result {
    background: var(--card-2);
    padding: 40px;
    border-radius: 12px;
    text-align: center;
    margin: 40px auto;
    border: 3px solid #28a745;
}

.wraper__content100-container .result h2 {
    color: var(--text-dim);
    font-size: 32px;
}

.wraper__content100-container .result .image-parts {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin: 30px 0;
}

.wraper__content100-container .result .image-parts > div {
    padding: 20px;
    background: var(--card-2);
    border-radius: 8px;
}

.wraper__content100-container .result .buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}

.wraper__content100-container .result .download-btn,
.wraper__content100-container .result a.download-btn {
    padding: 18px 40px;
    background: #28a745;
    color: var(--text) !important;
    text-decoration: none;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    transition: all 0.3s;
}

.wraper__content100-container .result .download-btn:hover,
.wraper__content100-container .result a.download-btn:hover {
    background: #218838;
    transform: translateY(-2px);
}

.wraper__content100-container .result button {
    padding: 18px 40px;
    background: #6c757d;
    color: var(--text);
    border: none;
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

/* SEO контент */
.seo-content {
    padding: 30px;
    background: var(--card-2);
    border-radius: 8px;
    margin: 30px 0;
}

.seo-content h2 {
    color: var(--text);
    border-bottom: 3px solid #ff9300;
    padding-bottom: 10px;
}

.seo-content h3 {
    color: #ff9300;
    margin-top: 25px;
}

.seo-content h4 {
    color: var(--text);
    margin-top: 20px;
}

.intro-text {
    background: var(--card);
    color: var(--text);
    padding: 25px;
    border-radius: 8px;
    margin: 20px 0;
}

.intro-text strong {
    color: #ff9300;
}

.gallery-preview {
    background: linear-gradient(135deg, #ff9300 0%, #ff6b00 100%);
    color: var(--text);
    padding: 30px;
    border-radius: 8px;
    margin: 40px 0;
}

.gallery-preview h2,
.gallery-preview p {
    color: var(--text);
}

.gallery-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.gallery-feature {
    background: var(--card-2);
    padding: 20px;
    border-radius: 8px;
}

.gallery-feature h3,
.gallery-feature p {
    color: var(--text);
}

/* Software section */
.software-section {
    background: var(--card-2);
    padding: 40px;
    border-radius: 8px;
    margin: 30px 0;
}

.software-section h2 {
    color: var(--text);
    text-align: center;
    border-bottom: 3px solid #ff9300;
    padding-bottom: 10px;
}

.software-section h3 {
    color: #ff9300;
}

.download-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin: 20px 0;
}

.download-btn {
    padding: 15px 30px;
    background: #ff9300;
    color: var(--text) !important;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: all 0.3s;
}

.download-btn:hover {
    background: #ffaa33;
    transform: translateY(-2px);
}

/* Таблицы */
.format-table table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.format-table th {
    background: #ff9300;
    color: var(--text);
    padding: 12px;
}

.format-table td {
    padding: 12px;
    border: 1px solid var(--border);
}

/* Галерея */
.crest-gallery h2 {
    color: var(--text);
    text-align: center;
    margin-bottom: 20px;
}

/* === ИСПРАВЛЕНИЕ КОНТРАСТА (PageSpeed) === */

/* Software section - улучшенный контраст */
.software-section p,
.software-section li {
    color: var(--text) !important; /* Темнее для контраста на светлом фоне */
}

.software-section h3 {
    color: var(--text-dim) !important; /* Темнее оранжевый для контраста */
}

.software-section h4 {
    color: var(--text) !important; /* Почти черный */
}

/* Download buttons - правильные цвета с контрастом */
.software-section .download-btn {
    background: #cc7a00 !important; /* Темнее оранжевый */
    color: var(--text) !important;
}

.software-section .download-btn:hover {
    background: #b36b00 !important;
}

/* SEO content - контраст для всех заголовков */
.seo-content h3 {
    color: var(--text-dim) !important; /* Темнее оранжевый вместо светлого */
}

.seo-content p {
    color: var(--text) !important;
}

.seo-content li {
    color: var(--text) !important;
}

/* Format table - контраст */
.format-table th {
    background: #cc7a00 !important;
    color: var(--text) !important;
}

/* Troubleshooting - правильный контраст */
.troubleshooting {
    background: var(--card-2);
    border-left: 4px solid #cc7a00;
    padding: 20px;
    margin-top: 25px;
    border-radius: 4px;
}

.troubleshooting h3 {
    color: var(--text) !important;
    margin-top: 0;
}

.troubleshooting ul li {
    color: var(--text) !important;
}

/* FAQ items - контраст */
.faq-item h3 {
    color: var(--text) !important;
}

.faq-item p {
    color: var(--text) !important;
}

/* Gallery feature - белый текст на темном градиенте */
.gallery-feature h3 {
    color: var(--text) !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.gallery-feature p {
    color: var(--text) !important;
}

/* === ФИНАЛЬНОЕ ИСПРАВЛЕНИЕ КОНТРАСТА (PageSpeed Final) === */

/* Download buttons - ТЕМНЫЕ фоны для контраста */
.download-btn.google-drive,
.google-drive {
    background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%) !important;
    color: var(--text) !important;
}

.download-btn.mega,
.mega {
    background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%) !important;
    color: var(--text) !important;
}

.download-btn.mediafire,
.mediafire {
    background: linear-gradient(135deg, #0277bd 0%, #01579b 100%) !important;
    color: var(--text) !important;
}

/* Intro text - ТЕМНЫЙ фон для белого текста */
.seo-content .intro-text {
    background: var(--card) !important; /* Почти черный */
    color: var(--text) !important;
    padding: 25px;
    border-radius: 8px;
    margin: 20px 0;
}

.seo-content .intro-text p {
    color: var(--text) !important;
}

.seo-content .intro-text strong {
    color: #ffa726 !important; /* Светлый оранжевый на темном */
}

/* Format table headers - ТЕМНЫЙ фон */
.format-table table thead th {
    background: var(--card) !important;
    color: var(--text) !important;
    padding: 12px;
}

.seo-content .format-table th {
    background: var(--card) !important;
    color: var(--text) !important;
}

/* Дополнительно - все span внутри download кнопок */
.download-btn span,
.download-btn.google-drive span,
.download-btn.mega span,
.download-btn.mediafire span {
    color: var(--text) !important;
}