/* استيراد خط */
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400&display=swap");
/* تعريف وجه الخط */
@font-face{font-family:"Jackeyfont";src:url("https://kronikally.online/jackeyfont.woff");}
/* تطبيق الخط */
[class~=J]{font-family:"Jackeyfont";}
/* تعريف وجه خط آخر */
@font-face{font-family:"UVGA";src:url("https://kronikally.online/UVGA16.woff");}
/* تطبيق الخط الثاني */
[class~=UVGA]{font-family:"UVGA"};
/* تعريف الألوان الأساسية */
:root{--screenblack:#111;}
/* تعريف الألوان الفاتحة */
:root{--offwhite:#f3f3f3;}
/* تحديد موقع الصورة اللزجة */
[class~=sticky-image]{position:absolute;top:0;left:0;width:333px;height:auto;display:block;opacity:40%;}
/* التوجيه النصي لجميع العناصر */
*,*::before,*::after{text-align:center;}
/* تعيين الوضع النسبي للمحتوى */
[class~=wrapper]{position:relative;height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
/* تطبيق الحدود والأنماط */
border-left-width:3pt;border-bottom-width:3pt;border-right-width:3pt;border-top-width:3pt;border-style:solid;border-color:#221e17;border-image:none;
/* تعريف الخلفية */
background:repeating-linear-gradient(rgba(255,255,255,.03) 0px,rgba(255,255,255,.07) 1px,#000 1px,transparent 2px),url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/wcAAwAB/igNpQAAAABJRU5ErkJggg==");
/* حجم الخلفية والتأثيرات */
background-size:100% 2px,400px 400px;background-blend-mode:multiply;animation:grain .8s steps(10) infinite;}
/* تحديد لون النص المحدد */
::selection{background:#483e3e;text-color:#483e3e;}
/* تعريف الحركة للخلفية */
@keyframes grain{0%{background-position:0px 0px,0px 0px;}100%{background-position:0px 0px,100px 100px;}}
/* تحديد أبعاد الجسم والمسافة البينية */
body,html{height:100%;margin:0;background-color:#000;cursor:crosshair;opacity:0;animation:fadeIn 3.6s ease-in-out forwards;box-sizing:border-box;overflow:hidden;}
/* تحديد خط الحركة */
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
/* تعريف تفاعل العناصر العائمة */
a[explanation]:hover:after{content:attr(explanation);position:absolute;}
/* تعريف محتوى النص والخط */
h1,[class~=container]{font-family:"Jackeyfont";margin:0;}
[class~=centered-image] img{max-width:69%;border-style:solid;border-width:.0625pc;border-color:#221e17;background:#000;opacity:66.3%;image-rendering:optimizequality;}
/* تنسيق النصوص والعناصر الجانبية */
.text,[class~=side-text]{font-weight:bold;font-size:2em;font-family:"Nanum Myeongjo",serif;text-shadow:.125pc 2px 4px rgba(0,0,0,.7);color:#958d8a;}
[class~=quote]{font-size:1em;margin-top:.208333333in;color:#332c2c;text-shadow:.75pt .75pt .1875pc rgba(0,0,0,.7);letter-spacing:.34em;}
[class~=side-text]{font-size:1.2em;line-height:2em;text-align:left;color:#483e3e;}
[class~=footer],[class~=review-table] th{font-family:"Nanum Myeongjo",serif;font-size:2.7em;text-shadow:.75pt .0625pc .1875pc rgba(0,0,0,0);color:#2d0303;}
[class~=modal]{display:flex;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.6);backdrop-filter:blur(1px);align-items:center;justify-content:center;}
[class~=modal-content]{position:relative;margin:200px auto;padding:.270833333in;background-color:#0a0a0a;border-style:solid;border-width:.0625pc;border-color:#221e17;box-shadow:0 0 10px rgba(0,0,0,.5);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;}
[class~=modal-content]::-webkit-scrollbar{display:none;}
input[type="search"]{background-color:var(--offwhite);color:var(--screenBlack);border-style:solid;border-width:.3rem;border-color:var(--offWhite);padding:.5vh;font-size:1.8vh;box-sizing:border-box;}
/* تعريف الاستجابات للشاشات */
@media screen and (max-width: 1700px){.wrapper{position:relative;height:100%;width:100%;box-sizing:border-box;border-width:.041666667in;border-style:solid;border-color:#221e17;display:flex;align-items:center;justify-content:center;overflow:auto;}#mystery,[class~=sticky-image],#junk,[class~=footer],#psvita,#files{display:none;}[class~=side-text-left],[class~=side-text],[class~=side-text-right]{position:static;text-align:center;}}
@media screen and (max-width: 768px){[class~=text-border],[class~=centered-image] img{width:90%;font-size:1em;}}