/* أنماط الشاشات (من قوالب اللوحة) */
body{margin:0;background:#1B1F3B}
a{color:#E06A00}a:hover{color:#B85400}
button{font-family:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid #2D8CFF;outline-offset:3px}
@keyframes dh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes dh-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@keyframes dh-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes dh-rise{0%{transform:translateY(24px);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes dh-fade{from{opacity:0}to{opacity:1}}
@keyframes dh-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.dh-bob{animation:dh-bob 2.8s ease-in-out infinite}
.dh-shake{animation:dh-shake .42s ease-in-out}
.dh-pop{animation:dh-pop .5s ease-out both}
.dh-rise{animation:dh-rise .45s ease-out both}
.dh-fade{animation:dh-fade .6s ease-out both}
.dh-arrow{animation:dh-arrow 1.1s ease-in-out infinite}
@keyframes dh-glow{0%,100%{box-shadow:0 0 0 0 rgba(255,138,31,0)}50%{box-shadow:0 0 0 5px rgba(255,138,31,.6)}}
.dh-glow{animation:dh-glow .9s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.dh-bob,.dh-shake,.dh-pop,.dh-rise,.dh-fade,.dh-arrow,.dh-glow{animation:none}}