/* ===================================================================
   شاشة البداية kb-splash + حركاتها
   مستخرَج حرفياً من: اعصار (2).html  (الأسطر 4062-4106)
   ⚠️ ترتيب الملفات في index.html يطابق ترتيب الكتل الأصلي — لا تغيّره (cascade).
   =================================================================== */

@keyframes kbSplashSpin { to { transform: rotate(360deg); } }
/* رمشة نيون معطوب — تثبت على الإضاءة الكاملة قبل لا تختفي الشاشة، مو عشوائية للأبد */
@keyframes kbLogoFlicker {
    0%   { opacity:.2; text-shadow:none; }
    4%   { opacity:1;  text-shadow:0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.25); }
    8%   { opacity:.3; text-shadow:none; }
    12%  { opacity:1;  text-shadow:0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.25); }
    20%  { opacity:.5; text-shadow:0 0 10px rgba(255,0,0,.3); }
    26%  { opacity:1;  text-shadow:0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.25); }
    100% { opacity:1;  text-shadow:0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.25); }
}
@keyframes kbVignettePulse {
    0%,100% { opacity:.55; }
    50%     { opacity:.9; }
}
@keyframes kbRingGlow {
    0%,100% { box-shadow:0 0 0 0 rgba(138,0,0,.45); }
    50%     { box-shadow:0 0 14px 3px rgba(138,0,0,.25); }
}
@keyframes kbGrainShift {
    0%,100% { transform:translate(0,0); }
    10%     { transform:translate(-2%,-3%); }
    30%     { transform:translate(3%,2%); }
    50%     { transform:translate(-1%,3%); }
    70%     { transform:translate(2%,-2%); }
    90%     { transform:translate(-3%,1%); }
}
.kb-splash-vignette {
    position:absolute; inset:-10%;
    background:radial-gradient(ellipse at center, rgba(0,0,0,0) 35%, rgba(20,0,0,.55) 75%, rgba(0,0,0,.92) 100%);
    animation:kbVignettePulse 3.6s ease-in-out infinite;
    pointer-events:none;
}
.kb-splash-grain {
    position:absolute; inset:-20%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");
    opacity:.05; mix-blend-mode:overlay; animation:kbGrainShift 1.4s steps(6) infinite; pointer-events:none;
}
.kb-splash-logo { animation:kbLogoFlicker 1.1s ease-out both; }
.kb-splash-ring { animation:kbSplashSpin .8s linear infinite, kbRingGlow 1.6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) {
    .kb-splash-logo { animation:none; text-shadow:0 0 20px rgba(255,0,0,.5),0 0 40px rgba(255,0,0,.25); }
    .kb-splash-vignette, .kb-splash-grain { animation:none; }
    .kb-splash-ring { animation:kbSplashSpin .8s linear infinite; }
}