[hideprofile][html]<style>
:root {
--text: #232d24; --link: #39423c; --link-hover: #4d5a55; --link-light: #d5d4d1;
--link-light-hover: #aeafaa; --zelen: #b8bbb9; --scroll: #2f3229; --respect: #edeeed;
--back: #848a87; --noblack: #39423c; --zelenlight: #cfcfca; --addition-area: #aeafa8;
--addition-area-hover: #676a52;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#e8e7e3;font-family:Arial,'Book Antiqua',sans-serif;font-size:12px;color:var(--text);padding:20px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}
*::-webkit-scrollbar{width:4px;height:4px}
*::-webkit-scrollbar-thumb{background-color:var(--scroll);border-radius:10px}
.forum-window{max-width:700px;margin:0 auto;padding:25px;width:100%}
.inner-panel{background:var(--link-light);border-radius:5px;padding:25px 20px 20px}
.role-tabs{display:flex;gap:25px;color:var(--link);font-size:18px;border-bottom:1px solid var(--link);padding:10px;margin-bottom:20px;justify-content:center}
.role-tabs span{padding:0 15px;position:relative;font-family:'Book Antiqua',serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--link-hover)}
.role-tabs span::before{position:absolute;content:'';left:0;bottom:-10px;display:block;width:100%;height:5px;background:var(--link)}
.quiz-intro{text-align:center;margin-bottom:20px;color:var(--noblack);font-family:'Book Antiqua',serif;font-size:14px;line-height:1.5}
.quiz-progress{width:100%;height:8px;background:var(--back);border-radius:10px;margin-bottom:20px;overflow:hidden;border:1px solid var(--addition-area-hover)}
.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--zelen),var(--link));border-radius:10px;transition:width .4s ease;width:0%}
.quiz-question{background:#e3e2de;border:1px solid var(--addition-area);border-radius:8px;padding:20px;margin-bottom:15px;text-align:center}
.quiz-question h3{font-family:'Book Antiqua',serif;font-size:16px;color:var(--noblack);margin-bottom:18px;font-weight:700}
.quiz-options{display:flex;flex-direction:column;gap:8px}
.quiz-option{display:block;width:100%;padding:12px 18px;background:var(--zelenlight);border:1px solid var(--addition-area);border-radius:20px;cursor:pointer;font-family:Arial,sans-serif;font-size:13px;color:var(--noblack);text-align:center;transition:all .2s ease}
.quiz-option:hover{background:var(--addition-area);border-color:var(--addition-area-hover);color:#fff;transform:translateY(-1px)}
.quiz-option:active{transform:scale(.98)}
.quiz-result{display:none;background:#e3e2de;border:1px solid var(--addition-area);border-radius:8px;padding:25px;text-align:center;margin-top:15px}
.quiz-result h2{font-family:'Book Antiqua',serif;font-size:22px;color:var(--noblack);margin-bottom:10px}
.quiz-result .result-type{display:inline-block;padding:8px 20px;border-radius:20px;font-size:16px;font-weight:700;color:#fff;margin:10px 0;font-family:'Book Antiqua',serif;letter-spacing:1px}
.quiz-result .result-desc{color:var(--noblack);font-size:13px;line-height:1.6;margin:15px 0}
.quiz-result .result-scores{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:15px 0}
.quiz-result .score-item{padding:6px 14px;border-radius:15px;font-size:11px;font-weight:600;color:#fff}
.copy-btn{display:inline-block;padding:12px 30px;background:var(--link);color:var(--respect);border:none;border-radius:25px;cursor:pointer;font-family:'Book Antiqua',serif;font-size:14px;font-weight:700;margin-top:15px;transition:all .2s ease;border:2px solid var(--addition-area-hover)}
.copy-btn:hover{background:var(--link-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.copy-btn:active{transform:scale(.96)}
.retry-btn{display:inline-block;padding:10px 25px;background:transparent;color:var(--link);border:2px solid var(--addition-area);border-radius:25px;cursor:pointer;font-family:'Book Antiqua',serif;font-size:13px;margin-top:10px;margin-left:10px;transition:all .2s ease}
.retry-btn:hover{background:var(--zelenlight)}
.copy-notif{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--link);color:var(--respect);padding:12px 25px;border-radius:25px;font-weight:700;z-index:99999;font-family:Arial,sans-serif;font-size:13px;box-shadow:0 4px 15px rgba(0,0,0,.3);opacity:0;transition:opacity .4s ease}
.copy-notif.show{opacity:1}
.footer{font-size:11px;text-align:center;color:var(--link);margin-top:20px;opacity:.8;font-style:italic}
.type-normal{background:#A8A878}.type-fire{background:#F08030}.type-water{background:#6890F0}
.type-electric{background:#F8D030;color:#333}.type-grass{background:#78C850}
.type-poison{background:#A040A0}.type-ground{background:#E0C068;color:#333}
.type-bug{background:#A8B820}.type-rock{background:#B8A038}
</style>

<div class="forum-window">
<div class="inner-panel">
<div class="role-tabs"><span>Тест на стихию</span></div>

<div class="quiz-intro">Ответь на 12 вопросов и узнай, какая стихия покемонов тебе ближе всего!</div>
<div class="quiz-progress"><div class="quiz-progress-fill" id="progressBar"></div></div>

<div id="quizContainer"></div>
<div class="quiz-result" id="quizResult"></div>

<div class="copy-notif" id="copyNotif"></div>
</div></div>

<script>
var questions = [
    {q:"Какой пейзаж тебя больше всего вдохновляет?",o:["Дремучий лес, полный жизни и тайн","Загадочные болота, скрывающие древние секреты","Величественный вулкан, извергающий огонь","Бескрайний океан, манящий своей глубиной"],t:["grass","poison","fire","water"]},
    {q:"Какое оружие ты бы выбрал в бою?",o:["Хитроумную ловушку — обезвредить врага без боя","Тяжёлый молот — сокрушить преграды одним ударом","Электрическую дубинку — быстро и ослепительно","Каменный щит — непробиваемая защита"],t:["bug","ground","electric","rock"]},
    {q:"Какое время суток тебе ближе?",o:["Рассвет — время надежд и новых начинаний","Полдень — пик силы и ослепительного света","Сумерки — время, когда мир наполняется жужжанием","Ночь — покров тайн и скрытых возможностей"],t:["grass","fire","bug","poison"]},
    {q:"Какой вид отдыха тебе по душе?",o:["Поход в горы — свежий воздух и простор","Уход за редкими растениями в оранжерее","Поиск окаменелостей на раскопках","Огранка драгоценных камней в мастерской"],t:["grass","water","ground","rock"]},
    {q:"Какая погода тебя заряжает энергией?",o:["Гроза — когда небо разрывают молнии","Ослепительное солнце в зените","Тёплый грибной дождь — земля оживает","Порывистый ветер, разносящий семена растений"],t:["electric","fire","water","bug"]},
    {q:"Какую экспедицию ты бы возглавил?",o:["Погружение в подводный грот с кораллами","Спуск в неисследованную пещеру со сталактитами","Изучение древнего храма с ловушками и ядами","Поиск легендарного улья в глубине джунглей"],t:["water","rock","poison","bug"]},
    {q:"Какое природное явление тебя завораживает?",o:["Лавовая река, стекающая в океан","Лесной пожар — страшная, но величественная сила","Разлом земли во время землетрясения","Молния, ударившая в одинокое дерево"],t:["rock","fire","ground","electric"]},
    {q:"Какой цвет тебе ближе всего?",o:["Изумрудный — цвет жизни и обновления","Алый — цвет страсти и решимости","Сапфировый — цвет мудрости и спокойствия","Золотисто-коричневый — цвет земли и достатка"],t:["grass","fire","water","ground"]},
    {q:"Какую суперспособность ты бы выбрал?",o:["Управлять растениями — оживлять леса","Дышать под водой — исследовать затонувшие миры","Вызывать подземные толчки — пробуждать недра","Сверхскорость — быть везде первым"],t:["grass","water","ground","electric"]},
    {q:"Какое фантастическое существо тебе ближе?",o:["Богомол с лезвиями-крыльями, переливающимися как драгоценный камень","Змей с чешуёй, меняющей цвет под настроение — живая радуга","Голем из обсидиана с лавовыми прожилками, светящимися в темноте","Феникс с крыльями из чистого пламени, возрождающийся из пепла"],t:["bug","poison","rock","fire"]},
    {q:"Какой дар природы ты ценишь превыше всего?",o:["Плодородную почву — источник всякой жизни","Чистую родниковую воду — эликсир здоровья","Драгоценные самоцветы из глубин земли","Грозовую энергию — молнию, приручённую человеком"],t:["grass","water","rock","electric"]},
    {q:"Где ты будешь лучше себя чувствовать?",o:["Уютный домик в кроне исполинского дуба","Надёжный бункер глубоко под землёй","Зал с хрустальными стенами в толще скалы","Химическая лаборатория"],t:["bug","ground","rock","poison"]}
];

var typeNames = {
    normal:"Нормальный",fire:"Огонь",water:"Вода",electric:"Электро",
    grass:"Трава",poison:"Яд",ground:"Земля",bug:"Насекомое",rock:"Камень"
};

var typeDescriptions = {
    normal:"Ты уравновешенный и многогранный человек! В тебе сочетается столько разных качеств, что невозможно выделить что-то одно. Твоя сила — в универсальности, гибкости и умении находить общий язык со всеми. Ты — сама гармония.",
    fire:"Ты страстный, энергичный и целеустремлённый! Твой энтузиазм зажигает окружающих, а решительность помогает преодолевать любые преграды. Ты прирождённый лидер, не боишься рисковать и всегда идёшь до конца.",
    water:"Ты спокойный, глубокий и гибкий человек. Умеешь приспосабливаться к любым условиям, но сохраняешь внутреннюю силу. Твоя интуиция и терпение — главные союзники. Ты течёшь по жизни плавно, но уверенно.",
    electric:"Ты быстрый, умный и энергичный! Твои реакции молниеносны, а идеи вспыхивают как искры. Ты заряжаешь всех вокруг позитивом и не можешь усидеть на месте. Твоя скорость мысли и действий поражает.",
    grass:"Ты жизнерадостный, заботливый и терпеливый человек. Любишь природу, рост и развитие во всех смыслах. Ты умеешь ждать и верить в лучшее, поддерживая окружающих. Твоя сила — в умении расти над собой.",
    poison:"Ты хитрый, изобретательный и нестандартно мыслящий человек. Умеешь находить обходные пути и не боишься идти против правил. Твой острый ум и неожиданный подход к задачам — твоё главное оружие.",
    ground:"Ты надёжный, практичный и приземлённый. Стоишь на своём твёрдо, как скала, и на тебя всегда можно положиться. Твоя сила — в стабильности, упорстве и невероятной выносливости.",
    bug:"Ты трудолюбивый, настойчивый и быстро растущий! Ты умеешь адаптироваться и развиваться с невероятной скоростью. Твоя скромность скрывает огромный потенциал, который раскрывается в нужный момент.",
    rock:"Ты стойкий, выносливый и несокрушимый! Никакие трудности не могут тебя сломать. Ты — опора для близких, твоя сила воли достойна восхищения. Ты стоишь на своём, как неприступная крепость."
};

var typeEmojis = {
    normal:"🔄",fire:"🔥",water:"💧",electric:"⚡",
    grass:"🌿",poison:"☠️",ground:"⛏️",bug:"🐛",rock:"🏔️"
};

var typeColors = {
    normal:"#A8A878",fire:"#F08030",water:"#6890F0",electric:"#F8D030",
    grass:"#78C850",poison:"#A040A0",ground:"#E0C068",bug:"#A8B820",rock:"#B8A038"
};

var scores = {};
var currentQ = 0;
var totalQ = questions.length;
var quizContainer = document.getElementById('quizContainer');
var resultDiv = document.getElementById('quizResult');
var progressBar = document.getElementById('progressBar');

function initQuiz() {
    scores = {};
    currentQ = 0;
    resultDiv.style.display = 'none';
    quizContainer.style.display = 'block';
    progressBar.style.width = '0%';
    showQuestion();
}

function showQuestion() {
    if(currentQ >= totalQ) {
        showResult();
        return;
    }
   
    var q = questions[currentQ];
    var html = '<div class="quiz-question"><h3>Вопрос ' + (currentQ+1) + ' из ' + totalQ + '</h3>';
    html += '<p style="margin-bottom:15px;font-weight:600;font-size:14px;color:var(--noblack)">' + q.q + '</p>';
    html += '<div class="quiz-options">';
   
    for(var i=0; i<q.o.length; i++) {
        html += '<button class="quiz-option" onclick="answer(\'' + q.t[i] + '\')">' + q.o[i] + '</button>';
    }
   
    html += '</div></div>';
    quizContainer.innerHTML = html;
}

function answer(type) {
    if(!scores[type]) scores[type] = 0;
    scores[type]++;
    currentQ++;
    progressBar.style.width = (currentQ / totalQ * 100) + '%';
   
    if(currentQ < totalQ) {
        setTimeout(showQuestion, 300);
    } else {
        setTimeout(showResult, 400);
    }
}

function showResult() {
    quizContainer.style.display = 'none';
    resultDiv.style.display = 'block';
    progressBar.style.width = '100%';
   
    var maxScore = 0;
    for(var t in scores) {
        if(scores[t] > maxScore) maxScore = scores[t];
    }
   
    var topTypes = [];
    for(var t in scores) {
        if(scores[t] === maxScore) topTypes.push(t);
    }
   
    var resultName, description, typeClass;
   
    if(topTypes.length >= 4) {
        resultName = "Нормальный";
        description = typeDescriptions.normal;
        typeClass = "type-normal";
    } else {
        resultName = topTypes.map(function(t) { return typeNames[t]; }).join(' / ');
        var mainType = topTypes[0];
        description = typeDescriptions[mainType];
        typeClass = "type-" + mainType;
    }
   
    var html = '<h2>Твой результат</h2>';
    html += '<div>Тебе ближе всего стихия:</div>';
    html += '<div class="result-type ' + typeClass + '">' + resultName + '</div>';
    html += '<div class="result-desc">' + description + '</div>';
    html += '<div style="font-weight:600;margin-top:10px;color:var(--noblack)">Распределение очков:</div>';
    html += '<div class="result-scores">';
   
    var sortedTypes = Object.keys(scores).sort(function(a,b) { return scores[b] - scores[a]; });
    for(var i=0; i<sortedTypes.length; i++) {
        var t = sortedTypes[i];
        html += '<span class="score-item type-' + t + '">' + typeNames[t] + ': ' + scores[t] + '</span>';
    }
    html += '</div>';
   
    html += '<button class="copy-btn" id="copyResultBtn">📋 Скопировать результат</button>';
    html += '<button class="retry-btn" onclick="initQuiz()">🔄 Пройти заново</button>';
   
    resultDiv.innerHTML = html;
   
    document.getElementById('copyResultBtn').addEventListener('click', function() {
        copyResult(resultName);
    });
}

function copyResult(resultName) {
    var mainTypeName = resultName.split(' / ')[0];
    var typeKey = Object.keys(typeNames).find(function(k) { return typeNames[k] === mainTypeName; }) || 'normal';
    var emoji = typeEmojis[typeKey] || '🔄';
    var color = typeColors[typeKey] || '#A8A878';
   
    var sortedTypes = Object.keys(scores).sort(function(a,b) { return scores[b] - scores[a]; });
    var topThree = sortedTypes.slice(0, 3);
   
    var typeBadges = '';
    for(var i=0; i<topThree.length; i++) {
        var t = topThree[i];
        var tEmoji = typeEmojis[t] || '🔄';
        var tColor = typeColors[t] || '#A8A878';
        var tName = typeNames[t];
        typeBadges += '<span style="display:inline-block;background:' + tColor + ';color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;margin:3px;">' + tEmoji + ' ' + tName + ': ' + scores[t] + '</span> ';
    }
   
    var closeTag = '[' + '/html]';
   
    var htmlCode = '[html]<div style="box-sizing:border-box;max-width:650px;margin:20px auto;background:#e3e2de;border:1px solid #aeafa8;border-radius:8px;padding:25px;font-family:\'Book Antiqua\',serif;color:#39423c;font-size:14px;line-height:1.6;">';
    htmlCode += '<div style="display:flex;align-items:flex-start;gap:15px;margin-bottom:15px;">';
    htmlCode += '<div style="width:52px;height:52px;background:#cfcfca;border:1px solid #aeafa8;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;">' + emoji + '</div>';
    htmlCode += '<div>';
    htmlCode += '<p style="margin:0 0 6px 0;font-weight:700;color:#39423c;font-size:15px;text-transform:uppercase;">Результат теста тренера:</p>';
    htmlCode += '<p style="margin:0;font-style:italic;color:#39423c;">Выявлены склонности к следующим стихиям:</p>';
    htmlCode += '</div></div>';
    htmlCode += '<p style="margin:15px 0;text-align:center;font-weight:700;font-size:18px;text-transform:uppercase;color:' + color + ';letter-spacing:1px;">';
    htmlCode += emoji + ' ТИП: ' + resultName.toUpperCase();
    htmlCode += '</p>';
    htmlCode += '<p style="margin:0 0 8px 0;font-size:12px;font-weight:700;color:#39423c;text-align:center;">Распределение стихий:</p>';
    htmlCode += '<p style="margin:0;text-align:center;">' + typeBadges + '</p>';
    htmlCode += '</div>' + closeTag;
   
    if(navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(htmlCode).then(function() {
            showCopyNotification();
        }).catch(function() {
            fallbackCopy(htmlCode);
        });
    } else {
        fallbackCopy(htmlCode);
    }
}

function fallbackCopy(text) {
    var ta = document.createElement('textarea');
    ta.value = text;
    ta.style.position = 'fixed';
    ta.style.top = '0';
    ta.style.left = '0';
    ta.style.opacity = '0';
    document.body.appendChild(ta);
    ta.focus();
    ta.select();
    try {
        document.execCommand('copy');
        showCopyNotification();
    } catch(e) {
        alert('Не удалось скопировать. Код результата в консоли (F12).');
        console.log(text);
    }
    document.body.removeChild(ta);
}

function showCopyNotification() {
    var notif = document.getElementById('copyNotif');
    notif.textContent = '✅ Результат скопирован в буфер обмена!';
    notif.classList.add('show');
    setTimeout(function() { notif.classList.remove('show'); }, 2500);
}

initQuiz();
</script>[/html]