[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:11px;color:var(--text);padding:20px}
*::-webkit-scrollbar{width:4px;height:4px}
*::-webkit-scrollbar-thumb{background-color:var(--scroll);border-radius:10px}
.forum-window{max-width:900px;margin:0 auto;padding:25px}
.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:15px;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)}
.pokedex-wrap{max-height:600px;overflow-y:auto;border:1px solid var(--addition-area);border-radius:5px;margin-top:20px}
.pokedex{width:100%;border-collapse:collapse;background:#e3e2de;font-size:10px}
.pokedex thead{position:sticky;top:0;z-index:10}
.pokedex th{background:var(--link);color:var(--respect);padding:8px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-family:'Book Antiqua',serif;border-bottom:2px solid var(--addition-area-hover);text-align:center;vertical-align:middle}
.pokedex td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--addition-area);vertical-align:middle;color:var(--noblack)}
.pokedex tbody tr{transition:background .2s}
.pokedex tbody tr:hover{background:var(--zelenlight)}
.pokedex .pimg{width:56px;height:56px;image-rendering:auto;background:var(--zelenlight);border-radius:5px;padding:3px;border:1px solid var(--addition-area);object-fit:contain}
.pokedex .pname{font-weight:600;color:var(--noblack);font-family:'Book Antiqua',serif;font-size:12px}
.pokedex .num{color:var(--back);font-size:9px;font-weight:600}
.tbadge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:8px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:1px}
.t-normal{background:#A8A878}.t-fire{background:#F08030}.t-water{background:#6890F0}
.t-electric{background:#F8D030;color:#333}.t-grass{background:#78C850}.t-ice{background:#98D8D8;color:#333}
.t-fighting{background:#C03028}.t-poison{background:#A040A0}.t-ground{background:#E0C068;color:#333}
.t-flying{background:#A890F0}.t-psychic{background:#F85888}.t-bug{background:#A8B820}
.t-rock{background:#B8A038}.t-ghost{background:#705898}.t-dragon{background:#7038F8}
.t-steel{background:#B8B8D0;color:#333}.t-fairy{background:#EE99AC}
.minibar{width:50px;height:6px;background:var(--back);border-radius:10px;display:inline-block;overflow:hidden;vertical-align:middle;border:1px solid var(--addition-area-hover)}
.mfill{height:100%;border-radius:10px}
.hp-fill{background:linear-gradient(90deg,#fc8181,#e53e3e)}
.atk-fill{background:linear-gradient(90deg,#ed8936,#dd6b20)}
.sval{font-size:9px;margin-left:3px;color:var(--noblack);font-weight:600}
.rbadge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:9px;font-weight:600;font-family:Arial,sans-serif}
.r-common{background:#d5d4d1;color:#39423c;border:1px solid #aeafa8}
.r-uncommon{background:#cfcfca;color:#2d3748;border:1px solid #848a87}
.r-rare{background:#b8bbb9;color:#232d24;border:1px solid #676a52}
.r-elite{background:linear-gradient(135deg,#aeafa8,#848a87);color:#fff;border:1px solid #676a52}
.r-legendary{background:linear-gradient(135deg,#F8D030,#F08030);color:#fff;border:1px solid #c03028}
.footer{font-size:11px;text-align:center;color:var(--link);margin-top:20px;opacity:.8;font-style:italic}
</style>

<div class="forum-window">
<div class="inner-panel">
<div class="role-tabs"><span>Покедекс | часть 2</span></div>
<div class="pokedex-wrap">
<table class="pokedex">
<thead><tr><th>№</th><th></th><th>Имя</th><th>Тип</th><th>HP</th><th>Атака</th><th>Редкость</th></tr></thead>
<tbody>
<tr><td class="num">#079</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/79.png" loading="lazy"></td><td class="pname">Слоупок</td><td><span class="tbadge t-water">Вода</span><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:85%"></div></div><span class="sval">90</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:49%"></div></div><span class="sval">65</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#080</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/80.png" loading="lazy"></td><td class="pname">Слоубро</td><td><span class="tbadge t-water">Вода</span><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:90%"></div></div><span class="sval">95</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:57%"></div></div><span class="sval">75</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#081</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/81.png" loading="lazy"></td><td class="pname">Магнемайт</td><td><span class="tbadge t-electric">Электро</span><span class="tbadge t-steel">Сталь</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:24%"></div></div><span class="sval">25</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:26%"></div></div><span class="sval">35</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#082</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/82.png" loading="lazy"></td><td class="pname">Магнетон</td><td><span class="tbadge t-electric">Электро</span><span class="tbadge t-steel">Сталь</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:47%"></div></div><span class="sval">50</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:45%"></div></div><span class="sval">60</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#083</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/83.png" loading="lazy"></td><td class="pname">Фарфетчд</td><td><span class="tbadge t-normal">Нормальный</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:49%"></div></div><span class="sval">52</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:68%"></div></div><span class="sval">90</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#084</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/84.png" loading="lazy"></td><td class="pname">Додуо</td><td><span class="tbadge t-normal">Нормальный</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:33%"></div></div><span class="sval">35</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:64%"></div></div><span class="sval">85</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#085</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/85.png" loading="lazy"></td><td class="pname">Додрио</td><td><span class="tbadge t-normal">Нормальный</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:83%"></div></div><span class="sval">110</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#086</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/86.png" loading="lazy"></td><td class="pname">Сил</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:34%"></div></div><span class="sval">45</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#087</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/87.png" loading="lazy"></td><td class="pname">Дьюгонг</td><td><span class="tbadge t-water">Вода</span><span class="tbadge t-ice">Лёд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:85%"></div></div><span class="sval">90</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:53%"></div></div><span class="sval">70</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#088</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/88.png" loading="lazy"></td><td class="pname">Граймер</td><td><span class="tbadge t-poison">Яд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:75%"></div></div><span class="sval">80</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:60%"></div></div><span class="sval">80</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#089</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/89.png" loading="lazy"></td><td class="pname">Мак</td><td><span class="tbadge t-poison">Яд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">105</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:80%"></div></div><span class="sval">105</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#090</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/90.png" loading="lazy"></td><td class="pname">Шеллдер</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:28%"></div></div><span class="sval">30</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:49%"></div></div><span class="sval">65</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#091</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/91.png" loading="lazy"></td><td class="pname">Клойстер</td><td><span class="tbadge t-water">Вода</span><span class="tbadge t-ice">Лёд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:47%"></div></div><span class="sval">50</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:72%"></div></div><span class="sval">95</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#092</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/92.png" loading="lazy"></td><td class="pname">Гастли</td><td><span class="tbadge t-ghost">Призрак</span><span class="tbadge t-poison">Яд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:28%"></div></div><span class="sval">30</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:26%"></div></div><span class="sval">35</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#093</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/93.png" loading="lazy"></td><td class="pname">Хаунтер</td><td><span class="tbadge t-ghost">Призрак</span><span class="tbadge t-poison">Яд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:43%"></div></div><span class="sval">45</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:38%"></div></div><span class="sval">50</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#094</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/94.png" loading="lazy"></td><td class="pname">Генгар</td><td><span class="tbadge t-ghost">Призрак</span><span class="tbadge t-poison">Яд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:49%"></div></div><span class="sval">65</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#095</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/95.png" loading="lazy"></td><td class="pname">Оникс</td><td><span class="tbadge t-rock">Камень</span><span class="tbadge t-ground">Земля</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:33%"></div></div><span class="sval">35</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:34%"></div></div><span class="sval">45</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#096</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/96.png" loading="lazy"></td><td class="pname">Дроузи</td><td><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:36%"></div></div><span class="sval">48</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#097</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/97.png" loading="lazy"></td><td class="pname">Гипно</td><td><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:80%"></div></div><span class="sval">85</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:55%"></div></div><span class="sval">73</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#098</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/98.png" loading="lazy"></td><td class="pname">Крабби</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:28%"></div></div><span class="sval">30</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:80%"></div></div><span class="sval">105</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#099</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/99.png" loading="lazy"></td><td class="pname">Кинглер</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:52%"></div></div><span class="sval">55</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:98%"></div></div><span class="sval">130</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#100</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/100.png" loading="lazy"></td><td class="pname">Волторб</td><td><span class="tbadge t-electric">Электро</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:38%"></div></div><span class="sval">40</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:23%"></div></div><span class="sval">30</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#101</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/101.png" loading="lazy"></td><td class="pname">Электрод</td><td><span class="tbadge t-electric">Электро</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:38%"></div></div><span class="sval">50</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#102</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/102.png" loading="lazy"></td><td class="pname">Экзеггют</td><td><span class="tbadge t-grass">Трава</span><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:30%"></div></div><span class="sval">40</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#103</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/103.png" loading="lazy"></td><td class="pname">Экзеггутор</td><td><span class="tbadge t-grass">Трава</span><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:90%"></div></div><span class="sval">95</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:72%"></div></div><span class="sval">95</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#104</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/104.png" loading="lazy"></td><td class="pname">Кьюбон</td><td><span class="tbadge t-ground">Земля</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:47%"></div></div><span class="sval">50</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:38%"></div></div><span class="sval">50</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#105</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/105.png" loading="lazy"></td><td class="pname">Маровак</td><td><span class="tbadge t-ground">Земля</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:60%"></div></div><span class="sval">80</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#106</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/106.png" loading="lazy"></td><td class="pname">Хитмонли</td><td><span class="tbadge t-fighting">Боевой</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:47%"></div></div><span class="sval">50</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:91%"></div></div><span class="sval">120</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#107</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/107.png" loading="lazy"></td><td class="pname">Хитмончан</td><td><span class="tbadge t-fighting">Боевой</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:47%"></div></div><span class="sval">50</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:80%"></div></div><span class="sval">105</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#108</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/108.png" loading="lazy"></td><td class="pname">Ликитунг</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:85%"></div></div><span class="sval">90</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:42%"></div></div><span class="sval">55</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#109</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/109.png" loading="lazy"></td><td class="pname">Коффинг</td><td><span class="tbadge t-poison">Яд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:38%"></div></div><span class="sval">40</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:49%"></div></div><span class="sval">65</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#110</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/110.png" loading="lazy"></td><td class="pname">Визинг</td><td><span class="tbadge t-poison">Яд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:68%"></div></div><span class="sval">90</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#111</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/111.png" loading="lazy"></td><td class="pname">Райхорн</td><td><span class="tbadge t-ground">Земля</span><span class="tbadge t-rock">Камень</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:75%"></div></div><span class="sval">80</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:64%"></div></div><span class="sval">85</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#112</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/112.png" loading="lazy"></td><td class="pname">Райдон</td><td><span class="tbadge t-ground">Земля</span><span class="tbadge t-rock">Камень</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">105</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:98%"></div></div><span class="sval">130</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#113</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/113.png" loading="lazy"></td><td class="pname">Ченси</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">250</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:4%"></div></div><span class="sval">5</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#114</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/114.png" loading="lazy"></td><td class="pname">Тангела</td><td><span class="tbadge t-grass">Трава</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:42%"></div></div><span class="sval">55</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#115</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/115.png" loading="lazy"></td><td class="pname">Кангасхан</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">105</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:72%"></div></div><span class="sval">95</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#116</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/116.png" loading="lazy"></td><td class="pname">Хорси</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:28%"></div></div><span class="sval">30</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:30%"></div></div><span class="sval">40</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#117</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/117.png" loading="lazy"></td><td class="pname">Сидра</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:52%"></div></div><span class="sval">55</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:49%"></div></div><span class="sval">65</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#118</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/118.png" loading="lazy"></td><td class="pname">Голдин</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:43%"></div></div><span class="sval">45</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:51%"></div></div><span class="sval">67</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#119</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/119.png" loading="lazy"></td><td class="pname">Сикинг</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:75%"></div></div><span class="sval">80</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:69%"></div></div><span class="sval">92</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#120</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/120.png" loading="lazy"></td><td class="pname">Старью</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:28%"></div></div><span class="sval">30</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:34%"></div></div><span class="sval">45</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#121</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/121.png" loading="lazy"></td><td class="pname">Старми</td><td><span class="tbadge t-water">Вода</span><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:57%"></div></div><span class="sval">75</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#122</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/122.png" loading="lazy"></td><td class="pname">Мистер Майм</td><td><span class="tbadge t-psychic">Психо</span><span class="tbadge t-fairy">Фея</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:38%"></div></div><span class="sval">40</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:34%"></div></div><span class="sval">45</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#123</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/123.png" loading="lazy"></td><td class="pname">Скайтер</td><td><span class="tbadge t-bug">Насекомое</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:66%"></div></div><span class="sval">70</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:83%"></div></div><span class="sval">110</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#124</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/124.png" loading="lazy"></td><td class="pname">Джинкс</td><td><span class="tbadge t-ice">Лёд</span><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:38%"></div></div><span class="sval">50</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#125</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/125.png" loading="lazy"></td><td class="pname">Электабазз</td><td><span class="tbadge t-electric">Электро</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:63%"></div></div><span class="sval">83</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#126</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/126.png" loading="lazy"></td><td class="pname">Магмар</td><td><span class="tbadge t-fire">Огонь</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:72%"></div></div><span class="sval">95</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#127</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/127.png" loading="lazy"></td><td class="pname">Пинсир</td><td><span class="tbadge t-bug">Насекомое</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:94%"></div></div><span class="sval">125</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#128</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/128.png" loading="lazy"></td><td class="pname">Таурос</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:71%"></div></div><span class="sval">75</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:76%"></div></div><span class="sval">100</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#129</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/129.png" loading="lazy"></td><td class="pname">Маджикарп</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:19%"></div></div><span class="sval">20</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:8%"></div></div><span class="sval">10</span></td><td><span class="rbadge r-common">Обычный</span></td></tr>
<tr><td class="num">#130</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/130.png" loading="lazy"></td><td class="pname">Гьярадос</td><td><span class="tbadge t-water">Вода</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:90%"></div></div><span class="sval">95</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:94%"></div></div><span class="sval">125</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#131</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/131.png" loading="lazy"></td><td class="pname">Лапрас</td><td><span class="tbadge t-water">Вода</span><span class="tbadge t-ice">Лёд</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">130</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:64%"></div></div><span class="sval">85</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#132</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/132.png" loading="lazy"></td><td class="pname">Дитто</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:46%"></div></div><span class="sval">48</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:36%"></div></div><span class="sval">48</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#133</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/133.png" loading="lazy"></td><td class="pname">Иви</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:52%"></div></div><span class="sval">55</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:42%"></div></div><span class="sval">55</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#134</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/134.png" loading="lazy"></td><td class="pname">Вапореон</td><td><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">130</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:49%"></div></div><span class="sval">65</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#135</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/135.png" loading="lazy"></td><td class="pname">Джолтеон</td><td><span class="tbadge t-electric">Электро</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:49%"></div></div><span class="sval">65</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#136</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/136.png" loading="lazy"></td><td class="pname">Флареон</td><td><span class="tbadge t-fire">Огонь</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:98%"></div></div><span class="sval">130</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#137</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/137.png" loading="lazy"></td><td class="pname">Поригон</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:61%"></div></div><span class="sval">65</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:45%"></div></div><span class="sval">60</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#138</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/138.png" loading="lazy"></td><td class="pname">Оманайт</td><td><span class="tbadge t-rock">Камень</span><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:33%"></div></div><span class="sval">35</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:30%"></div></div><span class="sval">40</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#139</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/139.png" loading="lazy"></td><td class="pname">Омастар</td><td><span class="tbadge t-rock">Камень</span><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:66%"></div></div><span class="sval">70</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:45%"></div></div><span class="sval">60</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#140</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/140.png" loading="lazy"></td><td class="pname">Кабуто</td><td><span class="tbadge t-rock">Камень</span><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:28%"></div></div><span class="sval">30</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:60%"></div></div><span class="sval">80</span></td><td><span class="rbadge r-uncommon">Необычный</span></td></tr>
<tr><td class="num">#141</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/141.png" loading="lazy"></td><td class="pname">Кабутопс</td><td><span class="tbadge t-rock">Камень</span><span class="tbadge t-water">Вода</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:57%"></div></div><span class="sval">60</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:87%"></div></div><span class="sval">115</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#142</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/142.png" loading="lazy"></td><td class="pname">Аэродактиль</td><td><span class="tbadge t-rock">Камень</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:75%"></div></div><span class="sval">80</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:80%"></div></div><span class="sval">105</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#143</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/143.png" loading="lazy"></td><td class="pname">Снорлакс</td><td><span class="tbadge t-normal">Нормальный</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">160</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:83%"></div></div><span class="sval">110</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#144</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/144.png" loading="lazy"></td><td class="pname">Артикуно</td><td><span class="tbadge t-ice">Лёд</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:85%"></div></div><span class="sval">90</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:64%"></div></div><span class="sval">85</span></td><td><span class="rbadge r-legendary">Легендарный</span></td></tr>
<tr><td class="num">#145</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/145.png" loading="lazy"></td><td class="pname">Запдос</td><td><span class="tbadge t-electric">Электро</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:85%"></div></div><span class="sval">90</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:68%"></div></div><span class="sval">90</span></td><td><span class="rbadge r-legendary">Легендарный</span></td></tr>
<tr><td class="num">#146</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/146.png" loading="lazy"></td><td class="pname">Молтрес</td><td><span class="tbadge t-fire">Огонь</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:85%"></div></div><span class="sval">90</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:76%"></div></div><span class="sval">100</span></td><td><span class="rbadge r-legendary">Легендарный</span></td></tr>
<tr><td class="num">#147</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/147.png" loading="lazy"></td><td class="pname">Дратини</td><td><span class="tbadge t-dragon">Дракон</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:39%"></div></div><span class="sval">41</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:48%"></div></div><span class="sval">64</span></td><td><span class="rbadge r-rare">Редкий</span></td></tr>
<tr><td class="num">#148</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/148.png" loading="lazy"></td><td class="pname">Драгонэйр</td><td><span class="tbadge t-dragon">Дракон</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:58%"></div></div><span class="sval">61</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:63%"></div></div><span class="sval">84</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#149</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/149.png" loading="lazy"></td><td class="pname">Драгонайт</td><td><span class="tbadge t-dragon">Дракон</span><span class="tbadge t-flying">Летающий</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:87%"></div></div><span class="sval">91</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:100%"></div></div><span class="sval">134</span></td><td><span class="rbadge r-elite">Элитный</span></td></tr>
<tr><td class="num">#150</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/150.png" loading="lazy"></td><td class="pname">Мьюту</td><td><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:100%"></div></div><span class="sval">106</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:83%"></div></div><span class="sval">110</span></td><td><span class="rbadge r-legendary">Легендарный</span></td></tr>
<tr><td class="num">#151</td><td><img class="pimg" src="https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/151.png" loading="lazy"></td><td class="pname">Мью</td><td><span class="tbadge t-psychic">Психо</span></td><td><div class="minibar"><div class="mfill hp-fill" style="width:94%"></div></div><span class="sval">100</span></td><td><div class="minibar"><div class="mfill atk-fill" style="width:76%"></div></div><span class="sval">100</span></td><td><span class="rbadge r-legendary">Легендарный</span></td></tr>
</tbody></table></div>
</div></div>

[/html]

[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-ice{background:#98D8D8;color:#333}
.type-fighting{background:#C03028}.type-poison{background:#A040A0}.type-ground{background:#E0C068;color:#333}
.type-flying{background:#A890F0}.type-psychic{background:#F85888}.type-bug{background:#A8B820}
.type-rock{background:#B8A038}.type-ghost{background:#705898}.type-dragon{background:#7038F8}
.type-steel{background:#B8B8D0;color:#333}.type-fairy{background:#EE99AC}
</style>

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

<div class="quiz-intro">Ответь на 15 вопросов и узнай, какая стихия покемонов тебе ближе всего!</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>
const questions = [
    {q:"Какой пейзаж тебя больше всего вдохновляет?",o:["Дремучий лес, полный жизни","Жаркая пустыня с палящим солнцем","Бескрайний океанский простор","Заснеженные горные вершины"],t:["grass","fire","water","ice"]},
    {q:"Какое оружие ты бы выбрал в бою?",o:["Лук и стрелы — точность и ловкость","Огромный меч — грубая сила","Магический посох — сила разума","Кинжал и яд — хитрость и скрытность"],t:["flying","fighting","psychic","poison"]},
    {q:"Какое время суток тебе ближе?",o:["Рассвет — начало нового дня","Полдень — время максимальной энергии","Ночь — время тайн и загадок","Сумерки — переход между мирами"],t:["normal","fire","ghost","psychic"]},
    {q:"Что для тебя важнее всего?",o:["Справедливость и честь","Свобода и независимость","Знания и мудрость","Преданность и дружба"],t:["fighting","flying","psychic","fairy"]},
    {q:"Какой стиль боя тебе ближе?",o:["Молниеносные атаки и скорость","Мощные удары, сокрушающие всё","Защита и выносливость — меня не сломать","Неожиданные тактики и ловушки"],t:["electric","fighting","rock","bug"]},
    {q:"Какое животное тебе нравится больше?",o:["Дракон — мифический и величественный","Змея — скользящая и опасная","Птица — парящая в небе","Лиса — хитрая и умная"],t:["dragon","poison","flying","fire"]},
    {q:"Как ты проводишь свободное время?",o:["Читаю книги, изучаю новое","Тренируюсь, совершенствую тело","Гуляю на природе, дышу воздухом","Мечтаю, фантазирую, творю"],t:["psychic","fighting","grass","fairy"]},
    {q:"Какая погода тебе по душе?",o:["Гроза — мощь молний и раскаты грома","Солнечный ясный день","Морозный зимний день со снегом","Тёплый летний дождь"],t:["electric","fire","ice","water"]},
    {q:"Что бы ты стал исследовать в первую очередь?",o:["Подводные глубины океана","Древние пещеры и подземелья","Заброшенные дома с привидениями","Неизведанные земли с дикой природой"],t:["water","rock","ghost","ground"]},
    {q:"Какая роль в команде тебе подходит?",o:["Лидер — веду за собой и вдохновляю","Защитник — прикрываю спину союзников","Стратег — продумываю каждый шаг","Диверсант — наношу удар из тени"],t:["dragon","steel","psychic","ghost"]},
    {q:"Какая стихия природы впечатляет тебя сильнее?",o:["Извержение вулкана — ярость земли","Ураган — неукротимый ветер","Цунами — мощь океана","Землетрясение — сила под ногами"],t:["fire","flying","water","ground"]},
    {q:"Какой цвет тебе ближе?",o:["Зелёный — цвет жизни и роста","Красный — цвет страсти и энергии","Синий — цвет спокойствия и глубины","Фиолетовый — цвет магии и тайны"],t:["grass","fire","water","psychic"]},
    {q:"Какую суперспособность ты бы выбрал?",o:["Невидимость — скрытность и тень","Полёт — свобода в небе","Сверхсила — никто не устоит","Телепатия — чтение мыслей"],t:["ghost","flying","fighting","psychic"]},
    {q:"С кем бы ты хотел подружиться?",o:["С феей — лёгкой и волшебной","С роботом — точным и надёжным","С драконом — мудрым и сильным","С ниндзя — быстрым и незаметным"],t:["fairy","steel","dragon","bug"]},
    {q:"Какой дар природы ты ценишь больше?",o:["Плодородная почва, дающая урожай","Огонь, дающий тепло и свет","Вода — источник жизни","Минералы и кристаллы из недр земли"],t:["grass","fire","water","rock"]}
];

const typeNames = {
    normal:"Нормальный",fire:"Огонь",water:"Вода",electric:"Электро",
    grass:"Трава",ice:"Лёд",fighting:"Боевой",poison:"Яд",
    ground:"Земля",flying:"Летающий",psychic:"Психо",bug:"Насекомое",
    rock:"Камень",ghost:"Призрак",dragon:"Дракон",steel:"Сталь",
    fairy:"Фея"
};

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

let scores = {};
let currentQ = 0;
let totalQ = questions.length;
let quizContainer = document.getElementById('quizContainer');
let resultDiv = document.getElementById('quizResult');
let 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;
    }
   
    let q = questions[currentQ];
    let 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(let 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%';
   
    let maxScore = 0;
    for(let t in scores) {
        if(scores[t] > maxScore) maxScore = scores[t];
    }
   
    let topTypes = [];
    for(let t in scores) {
        if(scores[t] === maxScore) topTypes.push(t);
    }
   
    let resultName = topTypes.map(t => typeNames[t] || t).join(' / ');
    let mainType = topTypes[0];
    let description = typeDescriptions[mainType] || "Ты уникален! В тебе сочетаются разные качества.";
    let typeClass = 'type-' + mainType;
   
    let 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">';
   
    let sortedTypes = Object.keys(scores).sort((a,b) => scores[b] - scores[a]);
    for(let t of sortedTypes) {
        html += '<span class="score-item type-' + t + '">' + (typeNames[t] || 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);
    }
}
</script>[/html]
[hideprofile]

[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 вопросов и узнай, какая стихия покемонов тебе ближе всего!</small></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:#d5d4d1;border:3px solid #676a52;border-radius:8px;padding:25px;font-family:\'Book Antiqua\',\'Courier New\',serif;color:#39423c;font-size:14px;line-height:1.6;">';
    htmlCode += '<div style="display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed #aeafa8;padding-bottom:10px;margin-bottom:18px;font-size:12px;font-weight:700;color:#676a52;letter-spacing:1px;">';
    htmlCode += '<span>РЕЗУЛЬТАТ ТЕСТИРОВАНИЯ</span>';
    htmlCode += '</div>';
    htmlCode += '<div style="display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;">';
    htmlCode += '<div style="width:52px;height:52px;background:#cfcfca;border:3px solid #676a52;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:18px 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 += '<div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0;">';
    htmlCode += '<div style="flex-grow:1;height:2px;background:repeating-linear-gradient(90deg,#676a52,#676a52 4px,transparent 4px,transparent 8px);"></div>';
    htmlCode += '<div style="width:8px;height:8px;background:#676a52;transform:rotate(45deg);"></div>';
    htmlCode += '<div style="flex-grow:1;height:2px;background:repeating-linear-gradient(90deg,#676a52,#676a52 4px,transparent 4px,transparent 8px);"></div>';
    htmlCode += '</div>';
    htmlCode += '<p style="margin:0 0 10px 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]

[html]<div style="box-sizing:border-box;max-width:650px;margin:20px auto;background:#d5d4d1;border:3px solid #676a52;border-radius:8px;padding:25px;font-family:'Book Antiqua','Courier New',serif;color:#39423c;font-size:14px;line-height:1.6;"><div style="display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed #aeafa8;padding-bottom:10px;margin-bottom:18px;font-size:12px;font-weight:700;color:#676a52;letter-spacing:1px;"><span>📡 РЕЗУЛЬТАТ ТЕСТИРОВАНИЯ</span></div><div style="display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;"><div style="width:52px;height:52px;background:#cfcfca;border:3px solid #676a52;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;">☠️</div><div><p style="margin:0 0 6px 0;font-weight:700;color:#39423c;font-size:15px;text-transform:uppercase;">Результат теста тренера:</p><p style="margin:0;font-style:italic;color:#39423c;">Анализ склонностей завершён. Выявлен резонанс со следующей стихией:</p></div></div><p style="margin:18px 0;text-align:center;font-weight:700;font-size:18px;text-transform:uppercase;color:#A040A0;letter-spacing:1px;">☠️ ТИП: ЯД</p><div style="display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0;"><div style="flex-grow:1;height:2px;background:repeating-linear-gradient(90deg,#676a52,#676a52 4px,transparent 4px,transparent 8px);"></div><div style="width:8px;height:8px;background:#676a52;transform:rotate(45deg);"></div><div style="flex-grow:1;height:2px;background:repeating-linear-gradient(90deg,#676a52,#676a52 4px,transparent 4px,transparent 8px);"></div></div><p style="margin:0 0 10px 0;font-size:12px;font-weight:700;color:#39423c;text-align:center;">Распределение стихий:</p><p style="margin:0;text-align:center;"><span style="display:inline-block;background:#A040A0;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;margin:3px;">☠️ Яд: 3</span> <span style="display:inline-block;background:#B8A038;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;margin:3px;">💎 Камень: 2</span> <span style="display:inline-block;background:#78C850;color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;margin:3px;">🌿 Трава: 2</span> </p></div>[/html]