Pokemon. Test.

�� [#1]

mybb@mybb.ru (Echo) — Wed, 20 Aug 2025 21:16:18 +0300

�� (�):

�� , �� , �� ...

�� - ��. �� , � �� . � �� , � �� . � �� , �� -�� , �� 3 �� , � �� , �� .

�� (�):

�� , � �� , �� -�� , � �� , �� .

� �� ) �� ) � �� , ��

�� (�):

� - �� , �� - �� -�� ... �� . �� "��" �� .

� ��
��, �� , �� = ��, �� /��/�� , ��
�� ?

�� (�):

�� - � �� ? �� 3-5 �� . �� , � � �� , �� .

� �� , �� -�� , �� , ��
�� , �� -�� , � � ��, �� . ��, �� , �� , �� "�� ", �� .

�� (�):

�� , �� , �� : � �� , �� , �� - � �� , ��-�� "��")))))

��, �� ?

Pokéreddit

mybb@mybb.ru (Echo) — Tue, 19 Aug 2025 11:28:37 +0300

�� , �� .

PokéSnap

mybb@mybb.ru (Echo) — Tue, 19 Aug 2025 11:17:51 +0300

�� , �� .

NPC

mybb@mybb.ru (Echo) — Mon, 18 Aug 2025 01:02:45 +0300

[hideprofile][html]

<input class="sr-radio" type="radio" name="pc1" id="pc1-s1" checked>
<input class="sr-radio" type="radio" name="pc1" id="pc1-s2">
<input class="sr-radio" type="radio" name="pc1" id="pc1-s3">
<input class="sr-radio" type="radio" name="pc1" id="pc1-s4">

<div class="text-row">
<div class="col left">
<label class="nav for-s1" for="pc1-s4" title="prev">◀</label>
<label class="nav for-s2" for="pc1-s1" title="prev">◀</label>
<label class="nav for-s3" for="pc1-s2" title="prev">◀</label>
<label class="nav for-s4" for="pc1-s3" title="prev">◀</label>
</div>
<div class="col center">
<div class="slides">
<div class="slide s1"><p>12-�� . �� , �� . �� . �� , �� , � �� .</p></div>
<div class="slide s2"><p>�� . �� 100 �� : ��(10��.), ��(10��.), ��(12��.), ��(11��.). �� 300 ��: ��(19��.), ��(17��.), ��(20��.). �� .</p></div>
<div class="slide s3"><p>�� . �� . ��, �� . �� . �� , �� . �� , �� ? ��, �� .</p></div>
<div class="slide s4">��:<br><br>
<img src="https://upforme.ru/uploads/001c/73/c0/2/892903.png" alt="11"><img src="https://upforme.ru/uploads/001c/73/c0/2/850037.png" alt="12">
<br><img src="https://upforme.ru/uploads/001c/73/c0/2/995720.png" alt="14"><br><br>
</div>
</div>
</div>
<div class="col right">
<label class="nav for-s1" for="pc1-s2" title="next">▶</label>
<label class="nav for-s2" for="pc1-s3" title="next">▶</label>
<label class="nav for-s3" for="pc1-s4" title="next">▶</label>
<label class="nav for-s4" for="pc1-s1" title="next">▶</label>
</div>
</div>
</div>
</div>

<div class="card" data-id="pc2">
<div class="card-header">
<h4>��</h4>
<p class="sub">��</p>
</div>

<div class="card" data-id="pc3">
<div class="card-header">
<h4>��</h4>
<p class="sub">�� </p>
</div>

<div class="card" data-id="pc4">
<div class="card-header">
<h4>��</h4>
<p class="sub">�� </p>
</div>

</div>

.banner{
position:relative;
width: 740px;
margin: 0px auto 20px;
padding:22px 20px 10px;
border-radius:var(--radius);
color:var(--c-white);
box-shadow:var(--shadow);
border:2px solid var(--c-teal);
background:linear-gradient(135deg,var(--c-teal) 0%,var(--c-teal-mid) 60%,var(--c-teal-dark) 100%);
}

.banner::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
border-radius:inherit;
background:linear-gradient(-18deg,transparent 0 72%,rgba(255,255,255,.08) 72% 74%,transparent 74%);
}

.banner .title{
margin:0 0 10px;
font-size:24px;
font-family:var(--bold-font);
text-transform:uppercase;
letter-spacing:.03em;
}

.banner .desc{
margin:0;
font-size:14px;
line-height:1.55;
}

/* ===== �� 3 � �� ===== */
.cards{
display:flex;
flex-wrap:wrap;
gap:16px;
justify-content:center;
}

/* ===== �� ===== */
.card{
width:180px;
background:#fff;
border:2px solid var(--accent);
border-radius:10px;
overflow:hidden;
position:relative;
box-shadow:0 4px 12px rgba(0,0,0,.2);
font-family:system-ui, Arial, sans-serif;
}

.card-header{
padding:6px 8px 4px;
background:#f7f7f7;
border-bottom:1px solid var(--accent);
text-align:center;
}
.card-header h4{
margin:0; font-size:16px; color:var(--dark-text); line-height:1.1;
font-family:var(--main-font); letter-spacing:.4px;
}
.card-header .sub{
margin:2px 0 0; font-size:12px; color:var(--dark-accent); font-weight:600;text-align:center;
}

.card-image{
width:100%; /* �� .card */
height:auto;
display:flex; align-items:center; justify-content:center;
background:linear-gradient(0deg,#efefef,#e7e7e7);
}
.card-image img{ max-width:100%; height:auto; object-fit:contain; display:block; }

.card-text{
position:relative;
padding:20px 10px;
border-top:1px solid var(--accent);
text-align:center;
}

/* ===== �� ===== */
.diamond{
width:28px; height:28px;
transform:translate(-50%,-50%) rotate(45deg);
position:absolute; left:50%; top:0;
background:linear-gradient(145deg,#FCD0B1,#F8954F);
border:3px solid rgba(255,255,255,.9);
box-shadow:0 3px 10px rgba(0,0,0,.15);
border-radius:6px; display:grid; place-items:center;
z-index:5;
}
.diamond > span{ transform:rotate(-45deg); font-size:12px; font-weight:700; color:#222; }

/* ===== �� radio �� ===== */
.sr-radio{
position:absolute !important;
width:1px; height:1px;
margin:-1px; padding:0; border:0;
clip:rect(0 0 0 0); clip-path:inset(50%);
overflow:hidden;
pointer-events:none;
}

/* ===== �� 1/3/1 ===== */
.text-row{ display:flex; align-items:stretch; gap:0px; width: 220px;
transform: translateX(-30px);overflow:auto; z-index:999999; }

.text-row .col{ display:flex; align-items:center; justify-content:center; }
.text-row .left{ flex:1; }
.text-row .center{flex:3; }
.text-row .right{ flex:1; }

/* ===== �� ===== */
.slides{
width:100%;
max-height:106px; /* �� */
overflow-y:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none; /* Firefox: �� */
word-break:break-word; /* �� */
}
.slides::-webkit-scrollbar{ width:0; height:0; } /* WebKit: �� */

/* ===== �� ===== */
.slide{ display:none; }
.slide p{ margin:0; font-size:12px; color:#2a2a2a; line-height:1.25; }
.slide img{ max-width:100%; height:auto; display:block; }
.slide.s4 img {
display: inline-block;
margin-right: 6px;
vertical-align: middle;
}

/* ===== �� ===== */
.nav{
width:24px; height:24px;
display:none; /* �� ; �� */
justify-content:center; align-items:center;
border-radius:50%;
background:var(--accent); color:#fff;
border:1px solid var(--accent);
cursor:pointer; user-select:none; font-size:12px;
}
.nav:hover{ filter:brightness(1.06); }

/* ===== �� data-id ===== */
/* pc1 */
.card[data-id="pc1"] #pc1-s1:checked ~ .text-row .slides .s1{ display:block; }
.card[data-id="pc1"] #pc1-s2:checked ~ .text-row .slides .s2{ display:block; }
.card[data-id="pc1"] #pc1-s3:checked ~ .text-row .slides .s3{ display:block; }
.card[data-id="pc1"] #pc1-s4:checked ~ .text-row .slides .s4{ display:block; }
.card[data-id="pc1"] #pc1-s1:checked ~ .text-row .left .for-s1,
.card[data-id="pc1"] #pc1-s1:checked ~ .text-row .right .for-s1{ display:flex; }
.card[data-id="pc1"] #pc1-s2:checked ~ .text-row .left .for-s2,
.card[data-id="pc1"] #pc1-s2:checked ~ .text-row .right .for-s2{ display:flex; }
.card[data-id="pc1"] #pc1-s3:checked ~ .text-row .left .for-s3,
.card[data-id="pc1"] #pc1-s3:checked ~ .text-row .right .for-s3{ display:flex; }
.card[data-id="pc1"] #pc1-s4:checked ~ .text-row .left .for-s4,
.card[data-id="pc1"] #pc1-s4:checked ~ .text-row .right .for-s4{ display:flex; }

/* pc2 */
.card[data-id="pc2"] #pc2-s1:checked ~ .text-row .slides .s1{ display:block; }
.card[data-id="pc2"] #pc2-s2:checked ~ .text-row .slides .s2{ display:block; }
.card[data-id="pc2"] #pc2-s3:checked ~ .text-row .slides .s3{ display:block; }
.card[data-id="pc2"] #pc2-s4:checked ~ .text-row .slides .s4{ display:block; }
.card[data-id="pc2"] #pc2-s1:checked ~ .text-row .left .for-s1,
.card[data-id="pc2"] #pc2-s1:checked ~ .text-row .right .for-s1{ display:flex; }
.card[data-id="pc2"] #pc2-s2:checked ~ .text-row .left .for-s2,
.card[data-id="pc2"] #pc2-s2:checked ~ .text-row .right .for-s2{ display:flex; }
.card[data-id="pc2"] #pc2-s3:checked ~ .text-row .left .for-s3,
.card[data-id="pc2"] #pc2-s3:checked ~ .text-row .right .for-s3{ display:flex; }
.card[data-id="pc2"] #pc2-s4:checked ~ .text-row .left .for-s4,
.card[data-id="pc2"] #pc2-s4:checked ~ .text-row .right .for-s4{ display:flex; }

/* pc3 */
.card[data-id="pc3"] #pc3-s1:checked ~ .text-row .slides .s1{ display:block; }
.card[data-id="pc3"] #pc3-s2:checked ~ .text-row .slides .s2{ display:block; }
.card[data-id="pc3"] #pc3-s3:checked ~ .text-row .slides .s3{ display:block; }
.card[data-id="pc3"] #pc3-s4:checked ~ .text-row .slides .s4{ display:block; }
.card[data-id="pc3"] #pc3-s1:checked ~ .text-row .left .for-s1,
.card[data-id="pc3"] #pc3-s1:checked ~ .text-row .right .for-s1{ display:flex; }
.card[data-id="pc3"] #pc3-s2:checked ~ .text-row .left .for-s2,
.card[data-id="pc3"] #pc3-s2:checked ~ .text-row .right .for-s2{ display:flex; }
.card[data-id="pc3"] #pc3-s3:checked ~ .text-row .left .for-s3,
.card[data-id="pc3"] #pc3-s3:checked ~ .text-row .right .for-s3{ display:flex; }
.card[data-id="pc3"] #pc3-s4:checked ~ .text-row .left .for-s4,
.card[data-id="pc3"] #pc3-s4:checked ~ .text-row .right .for-s4{ display:flex; }

/* pc4 */
.card[data-id="pc4"] #pc4-s1:checked ~ .text-row .slides .s1{ display:block; }
.card[data-id="pc4"] #pc4-s2:checked ~ .text-row .slides .s2{ display:block; }
.card[data-id="pc4"] #pc4-s3:checked ~ .text-row .slides .s3{ display:block; }
.card[data-id="pc4"] #pc4-s4:checked ~ .text-row .slides .s4{ display:block; }
.card[data-id="pc4"] #pc4-s1:checked ~ .text-row .left .for-s1,
.card[data-id="pc4"] #pc4-s1:checked ~ .text-row .right .for-s1{ display:flex; }
.card[data-id="pc4"] #pc4-s2:checked ~ .text-row .left .for-s2,
.card[data-id="pc4"] #pc4-s2:checked ~ .text-row .right .for-s2{ display:flex; }
.card[data-id="pc4"] #pc4-s3:checked ~ .text-row .left .for-s3,
.card[data-id="pc4"] #pc4-s3:checked ~ .text-row .right .for-s3{ display:flex; }
.card[data-id="pc4"] #pc4-s4:checked ~ .text-row .left .for-s4,
.card[data-id="pc4"] #pc4-s4:checked ~ .text-row .right .for-s4{ display:flex; }
</style]
[/html]

��

mybb@mybb.ru (Echo) — Thu, 14 Aug 2025 08:49:54 +0300

�� ?
�� ?
�� -�� .

��

mybb@mybb.ru (Echo) — Thu, 14 Aug 2025 01:03:28 +0300

�� .

FAQ

mybb@mybb.ru (Echo) — Wed, 13 Aug 2025 22:51:21 +0300

� �� , �� . �� , �� .

1. �� ?

��, �� . �� . �� , � � �� .

��

mybb@mybb.ru (Echo) — Wed, 13 Aug 2025 22:25:37 +0300

[hideprofile]
[html]
<style>
:root{
--c-bg:#F9B98B;
--c-teal:#F5843D;
--c-teal-mid:#F67E28;
--c-teal-dark:#e6684d;
--c-white:#fff;
--c-text:#702e22;
--shadow:0 6px 16px rgba(0,0,0,.15);
--radius:14px;
--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}

.rank-wrapper{
font-family:var(--main-font);
color:var(--c-text);
background:var(--c-bg);
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--shadow);
}

.rank-banner{
position:relative;
padding:22px 20px 28px;
background:linear-gradient(135deg,var(--c-teal) 0%,var(--c-teal-mid) 60%,var(--c-teal-dark) 100%);
color:var(--c-white);
}
.rank-banner::before,
.rank-banner::after{
content:"";
position:absolute; inset:0; pointer-events:none;
}
.rank-banner::before{
background:
linear-gradient(-18deg,transparent 0 72%,rgba(255,255,255,.08) 72% 74%,transparent 74%);
}

.banner-chip{
display:inline-flex; align-items:center; gap:10px;
background:var(--c-white);
color:#ad3f2b;
font-weight:800; letter-spacing:.03em; text-transform:uppercase;
padding:2px 16px;
margin-left: 12px;
position:relative;
box-shadow:var(--shadow);
}
.banner-chip::before,
.banner-chip::after{
content:"";
position:absolute; top:0; bottom:0; width:18px;
background:var(--c-white);
}
.banner-chip::before{ left:-10px; transform:skewX(-22deg); box-shadow:-6px 0 12px rgba(0,0,0,.08); }
.banner-chip::after{ right:-10px; transform:skewX(-22deg); box-shadow:6px 0 12px rgba(0,0,0,.08); }

.banner-sub{
margin-top:10px;
opacity:.95; font-weight:600;
}

.rankinfo2{
display:flex; gap:16px; padding:16px;
background:var(--c-bg);
}
.rankdesc{
flex:3; display:flex; background:var(--c-white);
border-radius:var(--radius); box-shadow:var(--shadow); padding:18px;
}
.titlelist{
flex:2; display:flex; background:var(--c-white);
border-radius:var(--radius); box-shadow:var(--shadow); padding:18px;
}
.rankdesc{ flex-direction:column; gap:10px; }
.rankdesc h4{ margin:0 0 6px; font-size:18px; text-transform:uppercase; letter-spacing:.05em; color:#813E37; }
.rankdesc p{ margin:0 0 10px; line-height:1.55; }

.titlelist{ flex-direction:column; gap:8px; }

.titlecell{
display:flex; align-items:center; justify-content:space-between;
padding:10px 12px; border-radius:12px; background:#F8F4F1; border:1px solid var(--c-white);
font-weight:700; color:#A42B13;
}
.rank-name{ flex:1;text-align: center; }

.diamond{
width:28px; height:28px; transform:rotate(45deg);
background:linear-gradient(145deg,#FCD0B1,#F8954F);
border:3px solid rgba(255,255,255,.9);
box-shadow:0 3px 10px rgba(0,0,0,.15);
border-radius:6px;
display:grid; place-items:center;
flex:0 0 auto;
}
.diamond > span{
transform:rotate(-45deg);
font-size:13px; font-weight:900; color:#FFFFFF;
}
</style>

<div class="titlelist">
<div class="titlecell">
<span class="rank-name">�� </span>
<div class="diamond"><span>100</span></div>
</div>
<div class="titlecell">
<span class="rank-name">�� </span>
<div class="diamond"><span>70</span></div>
</div>
<div class="titlecell">
<span class="rank-name">�� </span>
<div class="diamond"><span>50</span></div>
</div>
<div class="titlecell">
<span class="rank-name">�� </span>
<div class="diamond"><span>30</span></div>
</div>
<div class="titlecell">
<span class="rank-name">�� </span>
<div class="diamond"><span>20</span></div>
</div>
<div class="titlecell">
<span class="rank-name">�� </span>
<div class="diamond"><span>10</span></div>
</div>
<div class="titlecell">
<span class="rank-name">��</span>
<div class="diamond"><span>5</span></div>
</div>
</div>
</div>
</div>
[/html]

��

mybb@mybb.ru (Echo) — Wed, 13 Aug 2025 21:34:58 +0300

[hideprofile]��

�� [#1]

mybb@mybb.ru (Echo) — Fri, 08 Aug 2025 01:28:33 +0300

�� , �� . �� .
��, �� .

Pokemon. Test.

�������� ���� � ����� [#1]

Pokéreddit

PokéSnap

NPC

���� ���� ������

���������� �������������

FAQ

������� �������� � �������

������ �����

�������� [#1]

�� [#1]

��

��

��

��

�� [#1]