Realatorum Paradox

��

mybb@mybb.ru (Paradox) — Wed, 30 Sep 2026 09:08:22 +0300

��

mybb@mybb.ru (Paradox) — Fri, 04 Sep 2026 07:06:26 +0300

[html]

<style>

/* ==========================================
TWILIGHT / ��
========================================== */

/* �� */

#twilight-switch {
position: absolute;
left: -9999px;
}

/* ==========================================
��
========================================== */

.twilight-button {
display: block;

width: 190px;
margin: 18px auto;
padding: 11px 20px;

box-sizing: border-box;

border: 1px solid #aaa4c4;

background:
linear-gradient(
to bottom,
#262331,
#100f17
);

color: #eeeaf5;

font-family: Georgia, "Times New Roman", serif;
font-size: 11px;

letter-spacing: 4px;
text-align: center;
text-transform: uppercase;

cursor: pointer;

box-shadow:
inset 0 0 10px rgba(220,215,255,0.10),
0 0 6px rgba(200,190,255,0.18);

transition: 0.4s ease;
}

.twilight-button:hover {
color: #ffffff;

border-color: #ded9ed;

box-shadow:
inset 0 0 15px rgba(255,255,255,0.12),
0 0 12px rgba(220,210,255,0.45);
}

#twilight-switch:checked + .twilight-button {

color: #ffffff;

border-color: #eeeaff;

text-shadow:
0 0 5px #ffffff,
0 0 10px #dcd4ff;

box-shadow:
0 0 8px rgba(255,255,255,0.75),
0 0 18px rgba(215,205,255,0.55),
inset 0 0 15px rgba(255,255,255,0.10);
}

/* ==========================================
��
========================================== */

#twilight-music {
display: none;
}

/* ==========================================
��
========================================== */

.twilight-layer {

position: fixed;

left: 0;
top: 0;

width: 100vw;
height: 100vh;

margin: 0;
padding: 0;

pointer-events: none;
overflow: hidden;

z-index: 999990;

opacity: 0;
visibility: hidden;

background:

radial-gradient(
circle at 25% 30%,
rgba(235,235,255,0.035),
transparent 35%
),

radial-gradient(
circle at 70% 65%,
rgba(220,210,255,0.030),
transparent 40%
);

transition:
opacity 1.2s ease,
visibility 1.2s ease;
}

/* �� */

#twilight-switch:checked
~ .twilight-layer {

opacity: 1;
visibility: visible;
}

/* ==========================================
�˨��
========================================== */

.twilight-spark {

position: absolute;

width: 5px;
height: 5px;

background: #ffffff;

border-radius: 50%;

opacity: 0;

box-shadow:
0 0 4px #ffffff,
0 0 9px rgba(225,220,255,0.65),
0 0 14px rgba(205,195,255,0.25);

animation-name: twilight-sparkle;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

.twilight-spark.star {

width: auto;
height: auto;

background: none;

border-radius: 0;

color: rgba(255,255,255,0.92);

font-size: 13px;
line-height: 1;

box-shadow: none;

text-shadow:
0 0 4px #ffffff,
0 0 9px rgba(220,215,255,0.60),
0 0 14px rgba(205,195,255,0.28);
}

/* ==========================================
��
========================================== */

.twilight-spark.slow {
animation-duration: 13s;
}

.twilight-spark.medium {
animation-duration: 10.5s;
}

.twilight-spark.fast {
animation-duration: 8.5s;
}

/* ==========================================
��
========================================== */

.s1 { left: 5%; top: 17%; animation-delay: -2s; }
.s2 { left: 11%; top: 44%; animation-delay: -7s; }
.s3 { left: 16%; top: 74%; animation-delay: -4s; }
.s4 { left: 22%; top: 24%; animation-delay: -9s; }
.s5 { left: 27%; top: 58%; animation-delay: -1s; }

.s6 { left: 32%; top: 84%; animation-delay: -6s; }
.s7 { left: 37%; top: 12%; animation-delay: -3s; }
.s8 { left: 42%; top: 39%; animation-delay: -8s; }
.s9 { left: 46%; top: 68%; animation-delay: -5s; }
.s10 { left: 51%; top: 22%; animation-delay: -10s; }

.s11 { left: 55%; top: 52%; animation-delay: -2.5s; }
.s12 { left: 59%; top: 81%; animation-delay: -7.5s; }
.s13 { left: 63%; top: 31%; animation-delay: -4.5s; }
.s14 { left: 67%; top: 63%; animation-delay: -9.5s; }
.s15 { left: 71%; top: 10%; animation-delay: -1.5s; }

.s16 { left: 75%; top: 45%; animation-delay: -6.5s; }
.s17 { left: 79%; top: 76%; animation-delay: -3.5s; }
.s18 { left: 83%; top: 27%; animation-delay: -8.5s; }
.s19 { left: 87%; top: 57%; animation-delay: -5.5s; }
.s20 { left: 92%; top: 16%; animation-delay: -10.5s; }

.s21 { left: 8%; top: 88%; animation-delay: -3.2s; }
.s22 { left: 19%; top: 8%; animation-delay: -7.8s; }
.s23 { left: 29%; top: 36%; animation-delay: -5.2s; }
.s24 { left: 39%; top: 71%; animation-delay: -9.2s; }
.s25 { left: 49%; top: 91%; animation-delay: -2.2s; }

.s26 { left: 61%; top: 16%; animation-delay: -6.2s; }
.s27 { left: 69%; top: 88%; animation-delay: -4.2s; }
.s28 { left: 77%; top: 55%; animation-delay: -8.2s; }
.s29 { left: 86%; top: 91%; animation-delay: -1.2s; }
.s30 { left: 96%; top: 39%; animation-delay: -7.2s; }

/* ==========================================
��
========================================== */

@keyframes twilight-sparkle {

0% {
opacity: 0;
transform: scale(0.55);
}

15% {
opacity: 0.10;
transform: scale(0.65);
}

30% {
opacity: 0.30;
transform: scale(0.80);
}

45% {
opacity: 0.60;
transform: scale(0.98);
}

55% {
opacity: 0.82;
transform: scale(1.12);
}

65% {
opacity: 0.62;
transform: scale(1.02);
}

80% {
opacity: 0.28;
transform: scale(0.82);
}

92% {
opacity: 0.08;
transform: scale(0.65);
}

100% {
opacity: 0;
transform: scale(0.55);
}

}

</style>

<!-- ========================================
��
�� :
�� + ��

�� :
�� + ��
======================================== -->

</div>

[/html]

��

mybb@mybb.ru (Paradox) — Sat, 29 Aug 2026 21:45:29 +0300

[html]
<div style="
max-width: 520px;
margin: 10px 0;
padding: 14px;
background: #bfc4bc;
border: 1px solid #9ea8a0;
border-radius: 12px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.35);
font-family: Georgia, 'Times New Roman', serif;
color: #4f5b54;
">

</div>
[/html]

�� [00] ��

mybb@mybb.ru (Paradox) — Sat, 11 Jul 2026 18:01:36 +0300

https://forumstatic.ru/files/001c/1f/11/64762.mp3 - ��
https://forumstatic.ru/files/001c/1f/11/35832.mp3 - �� 50%
https://forumstatic.ru/files/001c/1f/11/96950.mp3 - �� 70%
https://forumstatic.ru/files/001c/1f/11/85781.mp3 - �� 90% (�� )

��

mybb@mybb.ru (Paradox) — Thu, 04 Dec 2025 15:37:37 +0300

2025 ��

[html]
<div class="erebus-chronicle-container">


<style>
/* �� */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap');

.erebus-chronicle-container {
background-color: #120e16;
color: #e0d7eb;
font-family: 'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;
/* �� , �� P */
padding: 40px;
max-width: 950px;
margin: 0 auto;
border: 1px solid #4a3f5e;
box-shadow: 0 0 25px rgba(0,0,0,0.9);
border-radius: 4px;
}

/* !��: �� */
.erebus-chronicle-container p {
font-size: 20px !important; /* Force size */
line-height: 1.6 !important;
margin-bottom: 20px;
}

/* �� */
.erebus-chronicle-container h3 {
font-family: 'Cinzel', 'Georgia', serif;
color: #b39ddb;
border-bottom: 1px solid #5e4b75;
padding-bottom: 15px;
margin-top: 50px;
margin-bottom: 25px;
font-weight: normal;
font-size: 26px !important;
letter-spacing: 2px;
text-transform: uppercase;
}

/* �� */
.erebus-chronicle-container strong {
color: #fff;
font-weight: bold;
text-shadow: 0 0 8px rgba(179, 157, 219, 0.3);
}

/* �� (��) */
.erebus-chronicle-container p.thought {
font-style: italic;
color: #c5bce0;
margin-left: 20px;
border-left: 3px solid #5e4b75;
padding-left: 20px;
background: rgba(94, 75, 117, 0.1); /* �� */
padding-top: 10px;
padding-bottom: 10px;
}

/* �� */
.erebus-chronicle-container p.corruption {
font-style: italic;
color: #a5d6a7;
margin-left: 20px;
border-left: 3px solid #2e7d32;
padding-left: 20px;
background: rgba(46, 125, 50, 0.1);
padding-top: 10px;
padding-bottom: 10px;
}

/* �� */
.erebus-chronicle-container .polaroid {
background-color: #1a1520;
padding: 15px;
border: 1px solid #3a2f4b;
margin: 40px 0;
text-align: center;
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

.erebus-chronicle-container img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
opacity: 0.95;
border-radius: 2px;
}

.erebus-chronicle-container .caption {
font-size: 16px !important; /* ��, �� */
color: #9575cd;
margin-top: 15px;
font-style: italic;
font-family: 'Courier New', monospace;
}

/* �� */
.erebus-chronicle-container .letter-box {
background-color: #18141d;
border: 1px solid #5e35b1;
padding: 40px;
margin-top: 60px;
box-shadow: inset 0 0 60px rgba(0,0,0,0.6);
}

.erebus-chronicle-container .letter-header {
font-family: 'Courier New', monospace;
color: #9575cd;
border-bottom: 1px dashed #4a3f5e;
padding-bottom: 15px;
margin-bottom: 30px;
font-size: 16px !important;
line-height: 1.4;
}

/* �� */
.erebus-chronicle-container .signature-container {
margin-top: 50px;
text-align: right;
width: 100%;
}

.erebus-chronicle-container .signature-content {
display: inline-block;
text-align: center;
}

.erebus-chronicle-container .signature-text {
font-family: 'Cinzel', 'Georgia', serif;
font-size: 22px !important;
color: #d1c4e9;
margin-bottom: 10px;
display: block;
}

.erebus-chronicle-container .seal-img {
width: 160px;
opacity: 0.95;
transform: rotate(-5deg);
}

/* �� */
.erebus-chronicle-container .disclaimer {
font-size: 14px !important;
color: #6a5a7a;
text-align: center;
margin-bottom: 30px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: monospace;
}

/* �� */
.erebus-audio-player {
text-align: center;
margin-bottom: 40px;
padding: 10px;
border-bottom: 1px solid #3a2f4b;
}

/* �� */
@media (max-width: 600px) {
.erebus-chronicle-container { padding: 15px; }
.erebus-chronicle-container p { font-size: 18px !important; }
.erebus-chronicle-container .signature-container { text-align: center; }
}
</style>


<div class="erebus-audio-player">
<audio controls style="width: 100%; max-width: 400px; border-radius: 20px; background: #f1f3f4;">
<source src="https://forumstatic.ru/files/001c/1f/11/86390.mp3" type="audio/mpeg">
�� .
</audio>
</div>


<div class="disclaimer">
/// �� . �� № 2024-End. <br>
* �� . *
</div>


<div class="polaroid">
<img src="https://upforme.ru/uploads/001c/1f/11/2/940624.jpg" alt="��">
<div class="caption">"�� . �� : 140%."</div>
</div>

<p>�� , �� , �� . � ��, �� , �� , �� , �� . �� , �� , � �� , � �� , �� .</p>

<p>��, �� , �� , �� . Ÿ �� , �� -�� .</p>

<p>�� . �� , �� . �� , �� . ��... �� , �� . � �� . �� , � �� , �� : �� , �� .</p>

<p class="thought">��. �� , � �� , �� . �� , �� , �� . ��, � �� .�</p>

<p>�� , �� , �� , �� , �� . �� , �� , �� <strong>��</strong>�.</p>


<div class="polaroid">
<img src="https://upforme.ru/uploads/001c/1f/11/2/11644.jpg" alt="��">
<div class="caption">"�� . ��.: �� , �� ."</div>
</div>

<p>��, � �� , �� . �� . �� , � �� , �� , �� . �� : �� , �� . �� , �� , �� , �� .</p>

<p>�� . �� , ��: �� . � ��. � �� .</p>

<p class="thought">�� . �� , �� , �� . � �� .�</p>

<p>�� , �� . �� , �� . �� , �� . � �� . �� .</p>


<p>�� . �� , �� , �� , �� .</p>

<p>�� , �� . �� , �� . �� : �� , �� , �� .</p>

<div class="polaroid">
<img src="https://upforme.ru/uploads/001c/1f/11/2/303899.jpg" alt="��">
<div class="caption">"�� . �� : ��."</div>
</div>

<p>�� , �� . ��, � �� , �� . �� . �� , �� , �� , �� .</p>

<p>�� . � �� , �� . � �� . �� . �� , �� , � ��, �� .</p>

<p>�� . �� , �� , �� .</p>

<p>��. ��, �� -�� "�� " � "�� ". �� . � �� , � ��, �� .</p>

<p><strong>� �� ,</strong> � �� , �� . <strong>� �� , �� .</strong></p>

<p>�� . �� , �� , � �� . �� , �� . �� .</p>

<p class="thought">�� , �� . �� , �� . �� . � �� .�</p>

<p>��, �� , �� . �� -�� "��" ��.</p>


<p>�� , �� , �� . �� , �� , �� .</p>

<p>�� . ��, �� , �� , �� , �� . � �� , �� . �� , �� , � ��, � �� , �� .</p>

<div class="polaroid">
<img src="https://upforme.ru/uploads/001c/1f/11/2/713303.jpg" alt="��">
<div class="caption">"�� . ��: ��-��."</div>
</div>

<p>�� , �� , �� .</p>

<p class="thought">�� . �� , �� , �� . �� .�</p>

<p>�� . �� . ��, �� , �� : ��, �� . �� , �� . � �� , �� .</p>

<p>�� -��. �� . �� , �� , ��, � �� . �� , �� . ��, �� , �� , �� .</p>

<p class="thought">�� , �� . � �... � �� .�</p>

<p>�� , �� . �� . �� , � �� . �� . �� , �� , �� , �� .</p>

<p>� �� , �� , �� , �� . �� .</p>

<p>�� , �� , �� , �� , �� . �� . �� . �� , �� .</p>


<p>�� . �� , �� . �� , � �� , �� .</p>

<p class="thought">�� . �� .�</p>

<p>�� . �� , � �� . �� , ��, �� .</p>

<div class="polaroid">
<img src="https://upforme.ru/uploads/001c/1f/11/2/997436.jpg" alt="��">
<div class="caption">"�� ? �� ."</div>
</div>

<p>�� . ��, �� . �� , �� , �� .</p>

<p>�� , �� .</p>

<p>�� . �� , �� , �� . ��, �� . �� , �� : �� , � ��, �� , �� .</p>

<p>�� . �� , � �� .<br>
� �� , � �� , �� , �� . � �� , �� .<br>
� �� , � �� . � �� , �� ?</p>

<p>�� . �� . �� , �� , � �� <em>��</em>. �� . �� , �� .</p>

<p class="thought">�� . �� . �� , �� , �� . � �� , �� , �� .�</p>

<p>�� , �� . �� . �� .</p>


<p>�� , �� , � �� . ��, �� , �� . �� , �� , �� .</p>

<p>�� , �� , �� .</p>

<p>�� . �� : �� , �� . ��, �� , �� . �� . �� .</p>

<div class="polaroid">
<img src="https://upforme.ru/uploads/001c/1f/11/2/735978.jpg" alt="��">
<div class="caption">"�� , �� . �� ."</div>
</div>

<p>�� . �� , �� , �� , �� .</p>

<p class="thought">�� . �� 98%. �� : �� . �� .�</p>

<p>�� . �� . �� , ��, �� -�� , �� . �� .</p>

<p>�� , �� , �� -�� . �� , �� , �� . � �� , �� , �� .</p>

<p><strong>� �� ,</strong> � �� , <strong>� �� . �� .</strong></p>

<p>��, � �� , �� . �� . �� . �� . �� .</p>


<p>�� , �� . �� . �� , �� , �� . ��, �� -�� . �� , ��, �� , � �� .</p>

<p>�� , �� .</p>

<p>�� . �� . �� , �� . ��, ��, �� , ��.</p>

<p class="corruption">�� , �� ? �� , �� ? ��...�</p>

<p>�� . �� , �� .</p>

<p class="corruption">�� ... �� ... �� ... �� , �� ? ��. �� . � �� . � �� , �� . � �� , �� , �� "�� ". �� ?�</p>

<div class="polaroid">
<img src="https://upforme.ru/uploads/001c/1f/11/2/312242.jpg" alt="��">
<div class="caption">"�� . �� ."</div>
</div>

<p>�� . �� , �� . ��, �� , �� . �� , �� , �� . �� .</p>

<p class="corruption">�� , ��. � � � �� . �� .�</p>

<p>�� . �� . �� -��. � �� .</p>

<p><strong>� �� ,</strong> � �� , �� . <strong>� �� . �� , �� . ��...</strong></p>

<p>�� , �� .</p>

<p><strong>� ...�� . �� . � �� , �� .</strong></p>


<div class="letter-box">
<div class="letter-header">
��: �� / �� <br>
�� : �� , �� <br>
��: ��
</div>

<h3>�� </h3>

<p>�� . � �� , �� , �� , �� . �� , �� . �� .</p>

<p>� �� , �� , �� . �� , �� . � �� .</p>

<p>� �� <strong>��</strong>.</p>

<p>�� . �� . �� , �� . �� , �� .</p>

<p>�� , � �� . �� . �� , �� .</p>

<p>�� .</p>


<div class="signature-container">
<div class="signature-content">
<span class="signature-text">�� ,<br>�� </span>
<img src="https://upforme.ru/uploads/001c/1f/11/2/535441.png" alt="��" class="seal-img">
</div>
</div>
</div>

</div>
[/html]

��

mybb@mybb.ru (Paradox) — Sun, 22 Jun 2025 01:52:51 +0300

��

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>�� - �� !</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
overflow: hidden; /* Prevent scrollbar due to pseudo-elements */
}

.bleach-sudoku-container {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
/* �� : ��-��, �� */
background: #3c3c3c; /* ��-�� */
color: #e0e0e0; /* �� */
padding: 20px;
box-sizing: border-box;
position: relative;
overflow: hidden;
}

.bleach-sudoku-container::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* �� */
background-image: none; /* �� */
pointer-events: none;
}

.bleach-sudoku-title {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 2.8rem;
font-weight: 700;
/* �� : �� */
color: #ffd700; /* �� */
text-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 0 0 20px rgba(255, 215, 0, 0.3);
margin-bottom: 15px;
letter-spacing: 3px;
z-index: 10;
position: relative;
text-align: center;
}

.bleach-sudoku-subtitle {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 1rem;
/* �� -�� */
color: rgba(255, 255, 255, 0.8);
margin-bottom: 25px;
text-align: center;
letter-spacing: 1px;
z-index: 10;
position: relative;
}

.bleach-sudoku-board {
all: initial;
display: grid;
grid-template-columns: repeat(9, 52px);
grid-template-rows: repeat(9, 52px);
gap: 1px;
/* �� */
background: #4a4a4a; /* ��-�� */
border: 6px solid #4a4a4a; /* �� */
box-shadow:
0 0 20px rgba(0, 0, 0, 0.5),
inset 0 0 15px rgba(0, 0, 0, 0.6);
z-index: 10;
position: relative;
margin-bottom: 25px;
}

.bleach-sudoku-cell {
all: initial;
width: 52px;
height: 52px;
/* �� : ��, "��" */
background: #2b2b2b; /* �� -�� */
border: 1px solid rgba(100, 100, 100, 0.4); /* �� */
display: flex;
align-items: center;
justify-content: center;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 1.6rem;
font-weight: 400;
color: #e0e0e0; /* �� */
cursor: pointer;
transition: all 0.3s ease;
box-sizing: border-box;
position: relative;
}

.bleach-sudoku-cell:hover {
/* �� */
background: #404040; /* ��-�� */
box-shadow: 0 0 8px rgba(100, 100, 100, 0.6);
}

.bleach-sudoku-cell.bleach-given {
/* �� : �� */
background: #353535; /* �� */
color: #ffd700; /* �� -�� */
text-shadow: 0 0 5px rgba(255, 215, 0, 0.4);
cursor: default;
}

.bleach-sudoku-cell.bleach-selected {
/* �� : �� */
background: rgba(178, 34, 34, 0.4); /* ��-�� */
box-shadow: 0 0 15px rgba(178, 34, 34, 0.8);
border: 2px solid #b22222; /* �� */
}

.bleach-sudoku-cell.bleach-error {
/* ��: �� , �� "��" */
background: rgba(139, 0, 0, 0.6); /* ��-�� */
animation: bleach-error-pulse 0.6s ease-in-out;
}

.bleach-sudoku-cell.bleach-hint {
/* ��: ��, �� */
background: rgba(34, 139, 34, 0.5); /* �� */
animation: bleach-hint-glow 1s ease-in-out;
}

.bleach-sudoku-cell.bleach-highlight-row,
.bleach-sudoku-cell.bleach-highlight-col,
.bleach-sudoku-cell.bleach-highlight-box {
/* ��: �� */
background: rgba(70, 70, 70, 0.3);
}

.bleach-sudoku-cell.bleach-highlight-duplicate {
/* ��: ��, �� */
background: rgba(184, 134, 11, 0.5); /* �� -�� */
box-shadow: 0 0 8px rgba(184, 134, 11, 0.6);
}

/* �� 3x3 �� */
.bleach-sudoku-cell:nth-child(3n):not(:nth-child(9n)) {
border-right: 3px solid #4a4a4a;
}

.bleach-sudoku-cell:nth-child(n+19):nth-child(-n+27),
.bleach-sudoku-cell:nth-child(n+46):nth-child(-n+54) {
border-bottom: 3px solid #4a4a4a;
}

@keyframes bleach-error-pulse {
0%, 100% { transform: scale(1); box-shadow: 0 0 10px rgba(139, 0, 0, 0.8); }
50% { transform: scale(1.08); box-shadow: 0 0 20px rgba(139, 0, 0, 1); }
}

@keyframes bleach-hint-glow {
0%, 100% { box-shadow: 0 0 8px rgba(34, 139, 34, 0.6); }
50% { box-shadow: 0 0 20px rgba(34, 139, 34, 1); }
}

.bleach-sudoku-controls {
all: initial;
display: flex;
gap: 15px;
margin-bottom: 20px;
z-index: 10;
position: relative;
flex-wrap: wrap;
justify-content: center;
}

.bleach-sudoku-btn {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
/* ��: ��, � �� */
background: linear-gradient(45deg, #8b0000, #b22222); /* �� -�� */
color: #e0e0e0;
border: none;
padding: 12px 24px;
border-radius: 5px; /* �� */
cursor: pointer;
font-size: 0.95rem;
font-weight: 400;
transition: all 0.3s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
letter-spacing: 0.5px;
}

.bleach-sudoku-btn:hover:not(:disabled) {
transform: translateY(-2px); /* �� */
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
background: linear-gradient(45deg, #b22222, #cd5c5c);
}

.bleach-sudoku-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
background: linear-gradient(45deg, #505050, #707070); /* �� */
}

.bleach-sudoku-info {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
display: flex;
justify-content: space-between;
align-items: center;
width: 500px;
max-width: 90vw;
color: rgba(255, 255, 255, 0.9);
z-index: 10;
position: relative;
margin-bottom: 15px;
}

.bleach-sudoku-timer, .bleach-sudoku-hint-timer {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 1.3rem;
/* �� : �� -�� */
color: #ffd700;
font-weight: 400;
text-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
}

.bleach-sudoku-controls-info {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
text-align: center;
color: rgba(255, 255, 255, 0.7);
font-size: 0.9rem;
z-index: 10;
position: relative;
line-height: 1.4;
}

.bleach-victory {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* �� : ��, � �� */
background: rgba(43, 43, 43, 0.95);
color: #e0e0e0;
padding: 50px;
border-radius: 10px; /* �� */
text-align: center;
border: 4px solid #b22222; /* �� */
box-shadow: 0 0 40px rgba(178, 34, 34, 0.7);
z-index: 100;
display: none;
}

.bleach-victory h2 {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 2.2rem;
color: #ffd700; /* �� */
margin-bottom: 20px;
text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);
font-weight: 300;
letter-spacing: 2px;
}

.bleach-victory p {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 10px;
font-size: 1.1rem;
line-height: 1.5;
}

.bleach-copyright {
all: initial;
font-family: 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 0.8rem;
color: rgba(255, 255, 255, 0.5);
margin-top: 20px;
z-index: 10;
position: relative;
}
</style>
</head>
<body>
<div class="bleach-sudoku-container">
<h1 class="bleach-sudoku-title">�� - �� !</h1>
<div class="bleach-sudoku-subtitle">�� !</div>

<div class="bleach-sudoku-info">
<div>�� : <span class="bleach-sudoku-timer" id="bleachTimer">00:00</span></div>
<div>�� : <span class="bleach-sudoku-hint-timer" id="bleachHintTimer">��</span></div>
</div>

<div class="bleach-sudoku-board" id="bleachSudokuBoard"></div>

<div class="bleach-sudoku-controls">
<button class="bleach-sudoku-btn" onclick="bleachNewGame()">�� !</button>
<button class="bleach-sudoku-btn" id="bleachHintBtn" onclick="bleachGetHint()">��</button>
<button class="bleach-sudoku-btn" onclick="bleachSolve()">�� </button>
<button class="bleach-sudoku-btn" onclick="bleachClear()">�� </button>
</div>

<div class="bleach-sudoku-controls-info">
�� 1-9<br>
0 �� Delete �� • ��
</div>

<div class="bleach-victory" id="bleachVictory">
<h2>�� !</h2>
<p>�� ! �� !</p>
<p>�� : <span id="bleachFinalTimer"></span></p>
<button class="bleach-sudoku-btn" onclick="bleachNewGame(); document.getElementById('bleachVictory').style.display='none';">�� </button>
</div>
<div class="bleach-copyright">�� Zero_Chan �� 2025</div>
</div>

<script>
(function() {
let bleachSudokuGrid = [];
let bleachSolution = [];
let bleachSelectedCell = null;
let bleachStartTime = Date.now();
let bleachTimerInterval = null;
let bleachHintCooldown = 0;
let bleachHintInterval = null;
let bleachOriginalPuzzle = [];

const bleachBoard = document.getElementById('bleachSudokuBoard');
const bleachTimerElement = document.getElementById('bleachTimer');
const bleachHintTimerElement = document.getElementById('bleachHintTimer');
const bleachHintBtn = document.getElementById('bleachHintBtn');
const bleachVictoryElement = document.getElementById('bleachVictory');

function bleachInitGrid() {
bleachSudokuGrid = Array(9).fill().map(() => Array(9).fill(0));
bleachSolution = Array(9).fill().map(() => Array(9).fill(0));
bleachOriginalPuzzle = Array(9).fill().map(() => Array(9).fill(0));
}

function bleachIsValid(grid, row, col, num) {
// Check row
for (let x = 0; x < 9; x++) {
if (grid[row][x] === num) return false;
}

// Check column
for (let x = 0; x < 9; x++) {
if (grid[x][col] === num) return false;
}

// Check 3x3 box
const boxRow = Math.floor(row / 3) * 3;
const boxCol = Math.floor(col / 3) * 3;
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
if (grid[boxRow + i][boxCol + j] === num) return false;
}
}

return true;
}

function bleachSolveSudoku(grid) {
for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
if (grid[row][col] === 0) {
for (let num = 1; num <= 9; num++) {
if (bleachIsValid(grid, row, col, num)) {
grid[row][col] = num;
if (bleachSolveSudoku(grid)) {
return true;
}
grid[row][col] = 0;
}
}
return false;
}
}
}
return true;
}

function bleachGeneratePuzzle() {
bleachInitGrid();

// Fill diagonal 3x3 boxes first
for (let box = 0; box < 9; box += 3) {
const nums = [1,2,3,4,5,6,7,8,9];
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
const randomIndex = Math.floor(Math.random() * nums.length);
bleachSolution[box + i][box + j] = nums[randomIndex];
nums.splice(randomIndex, 1);
}
}
}

// Solve the rest
bleachSolveSudoku(bleachSolution);

// Create puzzle by removing numbers
for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
bleachSudokuGrid[row][col] = bleachSolution[row][col];
bleachOriginalPuzzle[row][col] = bleachSolution[row][col];
}
}

// Remove 40-50 numbers for medium difficulty
const cellsToRemove = 45;
let removed = 0;
while (removed < cellsToRemove) {
const row = Math.floor(Math.random() * 9);
const col = Math.floor(Math.random() * 9);
if (bleachSudokuGrid[row][col] !== 0) {
bleachSudokuGrid[row][col] = 0;
bleachOriginalPuzzle[row][col] = 0;
removed++;
}
}
}

function bleachHighlightRelated(selectedRow, selectedCol) {
const cells = bleachBoard.children;

// Clear previous highlights
for (let cell of cells) {
cell.classList.remove('bleach-highlight-row', 'bleach-highlight-col', 'bleach-highlight-box', 'bleach-highlight-duplicate');
}

if (selectedRow === -1 || selectedCol === -1) return;

const selectedValue = bleachSudokuGrid[selectedRow][selectedCol];

for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
const index = row * 9 + col;
const cell = cells[index];

// Highlight row
if (row === selectedRow) {
cell.classList.add('bleach-highlight-row');
}

// Highlight column
if (col === selectedCol) {
cell.classList.add('bleach-highlight-col');
}

// Highlight 3x3 box
const boxRow = Math.floor(selectedRow / 3);
const boxCol = Math.floor(selectedCol / 3);
const cellBoxRow = Math.floor(row / 3);
const cellBoxCol = Math.floor(col / 3);

if (boxRow === cellBoxRow && boxCol === cellBoxCol) {
cell.classList.add('bleach-highlight-box');
}

// Highlight duplicates
if (selectedValue !== 0 && bleachSudokuGrid[row][col] === selectedValue && !(row === selectedRow && col === selectedCol)) {
cell.classList.add('bleach-highlight-duplicate');
}
}
}
}

function bleachRenderBoard() {
bleachBoard.innerHTML = '';
for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
const cell = document.createElement('div');
cell.className = 'bleach-sudoku-cell';
cell.textContent = bleachSudokuGrid[row][col] || '';

if (bleachOriginalPuzzle[row][col] !== 0) {
cell.classList.add('bleach-given');
}

cell.addEventListener('click', () => {
if (bleachSelectedCell) {
bleachSelectedCell.classList.remove('bleach-selected');
}
bleachSelectedCell = cell;
cell.classList.add('bleach-selected');
bleachSelectedCell.dataset.row = row;
bleachSelectedCell.dataset.col = col;

bleachHighlightRelated(row, col);
});

bleachBoard.appendChild(cell);
}
}
}

function bleachUpdateTimer() {
const elapsed = Math.floor((Date.now() - bleachStartTime) / 1000);
const minutes = Math.floor(elapsed / 60).toString().padStart(2, '0');
const seconds = (elapsed % 60).toString().padStart(2, '0');
bleachTimerElement.textContent = `${minutes}:${seconds}`;
}

function bleachUpdateHintTimer() {
if (bleachHintCooldown > 0) {
bleachHintCooldown--;
bleachHintTimerElement.textContent = `${bleachHintCooldown}�`;
bleachHintBtn.disabled = true;
} else {
bleachHintTimerElement.textContent = '��';
bleachHintBtn.disabled = false;
}
}

function bleachCheckWin() {
for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
if (bleachSudokuGrid[row][col] !== bleachSolution[row][col]) {
return false;
}
}
}

clearInterval(bleachTimerInterval);
clearInterval(bleachHintInterval);
document.getElementById('bleachFinalTimer').textContent = bleachTimerElement.textContent;
bleachVictoryElement.style.display = 'block';
return true;
}

function bleachHandleKeyPress(e) {
if (!bleachSelectedCell) return;

const row = parseInt(bleachSelectedCell.dataset.row);
const col = parseInt(bleachSelectedCell.dataset.col);

// Don't modify given numbers
if (bleachOriginalPuzzle[row][col] !== 0) {
return;
}

const key = e.key;

if (key >= '1' && key <= '9') {
const num = parseInt(key);
if (bleachIsValid(bleachSudokuGrid, row, col, num)) {
bleachSudokuGrid[row][col] = num;
bleachSelectedCell.textContent = num;
bleachSelectedCell.classList.remove('bleach-error');
bleachHighlightRelated(row, col);
bleachCheckWin();
} else {
bleachSelectedCell.classList.add('bleach-error');
setTimeout(() => {
bleachSelectedCell.classList.remove('bleach-error');
}, 600);
}
} else if (key === '0' || key === 'Delete' || key === 'Backspace') {
bleachSudokuGrid[row][col] = 0;
bleachSelectedCell.textContent = '';
bleachSelectedCell.classList.remove('bleach-error');
bleachHighlightRelated(row, col);
}
}

window.bleachNewGame = function() {
bleachGeneratePuzzle();
bleachRenderBoard();
bleachStartTime = Date.now();
bleachHintCooldown = 0;

clearInterval(bleachTimerInterval);
clearInterval(bleachHintInterval);

bleachTimerInterval = setInterval(bleachUpdateTimer, 1000);
bleachHintInterval = setInterval(bleachUpdateHintTimer, 1000);

bleachSelectedCell = null;
bleachHighlightRelated(-1, -1);
bleachUpdateHintTimer();
bleachVictoryElement.style.display = 'none'; // Hide victory message on new game
};

window.bleachGetHint = function() {
if (bleachHintCooldown > 0) return;

// Find empty cells
const emptyCells = [];
for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
if (bleachSudokuGrid[row][col] === 0) {
emptyCells.push({row, col});
}
}
}

if (emptyCells.length === 0) return;

// Pick random empty cell and fill it
const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
const {row, col} = randomCell;

bleachSudokuGrid[row][col] = bleachSolution[row][col];

// Update display
const cellIndex = row * 9 + col;
const cellElement = bleachBoard.children[cellIndex];
cellElement.textContent = bleachSolution[row][col];
cellElement.classList.add('bleach-hint');

setTimeout(() => {
cellElement.classList.remove('bleach-hint');
}, 1000);

// Start cooldown
bleachHintCooldown = 60;
bleachUpdateHintTimer();

bleachCheckWin();
};

window.bleachSolve = function() {
for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
bleachSudokuGrid[row][col] = bleachSolution[row][col];
}
}
bleachRenderBoard();
bleachCheckWin();
};

window.bleachClear = function() {
for (let row = 0; row < 9; row++) {
for (let col = 0; col < 9; col++) {
if (bleachOriginalPuzzle[row][col] === 0) {
bleachSudokuGrid[row][col] = 0;
}
}
}
bleachRenderBoard();
if (bleachSelectedCell) {
const row = parseInt(bleachSelectedCell.dataset.row);
const col = parseInt(bleachSelectedCell.dataset.col);
bleachHighlightRelated(row, col);
}
};

document.addEventListener('keydown', bleachHandleKeyPress);

// Initialize game
bleachNewGame();
})();
</script>
</body>
</html>[/html]

Realatorum Paradox

������

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

������

���� [00] �� ������� �����

����������

�����������

��

��

��

�� [00] ��

��

��